:root{
    --bg:#080a0d;
    --bg-2:#0d1117;
    --card:#11161d;
    --text:#f6f7f9;
    --muted:#aeb5c0;
    --line:rgba(255,255,255,.12);
    --accent:#6c5cff;
    --accent2:#4d8bff;
    --white:#ffffff;
    --ink:#111318;
    --soft:#f3f5f8;
    --max:1320px;
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.5}
  img{display:block;max-width:100%}
  a{color:inherit;text-decoration:none}
  .wrap{width:min(calc(100% - 48px),var(--max));margin:auto}
  .eyebrow{font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:#7066ff}
  .btn{display:inline-flex;align-items:center;gap:.65rem;padding:.9rem 1.2rem;border:1px solid var(--line);font-size:.82rem;font-weight:700;letter-spacing:.02em;transition:.25s ease}
  .btn.primary{background:linear-gradient(90deg,var(--accent),var(--accent2));border-color:transparent;box-shadow:0 10px 30px rgba(92,82,255,.25)}
  .btn:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.35)}
  .arrow{font-size:1.05em}

  header{position:absolute;top:0;left:0;right:0;z-index:10;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(5,7,10,.88),rgba(5,7,10,.25),transparent)}
  .nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}
  .brand{display:flex;align-items:center;gap:12px;min-width:220px}
  .brand img{width:126px;height:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.25))}
  .brand span{font-size:.78rem;line-height:1.15;letter-spacing:.22em;text-transform:uppercase;color:#e4e8ef}
  .menu{display:flex;align-items:center;gap:30px;font-size:.77rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#f0f2f5}
  .menu a{opacity:.9}.menu a:hover{opacity:1;color:#9ca8ff}
  .lang{font-size:.75rem;color:#dce1e8}

  .hero{min-height:760px;position:relative;display:flex;align-items:center;overflow:hidden;background:#06080b}
  .hero-media{position:absolute;inset:0;overflow:hidden}
  .hero-slide{position:absolute;inset:-2%;opacity:0;transform:scale(1.03);transition:opacity 1.35s ease;will-change:opacity,transform}
  .hero-slide.active{opacity:1;animation:heroZoom 8s ease-out forwards}
  .hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center 50%;filter:saturate(.9) brightness(.82) contrast(1.02)}
  .hero-slide:nth-child(2) img{object-position:center 54%}
  .hero-slide:nth-child(3) img{object-position:center 45%}
  .hero-overlay{position:absolute;inset:0;background:
       linear-gradient(90deg,rgba(3,5,8,.72) 0%,rgba(3,5,8,.52) 30%,rgba(3,5,8,.22) 59%,rgba(3,5,8,.05) 100%),
       linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.23));z-index:1}
  .hero::after{content:"";position:absolute;left:-8%;right:-8%;bottom:-100px;height:190px;background:radial-gradient(ellipse at 30% 50%,rgba(100,76,255,.34),transparent 50%),linear-gradient(180deg,transparent,#07090c);filter:blur(12px);z-index:1}
  .hero-content{position:relative;z-index:2;padding-top:86px;max-width:660px;margin-left:0}
  .hero-dots{position:absolute;z-index:3;left:max(24px,calc((100% - min(calc(100% - 48px),var(--max)))/2));bottom:120px;display:flex;gap:8px}
  .hero-dot{width:28px;height:3px;border:0;padding:0;background:rgba(255,255,255,.28);cursor:pointer;transition:.25s}
  .hero-dot.active{background:#7d6cff;width:44px;box-shadow:0 0 14px rgba(125,108,255,.55)}
  @keyframes heroZoom{from{transform:scale(1.03)}to{transform:scale(1.11)}}

  .reveal{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s ease}
  .reveal.in-view{opacity:1;transform:none}
  .reveal.delay-1{transition-delay:.08s}.reveal.delay-2{transition-delay:.16s}.reveal.delay-3{transition-delay:.24s}
  .hero h1{font-size:clamp(3.2rem,6vw,6.1rem);line-height:.95;letter-spacing:-.045em;font-weight:500;margin:0 0 24px}
  .hero h1 em{font-style:normal;color:#7d6cff}
  .hero p{max-width:520px;margin:0 0 32px;color:#d4d9e2;font-size:1rem;letter-spacing:.08em;text-transform:uppercase}
  .hero-actions{display:flex;gap:12px;flex-wrap:wrap}

  .quick{position:relative;z-index:4;margin-top:-78px;padding-bottom:34px;background:#080a0d}
  .quick-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:rgba(7,9,12,.96);box-shadow:0 20px 50px rgba(0,0,0,.34)}
  .quick-card{min-height:230px;padding:30px;position:relative;overflow:hidden;border-right:1px solid var(--line)}
  .quick-card:last-child{border-right:0}
  .quick-card h3{font-size:1rem;margin:0 0 8px;text-transform:uppercase;letter-spacing:.04em}
  .quick-card p{font-size:.9rem;color:var(--muted);max-width:170px;margin:0}
  .quick-card .cta{position:absolute;left:30px;bottom:26px;font-size:.76rem;color:#8f85ff;font-weight:700;text-transform:uppercase}
  .quick-card img{position:absolute;right:-12px;bottom:12px;width:55%;max-height:170px;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(0,0,0,.45));transition:.35s ease}
  .quick-card:hover img{transform:scale(1.045) translateY(-3px)}

  .white{background:var(--white);color:var(--ink)}
  .story{padding:0;overflow:hidden}
  .story-grid{display:grid;grid-template-columns:50% 50%;min-height:500px;align-items:stretch;width:100%}
  .story-copy{padding:54px 64px 54px max(24px,calc((100vw - var(--max))/2));display:flex;flex-direction:column;justify-content:center}
  .story-copy h2{font-size:clamp(2.4rem,4.5vw,4.4rem);line-height:1.05;letter-spacing:-.04em;margin:12px 0 24px;font-weight:520}
  .story-copy p{color:#565d67;font-size:1rem;max-width:590px}
  .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:34px 0 26px}
  .fact{border-right:1px solid #d9dde3;padding-right:14px}.fact:last-child{border:0}
  .fact strong{display:block;font-size:1.15rem}.fact span{font-size:.72rem;text-transform:uppercase;color:#6d7580;letter-spacing:.06em}
  .story-visual{position:relative;overflow:hidden;min-height:500px;background:#111}
  .story-visual img{width:100%;height:100%;object-fit:cover;object-position:center right;filter:grayscale(1) contrast(1.03)}
  .story-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.76) 12%,rgba(255,255,255,0) 42%),linear-gradient(0deg,rgba(21,24,29,.2),rgba(21,24,29,0))}

  .tech{padding:0;background:#090c11}
  .tech-title{display:none}
  .tech-title h2{font-size:2.15rem;margin:8px 0 0;font-weight:520}
  .tech-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1.82fr;gap:0;min-height:245px;background:linear-gradient(110deg,#0a0d12,#0b1017);overflow:hidden}
  .tech-item{padding:34px 28px;border-right:1px solid rgba(255,255,255,.11);display:flex;flex-direction:column;justify-content:center}
  .tech-item svg{width:42px;height:42px;margin-bottom:26px;stroke:#f2f4f8;fill:none;stroke-width:1.45}
  .tech-item h3{font-size:.88rem;text-transform:uppercase;margin:0 0 10px}.tech-item p{font-size:.86rem;color:var(--muted);margin:0;max-width:220px}
  .lens-art{position:relative;overflow:hidden;min-height:245px;background:#090c11}
  
  
  
  
  
  
  
  
  
  

  .products{padding:60px 0 72px}
  .products h2{text-align:center;font-size:2.3rem;margin:8px 0 30px;font-weight:520}
  .product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
  .product-card{background:linear-gradient(180deg,#f4f4f5,#e9eaed);border:1px solid #e0e2e6;min-height:330px;padding:24px;position:relative;overflow:hidden;transition:.3s;border-radius:3px}
  .product-card:hover{transform:translateY(-5px);box-shadow:0 20px 36px rgba(18,22,30,.09)}
  .product-card img{height:190px;width:100%;object-fit:contain;filter:drop-shadow(0 16px 18px rgba(15,18,22,.17));transition:.35s ease}.product-card:hover img{transform:scale(1.04) translateY(-4px)}
  .product-card h3{font-size:1.25rem;margin:10px 0 4px}.product-card p{font-size:.9rem;color:#69717c;margin:0 0 14px}.product-card a{font-size:.77rem;color:#6258f5;font-weight:800;text-transform:uppercase}

  .dealer{padding:0;background:#090c11;overflow:hidden}
  .dealer-grid{display:grid;grid-template-columns:.72fr 1.65fr;gap:0;align-items:stretch;min-height:300px}
  .dealer h2{font-size:2.75rem;line-height:1.05;font-weight:500;margin:0 0 22px}
  .dealer select{width:100%;max-width:320px;background:#10141b;color:#e9edf3;border:1px solid var(--line);padding:14px;margin-bottom:14px}
  .map{min-height:300px;position:relative;overflow:hidden;background:#090c11}
  .map svg{width:100%;height:100%;display:block}
  .map .land{fill:#252c38;stroke:#303947;stroke-width:1}
  .map .gridline{stroke:rgba(255,255,255,.035);stroke-width:1}
  .map .node{fill:#7568ff;filter:url(#glow)}
  .map .node.small{fill:#587cff}
  .map::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 54% 45%,rgba(111,89,255,.12),transparent 36%);pointer-events:none}

  .support{padding:46px 0;background:#fff;color:#111}
  .support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
  .support-item{padding:12px 36px;border-right:1px solid #dde1e6;display:grid;grid-template-columns:48px 1fr;gap:18px}.support-item:last-child{border:0}
  .support-icon{width:46px;height:46px;border:1px solid #c9ced6;border-radius:50%;display:grid;place-items:center;font-size:1.3rem}
  .support-item h3{font-size:.9rem;text-transform:uppercase;margin:0 0 6px}.support-item p{font-size:.84rem;color:#68707a;margin:0 0 10px}.support-item a{font-size:.74rem;font-weight:800;color:#6559f4;text-transform:uppercase}

  footer{padding:112px 0 54px;background:#07090c;border-top:1px solid var(--line)}
  .footer-grid{display:grid;grid-template-columns:1.7fr repeat(4,1fr);gap:58px;min-height:290px}
  .footer-logo img{width:145px;margin-bottom:20px}.footer-logo p{font-size:.82rem;line-height:1.7;color:#7f8792;max-width:240px}
  footer h4{font-size:.76rem;text-transform:uppercase;margin:0 0 20px;color:#e8ebf0;letter-spacing:.08em}footer a{display:block;font-size:.8rem;color:#939ba6;margin:10px 0;transition:.2s}footer a:hover{color:#fff;transform:translateX(2px)}
  .copyright{margin-top:36px;padding-top:20px;border-top:1px solid var(--line);font-size:.72rem;color:#6f7781;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}


  .tech .wrap{width:min(calc(100% - 48px),var(--max));padding:44px 0}
  .lens-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center right}
  .dealer .wrap{width:min(calc(100% - 48px),var(--max))}
  .dealer-copy{display:flex;flex-direction:column;justify-content:center;padding:44px 40px 44px 0}
  .dealer-copy select,.dealer-copy .btn{width:220px;box-sizing:border-box}
  .dealer-copy .btn{display:inline-flex;justify-content:center;align-items:center}
  .map img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
  .map::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#090c11 0%,rgba(9,12,17,.13) 20%,transparent 40%);pointer-events:none}

  @media(max-width:960px){
    .menu{display:none}.brand{min-width:auto}.hero{min-height:680px}.hero::before{background-position:65% center}.hero-content{max-width:560px}.quick-grid,.product-grid{grid-template-columns:1fr}.quick-card{border-right:0;border-bottom:1px solid var(--line)}.quick-card:last-child{border-bottom:0}.story-grid{grid-template-columns:1fr}.story-copy{padding:48px max(24px,calc((100vw - var(--max))/2))}.story-visual{min-height:420px}.tech-grid{grid-template-columns:1fr 1fr}.tech-item:nth-child(2){border-right:0}.lens-art{min-height:250px;grid-column:1/-1}.dealer-grid{grid-template-columns:1fr}.dealer-copy{padding:42px 0}.map{min-height:260px}.support-grid{grid-template-columns:1fr}.support-item{border-right:0;border-bottom:1px solid #dde1e6}.footer-grid{grid-template-columns:1fr 1fr 1fr}.footer-logo{grid-column:1/-1}}
  @media(max-width:640px){
    .wrap{width:min(calc(100% - 28px),var(--max))}.hero{min-height:620px}.hero h1{font-size:3.25rem}.hero p{font-size:.82rem}.quick{margin-top:-34px}.facts{grid-template-columns:1fr}.fact{border-right:0;border-bottom:1px solid #dde1e6;padding:0 0 12px}.tech-grid{grid-template-columns:1fr}.tech-item{border-right:0;border-bottom:1px solid var(--line)}.lens-art{grid-column:auto}.dealer h2{font-size:2.25rem}.footer-grid{grid-template-columns:1fr 1fr}.copyright{display:block}.copyright span{display:block;margin-top:8px}}

  /* v4: one common horizontal grid for logo, hero copy and category cards */
  header .wrap,
  .hero > .wrap,
  .quick > .wrap{
    width:min(calc(100% - 96px),var(--max));
    margin-inline:auto;
  }
  .hero-content{
    margin-left:0 !important;
    padding-left:0 !important;
  }

  /* Category cards remain visually inside the hero image instead of a black strip */
  .hero{
    padding-bottom:150px;
  }
  .quick{
    margin-top:-150px !important;
    padding-bottom:34px;
    background:transparent !important;
  }
  .quick-grid{
    background:rgba(5,8,12,.58);
    backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px);
  }
  .quick-card{
    background:rgba(6,9,13,.32) !important;
  }

  @media(max-width:960px){
    header .wrap,
    .hero > .wrap,
    .quick > .wrap{
      width:min(calc(100% - 48px),var(--max));
    }
    .hero{padding-bottom:0}
    .quick{margin-top:0 !important;background:#080a0d !important}
  }


  /* v5 — exact header/hero grid + categories truly inside hero */
  :root{--page-pad:48px}
  header .wrap,
  .hero > .wrap{
    width:min(calc(100% - (var(--page-pad) * 2)),var(--max)) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .hero{
    min-height:900px;
    padding:0 0 285px 0 !important;
    display:flex;
    align-items:center;
  }
  .hero-content{
    width:min(calc(100% - (var(--page-pad) * 2)),var(--max)) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .hero-content > h1,
  .hero-content > p,
  .hero-content > .hero-actions{
    max-width:660px;
  }

  /* Quick categories are positioned over the SAME hero media */
  .hero .quick{
    position:absolute !important;
    left:0;
    right:0;
    bottom:34px;
    z-index:4;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
  }
  .hero .quick > .wrap{
    width:min(calc(100% - (var(--page-pad) * 2)),var(--max)) !important;
    margin-inline:auto !important;
  }
  .hero .quick-grid{
    background:rgba(5,8,12,.50) !important;
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
  }
  .hero .quick-card{
    background:rgba(6,9,13,.22) !important;
  }
  .hero::after{
    bottom:-55px;
    height:120px;
  }
  .hero-dots{bottom:286px}

  @media(max-width:960px){
    :root{--page-pad:24px}
    .hero{
      min-height:auto;
      padding:150px 0 0 !important;
      display:block;
    }
    .hero-content{padding-top:0 !important;padding-bottom:70px}
    .hero .quick{
      position:relative !important;
      bottom:auto;
      background:#080a0d !important;
      padding:24px 0 !important;
    }
    .hero-dots{bottom:auto;top:620px}
  }


  /* ===== Navigation v6 ===== */
  header{position:absolute;top:0;left:0;right:0;z-index:50}
  .nav{position:relative;z-index:52}
  .desktop-menu{display:flex}
  .nav-trigger,.lang-trigger,.menu-toggle,.lang-menu button,.mobile-products-toggle,.mobile-languages button{
    font:inherit;color:inherit;background:none;border:0;cursor:pointer
  }
  .nav-trigger{
    display:inline-flex;align-items:center;gap:7px;padding:0;
    font-size:.77rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#f0f2f5
  }
  .chevron{display:inline-block;font-size:.9em;transition:transform .25s ease}
  .nav-trigger[aria-expanded="true"] .chevron,
  .lang-trigger[aria-expanded="true"] .chevron{transform:rotate(180deg)}

  .nav-actions{display:flex;align-items:center;gap:14px}
  .language-switcher{position:relative}
  .lang-trigger{
    display:flex;align-items:center;gap:7px;min-width:56px;justify-content:flex-end;
    font-size:.75rem;font-weight:700;letter-spacing:.06em;color:#e2e6ed;padding:10px 0
  }
  .lang-menu{
    position:absolute;right:0;top:calc(100% + 10px);width:210px;
    background:rgba(12,16,22,.98);border:1px solid rgba(255,255,255,.12);
    box-shadow:0 24px 60px rgba(0,0,0,.38);padding:8px;
    opacity:0;visibility:hidden;transform:translateY(-8px);transition:.22s ease
  }
  .language-switcher.open .lang-menu{opacity:1;visibility:visible;transform:none}
  .lang-menu button{
    width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px 12px;
    text-align:left;color:#fff;border-bottom:1px solid rgba(255,255,255,.06)
  }
  .lang-menu button:last-child{border-bottom:0}
  .lang-menu button:hover{background:rgba(108,92,255,.12)}
  .lang-menu button span{font-weight:800;letter-spacing:.05em}
  .lang-menu button small{color:#929ba8}

  .mega-menu{
    position:absolute;left:0;right:0;top:86px;z-index:49;
    background:linear-gradient(135deg,rgba(9,12,17,.985),rgba(14,18,25,.985));
    border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.12);
    box-shadow:0 34px 70px rgba(0,0,0,.48);
    opacity:0;visibility:hidden;transform:translateY(-14px);transition:.3s cubic-bezier(.2,.75,.25,1)
  }
  .mega-menu.open{opacity:1;visibility:visible;transform:none}
  .mega-inner{padding-top:34px;padding-bottom:22px}
  .mega-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}
  .mega-heading h2{font-size:2.1rem;line-height:1;margin:8px 0 0;font-weight:500;letter-spacing:-.035em}
  .mega-all{font-size:.75rem;font-weight:800;text-transform:uppercase;color:#a69dff;padding-bottom:3px}
  .mega-products{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
  .mega-product{
    display:grid;grid-template-columns:46% 54%;min-height:220px;overflow:hidden;
    border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);
    transition:.3s ease
  }
  .mega-product:hover{background:rgba(255,255,255,.065);border-color:rgba(128,115,255,.45);transform:translateY(-3px)}
  .mega-image{
    position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;
    background:
      radial-gradient(circle at 52% 46%,rgba(95,80,255,.19),transparent 38%),
      linear-gradient(145deg,#161c25,#0c1016)
  }
  .mega-image::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 50%,rgba(103,88,255,.10))}
  .mega-image img{width:88%;height:170px;object-fit:contain;filter:drop-shadow(0 20px 24px rgba(0,0,0,.5));transition:.35s ease}
  .mega-product:hover .mega-image img{transform:scale(1.055)}
  .mega-copy{padding:28px 24px;display:flex;flex-direction:column;justify-content:center}
  .mega-copy>span{font-size:.68rem;letter-spacing:.18em;color:#6f64ff;font-weight:800}
  .mega-copy h3{font-size:1.2rem;margin:8px 0 7px}
  .mega-copy p{font-size:.82rem;line-height:1.55;color:#9da5b1;margin:0 0 15px}
  .mega-copy b{font-size:.7rem;text-transform:uppercase;color:#9b91ff}
  .mega-footer{
    display:flex;justify-content:space-between;gap:20px;padding-top:18px;margin-top:18px;
    border-top:1px solid rgba(255,255,255,.08);font-size:.72rem;color:#727c89
  }

  .menu-toggle{display:none;width:42px;height:42px;padding:10px;position:relative}
  .menu-toggle span{
    display:block;width:22px;height:1.5px;background:#fff;margin:5px auto;
    transform-origin:center;transition:.25s ease
  }
  .menu-toggle.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
  .menu-toggle.open span:nth-child(2){opacity:0}
  .menu-toggle.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

  .mobile-menu{
    display:none;position:fixed;inset:86px 0 0 0;z-index:48;background:#090c11;
    overflow:auto;opacity:0;visibility:hidden;transition:.25s ease
  }
  .mobile-menu.open{opacity:1;visibility:visible}
  .mobile-menu-inner{padding:22px 24px 44px}
  .mobile-menu-inner>a,.mobile-products-toggle{
    width:100%;display:flex;align-items:center;justify-content:space-between;
    padding:18px 0;border-bottom:1px solid rgba(255,255,255,.10);
    text-transform:uppercase;font-size:.88rem;font-weight:750;letter-spacing:.04em
  }
  .mobile-products-list{
    max-height:0;overflow:hidden;transition:max-height .3s ease;background:#0d1117
  }
  .mobile-products-list.open{max-height:260px}
  .mobile-products-list a{
    display:block;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.06);
    color:#b7bec8;font-size:.84rem
  }
  .mobile-languages{margin-top:32px}
  .mobile-languages>span{display:block;font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;color:#737d8a;margin-bottom:12px}
  .mobile-languages>div{display:flex;gap:8px;flex-wrap:wrap}
  .mobile-languages button{
    min-width:52px;padding:10px 12px;border:1px solid rgba(255,255,255,.12);font-weight:800
  }
  .mobile-languages button.active{border-color:#7568ff;background:rgba(117,104,255,.14)}

  @media(max-width:960px){
    .desktop-menu{display:none !important}
    .menu-toggle{display:block}
    .mobile-menu{display:block}
    .nav{height:76px}
    .mega-menu{display:none}
    .language-switcher{display:none}
    .brand img{width:116px}
    .mobile-menu{inset:76px 0 0 0}
    header.menu-open{position:fixed;background:#080a0d}
    body.menu-locked{overflow:hidden}
  }

  @media(max-width:640px){
    .brand span{display:none}
    .brand img{width:122px}
  }


  /* ===== v7 light navigation panels ===== */
  .mega-menu{
    background:rgba(255,255,255,.985) !important;
    border-top:1px solid #e8e9ed !important;
    border-bottom:1px solid #dedfe4 !important;
    box-shadow:0 30px 70px rgba(0,0,0,.18) !important;
    color:#11141a;
  }
  .mega-heading h2{color:#11141a}
  .mega-heading .eyebrow{color:#6d63f4}
  .mega-all{color:#5f55df}
  .mega-product{
    background:#f4f5f7 !important;
    border-color:#e4e6ea !important;
    color:#11141a;
  }
  .mega-product:hover{
    background:#fff !important;
    border-color:#8c82f4 !important;
    box-shadow:0 14px 32px rgba(22,25,31,.10);
  }
  .mega-image{
    background:
      radial-gradient(circle at 52% 46%,rgba(94,79,255,.10),transparent 39%),
      linear-gradient(145deg,#eceef2,#f8f9fa) !important;
  }
  .mega-image::after{background:linear-gradient(110deg,transparent 50%,rgba(103,88,255,.055))}
  .mega-image img{filter:drop-shadow(0 18px 18px rgba(0,0,0,.16))}
  .mega-copy h3{color:#11141a}
  .mega-copy p{color:#686f79}
  .mega-copy b{color:#6157df}
  .mega-copy>span{color:#7000fe}
  .mega-footer{border-top-color:#e1e3e7;color:#747b84}

  .lang-menu{
    background:#fff !important;
    border-color:#e0e2e6 !important;
    box-shadow:0 20px 50px rgba(0,0,0,.16) !important;
  }
  .lang-menu button{color:#211d20;border-bottom-color:#eceef0}
  .lang-menu button small{color:#7a8088}
  .lang-menu button:hover{background:#f2f1ff}

  /* Mobile menu: clean white panel */
  @media(max-width:960px){
    .mobile-menu{background:#fff !important;color:#211d20}
    header.menu-open{background:#080a0d}
    .mobile-menu-inner>a,.mobile-products-toggle{
      color:#211d20;border-bottom-color:#e5e7ea;
    }
    .mobile-products-list{background:#f5f6f8}
    .mobile-products-list a{
      color:#555d68;border-bottom-color:#e4e6e9;
    }
    .mobile-products-list a:last-child{color:#6157df;font-weight:700}
    .mobile-languages>span{color:#777e87}
    .mobile-languages button{
      color:#211d20;border-color:#d9dce1;background:#fff;
    }
    .mobile-languages button.active{
      color:#5147d5;border-color:#766bea;background:#f1efff;
    }
  }


  /* ===== v8 graphite palette ===== */
  :root{
    --graphite:#211d20;
    --graphite-deep:#12151a;
    --graphite-soft:#22262d;
  }

  body{background:var(--graphite-deep)}
  header.menu-open{background:var(--graphite) !important}

  /* Dark content surfaces become graphite rather than black */
  .tech{background:var(--graphite-deep) !important}
  .tech-grid{
    background:linear-gradient(110deg,#171b21,#20252d) !important;
  }
  .lens-art{background:#171b21 !important}

  .dealer{background:var(--graphite-deep) !important}
  .map{background:var(--graphite-deep) !important}
  .map::after{
    background:linear-gradient(90deg,var(--graphite-deep) 0%,rgba(18,21,26,.13) 20%,transparent 40%) !important;
  }

  footer{
    background:#171a1f !important;
    border-top-color:rgba(255,255,255,.08) !important;
  }

  /* Hero cards: graphite glass, not black glass */
  .hero .quick-grid{
    background:rgba(28,32,39,.64) !important;
  }
  .hero .quick-card{
    background:rgba(34,39,47,.28) !important;
  }

  /* Keep white navigation panels deliberately white */
  .mega-menu,.lang-menu,.mobile-menu{background:#fff !important}

  @media(max-width:960px){
    .hero .quick{background:var(--graphite) !important}
    header.menu-open{background:var(--graphite) !important}
  }


/* ===== Inner pages ===== */
body.inner-page{background:#f4f5f7;color:#171a1f}
.inner-page header{position:absolute}
.inner-page .page-hero{position:relative;min-height:390px;padding:155px 0 70px;color:#fff;background:linear-gradient(120deg,#211d20,#14171c);overflow:hidden}
.inner-page .page-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 35%,rgba(100,87,255,.22),transparent 31%),linear-gradient(90deg,rgba(10,12,16,.35),transparent 55%)}
.inner-page .page-hero .wrap{position:relative;z-index:2}
.page-hero .crumbs{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#b6bdc8;margin-bottom:24px}.crumbs a{color:#fff}.crumbs span{opacity:.55;margin:0 7px}
.page-hero h1{font-size:clamp(3rem,5.5vw,5.6rem);line-height:.95;letter-spacing:-.045em;margin:0 0 20px;font-weight:520}.page-hero p{max-width:650px;color:#cbd1da;font-size:1.05rem;margin:0}
.page-hero.product-cat{min-height:455px}.page-hero.product-cat .hero-product{position:absolute;right:max(24px,calc((100vw - var(--max))/2));bottom:20px;width:min(43vw,570px);height:300px;object-fit:contain;filter:drop-shadow(0 30px 45px rgba(0,0,0,.38))}
.section{padding:72px 0}.section.white-bg{background:#fff}.section.graphite{background:#191d23;color:#fff}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:34px}.section-heading h2{font-size:clamp(2rem,3.8vw,3.7rem);line-height:1.05;letter-spacing:-.035em;margin:6px 0 0;font-weight:520}.section-heading p{max-width:520px;color:#707782;margin:0}.graphite .section-heading p{color:#aeb6c1}
.catalog-layout{display:grid;grid-template-columns:260px 1fr;gap:32px}.filter-panel{background:#fff;border:1px solid #e0e3e7;padding:22px;align-self:start;position:sticky;top:24px}.filter-title{font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:#676f79;margin-bottom:15px}.filter-group{padding:18px 0;border-top:1px solid #e8eaed}.filter-group:first-of-type{border-top:0}.filter-group h4{font-size:.88rem;margin:0 0 12px}.filter-option{display:flex;align-items:center;gap:9px;font-size:.85rem;color:#555d67;margin:9px 0}.filter-option input{accent-color:#675cf0}.filter-clear{width:100%;padding:11px;border:1px solid #d9dce1;background:#fff;font-weight:700;color:#5c53dc;cursor:pointer}
.catalog-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:18px}.catalog-toolbar strong{font-size:.9rem}.catalog-toolbar select{padding:11px 36px 11px 12px;border:1px solid #d9dde2;background:#fff;color:#333}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.catalog-card{background:#fff;border:1px solid #e1e4e8;min-height:390px;display:flex;flex-direction:column;transition:.3s}.catalog-card:hover{transform:translateY(-5px);box-shadow:0 22px 45px rgba(18,22,30,.09);border-color:#c9c5ff}.catalog-card .visual{height:230px;display:grid;place-items:center;padding:18px;position:relative;overflow:hidden;background:transparent !important;background-image:none !important;}.catalog-card .visual::after{content:none !important;display:none !important;}.catalog-card img{height:190px;width:95%;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 16px 20px rgba(0,0,0,.18))}.catalog-card .body{padding:21px;display:flex;flex-direction:column;flex:1}.catalog-card .kicker{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:#6d62ec;font-weight:800}.catalog-card h3{font-size:1.25rem;margin:5px 0 7px}.catalog-card p{font-size:.88rem;color:#69717b;margin:0 0 18px}.catalog-card .meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:auto;padding-top:14px;border-top:1px solid #eceef0;font-size:.74rem;color:#707782}.catalog-card .learn{margin-top:14px;color:#5e54dd;text-transform:uppercase;font-size:.75rem;font-weight:800}
.category-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.category-intro h2{font-size:3.4rem;letter-spacing:-.04em;line-height:1.03;margin:0 0 20px;font-weight:520}.category-intro p{color:#606872;font-size:1rem}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feature-chip{padding:18px;background:#f1f2f4;border-left:3px solid #675cf0}.feature-chip b{display:block;font-size:.9rem}.feature-chip span{font-size:.8rem;color:#707782}
/* Product detail */
.product-detail-hero{padding:138px 0 70px;background:#fff;color:#171a1f}.product-detail-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:68px;align-items:center}.product-gallery-main{min-height:500px;background:linear-gradient(145deg,#f1f2f4,#e3e5e8);display:grid;place-items:center;position:relative;overflow:hidden}.product-gallery-main::before{content:none !important;display:none !important;}.product-gallery-main img{width:88%;height:440px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 30px 30px rgba(0,0,0,.2))}.product-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.thumb{height:92px;background:#eceef0;border:1px solid #dfe2e6;display:grid;place-items:center}.thumb img{width:90%;height:80px;object-fit:contain}.product-info .eyebrow{margin-bottom:12px}.product-info h1{font-size:clamp(3rem,5vw,5rem);line-height:.95;letter-spacing:-.045em;margin:0 0 14px;font-weight:520}.product-info .variant{font-size:1.25rem;color:#5b6270;margin-bottom:25px}.product-info .lead{color:#555d68;font-size:1rem;max-width:600px}.product-badges{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.product-badges span{padding:8px 11px;background:#f0efff;color:#554bd1;font-size:.72rem;font-weight:800;text-transform:uppercase}.dealer-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.dealer-cta .btn.secondary{color:#171a1f;border-color:#ccd0d5}.product-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dcdfe4}.highlight{background:#fff;padding:34px}.highlight .num{font-size:.7rem;color:#6b60e9;font-weight:800;letter-spacing:.15em}.highlight h3{font-size:1.02rem;margin:9px 0 8px}.highlight p{font-size:.86rem;color:#686f79;margin:0}.product-story{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:520px}.product-story .copy{padding:70px max(24px,calc((100vw - var(--max))/2)) 70px 64px}.product-story .copy h2{font-size:3.4rem;line-height:1.03;margin:0 0 22px;letter-spacing:-.04em}.product-story .copy p{color:#626a74}.product-story .visual{min-height:520px;background:url('assets/hunters.jpg') center/cover no-repeat}.specs{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e0e3e7}.specs tr:nth-child(even){background:#f7f8f9}.specs th,.specs td{text-align:left;padding:15px 18px;border-bottom:1px solid #e7e9ec;font-size:.9rem}.specs th{width:38%;font-weight:650;color:#555d67}.specs td{color:#171a1f}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.download-card{background:#fff;color:#171a1f;border:1px solid #e2e4e8;padding:25px;display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:start}.download-icon{width:44px;height:44px;background:#efefff;color:#5c52d9;display:grid;place-items:center;font-weight:900}.download-card h3{font-size:.95rem;margin:0 0 5px}.download-card p{font-size:.79rem;color:#757c85;margin:0 0 11px}.download-card a{font-size:.72rem;font-weight:800;color:#5f55df;text-transform:uppercase}
/* Content / support pages */
.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.prose h2{font-size:2.6rem;letter-spacing:-.035em;margin:0 0 18px}.prose h3{margin-top:28px}.prose p{color:#606872}.info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.info-card{padding:28px;background:#fff;border:1px solid #e2e5e8}.info-card h3{font-size:1.05rem;margin:14px 0 8px}.info-card p{font-size:.88rem;color:#6b737d}.info-card .ico{width:45px;height:45px;border:1px solid #cfd3d9;border-radius:50%;display:grid;place-items:center;color:#6358e6}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px}.contact-panel{background:#1b1f25;color:#fff;padding:35px}.contact-panel p{color:#b3bac4}.contact-panel .line{padding:18px 0;border-top:1px solid rgba(255,255,255,.1)}.contact-panel .line strong{display:block;margin-bottom:5px}.form{background:#fff;border:1px solid #e0e3e7;padding:32px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:.76rem;text-transform:uppercase;font-weight:750;color:#606872}.field input,.field textarea,.field select{padding:13px 14px;border:1px solid #d9dde2;font:inherit}.field textarea{min-height:145px;resize:vertical}.submit{margin-top:18px}.warranty-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step{background:#fff;border:1px solid #e0e3e7;padding:25px}.step span{font-size:.72rem;color:#6257e5;font-weight:900;letter-spacing:.14em}.step h3{margin:10px 0}.step p{font-size:.85rem;color:#6d747e}.download-list{display:grid;gap:10px}.download-row{display:grid;grid-template-columns:70px 1fr auto;gap:18px;align-items:center;padding:16px 18px;background:#fff;border:1px solid #e1e4e8}.download-row .type{font-size:.68rem;font-weight:850;color:#5e54df;background:#f0efff;padding:7px;text-align:center}.download-row h3{font-size:.94rem;margin:0}.download-row small{color:#7a8189}.download-row a{font-size:.75rem;color:#5c52d8;font-weight:800;text-transform:uppercase}.dealer-map-large{height:500px;background:#15191f;position:relative;overflow:hidden}.dealer-map-large img{width:100%;height:100%;object-fit:cover}.dealer-search{background:#fff;padding:24px;border:1px solid #e2e5e8;margin-top:-55px;position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr auto;gap:12px}.dealer-search select,.dealer-search input{padding:13px;border:1px solid #d9dde2;font:inherit}.dealer-results{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:25px}.dealer-card{background:#fff;border:1px solid #e0e3e7;padding:23px}.dealer-card h3{margin:0 0 10px}.dealer-card p{font-size:.85rem;color:#6c737c}.dealer-card a{font-size:.74rem;color:#5e54dc;font-weight:800;text-transform:uppercase}
.about-hero-image{position:absolute;right:0;top:0;width:52%;height:100%;background:url('assets/testing.jpg') center/cover no-repeat;opacity:.48}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dfe2e6}.timeline-item{background:#fff;padding:30px}.timeline-item strong{display:block;font-size:2.4rem;color:#6258e6}.timeline-item p{font-size:.86rem;color:#68707a}.about-visual{height:520px;background:url('assets/hunter-bw.jpg') center/cover no-repeat}
@media(max-width:1050px){.catalog-grid{grid-template-columns:repeat(2,1fr)}.catalog-layout{grid-template-columns:220px 1fr}.product-detail-grid,.content-grid,.contact-grid,.category-intro{grid-template-columns:1fr}.product-detail-hero{padding-top:120px}.product-story{grid-template-columns:1fr}.product-story .copy{padding:55px 24px}.product-story .visual{min-height:400px}.warranty-steps,.timeline{grid-template-columns:1fr 1fr}.dealer-results{grid-template-columns:1fr 1fr}.page-hero.product-cat .hero-product{opacity:.35;right:0}}
@media(max-width:760px){.page-hero{min-height:340px;padding-top:125px}.page-hero h1{font-size:3rem}.catalog-layout{grid-template-columns:1fr}.filter-panel{position:static}.catalog-grid{grid-template-columns:1fr}.catalog-toolbar{align-items:flex-start;flex-direction:column}.product-detail-grid{gap:30px}.product-gallery-main{min-height:350px}.product-gallery-main img{height:315px}.product-highlights,.download-grid,.info-cards{grid-template-columns:1fr}.feature-list{grid-template-columns:1fr}.specs th,.specs td{width:100%}.specs th{padding-bottom:4px;border-bottom:0}.specs td{padding-top:4px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.warranty-steps,.timeline,.dealer-results{grid-template-columns:1fr}.dealer-search{grid-template-columns:1fr}.download-row{grid-template-columns:55px 1fr}.download-row a{grid-column:2}.about-hero-image{width:100%;opacity:.18}.page-hero.product-cat .hero-product{display:none}}


/* ===== v11: inner page / product detail refinements ===== */
.inner-page header{
  background:rgba(27,31,37,.98);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.inner-page .nav{height:86px}
.inner-page .brand span,
.inner-page .menu,
.inner-page .nav-trigger,
.inner-page .lang-trigger{color:#f4f6f8}
.inner-page .page-hero,
.inner-page .product-detail-hero{
  border-top:86px solid transparent;
  background-clip:padding-box;
}
.product-detail-hero{
  padding:56px 0 72px;
  background:linear-gradient(135deg,#211d20 0%,#211d20 56%,#222730 100%);
  color:#fff;
}
.product-detail-hero .crumbs{color:#a9b0ba}
.product-detail-hero .crumbs a{color:#d9dde3}
.product-detail-grid{gap:72px}
.product-gallery-main{
  min-height:500px;
  background:
    radial-gradient(circle at 54% 48%,rgba(105,91,255,.18),transparent 38%),
    linear-gradient(145deg,#2a2f38,#181b21);
  border:1px solid rgba(255,255,255,.08);
}
.product-gallery-main::before{content:none !important;display:none !important;}
.product-thumbs .thumb{
  background:#252a32;
  border-color:rgba(255,255,255,.08);
}
.product-info .variant{color:#c5cbd3}
.product-info .lead{color:#c7cdd5}
.product-badges span{
  background:rgba(114,99,255,.15);
  color:#b6aeff;
  border:1px solid rgba(126,111,255,.22);
}
.product-detail-hero .dealer-cta .btn.secondary{
  color:#fff;
  border-color:rgba(255,255,255,.28);
}
.product-detail-hero .dealer-cta .btn.secondary:hover{
  border-color:rgba(255,255,255,.65);
}

/* Lifestyle story */
.product-story{
  display:grid;
  grid-template-columns:minmax(0,48%) minmax(0,52%);
  min-height:560px;
  background:#fff;
}
.product-story .copy{
  padding:76px 70px 76px max(32px,calc((100vw - var(--max))/2));
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.product-story .copy h2{
  font-size:clamp(2.6rem,4.2vw,4.2rem);
  line-height:1.02;
  margin:8px 0 24px;
  letter-spacing:-.045em;
}
.product-story .copy p{font-size:1rem;line-height:1.75;max-width:650px}
.product-story .visual{
  min-height:560px;
  background:url('hunters.jpg') center/cover no-repeat;
  position:relative;
}
.product-story .visual::before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.48) 9%,transparent 27%);
}
.product-story .visual::after{
  content:attr(data-caption);
  position:absolute;
  right:28px;bottom:26px;
  padding:10px 14px;
  background:rgba(24,28,34,.72);
  backdrop-filter:blur(8px);
  color:#fff;
  font-size:.7rem;
  text-transform:uppercase;
  letter-spacing:.12em;
}

/* Specifications + resources two-column section */
.spec-resource-grid{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(300px,.72fr);
  gap:28px;
  align-items:start;
}
.spec-panel,
.resource-panel{
  background:#fff;
  border:1px solid #e1e4e8;
}
.spec-panel-head,
.resource-panel-head{
  padding:26px 28px 20px;
  border-bottom:1px solid #e7e9ec;
}
.spec-panel-head h2,
.resource-panel-head h2{
  margin:4px 0 0;
  font-size:2rem;
  letter-spacing:-.035em;
}
.spec-panel .specs{border:0}
.spec-panel .specs th{width:44%;padding:13px 22px}
.spec-panel .specs td{padding:13px 22px}
.resource-panel{
  background:linear-gradient(180deg,#1f232a,#211d20);
  color:#fff;
  position:sticky;
  top:110px;
}
.resource-panel-head{border-color:rgba(255,255,255,.09)}
.resource-panel-head p{color:#abb2bc;margin:8px 0 0;font-size:.86rem}
.resource-list{padding:8px}
.resource-item{
  display:grid;
  grid-template-columns:46px 1fr auto;
  gap:13px;
  align-items:center;
  padding:17px 14px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.resource-item:last-child{border-bottom:0}
.resource-item .file-icon{
  width:42px;height:42px;
  display:grid;place-items:center;
  background:rgba(109,94,255,.16);
  color:#b6aeff;
  font-size:.7rem;font-weight:900;
}
.resource-item h3{margin:0 0 3px;font-size:.91rem}
.resource-item p{margin:0;color:#9ea6b1;font-size:.74rem}
.resource-item a{color:#a89fff;font-size:1.1rem}
.product-bottom-cta{
  margin-top:28px;
  background:linear-gradient(105deg,#211d20,#15181d);
  color:#fff;
  padding:28px 30px;
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:center;
}
.product-bottom-cta h3{margin:0 0 4px}
.product-bottom-cta p{margin:0;color:#aeb6c0}

/* Contact page */
.contact-people{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-top:28px;
}
.person-card{
  background:#fff;
  border:1px solid #e1e4e8;
  padding:25px;
  min-height:235px;
  transition:.25s ease;
}
.person-card:hover{
  transform:translateY(-4px);
  border-color:#c9c4ff;
  box-shadow:0 18px 40px rgba(20,24,31,.08);
}
.person-avatar{
  width:58px;height:58px;border-radius:50%;
  display:grid;place-items:center;
  background:linear-gradient(135deg,#262b33,#675cf0);
  color:#fff;font-weight:800;letter-spacing:.04em;
  margin-bottom:22px;
}
.person-card .role{
  font-size:.74rem;text-transform:none;letter-spacing:.01em;
  color:#665ce6;font-weight:700;
}
.person-card h3{margin:6px 0 6px;font-size:1.08rem}
.person-card p{margin:0 0 13px;color:#747b84;font-size:.84rem}
.person-card a{font-size:.78rem;color:#5d53db;font-weight:750}

.contact-main{
  display:grid;
  grid-template-columns:.88fr 1.12fr;
  gap:26px;
  align-items:stretch;
}
.company-card{
  background:linear-gradient(145deg,#22262d,#171a1f);
  color:#fff;
  padding:38px;
}
.company-card h2{font-size:2.15rem;line-height:1.05;margin:10px 0 24px}
.company-card p{color:#aeb5bf}
.company-data{
  margin-top:28px;
  border-top:1px solid rgba(255,255,255,.10);
}
.company-data .row{
  display:grid;
  grid-template-columns:130px 1fr;
  gap:14px;
  padding:14px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
  font-size:.87rem;
}
.company-data .row span:first-child{color:#89929e}
.company-data a{color:#fff}
.contact-note{
  margin-top:22px;
  padding:15px 17px;
  border-left:3px solid #7165ff;
  background:rgba(113,101,255,.10);
  color:#c7cdd5;
  font-size:.82rem;
}

@media(max-width:1050px){
  .spec-resource-grid{grid-template-columns:1fr}
  .resource-panel{position:static}
  .contact-people{grid-template-columns:1fr 1fr}
  .contact-main{grid-template-columns:1fr}
}
@media(max-width:760px){
  .inner-page .page-hero,
  .inner-page .product-detail-hero{border-top-width:76px}
  .product-detail-hero{padding-top:40px}
  .product-story{grid-template-columns:1fr}
  .product-story .copy{padding:55px 24px}
  .product-story .visual{min-height:400px}
  .product-story .visual::before{background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.22) 18%,transparent 40%)}
  .spec-panel .specs th,.spec-panel .specs td{padding-left:18px;padding-right:18px}
  .product-bottom-cta{align-items:flex-start;flex-direction:column}
  .contact-people{grid-template-columns:1fr}
  .company-data .row{grid-template-columns:1fr;gap:3px}
}


/* ===== v12 product detail header + clean white product intro ===== */
.product-detail-hero{
  padding:0 !important;
  background:#fff !important;
  color:#15181d !important;
  border-top:86px solid transparent !important;
}
.product-detail-hero .wrap{
  padding-top:34px;
  padding-bottom:0;
}
.product-detail-hero .crumbs{
  color:#8b929b !important;
  margin-bottom:10px;
}
.product-detail-hero .crumbs a{color:#707780 !important}
.product-detail-hero .eyebrow{
  color:#7000fe;
  margin-bottom:8px;
}
.product-detail-hero h1{
  color:#15181d !important;
  margin-bottom:20px;
}
.product-detail-grid{
  background:#fff;
  gap:54px;
  align-items:start;
  padding-bottom:68px;
}
.product-gallery-main{
  min-height:500px;
  background:#f4f5f7 !important;
  border:0 !important;
  border-radius:0 !important;
}
.product-gallery-main::before{content:none !important;display:none !important;}
.product-gallery-main img{
  width:92%;
  max-height:460px;
  object-fit:contain;
}
.product-thumbs{
  gap:10px;
  margin-top:10px;
}
.product-thumbs .thumb{
  background:#f2f3f5 !important;
  border:0 !important;
  border-radius:0 !important;
}
.product-info{
  padding-top:4px;
}
.product-info .variant{
  color:#5f6771 !important;
}
.product-info .lead{
  color:#5c646e !important;
}
.product-badges span{
  background:#f0efff !important;
  color:#6157df !important;
  border:0 !important;
}
.product-detail-hero .dealer-cta .btn.secondary{
  color:#15181d !important;
  border-color:#cfd3d8 !important;
}
.product-detail-hero .dealer-cta .btn.secondary:hover{
  border-color:#8c82f4 !important;
}

/* Story block: light grey with wider fade into lifestyle photo */
.product-story{
  background:#eef0f3 !important;
}
.product-story .copy{
  background:#eef0f3;
}
.product-story .visual::before{
  background:
    linear-gradient(90deg,
      #eef0f3 0%,
      rgba(238,240,243,.98) 10%,
      rgba(238,240,243,.92) 18%,
      rgba(238,240,243,.72) 28%,
      rgba(238,240,243,.38) 38%,
      rgba(238,240,243,.10) 48%,
      transparent 58%) !important;
}
.product-story .visual::before{
  background:linear-gradient(90deg,
    #eceef1 0%,
    rgba(236,238,241,.99) 10%,
    rgba(236,238,241,.93) 18%,
    rgba(236,238,241,.78) 27%,
    rgba(236,238,241,.55) 35%,
    rgba(236,238,241,.30) 42%,
    rgba(236,238,241,.10) 49%,
    transparent 58%) !important;
}

@media(max-width:760px){
  .product-detail-hero{
    border-top-width:76px !important;
  }
  .product-detail-hero .wrap{
    padding-top:26px;
  }
  .product-detail-grid{
    padding-bottom:44px;
  }
  .product-story .visual::before{
    background:
      linear-gradient(180deg,
        #eef0f3 0%,
        rgba(238,240,243,.94) 16%,
        rgba(238,240,243,.56) 31%,
        transparent 48%) !important;
  }
}


/* ===== v13 clean product detail ===== */
.product-simple-head{
  min-height:auto !important;
  padding:42px 0 30px !important;
  background:linear-gradient(135deg,#211d20,#211d20) !important;
  color:#fff !important;
}
.product-simple-head::before,
.product-simple-head::after{display:none !important}
.product-simple-head .crumbs{color:#aab1ba}
.product-simple-head .crumbs a{color:#d9dde2}
.product-simple-head h1{
  margin:12px 0 0;
  color:#fff;
  font-size:clamp(2.4rem,4vw,4rem);
  line-height:1;
}

.product-clean-intro{
  background:#fff;
  padding:58px 0 78px;
}
.product-clean-intro .product-detail-grid{
  padding:0;
  background:#fff;
}
.product-name{
  font-size:clamp(2.6rem,4.2vw,4.6rem);
  line-height:.98;
  letter-spacing:-.05em;
  margin:8px 0 8px;
}
.product-feature-list{
  list-style:none;
  padding:0;
  margin:28px 0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px 24px;
}
.product-feature-list li{
  position:relative;
  padding-left:18px;
  color:#343a42;
  font-size:.9rem;
}
.product-feature-list li::before{
  content:"";
  position:absolute;
  left:0;top:.6em;
  width:6px;height:6px;
  border-radius:50%;
  background:#6b5ef0;
}

.product-gallery-main{
  box-shadow:none !important;
}
.product-thumbs .thumb{
  cursor:pointer;
}

.product-story{
  background:#eceef1 !important;
}
.product-story .copy{
  background:#eceef1 !important;
}


@media(max-width:760px){
  .product-simple-head{padding:28px 0 22px !important}
  .product-clean-intro{padding:38px 0 52px}
  .product-feature-list{grid-template-columns:1fr}
}


/* ===== v14 clean product listing imagery ===== */
.product-card .product-image,
.catalog-card .product-image,
.product-tile .product-image,
.card-product-image{
  background:#f3f4f6 !important;
  position:relative;
  overflow:hidden;
}

.product-card .product-image::before,
.product-card .product-image::after,
.catalog-card .product-image::before,
.catalog-card .product-image::after,
.product-tile .product-image::before,
.product-tile .product-image::after,
.card-product-image::before,
.card-product-image::after{
  content:none !important;
  display:none !important;
}

.product-card .product-image img,
.catalog-card .product-image img,
.product-tile .product-image img,
.card-product-image img{
  position:relative;
  z-index:1;
  filter:drop-shadow(0 16px 18px rgba(22,26,32,.10));
}


/* ===== v15 final listing cleanup + footer socials ===== */

/* Absolutely no decorative circles / halos behind products in listing cards */
.product-card .product-image::before,
.product-card .product-image::after,
.catalog-card .product-image::before,
.catalog-card .product-image::after,
.product-tile .product-image::before,
.product-tile .product-image::after,
.product-card::before,
.product-card::after,
.catalog-card::before,
.catalog-card::after,
.product-tile::before,
.product-tile::after,
.product-visual::before,
.product-visual::after,
.card-image::before,
.card-image::after{
  content:none !important;
  display:none !important;
  background:none !important;
  box-shadow:none !important;
}

.product-card .product-image,
.catalog-card .product-image,
.product-tile .product-image,
.product-visual,
.card-image{
  background:#f2f3f5 !important;
  background-image:none !important;
}

.product-card .product-image img,
.catalog-card .product-image img,
.product-tile .product-image img,
.product-visual img,
.card-image img{
  filter:drop-shadow(0 16px 17px rgba(22,26,32,.10)) !important;
}

/* Social links with simple vector-like UI icons */
.social-link{
  display:flex !important;
  align-items:center;
  gap:9px;
  width:max-content;
}
.social-icon{
  width:25px;
  height:25px;
  display:inline-grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  color:#d9dde4;
  font-size:.68rem;
  font-weight:800;
  line-height:1;
  transition:.2s ease;
}
.social-link:hover .social-icon{
  border-color:#8075f5;
  color:#fff;
  background:rgba(112,97,240,.18);
}


/* ===== v16: absolutely no purple circles behind product images ===== */
.catalog-card .visual::after,
.catalog-card .visual::before,
.product-gallery-main::before,
.product-gallery-main::after{
  content:none !important;
  display:none !important;
  width:0 !important;
  height:0 !important;
  background:none !important;
  border-radius:0 !important;
  filter:none !important;
  box-shadow:none !important;
}
.catalog-card .visual,
.product-gallery-main{
  background:#f2f3f5 !important;
  background-image:none !important;
}

/* v6 CMS dynamic blocks */
.support-card{padding:28px 32px;border-right:1px solid #dde1e6;text-decoration:none;color:#211d20;display:block;background:#fff}
.support-card:last-child{border-right:0}.support-card h3{margin:0 0 8px}.support-card p{color:#68707a}.support-card span{color:#6559f4;font-weight:800}
.downloads-list{display:grid;gap:10px}.file-badge{font-size:.68rem;font-weight:850;color:#5e54df;background:#f0efff;padding:9px;text-align:center}
.dealer-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:25px}
.contact-photo{width:68px;height:68px;object-fit:cover;border-radius:50%;margin-bottom:18px}
.flash{padding:12px 15px;margin-bottom:14px}.flash-success{background:#e8f7ed;color:#267745}.flash-error{background:#ffeaea;color:#a52b2b}
.tech-section-heading{color:#fff;font-size:clamp(2rem,4vw,3.8rem);margin:0 0 30px;letter-spacing:-.04em}
.mobile-languages a{display:inline-flex;padding:9px 11px;border:1px solid #d9dce1;color:#211d20;text-decoration:none;margin-right:6px}.mobile-languages a.active{border-color:#766bea;background:#f1efff;color:#5147d5}
@media(max-width:960px){.support-card{border-right:0;border-bottom:1px solid #dde1e6}.dealer-cards{grid-template-columns:1fr}}


/* v6.3 – čitelnější typografie homepage
   Velká písmena ponecháváme jen tam, kde mají skutečně navigační / labelový význam. */

/* Hero: claim, popis i CTA normálním zápisem */
.hero-content h1,
.hero-content p,
.hero-content .btn,
.hero-actions .btn {
    text-transform: none !important;
    letter-spacing: normal;
}

/* Rychlá nabídka kategorií v hero */
.quick-card h3,
.quick-card p,
.quick-card .cta {
    text-transform: none !important;
}
.quick-card h3 {
    letter-spacing: -.02em;
}
.quick-card p {
    letter-spacing: normal;
}
.quick-card .cta {
    letter-spacing: normal;
}

/* Homepage – obsahové nadpisy mají být skutečně tmavé, ne světle šedé */
.white-bg .section-heading h2,
.white-bg .section-heading h1,
.section.white-bg h2,
.section.white-bg h3,
.story h2,
.support-grid h3 {
    color: #211d20 !important;
}

/* Meopta Sports Optics + odkaz „Zobrazit všechny produkty“ */
.white-bg .section-heading a {
    color: #211d20;
    text-transform: none;
    letter-spacing: normal;
}

/* Podpora – hlavní nadpis černý/grafitový */
.section.white-bg .section-heading .eyebrow + h2,
.support-grid + *,
.support-card h3 {
    color: #211d20 !important;
}

/* Obsahové eyebrow texty už nejsou automaticky verzálkami.
   Navigaci a malé technické štítky tím neměníme. */
.story .eyebrow,
.white-bg .section-heading .eyebrow,
.dealer .eyebrow,
.product-info .eyebrow {
    text-transform: none;
    letter-spacing: normal;
}


/* v6.4 – product detail header / breadcrumb
   Header is 86px high, so the product title area must start below it. */
.inner-page .product-simple-head{
    padding:132px 0 34px !important;
}

.product-simple-head .crumbs{
    margin:0 0 20px;
    font-size:.76rem;
    line-height:1.5;
    letter-spacing:.04em;
    text-transform:none;
    color:#9fa6b0;
}

.product-simple-head .crumbs a{
    color:#d9dde2;
    text-decoration:none;
}

.product-simple-head .crumbs a:hover{
    color:#fff;
}

.product-simple-head h1{
    margin:0 !important;
}

@media(max-width:960px){
    .inner-page .product-simple-head{
        padding:118px 0 28px !important;
    }
}


/* v6.5.1 – mobilní filtr katalogu
   Na desktopu zůstává původní levý filtr.
   Na mobilu je samotný filtr sbalený pod jedním řádkem. */
.mobile-filter-checkbox,
.mobile-filter-summary{
    display:none;
}

.catalog-filter-content{
    display:block;
}

@media(max-width:760px){
    .catalog-sidebar{
        display:block !important;
        margin:0 0 20px;
        padding:0 !important;
        border:0 !important;
        background:transparent !important;
        position:static !important;
    }

    .mobile-filter-checkbox{
        position:absolute;
        opacity:0;
        pointer-events:none;
    }

    .mobile-filter-summary{
        display:flex;
        align-items:center;
        justify-content:space-between;
        min-height:54px;
        padding:0 18px;
        background:#fff;
        border:1px solid #dce0e5;
        color:#211d20;
        font-weight:750;
        cursor:pointer;
        user-select:none;
    }

    .mobile-filter-icon{
        position:relative;
        width:18px;
        height:18px;
        flex:0 0 18px;
    }

    .mobile-filter-icon::before,
    .mobile-filter-icon::after{
        content:"";
        position:absolute;
        left:50%;
        top:50%;
        background:#211d20;
        transform:translate(-50%,-50%);
        transition:transform .18s ease, opacity .18s ease;
    }

    .mobile-filter-icon::before{
        width:14px;
        height:1.5px;
    }

    .mobile-filter-icon::after{
        width:1.5px;
        height:14px;
    }

    .catalog-filter-content{
        display:none;
        padding:18px;
        background:#fff;
        border:1px solid #dce0e5;
        border-top:0;
    }

    .mobile-filter-checkbox:checked ~ .catalog-filter-content{
        display:block;
    }

    .mobile-filter-checkbox:checked + .mobile-filter-summary .mobile-filter-icon::after{
        opacity:0;
    }

    .catalog-filter-content form > h3{
        display:none;
    }
}


/* v6.6 – klikací rozcestníkové sekce (např. Podpora) */
.cms-section-linked{
    position:relative;
    transition:background-color .2s ease;
}
.cms-section-link{
    display:block;
    color:inherit;
    text-decoration:none;
}
.cms-section-linked .cms-section-grid{
    position:relative;
}
.cms-section-linked .cms-section-cta{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-top:22px;
    color:#5f56e8;
    font-weight:750;
    text-transform:none;
}
.cms-section-linked .cms-section-cta span{
    transition:transform .2s ease;
}
.cms-section-linked:hover .cms-section-cta span{
    transform:translateX(5px);
}
.cms-section-linked:hover.cms-bg-white{
    background:#f7f7f8;
}
.cms-section-linked:hover.cms-bg-grey{
    background:#e8eaed;
}


/* v6.7 – jemný fialovo-modrý glow v tmavých sekcích
   Motiv navazuje na původní návrh page hero. */

/* Obecný tmavý header podstránek */
.inner-page .page-hero,
.inner-page .cms-page-head,
.inner-page .product-simple-head{
    position:relative;
    overflow:hidden;
    isolation:isolate;
}

.inner-page .page-hero::before,
.inner-page .cms-page-head::before,
.inner-page .product-simple-head::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:0;
    background:
        radial-gradient(circle at 78% 34%, rgba(100,87,255,.23), transparent 31%),
        radial-gradient(circle at 92% 72%, rgba(72,118,255,.10), transparent 24%),
        linear-gradient(90deg, rgba(10,12,16,.28), transparent 55%);
}

.inner-page .page-hero > *,
.inner-page .cms-page-head > *,
.inner-page .product-simple-head > *{
    position:relative;
    z-index:1;
}

/* Footer – stejný motiv, jen širší a jemnější */
footer{
    position:relative;
    overflow:hidden;
    isolation:isolate;
}

footer::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:0;
    background:
        radial-gradient(circle at 80% 28%, rgba(100,87,255,.18), transparent 30%),
        radial-gradient(circle at 18% 88%, rgba(66,116,255,.08), transparent 28%);
}

footer > *{
    position:relative;
    z-index:1;
}

/* Tmavé technologické / grafitové bloky */
.tech,
.cms-bg-graphite{
    position:relative;
    overflow:hidden;
    isolation:isolate;
}

.tech::before,
.cms-bg-graphite::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:0;
    background:
        radial-gradient(circle at 82% 36%, rgba(100,87,255,.16), transparent 30%);
}

.tech > *,
.cms-bg-graphite > *{
    position:relative;
    z-index:1;
}

/* Na mobilu posunout glow trochu doprava, aby nekonkuroval textu */
@media(max-width:760px){
    .inner-page .page-hero::before,
    .inner-page .cms-page-head::before,
    .inner-page .product-simple-head::before{
        background:
            radial-gradient(circle at 100% 26%, rgba(100,87,255,.20), transparent 36%),
            linear-gradient(90deg, rgba(10,12,16,.24), transparent 64%);
    }

    footer::before{
        background:
            radial-gradient(circle at 110% 18%, rgba(100,87,255,.16), transparent 38%);
    }
}


/* v6.8 – Aktuality */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.news-card{background:#fff;border:1px solid #e2e5e9;display:flex;flex-direction:column;min-width:0}
.news-card-image{display:block;aspect-ratio:16/9;overflow:hidden;background:#eef0f3}
.news-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.news-card:hover .news-card-image img{transform:scale(1.035)}
.news-card-body{padding:24px;display:flex;flex-direction:column;flex:1}
.news-card-body .eyebrow{text-transform:none;letter-spacing:normal;color:#777f89;margin-bottom:10px}
.news-card h2{font-size:1.45rem;line-height:1.15;margin:0 0 12px;color:#211d20}
.news-card h2 a{color:inherit;text-decoration:none}
.news-card p{color:#68707a;line-height:1.65;margin:0 0 18px}
.news-meta{display:flex;flex-direction:column;gap:5px;font-size:.78rem;color:#555e68;margin:auto 0 18px}
.news-read-more{color:#5f56e8;text-decoration:none;font-weight:750;margin-top:auto}
.news-detail-hero{min-height:470px;padding:155px 0 70px;background-color:#1b1f25;background-size:cover;background-position:center;color:#fff;position:relative;overflow:hidden}
.news-detail-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 30%,rgba(100,87,255,.24),transparent 32%);pointer-events:none}
.news-detail-hero .wrap{position:relative;z-index:1;max-width:950px;margin-left:auto;margin-right:auto}
.news-detail-hero h1{font-size:clamp(2.7rem,6vw,5.2rem);line-height:.98;letter-spacing:-.05em;margin:18px 0}
.news-detail-hero p{font-size:1.15rem;line-height:1.65;color:#d6dae0;max-width:760px}
.news-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:60px;align-items:start}
.news-article{font-size:1.05rem;line-height:1.8}
.news-event-box{background:#f0f1f3;padding:28px;position:sticky;top:110px}
.news-event-box>div{padding:0 0 18px;margin:0 0 18px;border-bottom:1px solid #d7dade}
.news-event-box span{display:block;font-size:.72rem;color:#6e7680;margin-bottom:5px}
.news-event-box strong{font-size:1rem;color:#211d20}
@media(max-width:900px){.news-grid{grid-template-columns:1fr 1fr}.news-detail-layout{grid-template-columns:1fr}.news-event-box{position:static}}
@media(max-width:620px){.news-grid{grid-template-columns:1fr}.news-detail-hero{min-height:380px;padding:125px 0 50px}}


/* =========================================================
   vNext – ambient violet glow + complete News styling
   ========================================================= */

/* ---------- Ambient glow for dark surfaces ---------- */

/* Inner page dark headers */
.inner-page .page-hero,
.inner-page .cms-page-head,
.inner-page .product-simple-head,
.news-detail-hero{
    position:relative;
    overflow:hidden;
    isolation:isolate;
}

.inner-page .page-hero,
.inner-page .cms-page-head,
.inner-page .product-simple-head{
    background:
        linear-gradient(120deg,#211d20 0%,#191d23 54%,#15181d 100%) !important;
}

.inner-page .page-hero::before,
.inner-page .cms-page-head::before,
.inner-page .product-simple-head::before,
.news-detail-hero::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:0;
    background:
        radial-gradient(
            ellipse 62% 118% at 84% 24%,
            rgba(112,0,254,.28) 0%,
            rgba(87,82,229,.18) 28%,
            rgba(70,77,183,.09) 47%,
            rgba(25,29,35,0) 72%
        ),
        linear-gradient(90deg,rgba(10,12,16,.24) 0%,rgba(10,12,16,0) 58%) !important;
}

.inner-page .page-hero > *,
.inner-page .cms-page-head > *,
.inner-page .product-simple-head > *,
.news-detail-hero > *{
    position:relative;
    z-index:1;
}

/* Dark content blocks */
.tech,
.dealer,
.section.graphite,
.cms-bg-graphite,
.company-card,
.resource-panel,
.product-bottom-cta{
    position:sticky;
    isolation:isolate;
    overflow:hidden;
}

.tech::before,
.dealer::before,
.section.graphite::before,
.cms-bg-graphite::before,
.company-card::before,
.resource-panel::before,
.product-bottom-cta::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:0;
    background:
        radial-gradient(
            ellipse 54% 125% at 86% 18%,
            rgba(103,87,255,.15) 0%,
            rgba(80,84,213,.085) 35%,
            rgba(24,27,33,0) 70%
        );
}

.tech > *,
.dealer > *,
.section.graphite > *,
.cms-bg-graphite > *,
.company-card > *,
.resource-panel > *,
.product-bottom-cta > *{
    position:relative;
    z-index:1;
}

/* Footer glow – larger, softer and partially outside the canvas */
footer{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    background:
        linear-gradient(115deg,#171a1f 0%,#191d23 60%,#16191e 100%) !important;
}

footer::before{
    content:"";
    position:absolute;
    width:1150px;
    height:760px;
    right:-320px;
    top:-390px;
    z-index:0;
    pointer-events:none;
    background:
        radial-gradient(
            ellipse at center,
            rgba(106,89,255,.21) 0%,
            rgba(84,82,222,.12) 31%,
            rgba(59,69,158,.055) 50%,
            rgba(23,26,31,0) 73%
        );
    filter:blur(4px);
}

footer > *{
    position:relative;
    z-index:1;
}

/* Subtle violet atmosphere over map */
.dealer .map::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:
        radial-gradient(
            ellipse 52% 96% at 74% 42%,
            rgba(101,85,255,.11),
            rgba(18,21,26,0) 67%
        );
}


/* ---------- News / Aktuality ---------- */

.news-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
}

.news-card{
    display:flex;
    flex-direction:column;
    min-width:0;
    background:#fff;
    border:1px solid #e1e4e8;
    transition:
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease;
}

.news-card:hover{
    transform:translateY(-5px);
    border-color:#c9c5ff;
    box-shadow:0 20px 46px rgba(20,24,31,.09);
}

.news-card-image{
    display:block;
    aspect-ratio:16/9;
    overflow:hidden;
    background:#eceef1;
}

.news-card-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .45s ease;
}

.news-card:hover .news-card-image img{
    transform:scale(1.045);
}

.news-card-body{
    display:flex;
    flex-direction:column;
    flex:1;
    padding:24px 24px 25px;
}

.news-card-body .eyebrow{
    margin:0 0 10px;
    color:#665ce8;
    font-size:.72rem;
    letter-spacing:.05em;
    text-transform:none;
}

.news-card h2{
    margin:0 0 12px;
    color:#211d20;
    font-size:clamp(1.3rem,2vw,1.65rem);
    line-height:1.12;
    letter-spacing:-.025em;
}

.news-card h2 a{
    color:inherit;
    text-decoration:none;
}

.news-card p{
    margin:0 0 18px;
    color:#69717b;
    line-height:1.65;
    font-size:.92rem;
}

.news-meta{
    display:flex;
    flex-direction:column;
    gap:5px;
    margin:auto 0 18px;
    padding-top:4px;
    color:#59616b;
    font-size:.79rem;
}

.news-read-more{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:auto;
    color:#5f56e8;
    font-size:.8rem;
    font-weight:750;
    text-decoration:none;
}

.news-read-more:hover{
    color:#4f46d8;
}

/* News detail hero */
.news-detail-hero{
    min-height:470px;
    padding:155px 0 72px;
    color:#fff;
    background-color:#1a1e24;
    background-size:cover;
    background-position:center;
}

.news-detail-hero .wrap{
    position:relative;
    z-index:1;
    max-width:1320px;
}

.news-detail-hero .crumbs{
    margin-bottom:28px;
    color:#b7bec8;
    font-size:.75rem;
    letter-spacing:.04em;
    text-transform:none;
}

.news-detail-hero .crumbs a{
    color:#fff;
}

.news-detail-hero .eyebrow{
    color:#a99fff;
    text-transform:none;
    letter-spacing:.04em;
}

.news-detail-hero h1{
    max-width:900px;
    margin:14px 0 22px;
    font-size:clamp(3rem,6vw,5.7rem);
    line-height:.96;
    letter-spacing:-.05em;
    font-weight:520;
}

.news-detail-hero p{
    max-width:760px;
    margin:0;
    color:#d0d5dc;
    font-size:1.08rem;
    line-height:1.7;
}

/* News detail body */
.news-detail-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 340px;
    gap:56px;
    align-items:start;
}

.news-article{
    min-width:0;
    font-size:1rem;
    line-height:1.8;
}

.news-article .cms-richtext{
    max-width:860px;
}

.news-article .cms-richtext p{
    color:#59616b;
}

.news-article .cms-richtext h2{
    margin:38px 0 14px;
    color:#211d20;
    font-size:2rem;
    letter-spacing:-.03em;
}

.news-event-box{
    position:sticky;
    top:110px;
    padding:28px;
    color:#fff;
    background:
        radial-gradient(circle at 88% 14%,rgba(105,90,255,.16),transparent 36%),
        linear-gradient(145deg,#22262d,#171a1f);
    border:1px solid rgba(255,255,255,.06);
}

.news-event-box > div{
    margin:0 0 18px;
    padding:0 0 18px;
    border-bottom:1px solid rgba(255,255,255,.09);
}

.news-event-box > div:last-of-type{
    margin-bottom:22px;
}

.news-event-box span{
    display:block;
    margin-bottom:5px;
    color:#929aa5;
    font-size:.72rem;
}

.news-event-box strong{
    display:block;
    color:#fff;
    font-size:1rem;
}

.news-event-box .btn{
    width:100%;
    justify-content:center;
}

/* Keep homepage news heading dark on white */
.section.white-bg .news-grid h2,
.section.white-bg .news-card h2{
    color:#211d20 !important;
}


/* ---------- Responsive ---------- */

@media(max-width:980px){
    .news-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .news-detail-layout{
        grid-template-columns:1fr;
        gap:32px;
    }

    .news-event-box{
        position:static;
    }
}

@media(max-width:760px){
    .inner-page .page-hero::before,
    .inner-page .cms-page-head::before,
    .inner-page .product-simple-head::before,
    .news-detail-hero::before{
        background:
            radial-gradient(
                ellipse 92% 88% at 102% 18%,
                rgba(103,87,255,.22),
                rgba(76,81,205,.09) 40%,
                transparent 72%
            ) !important;
    }

    footer::before{
        width:760px;
        height:590px;
        right:-390px;
        top:-275px;
        opacity:.85;
    }

    .news-grid{
        grid-template-columns:1fr;
        gap:16px;
    }

    .news-card-body{
        padding:20px;
    }

    .news-detail-hero{
        min-height:390px;
        padding:128px 0 52px;
    }

    .news-detail-hero h1{
        font-size:clamp(2.7rem,12vw,4.1rem);
    }

    .news-detail-hero p{
        font-size:.98rem;
    }

    .news-event-box{
        padding:22px;
    }
}


/* =========================================================
   vNext – Technology section: one shared background
   ========================================================= */

/* Celá technologická sekce má JEDNO společné grafitové pozadí + glow */
.tech{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    background:
        linear-gradient(110deg,#171b21 0%,#1d222a 58%,#171b21 100%) !important;
}

/* Fialovo-modrý ambientní kruh je pod celým obsahem sekce */
.tech::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    background:
        radial-gradient(
            ellipse 58% 135% at 82% 30%,
            rgba(112,0,254,.22) 0%,
            rgba(82,82,221,.13) 31%,
            rgba(61,71,164,.06) 50%,
            transparent 73%
        );
}

/* Grid už nemá vlastní plnou výplň – propouští společné pozadí .tech */
.tech-grid{
    position:relative;
    z-index:1;
    background:transparent !important;
    overflow:visible !important;
}

/* Jednotlivé textové buňky jsou skutečně samostatné jen pomocí linek */
.tech-item{
    position:relative;
    z-index:1;
    background:rgba(255,255,255,.012) !important;
    border-right:1px solid rgba(255,255,255,.12) !important;
}

.tech-item:last-of-type{
    border-right:1px solid rgba(255,255,255,.12) !important;
}

/* Oblast s čočkami / fotografií nemá ŽÁDNÉ vlastní pozadí */
.lens-art{
    position:relative;
    z-index:1;
    overflow:hidden;
    min-height:245px;
    background:transparent !important;
}

/* Obrázek je pouze obsah nad společným pozadím sekce */
.lens-art img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
    background:transparent !important;
    z-index:2;
}

/* Jemný lokální glow přímo za čočkami, stále součást společného pozadí */
.lens-art::before{
    content:"";
    position:absolute;
    inset:-15%;
    z-index:1;
    pointer-events:none;
   
}

/* Zrušit případné starší pseudo-vrstvy, které by vytvořily vlastní obdélník */
.lens-art::after{
    content:none !important;
    display:none !important;
}

/* Mobile – buňky oddělené vodorovně, obrázek stále bez vlastního pozadí */
@media(max-width:960px){
    .tech-item{
        border-right:0 !important;
        border-bottom:1px solid rgba(255,255,255,.12) !important;
    }

    .lens-art{
        min-height:270px;
        border-top:0;
    }
}


/* =========================================================
   vNext – Dealer map transparent background + product header glow
   ========================================================= */

/* ---------- Dealer / map: one shared dark background ---------- */

.dealer{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    background:
        linear-gradient(110deg,#171b21 0%,#1d222a 58%,#171b21 100%) !important;
}

/* Shared violet glow under both text and map */
.dealer::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    background:
        radial-gradient(
            ellipse 62% 135% at 78% 38%,
            rgba(112,0,254,.20) 0%,
            rgba(82,82,221,.12) 32%,
            rgba(61,71,164,.055) 50%,
            transparent 73%
        );
}

/* Content always above shared glow */
.dealer > *,
.dealer .wrap,
.dealer-grid,
.dealer-copy,
.map{
    position:relative;
    z-index:1;
}

/* Map area must not create its own dark rectangle */
.map{
    background:transparent !important;
    overflow:hidden;
}

/* Remove old background overlays that visually separate the map */
.map::after{
    content:none !important;
    display:none !important;
}

/* Keep only a very subtle local light effect under the transparent PNG */
.map::before{
    content:"";
    position:absolute;
    inset:-10%;
    z-index:0;
    pointer-events:none;
    background:
        radial-gradient(
            ellipse at 58% 48%,
            rgba(98,83,255,.105),
            transparent 62%
        );
}

/* Transparent PNG/SVG sits directly over the shared dealer background */
.map img,
.map svg{
    position:relative;
    z-index:1;
    background:transparent !important;
}


/* ---------- Product detail top header: restore violet ambient glow ---------- */

/* This is the dark strip with breadcrumb + category title above product content */
.inner-page .product-simple-head{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    background:
        linear-gradient(120deg,#211d20 0%,#191d23 56%,#15181d 100%) !important;
}

/* Larger soft violet circle like the original About hero */
.inner-page .product-simple-head::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    display:block !important;
    background:
        radial-gradient(
            ellipse 62% 135% at 84% 24%,
            rgba(112,0,254,.28) 0%,
            rgba(87,82,229,.18) 28%,
            rgba(70,77,183,.09) 47%,
            rgba(25,29,35,0) 72%
        ),
        linear-gradient(
            90deg,
            rgba(10,12,16,.23) 0%,
            rgba(10,12,16,0) 58%
        ) !important;
}

/* Breadcrumb and heading must stay above the glow */
.inner-page .product-simple-head > *,
.inner-page .product-simple-head .wrap{
    position:relative;
    z-index:1;
}

/* If an older rule suppressed pseudo-elements, force this one visible */
.inner-page .product-simple-head::after{
    content:none !important;
    display:none !important;
}


/* ---------- Mobile ---------- */

@media(max-width:760px){
    .dealer::before{
        background:
            radial-gradient(
                ellipse 100% 90% at 102% 28%,
                rgba(103,87,255,.18),
                rgba(76,81,205,.075) 42%,
                transparent 72%
            );
    }

    .inner-page .product-simple-head::before{
        background:
            radial-gradient(
                ellipse 96% 90% at 104% 16%,
                rgba(103,87,255,.22),
                rgba(76,81,205,.09) 42%,
                transparent 73%
            ) !important;
    }
}


/* =========================================================
   Final map cleanup + homepage news section separation
   ========================================================= */

/* Map: keep pseudo-elements structurally available, but without extra glow fill.
   The shared .dealer background/glow is enough. */
.map::before{
    content:"";
    position:absolute;
    inset:-10%;
    z-index:0;
    pointer-events:none;
    background:none !important;
}

.dealer .map::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:none !important;
}

/* Homepage Aktuality: soft grey strip to separate it from adjacent white sections */
body:not(.inner-page) .section.white-bg:has(.news-grid){
    background:#f3f4f6 !important;
}

/* Slightly cleaner contrast for cards on the grey strip */
body:not(.inner-page) .section.white-bg:has(.news-grid) .news-card{
    background:#fff;
}

/* Fallback for browsers/environments where :has() is unavailable:
   if the news block gets .home-news-section later, this rule is ready. */
.home-news-section{
    background:#f3f4f6 !important;
}

/* Detail produktu – Downloads zarovnat s tabulkou parametrů */
.spec-resource-grid{
    align-items:start;
}

.spec-resource-grid .resource-panel{
    margin-top:0 !important;
    align-self:start !important;
}
/* =========================================================
   Product gallery lightbox
   ========================================================= */
.product-gallery-main,
.product-thumbs .thumb{
    cursor:zoom-in;
}

.product-gallery-main{
    position:relative;
}

.product-gallery-main:focus-visible,
.product-thumbs .thumb:focus-visible{
    outline:2px solid #7568ff;
    outline-offset:3px;
}

.product-gallery-zoom{
    position:absolute;
    right:18px;
    bottom:18px;
    z-index:4;
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    border:1px solid rgba(23,26,32,.12);
    background:rgba(255,255,255,.88);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    color:#211d20;
    font-size:1.45rem;
    font-weight:300;
    line-height:1;
    box-shadow:0 8px 24px rgba(20,24,31,.10);
    transition:transform .2s ease,background .2s ease;
}

.product-gallery-main:hover .product-gallery-zoom{
    transform:scale(1.06);
    background:#fff;
}

.product-thumbs .thumb{
    appearance:none;
    -webkit-appearance:none;
    padding:0;
    font:inherit;
    cursor:pointer;
}

.product-thumbs .thumb.is-active{
    border-color:#7568ff;
    box-shadow:inset 0 0 0 1px #7568ff;
}

.product-lightbox{
    position:fixed;
    inset:0;
    z-index:9999;
    display:none;
    align-items:center;
    justify-content:center;
    background:rgba(10,12,16,.94);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
}

.product-lightbox.is-open{
    display:flex;
}

.product-lightbox-stage{
    position:relative;
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:72px 92px 62px;
}

.product-lightbox-image{
    max-width:min(1500px,92vw);
    max-height:calc(100vh - 120px);
    width:auto;
    height:auto;
    object-fit:contain;
    user-select:none;
    -webkit-user-drag:none;
    filter:drop-shadow(0 28px 60px rgba(0,0,0,.34));
}

.product-lightbox-close,
.product-lightbox-prev,
.product-lightbox-next{
    position:absolute;
    z-index:2;
    border:1px solid rgba(255,255,255,.16);
    background:rgba(29,33,40,.72);
    color:#fff;
    cursor:pointer;
    display:grid;
    place-items:center;
    transition:background .2s ease,border-color .2s ease,transform .2s ease;
}

.product-lightbox-close:hover,
.product-lightbox-prev:hover,
.product-lightbox-next:hover{
    background:rgba(103,87,255,.72);
    border-color:rgba(153,143,255,.8);
}

.product-lightbox-close{
    top:22px;
    right:24px;
    width:48px;
    height:48px;
    font-size:1.9rem;
    font-weight:200;
}

.product-lightbox-prev,
.product-lightbox-next{
    top:50%;
    transform:translateY(-50%);
    width:52px;
    height:72px;
    font-size:2rem;
    font-weight:200;
}

.product-lightbox-prev:hover,
.product-lightbox-next:hover{
    transform:translateY(-50%) scale(1.04);
}

.product-lightbox-prev{left:24px}
.product-lightbox-next{right:24px}

.product-lightbox-counter{
    position:absolute;
    left:50%;
    bottom:22px;
    transform:translateX(-50%);
    color:#aeb5c0;
    font-size:.78rem;
    letter-spacing:.08em;
}

body.lightbox-open{
    overflow:hidden;
}

@media(max-width:760px){
    .product-gallery-zoom{
        width:40px;
        height:40px;
        right:12px;
        bottom:12px;
    }
    .product-lightbox-stage{
        padding:62px 14px 54px;
    }
    .product-lightbox-image{
        max-width:96vw;
        max-height:calc(100vh - 110px);
    }
    .product-lightbox-close{
        top:12px;
        right:12px;
        width:44px;
        height:44px;
    }
    .product-lightbox-prev,
    .product-lightbox-next{
        width:44px;
        height:58px;
        top:auto;
        bottom:12px;
        transform:none;
        background:rgba(29,33,40,.84);
    }
    .product-lightbox-prev:hover,
    .product-lightbox-next:hover{
        transform:none;
    }
    .product-lightbox-prev{left:12px}
    .product-lightbox-next{right:12px}
    .product-lightbox-counter{bottom:28px}
}

/* vNext – lightbox na světlém pozadí pro tmavé produkty */
.product-lightbox{
    background:rgba(244,245,247,.97) !important;
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
}

.product-lightbox-stage{
    background:
        radial-gradient(circle at 50% 42%, rgba(105,91,255,.08), transparent 34%),
        #f4f5f7;
}

.product-lightbox-image{
    filter:drop-shadow(0 26px 44px rgba(20,24,31,.18)) !important;
}

.product-lightbox-close,
.product-lightbox-prev,
.product-lightbox-next{
    border:1px solid #d5d9df !important;
    background:rgba(255,255,255,.92) !important;
    color:#211d20 !important;
    box-shadow:0 8px 24px rgba(20,24,31,.08);
}

.product-lightbox-close:hover,
.product-lightbox-prev:hover,
.product-lightbox-next:hover{
    background:#7000fe !important;
    border-color:#7000fe !important;
    color:#fff !important;
}

.product-lightbox-counter{
    color:#6f7781 !important;
}

@media(max-width:760px){
    .product-lightbox-prev,
    .product-lightbox-next{
        background:rgba(255,255,255,.95) !important;
    }
}


/* Lifestyle caption comes from product_translations.lifestyle_caption */
.product-story .visual[data-caption=""]::after{
    content:none !important;
    display:none !important;
}


/* ===== Product lightbox – final override ===== */
.product-gallery-item{
    cursor:zoom-in;
}

.product-lightbox{
    position:fixed !important;
    inset:0 !important;
    z-index:100000 !important;
    display:none !important;
    align-items:center !important;
    justify-content:center !important;
    background:rgba(246,247,249,.985) !important;
    color:#211d20 !important;
    opacity:0;
    visibility:hidden;
    transition:opacity .18s ease,visibility .18s ease;
}

.product-lightbox.is-open{
    display:flex !important;
    opacity:1 !important;
    visibility:visible !important;
}

.product-lightbox-stage{
    position:relative !important;
    width:100% !important;
    height:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:72px 92px 62px !important;
    background:
        radial-gradient(circle at 50% 45%,rgba(103,87,255,.07),transparent 34%),
        #f6f7f9 !important;
}

.product-lightbox-image{
    display:block !important;
    max-width:min(1500px,90vw) !important;
    max-height:calc(100vh - 130px) !important;
    width:auto !important;
    height:auto !important;
    object-fit:contain !important;
    background:transparent !important;
    filter:drop-shadow(0 28px 48px rgba(20,24,31,.18)) !important;
    user-select:none;
    -webkit-user-drag:none;
}

.product-lightbox-close,
.product-lightbox-prev,
.product-lightbox-next{
    position:absolute !important;
    z-index:3 !important;
    display:grid !important;
    place-items:center !important;
    border:1px solid #d6dae0 !important;
    background:rgba(255,255,255,.96) !important;
    color:#211d20 !important;
    box-shadow:0 9px 28px rgba(20,24,31,.10) !important;
    cursor:pointer !important;
}

.product-lightbox-close:hover,
.product-lightbox-prev:hover,
.product-lightbox-next:hover{
    background:#7000fe !important;
    border-color:#7000fe !important;
    color:#fff !important;
}

.product-lightbox-close{
    top:22px !important;
    right:24px !important;
    width:48px !important;
    height:48px !important;
    font-size:1.9rem !important;
}

.product-lightbox-prev,
.product-lightbox-next{
    top:50% !important;
    transform:translateY(-50%) !important;
    width:54px !important;
    height:74px !important;
    font-size:2rem !important;
}

.product-lightbox-prev{left:24px !important}
.product-lightbox-next{right:24px !important}

.product-lightbox-counter{
    position:absolute !important;
    left:50% !important;
    bottom:24px !important;
    transform:translateX(-50%) !important;
    color:#68707a !important;
    font-size:.78rem !important;
    font-weight:700;
}

body.lightbox-open{
    overflow:hidden !important;
}

@media(max-width:760px){
    .product-lightbox-stage{
        padding:62px 12px 72px !important;
    }
    .product-lightbox-image{
        max-width:96vw !important;
        max-height:calc(100vh - 135px) !important;
    }
    .product-lightbox-close{
        top:12px !important;
        right:12px !important;
        width:44px !important;
        height:44px !important;
    }
    .product-lightbox-prev,
    .product-lightbox-next{
        top:auto !important;
        bottom:12px !important;
        transform:none !important;
        width:44px !important;
        height:54px !important;
    }
    .product-lightbox-prev{left:12px !important}
    .product-lightbox-next{right:12px !important}
    .product-lightbox-counter{bottom:29px !important}
}


/* =========================================================
   Distributors / OpenStreetMap + Leaflet locator
   ========================================================= */
.distributor-locator{padding:70px 0 90px;background:#f3f4f6}
.distributor-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px}
.distributor-toolbar h2{margin:7px 0 0;font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.045em;color:#211d20}
.distributor-country{display:flex;flex-direction:column;gap:7px;min-width:240px}
.distributor-country span{font-size:.72rem;font-weight:800;color:#666e78}
.distributor-country select{height:48px;padding:0 42px 0 14px;border:1px solid #d9dde2;background:#fff;font:inherit;color:#211d20}
.distributor-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.7fr);min-height:650px;background:#fff;border:1px solid #e0e3e7}
.distributor-map-wrap{position:relative;min-height:650px;background:#e9ebee;overflow:hidden}
.distributor-google-map{position:absolute;inset:0;width:100%;height:100%}
.distributor-map-status{position:absolute;left:20px;bottom:20px;z-index:2;padding:10px 14px;background:#fff;box-shadow:0 8px 24px rgba(20,24,31,.12);font-size:.78rem;color:#5f6670}
.distributor-map-status.is-error{color:#9d2d2d}
.distributor-map-placeholder{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:40px;background:radial-gradient(circle at 72% 28%,rgba(103,87,255,.12),transparent 32%),#e9ebee}
.distributor-map-placeholder strong{display:block;font-size:1.3rem;margin-bottom:8px;color:#211d20}
.distributor-map-placeholder p{max-width:430px;margin:0;color:#6c737d}
.distributor-results{display:flex;flex-direction:column;min-height:0;border-left:1px solid #e0e3e7;background:#fff}
.distributor-results-head{padding:18px 22px;border-bottom:1px solid #e6e8eb;color:#737a83;font-size:.8rem}
.distributor-results-head strong{color:#211d20;font-size:1rem}
.distributor-list{overflow:auto;max-height:650px}
.distributor-card{padding:24px 22px;border:0;border-bottom:1px solid #e6e8eb;background:#fff;transition:background .2s ease}
.distributor-card:hover{background:#fafaff}
.distributor-card[hidden]{display:none!important}
.distributor-card-top{display:flex;gap:8px;align-items:center;margin-bottom:10px;color:#747c86;font-size:.72rem}
.distributor-country-code{display:inline-flex;padding:4px 7px;background:#efefff;color:#5e54df;font-weight:850}
.distributor-card h3{margin:0 0 9px;font-size:1.15rem;line-height:1.2;color:#211d20}
.distributor-description{margin:0 0 14px!important;color:#6b737d!important;line-height:1.55}
.distributor-contact{display:flex;flex-direction:column;gap:4px;margin-bottom:16px;font-size:.82rem;color:#5f6770}
.distributor-contact a{color:#5f6770;text-transform:none;font-weight:500;font-size:.82rem}
.distributor-actions{display:flex;gap:16px;flex-wrap:wrap}
.distributor-actions a,.distributor-show-map{appearance:none;border:0;background:none;padding:0;color:#5e54dc;font:inherit;font-size:.73rem;font-weight:800;cursor:pointer;text-decoration:none}
.distributor-empty{padding:40px 22px;color:#737a83}
.map-info-card{min-width:220px;max-width:290px;padding:4px 2px;color:#211d20;font-family:Arial,sans-serif}
.map-info-country{font-size:11px;color:#665bea;font-weight:700;margin-bottom:7px}
.map-info-card h3{font-size:18px;line-height:1.2;margin:0 0 8px}
.map-info-card p{font-size:13px;line-height:1.45;color:#666e78;margin:0 0 9px}
.map-info-contact{display:flex;flex-direction:column;gap:3px;margin:8px 0}
.map-info-contact a{font-size:12px;color:#555d67;text-decoration:none}
.map-info-actions{display:flex;gap:12px;margin-top:12px;flex-wrap:wrap}
.map-info-link{font-size:11px;color:#5e54dc!important;font-weight:700;text-decoration:none}
@media(max-width:980px){
  .distributor-layout{grid-template-columns:1fr}
  .distributor-map-wrap{min-height:500px}
  .distributor-results{border-left:0;border-top:1px solid #e0e3e7}
  .distributor-list{max-height:none}
}
@media(max-width:640px){
  .distributor-locator{padding:42px 0 60px}
  .distributor-toolbar{align-items:stretch;flex-direction:column}
  .distributor-country{min-width:0;width:100%}
  .distributor-layout{margin-left:-20px;margin-right:-20px;border-left:0;border-right:0}
  .distributor-map-wrap{min-height:390px}
}

/* OpenStreetMap / Leaflet – Meopta */
.distributor-osm-map{z-index:1}
.distributor-osm-map .leaflet-control-zoom{border:0!important;box-shadow:0 8px 24px rgba(20,24,31,.13)!important}
.distributor-osm-map .leaflet-control-zoom a{width:38px;height:38px;line-height:38px;border:0!important;border-bottom:1px solid #e3e5e8!important;color:#211d20;background:#fff}
.distributor-osm-map .leaflet-control-attribution{background:rgba(255,255,255,.88)!important;color:#707780;font-size:10px}
.distributor-osm-map .leaflet-control-attribution a{color:#5e54dc}
.distributor-osm-map .leaflet-popup-content-wrapper{border-radius:0;box-shadow:0 16px 42px rgba(20,24,31,.20)}
.distributor-osm-map .leaflet-popup-content{margin:18px 20px}
.meopta-marker-shell{background:transparent!important;border:0!important}
.meopta-marker{position:relative;display:block;width:30px;height:30px;border-radius:50% 50% 50% 8px;transform:rotate(-45deg);background:#665bea;border:3px solid #fff;box-shadow:0 6px 18px rgba(42,36,112,.32)}
.meopta-marker i{position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}


/* =========================================================
   Distributor detail
   ========================================================= */
.distributor-detail-hero{
  position:relative;overflow:hidden;isolation:isolate;
  min-height:430px;padding:150px 0 72px;
  color:#fff;background:
    radial-gradient(ellipse 62% 118% at 84% 24%,rgba(112,0,254,.25),rgba(25,29,35,0) 72%),
    linear-gradient(120deg,#211d20,#211d20);
  background-size:cover;background-position:center;
}
.distributor-detail-hero .wrap{position:relative;z-index:1}
.distributor-detail-hero .crumbs{margin-bottom:34px;color:#b5bcc6;font-size:.74rem}
.distributor-detail-hero .crumbs a{color:#fff}
.distributor-detail-title-row{display:flex;justify-content:space-between;gap:50px;align-items:flex-end}
.distributor-detail-hero h1{font-size:clamp(3rem,6vw,5.5rem);line-height:.96;letter-spacing:-.05em;margin:10px 0 18px;font-weight:520}
.distributor-detail-hero p{max-width:720px;margin:0;color:#d1d6dd;font-size:1.05rem;line-height:1.65}
.distributor-logo-box{width:190px;min-height:120px;padding:24px;background:rgba(255,255,255,.94);display:grid;place-items:center}
.distributor-logo-box img{max-width:100%;max-height:90px;object-fit:contain}
.distributor-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:64px;align-items:start}
.distributor-detail-copy h2{font-size:clamp(2.2rem,4vw,3.6rem);letter-spacing:-.04em;margin:8px 0 24px;color:#211d20}
.distributor-detail-copy .cms-richtext{font-size:1rem;line-height:1.8;color:#59616b}
.distributor-detail-contact{padding:30px;background:linear-gradient(145deg,#22262d,#171a1f);color:#fff}
.distributor-detail-contact h2{margin:7px 0 24px;font-size:1.65rem}
.distributor-detail-contact-list{margin-bottom:24px}
.distributor-detail-contact-list>div{padding:15px 0;border-top:1px solid rgba(255,255,255,.10)}
.distributor-detail-contact-list span{display:block;color:#9098a4;font-size:.7rem;margin-bottom:4px}
.distributor-detail-contact-list strong,.distributor-detail-contact-list a{display:block;color:#fff;font-size:.9rem;line-height:1.5;text-decoration:none}
.distributor-detail-contact .btn{width:100%;justify-content:center}
.distributor-detail-map-section{background:#f3f4f6;padding:0}
.distributor-detail-map{height:460px}
@media(max-width:900px){
  .distributor-detail-grid{grid-template-columns:1fr}
  .distributor-detail-title-row{align-items:flex-start;flex-direction:column}
  .distributor-logo-box{width:170px}
}
@media(max-width:640px){
  .distributor-detail-hero{min-height:390px;padding:126px 0 54px}
  .distributor-logo-box{width:150px;min-height:100px;padding:18px}
  .distributor-detail-map{height:350px}
}


/* Distributor detail cleanup */
.distributor-detail-hero h1{font-size:clamp(2.35rem,4.25vw,4.35rem);line-height:1.02;max-width:900px}
.distributor-logo-box{width:190px;min-height:0;padding:0;background:transparent;display:flex;align-items:center;justify-content:center}
.distributor-logo-box img{display:block;max-width:100%;max-height:105px;width:auto;height:auto;object-fit:contain}
.distributor-detail-copy>.eyebrow{margin-bottom:22px}
.distributor-detail-copy .cms-richtext>:first-child{margin-top:0}
.distributor-detail-contact>.eyebrow{margin-bottom:20px}
.distributor-detail-contact-list{margin-top:0}
@media(max-width:640px){
 .distributor-detail-hero h1{font-size:clamp(2.15rem,10vw,3.15rem)}
 .distributor-logo-box{width:140px}
 .distributor-logo-box img{max-height:80px}
}


/* Homepage – full bleed distributor map */
.home-distributor-map-section{
    width:100%;
    margin:0;
    padding:0;
    background:#e9ebee;
    overflow:hidden;
}
.home-distributor-map{
    width:100%;
    height:520px;
    min-height:520px;
}
.home-distributor-map .leaflet-control-zoom{
    border:0!important;
    box-shadow:0 8px 24px rgba(20,24,31,.13)!important;
}
.home-distributor-map .leaflet-control-zoom a{
    width:40px;
    height:40px;
    line-height:40px;
    border:0!important;
    border-bottom:1px solid #e3e5e8!important;
    color:#211d20;
    background:#fff;
}
.home-distributor-map .leaflet-control-attribution{
    background:rgba(255,255,255,.88)!important;
    color:#707780;
    font-size:10px;
}
.home-distributor-map .leaflet-popup-content-wrapper{
    border-radius:0;
    box-shadow:0 16px 42px rgba(20,24,31,.20);
}
.home-distributor-map .leaflet-popup-content{
    margin:18px 20px;
}
.home-map-detail{
    display:inline-block;
    margin-top:10px;
    color:#5e54dc;
    font-size:.74rem;
    font-weight:800;
    text-decoration:none;
}
@media(max-width:760px){
    .home-distributor-map{
        height:420px;
        min-height:420px;
    }
}


/* ===== Cookie consent v2 + back to top + form result anchors ===== */
.form-status-anchor{position:relative;top:-110px;visibility:hidden;height:0;overflow:hidden}

.cookie-banner{position:fixed;left:22px;right:22px;bottom:22px;z-index:99990;color:#fff}
.cookie-banner[hidden],.cookie-settings-panel[hidden],.cookie-overview[hidden]{display:none!important}
.cookie-banner-inner{width:min(1180px,100%);margin:auto;display:block;grid-template-columns:none;padding:0;background:#211d20;border:1px solid rgba(255,255,255,.11);box-shadow:0 24px 70px rgba(0,0,0,.34);position:relative;overflow:hidden}
.cookie-banner-inner:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 40% 180% at 82% 20%,rgba(112,0,254,.20),transparent 72%)}
.cookie-banner-inner>*{position:relative;z-index:1}
.cookie-overview{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 20px}
.cookie-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);font-weight:850;color:#9b92ff}
.cookie-copy strong,.cookie-settings-head strong{font-size:15px;color:#fff}
.cookie-copy p,.cookie-settings-head p,.cookie-category p{margin:4px 0 0;color:#b9c0c9;font-size:12px;line-height:1.5}
.cookie-copy p{max-width:700px}
.cookie-actions,.cookie-settings-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.cookie-btn{border:1px solid rgba(255,255,255,.17);padding:11px 14px;font:inherit;font-size:11px;font-weight:800;cursor:pointer;transition:.2s ease}
.cookie-btn-secondary{background:rgba(255,255,255,.04);color:#fff}
.cookie-btn-primary{background:#7000fe!important;border-color:#7000fe!important;color:#fff!important}
.cookie-btn:hover{transform:translateY(-1px)}
.cookie-settings-panel{padding:20px}
.cookie-settings-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.10)}
.cookie-settings-head p{max-width:760px}
.cookie-settings-back{border:0;background:transparent;color:#c9c4ff;font:inherit;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap;padding:4px 0}
.cookie-category-list{display:grid;gap:0}
.cookie-category{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.08);cursor:pointer}
.cookie-category strong{font-size:13px;color:#fff}
.cookie-category p{max-width:800px}
.cookie-always{color:#a8b0ba;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.cookie-switch{position:relative;width:44px;height:24px;display:block;flex:none}
.cookie-switch input{position:absolute;opacity:0;pointer-events:none}
.cookie-switch span{position:absolute;inset:0;border-radius:999px;background:#535862;border:1px solid rgba(255,255,255,.15);transition:.2s ease}
.cookie-switch span:after{content:"";position:absolute;width:18px;height:18px;left:2px;top:2px;border-radius:50%;background:#fff;transition:.2s ease}
.cookie-switch input:checked+span{background:#7000fe;border-color:#8c35ff}
.cookie-switch input:checked+span:after{transform:translateX(20px)}
.cookie-switch input:focus-visible+span{outline:2px solid #fff;outline-offset:3px}
.cookie-settings-actions{justify-content:flex-end;padding-top:16px}
.cookie-reopen{position:fixed;right:14px;bottom:14px;z-index:99980;border:1px solid #dfe2e6;background:rgba(255,255,255,.92);color:#5d6570;padding:7px 9px;font:inherit;font-size:10px;font-weight:750;cursor:pointer;box-shadow:0 5px 18px rgba(20,24,31,.08)}

.back-to-top{position:fixed;left:18px;bottom:18px;z-index:99970;width:46px;height:46px;border-radius:50%;border:0;background:#7000fe;color:#fff;display:grid;place-items:center;font:inherit;font-size:20px;font-weight:700;cursor:pointer;box-shadow:0 12px 30px rgba(55,32,120,.28);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease,background .2s ease}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top:hover{background:#5e00d7;transform:translateY(-2px)}
.back-to-top:focus-visible{outline:2px solid #fff;outline-offset:3px}

@media(max-width:760px){
  .form-status-anchor{top:-86px}
  .cookie-banner{left:10px;right:10px;bottom:10px}
  .cookie-overview{grid-template-columns:1fr;padding:18px;gap:12px}
  .cookie-mark{display:none}
  .cookie-actions{display:grid;grid-template-columns:1fr;gap:7px}
  .cookie-btn{width:100%}
  .cookie-settings-panel{padding:16px}
  .cookie-settings-head{display:block}
  .cookie-settings-back{margin-top:10px}
  .cookie-category{gap:12px}
  .cookie-settings-actions{display:grid;grid-template-columns:1fr;gap:7px}
  .back-to-top{left:12px;bottom:12px;width:44px;height:44px}
}

/* ===== Záměrné osnovy ===== */
.reticle-series-section{margin:0 0 58px}
.reticle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:42px;row-gap:38px}
.reticle-card{background:transparent;border:0;padding:0;min-width:0}
.reticle-image{aspect-ratio:1/1;background:transparent;display:grid;place-items:center;overflow:hidden;margin-bottom:12px}
.reticle-image img{width:100%;height:100%;object-fit:contain}
.reticle-image>span{font-size:42px;color:#bbb}
.reticle-card h3{font-size:19px;margin:0 0 8px}
.reticle-card small{display:block;color:#838b95;margin-top:-3px}
.reticle-products{display:flex;flex-direction:column;gap:6px;margin-top:14px;padding-top:12px;border-top:1px solid #eceef1}
.reticle-products>span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#89919a;font-weight:800}
.reticle-products a{font-size:12px;color:#7000fe;text-decoration:none;font-weight:700}
.reticle-products a:hover{text-decoration:underline}
@media(max-width:1050px){.reticle-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.reticle-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.reticle-grid{grid-template-columns:1fr}}

.support-reticles-direct{padding-top:0}
.support-reticles-direct .support-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;border:1px solid #e2e5e9;background:#f5f6f8;text-decoration:none;color:inherit}
.support-reticles-direct .support-card h2{margin:4px 0 8px}
.support-reticles-direct .support-card p{margin:0;color:#6f7782}
.support-reticles-direct .support-arrow{font-size:28px;color:#7000fe}

.product-reticles{background:#fff!important}
.product-reticles .reticle-card,.product-reticles .reticle-image{background:#fff!important}

/* v6.7 – homepage product carousel + support icons */
.home-products-carousel{position:relative;padding:0 48px}.home-products-viewport{overflow:hidden;scroll-behavior:smooth}.home-products-track{display:flex;gap:15px}.home-products-track .db-product-card{flex:0 0 calc((100% - 30px)/3);min-width:0}.home-product-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:38px;height:38px;border:1px solid #dedbe0;border-radius:50%;background:#fff;color:#211d20;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 8px 22px #211d2014}.home-product-nav:hover{border-color:#7000fe;color:#7000fe}.home-product-nav.prev{left:0}.home-product-nav.next{right:0}
.support-grid{grid-template-columns:repeat(4,1fr)}.support-card{display:flex;align-items:flex-start;gap:18px}.support-card-icon{flex:0 0 48px;width:48px;height:48px;border:1px solid #dedbe0;border-radius:50%;display:grid;place-items:center;color:#7000fe;font-size:22px;font-weight:700}.support-card b{color:#7000fe;font-size:18px}.reticle-symbol{font-size:27px}
@media(max-width:960px){.home-products-track .db-product-card{flex-basis:calc((100% - 15px)/2)}.support-grid{grid-template-columns:1fr 1fr}.support-card{border-bottom:1px solid #dde1e6}}
@media(max-width:640px){.home-products-carousel{padding:0 36px}.home-products-track .db-product-card{flex-basis:100%}.support-grid{grid-template-columns:1fr}}

/* v6.8 – carousel breathing room; clean centered support icons */
.home-products-carousel{padding:28px 0 34px}
.home-products-viewport{padding:18px 0 24px;margin:-18px 0 -24px}
.home-product-nav{display:none!important}
.support-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.support-card-icon{width:auto;height:auto;flex:0 0 auto;border:0!important;border-radius:0!important;background:transparent!important;display:block;color:#7000fe;font-size:30px;line-height:1;margin:0 0 8px}
.support-card>div{width:100%;display:flex;flex-direction:column;align-items:center}
.support-card h3,.support-card p{width:100%;text-align:center}
.reticle-symbol{font-size:34px}
@media(max-width:640px){.home-products-carousel{padding:24px 0 30px}}


/* ===== Homepage: doporučené produkty / Načíst více ===== */
.home-featured-products .home-products-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  padding:14px 0 18px;
}
.home-featured-products .home-featured-card{
  min-width:0;
  opacity:1;
  transform:translateY(0);
  transition:opacity .3s ease,transform .3s ease,box-shadow .2s ease;
  transition-delay:var(--reveal-delay,0ms);
}
.home-featured-products .home-featured-card.is-hidden{
  display:none;
}
.home-products-loadmore-wrap{
  display:flex;
  justify-content:center;
  padding-top:24px;
}
.home-products-loadmore{
  appearance:none;
  border:0;
  background:linear-gradient(90deg,var(--accent),var(--accent2));
  box-shadow:0 10px 30px rgba(92,82,255,.25);
  color:#fff;
  padding:13px 28px;
  min-width:150px;
  font:inherit;
  font-weight:800;
  cursor:pointer;
  transition:background .18s ease,transform .18s ease;
}
.home-products-loadmore:hover{
  transform:translateY(-1px);
  box-shadow:0 13px 34px rgba(92,82,255,.34);
}
.home-products-loadmore:focus-visible{
  outline:3px solid rgba(112,0,254,.24);
  outline-offset:3px;
}
@media(max-width:900px){
  .home-featured-products .home-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .home-featured-products .home-products-grid{grid-template-columns:1fr}
}


/* ===== Jednodušší mapa distributorů – detail i homepage =====
   OSM zůstává zdrojem dat, ale podklad je vizuálně potlačený,
   aby byly hlavním prvkem markery distributorů. */
.distributor-osm-map,
.home-distributor-map,
.distributor-detail-map{
  background:#eef0f2;
}
.distributor-osm-map .leaflet-tile-pane,
.home-distributor-map .leaflet-tile-pane,
.distributor-detail-map .leaflet-tile-pane{
  filter:grayscale(1) saturate(.12) contrast(.78) brightness(1.16);
  opacity:.68;
}
.distributor-osm-map .leaflet-overlay-pane,
.home-distributor-map .leaflet-overlay-pane,
.distributor-detail-map .leaflet-overlay-pane{
  opacity:.92;
}
.distributor-osm-map .leaflet-control-zoom,
.home-distributor-map .leaflet-control-zoom,
.distributor-detail-map .leaflet-control-zoom{
  opacity:.82;
}
.home-distributor-map .leaflet-control-attribution,
.distributor-detail-map .leaflet-control-attribution{
  opacity:.58;
}
.distributor-country-code{
  background:rgba(112,0,254,.08);
  color:#7000fe;
  max-width:100%;
}

.distributor-detail-map .leaflet-popup-content-wrapper{
  border-radius:0;
  box-shadow:0 12px 34px rgba(33,29,32,.16);
}
.distributor-detail-map .leaflet-popup-content{
  margin:14px 16px;
  font-size:12px;
  font-weight:700;
  color:#211d20;
}
.distributor-detail-map .leaflet-popup-tip{
  box-shadow:none;
}


/* =========================================================
   Distributor detail – kompaktní kontaktní boxy
   ========================================================= */
.distributor-detail-info{
  padding:58px 0 68px;
}
.distributor-detail-about{
  max-width:900px;
  margin:0 auto 34px;
  text-align:center;
}
.distributor-detail-about .eyebrow{
  margin-bottom:12px;
}
.distributor-detail-lead{
  margin:0 auto;
  max-width:820px;
  color:#626a74;
  font-size:1rem;
  line-height:1.7;
}
.distributor-detail-about .cms-richtext{
  margin-top:16px;
  color:#626a74;
}
.distributor-contact-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.distributor-contact-box{
  min-width:0;
  padding:24px 22px 26px;
  border:1px solid #e5e7ea;
  background:#fff;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.distributor-contact-box:hover{
  border-color:rgba(112,0,254,.28);
  box-shadow:0 12px 30px rgba(33,29,32,.07);
  transform:translateY(-2px);
}
.distributor-contact-label{
  display:block;
  margin-bottom:12px;
  color:#7000fe;
  font-size:.7rem;
  font-weight:850;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.distributor-contact-box strong,
.distributor-contact-box a{
  display:block;
  color:#211d20;
  font-size:.96rem;
  line-height:1.5;
  font-weight:700;
  text-decoration:none;
  overflow-wrap:anywhere;
}
.distributor-contact-box a:hover{
  color:#7000fe;
}
.distributor-detail-back{
  display:flex;
  justify-content:center;
  padding-top:28px;
}
.distributor-detail-back .btn{
  min-width:190px;
  text-align:center;
}
@media(max-width:1050px){
  .distributor-contact-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:620px){
  .distributor-detail-info{
    padding:40px 0 48px;
  }
  .distributor-detail-about{
    margin-bottom:26px;
    text-align:left;
  }
  .distributor-contact-grid{
    grid-template-columns:1fr;
  }
  .distributor-contact-box{
    padding:20px 19px 22px;
  }
}


/* Homepage hero video */
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 50%;filter:saturate(.9) brightness(.82) contrast(1.02)}
@media (prefers-reduced-motion:reduce){.hero-video{display:none}.hero-media:has(.hero-video[poster]){background:#06080b}}


/* v6.10 – riflescope series groups + support mega menu */
.product-series-group{margin:0 0 54px}
.product-series-heading{display:flex;align-items:baseline;gap:14px;margin:0 0 20px;padding:0 0 14px;border-bottom:1px solid #e5e6e9}
.product-series-heading span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#7000fe}
.product-series-heading h2{margin:0;color:#211d20;font-size:28px;line-height:1.1;font-weight:600;letter-spacing:-.025em}
.support-mega-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025)}
.support-mega-grid>a{min-height:175px;padding:28px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-decoration:none;color:#fff;border-right:1px solid rgba(255,255,255,.1);transition:.25s ease}
.support-mega-grid>a:last-child{border-right:0}.support-mega-grid>a:hover{background:rgba(112,0,254,.1)}
.support-mega-grid .support-card-icon{color:#8d43ff;font-size:31px;margin:0 0 16px;border:0!important;background:none!important;width:auto;height:auto}
.support-mega-grid .reticle-symbol{font-size:35px}.support-mega-grid strong{font-size:15px;margin-bottom:7px}.support-mega-grid small{color:#969eaa;line-height:1.45}
.mobile-support-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.10);text-transform:uppercase;font-size:.88rem;font-weight:750;letter-spacing:.04em;color:inherit}
.mobile-support-list{max-height:0;overflow:hidden;transition:max-height .3s ease;background:#0d1117}.mobile-support-list.open{max-height:260px}.mobile-support-list a{display:block;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.06);color:#b7bec8;font-size:.84rem}
@media(max-width:960px){.support-mega-grid{grid-template-columns:1fr 1fr}.product-series-heading h2{font-size:24px}}

/* v6.11 – support mega mirrors Products menu, icon instead of product image */
.support-mega-products{grid-template-columns:repeat(4,1fr)}
.support-mega-product{grid-template-columns:minmax(112px,.72fr) minmax(0,1.28fr)}
.support-mega-icon{min-height:190px;display:grid;place-items:center;background:#f5f6f8;overflow:hidden}
.support-mega-icon::after{background:linear-gradient(135deg,transparent 48%,rgba(112,0,254,.065))}
.support-mega-icon span{position:relative;z-index:1;display:block;color:#7000fe;font-size:52px;font-weight:500;line-height:1;transition:transform .35s ease}
.support-mega-product:hover .support-mega-icon span{transform:scale(1.08)}
.support-mega-icon .reticle-symbol{font-size:58px}
.support-mega-product .mega-copy{padding:24px 20px}
.support-mega-product .mega-copy h3{font-size:1.08rem}
.support-mega-product .mega-copy p{font-size:.78rem}
@media(max-width:1180px){.support-mega-products{grid-template-columns:repeat(2,1fr)}}


/* =========================================================
   v6.12 – Meopta optical motion language
   Airy disc / glass / precision. Lightweight CSS + vanilla JS.
   ========================================================= */
:root{
  --meopta-dark:#211d20;
  --meopta-violet:#7000fe;
  --optic-x:50%;
  --optic-y:50%;
}

/* HERO — subtle optical signature over the existing video/image */
.hero-optics{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;mix-blend-mode:screen;opacity:.88}
.hero-optic-disc,.hero-optic-rings,.hero-optic-lines{position:absolute;display:block;pointer-events:none}
.hero-optic-disc{
  width:min(43vw,680px);aspect-ratio:1;border-radius:50%;right:-7vw;top:50%;transform:translateY(-48%);
  background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.04) 0 16%,rgba(99,176,255,.30) 27%,rgba(112,0,254,.18) 42%,rgba(84,147,255,.10) 55%,transparent 68%);
  filter:blur(11px);opacity:.72;animation:opticBreathe 8s ease-in-out infinite;
}
.hero-optic-rings{
  width:min(34vw,540px);aspect-ratio:1;border-radius:50%;right:-2vw;top:50%;transform:translateY(-50%);
  border:1px solid rgba(139,188,255,.20);
  box-shadow:0 0 22px rgba(93,154,255,.24),inset 0 0 28px rgba(112,0,254,.16),0 0 0 20px rgba(112,0,254,.025),0 0 0 46px rgba(89,155,255,.018);
  opacity:.52;
}
.hero-optic-lines{inset:0;right:0;left:auto;width:48%;opacity:.20;background:repeating-linear-gradient(90deg,transparent 0 11px,rgba(255,255,255,.09) 12px,transparent 13px 19px);mask-image:linear-gradient(90deg,transparent,#000 32%,#000 80%,transparent)}
.hero.is-optic-active .hero-optic-lines{animation:opticLines 13s linear infinite}
@keyframes opticBreathe{0%,100%{transform:translateY(-48%) scale(.95);opacity:.52;filter:blur(14px)}50%{transform:translateY(-48%) scale(1.035);opacity:.82;filter:blur(8px)}}
@keyframes opticLines{from{background-position:0 0}to{background-position:160px 0}}

/* Scroll bridge between hero and content — the brand's Airy Disc becomes glass */
.optical-signature{height:220px;background:#080a0d;position:relative;overflow:hidden;isolation:isolate}
.optical-signature::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 18%,rgba(255,255,255,.025) 50%,transparent 82%);opacity:.6}
.optical-signature-stage{position:absolute;left:50%;top:50%;width:min(82vw,1120px);height:190px;transform:translate(-50%,-50%);overflow:hidden}
.optical-signature-halo,.optical-signature-core,.optical-signature-glass{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);display:block}
.optical-signature-halo{width:360px;height:360px;filter:blur(16px);opacity:.12;transition:1.2s cubic-bezier(.2,.8,.2,1)}
.optical-signature .halo-a{background:radial-gradient(circle,transparent 26%,rgba(76,165,255,.75) 37%,rgba(112,0,254,.34) 49%,transparent 64%)}
.optical-signature .halo-b{width:470px;height:470px;background:radial-gradient(circle,transparent 38%,rgba(128,190,255,.34) 43%,transparent 57%);filter:blur(7px)}
.optical-signature-core{width:176px;height:176px;background:radial-gradient(circle,rgba(40,72,135,.34),rgba(24,67,133,.08) 42%,transparent 68%);box-shadow:0 0 55px rgba(87,153,255,.16);opacity:.35;transition:1.1s ease}
.optical-signature-glass{width:430px;height:190px;border-radius:22px;background:repeating-linear-gradient(90deg,rgba(160,192,255,.0) 0 7px,rgba(176,200,255,.08) 8px,rgba(255,255,255,.025) 10px,transparent 14px);mask-image:radial-gradient(ellipse at center,#000 18%,rgba(0,0,0,.8) 45%,transparent 76%);opacity:.1;transform:translate(-50%,-50%) scaleX(.82);transition:1.25s cubic-bezier(.16,1,.3,1)}
.optical-signature.in-view .optical-signature-halo{opacity:.74;transform:translate(-50%,-50%) scale(1.05)}
.optical-signature.in-view .optical-signature-core{opacity:.82;transform:translate(-50%,-50%) scale(1.08)}
.optical-signature.in-view .optical-signature-glass{opacity:.8;transform:translate(-50%,-50%) scaleX(1.2)}

/* Story image — glass scan instead of ordinary photo reveal */

/* Product / category cards — light follows pointer, no loud jumping */
.db-product-card,.catalog-card,.quick-card,.reticle-card{--card-x:50%;--card-y:50%;position:relative;isolation:isolate}
.db-product-card::before,.catalog-card::before,.quick-card::before,.reticle-card::before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:radial-gradient(260px circle at var(--card-x) var(--card-y),rgba(112,0,254,.13),rgba(90,156,255,.07) 32%,transparent 67%);opacity:0;transition:opacity .32s ease}
.db-product-card:hover::before,.catalog-card:hover::before,.quick-card:hover::before,.reticle-card:hover::before{opacity:1}
.db-product-card>* ,.catalog-card>* ,.quick-card>* ,.reticle-card>*{position:relative;z-index:1}
.db-product-card .visual img,.catalog-card img{transition:transform .6s cubic-bezier(.2,.75,.2,1),filter .45s ease}
.db-product-card:hover .visual img,.catalog-card:hover img{transform:translateY(-3px) scale(1.025);filter:drop-shadow(0 22px 28px rgba(33,29,32,.17))}

/* Technical section — optical lamella sweep */
.tech-grid{position:relative;isolation:isolate}
.tech-grid::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 19px,rgba(151,185,255,.032) 20px,transparent 22px 31px);opacity:0;transform:translateX(-9%);transition:opacity .7s ease,transform 1.8s cubic-bezier(.16,1,.3,1)}
.tech-grid.in-view::after{opacity:1;transform:translateX(7%)}
.tech-item{position:relative;z-index:1;transition:background .3s ease}
.tech-item:hover{background:rgba(112,0,254,.055)}

/* PRODUCT DETAIL — a living optical stage behind the product */
.optical-product-stage{isolation:isolate;--product-tilt-x:0px;--product-tilt-y:0px}
.product-optic-signature{position:absolute;z-index:0;left:50%;top:50%;width:min(82%,480px);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;opacity:.72}
.product-optic-signature span,.product-optic-signature i{position:absolute;inset:0;border-radius:50%;display:block}
.product-optic-signature span{background:radial-gradient(circle,rgba(93,155,255,.07) 0 25%,rgba(112,0,254,.13) 35%,rgba(71,158,255,.12) 46%,transparent 62%);filter:blur(8px);animation:productHalo 7s ease-in-out infinite}
.product-optic-signature i{inset:10%;border:1px solid rgba(112,0,254,.16);box-shadow:0 0 24px rgba(89,151,255,.12),inset 0 0 26px rgba(112,0,254,.07)}
.optical-product-stage>img{transform:translate(var(--product-tilt-x),var(--product-tilt-y));transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s ease}
.optical-product-stage:hover>img{filter:drop-shadow(0 36px 32px rgba(0,0,0,.23))}
@keyframes productHalo{0%,100%{transform:scale(.94);opacity:.65}50%{transform:scale(1.05);opacity:1}}

.optical-copy{position:relative}
.optical-copy-line{width:0;height:2px;margin:0 0 18px;background:linear-gradient(90deg,#7000fe,rgba(86,157,255,.75),transparent);box-shadow:0 0 18px rgba(112,0,254,.26);transition:width 1.1s cubic-bezier(.16,1,.3,1)}
.product-clean-intro.in-view .optical-copy-line,.optical-copy.in-view .optical-copy-line{width:min(220px,44%)}
.product-feature-list li{opacity:0;transform:translateX(14px);transition:opacity .45s ease,transform .45s ease}
.product-clean-intro.in-view .product-feature-list li{opacity:1;transform:none}
.product-clean-intro.in-view .product-feature-list li:nth-child(1){transition-delay:.12s}.product-clean-intro.in-view .product-feature-list li:nth-child(2){transition-delay:.2s}.product-clean-intro.in-view .product-feature-list li:nth-child(3){transition-delay:.28s}.product-clean-intro.in-view .product-feature-list li:nth-child(4){transition-delay:.36s}.product-clean-intro.in-view .product-feature-list li:nth-child(5){transition-delay:.44s}

/* Specs / downloads reveal like calibrated instruments */
.specs tr,.resource-item,.reticle-card{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}
.specs.is-animated tr,.resource-list.is-animated .resource-item,.reticle-grid.is-animated .reticle-card{opacity:1;transform:none}
.specs.is-animated tr:nth-child(2),.resource-list.is-animated .resource-item:nth-child(2),.reticle-grid.is-animated .reticle-card:nth-child(2){transition-delay:.05s}
.specs.is-animated tr:nth-child(3),.resource-list.is-animated .resource-item:nth-child(3),.reticle-grid.is-animated .reticle-card:nth-child(3){transition-delay:.10s}
.specs.is-animated tr:nth-child(4),.resource-list.is-animated .resource-item:nth-child(4),.reticle-grid.is-animated .reticle-card:nth-child(4){transition-delay:.15s}
.specs.is-animated tr:nth-child(5),.resource-list.is-animated .resource-item:nth-child(5),.reticle-grid.is-animated .reticle-card:nth-child(5){transition-delay:.20s}
.specs.is-animated tr:nth-child(n+6){transition-delay:.25s}

/* Map markers arrive as a network, not as bouncing pins */
.home-distributor-map .meopta-marker-shell,.distributor-osm-map .meopta-marker-shell{opacity:0;transform:scale(.72);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.9,.25,1)}
.home-distributor-map.map-optics-ready .meopta-marker-shell,.distributor-osm-map.map-optics-ready .meopta-marker-shell{opacity:1;transform:scale(1)}
.meopta-marker{filter:drop-shadow(0 0 7px rgba(112,0,254,.28))}

@media(max-width:900px){
  .hero-optic-lines{width:72%}.hero-optic-disc{right:-25vw;width:78vw}.hero-optic-rings{right:-18vw;width:66vw}
  .optical-signature{height:160px}.optical-signature-stage{height:145px}.optical-signature-halo{width:280px;height:280px}.optical-signature .halo-b{width:360px;height:360px}.optical-signature-glass{width:330px;height:145px}
}
@media(max-width:640px){
  .hero-optics{opacity:.5}.hero-optic-lines{display:none}.optical-signature{height:130px}
  .story-visual::before{width:165px;height:165px}
}
@media(prefers-reduced-motion:reduce){
  .hero-optic-disc,.hero-optic-lines,.product-optic-signature span{animation:none!important}
  .optical-signature-halo,.optical-signature-core,.optical-signature-glass,.product-feature-list li,.specs tr,.resource-item,.reticle-card{transition:none!important}
  .optical-signature-halo,.optical-signature-core,.optical-signature-glass,.product-feature-list li,.specs tr,.resource-item,.reticle-card{opacity:1!important;transform:none!important}
  .optical-copy-line{width:min(220px,44%)!important;transition:none!important}
}


/* =========================================================
   v6.13 – refined optical language
   No optical ornament inside homepage hero. One restrained
   Airy-disc / fluted-glass motif is reused on dark surfaces.
   ========================================================= */

/* Old v6.12 hero/bridge artwork is intentionally disabled. */
.hero-optics,
.optical-signature{display:none!important}

/* Reusable brand orb inserted by JS into dark surfaces. */
.brand-dark-field{position:relative!important;overflow:hidden!important;isolation:isolate}
.brand-dark-field > :not(.brand-optic-orb){position:relative;z-index:1}
.brand-optic-orb{
  --orb-scale:1;
  --orb-shift:0px;
  position:absolute;
  z-index:0;
  width:clamp(290px,34vw,620px);
  aspect-ratio:1;
  right:clamp(-210px,-9vw,-70px);
  top:50%;
  transform:translate3d(0,calc(-50% + var(--orb-shift)),0) scale(var(--orb-scale));
  pointer-events:none;
  opacity:.30;
  filter:blur(.15px);
  transition:opacity .45s ease;
  will-change:transform;
}
.brand-dark-field.orb-left .brand-optic-orb{right:auto;left:clamp(-220px,-10vw,-80px)}
.brand-optic-orb::before,
.brand-optic-orb::after,
.brand-optic-orb span{content:"";position:absolute;inset:0;border-radius:50%;display:block}

/* Soft blue Airy ring with deliberately feathered edges. */
.brand-optic-orb::before{
  inset:8%;
  background:
    radial-gradient(circle at 50% 50%,
      rgba(73,129,210,.16) 0 34%,
      rgba(86,158,255,.30) 39%,
      rgba(140,202,255,.78) 44%,
      rgba(85,151,255,.38) 49%,
      rgba(112,0,254,.13) 56%,
      transparent 70%);
  filter:blur(10px);
  box-shadow:0 0 62px rgba(72,145,255,.15);
}

/* Vertical optical ribs, clipped into the disc and fading at edge. */
.brand-optic-orb::after{
  inset:7%;
  background:repeating-linear-gradient(
    90deg,
    rgba(173,213,255,.02) 0 8px,
    rgba(191,224,255,.18) 9px,
    rgba(82,134,214,.07) 11px,
    transparent 14px 21px
  );
  -webkit-mask-image:radial-gradient(circle,#000 0 47%,rgba(0,0,0,.88) 57%,rgba(0,0,0,.28) 67%,transparent 76%);
  mask-image:radial-gradient(circle,#000 0 47%,rgba(0,0,0,.88) 57%,rgba(0,0,0,.28) 67%,transparent 76%);
  filter:blur(.5px);
  opacity:.78;
}
.brand-optic-orb span{
  inset:16%;
  background:radial-gradient(circle,rgba(63,109,184,.20),rgba(35,76,148,.07) 47%,transparent 73%);
  filter:blur(7px);
}

/* Keep the motif understated in compact/dense dark blocks. */
.quick .brand-optic-orb{width:400px;opacity:.13;right:-135px;top:44%}
.tech .brand-optic-orb{opacity:.22}
.dealer .brand-optic-orb{opacity:.12}
.section.graphite .brand-optic-orb,.cms-bg-graphite .brand-optic-orb{opacity:.21}
.page-hero .brand-optic-orb,.cms-page-head .brand-optic-orb,.product-simple-head .brand-optic-orb{opacity:.18}
footer .brand-optic-orb{width:clamp(440px,46vw,760px);opacity:.20;right:-150px;top:44%}

/* Retire older broad purple footer/map atmosphere in favour of the disc. */
footer::before{opacity:.08!important}
.dealer .map::before,.dealer .map::after{opacity:.32!important}

/* Products and Support: milky optical glass, not a solid white panel. */
.mega-menu{
  background:rgba(247,248,250,.76)!important;
  -webkit-backdrop-filter:blur(28px) saturate(150%);
  backdrop-filter:blur(28px) saturate(150%);
  border-top:1px solid rgba(255,255,255,.78)!important;
  border-bottom:1px solid rgba(33,29,32,.10)!important;
  box-shadow:0 28px 70px rgba(18,20,26,.18),inset 0 1px 0 rgba(255,255,255,.85)!important;
}
.mega-menu::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.48),rgba(255,255,255,.10) 48%,rgba(112,0,254,.035));
}
.mega-menu .mega-inner{position:relative;z-index:1}
.mega-product{
  background:rgba(255,255,255,.56)!important;
  border-color:rgba(255,255,255,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 10px 28px rgba(28,31,38,.045);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.mega-product:hover{
  background:rgba(255,255,255,.80)!important;
  border-color:rgba(112,0,254,.24)!important;
  box-shadow:0 16px 34px rgba(28,31,38,.09),inset 0 1px 0 #fff!important;
}
.mega-image,.support-mega-icon{
  background:
    radial-gradient(circle at 52% 48%,rgba(112,0,254,.07),transparent 40%),
    linear-gradient(145deg,rgba(255,255,255,.48),rgba(232,235,241,.50))!important;
}
.support-mega-icon{border-right:1px solid rgba(33,29,32,.055)}

/* Distributor network motion is intentionally quieter. */
.home-distributor-map .meopta-marker-shell,
.distributor-osm-map .meopta-marker-shell{
  transform:scale(.92);
  transition:opacity .8s ease,transform .8s cubic-bezier(.2,.9,.25,1)
}
.home-distributor-map.map-optics-ready .meopta-marker-shell,
.distributor-osm-map.map-optics-ready .meopta-marker-shell{transform:scale(1)}
.meopta-marker{filter:drop-shadow(0 0 3px rgba(112,0,254,.10))!important}

@media(max-width:900px){
  .brand-optic-orb{width:390px;opacity:.18;right:-180px}
  .brand-dark-field.orb-left .brand-optic-orb{left:-180px}
  footer .brand-optic-orb{width:520px;right:-250px}
  .mega-menu{-webkit-backdrop-filter:blur(20px) saturate(135%);backdrop-filter:blur(20px) saturate(135%)}
}
@media(prefers-reduced-motion:reduce){
  .brand-optic-orb{transform:translateY(-50%)!important;will-change:auto}
}


/* =========================================================
   v6.14 – clean motion pass
   Keep only the original ambient glow on dark surfaces.
   No persistent/scrolling Airy discs. Product-card pointer glow stays.
   ========================================================= */

/* No injected Airy-disc ornament anywhere on dark sections/footer. */
.brand-optic-orb{display:none!important}

/* Restore the original ambient violet/blue illumination. */
footer::before{opacity:1!important}

/* Product detail image stays clean – no permanent optical ring/stage. */
.product-optic-signature{display:none!important}
.product-gallery-main>img{transform:none}

/* Preserve the subtle pointer-following light only on product/category cards. */
.db-product-card::before,
.catalog-card::before,
.quick-card::before,
.reticle-card::before{display:block}

/* Defensive reset in case an old cached script had added helper classes. */
.brand-dark-field{isolation:auto!important}
.brand-dark-field > :not(.brand-optic-orb){position:static}
.inner-page .page-hero.brand-dark-field > .wrap,
.inner-page .cms-page-head.brand-dark-field > .wrap,
.inner-page .product-simple-head.brand-dark-field > .wrap,
footer.brand-dark-field > *{position:relative;z-index:1}

/* Product header uses the established compact layout and original glow. */
.inner-page .product-simple-head{
  min-height:0!important;
  height:auto!important;
  padding:132px 0 34px!important;
}
@media(max-width:960px){
  .inner-page .product-simple-head{padding:118px 0 28px!important}
}

/* =========================================================
   v6.15 – Technology strip: original static treatment
   No added optical sweep or hover animation in this section.
   ========================================================= */
.tech-grid::after{content:none!important;display:none!important}
.tech-item{transition:none!important}
.tech-item:hover{background:rgba(255,255,255,.012)!important}

/* =========================================================
   v6.15 – Reticles stay clean and static
   Reticle drawings are technical content, so no card glow,
   pointer-light or stagger/reveal motion is applied here.
   Product-card hover glow remains unchanged elsewhere.
   ========================================================= */
.reticle-card{
  opacity:1!important;
  transform:none!important;
  transition:none!important;
  isolation:auto!important;
}
.reticle-card::before{
  content:none!important;
  display:none!important;
}
.reticle-grid .reticle-card,
.reticle-grid.is-animated .reticle-card{
  opacity:1!important;
  transform:none!important;
  transition:none!important;
}
.reticle-image{
  transform:none!important;
  filter:none!important;
}

/* ===== v17 clean white product imagery ===== */
.db-product-card .visual,
.catalog-card .visual,
.product-card .product-image,
.catalog-card .product-image,
.product-tile .product-image,
.card-product-image{background:transparent !important;background-image:none !important;}

/* Product listing: clean image area */
.db-product-card .visual,.catalog-card .visual,.product-card .product-image,.catalog-card .product-image,.product-title .product-image,.card-product-image{background:transparent !important;background-image:none !important;}
.db-product-card .visual::before,.db-product-card .visual::after{background:transparent !important;}

/* v6.13 – mobile Support accordion aligned with Products */
@media(max-width:960px){
  .mobile-menu-inner>a,
  .mobile-products-toggle,
  .mobile-support-toggle{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:18px 0;
    margin:0;
    border:0;
    border-bottom:1px solid #e5e7ea;
    background:transparent !important;
    color:#211d20 !important;
    text-transform:uppercase;
    font-size:.88rem;
    font-weight:750;
    letter-spacing:.04em;
    text-align:left;
    box-shadow:none !important;
    appearance:none;
  }

  .mobile-products-list,
  .mobile-support-list{
    max-height:0;
    overflow:hidden;
    transition:max-height .3s ease;
    background:#f5f6f8 !important;
    color:#555d68;
  }

  .mobile-products-list.open,
  .mobile-support-list.open{
    max-height:320px;
  }

  .mobile-products-list a,
  .mobile-support-list a{
    display:block;
    padding:13px 16px;
    margin:0;
    border:0;
    border-bottom:1px solid #e4e6e9;
    background:transparent !important;
    color:#555d68 !important;
    font-size:.84rem;
    font-weight:400;
    text-transform:none;
    letter-spacing:0;
  }

  .mobile-products-list a:last-child,
  .mobile-support-list a:last-child{
    border-bottom:0;
  }

  .mobile-products-toggle span,
  .mobile-support-toggle span{
    flex:0 0 auto;
    margin-left:16px;
    color:#211d20;
    font-size:18px;
    font-weight:500;
    line-height:1;
  }
}

/* Warranty public */
.warranty-page{background:#f5f6f8}.warranty-hero{padding:138px 0 72px;background:#171b21;color:#fff;overflow:hidden}.warranty-hero .crumbs{color:#9da5b0;margin-bottom:38px}.warranty-hero .crumbs a{color:#cfd4da}.warranty-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:50px;align-items:center}.warranty-hero h1{font-size:clamp(3rem,6vw,5.7rem);line-height:.96;letter-spacing:-.055em;margin:10px 0 22px;max-width:850px}.warranty-hero p{max-width:720px;color:#b5bdc7;font-size:1.05rem;line-height:1.7}.warranty-shield{width:190px;height:190px;border:1px solid rgba(255,255,255,.15);border-radius:50%;display:grid;place-items:center;justify-self:end;position:relative}.warranty-shield:before,.warranty-shield:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%;inset:-35px}.warranty-shield:after{inset:-70px}.warranty-shield span{font-size:4rem;color:#766cff}.warranty-main{padding:60px 0 90px}.warranty-choice{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:28px}.warranty-choice-card{background:#fff;border:1px solid #e0e4e9;padding:28px 30px;display:grid;grid-template-columns:54px 1fr auto;gap:18px;align-items:center;text-decoration:none;color:#171b21;transition:.2s}.warranty-choice-card:hover,.warranty-choice-card.active{border-color:#6b61e8;box-shadow:0 10px 36px rgba(26,29,36,.07)}.warranty-choice-no{font-weight:900;color:#675dde;letter-spacing:.08em}.warranty-choice-card h2{font-size:1.35rem;margin:0 0 6px}.warranty-choice-card p{margin:0;color:#737b86;font-size:.9rem}.warranty-choice-card b{font-size:1.45rem;color:#665ce0}.warranty-box{background:#fff;border:1px solid #e0e4e9;padding:38px;margin-top:20px}.warranty-box-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #edf0f3;padding-bottom:24px;margin-bottom:28px}.warranty-box-head h2{font-size:2rem;margin:6px 0 0}.warranty-form-section{border-top:1px solid #eceff2;padding-top:30px;margin-top:30px}.warranty-form-section:first-of-type{border-top:0;padding-top:0;margin-top:0}.warranty-form-section h3{font-size:1.15rem;margin:0 0 20px}.warranty-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}.warranty-fields label{display:flex;flex-direction:column;gap:7px}.warranty-fields label.full{grid-column:1/-1}.warranty-fields label>span{font-size:.72rem;font-weight:800;letter-spacing:.055em;text-transform:uppercase;color:#59616b}.warranty-fields input,.warranty-fields select{width:100%;padding:13px 14px;border:1px solid #d8dde3;background:#fff;font:inherit;min-height:48px}.warranty-fields input:focus,.warranty-fields select:focus{outline:none;border-color:#6b61e8;box-shadow:0 0 0 3px rgba(107,97,232,.09)}.warranty-fields label.invalid input,.warranty-fields label.invalid select,.warranty-fields .invalid input{border-color:#c83b45}.warranty-form.compact{max-width:760px}.warranty-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;text-decoration:none;border:0;cursor:pointer;font:inherit;font-weight:800}.warranty-btn.primary{background:#6258df;color:#fff}.warranty-btn.large{margin-top:28px;min-height:54px;padding:0 30px}.warranty-form.compact .warranty-btn{margin-top:18px}.warranty-result,.warranty-success{margin-top:28px;border:1px solid #dfe4e8;padding:28px;display:grid;grid-template-columns:58px 1fr;gap:18px;background:#fafbfc}.warranty-success{margin-top:0}.warranty-result.registered,.warranty-success{border-left:4px solid #6258df}.warranty-result.not-found{border-left:4px solid #a6adb6}.warranty-result-icon{width:48px;height:48px;border-radius:50%;background:#efedff;color:#6258df;display:grid;place-items:center;font-size:1.4rem;font-weight:900}.warranty-result h3,.warranty-success h2{margin:0 0 13px}.warranty-result dl{display:grid;grid-template-columns:180px 1fr;gap:7px 20px;margin:0}.warranty-result dt{color:#757d87}.warranty-result dd{margin:0;font-weight:700}.warranty-alert{padding:14px 16px;margin-bottom:20px}.warranty-alert.error{background:#fff0f1;border:1px solid #f0c5c9;color:#8f2830}.warranty-help{color:#737b85;font-size:.9rem;max-width:850px;margin:-6px 0 18px}.upload-card{padding:18px;border:1px dashed #cbd1d8;background:#fafbfc}.upload-card small{color:#858d97}.warranty-checks{display:grid;gap:12px}.warranty-checks label{display:flex;gap:10px;align-items:flex-start;color:#4f5761;font-size:.9rem}.warranty-checks input{margin-top:3px}.warranty-checks label.invalid{color:#a42e37}.warranty-intro-note{background:#fff;border:1px solid #e0e4e9;padding:24px;color:#676f79}.warranty-actions{margin-top:22px}
@media(max-width:900px){.warranty-hero-grid{grid-template-columns:1fr}.warranty-shield{display:none}.warranty-choice{grid-template-columns:1fr}.warranty-fields{grid-template-columns:1fr}.warranty-fields label.full{grid-column:auto}.warranty-box{padding:24px}.warranty-result dl{grid-template-columns:1fr;gap:3px}.warranty-result dd{margin-bottom:8px}}
@media(max-width:600px){.warranty-hero{padding-top:115px}.warranty-main{padding-top:30px}.warranty-choice-card{padding:22px;grid-template-columns:38px 1fr auto}.warranty-result,.warranty-success{grid-template-columns:1fr}.warranty-box{padding:20px}}

/* =========================================================
   v6.16 – Newton rings brand signature + arrow micro-motion
   The rings are a restrained corporate motif only. Product
   cards, catalogue and product detail remain intentionally clean.
   ========================================================= */
:root{
  --newton-violet:112,0,254;
  --newton-blue:105,139,255;
}

/* Shared Newton field. The full disc intentionally sits partly outside the canvas. */
.newton-field{position:relative;overflow:hidden;isolation:isolate;--newton-mx:0px;--newton-my:0px}
.newton-field::after{
  content:"";position:absolute;z-index:0;pointer-events:none;border-radius:50%;
  width:clamp(420px,48vw,820px);aspect-ratio:1;
  transform:translate3d(var(--newton-mx),var(--newton-my),0);
  background:repeating-radial-gradient(circle at center,
    rgba(var(--newton-violet),0) 0 13px,
    rgba(var(--newton-violet),.18) 14px,
    rgba(var(--newton-blue),.10) 15px,
    rgba(var(--newton-violet),0) 17px 25px);
  -webkit-mask-image:radial-gradient(circle,#000 0 48%,rgba(0,0,0,.82) 62%,rgba(0,0,0,.24) 75%,transparent 88%);
  mask-image:radial-gradient(circle,#000 0 48%,rgba(0,0,0,.82) 62%,rgba(0,0,0,.24) 75%,transparent 88%);
  opacity:.34;filter:drop-shadow(0 0 18px rgba(var(--newton-violet),.08));
  transition:transform 1.1s cubic-bezier(.16,1,.3,1),opacity .45s ease;
}
.newton-field > *{position:relative;z-index:1}

/* Homepage: one clear signature in Story, a quieter echo in Technology. */
.story.newton-field::after{right:-310px;bottom:-360px;opacity:.22}
.tech.newton-field::after{left:-360px;top:-310px;opacity:.20;filter:drop-shadow(0 0 24px rgba(var(--newton-violet),.12))}

/* Corporate/content page headers: fragment only, never behind product/category heroes. */
.cms-page-head.newton-field::after,
.page-hero.newton-field:not(.product-cat)::after{right:-300px;top:-300px;opacity:.18}

/* Homepage support area gets only a faint cropped fragment. */
.home-support-newton::after{width:clamp(360px,38vw,650px);left:-300px;bottom:-330px;opacity:.12}

/* Never introduce Newton rings into product surfaces. */
.db-product-card.newton-field::after,
.catalog-card.newton-field::after,
.home-featured-products.newton-field::after,
.product-simple-head.newton-field::after,
.product-gallery.newton-field::after,
.product-clean-intro.newton-field::after{content:none!important;display:none!important}

/* Arrow micro-interaction. JS wraps only existing arrow glyphs; wording stays untouched. */
.motion-arrow{display:inline-block;transition:transform .28s cubic-bezier(.2,.8,.2,1);will-change:transform}
:is(a,button):hover .motion-arrow[data-dir="right"]{transform:translateX(6px)}
:is(a,button):hover .motion-arrow[data-dir="up-right"]{transform:translate(4px,-4px)}
:is(a,button):hover .motion-arrow[data-dir="down"]{transform:translateY(4px)}
:is(a,button):focus-visible .motion-arrow[data-dir="right"]{transform:translateX(6px)}
:is(a,button):focus-visible .motion-arrow[data-dir="up-right"]{transform:translate(4px,-4px)}
:is(a,button):focus-visible .motion-arrow[data-dir="down"]{transform:translateY(4px)}

@media(max-width:900px){
  .newton-field::after{width:520px}
  .story.newton-field::after{right:-350px;bottom:-330px;opacity:.17}
  .tech.newton-field::after{left:-390px;top:-300px;opacity:.15}
  .cms-page-head.newton-field::after,.page-hero.newton-field:not(.product-cat)::after{right:-390px;top:-300px;opacity:.13}
}
@media(prefers-reduced-motion:reduce){
  .newton-field::after,.motion-arrow{transition:none!important;transform:none!important}
}

/* v6.17 – language selector micro-interaction */
.lang-trigger{
  position:relative;
  transition:color .24s ease,transform .24s cubic-bezier(.2,.8,.2,1);
}
.lang-trigger::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:5px;
  height:1px;
  background:#8b7cff;
  transform:scaleX(0);
  transform-origin:right center;
  transition:transform .26s cubic-bezier(.2,.8,.2,1);
}
.language-switcher:hover .lang-trigger,
.language-switcher.open .lang-trigger{color:#a99cff}
.language-switcher:hover .lang-trigger::after,
.language-switcher.open .lang-trigger::after{transform:scaleX(1);transform-origin:left center}
.language-switcher:hover .lang-trigger .chevron:not([aria-expanded="true"] .chevron){transform:translateY(2px)}
.language-switcher.open .lang-trigger .chevron{transform:rotate(180deg) translateY(-1px)}

/* Actual language choices are links in the public header. */
.lang-menu a{
  position:relative;
  align-items:center;
  border-bottom:1px solid #eceef0;
  transition:background-color .2s ease,color .2s ease,padding .22s cubic-bezier(.2,.8,.2,1);
}
.lang-menu a:last-child{border-bottom:0}
.lang-menu a::before{
  content:"";position:absolute;left:0;top:9px;bottom:9px;width:2px;
  background:#766cff;transform:scaleY(0);transition:transform .2s ease;
}
.lang-menu a:hover,.lang-menu a:focus-visible{
  background:#f2f1ff!important;color:#5f55db!important;padding-left:16px!important;outline:none;
}
.lang-menu a:hover::before,.lang-menu a:focus-visible::before{transform:scaleY(1)}
.lang-menu a small{transition:color .2s ease}
.lang-menu a:hover small,.lang-menu a:focus-visible small{color:#6f6878!important}

@media(prefers-reduced-motion:reduce){
  .lang-trigger,.lang-trigger::after,.lang-menu a,.lang-menu a::before,.lang-menu a small{transition:none!important}
}

/* v6.8 – katalog: nesticky accordion filtr + aktivní filtry */
.catalog-layout-v2{grid-template-columns:270px minmax(0,1fr);gap:34px;align-items:start}
.catalog-sidebar-v2{position:static !important;top:auto !important;padding:0 !important;background:transparent !important;border:0 !important}
.catalog-sidebar-v2 .catalog-filter-content{background:#fff;border:1px solid #e2e5e9;padding:18px}
.catalog-filter-form{margin:0}
.catalog-filter-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 0 14px}
.catalog-filter-head h3{margin:0;font-size:1rem}
.catalog-filter-head a,.catalog-reset-top{font-size:.72rem;font-weight:750;color:#6258f5;text-decoration:none}
.filter-accordion{border-top:1px solid #eceef1}
.filter-accordion:last-of-type{border-bottom:1px solid #eceef1}
.filter-accordion summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;cursor:pointer;font-size:.82rem;font-weight:800;color:#20242a;user-select:none}
.filter-accordion summary::-webkit-details-marker{display:none}
.filter-chevron{width:8px;height:8px;border-right:1.5px solid #636a74;border-bottom:1.5px solid #636a74;transform:rotate(45deg) translateY(-2px);transition:transform .2s ease;flex:0 0 8px}
.filter-accordion[open] .filter-chevron{transform:rotate(225deg) translate(-1px,-1px)}
.filter-accordion-body{padding:0 0 13px}
.catalog-sidebar-v2 .filter-group{padding:11px 0;border:0}
.catalog-sidebar-v2 .filter-group+.filter-group{border-top:1px solid #f0f1f3}
.catalog-sidebar-v2 .filter-group strong{display:block;font-size:.76rem;line-height:1.3;margin-bottom:8px;color:#343a43}
.catalog-sidebar-v2 .filter-group select,.catalog-sidebar-v2 .filter-group input{width:100%;min-height:38px;border:1px solid #dce0e5;background:#fff;padding:7px 9px;font:inherit;color:#252a31;border-radius:0;outline:none;transition:border-color .18s ease,box-shadow .18s ease}
.catalog-sidebar-v2 .filter-group select:focus,.catalog-sidebar-v2 .filter-group input:focus{border-color:#8178f7;box-shadow:0 0 0 3px rgba(98,88,245,.09)}
.filter-group-plain{padding-top:0 !important}
.filter-range-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.filter-range-row label{margin:0 !important}
.filter-range-row label span{display:block;font-size:.68rem;color:#757c86;margin:0 0 4px}
.catalog-filter-apply{width:100%;margin-top:16px;justify-content:center}
.catalog-toolbar-v2{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:13px;min-height:32px}
.catalog-count{font-size:.9rem;color:#252a31}
.active-filter-wrap{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px}
.active-filter-chip{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:5px 10px;background:#eeecff;color:#4e45d6;text-decoration:none;font-size:.72rem;font-weight:700;border:1px solid #ddd9ff;transition:background .18s ease,transform .18s ease}
.active-filter-chip b{font-size:1rem;line-height:1;font-weight:500}
.active-filter-chip:hover{background:#e3dfff;transform:translateY(-1px)}
.catalog-results-v2{min-width:0}
@media(max-width:980px){.catalog-layout-v2{grid-template-columns:230px minmax(0,1fr);gap:22px}.filter-range-row{grid-template-columns:1fr}.catalog-sidebar-v2 .catalog-filter-content{padding:15px}}
@media(max-width:760px){.catalog-layout-v2{grid-template-columns:1fr}.catalog-sidebar-v2 .catalog-filter-content{padding:16px}.catalog-toolbar-v2{margin-top:2px}.catalog-filter-head{display:none}.mobile-filter-summary{border-color:#dce0e5}.active-filter-wrap{margin-top:-3px}}

/* v6.19 – category context + shared accordion filters */
/* Language trigger keeps the color interaction, without the underline. */
.lang-trigger::after{display:none!important}

.category-context{background:#f4f5f7;border-bottom:1px solid #e4e7eb}
.category-context .wrap{padding-top:18px;padding-bottom:18px}
.category-breadcrumbs{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 15px;font-size:.73rem;color:#7b818a}
.category-breadcrumbs a{color:#666d77;text-decoration:none;transition:color .18s ease}
.category-breadcrumbs a:hover{color:#6258f5}
.category-breadcrumbs span{color:#a9afb7}
.category-breadcrumbs strong{font-weight:750;color:#252a31}
.category-switcher{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.category-switcher a{display:inline-flex;align-items:center;min-height:35px;padding:7px 12px;border:1px solid #dfe3e8;background:#fff;color:#363c45;text-decoration:none;font-size:.74rem;font-weight:750;transition:border-color .18s ease,color .18s ease,background .18s ease,transform .18s ease}
.category-switcher a:hover{border-color:#c9c5ff;color:#5f55db;background:#faf9ff;transform:translateY(-1px)}
.category-switcher a.active{border-color:#6258f5;background:#6258f5;color:#fff}
.category-switcher .category-switcher-all{border-color:#cfd4da;background:#20242a;color:#fff}
.category-switcher .category-switcher-all:hover{background:#2b3037;color:#fff;border-color:#2b3037}

/* category.php now uses the same filter system as catalog.php */
.category-product-results{min-width:0}
.category-product-results .product-series-group:first-of-type .product-series-heading{margin-top:0}

@media(max-width:760px){
  .category-context .wrap{padding-top:13px;padding-bottom:14px}
  .category-breadcrumbs{margin-bottom:11px;font-size:.68rem}
  .category-switcher{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}
  .category-switcher::-webkit-scrollbar{display:none}
  .category-switcher a{white-space:nowrap;flex:0 0 auto}
}

/* ===== Interactive reticle video demo ===== */
.reticle-image.has-scope-demo{cursor:crosshair;position:relative;overflow:visible}
.reticle-image.has-scope-demo::after{content:'▶';position:absolute;right:-18px;bottom:2px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#7000fe;color:#fff;font-size:14px;box-shadow:none!important;filter:none;transition:transform .2s ease;z-index:3}
.reticle-image.has-scope-demo:hover::after{transform:scale(1.08)}
.scope-demo{--scope-size:clamp(300px,24vw,380px);--scope-inset:10px;position:fixed;inset:0;z-index:100000;background:#1d1d1b;display:none;overflow:hidden;cursor:none;touch-action:none}
.scope-demo.is-open{display:block}
.scope-demo-view{position:absolute;left:var(--scope-left,50%);top:var(--scope-top,50%);width:var(--scope-size);height:var(--scope-size);transform:translate(-50%,-50%);overflow:hidden;border-radius:50%;will-change:left,top}
.scope-demo-window{position:absolute;inset:var(--scope-inset);overflow:hidden;border-radius:50%;background:#1d1d1b;z-index:1}
.scope-demo-video{position:absolute;left:calc((var(--scope-size) / 2) - var(--scope-inset) - var(--scope-left,50vw));top:calc((var(--scope-size) / 2) - var(--scope-inset) - var(--scope-top,50vh));width:100vw;height:100vh;max-width:none;object-fit:cover;transform:scale(var(--scope-zoom,1));transform-origin:50% 50%;will-change:transform;pointer-events:none}
.scope-demo-reticle{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none;z-index:2;transform:scale(var(--reticle-zoom,1));transform-origin:50% 50%;will-change:transform}
.scope-demo-view::after{content:'';position:absolute;inset:0;border-radius:50%;z-index:3;pointer-events:none;box-shadow:inset 0 0 0 var(--scope-inset) #1d1d1b}
.scope-demo-controls{position:absolute;z-index:5;left:50%;top:24px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;cursor:default}
.scope-demo-switch{display:flex;gap:6px;padding:5px;border-radius:999px;background:rgba(29,29,27,.86);border:1px solid rgba(255,255,255,.24)}
.scope-demo-mode{min-width:58px;height:34px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:#fff;font:700 12px/1 inherit;letter-spacing:.08em;cursor:pointer;opacity:.66;transition:background .18s ease,opacity .18s ease}
.scope-demo-mode.is-active{background:#7000fe;opacity:1}
.scope-demo-close{position:absolute;z-index:5;right:24px;top:24px;width:48px;height:48px;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:rgba(29,29,27,.82);color:#fff;font-size:28px;line-height:1;cursor:pointer;display:grid;place-items:center}
.scope-demo-help{position:absolute;z-index:5;left:50%;bottom:24px;transform:translateX(-50%);padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-size:12px;letter-spacing:.02em;white-space:nowrap;pointer-events:none;transition:opacity .35s ease}
.scope-demo.is-active .scope-demo-help{opacity:.35}
body.scope-demo-open{overflow:hidden}
@media(max-width:700px){.scope-demo{--scope-size:clamp(300px,78vw,360px)}.scope-demo-help{bottom:14px;font-size:11px}.scope-demo-close{right:14px;top:14px}.scope-demo-controls{top:14px;gap:6px;max-width:calc(100vw - 90px);flex-wrap:wrap;justify-content:center}.scope-demo-mode{padding:0 11px;min-width:52px}}

.scope-demo-zoom{
  min-width:72px;
  height:46px;
  padding:0 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#7000fe;
  border:1px solid rgba(255,255,255,.24);
  color:#fff;
  font-size:15px;
  font-weight:800;
  line-height:1;
  letter-spacing:.02em;
  box-sizing:border-box;
}
.scope-demo-zoom span{display:block;white-space:nowrap}
@media(max-width:700px){
  .scope-demo-zoom{min-width:68px;height:44px;padding:0 13px;font-size:14px}
}

.scope-demo-zoom-control{
  display:flex;
  align-items:center;
  gap:6px;
}
.scope-demo-zoom-btn{
  width:46px;
  height:46px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.24);
  border-radius:50%;
  background:rgba(29,29,27,.86);
  color:#fff;
  font:700 24px/1 Arial,sans-serif;
  cursor:pointer;
  box-shadow:none;
}
.scope-demo-zoom-btn:active{background:#7000fe}
@media(max-width:700px){
  .reticle-image.has-scope-demo::after{
    right:2px;
    bottom:4px;
  }
  .scope-demo{
    --scope-size:clamp(255px,66vw,306px);
  }
  .scope-demo-zoom-btn{
    width:44px;
    height:44px;
  }
  .scope-demo-zoom-control{
    order:3;
    width:100%;
    justify-content:center;
  }
  .scope-demo-controls{
    max-width:calc(100vw - 76px);
  }
}


/* ===== v15: buttons, homepage arrow, mobile scope help, catalog reticles ===== */

/* Primary gradient buttons must always have white text. */
.btn.primary,
a.btn.primary,
button.btn.primary,
input.btn.primary,
.catalog-filter-apply {
  color:#fff !important;
}
.btn.primary *,
.catalog-filter-apply * {
  color:inherit !important;
}

/* Homepage "Load more" arrow. */
.home-products-loadmore::after {
  content:"→";
  display:inline-block;
  margin-left:.58em;
  transition:transform .18s ease;
}
.home-products-loadmore:hover::after {
  transform:translateX(3px);
}

/* On touch / mobile layouts the helper pill can overflow the viewport. */
@media (max-width:1024px), (hover:none) and (pointer:coarse) {
  .scope-demo-help {
    display:none !important;
  }
}

/* Compact available-reticle preview in catalog cards. */
.catalog-card-reticles {
  display:flex;
  flex-wrap:wrap;
  gap:7px 10px;
  margin:4px 0 13px;
  padding-top:11px;
  border-top:1px solid rgba(29,29,27,.08);
}
.catalog-card-reticle {
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-width:0;
  color:#555d68;
  font-size:11px;
  font-weight:700;
  line-height:1.15;
}
.catalog-card-reticle img {
  width:30px !important;
  height:30px !important;
  flex:0 0 30px;
  object-fit:contain;
  transform:none !important;
  filter:none !important;
}
.catalog-card-reticle-name {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:92px;
}
.catalog-card-reticles-more {
  display:inline-flex;
  align-items:center;
  min-height:30px;
  color:#7000fe;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}
@media(max-width:700px){
  .catalog-card-reticles {
    gap:6px 9px;
    margin-bottom:10px;
  }
  .catalog-card-reticle img {
    width:28px !important;
    height:28px !important;
    flex-basis:28px;
  }
}


/* v16 – make catalog reticles clearly visible */
.catalog-card-reticles{
  position:relative;
  z-index:2;
  background:#f7f7f9;
  border:0;
  border-radius:8px;
  padding:9px 10px;
  margin:6px 0 14px;
}
.catalog-card-reticle{
  color:#17191d;
}
.catalog-card-reticle img{
  background:#fff;
  border-radius:50%;
}


/* Claim / complaint form */
.claim-layout{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:54px;align-items:start}.claim-intro{position:sticky;top:110px}.claim-intro h2{font-size:2.4rem;margin:10px 0 14px}.claim-intro p{color:#68707a;line-height:1.65;max-width:460px}.claim-note{margin-top:28px;padding:22px 0;border-top:1px solid #dfe3e8;border-bottom:1px solid #dfe3e8;line-height:2.1;font-size:.78rem;font-weight:800;letter-spacing:.06em}.claim-form h2{font-size:1.65rem;margin:7px 0 22px}.claim-divider{height:1px;background:#e4e7eb;margin:32px 0}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice-grid.two{grid-template-columns:1fr 1fr}.choice{position:relative;cursor:pointer}.choice input{position:absolute;opacity:0;pointer-events:none}.choice span{display:flex;min-height:58px;align-items:center;padding:14px 16px;border:1px solid #d9dde2;background:#fff;font-size:.86rem;font-weight:700;transition:.15s}.choice input:checked+span{border-color:#6757ff;box-shadow:inset 0 0 0 1px #6757ff;background:#f7f5ff}.choice span:before{content:"";width:16px;height:16px;border:1px solid #aeb5bf;border-radius:50%;margin-right:10px;flex:0 0 auto}.choice input:checked+span:before{border:5px solid #6757ff}.file-input{background:#fff}.field .help{font-size:.75rem;color:#7a8189;line-height:1.45;margin-top:3px}@media(max-width:900px){.claim-layout{grid-template-columns:1fr}.claim-intro{position:static}.choice-grid,.choice-grid.two{grid-template-columns:1fr}}


/* Mobile navigation: expandable Company + complete Support links (2026-11) */
@media (max-width:960px){
  .mobile-company-group{width:100%;}
  .mobile-company-toggle{
    width:100%;display:flex;align-items:center;justify-content:space-between;
    padding:18px 0;margin:0;border:0;border-bottom:1px solid #e5e7ea;
    background:transparent !important;color:#211d20 !important;
    font:inherit;font-size:.88rem;font-weight:750;letter-spacing:.04em;
    text-transform:uppercase;text-align:left;cursor:pointer;appearance:none;
  }
  .mobile-company-toggle span{flex:0 0 auto;margin-left:16px;font-size:18px;font-weight:500;line-height:1;}
  .mobile-company-list,.mobile-products-list,.mobile-support-list{
    overflow:hidden;
    background:#f5f6f8 !important;
  }
  .mobile-company-list,.mobile-products-list,.mobile-support-list{display:block;max-height:0 !important;transition:max-height .3s ease;}
  .mobile-company-list.open,.mobile-products-list.open,.mobile-support-list.open{max-height:1200px !important;}
  .mobile-company-list a{display:block;padding:13px 16px;margin:0;border:0;border-bottom:1px solid #e4e6e9;background:transparent !important;color:#555d68 !important;font-size:.84rem;font-weight:400;text-transform:none;letter-spacing:0;}
  .mobile-company-list a:last-child{border-bottom:0;}
  .mobile-menu{overflow-y:auto !important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}
  .mobile-menu-inner{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px));}
}

/* Mobile navigation: consistent spacing between Company, Products and Support */
@media (max-width:960px){
  .mobile-menu-inner > .mobile-company-group,
  .mobile-menu-inner > .mobile-products-toggle,
  .mobile-menu-inner > .mobile-support-toggle{margin:0 !important;}
  .mobile-company-group{padding:0 !important;}
  .mobile-company-toggle,.mobile-products-toggle,.mobile-support-toggle{
    min-height:54px !important; padding:18px 0 !important;
    margin:0 !important; line-height:18px !important; box-sizing:border-box;
  }
  .mobile-company-list:not(.open){max-height:0 !important;padding:0 !important;margin:0 !important;}
}