/*
Theme Name: AVENX
Theme URI: https://avenx.in/
Author: AVENX
Description: WordPress conversion of the AVENX static website.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
License: GPL-2.0-or-later
Text Domain: avenx
*/
/* index.html */

    :root {
      --ink: #111827;
      --ink-soft: #1c2536;
      --cyan: #00B8E6;
      --cyan-dim: #0092b8;
      --paper: #ffffff;
      --paper-soft: #f6f8fa;
      --line: #e6e9ee;
      --muted: #5b6472;
      --success: #1fae6b;
      --radius: 14px;
      --shadow: 0 10px 30px rgba(17,24,39,.08);
      --maxw: 1180px;
      font-size: 16px;
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
      color: var(--ink);
      background: var(--paper);
      -webkit-font-smoothing: antialiased;
      line-height: 1.45;
    }
    img { max-width: 100%; display: block; }
    a { color: inherit; text-decoration: none; }
    ul { margin: 0; padding: 0; list-style: none; }
    h1, h2, h3, h4 { margin: 0; font-weight: 600; letter-spacing: -0.01em; }
    p { margin: 0; }
    button { font-family: inherit; }

    .wrap { max-width: var(--maxw); margin: 0 auto; padding: 0 20px; }
    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 12.5px;
      font-weight: 600;
      letter-spacing: .04em;
      text-transform: uppercase;
      color: var(--cyan-dim);
    }
    .eyebrow::before {
      content: "";
      width: 14px;
      height: 2px;
      background: var(--cyan);
      display: inline-block;
      border-radius: 2px;
    }

    /* Header */
    .site-header {
      position: sticky;
      top: 0;
      z-index: 100;
      background: rgba(255,255,255,.95);
      backdrop-filter: blur(10px);
      border-bottom: 1px solid var(--line);
    }
    .header-inner {
      max-width: var(--maxw);
      margin: 0 auto;
      padding: 12px 20px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
    }
    .brand-logo { display: flex; align-items: center; gap: 8px; }
    .brand-icon { width: 24px; height: 24px; color: var(--cyan); }
    .brand-text { font-size: 19px; font-weight: 800; letter-spacing: .02em; color: var(--ink); }
    .brand-logo--light .brand-text { color: #fff; }
    .brand-logo--light .brand-icon { color: var(--cyan); }
    .footer-logo.brand-logo { margin-bottom: 12px; }
    .main-nav ul { display: flex; gap: 22px; }
    .main-nav a { font-size: 13.5px; font-weight: 500; color: var(--muted); transition: color .15s; }
    .main-nav a:hover { color: var(--ink); }
    .header-cta {
      background: var(--ink);
      color: #fff;
      padding: 9px 20px;
      border-radius: 999px;
      font-size: 13px;
      font-weight: 600;
      transition: background .15s, transform .15s;
      border: none;
      cursor: pointer;
    }
    .header-cta:hover { background: var(--cyan-dim); transform: translateY(-1px); }
    .nav-toggle { display: none; background: none; border: none; cursor: pointer; padding: 4px; }
    .nav-toggle span { display: block; width: 22px; height: 2px; background: var(--ink); margin: 5px 0; border-radius: 2px; }

    /* Buybox & Gallery */
    .product-grid-section { padding: 32px 0 36px; background: var(--paper); }
    .product-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; }

    .gallery-viewport {
      position: relative;
      overflow: hidden;
      border-radius: var(--radius);
      background: var(--ink);
      cursor: zoom-in;
    }
    .gallery-track {
      display: flex;
      touch-action: pan-y;
      transition: transform .35s cubic-bezier(.22,.61,.36,1);
    }
    .gallery-track.dragging { transition: none; }
    .gallery-slide {
      flex: 0 0 100%;
      width: 100%;
      cursor: zoom-in;
      overflow: hidden;
    }
    .gallery-slide picture, .gallery-slide img {
      width: 100%;
      display: block;
      pointer-events: none;
      user-select: none;
      transform-origin: center center;
      transition: transform 0.12s ease-out;
      will-change: transform;
    }
    .gallery-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 38px;
      height: 38px;
      border-radius: 50%;
      border: none;
      cursor: pointer;
      background: rgba(255,255,255,.92);
      color: var(--ink);
      font-size: 22px;
      line-height: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 4px 12px rgba(0,0,0,.15);
      transition: background .15s, transform .15s;
      z-index: 2;
    }
    .gallery-arrow:hover { background: #fff; transform: translateY(-50%) scale(1.05); }
    .gallery-arrow--prev { left: 12px; }
    .gallery-arrow--next { right: 12px; }
    .gallery-thumbs { display: flex; gap: 10px; margin-top: 12px; overflow-x: auto; padding-bottom: 2px; }
    .gallery-thumb {
      flex: 0 0 58px;
      width: 58px;
      height: 58px;
      border-radius: 8px;
      overflow: hidden;
      border: 2px solid transparent;
      padding: 0;
      cursor: pointer;
      background: none;
      opacity: .6;
      transition: border-color .15s, opacity .15s;
    }
    .gallery-thumb img { width: 100%; height: 100%; object-fit: cover; }
    .gallery-thumb.active { border-color: var(--cyan); opacity: 1; }
    .gallery-dots { display: none; justify-content: center; gap: 6px; margin-top: 12px; }
    .gallery-dot {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--line);
      border: none;
      padding: 0;
      cursor: pointer;
      transition: width .2s, background .2s;
    }
    .gallery-dot.active { background: var(--cyan); width: 18px; border-radius: 4px; }
    .gallery-zoom-btn {
      position: absolute;
      right: 12px;
      bottom: 12px;
      z-index: 2;
      width: 36px;
      height: 36px;
      border-radius: 50%;
      border: none;
      cursor: pointer;
      background: rgba(255,255,255,.92);
      color: var(--ink);
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 3px 10px rgba(0,0,0,.15);
    }
    .gallery-zoom-hint {
      position: absolute;
      left: 12px;
      bottom: 12px;
      z-index: 2;
      font-size: 11px;
      font-weight: 500;
      color: rgba(255,255,255,.9);
      background: rgba(0,0,0,.5);
      padding: 4px 10px;
      border-radius: 999px;
      pointer-events: none;
      transition: opacity .2s;
    }

    /* Lightbox */
    .zoom-lightbox {
      position: fixed;
      inset: 0;
      z-index: 9999;
      background: rgba(10,10,12,.96);
      display: none;
      align-items: center;
      justify-content: center;
      touch-action: none;
    }
    .zoom-lightbox.open { display: flex; }
    .zoom-lightbox-stage {
      position: relative;
      width: 100%;
      height: 100%;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
      touch-action: none;
    }
    .zoom-lightbox-img {
      max-width: 90vw;
      max-height: 90vh;
      width: auto;
      height: auto;
      object-fit: contain;
      transform-origin: center center;
      transition: transform 0.08s ease-out;
      will-change: transform;
      user-select: none;
      -webkit-user-drag: none;
      cursor: zoom-in;
    }
    .zoom-lightbox-img.zoomed { cursor: grab; }
    .zoom-lightbox-img.zoomed.dragging { cursor: grabbing; }
    .zoom-lightbox-close, .zoom-lightbox-arrow {
      position: absolute;
      z-index: 3;
      border-radius: 50%;
      border: none;
      cursor: pointer;
      background: rgba(255,255,255,.92);
      color: var(--ink);
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 4px 14px rgba(0,0,0,.25);
    }
    .zoom-lightbox-close { top: 16px; right: 16px; width: 42px; height: 42px; font-size: 22px; }
    .zoom-lightbox-arrow { top: 50%; transform: translateY(-50%); width: 42px; height: 42px; font-size: 24px; }
    .zoom-lightbox-arrow--prev { left: 16px; }
    .zoom-lightbox-arrow--next { right: 16px; }
    .zoom-lightbox-hint {
      position: absolute;
      bottom: 16px;
      left: 50%;
      transform: translateX(-50%);
      z-index: 3;
      color: rgba(255,255,255,.85);
      font-size: 12px;
      background: rgba(0,0,0,.5);
      padding: 6px 14px;
      border-radius: 999px;
      pointer-events: none;
    }

    /* Product Buybox Info */
    .buybox-info h1 { font-size: clamp(24px,2.6vw,32px); line-height: 1.2; margin: 8px 0 10px; }
    .tagline { color: var(--muted); font-size: 15px; margin-bottom: 14px; }
    .rating-row { display: flex; align-items: center; gap: 8px; margin-bottom: 14px; font-size: 13.5px; }
    .stars { color: #f5a623; font-size: 14px; letter-spacing: 1px; }
    .rating-count { color: var(--muted); }
    .price-row { display: flex; align-items: baseline; gap: 10px; margin-bottom: 6px; }
    .price-now { font-size: 32px; font-weight: 700; color: var(--ink); }
    .price-was { font-size: 17px; color: var(--muted); text-decoration: line-through; }
    .price-save { background: #e9fbf3; color: var(--success); font-size: 12px; font-weight: 700; padding: 4px 9px; border-radius: 999px; }
    .gst-note { font-size: 12.5px; color: var(--muted); margin-bottom: 20px; }

    /* Action Buttons */
    .buy-actions { display: flex; gap: 12px; margin-bottom: 24px; width: 100%; }
    .buy-actions .btn-primary {
      flex: 1 1 0;
      min-width: 130px;
      text-align: center;
      padding: 14px 22px;
      border-radius: 999px;
      font-weight: 700;
      font-size: 14.5px;
      border: none;
      cursor: pointer;
      transition: background .2s ease, color .2s ease, transform .15s ease;
      white-space: nowrap;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }
    .btn-cart { background: var(--ink); color: #fff; }
    .btn-cart:hover { background: var(--cyan-dim); color: #fff; transform: translateY(-1px); }
    .btn-buy { background: var(--cyan-dim); color: #fff; }
    .btn-buy:hover { background: var(--ink); color: #fff; transform: translateY(-1px); }

    /* Badges */
    .badges { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .badge-card {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 10px;
      padding: 12px 14px;
      display: flex;
      align-items: flex-start;
      gap: 10px;
    }
    .badge-icon {
      width: 30px;
      height: 30px;
      border-radius: 8px;
      background: rgba(0,184,230,.12);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      color: var(--cyan-dim);
      font-size: 14px;
      font-weight: bold;
    }
    .badge-card strong { display: block; font-size: 12.5px; margin-bottom: 2px; }
    .badge-card span { font-size: 11.5px; color: #333333); }

    /* Trust Strip */
    .trust-strip {
      background: #ffffff;
      color: #d8dee8;
      padding: 22px 0;
      border-top: 2px solid var(--ink);
      border-bottom: 2px solid var(--ink);
    }
    .trust-strip .wrap { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; }
    .trust-item { display: flex; align-items: center; gap: 8px; font-size: 13.5px; color: var(--muted); }
    .trust-item strong { color: #111827; }

    /* Content Sections */
    .section { padding: 52px 0; }
    .section-title { font-size: clamp(24px,2.4vw,30px); margin: 8px 0 14px; }
    .section-copy { max-width: 800px; margin: 0 auto; text-align: center; }
    .section-copy h2 { font-size: clamp(24px,2.4vw,30px); line-height: 1.25; letter-spacing: -0.01em; margin: 8px 0 12px; }
    .section-copy p { color: var(--muted); font-size: 15px; margin-top: 10px; line-height: 1.65; }

    /* Grids */
    .avx-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 26px; }
    .avx-card { background: var(--paper-soft); border: 1px solid var(--line); border-radius: 12px; padding: 20px; }
    .avx-card h3 { font-size: 16.5px; line-height: 1.3; margin-bottom: 6px; }
    .avx-card p { color: var(--muted); font-size: 13.5px; line-height: 1.55; }
    .avx-number { font-size: 12.5px; font-weight: 700; color: #333333; margin-bottom: 6px; letter-spacing: .05em; }

    .avx-band { background: var(--ink); color: #fff; border-radius: var(--radius); padding: 36px 28px; }
    .avx-band p { color: #d8dee8; }

    .avx-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 24px; }
    .avx-step { padding: 18px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
    .avx-step .avx-number { font-size: 20px; }
    .avx-step h3 { font-size: 15.5px; margin-bottom: 4px; }
    .avx-step p { font-size: 13px; color: #333333; line-height: 1.45; }

    .avx-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 20px; }
    .avx-list div { padding: 14px 16px; border: 1px solid var(--line); border-radius: 8px; background: #fff; font-size: 14.5px; }

    /* Specs & FAQ */
    .specs-table { width: 100%; border-collapse: collapse; max-width: 640px; margin-top: 10px; }
    .specs-table tr { border-bottom: 1px solid var(--line); }
    .specs-table td { padding: 12px 6px; font-size: 14.5px; }
    .specs-table td:first-child { color: var(--muted); width: 42%; }
    .specs-table td:last-child { font-weight: 600; }

    .faq-item { border-bottom: 1px solid var(--line); }
    .faq-q {
      width: 100%;
      text-align: left;
      background: none;
      border: none;
      cursor: pointer;
      padding: 16px 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 15px;
      font-weight: 600;
      color: var(--ink);
    }
    .faq-q .plus { font-size: 18px; color: var(--cyan-dim); transition: transform .2s; font-weight: 400; }
    .faq-item.open .faq-q .plus { transform: rotate(45deg); }
    .faq-a { max-height: 0; overflow: hidden; transition: max-height .25s ease; }
    .faq-a p { padding: 0 0 16px; color: var(--muted); font-size: 14px; line-height: 1.65; max-width: 680px; }

    /* CTA & Footer */
    .avx-cta { text-align: center; padding: 48px 20px; }
    .avx-cta h2 { font-size: clamp(26px,3.2vw,36px); }
    .avx-cta p { max-width: 620px; margin: 12px auto 20px; color: var(--muted); font-size: 15px; }

    footer { background: var(--ink-soft); color: #cbd3de; padding: 44px 0 24px; }
    .footer-grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: 28px; margin-bottom: 32px; }
    .footer-grid p { font-size: 13.5px; line-height: 1.65; color: #9aa4b2; }
    .footer-col h4 { font-size: 13px; color: #fff; margin-bottom: 12px; letter-spacing: .03em; text-transform: uppercase; }
    .footer-col li { margin-bottom: 9px; }
    .footer-col a { font-size: 13.5px; color: #9aa4b2; transition: color .15s; }
    .footer-col a:hover { color: var(--cyan); }
    .footer-bottom {
      border-top: 1px solid rgba(255,255,255,.08);
      padding-top: 18px;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 10px;
      font-size: 12.5px;
      color: #7c8595;
    }

    /* Responsive */
    @media (max-width:900px) {
      .product-grid { grid-template-columns: 1fr; gap: 26px; }
      .footer-grid { grid-template-columns: 1fr 1fr; }
      .avx-grid, .avx-steps { grid-template-columns: 1fr 1fr; }
    }
    @media (max-width:640px) {
      .main-nav {
        position: fixed;
        inset: 56px 14px auto 14px;
        background: #fff;
        border-radius: 12px;
        box-shadow: var(--shadow);
        padding: 12px;
        display: none;
        border: 1px solid var(--line);
      }
      .main-nav.open { display: block; }
      .main-nav ul { flex-direction: column; gap: 4px; }
      .main-nav a { display: block; padding: 8px; }
      .nav-toggle { display: block; }
      .gallery-thumbs { display: none; }
      .gallery-dots { display: flex; }
      .badges, .avx-grid, .avx-steps, .avx-list, .footer-grid { grid-template-columns: 1fr; }
      .buy-actions { flex-direction: column; }
      .buy-actions .btn-primary { width: 100%; }
      .section { padding: 38px 0; }
    }
  

/* contact.html */

/* ===== Avenx — Brand tokens ===== */
:root{
  --ink:#111827;
  --ink-soft:#1c2536;
  --cyan:#00B8E6;
  --cyan-dim:#0092b8;
  --paper:#ffffff;
  --paper-soft:#f6f8fa;
  --line:#e6e9ee;
  --muted:#5b6472;
  --success:#1fae6b;
  --radius:14px;
  --shadow:0 10px 30px rgba(17,24,39,.08);
  --maxw:1180px;
  font-size:16px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--ink);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
  line-height:1.5;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
ul{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-0.01em;}
p{margin:0;}
button{font-family:inherit;}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;
  color:var(--cyan-dim);
}
.eyebrow::before{content:"";width:16px;height:2px;background:var(--cyan);display:inline-block;border-radius:2px;}

/* ===== Header ===== */
.site-header{
  position:sticky;top:0;z-index:100;
  background:rgba(255,255,255,.9);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.header-inner{
  max-width:var(--maxw);margin:0 auto;padding:14px 24px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.logo img{height:34px;width:auto;}
.brand-logo{display:flex;align-items:center;gap:9px;}
.brand-icon-wrap{display:flex;align-items:center;}
.brand-icon{width:26px;height:26px;color:var(--cyan);}
.brand-text{font-size:20px;font-weight:800;letter-spacing:.02em;color:var(--ink);}
.brand-logo--light .brand-text{color:#fff;}
.brand-logo--light .brand-icon{color:var(--cyan);}
.footer-logo.brand-logo{margin-bottom:14px;}
.main-nav ul{display:flex;gap:28px;}
.main-nav a{font-size:14px;font-weight:500;color:var(--muted);transition:color .15s;}
.main-nav a:hover{color:var(--ink);}
.header-cta{
  background:var(--ink);color:#fff;padding:10px 20px;border-radius:999px;
  font-size:14px;font-weight:600;transition:background .15s, transform .15s;
  border:none;cursor:pointer;
}
.header-cta:hover{background:var(--cyan-dim);transform:translateY(-1px);}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:4px;}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--ink);margin:5px 0;border-radius:2px;}

/* ===== Product grid: gallery + buybox side-by-side ===== */
.product-grid-section{padding:36px 0 0;background:var(--paper);}
.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
@media (max-width:900px){
  .product-grid{grid-template-columns:1fr;gap:28px;}
}

/* ===== Gallery ===== */
.gallery{background:var(--paper);}
.gallery-viewport{
  position:relative;overflow:hidden;border-radius:var(--radius);background:var(--ink);
}
.gallery-track{
  display:flex;touch-action:pan-y;cursor:grab;
  transition:transform .35s cubic-bezier(.22,.61,.36,1);
}
.gallery-track.dragging{transition:none;cursor:grabbing;}
.gallery-slide{flex:0 0 100%;width:100%;}
.gallery-slide picture,.gallery-slide img{width:100%;display:block;pointer-events:none;user-select:none;}
.gallery-arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  width:42px;height:42px;border-radius:50%;border:none;cursor:pointer;
  background:rgba(255,255,255,.92);color:var(--ink);font-size:24px;line-height:1;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 14px rgba(0,0,0,.18);transition:background .15s, transform .15s;
}
.gallery-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.06);}
.gallery-arrow--prev{left:14px;}
.gallery-arrow--next{right:14px;}
.gallery-thumbs{
  display:flex;gap:10px;margin-top:14px;overflow-x:auto;padding-bottom:4px;
  scrollbar-width:thin;
}
.gallery-thumb{
  flex:0 0 60px;width:60px;height:60px;border-radius:10px;overflow:hidden;
  border:2px solid transparent;padding:0;cursor:pointer;background:none;opacity:.6;
  transition:border-color .15s, opacity .15s;
}
.gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.gallery-thumb.active{border-color:var(--cyan);opacity:1;}
.gallery-thumb:hover{opacity:1;}
.gallery-dots{display:none;justify-content:center;gap:8px;margin-top:14px;}
.gallery-dot{
  width:8px;height:8px;border-radius:50%;background:var(--line);border:none;
  padding:0;cursor:pointer;transition:width .2s, background .2s;
}
.gallery-dot.active{background:var(--cyan);width:22px;border-radius:5px;}
@media (max-width:640px){
  .gallery-thumbs{display:none;}
  .gallery-dots{display:flex;}
}

/* ===== Zoom button on gallery ===== */
.gallery-zoom-btn{
  position:absolute;right:14px;bottom:14px;z-index:2;
  width:42px;height:42px;border-radius:50%;border:none;cursor:pointer;
  background:rgba(255,255,255,.92);color:var(--ink);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 14px rgba(0,0,0,.18);transition:background .15s, transform .15s;
}
.gallery-zoom-btn:hover{background:#fff;transform:scale(1.06);}
.gallery-zoom-btn svg{width:20px;height:20px;display:block;}
.gallery-slide picture,.gallery-slide img{cursor:zoom-in;}

/* ===== Hover-anywhere magnifier ===== */
.gallery-zoom-pane{
  position:absolute;inset:0;z-index:5;
  background-repeat:no-repeat;background-size:230% 230%;
  opacity:0;pointer-events:none;
  transition:opacity .12s ease;
  border-radius:inherit;
}
.gallery-zoom-pane.active{opacity:1;}
@media (hover:none){
  .gallery-zoom-pane{display:none!important;}
}

/* ===== Fullscreen image zoom lightbox ===== */
.zoom-lightbox{
  position:fixed;inset:0;z-index:9999;background:rgba(10,10,12,.96);
  display:none;align-items:center;justify-content:center;
  touch-action:none;
}
.zoom-lightbox.open{display:flex;}
.zoom-lightbox-stage{
  position:relative;width:100%;height:100%;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
}
.zoom-lightbox-img{
  max-width:94vw;max-height:94vh;
  transform-origin:0 0;
  will-change:transform;
  user-select:none;-webkit-user-drag:none;
  cursor:zoom-in;
  touch-action:none;
}
.zoom-lightbox-img.zoomed{cursor:grab;}
.zoom-lightbox-img.zoomed.dragging{cursor:grabbing;}
.zoom-lightbox-close{
  position:absolute;top:16px;right:16px;z-index:3;
  width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;
  background:rgba(255,255,255,.92);color:var(--ink);font-size:24px;line-height:1;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 14px rgba(0,0,0,.25);
}
.zoom-lightbox-arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:3;
  width:46px;height:46px;border-radius:50%;border:none;cursor:pointer;
  background:rgba(255,255,255,.92);color:var(--ink);font-size:26px;line-height:1;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 14px rgba(0,0,0,.25);
}
.zoom-lightbox-arrow--prev{left:16px;}
.zoom-lightbox-arrow--next{right:16px;}
.zoom-lightbox-hint{
  position:absolute;bottom:18px;left:50%;transform:translateX(-50%);z-index:3;
  color:rgba(255,255,255,.85);font-size:13px;background:rgba(0,0,0,.35);
  padding:6px 14px;border-radius:999px;pointer-events:none;
  transition:opacity .3s;
}
@media (max-width:640px){
  .zoom-lightbox-arrow{display:none;}
  .zoom-lightbox-close{width:40px;height:40px;top:10px;right:10px;}
}

/* ===== Buy box ===== */
.buybox-info h1{font-size:clamp(24px,2.8vw,34px);line-height:1.15;margin:10px 0 12px;}
.tagline{color:var(--muted);font-size:16px;margin-bottom:20px;}
.rating-row{display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:14px;}
.stars{color:#f5a623;font-size:15px;letter-spacing:1px;}
.rating-count{color:var(--muted);}
.price-row{display:flex;align-items:baseline;gap:12px;margin-bottom:6px;}
.price-now{font-size:34px;font-weight:700;color:var(--ink);}
.price-was{font-size:18px;color:var(--muted);text-decoration:line-through;}
.price-save{
  background:#e9fbf3;color:var(--success);font-size:12px;font-weight:700;
  padding:4px 10px;border-radius:999px;
}
.gst-note{font-size:13px;color:var(--muted);margin-bottom:24px;}
.buy-actions{display:flex;gap:12px;margin-bottom:28px;flex-wrap:wrap;}
.btn-primary{
  background:var(--ink);color:#fff;padding:15px 34px;border-radius:999px;
  font-weight:700;font-size:15px;border:none;cursor:pointer;transition:.15s;
}
.btn-primary:hover{background:var(--cyan-dim);}
.badges{
  display:grid;grid-template-columns:repeat(2,1fr);gap:14px;
}
.badge-card{
  background:#fff;border:1px solid var(--line);border-radius:12px;
  padding:14px 16px;display:flex;align-items:flex-start;gap:10px;
}
.badge-icon{
  width:34px;height:34px;border-radius:9px;background:rgba(0,184,230,.12);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  color:var(--cyan-dim);font-size:16px;
}
.badge-card strong{display:block;font-size:13px;margin-bottom:2px;}
.badge-card span{font-size:12px;color:var(--muted);}

/* ===== Description ===== */
.section{padding:72px 0;}
.section-title{font-size:clamp(24px,2.6vw,32px);margin:10px 0 18px;}
.desc-text p{color:var(--muted);font-size:16px;line-height:1.75;margin-bottom:16px;max-width:760px;}
.desc-text{max-width:760px;}
.desc-label{color:var(--ink);}
.desc-label strong{color:var(--ink);}
.desc-image{margin:8px 0 24px;border-radius:var(--radius);overflow:hidden;}
.desc-image img{width:100%;display:block;background:var(--paper-soft);min-height:120px;}
.desc-bullets{margin:0 0 24px;padding-left:20px;color:var(--muted);font-size:15.5px;line-height:1.8;}
.desc-bullets li{margin-bottom:6px;}
.desc-bullets strong{color:var(--ink);}
.desc-subhead{font-size:19px;margin:8px 0 14px;color:var(--ink);}
.desc-num{margin-bottom:2px;}
.desc-num strong{font-size:15.5px;color:var(--ink);}

/* ===== Specs table ===== */
.specs-table{width:100%;border-collapse:collapse;max-width:640px;}
.specs-table tr{border-bottom:1px solid var(--line);}
.specs-table td{padding:14px 4px;font-size:15px;}
.specs-table td:first-child{color:var(--muted);width:44%;}
.specs-table td:last-child{font-weight:600;}

/* ===== FAQ accordion ===== */
.faq-item{border-bottom:1px solid var(--line);}
.faq-q{
  width:100%;text-align:left;background:none;border:none;cursor:pointer;
  padding:20px 0;display:flex;justify-content:space-between;align-items:center;
  font-size:15.5px;font-weight:600;color:var(--ink);
}
.faq-q .plus{font-size:20px;color:var(--cyan-dim);transition:transform .2s;font-weight:400;}
.faq-item.open .faq-q .plus{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;}
.faq-a p{padding:0 0 20px;color:var(--muted);font-size:14.5px;line-height:1.7;max-width:680px;}

/* ===== Trust strip ===== */
.trust-strip{
  background:var(--ink);color:#fff;padding:40px 0;
}
.trust-strip .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;}
.trust-item{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#cbd3de;}
.trust-item strong{color:#fff;font-weight:600;}

/* ===== Footer ===== */
footer{background:var(--ink-soft);color:#cbd3de;padding:56px 0 24px;}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;margin-bottom:40px;}
.footer-logo img{height:30px;margin-bottom:14px;}
.footer-grid p{font-size:13.5px;line-height:1.7;color:#9aa4b2;}
.footer-col h4{font-size:13px;color:#fff;margin-bottom:14px;letter-spacing:.03em;text-transform:uppercase;}
.footer-col li{margin-bottom:10px;}
.footer-col a{font-size:13.5px;color:#9aa4b2;transition:color .15s;}
.footer-col a:hover{color:var(--cyan);}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.08);padding-top:22px;
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;
  font-size:12.5px;color:#7c8595;
}

/* ===== Policy page ===== */
.policy-page{padding:60px 0 90px;max-width:820px;margin:0 auto;}
.policy-page h1{font-size:30px;margin-bottom:8px;}
.policy-updated{font-size:13px;color:var(--muted);margin-bottom:32px;}
.policy-page h2{font-size:18px;margin:32px 0 10px;}
.policy-page p{color:var(--muted);font-size:15px;line-height:1.75;margin-bottom:12px;}
.policy-page ul{margin:0 0 12px;padding-left:20px;list-style:disc;}
.policy-page li{color:var(--muted);font-size:15px;line-height:1.75;margin-bottom:6px;}

/* ===== Responsive ===== */
@media (max-width:900px){
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:640px){
  .main-nav{
    position:fixed;inset:60px 16px auto 16px;background:#fff;border-radius:14px;
    box-shadow:var(--shadow);padding:12px;display:none;border:1px solid var(--line);
  }
  .main-nav.open{display:block;}
  .main-nav ul{flex-direction:column;gap:2px;}
  .main-nav a{display:block;padding:10px 8px;}
  .nav-toggle{display:block;}
  .header-cta{padding:9px 16px;font-size:13px;}
  .badges{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;gap:24px;}
  .section{padding:48px 0;}
}

.section-copy{max-width:820px;margin:0 auto;text-align:center;}
.section-copy p{color:var(--muted);margin-top:14px;}
.avx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px;}
.avx-card{background:var(--paper-soft);border:1px solid var(--line);border-radius:var(--radius);padding:26px;}
.avx-card h3{font-size:18px;margin-bottom:8px;}
.avx-card p{color:var(--muted);}
.avx-number{font-size:13px;font-weight:700;color:var(--cyan-dim);margin-bottom:10px;letter-spacing:.05em;}
.avx-band{background:var(--ink);color:#fff;border-radius:var(--radius);padding:48px 32px;}
.avx-band p{color:#d8dee8;}
.avx-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:32px;}
.avx-step{padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;}
.avx-step .avx-number{font-size:24px;}
.avx-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:26px;}
.avx-list div{padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:#fff;}
.avx-cta{text-align:center;padding:70px 24px;}
.avx-cta h2{font-size:clamp(30px,4vw,46px);}
.avx-cta p{max-width:650px;margin:14px auto 24px;color:var(--muted);}
@media(max-width:900px){
  .avx-grid,.avx-steps{grid-template-columns:1fr 1fr;}
}
@media(max-width:640px){
  .avx-grid,.avx-steps,.avx-list{grid-template-columns:1fr;}
}


/* privacy.html */

/* ===== Avenx — Brand tokens ===== */
:root{
  --ink:#111827;
  --ink-soft:#1c2536;
  --cyan:#00B8E6;
  --cyan-dim:#0092b8;
  --paper:#ffffff;
  --paper-soft:#f6f8fa;
  --line:#e6e9ee;
  --muted:#5b6472;
  --success:#1fae6b;
  --radius:14px;
  --shadow:0 10px 30px rgba(17,24,39,.08);
  --maxw:1180px;
  font-size:16px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--ink);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
  line-height:1.5;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
ul{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-0.01em;}
p{margin:0;}
button{font-family:inherit;}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;
  color:var(--cyan-dim);
}
.eyebrow::before{content:"";width:16px;height:2px;background:var(--cyan);display:inline-block;border-radius:2px;}

/* ===== Header ===== */
.site-header{
  position:sticky;top:0;z-index:100;
  background:rgba(255,255,255,.9);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.header-inner{
  max-width:var(--maxw);margin:0 auto;padding:14px 24px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.logo img{height:34px;width:auto;}
.brand-logo{display:flex;align-items:center;gap:9px;}
.brand-icon-wrap{display:flex;align-items:center;}
.brand-icon{width:26px;height:26px;color:var(--cyan);}
.brand-text{font-size:20px;font-weight:800;letter-spacing:.02em;color:var(--ink);}
.brand-logo--light .brand-text{color:#fff;}
.brand-logo--light .brand-icon{color:var(--cyan);}
.footer-logo.brand-logo{margin-bottom:14px;}
.main-nav ul{display:flex;gap:28px;}
.main-nav a{font-size:14px;font-weight:500;color:var(--muted);transition:color .15s;}
.main-nav a:hover{color:var(--ink);}
.header-cta{
  background:var(--ink);color:#fff;padding:10px 20px;border-radius:999px;
  font-size:14px;font-weight:600;transition:background .15s, transform .15s;
  border:none;cursor:pointer;
}
.header-cta:hover{background:var(--cyan-dim);transform:translateY(-1px);}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:4px;}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--ink);margin:5px 0;border-radius:2px;}

/* ===== Product grid: gallery + buybox side-by-side (like a standard product page) ===== */
.product-grid-section{padding:36px 0 0;background:var(--paper);}
.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
@media (max-width:900px){
  .product-grid{grid-template-columns:1fr;gap:28px;}
}

/* ===== Gallery (swipeable/clickable, device-specific pictures) ===== */
.gallery{background:var(--paper);}
.gallery-viewport{
  position:relative;overflow:hidden;border-radius:var(--radius);background:var(--ink);
}
.gallery-track{
  display:flex;touch-action:pan-y;cursor:grab;
  transition:transform .35s cubic-bezier(.22,.61,.36,1);
}
.gallery-track.dragging{transition:none;cursor:grabbing;}
.gallery-slide{flex:0 0 100%;width:100%;}
.gallery-slide picture,.gallery-slide img{width:100%;display:block;pointer-events:none;user-select:none;}
.gallery-arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  width:42px;height:42px;border-radius:50%;border:none;cursor:pointer;
  background:rgba(255,255,255,.92);color:var(--ink);font-size:24px;line-height:1;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 14px rgba(0,0,0,.18);transition:background .15s, transform .15s;
}
.gallery-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.06);}
.gallery-arrow--prev{left:14px;}
.gallery-arrow--next{right:14px;}
.gallery-thumbs{
  display:flex;gap:10px;margin-top:14px;overflow-x:auto;padding-bottom:4px;
  scrollbar-width:thin;
}
.gallery-thumb{
  flex:0 0 60px;width:60px;height:60px;border-radius:10px;overflow:hidden;
  border:2px solid transparent;padding:0;cursor:pointer;background:none;opacity:.6;
  transition:border-color .15s, opacity .15s;
}
.gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.gallery-thumb.active{border-color:var(--cyan);opacity:1;}
.gallery-thumb:hover{opacity:1;}
.gallery-dots{display:none;justify-content:center;gap:8px;margin-top:14px;}
.gallery-dot{
  width:8px;height:8px;border-radius:50%;background:var(--line);border:none;
  padding:0;cursor:pointer;transition:width .2s, background .2s;
}
.gallery-dot.active{background:var(--cyan);width:22px;border-radius:5px;}
@media (max-width:640px){
  .gallery-thumbs{display:none;}
  .gallery-dots{display:flex;}
}

/* ===== Zoom button on gallery ===== */
.gallery-zoom-btn{
  position:absolute;right:14px;bottom:14px;z-index:2;
  width:42px;height:42px;border-radius:50%;border:none;cursor:pointer;
  background:rgba(255,255,255,.92);color:var(--ink);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 14px rgba(0,0,0,.18);transition:background .15s, transform .15s;
}
.gallery-zoom-btn:hover{background:#fff;transform:scale(1.06);}
.gallery-zoom-btn svg{width:20px;height:20px;display:block;}
.gallery-slide picture,.gallery-slide img{cursor:zoom-in;}

/* ===== Hover-anywhere magnifier ===== */
.gallery-zoom-pane{
  position:absolute;inset:0;z-index:5;
  background-repeat:no-repeat;background-size:230% 230%;
  opacity:0;pointer-events:none;
  transition:opacity .12s ease;
  border-radius:inherit;
}
.gallery-zoom-pane.active{opacity:1;}
@media (hover:none){
  .gallery-zoom-pane{display:none!important;}
}

/* ===== Fullscreen image zoom lightbox ===== */
.zoom-lightbox{
  position:fixed;inset:0;z-index:9999;background:rgba(10,10,12,.96);
  display:none;align-items:center;justify-content:center;
  touch-action:none;
}
.zoom-lightbox.open{display:flex;}
.zoom-lightbox-stage{
  position:relative;width:100%;height:100%;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
}
.zoom-lightbox-img{
  max-width:94vw;max-height:94vh;
  transform-origin:0 0;
  will-change:transform;
  user-select:none;-webkit-user-drag:none;
  cursor:zoom-in;
  touch-action:none;
}
.zoom-lightbox-img.zoomed{cursor:grab;}
.zoom-lightbox-img.zoomed.dragging{cursor:grabbing;}
.zoom-lightbox-close{
  position:absolute;top:16px;right:16px;z-index:3;
  width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;
  background:rgba(255,255,255,.92);color:var(--ink);font-size:24px;line-height:1;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 14px rgba(0,0,0,.25);
}
.zoom-lightbox-arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:3;
  width:46px;height:46px;border-radius:50%;border:none;cursor:pointer;
  background:rgba(255,255,255,.92);color:var(--ink);font-size:26px;line-height:1;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 14px rgba(0,0,0,.25);
}
.zoom-lightbox-arrow--prev{left:16px;}
.zoom-lightbox-arrow--next{right:16px;}
.zoom-lightbox-hint{
  position:absolute;bottom:18px;left:50%;transform:translateX(-50%);z-index:3;
  color:rgba(255,255,255,.85);font-size:13px;background:rgba(0,0,0,.35);
  padding:6px 14px;border-radius:999px;pointer-events:none;
  transition:opacity .3s;
}
@media (max-width:640px){
  .zoom-lightbox-arrow{display:none;}
  .zoom-lightbox-close{width:40px;height:40px;top:10px;right:10px;}
}

/* ===== Buy box ===== */
.buybox-info h1{font-size:clamp(24px,2.8vw,34px);line-height:1.15;margin:10px 0 12px;}
.tagline{color:var(--muted);font-size:16px;margin-bottom:20px;}
.rating-row{display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:14px;}
.stars{color:#f5a623;font-size:15px;letter-spacing:1px;}
.rating-count{color:var(--muted);}
.price-row{display:flex;align-items:baseline;gap:12px;margin-bottom:6px;}
.price-now{font-size:34px;font-weight:700;color:var(--ink);}
.price-was{font-size:18px;color:var(--muted);text-decoration:line-through;}
.price-save{
  background:#e9fbf3;color:var(--success);font-size:12px;font-weight:700;
  padding:4px 10px;border-radius:999px;
}
.gst-note{font-size:13px;color:var(--muted);margin-bottom:24px;}
.buy-actions{display:flex;gap:12px;margin-bottom:28px;flex-wrap:wrap;}
.btn-primary{
  background:var(--ink);color:#fff;padding:15px 34px;border-radius:999px;
  font-weight:700;font-size:15px;border:none;cursor:pointer;transition:.15s;
}
.btn-primary:hover{background:var(--cyan-dim);}
.badges{
  display:grid;grid-template-columns:repeat(2,1fr);gap:14px;
}
.badge-card{
  background:#fff;border:1px solid var(--line);border-radius:12px;
  padding:14px 16px;display:flex;align-items:flex-start;gap:10px;
}
.badge-icon{
  width:34px;height:34px;border-radius:9px;background:rgba(0,184,230,.12);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  color:var(--cyan-dim);font-size:16px;
}
.badge-card strong{display:block;font-size:13px;margin-bottom:2px;}
.badge-card span{font-size:12px;color:var(--muted);}

/* ===== Description ===== */
.section{padding:72px 0;}
.section-title{font-size:clamp(24px,2.6vw,32px);margin:10px 0 18px;}
.desc-text p{color:var(--muted);font-size:16px;line-height:1.75;margin-bottom:16px;max-width:760px;}
.desc-text{max-width:760px;}
.desc-label{color:var(--ink);}
.desc-label strong{color:var(--ink);}
.desc-image{margin:8px 0 24px;border-radius:var(--radius);overflow:hidden;}
.desc-image img{width:100%;display:block;background:var(--paper-soft);min-height:120px;}
.desc-bullets{margin:0 0 24px;padding-left:20px;color:var(--muted);font-size:15.5px;line-height:1.8;}
.desc-bullets li{margin-bottom:6px;}
.desc-bullets strong{color:var(--ink);}
.desc-subhead{font-size:19px;margin:8px 0 14px;color:var(--ink);}
.desc-num{margin-bottom:2px;}
.desc-num strong{font-size:15.5px;color:var(--ink);}

/* ===== Specs table ===== */
.specs-table{width:100%;border-collapse:collapse;max-width:640px;}
.specs-table tr{border-bottom:1px solid var(--line);}
.specs-table td{padding:14px 4px;font-size:15px;}
.specs-table td:first-child{color:var(--muted);width:44%;}
.specs-table td:last-child{font-weight:600;}

/* ===== FAQ accordion ===== */
.faq-item{border-bottom:1px solid var(--line);}
.faq-q{
  width:100%;text-align:left;background:none;border:none;cursor:pointer;
  padding:20px 0;display:flex;justify-content:space-between;align-items:center;
  font-size:15.5px;font-weight:600;color:var(--ink);
}
.faq-q .plus{font-size:20px;color:var(--cyan-dim);transition:transform .2s;font-weight:400;}
.faq-item.open .faq-q .plus{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;}
.faq-a p{padding:0 0 20px;color:var(--muted);font-size:14.5px;line-height:1.7;max-width:680px;}

/* ===== Trust strip ===== */
.trust-strip{
  background:var(--ink);color:#fff;padding:40px 0;
}
.trust-strip .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;}
.trust-item{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#cbd3de;}
.trust-item strong{color:#fff;font-weight:600;}

/* ===== Footer ===== */
footer{background:var(--ink-soft);color:#cbd3de;padding:56px 0 24px;}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;margin-bottom:40px;}
.footer-logo img{height:30px;margin-bottom:14px;}
.footer-grid p{font-size:13.5px;line-height:1.7;color:#9aa4b2;}
.footer-col h4{font-size:13px;color:#fff;margin-bottom:14px;letter-spacing:.03em;text-transform:uppercase;}
.footer-col li{margin-bottom:10px;}
.footer-col a{font-size:13.5px;color:#9aa4b2;transition:color .15s;}
.footer-col a:hover{color:var(--cyan);}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.08);padding-top:22px;
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;
  font-size:12.5px;color:#7c8595;
}

/* ===== Policy page ===== */
.policy-page{padding:60px 0 90px;max-width:820px;margin:0 auto;}
.policy-page h1{font-size:30px;margin-bottom:8px;}
.policy-updated{font-size:13px;color:var(--muted);margin-bottom:32px;}
.policy-page h2{font-size:18px;margin:32px 0 10px;}
.policy-page p{color:var(--muted);font-size:15px;line-height:1.75;margin-bottom:12px;}
.policy-page ul{margin:0 0 12px;padding-left:20px;list-style:disc;}
.policy-page li{color:var(--muted);font-size:15px;line-height:1.75;margin-bottom:6px;}

/* ===== Responsive ===== */
@media (max-width:900px){
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:640px){
  .main-nav{
    position:fixed;inset:60px 16px auto 16px;background:#fff;border-radius:14px;
    box-shadow:var(--shadow);padding:12px;display:none;border:1px solid var(--line);
  }
  .main-nav.open{display:block;}
  .main-nav ul{flex-direction:column;gap:2px;}
  .main-nav a{display:block;padding:10px 8px;}
  .nav-toggle{display:block;}
  .header-cta{padding:9px 16px;font-size:13px;}
  .badges{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;gap:24px;}
  .section{padding:48px 0;}
}

.section-copy{max-width:820px;margin:0 auto;text-align:center;}
.section-copy p{color:var(--muted);margin-top:14px;}
.avx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px;}
.avx-card{background:var(--paper-soft);border:1px solid var(--line);border-radius:var(--radius);padding:26px;}
.avx-card h3{font-size:18px;margin-bottom:8px;}
.avx-card p{color:var(--muted);}
.avx-number{font-size:13px;font-weight:700;color:var(--cyan-dim);margin-bottom:10px;letter-spacing:.05em;}
.avx-band{background:var(--ink);color:#fff;border-radius:var(--radius);padding:48px 32px;}
.avx-band p{color:#d8dee8;}
.avx-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:32px;}
.avx-step{padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;}
.avx-step .avx-number{font-size:24px;}
.avx-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:26px;}
.avx-list div{padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:#fff;}
.avx-cta{text-align:center;padding:70px 24px;}
.avx-cta h2{font-size:clamp(30px,4vw,46px);}
.avx-cta p{max-width:650px;margin:14px auto 24px;color:var(--muted);}
@media(max-width:900px){
  .avx-grid,.avx-steps{grid-template-columns:1fr 1fr;}
}
@media(max-width:640px){
  .avx-grid,.avx-steps,.avx-list{grid-template-columns:1fr;}
}


/* terms.html */

/* ===== Avenx — Brand tokens ===== */
:root{
  --ink:#111827;
  --ink-soft:#1c2536;
  --cyan:#00B8E6;
  --cyan-dim:#0092b8;
  --paper:#ffffff;
  --paper-soft:#f6f8fa;
  --line:#e6e9ee;
  --muted:#5b6472;
  --success:#1fae6b;
  --radius:14px;
  --shadow:0 10px 30px rgba(17,24,39,.08);
  --maxw:1180px;
  font-size:16px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--ink);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
  line-height:1.5;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
ul{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-0.01em;}
p{margin:0;}
button{font-family:inherit;}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;
  color:var(--cyan-dim);
}
.eyebrow::before{content:"";width:16px;height:2px;background:var(--cyan);display:inline-block;border-radius:2px;}

/* ===== Header ===== */
.site-header{
  position:sticky;top:0;z-index:100;
  background:rgba(255,255,255,.9);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.header-inner{
  max-width:var(--maxw);margin:0 auto;padding:14px 24px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.logo img{height:34px;width:auto;}
.brand-logo{display:flex;align-items:center;gap:9px;}
.brand-icon-wrap{display:flex;align-items:center;}
.brand-icon{width:26px;height:26px;color:var(--cyan);}
.brand-text{font-size:20px;font-weight:800;letter-spacing:.02em;color:var(--ink);}
.brand-logo--light .brand-text{color:#fff;}
.brand-logo--light .brand-icon{color:var(--cyan);}
.footer-logo.brand-logo{margin-bottom:14px;}
.main-nav ul{display:flex;gap:28px;}
.main-nav a{font-size:14px;font-weight:500;color:var(--muted);transition:color .15s;}
.main-nav a:hover{color:var(--ink);}
.header-cta{
  background:var(--ink);color:#fff;padding:10px 20px;border-radius:999px;
  font-size:14px;font-weight:600;transition:background .15s, transform .15s;
  border:none;cursor:pointer;
}
.header-cta:hover{background:var(--cyan-dim);transform:translateY(-1px);}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:4px;}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--ink);margin:5px 0;border-radius:2px;}

/* ===== Product grid: gallery + buybox side-by-side ===== */
.product-grid-section{padding:36px 0 0;background:var(--paper);}
.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
@media (max-width:900px){
  .product-grid{grid-template-columns:1fr;gap:28px;}
}

/* ===== Gallery ===== */
.gallery{background:var(--paper);}
.gallery-viewport{
  position:relative;overflow:hidden;border-radius:var(--radius);background:var(--ink);
}
.gallery-track{
  display:flex;touch-action:pan-y;cursor:grab;
  transition:transform .35s cubic-bezier(.22,.61,.36,1);
}
.gallery-track.dragging{transition:none;cursor:grabbing;}
.gallery-slide{flex:0 0 100%;width:100%;}
.gallery-slide picture,.gallery-slide img{width:100%;display:block;pointer-events:none;user-select:none;}
.gallery-arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  width:42px;height:42px;border-radius:50%;border:none;cursor:pointer;
  background:rgba(255,255,255,.92);color:var(--ink);font-size:24px;line-height:1;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 14px rgba(0,0,0,.18);transition:background .15s, transform .15s;
}
.gallery-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.06);}
.gallery-arrow--prev{left:14px;}
.gallery-arrow--next{right:14px;}
.gallery-thumbs{
  display:flex;gap:10px;margin-top:14px;overflow-x:auto;padding-bottom:4px;
  scrollbar-width:thin;
}
.gallery-thumb{
  flex:0 0 60px;width:60px;height:60px;border-radius:10px;overflow:hidden;
  border:2px solid transparent;padding:0;cursor:pointer;background:none;opacity:.6;
  transition:border-color .15s, opacity .15s;
}
.gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.gallery-thumb.active{border-color:var(--cyan);opacity:1;}
.gallery-thumb:hover{opacity:1;}
.gallery-dots{display:none;justify-content:center;gap:8px;margin-top:14px;}
.gallery-dot{
  width:8px;height:8px;border-radius:50%;background:var(--line);border:none;
  padding:0;cursor:pointer;transition:width .2s, background .2s;
}
.gallery-dot.active{background:var(--cyan);width:22px;border-radius:5px;}
@media (max-width:640px){
  .gallery-thumbs{display:none;}
  .gallery-dots{display:flex;}
}

/* ===== Zoom button on gallery ===== */
.gallery-zoom-btn{
  position:absolute;right:14px;bottom:14px;z-index:2;
  width:42px;height:42px;border-radius:50%;border:none;cursor:pointer;
  background:rgba(255,255,255,.92);color:var(--ink);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 14px rgba(0,0,0,.18);transition:background .15s, transform .15s;
}
.gallery-zoom-btn:hover{background:#fff;transform:scale(1.06);}
.gallery-zoom-btn svg{width:20px;height:20px;display:block;}
.gallery-slide picture,.gallery-slide img{cursor:zoom-in;}

/* ===== Hover-anywhere magnifier ===== */
.gallery-zoom-pane{
  position:absolute;inset:0;z-index:5;
  background-repeat:no-repeat;background-size:230% 230%;
  opacity:0;pointer-events:none;
  transition:opacity .12s ease;
  border-radius:inherit;
}
.gallery-zoom-pane.active{opacity:1;}
@media (hover:none){
  .gallery-zoom-pane{display:none!important;}
}

/* ===== Fullscreen image zoom lightbox ===== */
.zoom-lightbox{
  position:fixed;inset:0;z-index:9999;background:rgba(10,10,12,.96);
  display:none;align-items:center;justify-content:center;
  touch-action:none;
}
.zoom-lightbox.open{display:flex;}
.zoom-lightbox-stage{
  position:relative;width:100%;height:100%;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
}
.zoom-lightbox-img{
  max-width:94vw;max-height:94vh;
  transform-origin:0 0;
  will-change:transform;
  user-select:none;-webkit-user-drag:none;
  cursor:zoom-in;
  touch-action:none;
}
.zoom-lightbox-img.zoomed{cursor:grab;}
.zoom-lightbox-img.zoomed.dragging{cursor:grabbing;}
.zoom-lightbox-close{
  position:absolute;top:16px;right:16px;z-index:3;
  width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;
  background:rgba(255,255,255,.92);color:var(--ink);font-size:24px;line-height:1;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 14px rgba(0,0,0,.25);
}
.zoom-lightbox-arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:3;
  width:46px;height:46px;border-radius:50%;border:none;cursor:pointer;
  background:rgba(255,255,255,.92);color:var(--ink);font-size:26px;line-height:1;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 14px rgba(0,0,0,.25);
}
.zoom-lightbox-arrow--prev{left:16px;}
.zoom-lightbox-arrow--next{right:16px;}
.zoom-lightbox-hint{
  position:absolute;bottom:18px;left:50%;transform:translateX(-50%);z-index:3;
  color:rgba(255,255,255,.85);font-size:13px;background:rgba(0,0,0,.35);
  padding:6px 14px;border-radius:999px;pointer-events:none;
  transition:opacity .3s;
}
@media (max-width:640px){
  .zoom-lightbox-arrow{display:none;}
  .zoom-lightbox-close{width:40px;height:40px;top:10px;right:10px;}
}

/* ===== Buy box ===== */
.buybox-info h1{font-size:clamp(24px,2.8vw,34px);line-height:1.15;margin:10px 0 12px;}
.tagline{color:var(--muted);font-size:16px;margin-bottom:20px;}
.rating-row{display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:14px;}
.stars{color:#f5a623;font-size:15px;letter-spacing:1px;}
.rating-count{color:var(--muted);}
.price-row{display:flex;align-items:baseline;gap:12px;margin-bottom:6px;}
.price-now{font-size:34px;font-weight:700;color:var(--ink);}
.price-was{font-size:18px;color:var(--muted);text-decoration:line-through;}
.price-save{
  background:#e9fbf3;color:var(--success);font-size:12px;font-weight:700;
  padding:4px 10px;border-radius:999px;
}
.gst-note{font-size:13px;color:var(--muted);margin-bottom:24px;}
.buy-actions{display:flex;gap:12px;margin-bottom:28px;flex-wrap:wrap;}
.btn-primary{
  background:var(--ink);color:#fff;padding:15px 34px;border-radius:999px;
  font-weight:700;font-size:15px;border:none;cursor:pointer;transition:.15s;
}
.btn-primary:hover{background:var(--cyan-dim);}
.badges{
  display:grid;grid-template-columns:repeat(2,1fr);gap:14px;
}
.badge-card{
  background:#fff;border:1px solid var(--line);border-radius:12px;
  padding:14px 16px;display:flex;align-items:flex-start;gap:10px;
}
.badge-icon{
  width:34px;height:34px;border-radius:9px;background:rgba(0,184,230,.12);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  color:var(--cyan-dim);font-size:16px;
}
.badge-card strong{display:block;font-size:13px;margin-bottom:2px;}
.badge-card span{font-size:12px;color:var(--muted);}

/* ===== Description ===== */
.section{padding:72px 0;}
.section-title{font-size:clamp(24px,2.6vw,32px);margin:10px 0 18px;}
.desc-text p{color:var(--muted);font-size:16px;line-height:1.75;margin-bottom:16px;max-width:760px;}
.desc-text{max-width:760px;}
.desc-label{color:var(--ink);}
.desc-label strong{color:var(--ink);}
.desc-image{margin:8px 0 24px;border-radius:var(--radius);overflow:hidden;}
.desc-image img{width:100%;display:block;background:var(--paper-soft);min-height:120px;}
.desc-bullets{margin:0 0 24px;padding-left:20px;color:var(--muted);font-size:15.5px;line-height:1.8;}
.desc-bullets li{margin-bottom:6px;}
.desc-bullets strong{color:var(--ink);}
.desc-subhead{font-size:19px;margin:8px 0 14px;color:var(--ink);}
.desc-num{margin-bottom:2px;}
.desc-num strong{font-size:15.5px;color:var(--ink);}

/* ===== Specs table ===== */
.specs-table{width:100%;border-collapse:collapse;max-width:640px;}
.specs-table tr{border-bottom:1px solid var(--line);}
.specs-table td{padding:14px 4px;font-size:15px;}
.specs-table td:first-child{color:var(--muted);width:44%;}
.specs-table td:last-child{font-weight:600;}

/* ===== FAQ accordion ===== */
.faq-item{border-bottom:1px solid var(--line);}
.faq-q{
  width:100%;text-align:left;background:none;border:none;cursor:pointer;
  padding:20px 0;display:flex;justify-content:space-between;align-items:center;
  font-size:15.5px;font-weight:600;color:var(--ink);
}
.faq-q .plus{font-size:20px;color:var(--cyan-dim);transition:transform .2s;font-weight:400;}
.faq-item.open .faq-q .plus{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;}
.faq-a p{padding:0 0 20px;color:var(--muted);font-size:14.5px;line-height:1.7;max-width:680px;}

/* ===== Trust strip ===== */
.trust-strip{
  background:var(--ink);color:#fff;padding:40px 0;
}
.trust-strip .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;}
.trust-item{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#cbd3de;}
.trust-item strong{color:#fff;font-weight:600;}

/* ===== Footer ===== */
footer{background:var(--ink-soft);color:#cbd3de;padding:56px 0 24px;}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;margin-bottom:40px;}
.footer-logo img{height:30px;margin-bottom:14px;}
.footer-grid p{font-size:13.5px;line-height:1.7;color:#9aa4b2;}
.footer-col h4{font-size:13px;color:#fff;margin-bottom:14px;letter-spacing:.03em;text-transform:uppercase;}
.footer-col li{margin-bottom:10px;}
.footer-col a{font-size:13.5px;color:#9aa4b2;transition:color .15s;}
.footer-col a:hover{color:var(--cyan);}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.08);padding-top:22px;
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;
  font-size:12.5px;color:#7c8595;
}

/* ===== Policy page ===== */
.policy-page{padding:60px 0 90px;max-width:820px;margin:0 auto;}
.policy-page h1{font-size:30px;margin-bottom:8px;}
.policy-updated{font-size:13px;color:var(--muted);margin-bottom:32px;}
.policy-page h2{font-size:18px;margin:32px 0 10px;}
.policy-page p{color:var(--muted);font-size:15px;line-height:1.75;margin-bottom:12px;}
.policy-page ul{margin:0 0 12px;padding-left:20px;list-style:disc;}
.policy-page li{color:var(--muted);font-size:15px;line-height:1.75;margin-bottom:6px;}

/* ===== Responsive ===== */
@media (max-width:900px){
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:640px){
  .main-nav{
    position:fixed;inset:60px 16px auto 16px;background:#fff;border-radius:14px;
    box-shadow:var(--shadow);padding:12px;display:none;border:1px solid var(--line);
  }
  .main-nav.open{display:block;}
  .main-nav ul{flex-direction:column;gap:2px;}
  .main-nav a{display:block;padding:10px 8px;}
  .nav-toggle{display:block;}
  .header-cta{padding:9px 16px;font-size:13px;}
  .badges{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;gap:24px;}
  .section{padding:48px 0;}
}

.section-copy{max-width:820px;margin:0 auto;text-align:center;}
.section-copy p{color:var(--muted);margin-top:14px;}
.avx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px;}
.avx-card{background:var(--paper-soft);border:1px solid var(--line);border-radius:var(--radius);padding:26px;}
.avx-card h3{font-size:18px;margin-bottom:8px;}
.avx-card p{color:var(--muted);}
.avx-number{font-size:13px;font-weight:700;color:var(--cyan-dim);margin-bottom:10px;letter-spacing:.05em;}
.avx-band{background:var(--ink);color:#fff;border-radius:var(--radius);padding:48px 32px;}
.avx-band p{color:#d8dee8;}
.avx-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:32px;}
.avx-step{padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;}
.avx-step .avx-number{font-size:24px;}
.avx-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:26px;}
.avx-list div{padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:#fff;}
.avx-cta{text-align:center;padding:70px 24px;}
.avx-cta h2{font-size:clamp(30px,4vw,46px);}
.avx-cta p{max-width:650px;margin:14px auto 24px;color:var(--muted);}
@media(max-width:900px){
  .avx-grid,.avx-steps{grid-template-columns:1fr 1fr;}
}
@media(max-width:640px){
  .avx-grid,.avx-steps,.avx-list{grid-template-columns:1fr;}
}


/* refund-return.html */

/* ===== Avenx — Brand tokens ===== */
:root{
  --ink:#111827;
  --ink-soft:#1c2536;
  --cyan:#00B8E6;
  --cyan-dim:#0092b8;
  --paper:#ffffff;
  --paper-soft:#f6f8fa;
  --line:#e6e9ee;
  --muted:#5b6472;
  --success:#1fae6b;
  --radius:14px;
  --shadow:0 10px 30px rgba(17,24,39,.08);
  --maxw:1180px;
  font-size:16px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--ink);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
  line-height:1.5;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
ul{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-0.01em;}
p{margin:0;}
button{font-family:inherit;}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;
  color:var(--cyan-dim);
}
.eyebrow::before{content:"";width:16px;height:2px;background:var(--cyan);display:inline-block;border-radius:2px;}

/* ===== Header ===== */
.site-header{
  position:sticky;top:0;z-index:100;
  background:rgba(255,255,255,.9);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.header-inner{
  max-width:var(--maxw);margin:0 auto;padding:14px 24px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.logo img{height:34px;width:auto;}
.brand-logo{display:flex;align-items:center;gap:9px;}
.brand-icon-wrap{display:flex;align-items:center;}
.brand-icon{width:26px;height:26px;color:var(--cyan);}
.brand-text{font-size:20px;font-weight:800;letter-spacing:.02em;color:var(--ink);}
.brand-logo--light .brand-text{color:#fff;}
.brand-logo--light .brand-icon{color:var(--cyan);}
.footer-logo.brand-logo{margin-bottom:14px;}
.main-nav ul{display:flex;gap:28px;}
.main-nav a{font-size:14px;font-weight:500;color:var(--muted);transition:color .15s;}
.main-nav a:hover{color:var(--ink);}
.header-cta{
  background:var(--ink);color:#fff;padding:10px 20px;border-radius:999px;
  font-size:14px;font-weight:600;transition:background .15s, transform .15s;
  border:none;cursor:pointer;
}
.header-cta:hover{background:var(--cyan-dim);transform:translateY(-1px);}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:4px;}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--ink);margin:5px 0;border-radius:2px;}

/* ===== Product grid: gallery + buybox side-by-side (like a standard product page) ===== */
.product-grid-section{padding:36px 0 0;background:var(--paper);}
.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
@media (max-width:900px){
  .product-grid{grid-template-columns:1fr;gap:28px;}
}

/* ===== Gallery (swipeable/clickable, device-specific pictures) ===== */
.gallery{background:var(--paper);}
.gallery-viewport{
  position:relative;overflow:hidden;border-radius:var(--radius);background:var(--ink);
}
.gallery-track{
  display:flex;touch-action:pan-y;cursor:grab;
  transition:transform .35s cubic-bezier(.22,.61,.36,1);
}
.gallery-track.dragging{transition:none;cursor:grabbing;}
.gallery-slide{flex:0 0 100%;width:100%;}
.gallery-slide picture,.gallery-slide img{width:100%;display:block;pointer-events:none;user-select:none;}
.gallery-arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  width:42px;height:42px;border-radius:50%;border:none;cursor:pointer;
  background:rgba(255,255,255,.92);color:var(--ink);font-size:24px;line-height:1;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 14px rgba(0,0,0,.18);transition:background .15s, transform .15s;
}
.gallery-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.06);}
.gallery-arrow--prev{left:14px;}
.gallery-arrow--next{right:14px;}
.gallery-thumbs{
  display:flex;gap:10px;margin-top:14px;overflow-x:auto;padding-bottom:4px;
  scrollbar-width:thin;
}
.gallery-thumb{
  flex:0 0 60px;width:60px;height:60px;border-radius:10px;overflow:hidden;
  border:2px solid transparent;padding:0;cursor:pointer;background:none;opacity:.6;
  transition:border-color .15s, opacity .15s;
}
.gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.gallery-thumb.active{border-color:var(--cyan);opacity:1;}
.gallery-thumb:hover{opacity:1;}
.gallery-dots{display:none;justify-content:center;gap:8px;margin-top:14px;}
.gallery-dot{
  width:8px;height:8px;border-radius:50%;background:var(--line);border:none;
  padding:0;cursor:pointer;transition:width .2s, background .2s;
}
.gallery-dot.active{background:var(--cyan);width:22px;border-radius:5px;}
@media (max-width:640px){
  .gallery-thumbs{display:none;}
  .gallery-dots{display:flex;}
}

/* ===== Zoom button on gallery ===== */
.gallery-zoom-btn{
  position:absolute;right:14px;bottom:14px;z-index:2;
  width:42px;height:42px;border-radius:50%;border:none;cursor:pointer;
  background:rgba(255,255,255,.92);color:var(--ink);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 14px rgba(0,0,0,.18);transition:background .15s, transform .15s;
}
.gallery-zoom-btn:hover{background:#fff;transform:scale(1.06);}
.gallery-zoom-btn svg{width:20px;height:20px;display:block;}
.gallery-slide picture,.gallery-slide img{cursor:zoom-in;}

/* ===== Hover-anywhere magnifier (desktop only — move the mouse over the image to zoom right there) ===== */
.gallery-zoom-pane{
  position:absolute;inset:0;z-index:5;
  background-repeat:no-repeat;background-size:230% 230%;
  opacity:0;pointer-events:none;
  transition:opacity .12s ease;
  border-radius:inherit;
}
.gallery-zoom-pane.active{opacity:1;}
@media (hover:none){
  .gallery-zoom-pane{display:none!important;}
}

/* ===== Fullscreen image zoom lightbox (works via tap/click, pinch, wheel, drag) ===== */
.zoom-lightbox{
  position:fixed;inset:0;z-index:9999;background:rgba(10,10,12,.96);
  display:none;align-items:center;justify-content:center;
  touch-action:none;
}
.zoom-lightbox.open{display:flex;}
.zoom-lightbox-stage{
  position:relative;width:100%;height:100%;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
}
.zoom-lightbox-img{
  max-width:94vw;max-height:94vh;
  transform-origin:0 0;
  will-change:transform;
  user-select:none;-webkit-user-drag:none;
  cursor:zoom-in;
  touch-action:none;
}
.zoom-lightbox-img.zoomed{cursor:grab;}
.zoom-lightbox-img.zoomed.dragging{cursor:grabbing;}
.zoom-lightbox-close{
  position:absolute;top:16px;right:16px;z-index:3;
  width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;
  background:rgba(255,255,255,.92);color:var(--ink);font-size:24px;line-height:1;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 14px rgba(0,0,0,.25);
}
.zoom-lightbox-arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:3;
  width:46px;height:46px;border-radius:50%;border:none;cursor:pointer;
  background:rgba(255,255,255,.92);color:var(--ink);font-size:26px;line-height:1;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 14px rgba(0,0,0,.25);
}
.zoom-lightbox-arrow--prev{left:16px;}
.zoom-lightbox-arrow--next{right:16px;}
.zoom-lightbox-hint{
  position:absolute;bottom:18px;left:50%;transform:translateX(-50%);z-index:3;
  color:rgba(255,255,255,.85);font-size:13px;background:rgba(0,0,0,.35);
  padding:6px 14px;border-radius:999px;pointer-events:none;
  transition:opacity .3s;
}
@media (max-width:640px){
  .zoom-lightbox-arrow{display:none;}
  .zoom-lightbox-close{width:40px;height:40px;top:10px;right:10px;}
}

/* ===== Buy box (sits beside the gallery, not stacked below it) ===== */
.buybox-info h1{font-size:clamp(24px,2.8vw,34px);line-height:1.15;margin:10px 0 12px;}
.tagline{color:var(--muted);font-size:16px;margin-bottom:20px;}
.rating-row{display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:14px;}
.stars{color:#f5a623;font-size:15px;letter-spacing:1px;}
.rating-count{color:var(--muted);}
.price-row{display:flex;align-items:baseline;gap:12px;margin-bottom:6px;}
.price-now{font-size:34px;font-weight:700;color:var(--ink);}
.price-was{font-size:18px;color:var(--muted);text-decoration:line-through;}
.price-save{
  background:#e9fbf3;color:var(--success);font-size:12px;font-weight:700;
  padding:4px 10px;border-radius:999px;
}
.gst-note{font-size:13px;color:var(--muted);margin-bottom:24px;}
.buy-actions{display:flex;gap:12px;margin-bottom:28px;flex-wrap:wrap;}
.btn-primary{
  background:var(--ink);color:#fff;padding:15px 34px;border-radius:999px;
  font-weight:700;font-size:15px;border:none;cursor:pointer;transition:.15s;
}
.btn-primary:hover{background:var(--cyan-dim);}
.badges{
  display:grid;grid-template-columns:repeat(2,1fr);gap:14px;
}
.badge-card{
  background:#fff;border:1px solid var(--line);border-radius:12px;
  padding:14px 16px;display:flex;align-items:flex-start;gap:10px;
}
.badge-icon{
  width:34px;height:34px;border-radius:9px;background:rgba(0,184,230,.12);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  color:var(--cyan-dim);font-size:16px;
}
.badge-card strong{display:block;font-size:13px;margin-bottom:2px;}
.badge-card span{font-size:12px;color:var(--muted);}

/* ===== Description ===== */
.section{padding:72px 0;}
.section-title{font-size:clamp(24px,2.6vw,32px);margin:10px 0 18px;}
.desc-text p{color:var(--muted);font-size:16px;line-height:1.75;margin-bottom:16px;max-width:760px;}
.desc-text{max-width:760px;}
.desc-label{color:var(--ink);}
.desc-label strong{color:var(--ink);}
.desc-image{margin:8px 0 24px;border-radius:var(--radius);overflow:hidden;}
.desc-image img{width:100%;display:block;background:var(--paper-soft);min-height:120px;}
.desc-bullets{margin:0 0 24px;padding-left:20px;color:var(--muted);font-size:15.5px;line-height:1.8;}
.desc-bullets li{margin-bottom:6px;}
.desc-bullets strong{color:var(--ink);}
.desc-subhead{font-size:19px;margin:8px 0 14px;color:var(--ink);}
.desc-num{margin-bottom:2px;}
.desc-num strong{font-size:15.5px;color:var(--ink);}

/* ===== Specs table ===== */
.specs-table{width:100%;border-collapse:collapse;max-width:640px;}
.specs-table tr{border-bottom:1px solid var(--line);}
.specs-table td{padding:14px 4px;font-size:15px;}
.specs-table td:first-child{color:var(--muted);width:44%;}
.specs-table td:last-child{font-weight:600;}

/* ===== FAQ accordion ===== */
.faq-item{border-bottom:1px solid var(--line);}
.faq-q{
  width:100%;text-align:left;background:none;border:none;cursor:pointer;
  padding:20px 0;display:flex;justify-content:space-between;align-items:center;
  font-size:15.5px;font-weight:600;color:var(--ink);
}
.faq-q .plus{font-size:20px;color:var(--cyan-dim);transition:transform .2s;font-weight:400;}
.faq-item.open .faq-q .plus{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;}
.faq-a p{padding:0 0 20px;color:var(--muted);font-size:14.5px;line-height:1.7;max-width:680px;}

/* ===== Trust strip ===== */
.trust-strip{
  background:var(--ink);color:#fff;padding:40px 0;
}
.trust-strip .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;}
.trust-item{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#cbd3de;}
.trust-item strong{color:#fff;font-weight:600;}

/* ===== Footer ===== */
footer{background:var(--ink-soft);color:#cbd3de;padding:56px 0 24px;}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;margin-bottom:40px;}
.footer-logo img{height:30px;margin-bottom:14px;}
.footer-grid p{font-size:13.5px;line-height:1.7;color:#9aa4b2;}
.footer-col h4{font-size:13px;color:#fff;margin-bottom:14px;letter-spacing:.03em;text-transform:uppercase;}
.footer-col li{margin-bottom:10px;}
.footer-col a{font-size:13.5px;color:#9aa4b2;transition:color .15s;}
.footer-col a:hover{color:var(--cyan);}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.08);padding-top:22px;
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;
  font-size:12.5px;color:#7c8595;
}

/* ===== Policy page ===== */
.policy-page{padding:60px 0 90px;max-width:820px;margin:0 auto;}
.policy-page h1{font-size:30px;margin-bottom:8px;}
.policy-updated{font-size:13px;color:var(--muted);margin-bottom:32px;}
.policy-page h2{font-size:18px;margin:32px 0 10px;}
.policy-page p{color:var(--muted);font-size:15px;line-height:1.75;margin-bottom:12px;}
.policy-page ul{margin:0 0 12px;padding-left:20px;list-style:disc;}
.policy-page li{color:var(--muted);font-size:15px;line-height:1.75;margin-bottom:6px;}

/* ===== Responsive ===== */
@media (max-width:900px){
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:640px){
  .main-nav{
    position:fixed;inset:60px 16px auto 16px;background:#fff;border-radius:14px;
    box-shadow:var(--shadow);padding:12px;display:none;border:1px solid var(--line);
  }
  .main-nav.open{display:block;}
  .main-nav ul{flex-direction:column;gap:2px;}
  .main-nav a{display:block;padding:10px 8px;}
  .nav-toggle{display:block;}
  .header-cta{padding:9px 16px;font-size:13px;}
  .badges{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;gap:24px;}
  .section{padding:48px 0;}
}


.section-copy{max-width:820px;margin:0 auto;text-align:center;}
.section-copy p{color:var(--muted);margin-top:14px;}
.avx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px;}
.avx-card{background:var(--paper-soft);border:1px solid var(--line);border-radius:var(--radius);padding:26px;}
.avx-card h3{font-size:18px;margin-bottom:8px;}
.avx-card p{color:var(--muted);}
.avx-number{font-size:13px;font-weight:700;color:var(--cyan-dim);margin-bottom:10px;letter-spacing:.05em;}
.avx-band{background:var(--ink);color:#fff;border-radius:var(--radius);padding:48px 32px;}
.avx-band p{color:#d8dee8;}
.avx-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:32px;}
.avx-step{padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;}
.avx-step .avx-number{font-size:24px;}
.avx-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:26px;}
.avx-list div{padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:#fff;}
.avx-cta{text-align:center;padding:70px 24px;}
.avx-cta h2{font-size:clamp(30px,4vw,46px);}
.avx-cta p{max-width:650px;margin:14px auto 24px;color:var(--muted);}
@media(max-width:900px){
  .avx-grid,.avx-steps{grid-template-columns:1fr 1fr;}
}
@media(max-width:640px){
  .avx-grid,.avx-steps,.avx-list{grid-template-columns:1fr;}
}