/* Golconda Menu Sync v1.6 — Theme-Hardened --gms-theme-h : set by JS at runtime = sum of all fixed headers above plugin --gms-scroll-margin : set by JS = total offset for section scroll targets */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap'); /* ── CSS custom property defaults (overridden by JS measurements) */ :root{ --gms-theme-h:0px; --gms-scroll-margin:120px; /* Plugin design tokens on :root so they resolve anywhere in the DOM, including #gms-cart and #gms-modal after they are teleported to */ --acc:#c0392b;--acc-rgb:192,57,43; --text:#111;--muted:#666;--border:#e5e5e5; --brand-h:56px;--nav-h:48px;--cart-w:380px; } /* ── Plugin root ───────────────────────────────────────────────── */ .gms-root{ /* Variables also declared here so any inline style="--acc:..." overrides work */ --acc:#c0392b;--acc-rgb:192,57,43; --text:#111;--muted:#666;--border:#e5e5e5; --brand-h:56px;--nav-h:48px;--cart-w:380px; font-family:'Inter',system-ui,sans-serif; -webkit-font-smoothing:antialiased; background:#fff;color:var(--text); isolation:auto; overflow:visible!important; transform:none!important; } .gms-root *,.gms-root *::before,.gms-root *::after{box-sizing:border-box} .gms-root a{text-decoration:none} .gms-root button{font-family:inherit;cursor:pointer} /* ── Modal and cart-overlay — teleported to by JS. transform:none prevents creating a stacking context trap. NOTE: #gms-cart intentionally keeps will-change:transform for its slide-in animation — do NOT add transform:none here. */ #gms-modal,#gms-cart-ov{ transform:none!important; will-change:auto!important; isolation:isolate; } /* ══ FIXED BRANDING BAR ══════════════════════════════════════ top is set to var(--gms-theme-h) via inline style by JS. The CSS default (0px) is safe — JS overwrites within ms. */ .gms-brand{ position:sticky; top:var(--gms-theme-h); /* JS updates --gms-theme-h at runtime */ z-index:600; background:#fff; border-bottom:1px solid var(--border); box-shadow:0 1px 4px rgba(0,0,0,.08); height:var(--brand-h); /* Prevent this bar from being a stacking context trap for its siblings */ isolation:auto; } .gms-brand-in{ max-width:1320px;margin:0 auto;padding:0 16px; display:flex;align-items:center;height:100%;gap:12px; } .gms-brand-left{flex-shrink:0;display:flex;align-items:center} .gms-logo{height:34px;width:auto;object-fit:contain;max-width:140px;display:block} .gms-logo-text{font-size:15px;font-weight:700;white-space:nowrap;color:var(--text)} .gms-brand-centre{ flex:1;min-width:0; display:flex;align-items:center;gap:10px; overflow:hidden; } .gms-brand-service{ display:inline-flex;align-items:center;gap:5px; background:#f5f5f5;border:1px solid #e0e0e0; border-radius:6px;padding:4px 10px; font-size:12px;font-weight:600; white-space:nowrap;flex-shrink:0; } .gms-brand-addr{ display:flex;align-items:center;gap:4px; font-size:12px;color:var(--muted); white-space:nowrap;overflow:hidden;text-overflow:ellipsis; flex:1;min-width:0; } /* Right side of brand bar — pickup button + cart button together */ .gms-brand-right{display:flex;align-items:center;gap:8px;flex-shrink:0} /* Pickup / Delivery link — outlined so it's visually distinct from filled CART */ .gms-pickup-btn{ display:inline-flex;align-items:center;gap:6px; border:1.5px solid #1a73e8;color:#1a73e8; background:#fff; padding:7px 12px;border-radius:24px; font-size:12px;font-weight:700;letter-spacing:.2px; text-decoration:none;white-space:nowrap; transition:background .15s,color .15s; } .gms-pickup-btn:hover{background:#1a73e8;color:#fff} .gms-pickup-btn svg{flex-shrink:0} /* Full label on desktop */ .gms-pickup-label-short{display:none} .gms-pickup-label-full{display:inline} @media(max-width:600px){ /* On mobile show shorter label "Pickup/Delivery" and reduce padding */ .gms-pickup-label-full{display:none} .gms-pickup-label-short{display:inline} .gms-pickup-btn{padding:6px 9px;font-size:11px} } .gms-cart-trigger{ flex-shrink:0; display:flex;align-items:center;gap:7px; background:#1a73e8;color:#fff;border:none; padding:8px 14px;border-radius:24px; font-size:13px;font-weight:700;letter-spacing:.3px; transition:background .15s; } .gms-cart-trigger:hover{background:#1557b0} .gms-cart-cnt{ background:#fff;color:#1a73e8; border-radius:50%;width:20px;height:20px; font-size:11px;font-weight:700; display:inline-flex;align-items:center;justify-content:center; } /* ══ BANNER ══════════════════════════════════════════════════ */ .gms-banner{width:100%;overflow:hidden} .gms-banner-img{width:100%;height:auto;max-height:280px;object-fit:cover;display:block} /* ══ RESTAURANT HEADER ═══════════════════════════════════════ */ .gms-head{padding:18px 24px 14px} .gms-rest-name{font-size:clamp(22px,4vw,32px);font-weight:700;margin:0 0 5px;letter-spacing:-.5px} .gms-rest-tag{font-size:14px;color:var(--muted);margin:0 0 12px;line-height:1.4} .gms-head-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .gms-open-pill{display:inline-flex;align-items:center;gap:5px;background:#e8f5e9;color:#2e7d32;font-size:13px;font-weight:500;padding:6px 12px;border-radius:6px} .gms-search-toggle{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:#fff;color:var(--text);font-size:13px;font-weight:500;padding:6px 12px;border-radius:6px;transition:background .15s} .gms-search-toggle:hover,.gms-search-toggle.active{background:#f5f5f5} .gms-order-link{display:inline-flex;align-items:center;background:var(--acc);color:#fff;font-size:13px;font-weight:600;padding:6px 14px;border-radius:6px;transition:opacity .15s} .gms-order-link:hover{opacity:.88;color:#fff} .gms-search-bar{display:none;align-items:center;gap:8px;background:#f7f7f7;border:1.5px solid var(--border);border-radius:8px;padding:9px 14px;margin-top:10px} .gms-search-bar.open{display:flex} .gms-search-bar:focus-within{border-color:var(--acc)} .gms-search-inp{flex:1;border:none;background:transparent;outline:none;font-size:15px;font-family:inherit;color:var(--text)} .gms-search-close{background:none;border:none;color:var(--muted);font-size:16px;padding:0 4px} /* ══ STICKY CATEGORY NAV ═════════════════════════════════════ JS sets top inline = themeOffset + brandHeight */ .gms-nav{ position:sticky; top:calc(var(--gms-theme-h) + var(--brand-h)); z-index:500; background:#fff; border-bottom:1px solid var(--border); box-shadow:0 2px 4px rgba(0,0,0,.05); isolation:auto; } .gms-nav-in{display:flex;align-items:center;height:var(--nav-h);max-width:1320px;margin:0 auto;padding:0 10px;gap:4px;position:relative} .gms-ham{background:transparent;border:none;color:var(--text);padding:8px 10px;border-radius:4px;display:flex;align-items:center;flex-shrink:0;transition:background .15s} .gms-ham:hover,.gms-ham.on{background:#f0f0f0} .gms-arr{background:#fff;border:1px solid #d0d0d0;color:var(--text);width:28px;height:28px;border-radius:50%;display:none;align-items:center;justify-content:center;flex-shrink:0;padding:0;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:background .15s} .gms-arr:hover{background:#f5f5f5} .gms-arr.vis{display:flex} .gms-arr:disabled{opacity:.3;pointer-events:none} .gms-tabs{display:flex;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;min-width:0;height:var(--nav-h);align-items:stretch;overscroll-behavior-x:contain} .gms-tabs::-webkit-scrollbar{display:none} .gms-tab{display:flex;align-items:center;white-space:nowrap;font-size:13px;font-weight:600;color:#444;padding:0 14px;border-bottom:3px solid transparent;flex-shrink:0;letter-spacing:.3px;transition:color .15s,border-color .15s} .gms-tab:hover{color:#111} .gms-tab.gms-tab-on{color:#111;border-bottom-color:var(--acc,#c0392b)} /* Hamburger dropdown — position:absolute relative to .gms-nav-in */ .gms-drop{display:none;position:absolute;top:100%;left:0;width:300px;max-height:65vh;overflow-y:auto;background:#fff;border:1px solid var(--border);border-top:none;border-radius:0 0 10px 10px;box-shadow:0 12px 28px rgba(0,0,0,.13);z-index:10} .gms-drop.open{display:block} .gms-drop-item{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;font-size:13px;font-weight:600;letter-spacing:.3px;color:var(--text);border-bottom:1px solid #f5f5f5;transition:background .12s} .gms-drop-item:last-child{border-bottom:none} .gms-drop-item:hover{background:#f8f8f8} .gms-drop-item.on{background:rgba(var(--acc-rgb),.07)} .gms-drop-cnt{color:var(--muted);font-weight:400;font-size:13px} /* ══ DIET FILTER BAR ════════════════════════════════════════ */ .gms-diet-bar{padding:8px 24px;border-bottom:1px solid var(--border);background:#fafafa;display:flex;gap:8px;flex-wrap:wrap} .gms-dp{display:inline-flex;align-items:center;gap:5px;border:1.5px solid var(--border);background:#fff;color:var(--muted);font-size:12px;font-weight:500;padding:5px 12px;border-radius:20px;transition:all .15s;white-space:nowrap} .gms-dp:hover{border-color:var(--text);color:var(--text)} .gms-dp[data-diet="all"].gms-dp-on {background:var(--text);border-color:var(--text);color:#fff} .gms-dp[data-diet="veg"].gms-dp-on {background:#2e7d32;border-color:#2e7d32;color:#fff} .gms-dp[data-diet="vegan"].gms-dp-on {background:#1b5e20;border-color:#1b5e20;color:#fff} .gms-dp[data-diet="nonveg"].gms-dp-on {background:#c62828;border-color:#c62828;color:#fff} /* ══ MENU BODY ═══════════════════════════════════════════════ scroll-margin-top uses --gms-scroll-margin updated by JS */ .gms-body{max-width:1320px;margin:0 auto;padding:24px 24px 80px} .gms-sec{ margin-bottom:44px; /* JS sets --gms-scroll-margin = themeOffset + brandH + navH + 10 */ scroll-margin-top:var(--gms-scroll-margin); } .gms-sec-h{font-size:20px;font-weight:700;margin:0 0 16px;letter-spacing:.2px} .gms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px} @media(max-width:900px){.gms-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:580px){.gms-grid{grid-template-columns:1fr;gap:8px}} /* ══ CARD ════════════════════════════════════════════════════ */ /* img max-width reset: themes like TwentyTwenty set img{max-width:100%;height:auto} which breaks fixed-size card images. We override defensively. */ .gms-card{display:flex;border:1px solid var(--border);border-radius:10px;background:#fff;overflow:hidden;cursor:pointer;min-height:110px;transition:box-shadow .15s,border-color .15s} .gms-card:hover{border-color:#bbb;box-shadow:0 3px 10px rgba(0,0,0,.07)} .gms-card-body{flex:1;padding:12px 14px;display:flex;flex-direction:column;gap:4px;min-width:0} .gms-card-name{font-size:13px;font-weight:700;margin:0;line-height:1.3;color:var(--text)} .gms-card-desc{font-size:12px;color:var(--muted);margin:0;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .gms-card-foot{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:6px;flex-wrap:wrap} .gms-card-price{font-size:13px;font-weight:600;color:var(--text)} .gms-diet-badges{display:inline-flex;align-items:center;gap:3px;flex-shrink:0;margin-left:auto} .gms-diet-badge{display:inline-flex;align-items:center;flex-shrink:0;line-height:1} .gms-diet-badge svg{display:block;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.15)} .gms-card-img{ width:100px!important;min-width:100px!important; /* !important overrides theme img resets */ height:100px!important; align-self:center;margin-right:12px; border-radius:8px;overflow:hidden;background:#f5f5f5;flex-shrink:0;position:relative; } .gms-card-img img{ width:100%!important;height:100%!important; /* override theme img{height:auto} */ object-fit:cover;display:block; } .gms-card-img-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center} .gms-sold-ov{position:absolute;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px} .gms-card.gms-hide{display:none!important} .gms-sec.gms-sec-hide{display:none!important} .gms-nores{text-align:center;padding:50px 20px;color:var(--muted)} /* ══ MODAL ═══════════════════════════════════════════════════ After JS teleport this is a direct child. z-index:2000 competes only in the root stacking context. */ .gms-modal{ position:fixed;inset:0; z-index:2000; display:none; align-items:flex-end;justify-content:center; /* Defensive: prevent self from creating a stacking context trap */ transform:none!important; will-change:auto!important; } @media(min-width:600px){.gms-modal{align-items:center;padding:20px}} .gms-modal.open{display:flex} .gms-modal-bd{position:absolute;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)} .gms-modal-box{ position:relative;background:#fff; width:100%;max-width:480px;max-height:92vh; display:flex;flex-direction:column;overflow:hidden; border-radius:16px 16px 0 0; box-shadow:0 -8px 40px rgba(0,0,0,.2); animation:gmsUp .22s ease-out; /* Prevent animation from creating a stacking context on the modal-box itself */ } @media(min-width:600px){ .gms-modal-box{border-radius:14px;max-height:88vh;animation:gmsIn .22s ease-out} } @keyframes gmsUp{from{opacity:0;translate:0 20px}to{opacity:1;translate:none}} @keyframes gmsIn{from{opacity:0;scale:.96}to{opacity:1;scale:1}} .gms-modal-img{width:100%;aspect-ratio:16/9;background:#f5f5f5;overflow:hidden;flex-shrink:0} .gms-modal-img img{width:100%!important;height:100%!important;object-fit:cover;display:block} /* Close button — clean ✕, no bg, top-right, visible on any image */ .gms-modal-x{ position:absolute;top:10px;right:10px;z-index:10; width:36px;height:36px;border-radius:50%; border:none;background:transparent; display:flex;align-items:center;justify-content:center; color:#fff;cursor:pointer; filter:drop-shadow(0 1px 4px rgba(0,0,0,.7)); transition:opacity .15s; } .gms-modal-x:hover{opacity:.75} .gms-modal-x svg{display:block;stroke:#fff} .gms-modal-body{overflow-y:auto;flex:1;padding:16px 20px 8px} .gms-modal-name{font-size:17px;font-weight:700;margin:0 0 6px;letter-spacing:.2px} .gms-modal-desc{font-size:13px;line-height:1.55;color:var(--text);margin-bottom:4px} .gms-modal-diet{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:12px;margin-bottom:8px;margin-right:4px} .gms-md-1{background:#e8f5e9;color:#2e7d32} .gms-md-2{background:#e0f2e0;color:#1b5e20} .gms-md-3{background:#ffebee;color:#c62828} .gms-md-halal{background:#fff3e0;color:#e65100} /* Modifier groups — scoped globally because modal is teleported outside .gms-root */ .gms-mod-grp{border-top:1px solid #f0f0f0;margin-top:10px;padding-top:12px} .gms-mod-grp-name{font-size:15px;font-weight:600;margin:0 0 2px;color:var(--text,#111)} .gms-mod-grp-sub{font-size:12px;color:var(--muted,#666);margin:0 0 8px} .gms-mod-row{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #f5f5f5;cursor:pointer} .gms-mod-row:last-child{border-bottom:none} /* Custom checkbox/radio — fully self-contained, no ::after on .gms-root */ .gms-mod-chk{ width:22px;height:22px; border:2px solid #ccc;border-radius:4px; margin-right:12px;flex-shrink:0; background:#fff; display:flex;align-items:center;justify-content:center; transition:all .15s; box-sizing:border-box; } .gms-mod-chk.radio{border-radius:50%} /* SELECTED STATE — background fill + white SVG tick rendered via inline border trick */ .gms-mod-row.on .gms-mod-chk{ background:var(--acc,#c0392b); border-color:var(--acc,#c0392b); } /* Checkmark drawn with border — works outside .gms-root after teleport */ .gms-mod-row.on .gms-mod-chk:not(.radio)::after{ content:''; display:block; width:6px;height:10px; border-right:2.5px solid #fff; border-bottom:2.5px solid #fff; transform:rotate(45deg) translate(-1px,-1px); } /* Radio inner dot */ .gms-mod-row.on .gms-mod-chk.radio::after{ content:''; display:block; width:10px;height:10px; border-radius:50%; background:#fff; } .gms-mod-name{flex:1;font-size:14px;color:var(--text,#111)} .gms-mod-price{color:var(--muted,#666);font-size:13px;margin-left:10px;white-space:nowrap} .gms-note-wrap{border-top:1px solid #f0f0f0;margin-top:10px;padding-top:12px} .gms-note-inp{width:100%;border:1px solid var(--border);border-radius:6px;padding:10px 12px;font-size:13px;font-family:inherit;outline:none;color:var(--text)} .gms-note-inp:focus{border-color:var(--acc)} .gms-modal-ft{display:flex;align-items:center;gap:12px;padding:12px 20px;border-top:1px solid var(--border);flex-shrink:0;background:#fff} .gms-qty-row{display:flex;align-items:center;gap:10px;flex-shrink:0} .gms-qty-btn{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--border);background:#fff;font-size:20px;font-weight:400;color:var(--text);display:flex;align-items:center;justify-content:center;padding:0;line-height:1;transition:background .15s} .gms-qty-btn:hover{background:#f5f5f5} .gms-qty-btn:disabled{opacity:.3} .gms-qty-n{font-size:16px;font-weight:600;min-width:22px;text-align:center} .gms-add-btn{flex:1;background:#111;color:#fff;border:none;padding:13px 20px;border-radius:6px;font-size:14px;font-weight:700;letter-spacing:.3px;transition:background .15s} .gms-add-btn:hover{background:#333} .gms-add-btn:disabled{background:#aaa;cursor:not-allowed} /* ══ CART SIDEBAR ════════════════════════════════════════════ After JS teleport this is a direct child. */ .gms-cart-ov{ position:fixed;inset:0; background:rgba(0,0,0,.4); z-index:1800;display:none; transform:none!important;will-change:auto!important; } .gms-cart-ov.open{display:block} .gms-cart{ position:fixed;top:0;right:0; width:var(--cart-w);max-width:100vw;height:100%; background:#fff;z-index:1900; display:flex;flex-direction:column; transform:translateX(100%);transition:transform .28s cubic-bezier(.4,0,.2,1); box-shadow:-8px 0 32px rgba(0,0,0,.16); will-change:transform; } .gms-cart.open{transform:translateX(0)!important} .gms-cart-hd{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid #e5e5e5;flex-shrink:0} .gms-cart-hd-title{font-size:17px;font-weight:700;margin:0 0 2px} .gms-cart-hd-sub{font-size:11px;color:#666;display:flex;align-items:center;gap:3px} .gms-cart-x{background:none;border:none;font-size:18px;color:#666;padding:4px} .gms-cart-x:hover{color:#111} .gms-cart-list{flex:1;overflow-y:auto;padding:8px 16px;min-height:0} .gms-cart-empty{color:#666;font-size:13px;text-align:center;padding:30px 0} .gms-cart-row{display:flex;align-items:flex-start;gap:10px;padding:12px 0;border-bottom:1px solid #f0f0f0} .gms-cart-row:last-child{border-bottom:none} .gms-cart-row-num{width:30px;height:30px;background:#f5f5f5;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0;margin-top:1px} .gms-cart-row-info{flex:1;min-width:0} .gms-cart-row-name{font-size:13px;font-weight:600;line-height:1.3} .gms-cart-row-meta{font-size:11px;color:#666;margin-top:2px;line-height:1.4} .gms-cart-row-note{color:#555;font-style:italic} .gms-cart-row-acts{display:flex;gap:12px;margin-top:5px} .gms-cart-row-edit,.gms-cart-row-rm{background:none;border:none;font-size:11px;font-weight:700;letter-spacing:.3px;padding:0;cursor:pointer;text-transform:uppercase} .gms-cart-row-edit{color:#c0392b} .gms-cart-row-rm{color:#666} .gms-cart-row-rm:hover{color:#c62828} .gms-cart-row-price{font-size:13px;font-weight:600;white-space:nowrap;flex-shrink:0} .gms-upsell{border-top:1px solid #e5e5e5;flex-shrink:0;background:#f9f9f9} .gms-upsell-hd{font-size:14px;font-weight:700;padding:12px 16px 6px;color:#111} .gms-upsell-scroll{overflow-y:auto;max-height:210px;padding:0 16px 10px;display:flex;flex-direction:column;gap:8px} .gms-upsell-row{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:8px 10px;cursor:pointer;transition:border-color .15s} .gms-upsell-row:hover{border-color:#bbb} .gms-upsell-img{width:52px;height:52px;border-radius:6px;overflow:hidden;background:#f0f0f0;flex-shrink:0} .gms-upsell-img img{width:100%!important;height:100%!important;object-fit:cover;display:block} .gms-upsell-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:20px} .gms-upsell-info{flex:1;min-width:0} .gms-upsell-name{font-size:13px;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .gms-upsell-price{font-size:12px;color:#666;margin-top:1px} .gms-upsell-plus{width:30px;height:30px;border-radius:50%;border:1.5px solid #c0392b;background:#fff;color:#c0392b;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;padding:0} .gms-upsell-plus:hover{background:#c0392b;color:#fff} .gms-cart-ft{padding:14px 20px;border-top:1px solid #e5e5e5;flex-shrink:0;background:#fff;display:flex;flex-direction:column;gap:10px} .gms-cart-subtotal{display:flex;justify-content:space-between;font-size:15px;font-weight:700;padding:2px 0} .gms-cart-cta-msg{background:#fff8e1;border-left:3px solid #f59e0b;border-radius:0 6px 6px 0;padding:10px 12px;font-size:12px;line-height:1.5;color:#555} .gms-checkout-btn{display:block;background:#c0392b;color:#fff;text-align:center;font-size:14px;font-weight:700;letter-spacing:.3px;padding:13px;border-radius:6px;transition:opacity .15s} .gms-checkout-btn:hover{opacity:.88;color:#fff} .gms-empty-btn{background:none;border:none;color:#666;font-size:12px;font-weight:700;letter-spacing:.5px;padding:2px 0;text-align:center;transition:color .15s;width:100%} .gms-empty-btn:hover{color:#c62828} /* ══ RESPONSIVE ══════════════════════════════════════════════ */ @media(max-width:600px){ .gms-brand-addr{display:none} .gms-head{padding:14px 14px 12px} .gms-diet-bar{padding:8px 14px} .gms-body{padding:16px 12px 60px} .gms-card-img{width:86px!important;min-width:86px!important;height:86px!important;margin-right:8px} .gms-tab{padding:0 11px;font-size:12px} .gms-drop{width:100%} .gms-cart{width:100%!important} .gms-modal-box{max-width:100%;border-radius:16px 16px 0 0} } /* ══ THEME-SPECIFIC OVERRIDES ════════════════════════════════ Targeted fixes for known conflicts. These only apply when the relevant theme class is present on a parent. */ /* Rosa 2 — .js-header creates a fixed header that we must clear */ .js-header ~ * #gms-brand, body.rosa2-active #gms-brand{ /* handled by JS --gms-theme-h; this is a CSS-only fallback */ } /* Divi — .et-fixed-header applies a fixed nav at top:0 */ body .et_pb_section .gms-root{ overflow:visible!important; } /* Elementor — sections use will-change which creates stacking contexts */ .elementor-section .gms-root, .e-container .gms-root{ transform:none!important; will-change:auto!important; } /* Gutenberg full-width blocks clip content with overflow:hidden */ .wp-block-group .gms-root, .wp-block-cover .gms-root, .wp-block-columns .gms-root{ overflow:visible!important; } /* WPBakery vc_row uses transform for parallax */ .vc_row .gms-root{ transform:none!important; }