/* gt-home-v2 — approved homepage design, scoped to .gth-scope. Generated from the approved mockup; edit the mockup + regenerate, not by hand. */
@font-face{font-family:'Heebo';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/heebo-hebrew.woff2) format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;}
@font-face{font-family:'Heebo';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/heebo-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Secular One';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/secular-one-hebrew.woff2) format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;}
@font-face{font-family:'Secular One';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/secular-one-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

  body.gth-page{margin:0;background:#FAF7FD;}
  /* The homepage drops Astra's theme stylesheet as dead weight (see
     gth_strip_unused_assets in inc/assets.php), but two third-party UI pieces
     render outside .gth-scope — appended straight to <body> — and relied on
     Astra's stylesheet for their base font: FiboSearch's suggestions dropdown
     and the Xootix side-cart panel. Without it they fell back to the browser's
     default serif font. Restoring just the font here (not all of Astra) keeps
     them matching the rest of the site without reopening the heading/color
     conflict Astra's full stylesheet causes (see the comment in assets.php).
     Reported 2026-09-23. */
  body.gth-page .dgwt-wcas-suggestions-wrapp,
  body.gth-page .dgwt-wcas-suggestions-wrapp *,
  body.gth-page .xoo-wsc-container,
  body.gth-page .xoo-wsc-container *{font-family:'Assistant',sans-serif;}
  .gth-scope{
    --cream:#FAF7FD;
    --paper:#FFFFFF;
    --ink:#1D1226;
    --ink-2:#4A3A57;
    --plum:#7D0F82;
    --plum-deep:#3A0D42;
    --lilac:#D9C2F0;
    --lilac-soft:#E9DEF7;
    --apricot:#FFB877;
    --apricot-soft:#FFDDBB;
    --blush:#F6C1D6;
    --blush-soft:#FADCE7;
    --mint:#B5F0DC;
    --sand:#EFE3D0;
    --pearl:#ECE9F5;
    --steel:#E3E7ED;
    --ok:#12703E;
    --line:rgba(29,18,38,0.12);
    --r-xl:40px;
    --r-lg:28px;
    --r-md:18px;
    --wrap:1240px;
    --display:'Secular One','Heebo',system-ui,sans-serif;
    --text:'Heebo',system-ui,sans-serif;
  }
  /* Header/footer are site-wide now (every page, not just the homepage), so
     they keep the site's original font (Assistant) instead of the new
     homepage brand fonts — only the homepage content itself uses Heebo/Secular
     One. Fixes search box, cart, nav and other header/footer text reported
     2026-09-23. */
  .gth-scope.gth-scope--header,
  .gth-scope.gth-scope--footer{
    --display:'Assistant',sans-serif;
    --text:'Assistant',sans-serif;
  }
  .gth-scope *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  .gth-scope{margin:0;background:var(--cream);color:var(--ink);font-family:var(--text);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;}
  .gth-scope a{color:inherit;text-decoration:none;}
  .gth-scope img,.gth-scope svg{display:block;max-width:100%;}
  .gth-scope button{font-family:inherit;cursor:pointer;}
  .gth-scope h1,.gth-scope h2,.gth-scope h3,.gth-scope p{margin:0;}
  .gth-scope .wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px;}

  /* ---------- brand DNA: recurring corner mark on hero-level photos ---------- */
  .gth-scope .corner-mark{position:relative;}
  .gth-scope .corner-mark::before,.gth-scope .corner-mark::after{content:"";position:absolute;top:16px;left:16px;background:var(--plum);z-index:2;pointer-events:none;border-radius:1px;}
  .gth-scope .corner-mark::before{width:24px;height:3px;}
  .gth-scope .corner-mark::after{width:3px;height:24px;}
  .gth-scope .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
  .gth-scope .skip{position:absolute;top:-60px;right:16px;background:var(--plum);color:#fff;padding:10px 16px;border-radius:10px;z-index:200;font-weight:700;}
  .gth-scope .skip:focus{top:12px;}
  .gth-scope :focus-visible{outline:3px solid var(--plum);outline-offset:3px;border-radius:6px;}

  /* ---------- notice bar: real delivery facts (static, no motion) ---------- */
  .gth-scope .notice{background:var(--plum-deep);color:var(--cream);font-size:14.5px;font-weight:500;padding:9px 28px;}
  .gth-scope .notice-row{max-width:var(--wrap);margin:0 auto;display:flex;justify-content:center;flex-wrap:wrap;gap:6px 30px;}
  .gth-scope .notice-row span{display:inline-block;}
  .gth-scope .notice-row span:not(:last-child)::after{content:"";display:inline-block;vertical-align:middle;width:6px;height:6px;border-radius:50%;background:var(--apricot);margin-inline-start:30px;}
  .gth-scope .notice b{color:var(--apricot);font-weight:700;}

  /* ---------- header ---------- */
  .gth-scope header.top{background:var(--cream);border-bottom:1px solid var(--line);position:static;z-index:100;}
  /* `position:sticky` does not stick in production here (a site-wide inline
     `html,body{overflow-x:hidden!important}` tag turns both into scroll
     containers and Chromium then refuses to stick the header at all — the
     `!important` also blocks a plain JS override). JS pins the header with
     `position:fixed` instead once it would have scrolled past the top; a
     spacer of the same height keeps the page from jumping when that happens. */
  .gth-scope header.top.js-pinned{position:fixed;top:0;left:0;right:0;}
  .gth-scope .header-spacer{display:none;}
  .gth-scope .header-spacer.show{display:block;}
  .gth-scope .header-sentinel{height:0;margin:0;padding:0;}
  .gth-scope .top-row{display:flex;align-items:center;gap:22px;padding:14px 28px;max-width:var(--wrap);margin:0 auto;}
  .gth-scope .logo img{height:48px;width:auto;transition:height .2s;}
  .gth-scope .search{flex:0 0 0;width:0;max-width:0;opacity:0;overflow:hidden;display:flex;align-items:center;background:var(--paper);border:2px solid var(--ink);border-radius:999px;padding:4px 6px 4px 6px;transition:opacity .2s linear;}
  .gth-scope .top.scrolled .search{flex:1;width:auto;max-width:480px;opacity:1;}
  .gth-scope .top.scrolled .logo img{height:38px;}
  .gth-scope .search input{flex:1;min-width:0;border:0;background:transparent;font-family:inherit;font-size:15px;padding:10px 18px;color:var(--ink);outline:none;}
  .gth-scope .search input::placeholder{color:var(--ink-2);}
  .gth-scope .search:focus-within{border-color:var(--plum);}
  .gth-scope .search button{border:0;background:var(--plum);color:#fff;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:none;transition:background .2s;}
  .gth-scope .search button:hover{background:var(--plum-deep);}
  .gth-scope .search button svg{width:20px;height:20px;}
  .gth-scope .top-actions{display:flex;align-items:center;gap:22px;margin-inline-start:auto;font-size:15px;font-weight:600;}
  .gth-scope .phone{direction:ltr;font-weight:800;font-size:17px;}
  .gth-scope .icon-link{display:flex;align-items:center;gap:8px;}
  .gth-scope .icon-link svg{width:24px;height:24px;}
  .gth-scope .cart-count{background:var(--plum);color:#fff;border-radius:999px;min-width:22px;height:22px;display:grid;place-items:center;font-size:12.5px;font-weight:700;padding:0 6px;}
  .gth-scope .hamburger{display:none;border:0;background:transparent;color:var(--ink);width:32px;height:32px;align-items:center;justify-content:center;cursor:pointer;}
  .gth-scope .hamburger svg{width:24px;height:24px;}
  .gth-scope nav.main{border-top:1px solid var(--line);}
  .gth-scope nav.main ul{list-style:none;margin:0 auto;padding:0 28px;max-width:var(--wrap);display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;}
  .gth-scope nav.main a.all{color:var(--plum);}
  .gth-scope .mobile-menu{display:none;}
  .gth-scope nav.main a{display:block;padding:12px 14px;font-size:15px;font-weight:600;white-space:nowrap;border-bottom:3px solid transparent;transition:border-color .2s,color .2s;}
  .gth-scope nav.main a:hover{border-color:var(--plum);color:var(--plum);}
  .gth-scope nav.main a.hot{color:var(--plum);}

  /* ---------- hero ---------- */
  .gth-scope .hero{padding:48px 0 30px;}
  .gth-scope .hero-grid{display:grid;grid-template-columns:6fr 5fr;gap:44px;align-items:center;}
  .gth-scope .hero-copy{display:flex;flex-direction:column;justify-content:center;padding:8px 0;}
  .gth-scope .hero h1{font-family:var(--display);font-weight:400;font-size:clamp(46px,6.4vw,92px);line-height:1.02;letter-spacing:-.01em;}
  .gth-scope .hero h1 span{color:var(--plum);display:block;}
  .gth-scope .hero .lead{font-size:19px;color:var(--ink-2);margin:22px 0 28px;max-width:470px;line-height:1.55;}
  .gth-scope .hero-search{display:flex;align-items:center;background:var(--paper);border:2px solid var(--ink);border-radius:999px;padding:6px;max-width:520px;}
  .gth-scope .hero-search input{flex:1;min-width:0;border:0;background:transparent;font-family:inherit;font-size:17px;padding:14px 22px;color:var(--ink);outline:none;}
  .gth-scope .hero-search input::placeholder{color:var(--ink-2);}
  .gth-scope .hero-search:focus-within{border-color:var(--plum);}
  .gth-scope .hero-search button{border:0;background:var(--plum);color:#fff;height:52px;padding:0 26px;border-radius:999px;font-weight:700;font-size:16px;display:flex;align-items:center;gap:8px;transition:background .2s;}
  .gth-scope .hero-search button:hover{background:var(--plum-deep);}
  .gth-scope .hero-search button svg{width:20px;height:20px;}
  .gth-scope .chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;max-width:520px;}
  .gth-scope .chips button{border:1.5px solid var(--ink);background:transparent;color:var(--ink);font-size:14px;font-weight:600;padding:7px 15px;border-radius:999px;transition:background .2s,color .2s;}
  .gth-scope .chips button:hover{background:var(--ink);color:var(--cream);}
  .gth-scope .trust-line{list-style:none;display:flex;flex-wrap:wrap;gap:22px;margin:26px 0 0;padding:20px 0 0;border-top:1px solid var(--line);max-width:520px;}
  .gth-scope .trust-line li{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--ink-2);}
  .gth-scope .trust-line svg{width:18px;height:18px;color:var(--plum);flex:none;}

  .gth-scope .stage{position:relative;background:var(--lilac);border-radius:var(--r-xl);aspect-ratio:4/5;overflow:hidden;}
  .gth-scope .stage .s-hero{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;}
  .gth-scope .sticker{position:absolute;bottom:22px;left:22px;width:132px;height:132px;border-radius:50%;background:var(--plum);color:var(--cream);display:grid;place-items:center;text-align:center;transform:rotate(-9deg);}
  .gth-scope .sticker::before{content:"";position:absolute;inset:7px;border:2px dashed rgba(251,247,241,.55);border-radius:50%;}
  .gth-scope .sticker small{display:block;font-size:13px;font-weight:600;line-height:1.2;}
  .gth-scope .sticker strong{display:block;font-family:var(--display);font-weight:400;font-size:33px;line-height:1.05;}

  /* facts strip (live snapshot numbers) */
  .gth-scope .facts{display:grid;grid-template-columns:1.1fr 1.1fr 0.9fr 1.3fr;gap:0;margin-top:34px;padding-top:26px;border-top:1px solid var(--line);}
  .gth-scope .fact{padding:0 24px;border-inline-end:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;}
  .gth-scope .fact:last-child{border-inline-end:0;}
  .gth-scope .fact strong{display:block;font-family:var(--display);font-weight:400;font-size:26px;line-height:1.15;color:var(--plum);margin-bottom:3px;}
  .gth-scope .fact strong.num{direction:ltr;text-align:right;}
  .gth-scope .fact span{font-size:13.5px;color:var(--ink-2);font-weight:500;line-height:1.4;}
  .gth-scope .fact.lead strong{font-size:32px;}
  .gth-scope .fact.minor{justify-content:flex-end;padding-bottom:2px;}
  .gth-scope .fact.minor span{font-size:12px;color:var(--ink-2);opacity:.75;}

  /* ---------- deal of the week (rotating slot) ---------- */
  .gth-scope .dealband{position:relative;background:linear-gradient(120deg,var(--plum) 0%,var(--plum-deep) 100%);border-radius:var(--r-xl);overflow:hidden;min-height:240px;}
  .gth-scope .deal-stage{position:relative;min-height:240px;}
  .gth-scope .deal-slide{position:absolute;inset:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;padding:34px 40px;opacity:0;transform:translateX(18px);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.2,1);pointer-events:none;}
  .gth-scope .deal-slide.on{opacity:1;transform:translateX(0);pointer-events:auto;}
  .gth-scope .deal-img{width:150px;height:150px;border-radius:50%;background:var(--cream);display:grid;place-items:center;flex:none;}
  .gth-scope .deal-img img{width:70%;height:70%;object-fit:contain;}
  .gth-scope .deal-txt{min-width:0;color:var(--cream);}
  .gth-scope .deal-tag{display:inline-block;background:var(--apricot);color:var(--plum-deep);font-weight:700;font-size:13px;padding:5px 14px;border-radius:999px;margin-bottom:12px;}
  .gth-scope .deal-txt h3{font-family:var(--display);font-weight:400;font-size:clamp(22px,2.6vw,32px);line-height:1.15;margin-bottom:6px;}
  .gth-scope .deal-txt p{font-size:14.5px;color:var(--lilac);max-width:440px;}
  .gth-scope .deal-price{text-align:center;flex:none;}
  .gth-scope .deal-price b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(38px,4.2vw,54px);color:var(--apricot);direction:ltr;}
  .gth-scope .deal-price a{display:inline-flex;margin-top:10px;background:var(--cream);color:var(--plum-deep);border-radius:999px;padding:11px 22px;font-weight:700;font-size:14.5px;transition:background .2s;}
  .gth-scope .deal-price a:hover{background:var(--apricot);}
  .gth-scope .deal-dots{display:flex;justify-content:center;gap:8px;padding-bottom:18px;position:relative;}
  .gth-scope .deal-dots button{width:8px;height:8px;border-radius:50%;border:0;background:rgba(255,255,255,.35);padding:0;cursor:pointer;}
  .gth-scope .deal-dots button.on{background:var(--apricot);}
  .gth-scope .dealband:has(.deal-dots:empty) .deal-dots{display:none;}

  /* ---------- section shell ---------- */
  .gth-scope section.block{padding:84px 0 0;}
  .gth-scope .sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:34px;}
  .gth-scope .sec-head h2{font-family:var(--display);font-weight:400;font-size:clamp(34px,4.2vw,58px);line-height:1.06;}
  .gth-scope .sec-head p{color:var(--ink-2);font-size:17px;margin-top:10px;max-width:520px;}
  .gth-scope .link-arrow{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:16px;border-bottom:2px solid var(--ink);padding-bottom:2px;white-space:nowrap;transition:color .2s,border-color .2s;}
  .gth-scope .link-arrow:hover{color:var(--plum);border-color:var(--plum);}
  .gth-scope .link-arrow svg{width:18px;height:18px;}

  /* ---------- department bento ---------- */
  .gth-scope .bento{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:270px;gap:16px;}
  .gth-scope .tile{position:relative;border-radius:var(--r-lg);overflow:hidden;padding:24px 26px;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.2,.7,.2,1);}
  .gth-scope .tile:hover{transform:translateY(-5px);}
  .gth-scope .tile::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,0) 55%);z-index:1;pointer-events:none;}
  .gth-scope .t-hot::before,.gth-scope .t-game::before{background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,0) 55%);}
  .gth-scope .tile h3{font-family:var(--display);font-weight:400;font-size:clamp(25px,2.3vw,32px);line-height:1.08;position:relative;z-index:2;}
  .gth-scope .tile .meta{font-size:14.5px;font-weight:600;color:var(--ink-2);margin-top:6px;position:relative;z-index:2;}
  .gth-scope .tile img{position:absolute;height:auto;transition:transform .5s cubic-bezier(.2,.7,.2,1);}
  .gth-scope .tile:hover img{transform:scale(1.05) rotate(-1.5deg);}
  .gth-scope .tile .go{position:absolute;bottom:20px;right:22px;width:46px;height:46px;border-radius:50%;background:var(--ink);color:var(--cream);display:grid;place-items:center;z-index:3;transition:background .25s,transform .25s;}
  .gth-scope .tile:hover .go{background:var(--plum);transform:translateX(-4px);}
  .gth-scope .tile .go svg{width:20px;height:20px;}
  .gth-scope .t-phones{grid-column:span 5;grid-row:span 2;background:var(--pearl);}
  .gth-scope .t-phones img{width:94%;left:3%;bottom:2%;}
  .gth-scope .t-perfume{grid-column:span 4;grid-row:span 2;background:var(--blush);}
  .gth-scope .t-perfume img{width:88%;left:6%;bottom:2%;}
  .gth-scope .t-pc{grid-column:span 3;background:var(--lilac);}
  .gth-scope .t-pc img{height:60%;width:auto;left:8px;bottom:-2%;}
  .gth-scope .t-mon{grid-column:span 3;background:var(--pearl);}
  .gth-scope .t-mon img{width:62%;left:4%;bottom:0;}
  .gth-scope .t-watch{grid-column:span 3;background:var(--mint);}
  .gth-scope .t-watch img{height:70%;width:auto;left:0;bottom:-6%;}
  .gth-scope .t-tab{grid-column:span 3;background:var(--sand);}
  .gth-scope .t-tab img{width:90%;left:5%;bottom:0;}
  .gth-scope .t-tv{grid-column:span 3;background:var(--apricot-soft);}
  .gth-scope .t-tv img{height:52%;width:auto;left:22px;bottom:0;mix-blend-mode:normal;border-radius:14px 14px 0 0;}
  .gth-scope .t-home{grid-column:span 3;background:var(--lilac-soft);}
  .gth-scope .t-home img{height:68%;width:auto;left:0;bottom:-6%;}
  .gth-scope .t-game{grid-column:span 3;background:var(--plum);color:var(--cream);}
  .gth-scope .t-game .meta{color:var(--lilac);}
  .gth-scope .t-game .go{background:var(--cream);color:var(--plum-deep);}
  .gth-scope .t-game:hover .go{background:var(--apricot);}
  .gth-scope .t-game .plinth{position:absolute;left:-40px;bottom:-70px;width:230px;height:230px;border-radius:50%;background:var(--cream);}
  .gth-scope .t-game img{height:60%;width:auto;left:2px;bottom:4%;}
  .gth-scope .t-sec{grid-column:span 3;background:var(--steel);}
  .gth-scope .t-sec img{width:60%;left:auto;right:2%;bottom:0;}
  .gth-scope .t-deal{grid-column:span 3;background:var(--sand);}
  .gth-scope .t-deal img{width:60%;left:auto;right:2%;bottom:0;}
  .gth-scope .t-hot{grid-column:span 3;background:var(--plum-deep);color:var(--cream);}
  .gth-scope .t-hot .meta{color:var(--lilac);}
  .gth-scope .t-hot .go{background:var(--apricot);color:var(--plum-deep);}
  .gth-scope .t-deal .go,.gth-scope .t-hot .go{right:auto;left:22px;}
  .gth-scope .t-deal:hover .go,.gth-scope .t-hot:hover .go{transform:translateX(4px);}
  .gth-scope .tile .big-note{font-family:var(--display);font-size:clamp(34px,3.4vw,48px);line-height:1.05;margin-top:auto;position:relative;z-index:2;}
  .gth-scope .t-hot .big-note{font-size:clamp(64px,7vw,96px);}
  .gth-scope .t-hot .big-note{color:var(--apricot);}
  .gth-scope .t-deal .big-note{color:var(--plum);}

  /* ---------- presenter band ---------- */
  .gth-scope .presenter{display:grid;grid-template-columns:5fr 6fr;gap:34px;background:var(--lilac-soft);border-radius:var(--r-xl);padding:26px;align-items:stretch;}
  .gth-scope .pr-photo{position:relative;border-radius:var(--r-lg);overflow:hidden;min-height:470px;}
  .gth-scope .pr-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 15%;}
  .gth-scope .presenter:not(.flip) .pr-photo{aspect-ratio:1/1;min-height:0;align-self:center;}
  .gth-scope .hotspot{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:rgba(251,247,241,.94);color:var(--plum);border:2px solid var(--plum);font-family:var(--display);font-weight:400;font-size:14px;display:grid;place-items:center;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.28);transition:transform .18s ease,background .18s ease,color .18s ease;z-index:3;}
  .gth-scope .hotspot::before{content:"";position:absolute;inset:-7px;border-radius:50%;border:1.5px solid rgba(251,247,241,.7);opacity:0;transition:opacity .18s ease,transform .18s ease;}
  .gth-scope .hotspot:hover,.gth-scope .hotspot:focus-visible,.gth-scope .hotspot.active{background:var(--plum);color:#fff;transform:translate(-50%,-50%) scale(1.18);}
  .gth-scope .hotspot:hover::before,.gth-scope .hotspot:focus-visible::before,.gth-scope .hotspot.active::before{opacity:1;transform:scale(1.15);}
  .gth-scope .chip.active{border-color:var(--plum);box-shadow:0 0 0 2px var(--plum) inset;}
  .gth-scope .pr-body{display:flex;flex-direction:column;justify-content:center;padding:10px 6px;}
  .gth-scope .presenter h2{font-family:var(--display);font-weight:400;font-size:clamp(30px,3.2vw,46px);line-height:1.07;}
  .gth-scope .presenter h2 em{font-style:normal;color:var(--plum);}
  .gth-scope .presenter .lead{font-size:17px;color:var(--ink-2);margin:12px 0 20px;}
  .gth-scope .presenter.flip{grid-template-columns:6fr 5fr;background:var(--blush-soft);margin-top:20px;}
  .gth-scope .presenter.flip .pr-photo{order:2;}
  .gth-scope .presenter.flip .pr-photo img{object-position:50% 30%;}
  .gth-scope .chips-list{display:flex;flex-direction:column;gap:10px;}
  .gth-scope .chip{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:14px;background:var(--paper);border-radius:var(--r-md);padding:12px 18px;border:2px solid transparent;transition:transform .2s,border-color .18s,box-shadow .18s;}
  .gth-scope .chip:hover{transform:translateX(-5px);}
  .gth-scope .chip-num{width:22px;height:22px;border-radius:50%;background:var(--lilac-soft);color:var(--plum);font-family:var(--display);font-weight:400;font-size:12.5px;display:grid;place-items:center;flex:none;}
  .gth-scope .chip-img{width:56px;height:56px;display:grid;place-items:center;flex:none;}
  .gth-scope .chip-img img{max-width:100%;max-height:56px;width:auto;height:auto;object-fit:contain;}
  .gth-scope .chip-txt{display:flex;flex-direction:column;min-width:0;}
  .gth-scope .chip-txt small{font-size:13px;color:var(--ink-2);font-weight:600;}
  .gth-scope .chip-txt b{font-size:16.5px;font-weight:700;}
  .gth-scope .chip-price{font-family:var(--display);font-size:24px;direction:ltr;white-space:nowrap;}
  .gth-scope .chip-price small{font-family:var(--text);font-size:14px;font-weight:600;margin-inline-end:2px;}

  /* ---------- life gallery ---------- */
  .gth-scope .gal{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-flow:dense;gap:20px;}
  .gth-scope .gal > .gcta{grid-column:span 2;}
  .gth-scope .gcard{display:flex;flex-direction:column;border-radius:var(--r-lg);overflow:hidden;background:var(--paper);transition:transform .3s cubic-bezier(.2,.7,.2,1);}
  .gth-scope .gcard:hover{transform:translateY(-5px);}
  .gth-scope .gcard.wide{grid-column:span 2;}
  .gth-scope .gphoto{aspect-ratio:4/5;overflow:hidden;background:var(--lilac-soft);}
  .gth-scope .gcard.wide .gphoto{aspect-ratio:auto;flex:1;min-height:0;position:relative;}
  .gth-scope .gcard.wide .gphoto img{position:absolute;inset:0;}
  .gth-scope .gcard.wide .gcap{flex:none;}
  .gth-scope .gphoto img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1);}
  .gth-scope .gcard:hover .gphoto img{transform:scale(1.05);}
  .gth-scope .gcap{padding:12px;flex:1;display:flex;align-items:center;}
  .gth-scope .gcap .gitem{width:100%;}
  .gth-scope .k1{background:var(--lilac);} .gth-scope .k2{background:var(--apricot-soft);} .gth-scope .k3{background:var(--mint);} .gth-scope .k4{background:var(--blush-soft);} .gth-scope .k5{background:var(--sand);}
  .gth-scope .gitem{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;background:var(--paper);border-radius:var(--r-md);padding:8px 12px;}
  .gth-scope .gimg{width:44px;height:44px;display:grid;place-items:center;}
  .gth-scope .gimg img{max-width:100%;max-height:44px;width:auto;height:auto;object-fit:contain;border-radius:6px;}
  .gth-scope .gtxt{display:flex;flex-direction:column;min-width:0;}
  .gth-scope .gtxt small{font-size:12.5px;color:var(--ink-2);font-weight:600;}
  .gth-scope .gtxt b{font-size:14.5px;font-weight:700;line-height:1.25;}
  .gth-scope .gprice{font-family:var(--display);font-size:20px;direction:ltr;white-space:nowrap;}
  .gth-scope .gprice small{font-family:var(--text);font-size:13px;font-weight:600;margin-inline-end:2px;}
  .gth-scope .gcta{background:var(--plum-deep);color:var(--cream);justify-content:center;}
  .gth-scope .gcta-in{padding:28px;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;}
  .gth-scope .gcta-in strong{font-family:var(--display);font-weight:400;font-size:clamp(44px,5vw,66px);line-height:1;color:var(--apricot);direction:ltr;text-align:right;}
  .gth-scope .gcta-in span{font-size:17px;color:var(--lilac);}
  .gth-scope .gcta-in .go{display:inline-flex;align-items:center;gap:8px;margin-top:14px;background:var(--cream);color:var(--plum-deep);border-radius:999px;padding:12px 20px;font-weight:700;font-size:15px;width:max-content;}
  .gth-scope .gcta-in .go svg{width:18px;height:18px;}
  .gth-scope .gcta:hover .go{background:var(--apricot);}

  /* ---------- product grid ---------- */
  .gth-scope .products{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
  .gth-scope .pcard{display:flex;flex-direction:column;}
  .gth-scope .pimg{position:relative;border-radius:var(--r-lg);aspect-ratio:1/1;overflow:hidden;display:grid;place-items:center;transition:transform .3s cubic-bezier(.2,.7,.2,1);}
  .gth-scope .pcard:hover .pimg{transform:translateY(-5px);}
  .gth-scope .pimg a{display:grid;place-items:center;width:100%;height:100%;}
  .gth-scope .pimg img{width:78%;height:78%;object-fit:contain;transition:transform .5s cubic-bezier(.2,.7,.2,1);}
  .gth-scope .pcard:hover .pimg img{transform:scale(1.06);}
  .gth-scope .c1{background:var(--lilac-soft);} .gth-scope .c2{background:var(--apricot-soft);} .gth-scope .c3{background:var(--mint);} .gth-scope .c4{background:var(--blush-soft);} .gth-scope .c5{background:var(--sand);}
  .gth-scope .pbadge{position:absolute;top:14px;right:14px;background:var(--plum);color:#fff;font-size:11.5px;font-weight:700;padding:5px 12px;border-radius:999px;}
  .gth-scope .pinfo{padding:14px 4px 0;display:flex;flex-direction:column;gap:4px;flex:1;}
  .gth-scope .pinfo h3{font-size:16.5px;font-weight:700;line-height:1.35;}
  .gth-scope .pinfo h3 a{color:inherit;text-decoration:none;}
  .gth-scope .pinfo h3 a:hover{text-decoration:underline;}
  .gth-scope .pbrand{font-size:12.5px;color:var(--ink-2);font-weight:600;text-transform:uppercase;letter-spacing:.03em;}
  .gth-scope .pmeta{display:flex;align-items:center;gap:10px;margin:6px 0 10px;font-size:12px;color:var(--ink-2);}
  .gth-scope .pmeta .pinstall{font-weight:700;color:var(--ink);}
  .gth-scope .pmeta .pship{display:flex;align-items:center;gap:5px;}
  .gth-scope .pmeta .pship::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok);}
  .gth-scope .pbuy{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:10px;border-top:1px solid var(--line);}
  .gth-scope .price{font-family:var(--display);font-size:30px;line-height:1;direction:ltr;}
  .gth-scope .price small{font-family:var(--text);font-size:16px;font-weight:600;margin-inline-end:2px;}
  /* add-to-cart: 46px circle in layout; on real-hover devices the face widens into a labelled pill.
     The widening is a clip-path reveal (paint only, no layout reflow). */
  .gth-scope .add{position:relative;flex:none;width:46px;height:46px;padding:0;border:0;background:transparent;cursor:pointer;border-radius:23px;}
  .gth-scope .add-face{position:absolute;top:0;left:0;height:46px;width:46px;border-radius:23px;background:var(--plum);color:#fff;display:flex;align-items:center;gap:14px;padding:0 13px;direction:ltr;white-space:nowrap;box-sizing:border-box;}
  .gth-scope .add-face svg{width:20px;height:20px;flex:none;}
  .gth-scope .add-lbl{display:none;font-family:var(--text);font-size:14px;font-weight:700;direction:rtl;}
  .gth-scope .add:active .add-face{background:var(--plum-deep);}
  .gth-scope .add:focus-visible{outline:none;}
  .gth-scope .add:focus-visible .add-face{box-shadow:0 0 0 3px var(--cream),0 0 0 5px var(--plum);}
  .gth-scope .add.done .add-face{background:var(--ok);}
  
  @media (hover:hover) and (pointer:fine){
    .gth-scope .add-face{width:128px;clip-path:inset(0 82px 0 0 round 23px);transition:clip-path .28s cubic-bezier(.2,.7,.2,1),background .2s;}
    .gth-scope .add-lbl{display:inline;}
    .gth-scope .add:hover .add-face,.gth-scope .add:focus-visible .add-face,.gth-scope .add.done .add-face{clip-path:inset(0 0 0 0 round 23px);}
    .gth-scope .add:hover .add-face{background:var(--plum-deep);}
    .gth-scope .add.done .add-face{background:var(--ok);}
    .gth-scope .add:hover{z-index:2;}
    .gth-scope .perfume .add-face{width:92px;clip-path:inset(0 46px 0 0 round 23px);}
    .gth-scope .perfume .add:hover .add-face,.gth-scope .perfume .add:focus-visible .add-face,.gth-scope .perfume .add.done .add-face{clip-path:inset(0 0 0 0 round 23px);}
  }

  /* ---------- delivery (real policy) ---------- */
  .gth-scope .delivery{background:var(--plum-deep);color:var(--cream);border-radius:var(--r-xl);padding:56px;}
  .gth-scope .ship-head{text-align:center;max-width:560px;margin:0 auto 34px;}
  .gth-scope .delivery h2{font-family:var(--display);font-weight:400;font-size:clamp(32px,4vw,52px);line-height:1.08;}
  .gth-scope .delivery h2 em{font-style:normal;color:var(--apricot);}
  .gth-scope .delivery .lead{font-size:16.5px;color:var(--lilac);margin-top:12px;}
  .gth-scope .timeline{display:grid;grid-template-columns:1fr 1fr;margin-top:34px;position:relative;}
  .gth-scope .timeline::before{content:"";position:absolute;top:13px;right:13px;left:13px;height:3px;background:var(--plum);}
  .gth-scope .tl-step{position:relative;padding-top:38px;}
  .gth-scope .tl-step::before{content:"";position:absolute;top:2px;right:0;width:24px;height:24px;border-radius:50%;background:var(--apricot);border:5px solid var(--plum-deep);}
  .gth-scope .tl-step.end::before{background:var(--mint);}
  .gth-scope .tl-step strong{display:block;font-family:var(--display);font-weight:400;font-size:30px;line-height:1.1;}
  .gth-scope .tl-step span{font-size:15px;color:var(--lilac);}
  .gth-scope .areas{margin-top:26px;font-size:14.5px;color:var(--lilac);line-height:1.7;max-width:560px;}
  .gth-scope .areas b{color:var(--cream);}
  .gth-scope .price-tag{display:inline-flex;align-items:baseline;gap:8px;background:var(--apricot);color:var(--plum-deep);border-radius:999px;padding:8px 20px;font-weight:700;font-size:16px;margin-top:22px;}
  .gth-scope .price-tag b{font-family:var(--display);font-weight:400;font-size:28px;}
  .gth-scope .options{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
  .gth-scope .opt{position:relative;background:rgba(251,247,241,.07);border-radius:var(--r-md);padding:22px 18px 18px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;}
  .gth-scope .opt svg{width:30px;height:30px;color:var(--apricot);margin-bottom:4px;}
  .gth-scope .opt h3{font-size:15.5px;font-weight:700;}
  .gth-scope .opt p{font-size:12.5px;color:var(--lilac);line-height:1.4;}
  .gth-scope .opt .cost{font-family:var(--display);font-size:24px;color:var(--cream);direction:ltr;white-space:nowrap;margin-top:6px;}
  .gth-scope .opt-hero{background:rgba(255,184,119,.14);border:1.5px solid var(--apricot);}
  .gth-scope .opt-hero .cost{color:var(--apricot);font-size:28px;}
  .gth-scope .opt-badge{position:absolute;top:-11px;background:var(--apricot);color:var(--plum-deep);font-size:11px;font-weight:800;padding:3px 12px;border-radius:999px;}
  .gth-scope .ship-foot{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);}
  .gth-scope .legal{font-size:12.5px;color:var(--lilac);opacity:.75;line-height:1.5;max-width:640px;text-align:center;order:2;}
  .gth-scope .assure{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;order:1;}
  .gth-scope .assure a{background:var(--cream);color:var(--ink);border-radius:var(--r-md);padding:11px 18px;font-weight:700;font-size:13.5px;display:flex;align-items:center;gap:8px;transition:background .2s;}
  .gth-scope .assure a:hover{background:var(--apricot);}
  .gth-scope .assure svg{width:16px;height:16px;flex:none;}

  /* ---------- perfume band ---------- */
  .gth-scope .perfume{background:var(--blush);border-radius:var(--r-xl);padding:36px;display:grid;grid-template-columns:2fr 3fr;gap:36px;align-items:center;}
  .gth-scope .p-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start;}
  .gth-scope .p-pair img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-lg);}
  .gth-scope .p-pair img:nth-child(2){margin-top:34px;}
  .gth-scope .p-body{display:flex;flex-direction:column;gap:26px;min-width:0;}
  .gth-scope .perfume h2{font-family:var(--display);font-weight:400;font-size:clamp(30px,3.1vw,46px);line-height:1.08;}
  .gth-scope .perfume h2 em{font-style:normal;color:var(--plum);}
  .gth-scope .perfume p.lead{font-size:17px;color:var(--ink-2);margin:14px 0 26px;}
  .gth-scope .btn{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:var(--cream);padding:15px 28px;border-radius:999px;font-weight:700;font-size:16px;transition:background .2s,transform .2s;}
  .gth-scope .btn:hover{background:var(--plum);transform:translateX(-4px);}
  .gth-scope .btn svg{width:20px;height:20px;}
  .gth-scope .perfume .products{grid-template-columns:repeat(3,1fr);gap:18px;}
  .gth-scope .perfume .pimg{background:var(--paper);}
  .gth-scope .perfume .pinfo h3{margin-bottom:8px;}

  /* ---------- footer ---------- */
  .gth-scope footer{margin-top:90px;background:var(--ink);color:var(--cream);padding:72px 0 0;}
  .gth-scope .foot-grid{display:grid;grid-template-columns:1.3fr 0.9fr 0.9fr 1.3fr;gap:40px;padding-bottom:48px;}
  .gth-scope .foot-logo-badge{display:inline-flex;align-items:center;background:var(--cream);border-radius:14px;padding:10px 20px;margin-bottom:16px;}
  .gth-scope .foot-logo-badge img{height:44px;width:auto;display:block;}
  .gth-scope .foot-brand p{color:var(--lilac);max-width:320px;font-size:15px;line-height:1.6;}
  .gth-scope .foot-social{display:flex;gap:10px;margin-top:18px;}
  .gth-scope .foot-social a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);display:grid;place-items:center;color:var(--cream);transition:background .2s;}
  .gth-scope .foot-social a:hover{background:var(--plum);}
  .gth-scope .foot-social svg{width:18px;height:18px;}
  .gth-scope .pay{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;}
  .gth-scope .pay .pay-badge{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;padding:6px 12px;height:30px;box-sizing:content-box;}
  .gth-scope .pay .pay-badge img{height:18px;width:auto;display:block;}
  .gth-scope .pay .pay-badge.pb-card img{height:20px;}
  .gth-scope .f-title{font-family:var(--display);font-weight:400;font-size:19px;margin-bottom:16px;color:var(--cream);}
  .gth-scope .foot-col a{display:block;color:var(--lilac);font-size:15px;padding:5px 0;transition:color .2s;}
  .gth-scope .foot-col a.contact-link{display:flex;align-items:center;gap:8px;}
  .gth-scope .foot-col a.contact-link svg{width:16px;height:16px;flex:none;}
  /* Contact form, opened inline in the footer (native <details>). The form
     itself is the site's original Elementor form, rendered as-is; only the
     parts that would be unreadable on the dark footer are re-coloured. */
  .gth-scope .foot-contact{margin-top:2px;}
  .gth-scope .foot-contact > summary{display:flex;align-items:center;gap:8px;color:var(--lilac);font-size:15px;padding:5px 0;cursor:pointer;list-style:none;transition:color .2s;}
  .gth-scope .foot-contact > summary::-webkit-details-marker{display:none;}
  .gth-scope .foot-contact > summary:hover{color:var(--apricot);}
  .gth-scope .foot-contact > summary svg{width:16px;height:16px;flex:none;}
  .gth-scope .foot-contact[open] > summary{color:var(--apricot);margin-bottom:10px;}
  .gth-scope .foot-contact-body{background:rgba(255,255,255,.06);border-radius:var(--r-md);padding:16px;}
  .gth-scope .foot-contact-body .elementor-field-group > label{color:var(--lilac);font-size:13px;}
  .gth-scope .foot-contact-body .elementor-field-textual{background:var(--paper);border:1px solid var(--line);border-radius:10px;color:var(--ink);font-family:var(--text);font-size:14px;}
  .gth-scope .foot-contact-body .elementor-button[type="submit"]{background:var(--plum);color:#fff;border-radius:999px;font-family:var(--text);font-weight:700;}
  .gth-scope .foot-contact-body .elementor-button[type="submit"]:hover{background:var(--apricot);color:var(--plum-deep);}
  .gth-scope .foot-contact-body .elementor-field-type-acceptance,
  .gth-scope .foot-contact-body .elementor-field-option label{color:var(--lilac);font-size:12.5px;}
  .gth-scope .foot-contact-body a{color:var(--apricot);text-decoration:underline;}
  @media (max-width:560px){ .gth-scope .foot-contact-body{padding:12px;} }
  .gth-scope .foot-col a:hover{color:var(--apricot);}
  .gth-scope .visit-card{background:rgba(255,255,255,.06);border-radius:var(--r-md);padding:22px;}
  .gth-scope .visit-row{display:flex;align-items:flex-start;gap:12px;padding:8px 0;color:var(--lilac);font-size:14.5px;line-height:1.5;}
  .gth-scope .visit-row svg{width:19px;height:19px;flex:none;margin-top:1px;color:var(--apricot);}
  .gth-scope a.visit-row{transition:color .2s;}
  .gth-scope a.visit-row:hover{color:var(--apricot);}
  .gth-scope .visit-map{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:13.5px;font-weight:700;color:var(--apricot);}
  .gth-scope .visit-map svg{width:15px;height:15px;}
  .gth-scope .call{background:var(--plum);color:var(--cream);}
  .gth-scope .call-inner{max-width:var(--wrap);margin:0 auto;padding:34px 28px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;}
  .gth-scope .call p{font-size:17px;color:var(--lilac);}
  .gth-scope .call a.big{font-family:var(--display);font-size:clamp(38px,5vw,64px);line-height:1;direction:ltr;}
  .gth-scope .legal-row{background:var(--plum-deep);color:var(--lilac);font-size:13.5px;}
  .gth-scope .legal-row .wrap{display:flex;justify-content:space-between;gap:16px;padding-top:16px;padding-bottom:16px;flex-wrap:wrap;}
  .gth-scope .legal-row a{color:var(--lilac);}
  .gth-scope .legal-row a:hover{color:var(--apricot);}
  .gth-scope .note{color:var(--apricot);font-weight:600;}

  /* ---------- scroll reveal (content stays visible without JS) ---------- */
  .js .gth-scope .rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);}
  .js .gth-scope .rv.in{opacity:1;transform:none;}
  
  @media (prefers-reduced-motion:reduce){
    .js .gth-scope .rv{opacity:1;transform:none;transition:none;}
    .gth-scope .tile,.gth-scope .tile img,.gth-scope .pimg,.gth-scope .pimg img,.gth-scope .add,.gth-scope .add-face,.gth-scope .btn,.gth-scope .go{transition:none !important;}
  }

  /* ---------- responsive ---------- */
  @media (max-width:1080px){
    .gth-scope .hero-grid{grid-template-columns:1fr;}
    .gth-scope .stage{max-width:560px;margin-inline:auto;width:100%;}
    .gth-scope .products{grid-template-columns:repeat(2,1fr);}
    .gth-scope .delivery{padding:40px 28px;}
    .gth-scope .options{grid-template-columns:repeat(2,1fr);}
    .gth-scope .perfume{grid-template-columns:1fr;padding:28px;}
    .gth-scope .presenter,.gth-scope .presenter.flip{grid-template-columns:1fr;padding:18px;gap:20px;}
    .gth-scope .gal{grid-template-columns:repeat(2,1fr);}
    .gth-scope .gal > .gcta{grid-column:auto;}
    .gth-scope .presenter.flip .pr-photo{order:0;}
    .gth-scope .pr-photo{min-height:380px;}
    .gth-scope .foot-grid{grid-template-columns:1fr 1fr;}
    .gth-scope .facts{grid-template-columns:repeat(3,1fr);}
    .gth-scope .fact.minor{grid-column:1/-1;border-inline-end:0;border-top:1px solid var(--line);margin-top:18px;padding-top:16px;text-align:center;}
  }
  
  @media (max-width:860px){
    .gth-scope .bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:230px;}
    .gth-scope .bento .tile{grid-column:span 1 !important;grid-row:span 1 !important;}
    .gth-scope .bento .t-phones,.gth-scope .bento .t-perfume{grid-row:span 2 !important;}
    .gth-scope .bento .t-deal,.gth-scope .bento .t-hot{grid-column:span 2 !important;}
    .gth-scope .top-row{flex-wrap:wrap;gap:12px 14px;padding:10px 18px;}
    .gth-scope .search,.gth-scope .top.scrolled .search{order:3;width:100%;max-width:none;flex:1 0 100%;opacity:1;}
    .gth-scope .top.scrolled .logo img{height:40px;}
    .gth-scope .top-actions{gap:14px;}
    .gth-scope .phone{display:none;}
    .gth-scope .top-actions .icon-link span.lbl{display:none;}
    .gth-scope .logo img{height:40px;}
    .gth-scope .hamburger{display:flex;}
    .gth-scope nav.main{display:none;}
    .gth-scope .mobile-menu{display:none;border-top:1px solid var(--line);}
    .gth-scope .mobile-menu.open{display:block;}
    .gth-scope .mobile-menu ul{list-style:none;margin:0;padding:8px 18px 14px;display:flex;flex-direction:column;}
    .gth-scope .mobile-menu a{display:block;padding:11px 4px;font-size:15px;font-weight:600;border-bottom:1px solid var(--line);}
    .gth-scope .mobile-menu a.hot{color:var(--plum);}
  }
  
  @media (max-width:760px){
    .gth-scope .hide-sm{display:none !important;}
    /* best-sellers → horizontal swipe carousel on mobile (perfume grid stays untouched) */
  .gth-scope .products-scroll{display:flex;grid-template-columns:none;overflow-x:auto;gap:14px;padding:2px 2px 14px;margin:0 -18px;padding-inline-start:18px;padding-inline-end:18px;scroll-snap-type:x mandatory;scroll-padding-inline:18px;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
    .gth-scope .products-scroll::-webkit-scrollbar{display:none;}
    .gth-scope .products-scroll .pcard{flex:0 0 74vw;max-width:280px;scroll-snap-align:start;}
  }
  
  @media (max-width:560px){ .gth-scope .hide-xs{display:none !important;} .gth-scope .notice-row span::after{display:none !important;} }
  
  @media (max-width:560px){
    .gth-scope .wrap{padding:0 18px;}
    .gth-scope .tile{padding:16px;}
    .gth-scope .tile h3{font-size:21px;}
    .gth-scope .tile .meta{display:none;}
    .gth-scope .t-phones .meta,.gth-scope .t-perfume .meta{display:block;font-size:13px;}
    .gth-scope .tile .go{width:38px;height:38px;bottom:12px;right:12px;}
    .gth-scope .tile .go svg{width:17px;height:17px;}
    .gth-scope .t-deal .go,.gth-scope .t-hot .go{left:14px;right:auto;}
    .gth-scope .t-pc img,.gth-scope .t-mon img,.gth-scope .t-watch img,.gth-scope .t-tv img,.gth-scope .t-home img,.gth-scope .t-game img{height:58%;}
    .gth-scope .t-game .plinth{width:170px;height:170px;left:-30px;bottom:-56px;}
    .gth-scope .deal-slide{position:static;grid-template-columns:1fr;text-align:center;gap:12px;padding:26px 20px;opacity:1 !important;transform:none !important;display:none;}
    .gth-scope .deal-slide.on{display:grid;}
    .gth-scope .deal-img{margin:0 auto;width:100px;height:100px;order:1;}
    .gth-scope .deal-txt{order:2;}
    .gth-scope .deal-txt p{margin:0 auto;}
    .gth-scope .deal-price{order:3;}
    .gth-scope .dealband,.gth-scope .deal-stage{min-height:0;}
    .gth-scope .foot-grid{grid-template-columns:1fr;gap:32px;}
    .gth-scope .call-inner{flex-direction:column;align-items:flex-start;}
    .gth-scope .hero{padding-top:28px;}
    .gth-scope .facts{grid-template-columns:1fr 1fr;row-gap:20px;}
    .gth-scope .fact.lead{grid-column:1/-1;border-inline-end:0;padding-inline:0;}
    .gth-scope .fact.minor{grid-column:1/-1;border-inline-end:0;border-top:1px solid var(--line);padding-top:14px;margin-top:4px;text-align:center;}
    .gth-scope .sec-head{flex-direction:column;align-items:flex-start;}
    .gth-scope .products{gap:14px;}
    .gth-scope .pinfo h3{font-size:15px;}
    .gth-scope .price{font-size:24px;}
    .gth-scope .perfume .products{grid-template-columns:1fr;}
    .gth-scope .gal{gap:10px;}
    .gth-scope .gcard.wide,.gth-scope .gcta{grid-column:span 2;}
    .gth-scope .gcap{padding:8px;}
    .gth-scope .gitem{grid-template-columns:1fr auto;padding:8px 10px;}
    .gth-scope .gimg{display:none;}
    .gth-scope .gtxt b{font-size:13.5px;}
    .gth-scope .gprice{font-size:17px;}
    .gth-scope .gcard.wide .gphoto{aspect-ratio:16/10;flex:none;}
    .gth-scope .chip{gap:10px;padding:10px 12px;}
    .gth-scope .chip-txt b{font-size:15px;}
    .gth-scope .chip-price{font-size:20px;}
    .gth-scope .sticker{width:104px;height:104px;bottom:14px;left:14px;}
    .gth-scope .sticker strong{font-size:26px;}
    .gth-scope .stage .sticker{width:108px;height:108px;}
    .gth-scope .sticker strong{font-size:27px;}
    .gth-scope .tag-pill{font-size:12.5px;padding:7px 12px;}
    .gth-scope .foot-grid{grid-template-columns:1fr;}
    .gth-scope .options{grid-template-columns:1fr 1fr;}
    .gth-scope .assure{flex-direction:column;width:100%;}
    .gth-scope .assure a{justify-content:center;}
  }

  /* =====================================================================
     MOBILE PASS (390 / 430px) — rhythm, density, one-screen-per-idea.
     Everything below is scoped to ≤560px; desktop is untouched.
     ===================================================================== */
  @media (max-width:560px){
    /* global vertical rhythm */
  .gth-scope section.block{padding-top:52px;}
    .gth-scope .sec-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:6px 12px;margin-bottom:18px;}
    .gth-scope .sec-head > div{display:contents;}
    .gth-scope .sec-head h2{grid-column:1;grid-row:1;font-size:29px;}
    .gth-scope .sec-head p{grid-column:1 / -1;grid-row:2;font-size:14.5px;margin-top:0;}
    .gth-scope .sec-head .link-arrow{grid-column:2;grid-row:1;align-self:center;font-size:14px;gap:5px;}
    .gth-scope .sec-head .link-arrow svg{width:15px;height:15px;}

    /* hero: header search is the single sticky search on mobile, so the duplicate hero search is dropped */
  .gth-scope .hero{padding:18px 0 4px;}
    .gth-scope .hero-grid{grid-template-columns:minmax(0,1fr);gap:20px;}
    .gth-scope .hero-copy{min-width:0;}
    .gth-scope .hero h1{font-size:44px;}
    .gth-scope .hero .lead{font-size:15.5px;margin:12px 0 0;}
    .gth-scope .hero-search{display:none;}
    .gth-scope .chips{flex-wrap:nowrap;overflow-x:auto;margin:16px -18px 0;padding:0 18px 4px;max-width:none;scrollbar-width:none;}
    .gth-scope .chips::-webkit-scrollbar{display:none;}
    .gth-scope .chips button{flex:none;min-height:40px;padding:0 15px;font-size:13.5px;}
    .gth-scope .trust-line{gap:6px 16px;margin-top:14px;padding-top:12px;}
    .gth-scope .trust-line li{font-size:12.5px;}
    .gth-scope .trust-line svg{width:16px;height:16px;}
    .gth-scope .stage{aspect-ratio:4/3;border-radius:var(--r-lg);}
    .gth-scope .facts{grid-template-columns:1fr 1.2fr .8fr;row-gap:0;margin-top:18px;padding-top:16px;}
    .gth-scope .fact,.gth-scope .fact.lead{grid-column:auto;padding:0 10px;border-inline-end:1px solid var(--line);}
    .gth-scope .fact.lead{padding-inline-start:0;}
    .gth-scope .fact:nth-child(3){border-inline-end:0;padding-inline-end:0;}
    .gth-scope .fact strong,.gth-scope .fact.lead strong{font-size:20px;white-space:nowrap;}
    .gth-scope .fact span{font-size:12px;line-height:1.35;}
    .gth-scope .fact.minor{margin-top:14px;padding:12px 0 0;}

    /* deal of the week: tighter card */
  .gth-scope .deal-slide{gap:8px;padding:20px 18px 22px;}
    .gth-scope .deal-img{width:84px;height:84px;}
    .gth-scope .deal-txt h3{font-size:20px;margin-bottom:4px;}
    .gth-scope .deal-txt p{font-size:13px;}
    .gth-scope .deal-price b{font-size:38px;}
    .gth-scope .deal-price a{margin-top:6px;padding:10px 20px;}

    /* best sellers: narrower cards so the next one peeks (signals swipe) */
  .gth-scope .products-scroll .pcard{flex-basis:64vw;max-width:250px;}
    .gth-scope .pinfo{padding-top:10px;}

    /* departments: 2-col, 150px rows; phones / perfume / deals-hot become wide one-row tiles */
  .gth-scope .bento{grid-auto-rows:150px;gap:10px;}
    .gth-scope .bento .t-phones,.gth-scope .bento .t-perfume,.gth-scope .bento .t-hot,.gth-scope .bento .t-deal{grid-column:span 2 !important;grid-row:span 1 !important;}
    .gth-scope .bento .t-sec{grid-column:span 1 !important;}
    .gth-scope .t-phones h3,.gth-scope .t-phones .meta,.gth-scope .t-perfume h3,.gth-scope .t-perfume .meta{max-width:46%;}
    .gth-scope .t-phones img{width:50%;left:2%;bottom:8%;}
    .gth-scope .t-perfume img{width:auto;height:92%;left:6%;bottom:0;}
    .gth-scope .t-sec img{width:84%;right:8%;bottom:0;}
    .gth-scope .t-deal h3,.gth-scope .t-deal .meta{max-width:46%;}
    .gth-scope .t-deal img{width:auto;height:92%;left:2%;right:auto;bottom:0;}
    .gth-scope .t-deal .go{left:auto;right:12px;}
    .gth-scope .tile h3{font-size:19px;}
    .gth-scope .t-hot .big-note{font-size:58px;}

    /* presenter bands: photo at its native ratio (hotspots map 1:1), compact chips */
  .gth-scope .presenter,.gth-scope .presenter.flip{padding:14px;gap:16px;margin-top:0;}
    .gth-scope .pr-photo{min-height:0;aspect-ratio:1/1;}
    .gth-scope .presenter.flip .pr-photo{aspect-ratio:6/5;}
    .gth-scope .pr-body{padding:0 4px 4px;}
    .gth-scope .presenter h2{font-size:26px;}
    .gth-scope .presenter .lead{font-size:14.5px;margin:8px 0 14px;}
    .gth-scope .chips-list{gap:8px;}
    .gth-scope .chip{gap:10px;padding:8px 12px;}
    .gth-scope .chip-img{width:44px;height:44px;}
    .gth-scope .chip-img img{max-height:44px;}
    .gth-scope .chip-txt small{font-size:11.5px;}
    .gth-scope .chip-txt b{font-size:14px;line-height:1.3;}
    .gth-scope .chip-price{font-size:18px;}
    .gth-scope .chip-num{width:20px;height:20px;font-size:11.5px;}

    /* lifestyle gallery → swipe row instead of a two-screen grid */
  .gth-scope .gal{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:18px;gap:12px;margin:0 -18px;padding:0 18px 12px;scrollbar-width:none;}
    .gth-scope .gal::-webkit-scrollbar{display:none;}
    .gth-scope .gcard,.gth-scope .gcard.wide,.gth-scope .gcta{flex:0 0 70vw;max-width:280px;scroll-snap-align:start;grid-column:auto;}
    .gth-scope .gcard.wide .gphoto{aspect-ratio:4/5;flex:none;}
    .gth-scope .gcard.wide .gphoto img{position:static;object-position:62% 50%;}

    /* delivery: options as a compact list */
  .gth-scope .delivery{padding:28px 16px 24px;}
    .gth-scope .ship-head{margin-bottom:18px;}
    .gth-scope .delivery h2{font-size:28px;}
    .gth-scope .delivery .lead{font-size:14px;margin-top:8px;}
    .gth-scope .options{grid-template-columns:1fr;gap:8px;}
    .gth-scope .opt{flex-direction:row;align-items:center;text-align:start;gap:12px;padding:12px 14px;}
    .gth-scope .opt svg{width:24px;height:24px;margin:0;flex:none;}
    .gth-scope .opt > div{flex:1;min-width:0;}
    .gth-scope .opt h3{font-size:14.5px;}
    .gth-scope .opt p{font-size:12px;}
    .gth-scope .opt .cost,.gth-scope .opt-hero .cost{margin:0;font-size:22px;}
    .gth-scope .opt-badge{top:-10px;inset-inline-start:14px;font-size:11px;padding:2px 10px;}
    .gth-scope .opt-hero{padding-top:16px;}
    .gth-scope .ship-foot{margin-top:18px;padding-top:16px;gap:12px;}
    .gth-scope .assure{gap:8px;}
    .gth-scope .assure a{padding:10px 14px;}

    /* perfume: calm, list-like product rows instead of three full-width cards */
  .gth-scope .perfume{padding:16px;gap:18px;}
    .gth-scope .p-pair{gap:10px;}
    .gth-scope .p-pair img{aspect-ratio:1/1;}
    .gth-scope .p-pair img:nth-child(2){margin-top:0;}
    .gth-scope .p-body{gap:18px;}
    .gth-scope .perfume h2{font-size:26px;}
    .gth-scope .perfume p.lead{font-size:14.5px;margin:8px 0 14px;}
    .gth-scope .perfume .products{gap:10px;}
    .gth-scope .perfume .pcard{flex-direction:row;align-items:center;gap:12px;background:var(--paper);border-radius:var(--r-md);padding:8px;}
    .gth-scope .perfume .pimg{width:84px;flex:none;border-radius:12px;}
    .gth-scope .perfume .pinfo{padding:0 0 0 4px;gap:2px;}
    .gth-scope .perfume .pinfo h3{font-size:14px;}
    .gth-scope .perfume .pbuy{margin-top:4px;padding-top:6px;}
    .gth-scope .perfume .price{font-size:21px;}
    .gth-scope .perfume .add,.gth-scope .perfume .add-face{width:40px;height:40px;}
    .gth-scope .perfume .add-face{padding:0 10px;}

    /* footer: two link columns side by side */
  .gth-scope footer{margin-top:56px;padding-top:40px;}
    .gth-scope .foot-grid{grid-template-columns:1fr 1fr;gap:28px 16px;padding-bottom:32px;}
    .gth-scope .foot-brand,.gth-scope .foot-grid > div:last-child{grid-column:1 / -1;}
    .gth-scope .foot-brand p{font-size:14px;}
    .gth-scope .foot-col a{font-size:14px;padding:6px 0;}
    .gth-scope .f-title{font-size:17px;margin-bottom:8px;}
    .gth-scope .visit-card{padding:16px;}
    .gth-scope .visit-row{font-size:14px;padding:6px 0;}
    .gth-scope .call-inner{padding:24px 18px;gap:14px;}
    .gth-scope .call a.big{font-size:38px;}
    .gth-scope .visit-map{padding:10px 0;margin-top:2px;}
  }

  /* =====================================================================
     WordPress integration layer.
     The rules above are the approved design, generated from the mockup.
     The rules below only reconcile that design with real markup:
     <picture> wrappers, FiboSearch's form, and links that play the part of
     the mockup's buttons. No visual decisions are made here.
     ===================================================================== */

  /* <picture> must not introduce a box: the design sizes the <img> itself
     (grid items, percentage heights, absolute fills). */
  .gth-scope picture{display:contents;}
  /* ...which means "second image in the perfume pair" has to be addressed
     through its <picture>, since the <img> is preceded by <source> elements. */
  .gth-scope .p-pair img:nth-child(2){margin-top:0;}
  .gth-scope .p-pair > picture:nth-of-type(2) img{margin-top:34px;}
  @media (max-width:560px){ .gth-scope .p-pair > picture:nth-of-type(2) img{margin-top:0;} }

  /* Quick-search chips are links to real search results (were buttons). */
  .gth-scope .chips a{border:1.5px solid var(--ink);background:transparent;color:var(--ink);font-size:14px;font-weight:600;padding:7px 15px;border-radius:999px;transition:background .2s,color .2s;display:inline-block;}
  .gth-scope .chips a:hover{background:var(--ink);color:var(--cream);}
  @media (max-width:560px){ .gth-scope .chips a{flex:none;padding:9px 15px;font-size:13.5px;} }

  /* Add to cart is an <a> (real href fallback when JS is delayed/off). */
  .gth-scope .add{display:block;text-decoration:none;}
  .gth-scope .add.loading .add-face{opacity:.75;}
  .gth-scope .add.added{background:transparent;}
  /* WooCommerce appends its own "View cart" link after an AJAX add. The side
     cart already opens, so keep the row from reflowing. */
  .gth-scope .pbuy a.added_to_cart{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}
  .gth-scope .pbuy{position:relative;}

  /* WhatsApp button in the call band (was an inline style in the mockup). */
  .gth-scope .gth-btn-light{background:var(--cream);color:var(--plum-deep);}

  /* ---------- FiboSearch, dressed as the design's search field ----------
     Header: a pill with a round purple submit. Hero: a taller pill with a
     labelled submit. FiboSearch keeps its own suggestions dropdown, which it
     renders outside .gth-scope and which we deliberately do not restyle. */
  .gth-scope .search .dgwt-wcas-search-wrapp,
  .gth-scope .hero-search .dgwt-wcas-search-wrapp{flex:1;min-width:0;max-width:none;width:100%;}
  .gth-scope .search .dgwt-wcas-search-form,
  .gth-scope .hero-search .dgwt-wcas-search-form{margin:0;}
  .gth-scope .search .dgwt-wcas-sf-wrapp,
  .gth-scope .hero-search .dgwt-wcas-sf-wrapp{display:flex;align-items:center;gap:6px;background:transparent;border:0;box-shadow:none;padding:0;}
  .gth-scope .search .dgwt-wcas-search-input,
  .gth-scope .hero-search .dgwt-wcas-search-input{flex:1;min-width:0;border:0;background:transparent;box-shadow:none;outline:none;font-family:var(--text);color:var(--ink);height:auto;}
  /* FiboSearch prints its own settings-driven inline <style> at a higher
     specificity than a plain scoped class, which drew a second grey/purple
     rounded box inside the design's pill. Mirror its selector shape (and add
     our scope) so the field is genuinely transparent in both search bars. */
  .gth-scope .search .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input,
  .gth-scope .hero-search .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input,
  .gth-scope .search .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input:focus,
  .gth-scope .hero-search .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input:focus{background:transparent;background-color:transparent;border:0;border-color:transparent;border-radius:0;box-shadow:none;}
  .gth-scope .search .dgwt-wcas-search-input{font-size:15px;padding:10px 18px;}
  .gth-scope .hero-search .dgwt-wcas-search-input{font-size:17px;padding:14px 22px;}
  .gth-scope .search .dgwt-wcas-search-input::placeholder,
  .gth-scope .hero-search .dgwt-wcas-search-input::placeholder{color:var(--ink-2);opacity:1;}
  .gth-scope .search .dgwt-wcas-search-submit,
  .gth-scope .hero-search .dgwt-wcas-search-submit{border:0;background:var(--plum);color:#fff;font-family:var(--text);font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;flex:none;transition:background .2s;box-shadow:none;
    /* FiboSearch's own CSS absolutely positions this button (top:0;bottom:-12px)
       against its 40px-tall .dgwt-wcas-sf-wrapp — sized for FiboSearch's own
       default layout, not our 52px-tall hero button. That mismatch pushed the
       button past the pill's rounded border. .dgwt-wcas-sf-wrapp is already a
       flex row (see above), so a static position lets flex centering place the
       button correctly instead. Reported 2026-09-23. */
    position:static;top:auto;right:auto;bottom:auto;left:auto;}
  .gth-scope .search .dgwt-wcas-search-submit:hover,
  .gth-scope .hero-search .dgwt-wcas-search-submit:hover{background:var(--plum-deep);}
  .gth-scope .search .dgwt-wcas-search-submit{width:44px;height:44px;min-width:44px;border-radius:50%;font-size:0;padding:0;}
  /* The hero button is labelled; the design puts a magnifier before the label. */
  .gth-scope .hero-search .dgwt-wcas-search-submit{height:52px;padding:0 26px;border-radius:999px;font-size:16px;}
  .gth-scope .search .dgwt-wcas-search-submit:before,
  .gth-scope .hero-search .dgwt-wcas-search-submit:before{display:none;}
  .gth-scope .search-label{font-family:var(--text);font-weight:700;}

  /* FiboSearch positions its magnifier absolutely; inside our flex button that
     lifts it out of the row and drops it on top of the "חיפוש" label. Put it
     back in normal flow so icon and label sit side by side. */
  .gth-scope .search .dgwt-wcas-search-submit svg,
  .gth-scope .hero-search .dgwt-wcas-search-submit svg,
  .gth-scope .search .dgwt-wcas-search-submit .dgwt-wcas-ico-magnifier,
  .gth-scope .hero-search .dgwt-wcas-search-submit .dgwt-wcas-ico-magnifier{position:static;inset:auto;width:20px;height:20px;min-width:20px;margin:0;fill:currentColor;}
  .gth-scope .search .dgwt-wcas-ico-magnifier,
  .gth-scope .hero-search .dgwt-wcas-ico-magnifier{fill:currentColor;}
  .gth-scope .search .dgwt-wcas-preloader,
  .gth-scope .hero-search .dgwt-wcas-preloader{inset-inline-end:58px;}
  /* FiboSearch's own close/voice controls and its mobile icon-layout arrow are
     not part of the approved design. */
  .gth-scope .dgwt-wcas-voice-search,
  .gth-scope .search .dgwt-wcas-search-icon-arrow,
  .gth-scope .hero-search .dgwt-wcas-search-icon-arrow{display:none;}
  /* The hero field keeps the design's own frame, so the plugin's is removed. */
  .gth-scope .hero-search{padding:6px;}
  .gth-scope .search{padding:4px 6px;}

  /* Fallback form (only if FiboSearch is ever deactivated). */
  .gth-scope .gth-fallback-search{display:flex;align-items:center;gap:6px;flex:1;min-width:0;}
  .gth-scope .gth-fallback-search input{flex:1;min-width:0;border:0;background:transparent;font-family:inherit;font-size:15px;padding:10px 18px;outline:none;}
  .gth-scope .gth-fallback-search button{border:0;background:var(--plum);color:#fff;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:none;}
  .gth-scope .gth-fallback-search button svg{width:20px;height:20px;}