/* Aquamag — Головна (ACF) — стилі кастомного шаблону.
   Підключається лише на сторінках з цим шаблоном, див. functions.php. */

.aqh { --green:#007A32; --green-dark:#0F3D22; --green-light:#97BB51; --green-mid:#4B9041;
  --accent:#C43A26; --bg:#F5F7F1; --border:#E1E7DB; --text:#17241A; --text-muted:#5B6B57;
  --text-faint:#9AA694; font-family:'Inter',system-ui,sans-serif; background:var(--bg); color:var(--text); }
.aqh * { box-sizing:border-box; }
.aqh a { color:inherit; text-decoration:none; text-transform:uppercase;}
.aqh img { max-width:100%; display:block; }
.aqh .jakarta { font-family:'Plus Jakarta Sans',system-ui,sans-serif; }
.aqh .mono { font-family:'IBM Plex Mono',monospace; }
.aqh .wrap { margin:0 auto; }

.aqh .btn { display:inline-flex; align-items:center; gap:8px; font-family:'Plus Jakarta Sans',sans-serif;
  font-weight:700; font-size:13.5px; padding:13px 26px; border-radius:10px; cursor:pointer; border:none; }
.aqh .btn-primary { background:var(--green); color:#fff; }
.aqh .btn-white { background:#fff; color:var(--green-dark); }
.aqh .btn-outline { background:transparent; color:#fff; border:1.5px solid rgba(255,255,255,.55); }
.aqh .card { border-radius:14px; }
.aqh-product .card {padding:5px}
.aqh-product .name {font-size: 15px;font-weight: 500;}
.aqh .arrow-ctrl { width:38px; height:38px; border-radius:50%; background:#fff; border:1px solid var(--border);
  display:flex; align-items:center; justify-content:center; flex-shrink:0; }

/* Utility bar */
.aqh-utility { display:flex; align-items:center; justify-content:space-between; min-height:38px;
  padding:8px 235px; background:var(--green-dark); font-size:12px; color:#B9CDB4; flex-wrap:wrap; gap:8px 24px; }
.aqh-utility-left { display:flex; align-items:center; gap:24px; flex-wrap:wrap; }
.aqh-utility .item { display:flex; align-items:center; gap:6px; }
.aqh-utility .item a:hover { text-decoration:underline; }
.aqh-utility .langs { display:flex; gap:16px; }
.aqh-utility .lang-active { color:#fff; font-weight:600; }
.aqh-header-menu { display:flex; align-items:center; gap:18px; list-style:none; margin:0; padding:0; }
.aqh-header-menu li { display:flex; list-style:none; margin:0; padding:0; }
.aqh-header-menu a:hover { color:#fff; text-decoration:underline; }

/* Телефони — спільні стилі (верхня смуга, блок консультації, випадаючі
   списки). Іконки до/після номера — опційні, завантажуються в
   "Aquamag" → "Хедер"; коли не задані, просто не рендеряться. */
.aqh-phone-link { display:inline-flex; align-items:center; gap:4px; color:inherit; text-decoration:none; }
.aqh .aqh-phone-icon { width:14px; height:14px; object-fit:contain; flex-shrink:0; }
.aqh-utility-phones { flex-wrap:wrap; }
.aqh-utility-phones .aqh-phone-link:hover { text-decoration:underline; }

/* Header */
.aqh-header { display:flex; align-items:center; gap:28px; height:100px; padding:0 235px; background:#fff;
  box-shadow:0 1px 0 var(--border); }
.aqh-header .logo img { height:34px; width:auto; }
.aqh-search { position:relative; flex:1; display:flex; align-items:center; gap:10px; background:var(--bg);
  border:1.5px solid var(--border); border-radius:12px; padding:12px 18px; }
/* Випадаюча підказка пошуку (максимум 10 товарів + посилання "показати всі") */
.aqh-search-results { position:absolute; top:100%; left:0; right:0; margin-top:8px; background:#fff;
  border:1px solid var(--border); border-radius:12px; box-shadow:0 18px 40px rgba(15,61,34,.16); padding:8px;
  z-index:50; max-height:70vh; overflow-y:auto; text-align:left; }
.aqh-search-results[hidden] { display:none; }
.aqh-search-results .aqh-search-item { display:flex; align-items:center; gap:10px; padding:8px; border-radius:8px; text-transform:none; }
.aqh-search-results .aqh-search-item:hover { background:#E4EFDD; }
.aqh-search-results .aqh-search-item img { width:40px; height:40px; object-fit:cover; border-radius:8px; flex-shrink:0; background:var(--bg); }
.aqh-search-results .aqh-search-item-title { display:block; font-size:13px; font-weight:600; color:var(--text); white-space:normal; }
.aqh-search-results .aqh-search-item-price { display:block; font-size:12px; color:var(--text-muted); margin-top:2px; }
.aqh-search-results .aqh-search-more { display:block; text-align:center; padding:10px; font-size:13px; font-weight:700;
  color:var(--green); border-top:1px solid var(--border); margin-top:4px; text-transform:none; }
.aqh-search-results .aqh-search-empty { padding:12px 8px; font-size:13px; color:var(--text-muted); text-transform:none; }
.aqh-search input { border:none; background:transparent; outline:none; font-size:14px; color:var(--text); flex:1; }
.aqh-search input::placeholder { color:var(--text-muted); }
.aqh-phone-cta { position:relative; display:flex; align-items:center; gap:12px; flex-shrink:0; background:#EEF5EA; border-radius:12px; padding:10px 18px; }
.aqh-phone-cta .ico { width:34px; height:34px; border-radius:50%; background:var(--green); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.aqh-phone-cta-main { display:flex; align-items:center; gap:8px; }
.aqh-phone-cta-number { font-size:13px; font-weight:700; color:#0F3D22; line-height:1.35; }
.aqh-phone-cta-number:hover { color:var(--green); }
.aqh-phone-cta-caption { font-size:11px; color:#5B6B57; margin-top:2px; }

/* Перемикач "інші номери" — видно, лише якщо телефонів більше одного */
.aqh-phone-cta-toggle { display:flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%;
  background:transparent; border:1px solid var(--border); color:#5B6B57; cursor:pointer; padding:0; flex-shrink:0;
  transition:transform .15s ease, color .15s ease, border-color .15s ease; }
.aqh-phone-cta-toggle:hover { color:var(--green); border-color:var(--green); }
.aqh-phone-cta-toggle[aria-expanded="true"] { transform:rotate(180deg); color:var(--green); border-color:var(--green); }

/* Панель з рештою телефонів (усі клікабельні) */
.aqh-phone-cta-panel { position:absolute; top:100%; right:0; margin-top:8px; background:#fff; border:1px solid var(--border);
  border-radius:12px; box-shadow:0 18px 40px rgba(15,61,34,.16); padding:8px; z-index:40; min-width:200px; }
.aqh-phone-cta-panel[hidden] { display:none; }
.aqh-phone-cta-panel-number { display:flex; align-items:center; gap:6px; padding:8px 10px; font-size:13px; font-weight:600; color:#0F3D22; border-radius:8px; }
.aqh-phone-cta-panel-number:hover { background:#E4EFDD; color:var(--green); }
.aqh-header-icons { display:flex; align-items:center; gap:26px; flex-shrink:0; }
.aqh-icon-link { display:flex; flex-direction:column; align-items:center; gap:3px; font-size:10.5px; color:var(--text-muted); position:relative; }
.aqh-cart-badge { position:absolute; top:-6px; right:-10px; width:16px; height:16px; border-radius:50%;
  background:var(--accent); color:#fff; font-size:10px; font-weight:700; display:flex; align-items:center; justify-content:center; }

/* Category nav */
.aqh-catnav-wrap { position:relative; }
.aqh-catnav { display:flex; align-items:center; padding:0 235px 5px; height:52px; background:#fff;
  border-bottom:1px solid var(--border); overflow-x:auto; }
.aqh-catnav .all { display:flex; align-items:center; gap:6px; padding:0 18px 0 0; font-size:18px; font-weight:700;
  color:var(--green-dark); border-right:1px solid var(--border); height:100%; flex-shrink:0;
  background:none; border-top:none; border-left:none; border-bottom:none; cursor:pointer; font-family:inherit;text-transform:uppercase; }
.aqh-catnav .all[aria-expanded="true"] { color:var(--green); }
.aqh-catnav .items { display:flex; align-items:center; gap:36px; padding:0 24px; font-size:18px; color:#3C4A38; white-space:nowrap;text-transform:uppercase; }
.aqh-catnav .items a:hover { color:var(--green); }
.aqh-catnav .count { color:var(--text-faint); }

/* Панель "Всі категорії" (повна ієрархія) */
.aqh-catnav-panel { position:absolute; top:100%; left:64px; background:#fff; border:1px solid var(--border);
  border-top:none; border-radius:0 0 14px 14px; box-shadow:0 18px 40px rgba(15,61,34,.16); padding:22px 28px;
  z-index:40; min-width:280px; max-width:640px; max-height:70vh; overflow-y:auto; columns:2; column-gap:36px; }
.aqh-catnav-panel[hidden] { display:none; }
.aqh-catnav-panel ul { list-style:none; margin:0; padding:0; }
.aqh-catnav-panel > ul > li { break-inside:avoid; margin-bottom:16px; }
.aqh-catnav-panel li { break-inside:avoid; }
.aqh-catnav-panel a { display:inline-flex; align-items:center; gap:6px; font-size:13px; color:var(--text); padding:3px 0; }
.aqh-catnav-panel a:hover { color:var(--green); }
.aqh-catnav-panel > ul > li > a { font-weight:700; color:var(--green-dark); font-size:13.5px; }
.aqh-catnav-panel ul ul { padding-left:16px; margin-top:2px; }
.aqh-catnav-panel .count { color:var(--text-faint); font-size:11px; }

/* Hero slider */
.aqh-hero-wrap { padding:50px 235px 0 235px; }
.aqh-hero { position:relative; border-radius:20px; overflow:hidden;
  background:linear-gradient(120deg,var(--green-dark) 0%,#175C33 45%,var(--green-mid) 100%);
  min-height:360px; display:flex; align-items:center; justify-content:space-between; padding:30px 106px; }
.aqh-hero[hidden] { display:none; }
.aqh-hero .leaf { position:absolute; right:-40px; top:-60px; opacity:.16; }
.aqh-hero-slide { display:contents; }
.aqh-hero-slide[hidden] { display:none; }
.aqh-hero .copy { max-width:480px; z-index:1; padding:40px 0; }
.aqh-hero .eyebrow { display:inline-block; font-size:12px; font-weight:700; letter-spacing:1px; text-transform:uppercase;
  color:#C8E6B8; background:rgba(255,255,255,.12); padding:6px 14px; border-radius:20px; margin-bottom:18px; }
.aqh-hero h1,.aqh-hero h2.htitle { font-size:34px; font-weight:800; color:#fff; line-height:1.2; margin:0 0 14px 0; }
.aqh-hero .sub { font-size:14.5px; color:#D6E8CD; line-height:1.6; margin-bottom:26px; max-width:400px; }
.aqh-hero .ctas { display:flex; gap:14px; flex-wrap:wrap; }
.aqh-hero .figure { width:280px; height:230px; display:flex; align-items:center; justify-content:center; z-index:1; }
.aqh-hero .figure img { width:88%; height:auto; object-fit:contain; filter:drop-shadow(0 18px 30px rgba(0,0,0,.35)); }
.aqh-hero .counter { position:absolute; top:24px; right:32px; font-size:12px; color:#C8E6B8; z-index:1; }
.aqh-hero .nav-btn { position:absolute; top:50%; transform:translateY(-50%); width:38px; height:38px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; z-index:2; background:rgba(255,255,255,.14); border:none; cursor:pointer; }
.aqh-hero .nav-btn.next { right:32px; background:rgba(255,255,255,.22); }
.aqh-hero .nav-btn.prev { left:32px; }
.aqh-hero .dots { position:absolute; bottom:22px; left:0; right:0; display:flex; justify-content:center; gap:8px; z-index:1; }
.aqh-hero .dots button { width:22px; height:4px; border-radius:2px; background:rgba(255,255,255,.4); border:none; padding:0; cursor:pointer; }
.aqh-hero .dots button.active { width:22px; background:#fff; }

/* Promo banners */
.aqh-promos { display:grid; grid-template-columns:1fr 1fr; gap:16px; padding:50px 235px 0 235px; }
.aqh-promo { background:#fff; border:1px solid var(--border); padding:28px 32px; display:flex; align-items:center;
  justify-content:space-between; min-height:140px; gap:16px; flex-wrap:wrap; }
.aqh-promo.is-light { background:linear-gradient(120deg,#EEF5EA,#DCEBD3); border-color:#DCEBD3; }
.aqh-promo .label { font-size:12px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; color:var(--green); margin-bottom:8px; }
.aqh-promo.is-light .label { color:#4B7A3C; }
.aqh-promo .title { font-size:17px; font-weight:700; color:var(--text); line-height:1.35; max-width:280px; }

/* Value strip */
.aqh-values { display:flex; align-items:center; justify-content:space-between; padding:50px 235px 0; 
  font-size:12.5px; color:#3C4A38; flex-wrap:wrap;  }
.aqh-values .item { display:flex; align-items:center; gap:12px; border: solid 1px #377d3b;border-radius: 14px;padding: 20px 60px;font-size: 14px;font-weight: 500; }
.aqh-values .ico { width:34px; height:34px; border-radius:50%; background:#EEF5EA; display:flex; align-items:center; justify-content:center; flex-shrink:0; }

/* Product grids (bestsellers + sale) */
.aqh-section { padding:50px 235px 0 235px; }
.aqh-section-head { display:flex; align-items:baseline; justify-content:space-between; margin-bottom:24px; flex-wrap:wrap; gap:10px; }
.aqh-section-head h2 { font-size:22px; font-weight:800; color:var(--text); margin:0; }
.aqh-section-head .link { font-size:13px; font-weight:700; color:var(--green); }
.aqh-grid-4 { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.aqh-product { border:1px solid var(--border); background:#fff; overflow:hidden; }
.aqh-product .thumb { height:180px; display:flex; align-items:center; justify-content:center; background:#fff; position:relative; }
.aqh-product .thumb img { width:60%; height:auto; object-fit:contain;max-width:180px; }
.aqh-badge { position:absolute; top:10px; left:10px; color:#fff; font-size:10.5px; font-weight:700; padding:4px 10px; border-radius:6px; }
.aqh-badge.hit { background:var(--green); }
.aqh-badge.sale { background:var(--accent); font-size:11px; font-weight:800; padding:4px 9px; }
.aqh-product .body { padding:16px; }
.aqh-product .name { font-size:12.5px; line-height:1.4; color:var(--text); margin-bottom:10px; }
.aqh-product .price-row { display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; }
.aqh-price { font-size:17px; font-weight:600; color:var(--text); }
.aqh-price-old { font-size:12.5px; color:var(--text-faint); text-decoration:line-through; }
.aqh-empty-tile { border:1.5px dashed #C7D4C1; background:var(--bg); display:flex; align-items:center; justify-content:center; }
.aqh-empty-tile a { font-size:13px; font-weight:700; text-align:center; padding:16px; color:var(--green-dark); }

/* Sale slider (dark section) */
.aqh-sale-section { padding:44px 235px 8px 235px; background:#17241A; margin-top:50px;  }
.aqh-sale-section .aqh-section-head { padding:0; }
.aqh-sale-section h2 { color:#fff; margin:0 0 4px 0; }
.aqh-sale-section .subtitle { font-size:12.5px; color:#8FA189; }
.aqh-sale-section .link { color:#7BC46B; }
.aqh-sale-section .aqh-grid-4 { padding:0 0 40px 0; }
.aqh-sale-section .aqh-product { background:#1F2E1A; }
.aqh-sale-section .thumb { background:#fff; }
.aqh-sale-section .price-row{color:#fff}
.aqh-sale-section .price-row ins{color: red;font-weight: 800;font-size: 20px;}
.aqh-sale-section .name { color:#EDF2EA; }
.aqh-sale-section .aqh-price { color:#7BC46B; }
.aqh-sale-section .aqh-price-old { color:#6B7A66; }
.aqh-sale-section .arrow-ctrl.ghost { background:#26352096; border-color:#3A4A34; }
.aqh-sale-section .arrow-ctrl.active,
.aqh-catnav-arrows .arrow-ctrl.active { background:var(--green); border-color:var(--green); }

/* Categories slider */
.aqh-cats-grid { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:12px; padding:0; overflow-x:auto; }
.aqh-cat-tile { background:#fff; border:1px solid var(--border); padding:20px 14px; display:flex; flex-direction:column;
  align-items:center; gap:10px; text-align:center; }
.aqh-cat-tile .name { font-size:12.5px; font-weight:600; }
.aqh-cat-tile .count { font-size:10.5px; color:var(--text-faint); margin-top:3px; }

/* Offers row */
.aqh-offers { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.aqh-offer { background:#fff; border:1px solid var(--border); padding:26px 24px; }
.aqh-offer .ico { width:44px; height:44px; border-radius:12px; background:#EEF5EA; display:flex; align-items:center; justify-content:center; margin-bottom:16px; }
.aqh-offer .title { font-size:15px; font-weight:700; color:var(--text); margin-bottom:8px; }
.aqh-offer .text { font-size:12.5px; color:var(--text-muted); line-height:1.6; margin-bottom:16px; }
.aqh-offer .link { font-size:13px; font-weight:700; color:var(--green); }

/* Care strip */
.aqh-care { display:grid; grid-template-columns:1fr 2fr; gap:24px; padding:48px 235px 8px 235px; align-items:center; }
.aqh-care .photo { height:auto; background:#fff; border:1px solid var(--border); display:flex; align-items:center; justify-content:center; }
.aqh-care .photo img { width:50%; height:auto; object-fit:contain; }
.aqh-care .title { font-size:18px; font-weight:700; color:var(--text); margin-bottom:10px; }
.aqh-care .text { font-size:13.5px; color:var(--text-muted); margin-bottom:16px; max-width:640px; line-height:1.6; }

/* SEO block */
.aqh-seo { padding:52px 235px 8px 235px; }
.aqh-seo .inner { border-top:1px solid var(--border); padding-top:36px; }
.aqh-seo h3 { font-size:16px; font-weight:700; color:#3C4A38; margin:0 0 14px 0; }
.aqh-seo .text { font-size:12.5px; line-height:1.85; color:#6B7A66; }
.aqh-seo .text p { margin:0 0 12px 0; }

/* Final CTA */
.aqh-final-cta { margin:44px 235px 0 235px; border-radius:20px; background:linear-gradient(120deg,var(--green-dark),var(--green-mid));
  padding:40px 48px; display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.aqh-final-cta .title { font-size:19px; font-weight:800; color:#fff; margin-bottom:8px; }
.aqh-final-cta .text { font-size:13px; color:#D6E8CD; }

/* Footer */
.aqh-footer { margin-top:48px; padding:48px 235px 32px 235px; background:var(--green-dark); color:#B9CDB4; }
.aqh-footer-grid { display:grid; grid-template-columns:1.2fr 1fr 1fr 1fr; gap:32px; margin-bottom:40px; }
.aqh-footer-grid .brand { font-size:19px; font-weight:800; color:#fff; margin-bottom:14px; }
.aqh-footer-grid .about { font-size:12.5px; line-height:1.7; max-width:220px; }
.aqh-footer-grid h4 { font-size:11.5px; font-weight:700; text-transform:uppercase; letter-spacing:.6px; color:#6E9463; margin:0 0 14px 0; }
.aqh-footer-grid .links { display:flex; flex-direction:column; gap:9px; font-size:12.5px; list-style:none; margin:0; padding:0; }
.aqh-footer-grid .links li { list-style:none; margin:0; padding:0; }
.aqh-footer-grid .links a:hover { color:#fff; }
.aqh-footer-bottom { border-top:1px solid #1E4A2E; padding-top:20px; font-size:12px; color:#6E9463; }

/* Звичайні сторінки/записи (page.php, single.php, index.php) — базова типографіка
   для контенту редактора (блоковий чи класичний), який не покривається
   секціями головної сторінки вище. */
.aqh-content-page { max-width:820px; margin:0 auto; padding:48px 24px 80px 24px; }
.aqh-page-title { font-family:'Plus Jakarta Sans',sans-serif; font-size:32px; font-weight:800; color:var(--text); margin:0 0 12px 0; }
.aqh-post-meta { font-size:12px; color:var(--text-faint); margin-bottom:24px; }
.aqh-post-thumb { margin-bottom:24px; border-radius:14px; overflow:hidden; }
.aqh-page-content, .aqh-post-excerpt { font-size:15px; line-height:1.75; color:var(--text); }
.aqh-page-content h1, .aqh-page-content h2, .aqh-page-content h3,
.aqh-page-content h4, .aqh-page-content h5, .aqh-page-content h6 { font-family:'Plus Jakarta Sans',sans-serif; font-weight:700; color:var(--text); margin:1.6em 0 .6em 0; }
.aqh-page-content p { margin:0 0 1.2em 0; }
.aqh-page-content ul, .aqh-page-content ol { margin:0 0 1.2em 0; padding-left:1.4em; }
.aqh-page-content li { margin-bottom:.4em; }
.aqh-page-content a { color:var(--green); text-decoration:underline; }
.aqh-page-content img { border-radius:12px; margin:1em 0; }
.aqh-page-content blockquote { margin:1.4em 0; padding:.2em 0 .2em 1.2em; border-left:3px solid var(--green); color:var(--text-muted); font-style:italic; }
.aqh-post-card { padding:28px 0; border-bottom:1px solid var(--border); }
.aqh-post-card:first-child { padding-top:0; }
.aqh-post-title { font-family:'Plus Jakarta Sans',sans-serif; font-size:22px; font-weight:700; margin:0 0 8px 0; }
.aqh-post-title a { color:var(--text); }
.aqh-pagination { margin-top:32px; display:flex; gap:10px; font-size:13px; }
.aqh-pagination .page-numbers { padding:8px 14px; border:1px solid var(--border); border-radius:8px; background:#fff; }
.aqh-pagination .page-numbers.current { background:var(--green); color:#fff; border-color:var(--green); }
.aqh-comments { margin-top:40px; padding-top:32px; border-top:1px solid var(--border); }

/* Базова сумісність зі стандартними шаблонами WooCommerce (каталог, картка
   товару, кошик, оформлення замовлення) — ці сторінки використовують власні
   шаблони WooCommerce (не кастомізовані окремо в цій темі), обгорнуті нашими
   header.php/footer.php. Це узгоджує базові кольори/шрифти з рештою сайту;
   для повністю кастомного вигляду цих сторінок знадобляться окремі шаблони
   woocommerce/*.php — не входить у цей етап роботи. */
.aqh #primary, .aqh #content { max-width:1180px; margin:0 auto; padding:40px 24px 80px 24px; font-size:14px; color:var(--text); }
.aqh .woocommerce a { color:var(--green); }
.aqh .woocommerce .price { color:var(--text); font-family:'IBM Plex Mono',monospace; }
.aqh .woocommerce ins { text-decoration:none; color:var(--green); }
.aqh .woocommerce del { color:var(--text-faint); }
.aqh .woocommerce .button,
.aqh .woocommerce button.button,
.aqh .woocommerce a.button,
.aqh .woocommerce input.button,
.aqh .woocommerce #respond input#submit {
  font-family:'Plus Jakarta Sans',sans-serif; font-weight:700; background:var(--green); color:#fff;
  border-radius:10px; padding:12px 22px; border:none;
}
.aqh .woocommerce .button:hover { background:var(--green-dark); color:#fff; }
.aqh .woocommerce table.shop_table { border-color:var(--border); }
.aqh .woocommerce-message, .aqh .woocommerce-info { border-top-color:var(--green); }
.aqh .woocommerce-error { border-top-color:var(--accent); }
/*
 * Стилі 2-рівневого меню категорій у шапці (.aqh-catnav) — відновлено
 * з підтвердженого робочого варіанту (звірено з тим, що реально було
 * задеплоєно й перевірено на сайті, включно з фіксом position:fixed
 * для проблеми overflow-x:auto, що обрізала підменю).
 *
 * Це саме той блок "/* Category nav *\/", що раніше стояв в aquamag.css
 * одразу після .aqh-cart-badge і перед "/* Hero slider *\/". Щоб
 * відновити — встав цей вміст туди ж (звичайний copy-paste в Редакторі
 * тем), нічого іншого міняти не треба. Сюди НЕ входять JS
 * (initCatnavSubmenus() в aquamag.js) і розмітка в header.php — якщо
 * їх теж випадково стерто, скажи, дам і їх окремо.
 */

/* Category nav */
.aqh-catnav-wrap { position:relative; }
.aqh-catnav { display:flex; align-items:center; padding:0 235px 5px; height:52px; background:#fff;
  border-bottom:1px solid var(--border); overflow-x:auto; }
.aqh-catnav .all { display:flex; align-items:center; gap:6px; padding:0 18px 0 0; font-size:18px; font-weight:700;
  color:var(--green-dark); border-right:1px solid var(--border); height:100%; flex-shrink:0;
  background:none; border-top:none; border-left:none; border-bottom:none; cursor:pointer; font-family:inherit;text-transform:uppercase; }
.aqh-catnav .all[aria-expanded="true"] { color:var(--green); }
.aqh-catnav .items { display:flex; align-items:center; gap:36px; padding:0 24px; font-size:18px; color:#3C4A38; white-space:nowrap;text-transform:uppercase; }
.aqh-catnav .items a:hover { color:var(--green); }
.aqh-catnav .count { color:var(--text-faint); }

/* Пункт меню 2-го рівня (з дочірніми пунктами) — випадаюча підменю-панель */
.aqh-catnav .items .cat-item { position:relative; display:inline-flex; align-items:center; gap:4px; }
.aqh-catnav .items .cat-item-toggle { display:flex; align-items:center; justify-content:center; width:16px; height:16px;
  border:none; background:none; padding:0; margin:0; cursor:pointer; color:inherit; flex-shrink:0; font-family:inherit; }
.aqh-catnav .items .cat-item-toggle svg { transition:transform .15s ease; }
.aqh-catnav .items .cat-item-toggle:hover svg,
.aqh-catnav .items .cat-item-toggle[aria-expanded="true"] svg { color:var(--green); }
.aqh-catnav .items .cat-item-toggle[aria-expanded="true"] svg { transform:rotate(180deg); }
/* position:fixed (не absolute): .items — предок з overflow-x:auto, і за
   специфікацією CSS це автоматично перетворює й overflow-y на auto, тобто
   .aqh-catnav обрізає/ховає будь-який absolute-нащадок, що виходить за межі
   рядка. position:fixed уникає цього обрізання; конкретні left/top
   виставляє JS (initCatnavSubmenus() у aquamag.js) при відкритті панелі. */
.aqh-catnav .items .sub-menu { position:fixed; background:#fff;
  border:1px solid var(--border); border-radius:12px; box-shadow:0 18px 40px rgba(15,61,34,.16); padding:8px;
  z-index:40; min-width:200px; list-style:none; white-space:nowrap; text-transform:none; }
.aqh-catnav .items .sub-menu[hidden] { display:none; }
.aqh-catnav .items .sub-menu li { margin:0; }
.aqh-catnav .items .sub-menu a { display:flex; align-items:center; gap:6px; padding:8px 10px; border-radius:8px; font-size:13px; font-weight:500; color:var(--text); }
.aqh-catnav .items .sub-menu a:hover { background:#E4EFDD; color:var(--green); }

/* Панель "Всі категорії" (повна ієрархія) */
.aqh-catnav-panel { position:absolute; top:100%; left:64px; background:#fff; border:1px solid var(--border);
  border-top:none; border-radius:0 0 14px 14px; box-shadow:0 18px 40px rgba(15,61,34,.16); padding:22px 28px;
  z-index:40; min-width:280px; max-width:640px; max-height:70vh; overflow-y:auto; columns:2; column-gap:36px; }
.aqh-catnav-panel[hidden] { display:none; }
.aqh-catnav-panel ul { list-style:none; margin:0; padding:0; }
.aqh-catnav-panel > ul > li { break-inside:avoid; margin-bottom:16px; }
.aqh-catnav-panel li { break-inside:avoid; }
.aqh-catnav-panel a { display:inline-flex; align-items:center; gap:6px; font-size:13px; color:var(--text); padding:3px 0; }
.aqh-catnav-panel a:hover { color:var(--green); }
.aqh-catnav-panel > ul > li > a { font-weight:700; color:var(--green-dark); font-size:13.5px; }
.aqh-catnav-panel ul ul { padding-left:16px; margin-top:2px; }
.aqh-catnav-panel .count { color:var(--text-faint); font-size:11px; }
.otgs-development-site-front-end{display:none !important;}
@media (max-width: 1440px) {
	.aqh-header{padding:0 50px;}
	.aqh-catnav{padding: 0 50px 5px;}
	.aqh-hero-wrap {padding: 50px 50px 0 50px;}
	.aqh-promos{padding:50px 50px 0;}
	.aqh-values{padding:50px 50px 0;}
	.aqh-section {padding: 50px 50px 0;}
	.aqh-sale-section {padding: 44px 50px 8px;}
	.aqh-care{padding:50px 50px 0}
	.aqh-seo {padding: 50px 50px 8px;}
	.aqh-final-cta {margin: 50px 50px 0}
	.aqh-footer{padding:50px 50px 32px}
}
@media (max-width: 960px) {
  .aqh-utility, .aqh-header, .aqh-catnav, .aqh-hero-wrap, .aqh-promos, .aqh-values,
  .aqh-section, .aqh-sale-section .aqh-section-head, .aqh-sale-section .aqh-grid-4,
  .aqh-cats-grid, .aqh-care, .aqh-seo, .aqh-final-cta, .aqh-footer { padding-left:20px; padding-right:20px; }
  .aqh-grid-4, .aqh-cats-grid, .aqh-offers, .aqh-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .aqh-promos, .aqh-care { grid-template-columns:1fr; }
  .aqh-hero { flex-direction:column; text-align:center; padding:32px 24px; min-height:auto; }
  .aqh-hero .copy { max-width:100%; }
  .aqh-hero .ctas { justify-content:center; }
  .aqh-catnav-panel { left:20px; right:20px; max-width:none; columns:1; }
}


/* Мобільна адаптація (те саме, що в загальному @media (max-width: 960px)
   блоці в кінці aquamag.css — якщо цей блок у файлі вже є, ці два рядки
   туди й додавались, окремо їх дублювати не треба) */
@media (max-width: 960px) {
  .aqh-catnav { padding-left:20px; padding-right:20px; }
  .aqh-catnav-panel { left:20px; right:20px; max-width:none; columns:1; }
}