/* Profil-Group: оновлення всього сайту — шрифти, шапка, меню категорій, картки товарів.
   Підключається після pg-theme.css. Кольори через змінні, темна тема лише перевизначає змінні. */
:root{
  --ps-surface:#ffffff; --ps-soft:#f2f6f1; --ps-ink:#132519; --ps-body:#33443a; --ps-muted:#5b6e60; --ps-line:#dce6dc;
  --ps-brand:#1d4a35; --ps-link:#2f7d05; --ps-green:#47a708; --ps-green-hover:#3c8f06; --ps-forest:#0f2a1d;
  --ps-bar:#47a708; --ps-bar-hover:rgba(0,0,0,.14); --ps-sun:#f2b33d; --ps-sun-ink:#1b1200; --ps-sale:#d9480f;
  --ps-shadow:0 18px 36px -18px rgba(15,42,29,.35); --ps-img:#ffffff;
  --ps-f-display:"Unbounded","Manrope",system-ui,sans-serif;
  --ps-f-body:"Manrope",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
html.pg-dark{
  --ps-surface:#132119; --ps-soft:#1a2c21; --ps-ink:#e7f0e9; --ps-body:#cad7d0; --ps-muted:#97ad9d; --ps-line:#23362a;
  --ps-brand:#e7f0e9; --ps-link:#6fd69a; --ps-forest:#08140e; --ps-bar:#1d4a35; --ps-bar-hover:rgba(255,255,255,.08);
  --ps-sale:#ff8a4c; --ps-shadow:0 18px 36px -18px rgba(0,0,0,.85);
}

/* ===== Шрифти ===== */
body.page{font-family:var(--ps-f-body);font-weight:500;color:var(--ps-body)}
html.pg-dark body.page{color:var(--ps-body)}
body.page h1,body.page .main-title__text,body.page .title-line h2,body.page .cart-title{font-family:var(--ps-f-display);font-weight:700;letter-spacing:-.01em;color:var(--ps-ink);text-wrap:balance}
body.page .main-title__text{font-size:26px;line-height:1.2}
body.page .title-line h2{font-size:26px;line-height:1.2}
body.page h2,body.page h3,body.page h4{font-family:var(--ps-f-body);font-weight:800}
body.page b,body.page strong{font-weight:800}

/* ===== Верхня смуга з інфо-меню і перемикачем теми ===== */
body.page .navigation{height:40px;background-color:var(--ps-forest)}
body.page .navigation__menu-list{background-color:transparent}
body.page .navigation__menu-list a{color:rgba(255,255,255,.82);font-size:13px;font-weight:600;letter-spacing:.01em}
body.page .navigation__menu-list a:hover,body.page .navigation__menu-list a:focus{color:var(--ps-sun);text-decoration:none}

/* ===== Шапка ===== */
body.page .header,body.page .header__middle{background-color:var(--ps-surface)}
body.page .header__middle{border-bottom:1px solid var(--ps-line)}
body.page .header__middle-inner{padding:16px 0;gap:24px}
body.page .header__logo{width:auto;flex:0 0 auto}
body.page .pg-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
body.page .pg-brand:hover,body.page .pg-brand:focus{text-decoration:none}
body.page .pg-brand__mark{display:block;width:auto;height:46px;padding:5px 7px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--ps-line)}
body.page .pg-brand__txt{display:grid;gap:6px;line-height:1}
body.page .pg-brand__txt b{font-family:var(--ps-f-display);font-weight:800;font-size:19px;letter-spacing:.01em;color:var(--ps-brand)}
body.page .pg-brand__txt small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ps-muted)}

/* пошук */
body.page .header__search{flex:1 1 auto;max-width:460px;margin:0}
body.page .header__search-inner{width:100%}
body.page .header__search-inner input{height:46px;padding:0 54px 0 20px;border-radius:999px;border:1px solid var(--ps-line);background-color:var(--ps-soft);color:var(--ps-ink);font-family:var(--ps-f-body);font-style:normal;font-weight:600;font-size:14px;transition:border-color .2s,box-shadow .2s,background-color .2s}
body.page .header__search-inner input::placeholder{color:var(--ps-muted);opacity:1}
body.page .header__search-inner input::-webkit-input-placeholder{color:var(--ps-muted)}
body.page .header__search-inner input:focus{outline:none;border-color:var(--ps-green);background-color:var(--ps-surface);box-shadow:0 0 0 3px rgba(71,167,8,.18)}
body.page .header__search-inner button{right:4px;width:38px;height:38px;border:0;border-radius:50%;background-color:var(--ps-green);transition:background-color .2s}
body.page .header__search-inner button:hover{background-color:var(--ps-green-hover)}
body.page .header__search-inner button{background:var(--ps-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center/18px 18px no-repeat}
body.page .header__search-inner button:hover{background-color:var(--ps-green-hover)}
body.page .header__search-inner button .fa{display:none}

/* телефони */
body.page .header__phones{min-height:0}
body.page .header__phones-inner{width:auto;gap:12px;justify-content:flex-start}
body.page .header__phones-icon{flex:0 0 auto;width:44px;height:44px;border:0;background-color:var(--ps-sun)}
body.page .header__phones-icon:after{width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231b1200' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E") center/20px 20px no-repeat}
body.page .header__phones-list{width:auto;display:grid;gap:2px}
body.page .header__phones-list li{color:var(--ps-ink);font-size:16px;font-weight:800;line-height:1.3;white-space:nowrap}
body.page .header__phones-list li+li{font-size:14px;font-weight:600;color:var(--ps-muted)}
body.page .header__phones-list a{color:inherit;text-decoration:none}
body.page .header__phones-link,body.page .header__phones li:last-child .header__phones-link{color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;text-transform:none;text-decoration:none}
body.page .header__phones-list a:hover,body.page .header__phones-link:hover,body.page .header__phones li:last-child .header__phones-link:hover{color:var(--ps-link)}

/* кошик */
body.page .header__cart{width:auto;min-height:0}
body.page .header__cart button{display:grid;grid-template-columns:auto auto;column-gap:10px;align-items:center;text-align:left;padding:7px 20px 7px 7px;border-radius:999px;background-color:var(--ps-green);color:#fff;font-family:var(--ps-f-body);font-size:14px;font-weight:800;line-height:1.2;transition:background-color .2s}
body.page .header__cart button:hover,body.page .header__cart button:focus{background-color:var(--ps-green-hover)}
body.page .header__cart button .header__cart-icon{grid-column:1;grid-row:1/3;position:relative;top:auto;left:auto;transform:none;width:38px;height:38px;border:0;background-color:rgba(255,255,255,.18)}
body.page .header__cart button .header__cart-icon:after{width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.5'/%3E%3Ccircle cx='18' cy='20' r='1.5'/%3E%3Cpath d='M2 3h3l2.7 12.4a2 2 0 0 0 2 1.6h7.7a2 2 0 0 0 2-1.5L21 8H6'/%3E%3C/svg%3E") center/20px 20px no-repeat}
body.page .header__cart button span,body.page .header__cart-text{color:#fff}
body.page .header__cart-data,body.page .header__cart button .header__cart-data{grid-column:2;color:rgba(255,255,255,.85);font-size:12.5px;font-weight:600;line-height:1.2;justify-content:flex-start}
body.page .header__cart button span.header__cart-icon{font-size:0}

/* ===== Меню категорій ===== */
body.page .header__bottom{background-color:var(--ps-bar)}
body.page .header__menu{position:static;transform:none;left:auto;top:auto;max-width:1170px;margin:0 auto;background-color:transparent;border-bottom:0}
body.page .header__menu-root > li{width:auto;flex:1 1 0;background-color:transparent}
body.page .header__menu-root > li:after{background-color:rgba(255,255,255,.16);height:50%;top:25%}
body.page .header__link{height:58px;flex-wrap:nowrap;justify-content:center;gap:9px;padding:0 10px;background-color:transparent;color:#fff;font-size:13.5px;font-weight:700;line-height:1.15;text-align:left}
body.page .header__link span{width:auto;color:#fff}
body.page .header__link:hover,body.page .header__link:focus{background-color:var(--ps-bar-hover);text-decoration:none}
body.page .header__link--active{background-color:var(--ps-bar-hover);box-shadow:inset 0 -3px 0 var(--ps-sun)}
body.page .header__link:before{flex:0 0 auto;margin:0}
body.page .header__link--one:before,body.page .header__link--one:hover:before,body.page .header__link--one:focus:before,body.page .header__link--one.header__link--active:before,
body.page .header__link--two:before,body.page .header__link--two:hover:before,body.page .header__link--two:focus:before,body.page .header__link--two.header__link--active:before,
body.page .header__link--three:before,body.page .header__link--three:hover:before,body.page .header__link--three:focus:before,body.page .header__link--three.header__link--active:before,
body.page .header__link--four:before,body.page .header__link--four:hover:before,body.page .header__link--four:focus:before,body.page .header__link--four.header__link--active:before,
body.page .header__link--five:before,body.page .header__link--five:hover:before,body.page .header__link--five:focus:before,body.page .header__link--five.header__link--active:before,
body.page .header__link--six:before,body.page .header__link--six:hover:before,body.page .header__link--six:focus:before,body.page .header__link--six.header__link--active:before,
body.page .header__link--seven:before,body.page .header__link--seven:hover:before,body.page .header__link--seven:focus:before,body.page .header__link--seven.header__link--active:before,
body.page .header__link--eight:before,body.page .header__link--eight:hover:before,body.page .header__link--eight:focus:before{width:26px;height:26px;background-size:52px 26px;background-position:-26px 0}
body.page .header__link--eight.header__link--active:before{background-image:url(/catalog/view/theme/default/static/img/png-sprite/96dpi/8.png);width:26px;height:26px;background-size:52px 26px;background-position:-26px 0}
body.page .header__link--nine:before,body.page .header__link--nine:hover:before,body.page .header__link--nine:focus:before,body.page .header__link--nine.header__link--active:before{width:19px;height:26px;background-size:220px 195px;background-position:-181px -85px}
/* випадаючі списки */
body.page .header__menu-dropdown,body.page .header__menu-dropdown_inner{padding:6px;border-radius:12px;background-color:var(--ps-surface);border:1px solid var(--ps-line);box-shadow:var(--ps-shadow)}
body.page .header__menu-dropdown a{height:auto;min-height:36px;padding:8px 12px;border-top:0;border-radius:8px;color:var(--ps-ink);font-size:13.5px;font-weight:600;line-height:1.3}
body.page .header__menu-dropdown a:hover,body.page .header__menu-dropdown a:focus,body.page .header__menu-dropdown a.link_active{background-color:var(--ps-soft);color:var(--ps-link);text-decoration:none}
body.page .header__menu-dropdown_inner a{color:var(--ps-ink)}

/* мобільна шапка */
body.page .hamburger-inner,body.page .hamburger-inner::before,body.page .hamburger-inner::after{background-color:var(--ps-ink)}
body.page .hamburger--emphatic.is-active .hamburger-inner{background-color:transparent}
@media only screen and (max-width:1200px){
  body.page .header__middle-inner{gap:16px}
  body.page .header__search{max-width:320px}
  body.page .header__link{font-size:12.5px;gap:6px;padding:0 6px}
  body.page .header__menu{max-width:970px}
}
@media only screen and (max-width:992px){
  body.page .navigation{height:auto;padding:0}
  body.page .navigation > .container{width:100%;min-width:0}
  body.page .navigation__inner{flex-wrap:nowrap;justify-content:space-between;gap:12px;padding:6px 0}
  body.page .navigation__menu{width:auto;flex:1 1 auto;min-width:0;margin:0}
  body.page .navigation__menu-list{flex-wrap:nowrap;justify-content:flex-start;gap:18px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
  body.page .navigation__menu-list::-webkit-scrollbar{display:none}
  body.page .navigation__menu-list li{width:auto;flex:0 0 auto}
  body.page .navigation .pg-theme-btn{margin:0}
  body.page .header__middle-inner{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px 12px;padding:14px 0}
  body.page .header__logo{width:auto;order:0;margin:0;text-align:left}
  body.page .hamburger{order:2;margin:0;padding:8px}
  body.page .header__cart{order:1;width:auto;margin:0}
  body.page .header__cart button{width:auto;margin:0}
  body.page .header__search{order:3;grid-column:1/-1;width:100%;max-width:none}
  body.page .header__search-inner{margin:0}
  body.page .header__phones{order:4;grid-column:1/-1;width:auto;margin:0}
  body.page .header__phones-inner{width:auto;margin:0}
  body.page .header__phones-list{display:flex;flex-wrap:wrap;gap:4px 16px}
  body.page .header__phones-list li+li{font-size:16px;font-weight:800;color:var(--ps-ink)}
  body.page .header__bottom{background-color:transparent}
}
@media only screen and (max-width:600px){
  body.page .header__logo{width:auto;margin:0}
  body.page .pg-brand__mark{height:38px;padding:4px 6px}
  body.page .pg-brand__txt b{font-size:16px}
  body.page .pg-brand__txt small{display:none}
  body.page .header__cart button{padding:5px;column-gap:0}
  body.page .header__cart button .header__cart-icon{width:36px;height:36px}
  body.page .header__cart button{font-size:0}
  body.page .header__cart-data,body.page .header__cart button .header__cart-data{display:none}
  body.page .header__search,body.page .header__phones,body.page .header__cart{width:auto}
}

/* ===== Картки товарів ===== */
body.page .product{max-width:230px}
body.page .product__layout{height:100%;padding:0;border:1px solid var(--ps-line);border-radius:16px;background-color:var(--ps-surface);overflow:hidden;transition:box-shadow .25s,transform .25s,border-color .25s}
body.page .product:hover .product__layout{box-shadow:var(--ps-shadow);transform:translateY(-3px);border-color:transparent}
body.page .product__item{display:flex;flex-direction:column;height:100%}
body.page .product__img{width:100%;height:190px;margin:0;padding:16px;background-color:var(--ps-img)}
body.page .product__img a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
body.page .product__img img{width:auto;max-width:100%;max-height:158px;height:auto;object-fit:contain}
body.page .product__content{display:flex;flex-direction:column;flex:1 1 auto;gap:10px;padding:14px 16px 16px;background-color:transparent;border-top:1px solid var(--ps-line)}
body.page .product__caption{margin:0;padding:0}
body.page .product__caption-title{height:auto;min-height:calc(1.35em * 3);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--ps-f-body);font-size:14px;font-weight:700;line-height:1.35;text-align:left;color:var(--ps-ink)}
body.page .product:hover .product__caption-title{color:var(--ps-link)}
body.page .product__cost{justify-content:flex-start;align-items:baseline;gap:2px 10px;min-height:0;margin-top:auto}
body.page .product__cost-price{width:auto;text-align:left;font-family:var(--ps-f-body);font-size:19px;font-weight:800;line-height:1.2;color:var(--ps-ink);font-variant-numeric:tabular-nums}
body.page .product__cost-price--current{color:var(--ps-ink)}
body.page .product__cost-price--new{color:var(--ps-sale)}
body.page .product__cost-price--old{order:2;font-size:13px;font-weight:600;color:var(--ps-muted);text-decoration:line-through}
body.page .product__cost .price-tax{width:100%;font-size:12px;color:var(--ps-muted)}
body.page .product__button-wrap{margin:0;text-align:left}
body.page .product__button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:42px;margin:0;border:0;border-radius:999px;background-color:var(--ps-green);color:#fff;font-family:var(--ps-f-body);font-size:14px;font-weight:800;transition:background-color .2s}
body.page .product__button:before{content:"";width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.5'/%3E%3Ccircle cx='18' cy='20' r='1.5'/%3E%3Cpath d='M2 3h3l2.7 12.4a2 2 0 0 0 2 1.6h7.7a2 2 0 0 0 2-1.5L21 8H6'/%3E%3C/svg%3E") center/18px 18px no-repeat}
body.page .product__button:hover,body.page .product__button:focus{background-color:var(--ps-green-hover);color:#fff}
body.page .product__button:focus-visible{outline:3px solid var(--ps-sun);outline-offset:2px}
body.page .product__banner--hot{top:10px;left:10px}
body.page .product-wrap .product{max-width:none}
body.page .swiper-slide .product{height:100%;max-width:none}
body.page .swiper-slide{height:auto}

/* ===== Блок «Що шукаємо?» (картки категорій) ===== */
body.page .box-flex__layout{border:1px solid var(--ps-line);border-radius:16px;background-color:var(--ps-surface);overflow:hidden;transition:box-shadow .25s,transform .25s,border-color .25s}
body.page .box-flex:hover .box-flex__layout,body.page .box-flex__layout:hover{box-shadow:var(--ps-shadow);transform:translateY(-3px);border-color:transparent}
body.page .box-flex__img{background-color:var(--ps-img)}
body.page .box-flex__content{border-top:1px solid var(--ps-line);background-color:var(--ps-surface)}
body.page .box-flex__content span{font-family:var(--ps-f-body);font-weight:800;color:var(--ps-ink)}
body.page .box-flex__layout:hover .box-flex__content{background-color:var(--ps-green)}
body.page .box-flex__layout:hover .box-flex__content span{color:#fff}

/* ===== Сірі секції сторінки ===== */
body.page .standard--grey{background-color:var(--ps-soft)}
html.pg-dark body.page .standard--grey{background-color:#101c16}