/* ===== Grumans homepage (pixel-based on 1920 design; 1px = (100/1920)vw) ===== */
.grumans-home{margin:0;}
html,body{overflow-x:clip;max-width:100%;}
/* --u = SIZE unit (fonts/widths/heights/gaps): on desktop it is a FIXED px floored at 0.88px,
   so text & elements keep ONE constant size and never shrink when you narrow the window (they only
   grow on screens larger than ~1690px). --x = horizontal POSITION unit: always proportional (vw),
   so positions re-flow with the width. Result: a normal responsive site (fixed text, fluid positions). */
.gru{--u:0.0520833vw;--x:0.0520833vw;direction:rtl;font-family:'Noto Sans Hebrew',sans-serif;color:#383636;overflow-x:clip;position:relative;width:100%;max-width:100%;}
@media (min-width:1024px){ .gru{--u:max(0.0520833vw, 0.88px);} }
.gru *{box-sizing:border-box;margin:0;padding:0;}
.gru img{max-width:100%;display:block;}
.gru a{text-decoration:none;color:inherit;}
.gru .gru-cta{display:inline-flex;align-items:center;justify-content:center;background:#753641;color:#e9c7df;border-radius:calc(var(--u)*40);font-weight:800;border:none;cursor:pointer;}

/* ===== HEADER (transparent, turns white on scroll) ===== */
.gru-hdr{position:fixed;top:0;left:0;right:0;z-index:99;display:flex;align-items:center;justify-content:space-between;
  padding:calc(var(--u)*22) calc(var(--u)*120);height:calc(var(--u)*90);
  transition:background .25s ease, box-shadow .25s ease, padding .25s ease, height .25s ease, transform .3s ease;}
/* auto-hide on scroll down, reveal on scroll up (so it never slices section content) */
.gru-hdr.hide{transform:translateY(-160%);}
/* account for the WP admin bar so it never hides the header */
body.admin-bar .gru-hdr{top:32px;}
@media screen and (max-width:1023px){ body.admin-bar .gru-hdr{top:46px;} }
/* scrolled state: solid white */
.gru-hdr.scrolled{background:#fff;box-shadow:0 3px 16px rgba(0,0,0,.06);padding-top:calc(var(--u)*15);padding-bottom:calc(var(--u)*15);height:calc(var(--u)*74);}
.gru-hdr.scrolled .gru-nav .gru-menu a{color:#383636;}
.gru-burger{display:none;}
.gru-close{display:none;}
.gru-contact span{color:#f4ede1;display:inline-block;}
.gru-nav .gru-menu{display:flex;align-items:center;gap:calc(var(--u)*40);list-style:none;}
.gru-nav .gru-menu a{color:#000;font-size:calc(var(--u)*18.4);line-height:1;white-space:nowrap;}
.gru-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(var(--u)*145);margin-top:5px;}
.gru-hdr-left{display:flex;align-items:center;gap:calc(var(--u)*24);}
.gru-contact{background:#383636;color:#f4ede1;font-size:calc(var(--u)*17.3);font-weight:600;border-radius:calc(var(--u)*40);padding:calc(var(--u)*9) calc(var(--u)*32);white-space:nowrap;line-height:1;}
.gru-search img{width:calc(var(--u)*18);height:calc(var(--u)*18);}
.gru-nav .gru-menu{gap:calc(var(--u)*28);}

/* ===== Mega menu (desktop, accordion, Figma style) ===== */
.gru-menu .menu-item-has-children{position:static;}
.gru-menu .sub-menu{list-style:none;}
.gru-menu > li.menu-item-7901{position:static;}
.gru-menu > li.menu-item-7901 > a::after{content:" \25BE";font-size:.8em;}
.gru-menu > li.menu-item-7901 > .sub-menu{
  position:absolute;top:100%;left:0;right:0;width:100%;
  column-count:3;column-gap:calc(var(--u)*60);
  background:#fff;box-shadow:0 24px 50px rgba(0,0,0,.10);border-radius:0 0 18px 18px;
  padding:calc(var(--u)*22) 7vw calc(var(--u)*36);
  opacity:0;visibility:hidden;transform:translateY(calc(var(--u)*-8));
  transition:opacity .28s ease, transform .28s ease, visibility 0s linear .28s;pointer-events:none;z-index:9999;}
/* invisible bridge so the cursor can travel from the nav to the panel */
.gru-menu > li.menu-item-7901 > .sub-menu::before{content:"";position:absolute;top:calc(var(--u)*-26);left:0;right:0;height:calc(var(--u)*26);}
.gru-menu > li.menu-item-7901:hover > .sub-menu,
.gru-menu > li.menu-item-7901.mega-open > .sub-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition:opacity .28s ease, transform .28s ease, visibility 0s;}
/* each category = an accordion row with a divider */
.gru-menu > li.menu-item-7901 > .sub-menu > li{break-inside:avoid;-webkit-column-break-inside:avoid;width:100%;border-bottom:1px solid #ead9df;}
.gru-menu > li.menu-item-7901 > .sub-menu > li > a{display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:calc(var(--u)*18);color:#1a1a1a;padding:calc(var(--u)*15) 0;white-space:normal;}
/* +/- expander for categories that have sub-items */
.gru-menu > li.menu-item-7901 > .sub-menu > li.menu-item-has-children > a::after{content:"+";font-size:calc(var(--u)*24);font-weight:400;color:#753641;line-height:1;margin-inline-start:auto;}
.gru-menu > li.menu-item-7901 > .sub-menu > li.menu-item-has-children.open > a::after{content:"\2013";}
/* expanded children: always grid, collapsed via max-height so it can animate open/closed */
.gru-menu > li.menu-item-7901 > .sub-menu .sub-menu{display:grid;grid-template-columns:1fr 1fr;gap:0 calc(var(--u)*18);max-height:0;overflow:hidden;opacity:0;padding:0;transition:max-height .38s ease,opacity .3s ease,padding .38s ease;}
.gru-menu > li.menu-item-7901 > .sub-menu > li.open > .sub-menu{max-height:calc(var(--u)*700);opacity:1;padding:0 0 calc(var(--u)*16);}
.gru-menu > li.menu-item-7901 > .sub-menu .sub-menu > li{border:0;}
.gru-menu > li.menu-item-7901 > .sub-menu .sub-menu > li > a{font-weight:400;font-size:calc(var(--u)*14);color:#666;padding:calc(var(--u)*5) 0;display:block;}
/* "הכל" link at the top of each sub-category list -> the parent category archive */
.gru-menu > li.menu-item-7901 > .sub-menu .sub-menu > li.gru-sub-all > a{font-weight:700;color:#753641;}
/* other simple dropdowns */
.gru-menu > li:not(.menu-item-7901) .sub-menu{position:absolute;background:#fff;padding:10px 16px;border-radius:8px;box-shadow:0 10px 24px rgba(0,0,0,.1);display:none;min-width:180px;}
.gru-menu > li:not(.menu-item-7901):hover > .sub-menu{display:block;}

/* ===== HERO ===== */
/* anchor the hero photo to the RIGHT (100%) so the empty pink area always stays behind the
   right-side text, leaving room for it on every screen width (percentage-based, never crops it out) */
.gru-hero{position:relative;width:100%;height:100vh;min-height:calc(var(--u)*760);background-color:#eac8df;background-size:cover;background-repeat:no-repeat;background-position:100% center;}
.gru-hero-c{position:absolute;top:50%;transform:translateY(-50%);right:calc(var(--x)*162);width:calc(var(--u)*450);display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--u)*22);}
.gru-h1{color:#383636;font-size:calc(var(--u)*73);font-weight:400;line-height:calc(var(--u)*70);letter-spacing:-1.2px;text-align:right;}
.gru-hero-c .gru-cta{width:calc(var(--u)*210);height:calc(var(--u)*52);padding:0;font-size:calc(var(--u)*18);letter-spacing:.4px;}

/* ===== 2. NICE STUFF (full-screen, carousel covers the title) ===== */
.gru-ns{position:relative;height:80vh;background:#fff;overflow:hidden;}
/* title centered, sits BEHIND the carousel */
.gru-ns-title{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);text-align:center;z-index:0;
  font-family:'Noto Sans',sans-serif;font-weight:300;font-size:calc(var(--u)*120);line-height:calc(var(--u)*109);color:#753641;}
/* arrows (thin outlined circles, top-right, like Figma) */
.gru-ns-arrows{position:absolute;top:calc(var(--u)*60);right:8vw;display:flex;gap:calc(var(--u)*16);z-index:3;direction:ltr;}
.gru-ns-arrows button{width:calc(var(--u)*63);height:calc(var(--u)*63);border:none;background:transparent!important;box-shadow:none!important;cursor:pointer;padding:0;transition:transform .2s ease;}
.gru-ns-arrows button:hover,.gru-ns-arrows button:focus,.gru-ns-arrows button:active{background:transparent!important;outline:none;box-shadow:none!important;transform:scale(1.06);}
.gru-ns-arrows img{width:100%;height:100%;display:block;pointer-events:none;}
/* carousel: slides in from the side (no fade), starts at LEFT, scrolls right, covers title */
.gru-ns-track{position:absolute;top:54%;left:0;right:0;z-index:1;direction:ltr;
  display:flex;gap:calc(var(--u)*24);overflow-x:auto;padding:0 8vw;scroll-behavior:smooth;scrollbar-width:none;
  scroll-snap-type:x mandatory;scroll-padding-inline:8vw;
  transform:translate(100%,-50%);transition:transform 1.1s cubic-bezier(.22,.61,.36,1);}
.gru-ns-track::-webkit-scrollbar{display:none;}
.gru-ns.in .gru-ns-track{transform:translate(0,-50%);}
.gru-ns-card{flex:0 0 calc(var(--u)*330);position:relative;display:block;border-radius:calc(var(--u)*18);overflow:hidden;scroll-snap-align:center;background:#fff;}
.gru-ns-card img{width:100%;height:calc(var(--u)*500);object-fit:cover;display:block;transition:transform .5s ease;background:#fff;}
.gru-ns-card:hover img{transform:scale(1.05);}
.gru-ns-card span{position:absolute;left:0;right:0;bottom:0;padding:calc(var(--u)*44) calc(var(--u)*20) calc(var(--u)*20);color:#1a1a1a;font-size:calc(var(--u)*20);font-weight:400;text-align:center;direction:rtl;background:none;pointer-events:none;}

/* ===== 3. FEATURED (pixel-exact, absolute positioning from Figma 1920x853) ===== */
.gru-feat{position:relative;height:100vh;min-height:calc(var(--u)*853);background:#f6f5eb;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.gru-feat-stage{position:relative;width:100%;height:calc(var(--u)*853);}
.gru-feat-bottle{position:absolute;left:calc(var(--x)*538);top:calc(var(--u)*133);width:calc(var(--u)*516);}
/* Scroll-scrubbed frame sequence (canvas) occupies the bottle's spot. Keeps the 760:980 frame aspect so the mug isn't distorted. */
.gru-feat-seq{display:block;left:calc(var(--x)*400);top:calc(var(--u)*66);width:calc(var(--u)*558);height:calc(var(--u)*720);background:transparent;pointer-events:none;}
.gru-feat-sticker{position:absolute;left:calc(var(--x)*456);top:calc(var(--u)*105 + 100px);width:calc(var(--u)*196);}
.gru-feat-title{position:absolute;right:calc(var(--x)*162);top:calc(var(--u)*310);width:calc(var(--u)*373);font-family:'Noto Sans Hebrew',sans-serif;font-weight:400;font-size:calc(var(--u)*64);line-height:calc(var(--u)*59);letter-spacing:calc(var(--u)*-0.64);color:#753641;text-align:right;}
.gru-feat-text{position:absolute;right:calc(var(--x)*163);top:calc(var(--u)*444);width:calc(var(--u)*294);font-family:'Noto Sans Hebrew',sans-serif;font-weight:400;font-size:calc(var(--u)*16);line-height:calc(var(--u)*24);color:#0c0c0c;text-align:right;}
.gru .gru-feat-cta{position:absolute;right:calc(var(--x)*157);top:calc(var(--u)*566);width:calc(var(--u)*227);height:calc(var(--u)*45);background:#753641;color:#e9c7df;border-radius:calc(var(--u)*40);display:flex;align-items:center;justify-content:center;font-family:'Noto Sans Hebrew',sans-serif;font-weight:600;font-size:calc(var(--u)*20);text-decoration:none;}

/* ===== 4. SPECIAL DESIGN (pixel-exact + floating circles like eis-lab) ===== */
.gru-sd{position:relative;height:calc(var(--u)*900);background:#753641;overflow:hidden;}
/* 2 vertical lanes (no inter-lane overlap); 2 circles per lane half a cycle apart (no intra-lane overlap).
   Several circles cross left->right at the same time at constant speed, but never on top of each other.
   Lanes have generous top/bottom margin so circles float inside the maroon and never look clipped. */
.gru-sd-c{position:absolute;left:calc(var(--u)*-370);width:calc(var(--u)*370);height:calc(var(--u)*370);border-radius:50%;object-fit:cover;will-change:transform;animation:gruTravel 18s linear infinite;}
/* Playful scatter: 4 distinct heights, alternating upper/lower by travel-phase so no two circles are ever
   on the same row at once, and none sits dead-centre over the text. overflow:hidden clips the bleed so
   nothing spills onto the neighbouring sections. Phases are c1=0% c2=25% c3=50% c4=75%. */
.gru-sd-c1{top:calc(var(--u)*-125);animation-delay:0s;}            /* bleeds ~34% off the TOP */
.gru-sd-c2{top:calc(var(--u)*430);animation-delay:-4.5s;}         /* stays INSIDE, lower */
.gru-sd-c3{top:calc(var(--u)*50);animation-delay:-9s;}            /* stays INSIDE, upper (off the text centre) */
.gru-sd-c4{top:calc(100% - var(--u)*240);animation-delay:-13.5s;} /* bleeds ~35% off the BOTTOM */
@keyframes gruTravel{
  from{transform:translateX(0)}
  to{transform:translateX(calc(100vw + var(--u)*740))}
}
.gru-sd-pre{position:absolute;top:calc(var(--u)*283);left:0;right:0;text-align:center;font-family:'Noto Sans Hebrew',sans-serif;font-weight:400;font-size:calc(var(--u)*64);line-height:calc(var(--u)*52);letter-spacing:calc(var(--u)*-1.92);color:#f6f5eb;z-index:2;}
.gru-sd-title{position:absolute;top:calc(var(--u)*350);left:0;right:0;text-align:center;font-family:'Noto Sans',sans-serif;font-weight:300;font-size:calc(var(--u)*100);line-height:calc(var(--u)*98);color:#f6f5eb;text-transform:uppercase;z-index:2;}
.gru .gru-sd-cta{position:absolute;top:calc(var(--u)*636);left:50%;transform:translateX(-50%);width:calc(var(--u)*199);height:calc(var(--u)*45);display:flex;align-items:center;justify-content:center;background:#e9c7df;color:#753641;border-radius:calc(var(--u)*40);font-family:'Noto Sans Hebrew',sans-serif;font-weight:600;font-size:calc(var(--u)*20);text-decoration:none;z-index:2;}

/* ===== 5. BEST SELLERS ===== */
.gru-bs{background:#fff;padding:calc(var(--u)*80) 8vw calc(var(--u)*60);}
.gru-bs h2{font-size:calc(var(--u)*64);font-weight:400;color:#474444;text-align:center;margin-bottom:calc(var(--u)*32);}
.gru-bs-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:calc(var(--u)*28);}
.gru-bs-arrows{display:flex;gap:calc(var(--u)*14);direction:ltr;}
.gru-bs-arrows button{width:calc(var(--u)*54);height:calc(var(--u)*54);border:none;background:transparent!important;box-shadow:none!important;cursor:pointer;padding:0;transition:transform .2s;}
.gru-bs-arrows button:hover,.gru-bs-arrows button:focus,.gru-bs-arrows button:active{background:transparent!important;outline:none;box-shadow:none!important;transform:scale(1.08);}
.gru-bs-arrows img{width:100%;height:100%;display:block;pointer-events:none;}
.gru-bs-pills{display:flex;gap:calc(var(--u)*12);flex-wrap:wrap;justify-content:flex-end;}
.gru-pill{background:#fff;border:1px solid #d8b9c4;color:#753641;border-radius:calc(var(--u)*40);padding:calc(var(--u)*9) calc(var(--u)*22);font-family:'Noto Sans Hebrew',sans-serif;font-weight:600;font-size:calc(var(--u)*16);cursor:pointer;white-space:nowrap;transition:background .2s,color .2s;}
.gru-pill:hover{background:#f7eef1;}
.gru-pill.is-active{background:#753641;border-color:#753641;color:#e9c7df;}
.gru-bs-track{display:flex;gap:calc(var(--u)*24);overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:calc(var(--u)*8);direction:rtl;scroll-snap-type:x mandatory;}
.gru-bs-track::-webkit-scrollbar{display:none;}
/* exactly 4 cards per view (3 gaps of 24u between them) */
.gru-bs-card{flex:0 0 calc((100% - var(--u)*72) / 4);display:block;text-align:center;text-decoration:none;scroll-snap-align:start;}
.gru-bs-img{background:#f1f0ee;border-radius:18px;aspect-ratio:369/430;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.gru-bs-img img{width:82%;height:82%;object-fit:contain;}
.gru-bs-name{display:block;margin-top:calc(var(--u)*16);font-size:calc(var(--u)*18);color:#383636;font-weight:600;line-height:1.3;}
.gru-bs-sub{display:block;font-size:calc(var(--u)*15);color:#9a9a9a;margin-top:calc(var(--u)*2);}
.gru-bs-colors{display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*6);margin-top:calc(var(--u)*12);}
.gru-bs-plus{font-size:calc(var(--u)*20);color:#383636;line-height:1;margin-left:calc(var(--u)*4);}
.gru-dot{width:calc(var(--u)*15);height:calc(var(--u)*15);border-radius:50%;display:inline-block;border:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);}

/* ===== 6. LOGOS ===== */
/* logos marquee: seamless infinite scroll, brand logos fading into the white at both edges.
   direction:ltr on the track (the page is RTL) so the translateX loop stays seamless. */
.gru-logos{position:relative;direction:ltr;background:#fff;overflow:hidden;padding:calc(var(--u)*44) 0 calc(var(--u)*76);}
.gru-logos-track{direction:ltr;display:flex;flex-wrap:nowrap;align-items:center;width:max-content;animation:gruMarquee 52s linear infinite;}
/* uniform trailing margin (incl. last item) so the -50% loop is perfectly seamless */
.gru-logo-item{height:clamp(62px, 7.4vw, 112px);width:auto;flex:0 0 auto;object-fit:contain;opacity:.8;margin-right:5vw;}
/* white fade masks on the edges */
.gru-logos::before,.gru-logos::after{content:"";position:absolute;top:0;bottom:0;width:12%;z-index:2;pointer-events:none;}
.gru-logos::before{left:0;background:linear-gradient(90deg,#fff,rgba(255,255,255,0));}
.gru-logos::after{right:0;background:linear-gradient(270deg,#fff,rgba(255,255,255,0));}
@keyframes gruMarquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media (prefers-reduced-motion:reduce){.gru-logos-track{animation:none;}}
@media (max-width:1023px){
  .gru-logos{padding:30px 0 36px;}
  .gru-logo-item{height:clamp(64px, 20vw, 104px);margin-right:8vw;}
}

/* ===== 7. WE ARE ===== */
.gru-we{background:#fff;padding:calc(var(--u)*40) calc(var(--x)*160);}
/* responsive flex box: watermark sits behind on the left, content + CTA flow centered, fixed text sizes */
.gru-we-box{position:relative;background:#f6f5eb;border-radius:calc(var(--u)*20);min-height:calc(var(--u)*620);overflow:hidden;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:calc(var(--u)*70) calc(var(--x)*120);gap:calc(var(--u)*14);}
.gru-we-wm{position:absolute;left:0;top:50%;transform:translateY(-50%);width:auto;max-width:45%;height:100%;object-fit:contain;object-position:left center;pointer-events:none;}
.gru-we-c{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;}
.gru-we-lorem{font-family:'Noto Sans Hebrew',sans-serif;font-weight:500;font-size:calc(var(--u)*20);line-height:calc(var(--u)*22);color:#753641;text-align:left;align-self:flex-end;margin:0;}
.gru-we-title{direction:ltr;font-family:'Noto Sans',sans-serif;font-weight:300;font-size:calc(var(--u)*100);line-height:calc(var(--u)*90);color:#753641;text-transform:uppercase;text-align:center;margin:calc(var(--u)*24) 0 0;display:flex;flex-direction:column;align-items:center;}
.gru-we-title span{display:flex;align-items:center;}
.gru-we-logo-stack{position:relative;display:inline-block;margin-left:calc(var(--u)*14);top:calc(var(--u)*6);}
.gru-we-logo{height:calc(var(--u)*120);width:auto;display:block;transform:rotate(-5deg);}
.gru-we-logo--full{margin-left:calc(var(--u)*14);position:relative;top:calc(var(--u)*6);
  /* pink "sticker" look approximating the figma until the exact asset is exported */
  filter:drop-shadow(3px 0 0 #e9c7df) drop-shadow(-3px 0 0 #e9c7df) drop-shadow(0 3px 0 #e9c7df) drop-shadow(0 -3px 0 #e9c7df)
         drop-shadow(2px 2px 0 #e9c7df) drop-shadow(-2px -2px 0 #e9c7df) drop-shadow(2px -2px 0 #e9c7df) drop-shadow(-2px 2px 0 #e9c7df);}
.gru-we-give{position:absolute;left:calc(var(--u)*153);top:calc(var(--u)*73);width:calc(var(--u)*144);height:auto;}
.gru-we .gru-we-cta{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:calc(var(--u)*199);height:calc(var(--u)*45);margin-top:calc(var(--u)*48);background:#753641;color:#e9c7df;border-radius:calc(var(--u)*40);font-family:'Noto Sans Hebrew',sans-serif;font-size:calc(var(--u)*20);text-decoration:none;}

/* ===== 8. CONTACT (responsive flex: info column + form column, content flows, fixed text sizes) ===== */
.gru-ct{background:#fff;}
.gru-ct-inner{direction:rtl;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;
  gap:calc(var(--u)*50) calc(var(--x)*80);padding:calc(var(--u)*150) calc(var(--x)*161);}
/* right column: heading + details + socials (flows, so a wrapping title pushes the rest down) */
.gru-ct-text{display:flex;flex-direction:column;flex:0 1 calc(var(--x)*600);min-width:calc(var(--u)*280);}
.gru-ct-title{margin:0;text-align:right;font-family:'Noto Sans Hebrew',sans-serif;font-weight:400;font-size:calc(var(--u)*64);line-height:calc(var(--u)*56);letter-spacing:calc(var(--u)*-1.92);color:#383636;}
.gru-ct-info{display:flex;gap:calc(var(--u)*40);margin-top:calc(var(--u)*40);flex-wrap:wrap;}
.gru-ct-phone{font-family:'Noto Sans Hebrew',sans-serif;font-weight:400;font-size:calc(var(--u)*20);line-height:calc(var(--u)*30);color:#5e2b33;text-decoration:none;}
.gru-ct-email{font-family:'Noto Sans',sans-serif;font-weight:400;font-size:calc(var(--u)*19);line-height:calc(var(--u)*30);color:#5e2b33;text-decoration:none;}
.gru-ct-social{display:flex;gap:calc(var(--u)*43);margin-top:calc(var(--u)*84);flex-wrap:wrap;}
.gru-ct-social a{font-family:'Noto Sans Hebrew',sans-serif;font-weight:400;font-size:calc(var(--u)*21);line-height:calc(var(--u)*30);color:#753641;text-decoration:none;}
.gru-ct-social a:hover,.gru-ct-phone:hover,.gru-ct-email:hover{text-decoration:underline;}
/* left column: subtitle + form (2-col grid that shrinks proportionally) */
.gru-ct-formcol{flex:0 1 calc(var(--x)*820);min-width:calc(var(--u)*320);}
.gru-ct-sub{margin:0 0 calc(var(--u)*34);text-align:right;font-family:'Noto Sans Hebrew',sans-serif;font-weight:400;font-size:calc(var(--u)*20);line-height:calc(var(--u)*30);color:#000;}
.gru-form{display:grid;grid-template-columns:calc(var(--x)*369) calc(var(--x)*369);gap:calc(var(--u)*64) calc(var(--x)*46);direction:rtl;}
.gru-form input,.gru-form textarea{background:transparent;border:none;border-bottom:1px solid #c7bfbf;padding:0 0 calc(var(--u)*6);font-family:'Noto Sans Hebrew',sans-serif;font-weight:400;font-size:calc(var(--u)*20);line-height:calc(var(--u)*30);color:#000;text-align:right;outline:none;resize:none;width:100%;}
.gru-form input::placeholder,.gru-form textarea::placeholder{color:#000;opacity:1;}
.gru-form input:focus,.gru-form textarea:focus{border-bottom-color:#753641;}
.gru-form .gru-f-name {grid-column:1;grid-row:1;height:calc(var(--u)*38);align-self:end;}
.gru-form .gru-f-phone{grid-column:1;grid-row:2;height:calc(var(--u)*42);align-self:end;}
.gru-form .gru-f-email{grid-column:1;grid-row:3;height:calc(var(--u)*42);align-self:end;}
.gru-form .gru-f-msg  {grid-column:2;grid-row:1 / span 2;height:calc(var(--u)*150);align-self:start;}
.gru-form .gru-f-btn{grid-column:2;grid-row:3;justify-self:end;width:calc(var(--x)*238);height:calc(var(--x)*54);min-height:calc(var(--u)*44);background:#753641;color:#e9c7df;border:none;border-radius:calc(var(--u)*50);font-family:'Noto Sans Hebrew',sans-serif;font-weight:700;font-size:calc(var(--u)*20);cursor:pointer;transition:background .2s;align-self:center;}
.gru-form .gru-f-btn:hover{background:#5e2b33;}

/* ===== FOOTER (responsive flex: fixed text sizes, columns re-flow / wrap) ===== */
.gru-footer{background:#383636;color:#fff;}
.gru-ft-acc{display:none;}
.gru-ft-inner{position:relative;direction:rtl;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;
  row-gap:calc(var(--u)*30);column-gap:calc(var(--x)*40);
  padding:calc(var(--u)*70) calc(var(--x)*160) calc(var(--u)*50);height:auto;}
.gru-ft-grp{display:block;}
.gru-ft-cols{display:flex;gap:calc(var(--x)*36);}
/* link / category columns */
.gru-ft-col{position:static;display:flex;flex-direction:column;text-align:right;}
.gru-ft-col h4{margin:0 0 calc(var(--u)*13);min-height:calc(var(--u)*24);font-family:'Noto Sans Hebrew',sans-serif;font-weight:700;font-size:calc(var(--u)*20);line-height:calc(var(--u)*24);color:#fff;}
.gru-ft-col a{font-family:'Noto Sans Hebrew',sans-serif;font-weight:400;font-size:calc(var(--u)*18);line-height:calc(var(--u)*23);color:#fff;text-decoration:none;margin-bottom:calc(var(--u)*13);white-space:nowrap;}
.gru-ft-col a:hover{text-decoration:underline;}
/* address block */
.gru-ft-addr{position:static;width:calc(var(--u)*260);text-align:right;}
.gru-ft-addr h4{margin:0 0 calc(var(--u)*10);font-family:'Noto Sans Hebrew',sans-serif;font-weight:700;font-size:calc(var(--u)*20);color:#fff;}
.gru-ft-addr p{margin:0 0 calc(var(--u)*12);font-family:'Noto Sans Hebrew',sans-serif;font-weight:400;font-size:calc(var(--u)*18);line-height:calc(var(--u)*25);color:#fff;}
.gru-ft-addr .gru-ft-addr-line{margin-bottom:calc(var(--u)*22);}
.gru-ft-addr a{color:#fff;text-decoration:none;}
.gru-ft-addr a:hover{text-decoration:underline;}
/* divider line: own full-width row */
.gru-ft-line{flex:0 0 100%;width:100%;height:1px;background:rgba(255,255,255,.4);margin:calc(var(--u)*20) 0 calc(var(--u)*16);}
/* big brand wordmark (left) + social (right) share the last row */
.gru-ft-logo{order:2;font-family:'Noto Sans',sans-serif;font-weight:300;font-size:calc(var(--u)*150);line-height:1;letter-spacing:calc(var(--u)*4.5);color:#f6f5eb;text-transform:uppercase;}
.gru-ft-social{order:1;display:flex;gap:calc(var(--u)*26);align-items:center;align-self:flex-end;margin-bottom:calc(var(--u)*30);}
.gru-ft-social a{display:inline-flex;color:#f6f5eb;}
.gru-ft-social svg{width:calc(var(--u)*30);height:calc(var(--u)*30);display:block;}
.gru-ft-social a:hover{opacity:.8;}

/* ===== floating WhatsApp button: small (like the a11y button) while scrolling, then grows
   into the figma "click to chat" badge (no border, circular text) when it parks at the footer ===== */
.gru-wa{position:fixed;right:20px;bottom:20px;z-index:90;width:52px;height:52px;border-radius:50%;background:#753641;border:3px solid #fff;box-shadow:0 4px 14px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:width .35s ease,height .35s ease,border-width .25s ease,background .2s;}
.gru-wa:hover{background:#5e2b33;}
.gru-wa.parked{position:absolute;bottom:auto;width:90px;height:90px;border-width:0;}
.gru-wa-ring{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease;pointer-events:none;}
.gru-wa.parked .gru-wa-ring{opacity:1;animation:gruWaSpin 20s linear infinite;}
.gru-wa-ring text{direction:ltr;fill:#f6f5eb;font-family:'Noto Sans Hebrew',sans-serif;font-weight:600;font-size:9px;letter-spacing:.2px;}
.gru-wa-icon{position:relative;width:28px;height:28px;transition:width .35s ease,height .35s ease,transform .2s;}
.gru-wa.parked .gru-wa-icon{width:40px;height:40px;}
.gru-wa:hover .gru-wa-icon{transform:scale(1.06);}
@keyframes gruWaSpin{to{transform:rotate(360deg);}}
@media (prefers-reduced-motion:reduce){.gru-wa.parked .gru-wa-ring{animation:none;}}

/* ===================== MOBILE / TABLET (breakpoint 1024px) ===================== */
@media (max-width:1023px){
  /* ---------- HEADER ---------- */
  .gru-hdr,.gru-hdr.scrolled{display:flex;align-items:center;justify-content:space-between;padding:20px 16px;height:auto;}
  /* logo absolutely centered (left:0;right:0;margin:auto) -> mathematically centered, independent of the side widths */
  .gru-logo{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%) translateX(16px);width:120px;height:auto;margin-inline:auto;}
  .gru-burger{display:flex;flex-direction:column;gap:4px;width:24px;background:none!important;background-color:transparent!important;border:none;cursor:pointer;padding:4px 0;box-shadow:none!important;-webkit-tap-highlight-color:transparent;}
  .gru-burger:hover,.gru-burger:focus,.gru-burger:active,.gru-burger:focus-visible{background:none!important;background-color:transparent!important;box-shadow:none!important;outline:none!important;}
  .gru-burger span{height:2.5px;width:100%;background:#383636;border-radius:2px;}
  .gru-hdr-left{display:flex;gap:10px;align-items:center;}
  .gru-search{display:none;}
  .gru-contact{font-size:14px;padding:10px 18px;border-radius:999px;}

  /* ---------- mobile slide-in menu (mega-menu styled, 70% width) ---------- */
  .gru-nav{display:block;position:fixed;top:0;right:0;bottom:0;width:70%;max-width:340px;background:#fff;z-index:10001;
    transform:translateX(105%);transition:transform .34s cubic-bezier(.4,0,.2,1);box-shadow:-12px 0 40px rgba(0,0,0,.18);
    overflow-y:auto;-webkit-overflow-scrolling:touch;padding:62px 0 40px;visibility:hidden;}
  .gru-nav.open{transform:translateX(0);visibility:visible;}
  .gru-nav .gru-menu{flex-direction:column;align-items:stretch;gap:0;width:100%;}
  .gru-nav .gru-menu > li{border-bottom:1px solid #f0e7eb;}
  .gru-nav .gru-menu > li > a{display:flex;align-items:center;justify-content:space-between;font-size:17px;font-weight:600;color:#753641;padding:15px 22px;white-space:normal;}
  .gru-nav .gru-menu > li.menu-item-has-children > a::after{content:"+";font-size:24px;font-weight:400;line-height:1;color:#753641;margin-inline-start:auto;}
  .gru-nav .gru-menu > li.menu-item-has-children.open > a::after{content:"\2013";}
  /* sub-menus -> accordion, opened with +/- */
  .gru-nav .sub-menu{position:static!important;display:none!important;background:#faf6f8!important;box-shadow:none!important;
    width:auto!important;column-count:1!important;grid-template-columns:none!important;padding:4px 0!important;border-radius:0;
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;max-height:none!important;overflow:visible!important;}
  .gru-nav .menu-item-has-children.open > .sub-menu{display:block!important;}
  .gru-nav .sub-menu::before{display:none!important;}
  .gru-nav .sub-menu > li{border-bottom:1px solid #efe2e8!important;width:auto!important;break-inside:auto!important;float:none!important;}
  .gru-nav .sub-menu > li:last-child{border-bottom:0!important;}
  /* !important needed to beat the very specific desktop mega-menu selectors (which use tiny vw sizes) */
  .gru-nav .sub-menu > li > a{display:flex!important;align-items:center;justify-content:space-between;font-size:15px!important;font-weight:500!important;color:#6a6a6a!important;padding:12px 28px!important;white-space:normal!important;line-height:1.3!important;}
  .gru-nav .sub-menu > li > a::after{margin-inline-start:auto;font-size:22px!important;color:#753641!important;}
  .gru-nav .sub-menu .sub-menu{grid-template-columns:none!important;}
  .gru-nav .sub-menu .sub-menu > li > a{font-size:14px!important;color:#8a8a8a!important;padding:9px 40px!important;}
  /* drop the "קטלוג מוצרים" wrapper on mobile: show the 12 categories directly as top-level items */
  .gru-nav .menu-item-7901 > a{display:none!important;}
  .gru-nav .menu-item-7901{border-bottom:0!important;}
  .gru-nav .menu-item-7901 > .sub-menu{display:block!important;background:#fff!important;padding:0!important;}
  .gru-nav .menu-item-7901 > .sub-menu > li{border-bottom:1px solid #f0e7eb!important;}
  .gru-nav .menu-item-7901 > .sub-menu > li > a{font-size:17px!important;font-weight:600!important;color:#753641!important;padding:15px 22px!important;}
  .gru-nav .menu-item-7901 > .sub-menu .sub-menu{background:#faf6f8!important;}
  .gru-nav .menu-item-7901 > .sub-menu .sub-menu > li > a{font-size:15px!important;font-weight:500!important;color:#6a6a6a!important;padding:12px 30px!important;}
  .gru-nav .gru-close{position:absolute;top:14px;left:18px;font-size:32px;line-height:1;background:none;border:none;color:#753641;display:block;z-index:2;cursor:pointer;}
  /* dim + slightly blurred backdrop behind the panel */
  .gru-nav-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.34);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10000;opacity:0;visibility:hidden;transition:opacity .3s ease;}
  .gru-nav-backdrop.show{opacity:1;visibility:visible;}
  /* lift the header (which contains the slide-in nav) above the backdrop while the menu is open */
  body.gru-nav-open .gru-hdr{z-index:10003;}

  /* ---------- HERO ---------- */
  .gru-hero{height:auto;min-height:86vh;display:flex;align-items:flex-start;justify-content:center;padding:108px 20px 44px;background-size:cover;background-position:center;}
  .gru-hero-c{position:static;transform:none;right:auto;width:100%;align-items:center;text-align:center;gap:16px;}
  .gru-h1{font-size:32px;line-height:1.08;letter-spacing:-.5px;text-align:center;}
  .gru-hero-c .gru-cta{width:auto;height:auto;font-size:16px;padding:13px 38px;border-radius:40px;}

  /* ---------- NICE STUFF (keep the desktop slide-in animation, just resize) ---------- */
  .gru-ns{min-height:80vh;}
  .gru-ns-title{font-size:40px;line-height:1.04;}
  .gru-ns-arrows{display:flex;top:15%;right:6vw;gap:10px;}
  .gru-ns-arrows button{width:44px;height:44px;}
  .gru-ns-track{padding:0 16px;gap:14px;}
  .gru-ns-card{flex:0 0 66vw;height:auto;max-height:none;border-radius:14px;}
  .gru-ns-card img{height:54vh;max-height:430px;border-radius:0;box-shadow:none;}
  .gru-ns-card span{font-size:16px;font-weight:400;padding:36px 14px 14px;}

  /* ---------- FEATURED (3D bottle, 80vh, interactive) ---------- */
  .gru-feat{position:relative;height:100vh;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:70px 20px 40px;}
  .gru-feat-stage{position:relative;width:100%;height:auto;display:flex;flex-direction:column;align-items:center;}
  .gru-feat-bottle{position:relative;left:auto;top:auto;width:80%;max-width:380px;margin:0 auto;order:1;}
  .gru-feat-seq{position:relative;left:auto;top:auto;width:86%;max-width:420px;height:auto;aspect-ratio:760/980;margin:0 auto;order:1;pointer-events:none;}
  /* sticker pinned to the centred bottle's top-left (moves together with it) */
  .gru-feat-sticker{position:absolute;left:50%;margin-left:-114px;top:-18px;width:30%;max-width:119px;z-index:3;}
  .gru-feat-title{position:static;right:auto;top:auto;width:auto;order:2;font-size:28px;line-height:1.12;text-align:center;margin-top:14px;}
  .gru-feat-text{position:static;right:auto;top:auto;width:auto;order:3;font-size:15px;line-height:1.5;text-align:center;margin-top:10px;max-width:92%;}
  .gru .gru-feat-cta{position:static;right:auto;top:auto;width:auto;height:auto;order:4;margin-top:18px;font-size:16px;padding:13px 34px;}

  /* ---------- SPECIAL DESIGN (80vh + bigger travelling circles, centered text/button) ---------- */
  .gru-sd{position:relative;height:62vh;min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 16px;text-align:center;overflow:hidden;}
  .gru-sd-c{width:190px;height:190px;left:-190px;animation:gruTravel 16s linear infinite;}
  .gru-sd-c1{top:-57px;left:-190px;animation-delay:0s;}               /* bleeds off the TOP */
  .gru-sd-c2{top:calc(100% - 235px);left:-190px;animation-delay:-4s;} /* stays INSIDE, lower */
  .gru-sd-c3{top:20px;left:-190px;animation-delay:-8s;}              /* stays INSIDE, upper */
  .gru-sd-c4{top:calc(100% - 133px);left:-190px;animation-delay:-12s;} /* bleeds off the BOTTOM */
  .gru-sd-pre{position:relative;left:auto;right:auto;top:auto;z-index:2;transform:translateZ(0);backface-visibility:hidden;font-size:26px;line-height:1.1;letter-spacing:-.5px;text-align:center;}
  .gru-sd-title{position:relative;left:auto;right:auto;top:auto;z-index:2;transform:translateZ(0);backface-visibility:hidden;font-size:40px;line-height:1.04;margin-top:8px;text-align:center;}
  .gru .gru-sd-cta{position:relative;left:auto;right:auto;top:auto;z-index:2;transform:none;width:auto;height:auto;margin:22px auto 0;font-size:16px;padding:13px 34px;align-self:center;}

  /* ---------- BEST SELLERS ---------- */
  .gru-bs{padding:46px 16px;}
  .gru-bs h2{font-size:28px;margin-bottom:18px;}
  .gru-bs-top{flex-direction:column-reverse;gap:14px;align-items:stretch;}
  .gru-bs-pills{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;gap:8px;padding-bottom:4px;}
  .gru-bs-pills::-webkit-scrollbar{display:none;}
  .gru-pill{font-size:13px;padding:8px 15px;flex:0 0 auto;}
  .gru-bs-arrows{display:none;}
  .gru-bs-track{gap:14px;}
  .gru-bs-card{flex:0 0 calc((100% - 14px) / 2);max-width:none;}
  .gru-bs-name{font-size:16px;margin-top:12px;}
  .gru-bs-sub{font-size:13px;}
  .gru-bs-plus{font-size:18px;}
  .gru-bs-colors{gap:6px;margin-top:10px;}
  .gru-dot{width:14px;height:14px;}

  /* ---------- LOGOS ---------- */
  .gru-logos{flex-wrap:wrap;gap:16px 28px;justify-content:center;padding:24px 16px 36px;}
  .gru-logos span{font-size:20px;}

  /* ---------- WE ARE (50vh box, bigger text) ---------- */
  .gru-we{padding:24px 14px;}
  .gru-we-box{height:auto;min-height:50vh;padding:42px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:16px;overflow:hidden;}
  .gru-we-wm{width:72%;height:100%;}
  .gru-we-c{position:static;left:auto;top:auto;text-align:center;}
  .gru-we-lorem{text-align:center;font-size:16px;line-height:1.45;}
  .gru-we-title{font-size:40px;line-height:1.04;align-items:center;text-align:center;margin-top:16px;}
  .gru-we-title span{justify-content:center;}
  .gru-we-logo-stack{margin-left:8px;top:0;}
  .gru-we-logo{height:38px;}
  .gru-we-give{left:55%;top:58%;width:46%;}
  .gru-we-logo--full{height:38px;top:0;margin-left:8px;}
  .gru-we .gru-we-cta{position:static;transform:none;left:auto;top:auto;font-size:16px;width:auto;height:auto;padding:13px 34px;border-radius:40px;margin:38px auto 0;}

  /* ---------- CONTACT (fully centered, generous bottom gap) ---------- */
  .gru-ct{padding:46px 18px 92px;}
  .gru-ct-inner{height:auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;}
  .gru-ct-text,.gru-ct-formcol{display:contents;} /* flatten the desktop column wrappers on mobile */
  .gru-ct-title,.gru-ct-social,.gru-ct-sub,.gru-form,
  .gru-form input,.gru-form textarea,.gru-form .gru-f-btn{position:static;right:auto;left:auto;top:auto;width:100%;}
  /* line 1 (רוצים עיצוב בול בשבילכם?) stays small + light; only "דברו איתנו" is big + bold */
  .gru-ct-title{font-size:22px;font-weight:400;line-height:1.2;width:auto;text-align:center;}
  .gru-ct-title br:first-of-type{display:none;} /* "רוצים עיצוב בול בשבילכם?" on one line -> 2 lines total */
  .gru-ct-title-em{display:inline-block;margin-top:1px;font-size:34px;font-weight:800;line-height:1.05;}
  /* phone + email side by side, then socials below, all centered */
  .gru-ct-info{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-top:4px;}
  .gru-ct-phone,.gru-ct-email{position:static;right:auto;left:auto;top:auto;width:auto;font-size:17px;}
  .gru-ct-social{justify-content:center;gap:18px;margin:2px 0 10px;}
  .gru-ct-social a{font-size:16px;}
  .gru-ct-sub{font-size:18px;margin-top:6px;margin-bottom:16px;text-align:center;}
  .gru-form{display:flex;flex-direction:column;gap:30px;margin-top:6px;}
  /* full width (override the desktop per-input absolute widths) + right-aligned text */
  .gru-form .gru-f-name,.gru-form .gru-f-phone,.gru-form .gru-f-email,.gru-form .gru-f-msg{position:static;right:auto;left:auto;top:auto;width:100%;}
  .gru-form input,.gru-form textarea{height:auto;padding:10px 0;font-size:16px;text-align:right;}
  .gru-form input::placeholder,.gru-form textarea::placeholder{text-align:right;}
  .gru-f-msg{height:110px;}
  .gru-form .gru-f-btn{height:54px;font-size:17px;border-radius:40px;margin-top:6px;}

  /* ---------- FOOTER (accordions + 2-col link lists, centered bottom block) ---------- */
  .gru-footer{padding:54px 20px 32px;min-height:50vh;}
  .gru-ft-inner{height:auto;min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:0;}
  .gru-ft-grp,.gru-ft-cols,.gru-ft-col,.gru-ft-addr,.gru-ft-line,.gru-ft-logo,.gru-ft-social{position:static;right:auto;left:auto;top:auto;width:auto;}
  /* groups + accordion headers */
  .gru-ft-grp{display:block;border-top:1px solid rgba(255,255,255,.16);}
  .gru-ft-grp-addr{order:1;}
  .gru-ft-grp-links{order:2;}
  .gru-ft-grp-cats{order:3;}
  /* address accordion = single centered column (it's text, not a 2-col link list) */
  .gru-ft-grp-addr.open .gru-ft-cols{grid-template-columns:1fr;text-align:center;}
  .gru-ft-grp-addr .gru-ft-addr{display:block;}
  .gru-ft-grp-addr .gru-ft-addr h4{display:none;}
  .gru-ft-grp-addr .gru-ft-addr p{font-size:15px;line-height:1.7;margin-bottom:7px;}
  .gru-ft-acc{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 2px;background:none;border:none;color:#fff;font-family:'Noto Sans Hebrew',sans-serif;font-weight:700;font-size:19px;cursor:pointer;text-align:right;-webkit-tap-highlight-color:transparent;outline:none;}
  .gru-ft-acc:hover,.gru-ft-acc:focus,.gru-ft-acc:active{background:none;outline:none;}
  .gru-ft-acc::after{content:"+";font-size:24px;font-weight:400;line-height:1;}
  .gru-ft-grp.open .gru-ft-acc::after{content:"\2013";}
  /* hide the per-column headings on mobile (the accordion button replaces them) */
  .gru-ft-col h4{display:none;}
  /* collapsed by default; open shows the links in 2 columns with inner padding */
  .gru-ft-cols{display:grid;grid-template-columns:1fr 1fr;gap:2px 16px;max-height:0;opacity:0;overflow:hidden;padding:0 16px;transition:max-height .38s ease,opacity .3s ease,padding .38s ease;}
  .gru-ft-grp.open .gru-ft-cols{max-height:600px;opacity:1;padding:4px 16px 20px;}
  .gru-ft-col{display:flex;flex-direction:column;}
  .gru-ft-col a{font-size:15px;line-height:1.6;margin-bottom:10px;color:#fff;}
  /* divider + centered bottom block: big logo, socials */
  .gru-ft-line{order:4;width:100%;margin:18px 0;}
  .gru-ft-logo{order:5;align-self:center;text-align:center;font-size:56px;line-height:1;letter-spacing:2px;margin-top:4px;}
  .gru-ft-social{order:6;align-self:center;justify-content:center;gap:22px;margin-top:16px;}
  .gru-ft-social svg{width:26px;height:26px;}

  /* ---------- floating WhatsApp button ---------- */
  .gru-wa{width:52px;height:52px;right:14px;bottom:14px;}
  .gru-wa.parked{width:82px;height:82px;}
  .gru-wa-icon{width:28px;height:28px;}
  .gru-wa.parked .gru-wa-icon{width:38px;height:38px;}
  .gru-wa-ring text{font-size:9.2px;}
}

/* ===================== CONTACT PAGE (צור קשר) ===================== */
.gru-cp{background:#fff;padding:calc(var(--u)*130) calc(var(--x)*120) calc(var(--u)*70);}
.gru-cp-inner{direction:rtl;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;
  gap:calc(var(--u)*50) calc(var(--x)*70);}
/* right column: heading + details */
.gru-cp-info{flex:0 1 calc(var(--x)*560);min-width:calc(var(--u)*290);}
.gru-cp-title{font-family:'Noto Sans Hebrew',sans-serif;font-weight:400;font-size:calc(var(--u)*72);line-height:1.04;letter-spacing:calc(var(--u)*-1.8);color:#753641;text-align:right;margin:0 0 calc(var(--u)*130);}
.gru-cp-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*42) calc(var(--x)*30);direction:rtl;}
.gru-cp-block h4{font-family:'Noto Sans Hebrew',sans-serif;font-weight:700;font-size:calc(var(--u)*22);color:#383636;margin:0 0 calc(var(--u)*16);text-align:right;}
.gru-cp-block p{font-family:'Noto Sans Hebrew',sans-serif;font-weight:400;font-size:calc(var(--u)*18);line-height:calc(var(--u)*28);color:#383636;text-align:right;margin:0 0 calc(var(--u)*8);}
.gru-cp-block a{color:#383636;text-decoration:none;}
.gru-cp-block a:hover{text-decoration:underline;}
.gru-cp-tel{display:flex;gap:calc(var(--u)*12);align-items:baseline;margin:0 0 calc(var(--u)*4);line-height:calc(var(--u)*24);}
.gru-cp-tel span{color:#4a4444;min-width:calc(var(--u)*44);}
/* social icons: black, spread across the width of the "רשתות חברתיות" heading */
.gru-cp-social{display:flex;justify-content:space-between;width:100%;max-width:calc(var(--u)*186);margin-top:calc(var(--u)*12);}
.gru-cp-social a{display:inline-flex;color:#000;}
.gru-cp-social svg{width:calc(var(--u)*24);height:calc(var(--u)*24);display:block;fill:currentColor;}
.gru-cp-social a:hover{opacity:.6;}
/* left column: pink form card (taller, roomier) */
.gru-cp-card{flex:0 1 calc(var(--x)*770);min-width:calc(var(--u)*320);min-height:calc(var(--u)*600);background:#f3d9e4;border-radius:calc(var(--u)*30);padding:calc(var(--u)*84) calc(var(--x)*64);display:flex;flex-direction:column;justify-content:center;}
.gru-cp-sub{font-family:'Noto Sans Hebrew',sans-serif;font-weight:500;font-size:calc(var(--u)*20);line-height:calc(var(--u)*30);color:#753641;text-align:right;margin:0 0 calc(var(--u)*60);}
/* form re-uses .gru-form grid; fluid columns + roomier rows; burgundy text & lines */
.gru-cp-form{grid-template-columns:1fr 1fr;row-gap:calc(var(--u)*56);}
.gru-cp-form input,.gru-cp-form textarea{color:#753641;border-bottom-color:#753641;}
.gru-cp-form input::placeholder,.gru-cp-form textarea::placeholder{color:#753641;opacity:1;}
.gru-cp-form .gru-f-btn{background:#753641;color:#e9c7df;height:calc(var(--x)*52);min-height:calc(var(--u)*42);}
/* bottom banner + corner sticker */
.gru-cp-banner{position:relative;margin-top:calc(var(--u)*100);width:100%;aspect-ratio:1400/567;}
/* maroon rounded frame clips the enlarged product image (so the box "melts" into the maroon) */
.gru-cp-banner-frame{position:absolute;inset:0;background:#5a2730;border-radius:calc(var(--u)*24);overflow:hidden;}
.gru-cp-banner-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:translateY(-350px) scale(2.07);transform-origin:center top;display:block;}
.gru-cp-sticker{position:absolute;top:calc(var(--u)*-82 - 60px);right:calc(var(--x)*120);width:calc(var(--u)*348);height:auto;z-index:2;pointer-events:none;}

@media (max-width:1023px){
  .gru-cp{padding:90px 18px 50px;}
  .gru-cp-inner{flex-direction:column;gap:30px;}
  .gru-cp-info,.gru-cp-card{flex:1 1 100%;width:100%;min-width:0;}
  .gru-cp-title{font-size:42px;line-height:1.08;letter-spacing:-.5px;text-align:center;margin-bottom:24px;}
  .gru-cp-grid{grid-template-columns:1fr 1fr;gap:22px 14px;text-align:center;}
  .gru-cp-block{text-align:center;}
  .gru-cp-block h4{font-size:16px;margin-bottom:10px;text-align:center;}
  .gru-cp-block p{font-size:14px;line-height:1.55;margin-bottom:6px;text-align:center;}
  .gru-cp-tel{gap:8px;justify-content:center;}
  .gru-cp-tel span{min-width:0;}
  .gru-cp-social{justify-content:center;gap:22px;max-width:none;margin:8px auto 0;}
  .gru-cp-social svg{width:22px;height:22px;}
  /* form card: single column, full-width normal button */
  .gru-cp-card{padding:26px 18px;border-radius:18px;min-height:0;}
  .gru-cp-sub{font-size:17px;text-align:center;margin-bottom:20px;}
  .gru-cp-form{display:flex;flex-direction:column;gap:16px;}
  .gru-cp-form .gru-f-name,.gru-cp-form .gru-f-phone,.gru-cp-form .gru-f-email,.gru-cp-form .gru-f-msg{width:100%;height:auto;}
  .gru-cp-form input,.gru-cp-form textarea{padding:10px 0;font-size:16px;}
  .gru-cp-form .gru-f-msg{height:78px;}
  .gru-cp-form .gru-f-btn{width:100%;height:52px;min-height:0;font-size:17px;margin-top:6px;}
  /* banner + corner sticker */
  .gru-cp-banner{margin-top:56px;aspect-ratio:4/3;border-radius:14px;}
  .gru-cp-banner-img{transform:translateY(-30px) scale(1.95);transform-origin:center;}
  .gru-cp-sticker{width:104px;top:-46px;right:14px;}
}

/* ===================== SHOP / PRODUCT ARCHIVE (figma) ===================== */
.woocommerce-breadcrumb{display:none!important;}
/* release hello-elementor's narrow content width so the shop spans full width like the header */
.woocommerce .site-main,.content-area,#primary{max-width:none!important;width:100%!important;margin:0!important;}
/* clear the fixed header + breathing room above the big centered title */
.woocommerce-products-header{text-align:center;padding:calc(var(--u)*150) 8vw 0;margin:0 calc(50% - 50vw)!important;width:100vw;}
.woocommerce-products-header__title,.woocommerce-products-header h1{font-family:'Noto Sans Hebrew',sans-serif;font-weight:400;font-size:calc(var(--u)*80);line-height:1.05;color:#0c0c0c;text-align:center;margin:0;}
/* category description / article moved to the bottom of the page */
.term-description{max-width:calc(var(--u)*1120);margin:calc(var(--u)*30) auto calc(var(--u)*50);padding:calc(var(--u)*36) 8vw 0;text-align:right;direction:rtl;color:#4a4444;line-height:1.75;font-size:calc(var(--u)*17);border-top:1px solid #eee;}
.term-description h1,.term-description h2,.term-description h3,.term-description h4{color:#753641;font-family:'Noto Sans Hebrew',sans-serif;font-weight:600;line-height:1.2;margin:calc(var(--u)*24) 0 calc(var(--u)*12);}
.term-description h1{font-size:calc(var(--u)*40);}
.term-description h2{font-size:calc(var(--u)*30);}
.term-description h3{font-size:calc(var(--u)*24);}
.term-description p{margin:0 0 calc(var(--u)*14);}
.term-description ul,.term-description ol{margin:0 calc(var(--u)*22) calc(var(--u)*16) 0;padding:0;}
.term-description li{margin-bottom:calc(var(--u)*6);}
/* "no products found" message (shop / category) - clean, centered, no default notice box/icon */
body.post-type-archive-product .woocommerce-info,
body.tax-product_cat .woocommerce-info,
body.post-type-archive-product .woocommerce-no-products-found,
body.tax-product_cat .woocommerce-no-products-found{
  width:100vw;margin-inline:calc(50% - 50vw)!important;background:none!important;border:none!important;box-shadow:none!important;
  color:#9a8f8f;text-align:center;font-family:'Noto Sans Hebrew',sans-serif;font-size:calc(var(--u)*24);line-height:1.6;
  padding:calc(var(--u)*80) 8vw calc(var(--u)*100)!important;list-style:none;}
body.post-type-archive-product .woocommerce-info::before,
body.tax-product_cat .woocommerce-info::before{display:none!important;}
body.post-type-archive-product .woocommerce-info a,
body.tax-product_cat .woocommerce-info a{display:none;}
/* infinite scroll replaces numbered pagination */
.woocommerce nav.woocommerce-pagination{display:none!important;}
.gru-infinite-loader{display:flex;align-items:center;justify-content:center;width:100vw;margin-inline:calc(50% - 50vw);height:0;overflow:hidden;opacity:0;transition:opacity .2s ease;}
.gru-infinite-loader.is-loading{height:auto;overflow:visible;opacity:1;padding:calc(var(--u)*10) 0 calc(var(--u)*60);}
.gru-spinner{width:clamp(34px,calc(var(--u)*48),52px);height:clamp(34px,calc(var(--u)*48),52px);border-radius:50%;border:3px solid #ead9df;border-top-color:#753641;animation:gruSpin .7s linear infinite;}
@keyframes gruSpin{to{transform:rotate(360deg);}}
/* toolbar: only the sort control (figma has no result count); sort sits on the left */
.gru-shop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;direction:rtl;padding:calc(var(--u)*40) 8vw 0;width:100vw;margin-inline:calc(50% - 50vw);}
.gru-shop-toolbar::before,.gru-shop-toolbar::after{display:none;}
.woocommerce .woocommerce-result-count{display:none!important;}
.woocommerce .woocommerce-ordering{margin:0;float:none;}
/* custom "מיין לפי" dropdown (native select hidden via JS) */
.woocommerce .woocommerce-ordering{position:relative;}
.gru-sort{position:relative;display:inline-block;direction:rtl;}
.gru-sort-btn{display:inline-flex;align-items:center;gap:calc(var(--u)*10);border:none;padding:0;cursor:pointer;
  color:#383636;font-family:'Noto Sans Hebrew',sans-serif;font-size:calc(var(--u)*18);line-height:1.3;}
.gru-sort-btn,.gru-sort-btn:hover,.gru-sort-btn:focus,.gru-sort-btn:active{background:none!important;box-shadow:none!important;outline:none!important;color:#383636!important;}
.gru-sort-btn:hover span,.gru-sort-btn:focus span{color:#383636!important;}
.gru-sort-arrow{color:#383636;transition:transform .2s ease;flex:0 0 auto;}
.gru-sort.open .gru-sort-arrow{transform:rotate(180deg);}
/* popup drops straight down, centered under the trigger */
.gru-sort-menu{position:absolute;top:calc(100% + calc(var(--u)*12));left:50%;right:auto;min-width:calc(var(--u)*220);background:#fff;
  border:1px solid #ead9df;border-radius:calc(var(--u)*14);box-shadow:0 16px 40px rgba(0,0,0,.12);padding:calc(var(--u)*6);
  z-index:50;opacity:0;visibility:hidden;transform:translateX(-50%) translateY(calc(var(--u)*-6));transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s;}
.gru-sort.open .gru-sort-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);transition:opacity .2s ease,transform .2s ease,visibility 0s;}
.gru-sort-item{display:block;width:100%;text-align:right;background:none;border:none;cursor:pointer;
  padding:calc(var(--u)*11) calc(var(--u)*16);border-radius:calc(var(--u)*10);color:#5a5050;
  font-family:'Noto Sans Hebrew',sans-serif;font-size:calc(var(--u)*16);line-height:1.3;transition:background .15s ease,color .15s ease;white-space:nowrap;}
.gru-sort-item:hover{background:#faf2f5;color:#753641;}
.gru-sort-item.is-active{color:#753641;font-weight:700;}
/* category / sub-category pill filters */
.gru-filters{display:flex;align-items:center;gap:calc(var(--x)*40);}
.gru-filter-trigger{display:inline-flex;align-items:center;gap:calc(var(--u)*9);border:none;padding:0;cursor:pointer;color:#383636;font-family:'Noto Sans Hebrew',sans-serif;font-size:calc(var(--u)*18);line-height:1.3;}
.gru-filter-trigger,.gru-filter-trigger:hover,.gru-filter-trigger:focus,.gru-filter-trigger:active{background:none!important;box-shadow:none!important;outline:none!important;color:#383636!important;}
.gru-filter-arrow{transition:transform .2s ease;flex:0 0 auto;}
.gru-filter-trigger.open .gru-filter-arrow{transform:rotate(180deg);}
.gru-filter-panels{width:100vw;margin-inline:calc(50% - 50vw);}
.gru-filter-panel{display:none;padding:calc(var(--u)*22) 8vw 0;}
.gru-filter-panel.open{display:block;}
.gru-pill-wrap{display:flex;flex-wrap:wrap;gap:calc(var(--u)*12);justify-content:flex-start;direction:rtl;}
.gru-pill-f{background:#fff;border:1px solid #d8b9c4;color:#753641;border-radius:calc(var(--u)*40);padding:calc(var(--u)*7) calc(var(--u)*15);font-family:'Noto Sans Hebrew',sans-serif;font-size:calc(var(--u)*14);line-height:1.3;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease,border-color .15s ease;}
.gru-pill-f:hover,.gru-pill-f:focus{background:#f7eef1;color:#753641!important;}
.gru-pill-f.is-selected,.gru-pill-f.is-selected:hover,.gru-pill-f.is-selected:focus{background:#753641!important;border-color:#753641;color:#fff!important;}
.gru-filter-apply{display:inline-block;margin-top:calc(var(--u)*18);background:#753641;color:#fff!important;border:none;border-radius:calc(var(--u)*40);padding:calc(var(--u)*11) calc(var(--u)*30);font-family:'Noto Sans Hebrew',sans-serif;font-weight:600;font-size:calc(var(--u)*16);cursor:pointer;}
.gru-filter-apply:hover{background:#5e2b33;}
@media (max-width:1023px){
  .gru-filters{gap:18px;}
  .gru-filter-trigger{font-size:16px;}
  .gru-sort-btn{font-size:16px;}
  .gru-sort-arrow,.gru-filter-arrow{width:11px;}
  .gru-filter-panel{padding:16px 16px 0;}
  .gru-pill-f{font-size:13px;padding:7px 14px;}
  /* sort popup: readable size + anchored to the left edge so it stays on screen */
  .gru-sort-menu{left:0;right:auto;min-width:210px;border-radius:14px;padding:6px;transform:translateY(-6px);}
  .gru-sort.open .gru-sort-menu{transform:translateY(0);}
  .gru-sort-item{font-size:15px;padding:11px 16px;border-radius:10px;}
}
/* product grid */
.woocommerce ul.products,.woocommerce-page ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);grid-auto-flow:row;gap:calc(var(--u)*44) calc(var(--x)*28);list-style:none;margin:calc(var(--u)*24) calc(50% - 50vw) calc(var(--u)*60)!important;padding:0 8vw!important;width:100vw;transition:opacity .2s ease;}
/* per-product wide "lifestyle" image: spans 2 columns, always anchored to the row's end pair (never the middle) */
.gru-shop-lifestyle{grid-column:span 2;border-radius:calc(var(--u)*16);overflow:hidden;background:#efeeec;align-self:stretch;}
.gru-shop-lifestyle-img{width:100%;height:100%;object-fit:cover;display:block;}
.gru-grid-spacer{visibility:hidden!important;pointer-events:none;}
.woocommerce ul.products::before,.woocommerce ul.products::after{content:none!important;display:none!important;}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{width:auto!important;margin:0!important;padding:0!important;float:none!important;text-align:right;}
.gru-shop-link{display:block;text-decoration:none;color:inherit;}
.gru-shop-img{position:relative;background:#efefef;border-radius:calc(var(--u)*16);aspect-ratio:1/1.08;overflow:hidden;}
.gru-shop-img img{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;margin:0;display:block;background:#efefef;}
/* second (gallery) image fades in on hover */
.gru-shop-img2{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;opacity:0;transition:opacity .35s ease;background:#efefef;}
.gru-shop-link:hover .gru-shop-img2{opacity:1;}
/* round arrow button on hover - bottom-left, dark arrow, no shadow */
.gru-shop-go{position:absolute;bottom:calc(var(--u)*18);left:calc(var(--u)*18);transform:translateY(calc(var(--u)*10));
  width:clamp(42px,calc(var(--u)*56),64px);height:clamp(42px,calc(var(--u)*56),64px);border-radius:50%;background:#753641;
  box-shadow:0 2px 8px rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease,transform .3s ease;z-index:3;pointer-events:none;}
.gru-shop-link:hover .gru-shop-go{opacity:1;transform:translateY(0);}
.gru-shop-go svg{width:clamp(18px,calc(var(--u)*22),26px);height:clamp(18px,calc(var(--u)*22),26px);color:#fff!important;}
.gru-shop-name{display:block;margin-top:calc(var(--u)*12);font-size:calc(var(--u)*18);font-weight:500;color:#383636;line-height:1.35;text-align:right;}
.gru-shop-sub{display:block;font-size:calc(var(--u)*15);font-weight:500;color:#9a9a9a;margin-top:calc(var(--u)*1);text-align:right;}
.gru-shop-colors{display:inline-flex;align-items:center;justify-content:flex-start;gap:calc(var(--u)*4.5);margin-top:calc(var(--u)*12);}
.gru-shop-colors .gru-dot{width:calc(var(--u)*15);height:calc(var(--u)*15);border-radius:50%;display:inline-block;border:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);flex:0 0 auto;}
.gru-shop-colors .gru-bs-plus{font-size:calc(var(--u)*20);color:#383636;line-height:1;margin-left:calc(var(--u)*2);}
.woocommerce nav.woocommerce-pagination{text-align:center;margin:calc(var(--u)*10) 0 calc(var(--u)*70);}
@media (max-width:1023px){
  .woocommerce-products-header{padding:100px 16px 0;}
  .woocommerce-products-header__title,.woocommerce-products-header h1{font-size:48px;}
  .gru-shop-toolbar{padding:18px 16px 0;flex-wrap:wrap;gap:10px;}
  .woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(2,1fr);gap:26px 14px;padding:0 16px!important;}
  .gru-shop-lifestyle{aspect-ratio:16/10;align-self:start;}
  .gru-shop-name{font-size:15px;margin-top:12px;}
  .gru-shop-sub{font-size:13px;}
  .gru-shop-colors{gap:4.5px;margin-top:10px;}
  .gru-shop-colors .gru-dot{width:14px;height:14px;}
  .gru-shop-colors .gru-bs-plus{font-size:18px;}
}

/* ===== About page (מי אנחנו) - figma matched ===== */
.gru-about{padding:calc(var(--u)*110) 8vw 0;direction:rtl;}
.gru-about-hero{width:100%;aspect-ratio:1632/620;border-radius:calc(var(--u)*22);background:#f0d9e6;overflow:hidden;}
.gru-about-hero-empty{background:#f0d9e6;}
.gru-about-hero-img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.35);transform-origin:center;}
.gru-about-head{display:flex;align-items:flex-start;justify-content:space-between;gap:calc(var(--x)*60);margin-top:calc(var(--u)*50);margin-bottom:calc(var(--u)*150);}
.gru-about-title{order:1;flex:0 0 auto;max-width:calc(var(--u)*640);margin:calc(var(--u)*-14) 0 0;color:#5e2b33;font-size:calc(var(--u)*72);line-height:1.1;font-weight:400;text-align:right;}
.gru-about-intro{order:2;flex:0 0 auto;width:calc(var(--u)*420);max-width:42%;color:#6f6a67;font-size:calc(var(--u)*16);line-height:1.5;text-align:right;}
.gru-about-intro p{margin:0;}
.gru-about-body{position:relative;background:#F6F5EB;margin-top:0;padding:calc(var(--u)*170) 8vw calc(var(--u)*160);}
.gru-about-body-inner{max-width:calc(var(--u)*820);margin:0 auto;direction:rtl;text-align:center;}
.gru-about-script{position:absolute;top:0;left:29%;transform:translate(-50%,-50%);width:calc(var(--u)*390);height:auto;z-index:3;}
.gru-about-text{color:#6f6a67;font-size:calc(var(--u)*16);line-height:1.4;text-align:center;}
.gru-about-text p{margin:0 0 calc(var(--u)*20);}
/* bottom promo card */
.gru-about-promo{padding:calc(var(--u)*150) 8vw calc(var(--u)*160);}
.gru-about-promo-card{position:relative;background:#5e2b33;border-radius:calc(var(--u)*30);padding:calc(var(--u)*120) calc(var(--u)*40) calc(var(--u)*110);overflow:hidden;text-align:center;}
.gru-about-promo-title{position:relative;z-index:1;margin:0;color:#fff;font-family:'Noto Sans',sans-serif;font-weight:300;font-size:calc(var(--u)*112);line-height:0.9;letter-spacing:.01em;}
.gru-about-promo-frame{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%) rotate(7deg);width:calc(var(--u)*230);background:none;border-radius:calc(var(--u)*16);padding:0;z-index:2;box-shadow:0 16px 38px rgba(0,0,0,.22);overflow:hidden;}
.gru-about-promo-img{display:block;width:100%;aspect-ratio:1/1.05;object-fit:cover;border-radius:calc(var(--u)*16);}
.gru-about-promo-img-empty{display:block;width:100%;aspect-ratio:1/1.05;border-radius:calc(var(--u)*16);background:linear-gradient(135deg,#f6d6e6,#e9b9d2);}
.gru-about-promo-sub{position:relative;z-index:1;margin:calc(var(--u)*26) 0 0;color:#F6F5EB;font-size:calc(var(--u)*16);line-height:1.1;}
/* clients marquee on the about page */
.gru-about-clients{padding:calc(var(--u)*100) 0;}
.gru-about-clients-title{text-align:center;margin:0 0 calc(var(--u)*50);color:#1a1a1a;font-size:calc(var(--u)*56);font-weight:400;}
@media (max-width:1023px){
  .gru-about-clients{padding:0 0 80px;}
  .gru-about-clients-title{font-size:30px;margin-bottom:14px;}
  .gru-about-clients .gru-logo-item{height:clamp(74px,25vw,128px);margin-right:9vw;}
}
@media (max-width:1023px){
  .gru-about-promo{padding:70px 16px 80px;}
  .gru-about-promo-card{padding:70px 18px 64px;border-radius:20px;}
  .gru-about-promo-title{font-size:46px;line-height:0.9;font-weight:300;}
  .gru-about-promo-frame{width:108px;top:46%;padding:0;}
  .gru-about-promo-sub{font-size:14px;margin-top:18px;color:#F6F5EB;}
}
@media (max-width:1023px){
  .gru-about{padding:100px 16px 0;}
  .gru-about-hero{aspect-ratio:16/10;border-radius:14px;}
  .gru-about-head{flex-direction:column;align-items:center;gap:18px;margin:55px 0 110px;}
  .gru-about-title{order:1;max-width:none;width:100%;font-size:34px;text-align:center;margin-top:0;}
  .gru-about-intro{order:2;width:100%;max-width:none;font-size:15px;text-align:center;}
  .gru-about-body{margin-top:0;padding:120px 16px 110px;}
  .gru-about-body-inner{max-width:none;margin:0 auto;text-align:center;}
  .gru-about-script{width:230px;left:32%;}
  .gru-about-text{font-size:15px;text-align:center;}
  .gru-about-text p{margin-bottom:16px;}
}

/* ===== Generic pages (legal/policy/terms/etc.) - top spacing + readable styling ===== */
body.page .site-main{max-width:calc(var(--u)*1000);margin:0 auto;padding:calc(var(--u)*150) 8vw calc(var(--u)*110);direction:rtl;text-align:right;}
body.page .site-main .page-header{margin:0 0 calc(var(--u)*26);}
body.page .site-main .entry-title{margin:0;color:#5e2b33;font-size:calc(var(--u)*52);font-weight:600;line-height:1.1;}
body.page .site-main .page-content{color:#4a4744;font-size:calc(var(--u)*17);line-height:1.8;}
body.page .site-main .page-content p{margin:0 0 calc(var(--u)*16);}
body.page .site-main .page-content h1,body.page .site-main .page-content h2,body.page .site-main .page-content h3,body.page .site-main .page-content h4{color:#5e2b33;font-weight:600;line-height:1.2;margin:calc(var(--u)*34) 0 calc(var(--u)*12);}
body.page .site-main .page-content h2{font-size:calc(var(--u)*28);}
body.page .site-main .page-content h3{font-size:calc(var(--u)*22);}
body.page .site-main .page-content h4{font-size:calc(var(--u)*19);}
body.page .site-main .page-content ul,body.page .site-main .page-content ol{margin:0 0 calc(var(--u)*16);padding-inline-start:calc(var(--u)*26);}
body.page .site-main .page-content li{margin:0 0 calc(var(--u)*8);}
body.page .site-main .page-content a{color:#753641;text-decoration:underline;}
body.page .site-main .page-content a:hover{color:#5e2b33;}
body.page .site-main .page-content strong{color:#383636;}
@media (max-width:1023px){
  body.page .site-main{max-width:none;padding:100px 16px 70px;}
  body.page .site-main .entry-title{font-size:34px;}
  body.page .site-main .page-content{font-size:16px;}
  body.page .site-main .page-content h2{font-size:24px;}
  body.page .site-main .page-content h3{font-size:20px;}
  body.page .site-main .page-content h4{font-size:18px;}
}

/* ===== Header AJAX search panel ===== */
.gru-search-panel{position:fixed;top:calc(var(--u)*90);left:0;right:0;background:#fff;border-top:1px solid #ece7e1;box-shadow:0 8px 18px rgba(0,0,0,.06);transform:translateY(-110%);opacity:0;visibility:hidden;transition:transform .3s ease,opacity .25s ease,visibility .25s;z-index:100;padding:calc(var(--u)*14) 8vw;}
body.admin-bar .gru-search-panel{top:calc(var(--u)*90 + 32px);}
.gru-search-panel.is-open{transform:translateY(0);opacity:1;visibility:visible;}
/* follow the header height: it shrinks to 74 once scrolled, so dock the panel right under it */
.gru-search-panel{transition:transform .3s ease,opacity .25s ease,visibility .25s,top .25s ease;}
.gru-hdr.scrolled ~ .gru-search-panel{top:calc(var(--u)*74);}
body.admin-bar .gru-hdr.scrolled ~ .gru-search-panel{top:calc(var(--u)*74 + 32px);}
.gru-search-inner{max-width:calc(var(--u)*720);margin:0 auto;}
.gru-search-form{display:flex;align-items:center;gap:calc(var(--u)*10);border-bottom:1px solid #d9d2cb;padding-bottom:calc(var(--u)*8);}
.gru-search-input{flex:1;border:0!important;outline:none!important;box-shadow:none!important;-webkit-appearance:none;appearance:none;font:inherit;font-size:calc(var(--u)*15);color:#383636;background:transparent!important;padding:0;}
.gru-search-input::-webkit-search-cancel-button{display:none;}
.gru-search-go{background:#5e2b33;color:#fff;border:0;border-radius:999px;padding:calc(var(--u)*7) calc(var(--u)*20);font:inherit;font-size:calc(var(--u)*13);font-weight:600;cursor:pointer;flex:0 0 auto;transition:background .2s ease;}
.gru-search-go:hover{background:#753641;}
.gru-search-close{background:none!important;background-color:transparent!important;border:0;font-size:calc(var(--u)*22);line-height:1;color:#9a9a9a;cursor:pointer;padding:0 calc(var(--u)*4);flex:0 0 auto;box-shadow:none!important;}
.gru-search-close:hover,.gru-search-close:focus,.gru-search-close:active,.gru-search-close:focus-visible{background:none!important;background-color:transparent!important;color:#5e2b33;box-shadow:none!important;outline:none!important;}
.gru-search-results{margin-top:calc(var(--u)*8);max-height:56vh;overflow-y:auto;}
.gru-search-item{display:flex;align-items:center;gap:calc(var(--u)*12);padding:calc(var(--u)*8) calc(var(--u)*4);border-radius:calc(var(--u)*8);text-decoration:none;transition:background .15s ease;}
.gru-search-item:hover{background:#f6f2ee;}
.gru-search-thumb{width:calc(var(--u)*40);height:calc(var(--u)*40);border-radius:calc(var(--u)*8);overflow:hidden;background:#efeeec;flex:0 0 auto;}
.gru-search-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.gru-search-meta{display:flex;flex-direction:column;gap:calc(var(--u)*1);text-align:right;}
.gru-search-t{font-size:calc(var(--u)*14);font-weight:500;color:#383636;}
.gru-search-c{font-size:calc(var(--u)*12);color:#9a9a9a;}
.gru-search-empty,.gru-search-loading{padding:calc(var(--u)*14);text-align:center;color:#9a9a9a;font-size:calc(var(--u)*13);}
.gru-search-loading{display:flex;justify-content:center;}
@media (max-width:1023px){
  .gru-search-panel{top:64px;padding:12px 16px;}
  body.admin-bar .gru-search-panel{top:110px;}
  .gru-search-input{font-size:15px;}
  .gru-search-go{padding:7px 18px;font-size:13px;}
  .gru-search-close{font-size:22px;}
  .gru-search-t{font-size:14px;}
  .gru-search-c{font-size:12px;}
  .gru-search-thumb{width:40px;height:40px;}
}

/* ===== Single product page (PDP) - figma matched ===== */
.gru-pdp{background:#f4ede1;width:100vw;margin-inline:calc(50% - 50vw);padding:calc(var(--u)*150) 8vw calc(var(--u)*110);}
.gru-pdp-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:calc(var(--x)*70);align-items:start;direction:rtl;max-width:calc(var(--u)*1500);margin:0 auto;}
/* RIGHT: title + buy */
.gru-pdp-buy{order:1;}
.gru-pdp-title{font-size:calc(var(--u)*60);line-height:1.08;color:#5e2b33;font-weight:400;margin:0 0 calc(var(--u)*22);}
.gru-pdp-excerpt{color:#6f6a67;font-size:calc(var(--u)*16);line-height:1.3;}
.gru-pdp-excerpt p{margin:0;display:inline;}
.gru-pdp-excerpt-clip{display:inline;}
.gru-pdp-more{background:none;border:0;padding:0;margin-right:calc(var(--u)*4);color:#5e2b33;text-decoration:underline;cursor:pointer;font:inherit;font-size:calc(var(--u)*16);}
.gru-pdp-hr{border:0;border-top:2px solid #b9a99a;width:calc(var(--u)*340);max-width:100%;margin:calc(var(--u)*24) 0;margin-inline-start:0;}
.gru-pdp-lbl{display:block;color:#2f2b29;font-size:calc(var(--u)*15);font-weight:500;margin-bottom:calc(var(--u)*16);}
.gru-pdp-colors{margin-bottom:calc(var(--u)*24);}
.gru-pdp-swatches{display:flex;flex-wrap:wrap;gap:calc(var(--u)*7);}
.gru-pdp-sw{position:relative;width:calc(var(--u)*19);height:calc(var(--u)*19);border-radius:50%;border:0;padding:0;cursor:pointer;background:var(--sw)!important;background-color:var(--sw)!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);outline:none;transition:box-shadow .15s ease;}
.gru-pdp-sw:hover,.gru-pdp-sw:focus,.gru-pdp-sw:active,.gru-pdp-sw:focus-visible{background:var(--sw)!important;background-color:var(--sw)!important;transform:none!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);}
.gru-pdp-sw.is-sel,.gru-pdp-sw.is-sel:hover{box-shadow:inset 0 0 0 1px rgba(0,0,0,.12),0 0 0 1.5px #fff,0 0 0 2.5px #9a9a9a;}
/* check-mark on the selected swatch: white by default, dark on light/white swatches */
.gru-pdp-sw.is-sel::after{content:'✓';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(9px,calc(var(--u)*12),13px);font-weight:700;line-height:1;color:#fff;text-shadow:0 0 1px rgba(0,0,0,.3);pointer-events:none;}
.gru-pdp-sw.is-sel.is-light::after{color:#1a1a1a;text-shadow:none;}
.gru-pdp-action{display:flex;align-items:stretch;gap:calc(var(--u)*12);}
.gru-pdp-qty{display:inline-flex;align-items:center;direction:ltr;border:1px solid #c7b8a8;border-radius:999px;overflow:hidden;background:transparent;height:calc(var(--u)*42);flex:0 0 auto;}
.gru-pdp-qty button{width:calc(var(--u)*26)!important;height:100%;background:none!important;background-color:transparent!important;border:0;font-size:calc(var(--u)*17);color:#5e2b33!important;cursor:pointer;line-height:1;flex:0 0 auto;padding:0;box-shadow:none!important;}
.gru-pdp-qty button:hover,.gru-pdp-qty button:focus,.gru-pdp-qty button:active,.gru-pdp-qty button:focus-visible{background:none!important;background-color:transparent!important;color:#753641!important;box-shadow:none!important;outline:none!important;}
.gru-pdp-qinput{width:calc(var(--u)*44)!important;min-width:0!important;height:100%;border:0!important;text-align:center;font-size:calc(var(--u)*16);color:#383636;background:none!important;box-shadow:none!important;outline:none!important;-moz-appearance:textfield;flex:0 0 auto;padding:0!important;margin:0!important;box-sizing:border-box!important;letter-spacing:normal;}
.gru-pdp-moq-msg{display:none;margin-top:calc(var(--u)*12);font-size:calc(var(--u)*13);color:#9a6a72;line-height:1.4;}
.gru-pdp-moq-msg.show{display:block;}
/* ===== PDP "אולי יעניין אותך" related carousel ===== */
.gru-rel{display:flex;align-items:center;direction:rtl;gap:calc(var(--x)*70);padding:calc(var(--u)*100) 8vw calc(var(--u)*100);}
.gru-rel-head{order:2;flex:0 0 auto;width:calc(var(--u)*320);padding:0 calc(var(--u)*24);}
.gru-rel-title{margin:0 0 calc(var(--u)*26);color:#383636;font-size:calc(var(--u)*48);font-weight:400;line-height:1.12;text-align:right;}
.gru-rel-arrows{display:flex;direction:ltr;justify-content:flex-end;gap:calc(var(--u)*16);}
.gru-rel-arrows button{width:calc(var(--u)*52);height:calc(var(--u)*52);border-radius:50%;border:1px solid #1a1a1a;background:none!important;background-color:transparent!important;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:none!important;transition:opacity .2s ease;}
.gru-rel-arrows button:hover,.gru-rel-arrows button:focus,.gru-rel-arrows button:active,.gru-rel-arrows button:focus-visible{background:none!important;background-color:transparent!important;border-color:#1a1a1a;box-shadow:none!important;outline:none!important;opacity:.7;}
.gru-rel-arrows svg{width:calc(var(--u)*22);height:calc(var(--u)*22);}
.gru-rel-track{order:1;flex:1 1 auto;min-width:0;display:flex;gap:calc(var(--x)*30);overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:calc(var(--u)*10);scroll-snap-type:x mandatory;}
.gru-rel-track::-webkit-scrollbar{display:none;}
/* exactly 3 cards visible (gap = --x*30 between them) */
.gru-rel-card{flex:0 0 calc((100% - (var(--x)*30 * 2)) / 3);max-width:calc((100% - (var(--x)*30 * 2)) / 3);scroll-snap-align:start;}
@media (max-width:1023px){
  .gru-rel{flex-direction:column;align-items:stretch;gap:26px;padding:48px 16px 90px;}
  .gru-rel-head{order:0;width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0;}
  .gru-rel-title{margin:0;font-size:34px;word-spacing:4px;}
  .gru-rel-title br{display:none;}
  .gru-rel-arrows{gap:10px;}
  .gru-rel-arrows button{width:42px;height:42px;}
  .gru-rel-arrows svg{width:18px;height:18px;}
  .gru-rel-track{order:1;width:100%;gap:14px;}
  .gru-rel-card{flex:0 0 calc((100% - 14px) / 2);max-width:calc((100% - 14px) / 2);}
}

/* ===== "DESIGN IS THE WHOLE STORY" parallax section ===== */
.gru-story{position:relative;height:130vh;background:#fff;padding-bottom:50px;}
/* auto-height sticky so the text can travel the FULL section: centered while scrolling,
   then descends to the footer when the section ends (top ≈ vertical center) */
.gru-story-pin{height:auto;display:flex;justify-content:center;position:sticky;top:40vh;z-index:3;pointer-events:none;}
.gru-story-text{margin:0;text-align:center;color:#3a3634;font-family:'Noto Sans',sans-serif;font-weight:300;font-size:calc(var(--u)*92);line-height:0.98;letter-spacing:.01em;}
.gru-story-imgs{position:absolute;inset:0;z-index:1;pointer-events:none;}
.gru-story-img{position:absolute;border-radius:calc(var(--u)*22);overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.16);will-change:transform;}
.gru-story-img img{width:100%;height:100%;object-fit:cover;display:block;}
.gru-story-img-1{width:calc(var(--u)*380);height:calc(var(--u)*450);left:3vw;top:8%;}
.gru-story-img-2{width:calc(var(--u)*360);height:calc(var(--u)*450);right:3vw;top:34%;}
.gru-story-img-3{width:calc(var(--u)*300);height:calc(var(--u)*360);left:15vw;top:78%;}
.gru-story-img-4{width:calc(var(--u)*280);height:calc(var(--u)*340);right:16vw;top:-6%;}
@media (max-width:1023px){
  /* Story: pure-CSS sticky centered text + vertical image column (no GSAP on mobile) */
  .gru-story{height:auto;background:#fff;padding-bottom:90px;}
  .gru-story-pin{position:sticky;top:40vh;height:auto;padding:0;display:block;z-index:3;text-align:center;pointer-events:none;}
  .gru-story-text{font-size:42px;}
  .gru-story-imgs{position:relative;inset:auto;display:flex;flex-direction:column;align-items:center;gap:48px;padding:8vh 0 12vh;margin-top:-22vh;z-index:1;}
  .gru-story-img{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:44vw!important;height:auto!important;aspect-ratio:5/6;opacity:.72;will-change:transform;}
  .gru-story-img:nth-child(odd){align-self:flex-end;margin-right:14vw;}
  .gru-story-img:nth-child(even){align-self:flex-start;margin-left:14vw;}
}

/* ===== Quote lead-form popup ===== */
.gru-quote-modal{position:fixed;inset:0;z-index:1300;display:none;}
.gru-quote-modal.open{display:block;}
.gru-quote-backdrop{position:absolute;inset:0;background:rgba(40,25,28,.45);}
.gru-quote-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(92vw,calc(var(--u)*460));background:#f5dfe9;border-radius:calc(var(--u)*22);padding:calc(var(--u)*40) calc(var(--u)*38);box-shadow:0 20px 50px rgba(0,0,0,.25);direction:rtl;}
.gru-quote-x{position:absolute;top:calc(var(--u)*16);left:calc(var(--u)*18);background:none!important;background-color:transparent!important;border:0;font-size:calc(var(--u)*28);line-height:1;color:#5e2b33;cursor:pointer;box-shadow:none!important;}
.gru-quote-x:hover,.gru-quote-x:focus,.gru-quote-x:active,.gru-quote-x:focus-visible{background:none!important;background-color:transparent!important;color:#753641!important;box-shadow:none!important;outline:none!important;}
.gru-quote-title{margin:0 0 calc(var(--u)*6);color:#5e2b33;font-size:calc(var(--u)*28);font-weight:600;}
.gru-quote-sub{margin:0 0 calc(var(--u)*6);color:#7a5560;font-size:calc(var(--u)*15);}
.gru-quote-summary{margin:0 0 calc(var(--u)*18);color:#5e2b33;font-size:calc(var(--u)*14);font-weight:600;}
.gru-quote-form{display:flex;flex-direction:column;gap:calc(var(--u)*12);}
.gru-quote-form input,.gru-quote-form textarea{width:100%;border:0;border-radius:calc(var(--u)*10);background:#fff;padding:calc(var(--u)*13) calc(var(--u)*16);font:inherit;font-size:calc(var(--u)*15);color:#383636;box-sizing:border-box;outline:none;direction:rtl;text-align:right;}
.gru-quote-form input::placeholder,.gru-quote-form textarea::placeholder{text-align:right;direction:rtl;}
.gru-quote-form textarea{resize:vertical;min-height:calc(var(--u)*70);}
.gru-quote-submit{margin-top:calc(var(--u)*4);background:#5e2b33;color:#f5dfe9;border:0;border-radius:999px;padding:calc(var(--u)*14) 0;font:inherit;font-size:calc(var(--u)*16);font-weight:600;cursor:pointer;transition:background .2s ease;}
.gru-quote-submit:hover{background:#753641;}
.gru-quote-status{margin:calc(var(--u)*4) 0 0;text-align:center;font-size:calc(var(--u)*14);min-height:calc(var(--u)*18);}
.gru-quote-status.ok{color:#2e7d4f;}
.gru-quote-status.err{color:#c0392b;}
@media (max-width:1023px){
  .gru-quote-card{width:92vw;padding:30px 24px;border-radius:18px;}
  .gru-quote-x{font-size:30px;top:12px;left:14px;}
  .gru-quote-title{font-size:24px;}
  .gru-quote-sub{font-size:16px;}
  .gru-quote-summary{font-size:16px;}
  .gru-quote-form input,.gru-quote-form textarea{font-size:16px;padding:13px 15px;background:transparent;color:#1a1a1a;border:1px solid rgba(94,43,51,.4);}
  .gru-quote-form input::placeholder,.gru-quote-form textarea::placeholder{color:#1a1a1a;opacity:1;}
  .gru-quote-submit{font-size:16px;padding:14px 0;}
}
.gru-pdp-cta{display:inline-flex;align-items:center;justify-content:center;height:calc(var(--u)*42);background:#5e2b33!important;color:#e9c7df!important;border:0;cursor:pointer;border-radius:999px;padding:0 calc(var(--u)*40);font-size:calc(var(--u)*16);font-weight:400;text-decoration:none!important;transition:background .2s ease;white-space:nowrap;}
.gru-pdp-cta:hover,.gru-pdp-cta:focus,.gru-pdp-cta:active,.gru-pdp-cta:visited,.gru-pdp-cta:focus-visible{background:#753641!important;color:#e9c7df!important;box-shadow:none!important;outline:none!important;}
/* CENTER: gallery */
.gru-pdp-gallery{order:2;position:relative;}
.gru-pdp-stage{position:relative;border-radius:calc(var(--u)*22);overflow:hidden;background:#f4ede1;aspect-ratio:1/1;}
.gru-pdp-slide{position:absolute;inset:0;opacity:0;transition:opacity .35s ease;}
.gru-pdp-slide.is-active{opacity:1;}
.gru-pdp-img{width:100%!important;height:100%!important;object-fit:cover!important;display:block;}
.gru-pdp-nav{position:absolute;bottom:calc(var(--u)*22);left:calc(var(--u)*22);display:flex;gap:calc(var(--u)*10);z-index:2;}
.gru-pdp-nav button{width:calc(var(--u)*54);height:calc(var(--u)*54);border-radius:50%;border:0;background:#5e2b33;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;}
.gru-pdp-nav button:hover{background:#753641;}
.gru-pdp-nav svg{width:calc(var(--u)*22);height:calc(var(--u)*22);}
.gru-pdp-sticker{position:absolute;top:calc(var(--u)*-45);right:calc(var(--u)*-45);width:calc(var(--u)*120);height:calc(var(--u)*120);z-index:4;transform:rotate(-8deg);pointer-events:none;}
/* LEFT: info + accordions */
.gru-pdp-info{order:3;}
.gru-pdp-acc{border-bottom:1px solid #1a1a1a;}
.gru-pdp-acc-h{width:100%;display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u)*10);background:none;border:0;padding:calc(var(--u)*16) 0;cursor:pointer;font:inherit;font-size:calc(var(--u)*17);font-weight:700;color:#1a1a1a;text-align:right;}
.gru-pdp-acc-h:hover,.gru-pdp-acc-h:focus,.gru-pdp-acc-h:active,.gru-pdp-acc-h:focus-visible{background:none!important;background-color:transparent!important;color:#1a1a1a!important;box-shadow:none!important;outline:none!important;}
.gru-pdp-acc-i{position:relative;width:calc(var(--u)*16);height:calc(var(--u)*16);flex:0 0 auto;}
.gru-pdp-acc-i::before,.gru-pdp-acc-i::after{content:"";position:absolute;background:#1a1a1a;border-radius:2px;}
.gru-pdp-acc-i::before{top:50%;left:0;right:0;height:2px;transform:translateY(-50%);}
.gru-pdp-acc-i::after{left:50%;top:0;bottom:0;width:2px;transform:translateX(-50%);transition:opacity .2s ease;}
.gru-pdp-acc-open .gru-pdp-acc-i::after,.gru-pdp-acc.is-open .gru-pdp-acc-i::after{opacity:0;}
.gru-pdp-acc-b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease;}
.gru-pdp-acc-open .gru-pdp-acc-b,.gru-pdp-acc.is-open .gru-pdp-acc-b{grid-template-rows:1fr;}
.gru-pdp-acc-bw{overflow:hidden;color:#6f6a67;font-size:calc(var(--u)*15);line-height:1.45;}
.gru-pdp-acc-open .gru-pdp-acc-bw,.gru-pdp-acc.is-open .gru-pdp-acc-bw{padding-bottom:calc(var(--u)*16);}
.gru-pdp-acc-bw p{margin:0 0 calc(var(--u)*8);}
/* ---- mockup creator UI ---- */
.gru-mock-upload{display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*10);border:1px solid #c7b8a8;border-radius:999px;padding:calc(var(--u)*12) calc(var(--u)*18);cursor:pointer;color:#5e2b33;font-size:calc(var(--u)*15);transition:background .15s ease;}
.gru-mock-upload:hover{background:#fff;}
.gru-mock-upload-ico{display:inline-flex;width:calc(var(--u)*22);height:calc(var(--u)*22);}
.gru-mock-upload-ico svg{width:100%;height:100%;}
.gru-mock-edit{margin-top:calc(var(--u)*16);}
.gru-mock-edit-lbl{margin:0 0 calc(var(--u)*10);color:#1a1a1a;font-size:calc(var(--u)*14);font-weight:600;}
.gru-mock-tools{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*10);}
.gru-mock-btn{background:#fff!important;border:1px solid #e2d8cd;border-radius:999px;padding:calc(var(--u)*10) calc(var(--u)*8);font:inherit;font-size:calc(var(--u)*14);color:#5e2b33!important;cursor:pointer;box-shadow:none!important;transition:background .15s ease,border-color .15s ease;}
.gru-mock-btn:hover,.gru-mock-btn:focus,.gru-mock-btn:active,.gru-mock-btn:focus-visible{background:#f6f2ee!important;border-color:#c7b8a8;color:#5e2b33!important;box-shadow:none!important;outline:none!important;}
.gru-mock-btn.is-active{background:#efe3da!important;border-color:#c7b8a8;}
.gru-mock-confirm{display:block;width:100%;margin-top:calc(var(--u)*14);background:#5e2b33;color:#f4ede1;border:0;border-radius:999px;padding:calc(var(--u)*13) 0;font:inherit;font-size:calc(var(--u)*15);font-weight:600;cursor:pointer;transition:background .2s ease;}
.gru-mock-confirm:hover{background:#753641;}
.gru-mock-confirm.is-saved{background:#2e7d4f;}
.gru-mock-note{margin:0 0 calc(var(--u)*16);font-size:calc(var(--u)*12);color:#5a5a5a;line-height:1.45;text-align:center;white-space:nowrap;letter-spacing:-.3px;}
/* overlay layer on the first gallery slide */
.gru-mock-layer{position:absolute;inset:0;overflow:hidden;z-index:2;pointer-events:none;}
.gru-mock-layer.editing{pointer-events:auto;}
.gru-mock-item{position:absolute;top:50%;left:50%;width:34%;transform:translate(-50%,-50%) rotate(0deg);cursor:move;pointer-events:auto;touch-action:none;}
.gru-mock-item img{width:100%;height:auto;display:block;-webkit-user-drag:none;user-select:none;pointer-events:none;}
.gru-mock-layer.editing .gru-mock-item.sel{outline:1px dashed #5e2b33;}
.gru-mock-handle{position:absolute;width:calc(var(--u)*18);height:calc(var(--u)*18);background:#fff;border:1px solid #5e2b33;border-radius:50%;display:none;z-index:3;}
.gru-mock-layer.editing .gru-mock-item.sel .gru-mock-handle{display:block;}
.gru-mock-h-resize{right:calc(var(--u)*-9);bottom:calc(var(--u)*-9);cursor:nwse-resize;}
.gru-mock-h-rotate{left:calc(var(--u)*-9);top:calc(var(--u)*-9);cursor:grab;background:#5e2b33;}
@media (max-width:1023px){
  .gru-mock-upload{font-size:15px;padding:12px 18px;}
  .gru-mock-upload-ico{width:22px;height:22px;}
  .gru-mock-btn{font-size:14px;padding:10px 8px;}
  .gru-mock-confirm{font-size:15px;padding:13px 0;}
  .gru-mock-note{font-size:12px;white-space:normal;letter-spacing:normal;}
  .gru-mock-handle{width:20px;height:20px;}
  .gru-mock-h-resize{right:-10px;bottom:-10px;}
  .gru-mock-h-rotate{left:-10px;top:-10px;}
}
@media (max-width:1023px){
  .gru-pdp{padding:100px 16px 110px;}
  .gru-pdp-grid{grid-template-columns:1fr;gap:34px;max-width:none;}
  .gru-pdp-gallery{order:1;}
  .gru-pdp-buy{order:2;}
  .gru-pdp-info{order:3;}
  .gru-pdp-title{font-size:38px;margin-bottom:16px;}
  .gru-pdp-excerpt,.gru-pdp-more{font-size:15px;}
  .gru-pdp-lbl{font-size:15px;margin-bottom:16px;}
  .gru-pdp-swatches{gap:9px;}
  .gru-pdp-sw{width:20px;height:20px;}
  .gru-pdp-hr{margin:22px 0;width:300px;}
  .gru-pdp-action{flex-wrap:wrap;gap:12px;}
  .gru-pdp-qty{height:44px;}
  .gru-pdp-qty button{width:28px!important;font-size:17px;}
  .gru-pdp-qinput{width:46px!important;font-size:16px;padding:0!important;}
  .gru-pdp-cta{height:44px;padding:0 34px;font-size:16px;font-weight:400;}
  .gru-pdp-nav button{width:48px;height:48px;}
  .gru-pdp-nav svg{width:20px;height:20px;}
  .gru-pdp-sticker{width:96px;height:96px;right:-20px;top:-22px;}
  .gru-pdp-acc-h{font-size:18px;padding:16px 0;}
  .gru-pdp-acc-bw{font-size:15px;}
  .gru-mock-edit-lbl{font-size:16px;}
}

/* ===================== ARTICLES (מאמרים) ===================== */
/* archive */
.gru-art{width:100vw;margin-inline:calc(50% - 50vw);padding:calc(var(--u)*180) 8vw calc(var(--u)*140);}
.gru-art-head{text-align:center;margin-bottom:calc(var(--u)*56);}
.gru-art-kicker{color:#9a6b73;font-size:calc(var(--u)*16);font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-bottom:calc(var(--u)*14);}
.gru-art-title{color:#5e2b33;font-weight:300;font-size:calc(var(--u)*88);line-height:1;margin-bottom:calc(var(--u)*20);}
.gru-art-sub{color:#6b6360;font-size:calc(var(--u)*19);line-height:1.6;max-width:calc(var(--u)*620);margin:0 auto;}
/* filters */
.gru-art-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(var(--u)*12);margin-bottom:calc(var(--u)*56);}
.gru-art-chip{display:inline-flex;align-items:center;padding:calc(var(--u)*9) calc(var(--u)*22);border:1px solid #d8cdbf;border-radius:calc(var(--u)*40);color:#5e2b33;font-size:calc(var(--u)*15);font-weight:500;transition:background .2s ease,color .2s ease,border-color .2s ease;}
.gru-art-chip:hover{background:#f4ede1;border-color:#c4b7a6;}
.gru-art-chip.is-active{background:#5e2b33;border-color:#5e2b33;color:#f4ede1;}
/* grid */
.gru-art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--u)*48) calc(var(--u)*40);}
.gru-art-card{display:flex;flex-direction:column;}
.gru-art-card-media{display:block;position:relative;aspect-ratio:4/3;border-radius:calc(var(--u)*18);overflow:hidden;background:#f4ede1;}
.gru-art-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.gru-art-card:hover .gru-art-card-media img{transform:scale(1.05);}
.gru-art-card-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#c9b59b;font-weight:700;letter-spacing:.12em;font-size:calc(var(--u)*22);}
.gru-art-card-body{padding-top:calc(var(--u)*20);display:flex;flex-direction:column;gap:calc(var(--u)*10);}
.gru-art-card-cat{align-self:flex-start;color:#9a6b73;font-size:calc(var(--u)*13);font-weight:600;letter-spacing:.1em;text-transform:uppercase;}
.gru-art-card-title{font-weight:400;font-size:calc(var(--u)*23);line-height:1.35;color:#2c2422;}
.gru-art-card-title a{transition:color .2s ease;}
.gru-art-card:hover .gru-art-card-title a{color:#5e2b33;}
.gru-art-card-excerpt{color:#6b6360;font-size:calc(var(--u)*16);line-height:1.6;}
.gru-art-card-meta{display:flex;align-items:center;justify-content:space-between;margin-top:calc(var(--u)*6);color:#9a938f;font-size:calc(var(--u)*14);}
.gru-art-card-more{display:inline-flex;align-items:center;gap:calc(var(--u)*6);color:#5e2b33;font-weight:600;}
.gru-art-card-more svg{width:calc(var(--u)*16);height:calc(var(--u)*16);transition:transform .2s ease;}
.gru-art-card-more:hover svg{transform:translateX(calc(var(--u)*-4));}
/* pagination */
.gru-art-pag{margin-top:calc(var(--u)*70);}
.gru-art-pag .page-numbers{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:calc(var(--u)*8);}
.gru-art-pag .page-numbers li{margin:0;}
.gru-art-pag .page-numbers a,.gru-art-pag .page-numbers span{display:inline-flex;align-items:center;justify-content:center;min-width:calc(var(--u)*44);height:calc(var(--u)*44);padding:0 calc(var(--u)*14);border:1px solid #d8cdbf;border-radius:calc(var(--u)*10);color:#5e2b33;font-size:calc(var(--u)*15);font-weight:500;transition:background .2s ease,color .2s ease;}
.gru-art-pag .page-numbers a:hover{background:#f4ede1;}
.gru-art-pag .page-numbers .current{background:#5e2b33;border-color:#5e2b33;color:#f4ede1;}
.gru-art-empty{text-align:center;color:#6b6360;font-size:calc(var(--u)*18);padding:calc(var(--u)*60) 0;}
/* infinite scroll sentinel */
.gru-art-infinite{display:flex;justify-content:center;align-items:center;min-height:calc(var(--u)*80);margin-top:calc(var(--u)*50);}
.gru-art-spinner{width:calc(var(--u)*30);height:calc(var(--u)*30);border-radius:50%;border:calc(var(--u)*3) solid #e0d5c6;border-top-color:#5e2b33;opacity:0;transition:opacity .2s ease;}
.gru-art-infinite.is-loading .gru-art-spinner{opacity:1;animation:gruSpin .7s linear infinite;}
@keyframes gruSpin{to{transform:rotate(360deg);}}

/* single article */
.gru-post{max-width:calc(var(--u)*820);margin:0 auto;padding:calc(var(--u)*170) calc(var(--u)*24) calc(var(--u)*120);}
.gru-post-head{text-align:center;margin-bottom:calc(var(--u)*40);}
.gru-post-crumbs{display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*10);color:#9a6b73;font-size:calc(var(--u)*14);font-weight:600;letter-spacing:.06em;margin-bottom:calc(var(--u)*22);}
.gru-post-crumbs a:hover{color:#5e2b33;text-decoration:underline;}
.gru-post-crumbs span{color:#cdbfae;}
.gru-post-title{font-weight:300;font-size:calc(var(--u)*52);line-height:1.18;color:#2c2422;margin-bottom:calc(var(--u)*22);}
.gru-post-meta{display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*12);color:#9a938f;font-size:calc(var(--u)*15);}
.gru-post-hero{margin:0 0 calc(var(--u)*48);border-radius:calc(var(--u)*22);overflow:hidden;aspect-ratio:16/9;background:#f4ede1;}
.gru-post-hero img{width:100%;height:100%;object-fit:cover;}
.gru-post-body{color:#3a3431;font-size:calc(var(--u)*19);line-height:1.85;}
.gru-post-body p{margin-bottom:calc(var(--u)*24);}
.gru-post-body h2{font-weight:400;font-size:calc(var(--u)*32);line-height:1.3;color:#2c2422;margin:calc(var(--u)*44) 0 calc(var(--u)*18);}
.gru-post-body h3{font-weight:500;font-size:calc(var(--u)*25);color:#2c2422;margin:calc(var(--u)*36) 0 calc(var(--u)*14);}
.gru-post-body img{border-radius:calc(var(--u)*16);margin:calc(var(--u)*28) auto;}
.gru-post-body a{color:#5e2b33;text-decoration:underline;text-underline-offset:3px;}
.gru-post-body ul,.gru-post-body ol{margin:0 calc(var(--u)*24) calc(var(--u)*24) 0;padding-right:calc(var(--u)*8);}
.gru-post-body li{margin-bottom:calc(var(--u)*10);}
.gru-post-body blockquote{border-right:calc(var(--u)*4) solid #5e2b33;background:#f4ede1;padding:calc(var(--u)*20) calc(var(--u)*26);border-radius:calc(var(--u)*10);margin:calc(var(--u)*28) 0;font-size:calc(var(--u)*20);color:#4a3d3a;}
.gru-post-foot{margin-top:calc(var(--u)*56);padding-top:calc(var(--u)*32);border-top:1px solid #e5dccd;}
.gru-post-back{display:inline-flex;align-items:center;gap:calc(var(--u)*8);color:#5e2b33;font-weight:600;font-size:calc(var(--u)*16);}
.gru-post-back svg{width:calc(var(--u)*18);height:calc(var(--u)*18);transition:transform .2s ease;}
.gru-post-back:hover svg{transform:translateX(calc(var(--u)*4));}
/* related under single */
.gru-post-related{width:100vw;margin:calc(var(--u)*90) 0 0;margin-inline:calc(50% - 50vw);padding:calc(var(--u)*70) 8vw 0;border-top:1px solid #e5dccd;}
.gru-post-related-title{text-align:center;font-weight:300;font-size:calc(var(--u)*44);color:#3a2329;margin-bottom:calc(var(--u)*48);}
.gru-art-grid--3{grid-template-columns:repeat(4,1fr);}

@media (max-width:1023px){
  .gru-art{padding:104px 20px 70px;}
  .gru-art-title{font-size:44px;}
  .gru-art-sub{font-size:16px;max-width:none;}
  .gru-art-grid,.gru-art-grid--3{grid-template-columns:1fr 1fr;gap:26px 16px;}
  .gru-art-card-body{padding-top:12px;gap:6px;}
  .gru-art-card-title{font-size:16px;line-height:1.3;}
  .gru-art-card-excerpt{display:none;}
  .gru-art-card-meta{font-size:12px;}
  .gru-art-card-more span{display:none;}
  .gru-art-pag{margin-top:46px;}
  .gru-art-pag .page-numbers a,.gru-art-pag .page-numbers span{min-width:40px;height:40px;font-size:14px;}
  .gru-post{max-width:none;width:100%;margin:0;padding:100px 20px 64px;}
  .gru-post-title{font-size:30px;}
  .gru-post-meta,.gru-post-crumbs{font-size:13px;flex-wrap:wrap;}
  .gru-post-hero{border-radius:14px;margin-bottom:30px;}
  .gru-post-body{font-size:17px;line-height:1.8;}
  .gru-post-body h2{font-size:24px;}
  .gru-post-body h3{font-size:20px;}
  .gru-post-related{padding:46px 20px 0;margin-top:56px;}
  .gru-post-back{font-size:16px;gap:8px;}
  .gru-post-back svg{width:18px;height:18px;}
  .gru-post-hero{aspect-ratio:16/10;}
  .gru-post-related-title{font-size:28px;margin-bottom:30px;}
}