/** Shopify CDN: Minification failed

Line 149:63 Unexpected "("

**/
:root{--ink:#151E28; --muted:#2A3642; --line:#E2E8EF;
    --paper:#F3F6F9; --mint:#EAEFF5; --cream:#EAEFF5; --teal:#336399; --teal-d:#183C64; --teal-deep:#10253C;
    --accent:#C72579; --gold:#d8a13a; --radius:18px; --radius-l:26px; --maxw:1320px;
    --serif:'Montserrat','Helvetica Neue',Arial,sans-serif; --sans:'Montserrat','Helvetica Neue',Arial,sans-serif; --script:'Kalam',cursive;
    --shadow:0 18px 50px -22px rgba(16,37,60,.35); --shadow-s:0 8px 26px -16px rgba(16,37,60,.35);}
.bp-header .announce{background:var(--teal-deep);color:#EAEFF5;text-align:center;font-size:13px;letter-spacing:.04em;padding:10px}
.bp-header .announce b{color:#fff}
.bp-header .announce .dot{opacity:.5;margin:0 12px}
.bp-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.bp-header .nav{display:flex;align-items:center;justify-content:space-between;height:86px;gap:20px}
.bp-header .logo{font-family:var(--serif);font-weight:800;font-size:25px;letter-spacing:-.02em}
.bp-header .logo img{height:66px;width:auto;display:block}
.bp-header .logo--f img{height:96px}
.bp-header .logo span{color:var(--teal)}
.bp-header .menu{display:flex;gap:28px;font-size:15px;font-weight:500;align-items:center}
.bp-header .menu>a{padding:6px 0}
.bp-header .menu a:hover{color:var(--teal-d)}
.bp-header .menu .has-drop{position:relative}
.bp-header .menu .has-drop>a{cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.bp-header .menu .drop{position:absolute;top:100%;left:50%;transform:translateX(-50%);padding-top:16px;display:none;z-index:60}
.bp-header .menu .has-drop:hover .drop{display:block}
.bp-header .menu .drop .inner{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:10px;min-width:240px;display:flex;flex-direction:column;gap:2px}
.bp-header .menu .drop a{padding:10px 14px;border-radius:10px;font-size:14px;white-space:nowrap;font-weight:500}
.bp-header .menu .drop a:hover{background:var(--mint);color:var(--teal-d)}
.bp-header .menu .drop .sep{height:1px;background:var(--line);margin:6px 4px}
.bp-header .nav-ic .has-drop{position:relative}
.bp-header .nav-ic .has-drop>a{cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.bp-header .nav-ic .has-drop .drop{position:absolute;top:100%;right:0;left:auto;transform:none;padding-top:14px;display:none;z-index:60}
.bp-header .nav-ic .has-drop:hover .drop{display:block}
.bp-header .nav-ic .has-drop .inner{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:8px;min-width:170px;display:flex;flex-direction:column;gap:2px}
.bp-header .nav-ic .has-drop .inner a{padding:9px 13px;border-radius:9px;font-size:14px}
.bp-header .nav-ic .has-drop .inner a:hover{background:var(--mint);color:var(--teal-d)}
.bp-header .nav-ic{display:flex;gap:18px;font-size:14px;font-weight:500;align-items:center}
.bp-header .nav-ic .cart{background:var(--ink);color:#fff;padding:9px 16px;border-radius:999px}
.subline{font-size:12px;color:var(--teal-d);background:var(--mint);border-radius:9px;padding:7px 11px;margin:10px 0;font-weight:600}
.bp-footer{background:#10253C;color:#8FA3B8;padding:60px 0 32px;font-size:14px}
.bp-footer .fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:34px}
.bp-footer h4{color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:16px}
.bp-footer a{display:block;margin-bottom:10px;color:#8FA3B8}
.bp-footer a:hover{color:#fff}
.bp-footer .pay{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;max-width:430px}
.bp-footer .pay span{background:transparent;border:1px solid #E06A9E;border-radius:7px;padding:6px 10px;font-size:11px;font-weight:600;color:#EAC7D8;transition:.18s;text-align:center;white-space:nowrap}
.bp-footer .pay span:hover{background:#E06A9E;color:#fff}
.bp-footer .socials{display:grid;grid-template-columns:repeat(3,46px);gap:13px 12px;width:max-content;margin-bottom:6px}
.bp-footer .socials a{width:46px;height:46px;border-radius:50%;background:#10253C;display:flex;align-items:center;justify-content:center;transition:.18s;flex:none}
.bp-footer .socials a:hover{transform:translateY(-3px)}
.bp-footer .socials svg{width:24px;height:24px;display:block}
.bp-footer .socials .s-yt svg{transform:translateY(1.5px)}
.bp-footer .socials .s-tt{position:relative}
.bp-footer .socials .flag{position:absolute;right:-3px;bottom:-3px;width:18px;height:18px;border-radius:50%;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.5);border:1.5px solid #10253C}
.bp-footer .socials .flag svg{width:100%;height:100%;display:block}
.bp-footer .socials .s-ig{color:#e1306c}
.bp-footer .socials .s-tt{color:#25f4ee}
.bp-footer .socials .s-fb{color:#3b82f6}
.bp-footer .socials .s-yt{color:#ff3b3b}
.bp-footer .socials .s-pin{color:#e60023}
.bp-footer .socials .s-ig:hover{background:#e1306c;color:#fff}
.bp-footer .socials .s-tt:hover{background:#010101;color:#25f4ee}
.bp-footer .socials .s-fb:hover{background:#1877f2;color:#fff}
.bp-footer .socials .s-yt:hover{background:#ff0000;color:#fff}
.bp-footer .socials .s-pin:hover{background:#e60023;color:#fff}
.bp-footer .fcompliance{margin-top:18px;display:flex;flex-direction:column;gap:9px;font-size:13px;color:#8FA3B8}
.bp-footer .fbottom{border-top:1px solid #14304A;margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:#6E8095;font-size:12.5px}
@media(max-width:980px){.bp-header .menu,.bp-header .nav-ic .hidem{display:none}
.bp-footer .fgrid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.bp-footer .fgrid{grid-template-columns:1fr;gap:26px}
.bp-footer a,.bp-footer p,.bp-footer address,.bp-footer span,.bp-footer div{overflow-wrap:anywhere;word-break:break-word}}
.bp-header .bpburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;border:1px solid var(--line,#e2e8ef);border-radius:12px;background:#fff;cursor:pointer;flex:none;margin-left:4px}
.bp-header .bpburger span{display:block;width:22px;height:2px;background:var(--ink,#151E28);border-radius:2px;transition:.25s}
.bp-header .bpburger.on span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.bp-header .bpburger.on span:nth-child(2){opacity:0}
.bp-header .bpburger.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.bpscrim{position:fixed;inset:0;background:rgba(16,37,60,.5);opacity:0;visibility:hidden;transition:.28s;z-index:998}
.bpscrim.on{opacity:1;visibility:visible}
.bpdrawer{position:fixed;top:0;right:0;height:100%;width:min(86vw,340px);background:#fff;z-index:999;transform:translateX(102%);transition:transform .3s cubic-bezier(.2,.7,.2,1);display:flex;flex-direction:column;box-shadow:-20px 0 50px -20px rgba(16,37,60,.55);overflow-y:auto;-webkit-overflow-scrolling:touch}
.bpdrawer.on{transform:none}
.bpdrawer .dh{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line,#e2e8ef);position:sticky;top:0;background:#fff}
.bpdrawer .dh b{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--teal,#336399);font-weight:800}
.bpdrawer .dx{width:40px;height:40px;border:none;background:none;font-size:28px;line-height:1;cursor:pointer;color:var(--ink,#151E28)}
.bpdrawer a{display:block;padding:14px 22px;font-size:16px;font-weight:600;color:var(--ink,#151E28);border-bottom:1px solid #f1f4f7;text-decoration:none}
.bpdrawer a:active{background:var(--mint,#eaeff5)}
.bpdrawer .sub a{padding-left:38px;font-size:14.5px;font-weight:500;color:var(--muted,#41535f)}
.bpdrawer .dcat{padding:16px 22px 4px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted,#8a99a6);font-weight:700}
.bpdrawer .dcart{margin:18px 20px 10px;padding:15px;text-align:center;background:var(--ink,#151E28);color:#fff;border-radius:999px;border-bottom:none;font-weight:700}
body.bplock{overflow:hidden}
@media(max-width:980px){.bp-header .bpburger{display:inline-flex;width:40px;height:40px}
.bp-header .nav-ic > *:not(.cart){display:none}
.bp-header .nav-ic{gap:10px}
.bp-header .nav-ic .cart{padding:9px 15px;font-size:13px;white-space:nowrap;line-height:1}
.bp-header .nav{gap:12px}}
@media(max-width:560px){.bp-footer .fgrid{grid-template-columns:1fr !important;gap:26px}
.bp-footer a,.bp-footer p,.bp-footer address,.bp-footer span,.bp-footer div,.bp-footer li{overflow-wrap:anywhere;word-break:break-word}
.bp-header .nav-ic{align-items:center}
.bp-header .nav-ic .cart{white-space:nowrap;line-height:1;display:inline-flex;align-items:center}}

.bp-header .bp-search{display:none;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 6px 6px 14px}
.bp-header .bp-search input{width:132px;border:none;outline:none;font:inherit;font-size:14px;background:none;color:var(--ink)}
.bp-header .bp-search input::placeholder{color:#8FA3B8}
.bp-header .bp-search button{width:32px;height:32px;flex:none;display:grid;place-items:center;border:none;border-radius:50%;background:var(--teal);color:#fff;cursor:pointer}
.bp-header .bp-search button svg{width:17px;height:17px}
.bp-header .bp-search:focus-within{border-color:var(--teal)}
@media(max-width:980px){.bp-header .bp-search input{width:96px}}
@media(max-width:560px){.bp-header .bp-search{display:none}}


.bp-footer .logo--f img{max-width:190px}
/* В макете подсветка при наведении есть у всех соцсетей, кроме LinkedIn — забыли.
   Цвет иконки задан прямо в разметке (style="color:#0a66c2"), а инлайн-стиль
   перебивает обычное правило, поэтому здесь единственный случай, где нужен
   !important — иначе на синем фоне иконка стала бы невидимой. */
.bp-footer .socials .s-li:hover{background:#0a66c2}
.bp-footer .socials .s-li:hover svg{color:#fff!important}


.bp-header .bp-search.on{display:flex}


/* Шапка и футер — контейнер как в макете */


/* ВЫДВИЖНАЯ КОРЗИНА В СТИЛЕ НОВОГО САЙТА.
   Тема Impulse рисует её своим старым видом: рукописный заголовок «Cart»,
   разрядка в подзаголовках, чёрная кнопка CHECK OUT. Приводим к нашей типографике
   (Montserrat), цветам (тил) и скруглениям — как на остальных страницах. */
.drawer{font-family:'Montserrat','Helvetica Neue',Arial,sans-serif!important;color:#151E28}
.drawer .drawer__title,.drawer__header .h2,.drawer__header h2{font-family:'Montserrat',sans-serif!important;font-weight:800!important;font-size:26px!important;letter-spacing:-.01em!important;text-transform:none!important;font-style:normal!important}
.drawer .cart__item h3,.drawer .cart__item .h4,.drawer .cart__item a{font-family:'Montserrat',sans-serif!important;font-weight:700;font-size:16px;line-height:1.3}
.drawer .cart__item .cart__price,.drawer .cart__item span{font-size:16px}
.drawer .ajaxcart__subtotal,.drawer .cart__item-sub{font-family:'Montserrat',sans-serif!important;letter-spacing:normal!important;text-transform:none!important;font-size:17px!important;font-weight:700}
.drawer .cart__checkout,.drawer .btn{background:#336399!important;color:#fff!important;border-radius:999px!important;font-family:'Montserrat',sans-serif!important;font-weight:700!important;letter-spacing:normal!important;text-transform:none!important;font-size:18px!important;padding:15px 24px!important;border:none!important}
.drawer .cart__checkout:hover,.drawer .btn:hover{background:#183C64!important}
.drawer .quantity-selector,.drawer .js-qty__wrapper{border-radius:999px!important;overflow:hidden}
.drawer .cart__item{border-bottom:1px solid #E2E8EF}
.drawer .drawer__inner,.drawer__contents{background:#fff}
.drawer .cart__item-row.text-center,.drawer .drawer__footer p{font-size:15px;color:#2A3642}

.bp-header .wrap,.bp-footer .wrap{max-width:min(1840px,96vw);margin-left:auto;margin-right:auto;padding-left:28px;padding-right:28px}

/* ШАПКА И ФУТЕР — РОВНО КАК В МАКЕТЕ.
   Ранее их несколько раз «поднимали» (19 → 21 → 22px), из-за чего меню
   распёрло, «Catalog ▾» и «Account ▾» ломались на две строки, а «Cart · 0»
   превращался в кружок с переносом. Все те надбавки удалены; здесь
   зафиксированы макетные размеры и запрет переносов. */
   Размер — середина между макетом (15px, Дарье мелко) и раздутыми 22px:
   меню 17px, правая группа 16px, футер 16px. */
.bp-header .nav{height:88px;gap:22px}
.bp-header .logo img{height:64px!important}
.bp-header .menu{gap:26px;font-size:17px!important;flex-wrap:nowrap}
.bp-header .menu a,.bp-header .menu>a,.bp-header .menu .has-drop>a{font-size:17px!important;white-space:nowrap}
.bp-header .menu .has-drop>a{display:inline-flex;flex-wrap:nowrap;align-items:center;gap:5px;line-height:1.2}
.bp-header .menu .drop a{font-size:15px!important}
.bp-header .nav-ic{gap:16px;flex-wrap:nowrap}
.bp-header .nav-ic a,.bp-header .nav-ic>a,.bp-header .nav-ic .hidem,.bp-header .nav-ic .has-drop>a{font-size:16px!important;white-space:nowrap}
.bp-header .nav-ic .cart{font-size:16px!important;white-space:nowrap;line-height:1;display:inline-flex;align-items:center;gap:4px;padding:11px 19px;border-radius:999px}
.bp-header .nav-ic .has-drop .inner a{font-size:15px!important}
@media(max-width:1180px){.bp-header .menu{gap:18px}
.bp-header .menu a,.bp-header .menu>a,.bp-header .menu .has-drop>a{font-size:15px!important}}

/* Футер — тот же средний размер (был раздут до 20-24px). */
.bp-footer,.bp-footer a,.bp-footer span,.bp-footer p,.bp-footer address{font-size:16px!important}
.bp-footer h4{font-size:14px!important;margin-bottom:16px}
.bp-footer .socials{grid-template-columns:repeat(3,50px);gap:14px 12px}
.bp-footer .socials a{width:50px;height:50px}
.bp-footer .socials svg{width:26px;height:26px}
.bp-footer .socials .flag{width:19px;height:19px}
.bp-footer .pay span{font-size:13px!important;padding:7px 11px}
.bp-footer .fcompliance{font-size:15px!important}
.bp-footer .fbottom,.bp-footer .fbottom span{font-size:14px!important}
