/** * Homepage CSS Styles * Migrated from Perfmatters snippet #6-homepage.php * * Contains: * - Homepage group/review hover effects * - Product carousel styling * - Media awards navigation */ /* Homepage groups */ .blz-group { align-content: center; } @media screen and (max-width: 767px) { .blz-group-review { min-height: 380px; } /* Fix: Show primary category images on mobile — GreenShift responsive visibility hides all .blz-hovered-img elements via body #id { display:none !important } at max-width:689.98px. Specificity (1,3,1) beats GreenShift's body+#id (1,0,1). Mirrors the identical fix in the min-width:768px block above. Also subsumes the old :has() Earrings-specific fallback (no longer needed). Task: https://app.clickup.com/t/86ex329kh */ body .blz-img-group [id^="gspb_image-id-"].blz-hovered-img:not(#_) { display: block !important; } } @media screen and (min-width: 768px) { .blz-hover-paragraph { max-height: 0; overflow: hidden; } .blz-group:hover .blz-hover-paragraph, .blz-group-review:hover .blz-hover-paragraph { pointer-events: auto; max-height: 9999px; } .blz-group:hover { min-height: 650px; } .blz-group-review:hover { min-height: 380px; } .blz-hover-img { display: none !important; } /* Fix: Show hovered image on tablet/desktop when hover-img is hidden Task: https://app.clickup.com/t/86ewe2tac Uses :not(#_) to boost specificity to ID-level, overriding Greenshift's body #gspb_image-id-xxx { display: none !important; } rules */ body .blz-img-group [id^="gspb_image-id-"].blz-hovered-img:not(#_) { display: block !important; } /* Fix: Align category cards to top to prevent misalignment from multi-line titles Task: https://app.clickup.com/t/86ewe2tac */ .blz-img-group { align-self: start !important; } } /* Product Carousel */ .home-prodcuct-carousel .products.owl-theme .owl-nav button { font-size: 80px !important; } /* Media Awards Navigation */ .media-awards-nav a { text-decoration: none; } /* =================================================================== DISCOVER BY CATEGORY - Large Viewport Fix Issue: Grid should match alignwide sections on large viewports Fix: Use same width calculation as WordPress alignwide content =================================================================== */ @media screen and (min-width: 1441px) { /* Center the section content */ .blz-discover-by-category { display: flex !important; flex-direction: column; align-items: center; } /* Match alignwide width: min(1760px, 90vw) - same as WordPress alignwide Uses viewport width (vw) units to match WordPress's alignwide calculation */ .blz-discover-by-category .gspb_container:has(.blz-img-group) { max-width: min(1760px, 90vw) !important; width: 90vw; margin-left: auto !important; margin-right: auto !important; } /* Ensure images scale to fill expanded cards */ .blz-discover-by-category .blz-img-group img { width: 100%; height: auto; object-fit: cover; } /* Keep text centered */ .blz-discover-by-category .blz-img-group { text-align: center; } .blz-discover-by-category .blz-img-group h6 { text-align: center !important; width: 100%; } } /* =================================================================== HERO SLIDER — Auto-Fit (Desktop) — Revision 12 Issue: Rev 11 (object-fit:contain) eliminated cropping but produced side gaps at viewports where the container becomes wider than 16:9 (e.g. 1440×900, 1920×900, 2560×900) — confirmed visually by Eslyn in the Slack thread (C08992VT1G9, parent ts 1775520368.093789). Geometric reality: the source images are 16:9 (1920×1080). When the viewport AR > 16:9 (after the max-height cap kicks in), no CSS-only solution can simultaneously fill the container AND avoid cropping the 16:9 image. Eslyn explicitly chose "fill/cover with adjusted position to show texts" over the contain+gaps option. Fix: switch back to object-fit:cover with object-position:center 65% — biased slightly toward the bottom so the CTA and models stay visible at wide+short viewports. The aspect-ratio + max-height constraints stay so the slider remains viewport-proportional at widths where the geometry does fit. Long-term fix: client should upload images at 2560×1080 or wider per Eslyn's banner-size standard (Slack thread broadcast 1775612332.933359). Task: https://app.clickup.com/t/86ex3rj7u =================================================================== */ @media (min-width: 1000px) { .hero-slider .swiper-slide-inner { width: 100% !important; min-height: unset !important; height: auto !important; aspect-ratio: 16 / 9 !important; max-height: calc(100vh - 129px) !important; } .hero-slider .slider-image-wrapper img { object-fit: cover !important; object-position: center 65% !important; } .hero-slider .swiper-slide-inner[style*="background-image"] { background-size: cover !important; background-position: center 65% !important; background-repeat: no-repeat !important; } } /* =================================================================== SEE ALL / VIEW ALL BUTTONS — Font Color Readability Fix Issue: Greenshift inline styles set font color to dark (#040711 / #162423) on these 5 buttons with transparent backgrounds, making them look like plain body text instead of clickable CTAs. Fix: Override font color to dark green (#162423) so buttons are visible CTAs. Also fix SVG arrow icon fill to match. Hover already set to #cfad5e by Greenshift — kept as-is. Only targets 5 affected wrapper IDs — does NOT touch "explore" (gsbp-0082079, gsbp-d1e960f, gsbp-80b565c) or "Get To Know Us" (gsbp-dd022da) buttons. Task: https://app.clickup.com/t/86ex57qz2 =================================================================== */ .gspb_button-id-gsbp-513b5a9 > .gspb-buttonbox, .gspb_button-id-gsbp-ddd1e29 > .gspb-buttonbox, .gspb_button-id-gsbp-d63a753 > .gspb-buttonbox, .gspb_button-id-gsbp-8664b6b > .gspb-buttonbox, .gspb_button-id-gsbp-0ea73d7 > .gspb-buttonbox { color: #162423 !important; } .gspb_button-id-gsbp-513b5a9 > .gspb-buttonbox .gspb-buttonbox-icon svg, .gspb_button-id-gsbp-513b5a9 > .gspb-buttonbox .gspb-buttonbox-icon svg path, .gspb_button-id-gsbp-ddd1e29 > .gspb-buttonbox .gspb-buttonbox-icon svg, .gspb_button-id-gsbp-ddd1e29 > .gspb-buttonbox .gspb-buttonbox-icon svg path, .gspb_button-id-gsbp-d63a753 > .gspb-buttonbox .gspb-buttonbox-icon svg, .gspb_button-id-gsbp-d63a753 > .gspb-buttonbox .gspb-buttonbox-icon svg path, .gspb_button-id-gsbp-8664b6b > .gspb-buttonbox .gspb-buttonbox-icon svg, .gspb_button-id-gsbp-8664b6b > .gspb-buttonbox .gspb-buttonbox-icon svg path, .gspb_button-id-gsbp-0ea73d7 > .gspb-buttonbox .gspb-buttonbox-icon svg, .gspb_button-id-gsbp-0ea73d7 > .gspb-buttonbox .gspb-buttonbox-icon svg path { fill: #162423 !important; } /* =================================================================== HOMEPAGE HEADINGS — Centering Defense Ensures all Greenshift section headings remain centered on production regardless of inline style changes. Task: https://app.clickup.com/t/86ex57qz2 =================================================================== */ body.home .gspb_heading { text-align: center !important; } /* =================================================================== SEE ALL / VIEW ALL BUTTONS — Hover State (text + arrow → #DBBE7B) Revision of CU-86ex57qz2 per Vita comment 90180207875975. Resting state (#162423) unchanged — only :hover is added. Applies to the same 5 wrapper IDs fixed in the resting-state block. =================================================================== */ .gspb_button-id-gsbp-513b5a9:hover > .gspb-buttonbox, .gspb_button-id-gsbp-ddd1e29:hover > .gspb-buttonbox, .gspb_button-id-gsbp-d63a753:hover > .gspb-buttonbox, .gspb_button-id-gsbp-8664b6b:hover > .gspb-buttonbox, .gspb_button-id-gsbp-0ea73d7:hover > .gspb-buttonbox, .gspb_button-id-gsbp-513b5a9 > .gspb-buttonbox:hover, .gspb_button-id-gsbp-ddd1e29 > .gspb-buttonbox:hover, .gspb_button-id-gsbp-d63a753 > .gspb-buttonbox:hover, .gspb_button-id-gsbp-8664b6b > .gspb-buttonbox:hover, .gspb_button-id-gsbp-0ea73d7 > .gspb-buttonbox:hover { color: #DBBE7B !important; } /* SVG arrow fill: uses #id:not(#_) (specificity 0,2,3,2) to beat Greenshift's injected #id:hover rule (specificity 0,1,3,2) which uses !important too. */ #gspb_button-id-gsbp-513b5a9:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-513b5a9:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-513b5a9:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-513b5a9:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-ddd1e29:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-ddd1e29:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-ddd1e29:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-ddd1e29:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-d63a753:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-d63a753:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-d63a753:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-d63a753:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-8664b6b:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-8664b6b:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-8664b6b:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-8664b6b:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-0ea73d7:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-0ea73d7:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-0ea73d7:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-0ea73d7:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg path { fill: #DBBE7B !important; } /* =================================================================== CU-86ex57qz2 — Revision 4 (2026-04-07) 4 REMAINING HOMEPAGE CTAs — Resting + Hover color fix Triggered by user follow-up: "the see all in other sections default font color is still fucking white and wasnt fixed in production". Rev 1–3 fixed 5 transparent-bg buttons (513b5a9, ddd1e29, d63a753, 8664b6b, 0ea73d7). This revision covers the 4 buttons that were intentionally skipped in the prior scope: - gsbp-0082079 "explore" → Pearls (cream bg #fbefdb) - gsbp-80b565c "explore" → Symbols & Good Luck (cream bg) - gsbp-d1e960f "explore" → Everyday Chic (cream bg) - gsbp-dd022da "Get To Know Us" → Meet Kajal Naina (dark green bg #274832) Color strategy: - Cream-bg trio (0082079 / 80b565c / d1e960f): resting #162423 (palette-color-7 dark green) → hover #DBBE7B (gold). Matches the Rev 1–3 visual pattern for light backgrounds so all homepage CTAs read consistently. - Dark-bg solo (dd022da): INVERTED palette — resting #DBBE7B (gold) → hover #DBBE7B (gold). Gold on dark green has strong contrast and matches the brand palette. Hover also replaces Greenshift's buggy hover rule that sets text color == bg color. =================================================================== */ /* -- Resting state: 3 cream-bg "explore" buttons → #162423 -- */ .gspb_button-id-gsbp-0082079 > .gspb-buttonbox, .gspb_button-id-gsbp-80b565c > .gspb-buttonbox, .gspb_button-id-gsbp-d1e960f > .gspb-buttonbox { color: #162423 !important; } /* ID+:not(#_) specificity (0,2,2,2) needed to beat Greenshift's body #id svg path rule (0,1,0,3) which uses !important on fill. */ #gspb_button-id-gsbp-0082079:not(#_) > .gspb-buttonbox .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-0082079:not(#_) > .gspb-buttonbox .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-80b565c:not(#_) > .gspb-buttonbox .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-80b565c:not(#_) > .gspb-buttonbox .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-d1e960f:not(#_) > .gspb-buttonbox .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-d1e960f:not(#_) > .gspb-buttonbox .gspb-buttonbox-icon svg path { fill: #162423 !important; } /* -- Resting state: dark-bg "Get To Know Us" → #DBBE7B (inverted) -- */ .gspb_button-id-gsbp-dd022da > .gspb-buttonbox { color: #DBBE7B !important; } #gspb_button-id-gsbp-dd022da:not(#_) > .gspb-buttonbox .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-dd022da:not(#_) > .gspb-buttonbox .gspb-buttonbox-icon svg path { fill: #DBBE7B !important; } /* -- Hover: 3 cream-bg "explore" buttons → text #DBBE7B -- */ .gspb_button-id-gsbp-0082079:hover > .gspb-buttonbox, .gspb_button-id-gsbp-80b565c:hover > .gspb-buttonbox, .gspb_button-id-gsbp-d1e960f:hover > .gspb-buttonbox, .gspb_button-id-gsbp-0082079 > .gspb-buttonbox:hover, .gspb_button-id-gsbp-80b565c > .gspb-buttonbox:hover, .gspb_button-id-gsbp-d1e960f > .gspb-buttonbox:hover { color: #DBBE7B !important; } /* -- Hover: dark-bg "Get To Know Us" → text #DBBE7B -- */ .gspb_button-id-gsbp-dd022da:hover > .gspb-buttonbox, .gspb_button-id-gsbp-dd022da > .gspb-buttonbox:hover { color: #DBBE7B !important; } /* -- Hover SVG fill — ID-level specificity via #id:not(#_) (0,2,3,2) beats Greenshift's injected #id:hover rule (0,1,3,2). -- */ #gspb_button-id-gsbp-0082079:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-0082079:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-0082079:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-0082079:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-80b565c:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-80b565c:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-80b565c:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-80b565c:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-d1e960f:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-d1e960f:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-d1e960f:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-d1e960f:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg path { fill: #DBBE7B !important; } #gspb_button-id-gsbp-dd022da:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-dd022da:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-dd022da:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-dd022da:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg path { fill: #DBBE7B !important; } /* =================================================================== CU-86ex57qz2 — Revision 5 (2026-04-07) 19 REMAINING HOMEPAGE CTAs — Resting + Hover color fix Root cause: page uses Greenshift responsive-visibility blocks — each breakpoint has its own unique block ID. Rev 1–4 only fixed one ID per section. This revision covers all remaining variants: - Best Sellers SEE ALL (4 responsive variants) - AS SEEN ON INSTAGRAM SHOP THE LOOK (3 variants) - Mangalsutra SEE ALL (4 variants) - Pearls/KN Pearl Collections SEE ALL (4 variants) - Symbols & Good Luck SEE ALL (1 variant) - Silverware SEE ALL (1 variant) - Mountain Beauty SEE ALL (1 variant) - You & I SEE ALL (1 variant) All are transparent-bg: resting #162423, hover #DBBE7B. Task: https://app.clickup.com/t/86ex57qz2 =================================================================== */ /* -- Resting state: all 19 remaining transparent-bg CTAs → #162423 -- */ .gspb_button-id-gsbp-a399b43 > .gspb-buttonbox, .gspb_button-id-gsbp-f0fb30d > .gspb-buttonbox, .gspb_button-id-gsbp-8d7cb86 > .gspb-buttonbox, .gspb_button-id-gsbp-2155db5 > .gspb-buttonbox, .gspb_button-id-gsbp-92db850 > .gspb-buttonbox, .gspb_button-id-gsbp-14f9a86 > .gspb-buttonbox, .gspb_button-id-gsbp-0146d16 > .gspb-buttonbox, .gspb_button-id-gsbp-a8aa99d > .gspb-buttonbox, .gspb_button-id-gsbp-ccaf634 > .gspb-buttonbox, .gspb_button-id-gsbp-f1c4836 > .gspb-buttonbox, .gspb_button-id-gsbp-3a2a388 > .gspb-buttonbox, .gspb_button-id-gsbp-cace75b > .gspb-buttonbox, .gspb_button-id-gsbp-c521528 > .gspb-buttonbox, .gspb_button-id-gsbp-5067764 > .gspb-buttonbox, .gspb_button-id-gsbp-1f4f94c > .gspb-buttonbox, .gspb_button-id-gsbp-0bd39bb > .gspb-buttonbox, .gspb_button-id-gsbp-8de3704 > .gspb-buttonbox, .gspb_button-id-gsbp-ab73d17 > .gspb-buttonbox, .gspb_button-id-gsbp-54c519b > .gspb-buttonbox { color: #162423 !important; } /* -- Resting SVG fill → #162423 -- */ .gspb_button-id-gsbp-a399b43 > .gspb-buttonbox .gspb-buttonbox-icon svg, .gspb_button-id-gsbp-a399b43 > .gspb-buttonbox .gspb-buttonbox-icon svg path, .gspb_button-id-gsbp-f0fb30d > .gspb-buttonbox .gspb-buttonbox-icon svg, .gspb_button-id-gsbp-f0fb30d > .gspb-buttonbox .gspb-buttonbox-icon svg path, .gspb_button-id-gsbp-8d7cb86 > .gspb-buttonbox .gspb-buttonbox-icon svg, .gspb_button-id-gsbp-8d7cb86 > .gspb-buttonbox .gspb-buttonbox-icon svg path, .gspb_button-id-gsbp-2155db5 > .gspb-buttonbox .gspb-buttonbox-icon svg, .gspb_button-id-gsbp-2155db5 > .gspb-buttonbox .gspb-buttonbox-icon svg path, .gspb_button-id-gsbp-92db850 > .gspb-buttonbox .gspb-buttonbox-icon svg, .gspb_button-id-gsbp-92db850 > .gspb-buttonbox .gspb-buttonbox-icon svg path, .gspb_button-id-gsbp-14f9a86 > .gspb-buttonbox .gspb-buttonbox-icon svg, .gspb_button-id-gsbp-14f9a86 > .gspb-buttonbox .gspb-buttonbox-icon svg path, .gspb_button-id-gsbp-0146d16 > .gspb-buttonbox .gspb-buttonbox-icon svg, .gspb_button-id-gsbp-0146d16 > .gspb-buttonbox .gspb-buttonbox-icon svg path, .gspb_button-id-gsbp-a8aa99d > .gspb-buttonbox .gspb-buttonbox-icon svg, .gspb_button-id-gsbp-a8aa99d > .gspb-buttonbox .gspb-buttonbox-icon svg path, .gspb_button-id-gsbp-ccaf634 > .gspb-buttonbox .gspb-buttonbox-icon svg, .gspb_button-id-gsbp-ccaf634 > .gspb-buttonbox .gspb-buttonbox-icon svg path, .gspb_button-id-gsbp-f1c4836 > .gspb-buttonbox .gspb-buttonbox-icon svg, .gspb_button-id-gsbp-f1c4836 > .gspb-buttonbox .gspb-buttonbox-icon svg path, .gspb_button-id-gsbp-3a2a388 > .gspb-buttonbox .gspb-buttonbox-icon svg, .gspb_button-id-gsbp-3a2a388 > .gspb-buttonbox .gspb-buttonbox-icon svg path, .gspb_button-id-gsbp-cace75b > .gspb-buttonbox .gspb-buttonbox-icon svg, .gspb_button-id-gsbp-cace75b > .gspb-buttonbox .gspb-buttonbox-icon svg path, .gspb_button-id-gsbp-c521528 > .gspb-buttonbox .gspb-buttonbox-icon svg, .gspb_button-id-gsbp-c521528 > .gspb-buttonbox .gspb-buttonbox-icon svg path, .gspb_button-id-gsbp-5067764 > .gspb-buttonbox .gspb-buttonbox-icon svg, .gspb_button-id-gsbp-5067764 > .gspb-buttonbox .gspb-buttonbox-icon svg path, .gspb_button-id-gsbp-1f4f94c > .gspb-buttonbox .gspb-buttonbox-icon svg, .gspb_button-id-gsbp-1f4f94c > .gspb-buttonbox .gspb-buttonbox-icon svg path, .gspb_button-id-gsbp-0bd39bb > .gspb-buttonbox .gspb-buttonbox-icon svg, .gspb_button-id-gsbp-0bd39bb > .gspb-buttonbox .gspb-buttonbox-icon svg path, .gspb_button-id-gsbp-8de3704 > .gspb-buttonbox .gspb-buttonbox-icon svg, .gspb_button-id-gsbp-8de3704 > .gspb-buttonbox .gspb-buttonbox-icon svg path, .gspb_button-id-gsbp-ab73d17 > .gspb-buttonbox .gspb-buttonbox-icon svg, .gspb_button-id-gsbp-ab73d17 > .gspb-buttonbox .gspb-buttonbox-icon svg path, .gspb_button-id-gsbp-54c519b > .gspb-buttonbox .gspb-buttonbox-icon svg, .gspb_button-id-gsbp-54c519b > .gspb-buttonbox .gspb-buttonbox-icon svg path { fill: #162423 !important; } /* -- Hover text → #DBBE7B -- */ .gspb_button-id-gsbp-a399b43:hover > .gspb-buttonbox, .gspb_button-id-gsbp-f0fb30d:hover > .gspb-buttonbox, .gspb_button-id-gsbp-8d7cb86:hover > .gspb-buttonbox, .gspb_button-id-gsbp-2155db5:hover > .gspb-buttonbox, .gspb_button-id-gsbp-92db850:hover > .gspb-buttonbox, .gspb_button-id-gsbp-14f9a86:hover > .gspb-buttonbox, .gspb_button-id-gsbp-0146d16:hover > .gspb-buttonbox, .gspb_button-id-gsbp-a8aa99d:hover > .gspb-buttonbox, .gspb_button-id-gsbp-ccaf634:hover > .gspb-buttonbox, .gspb_button-id-gsbp-f1c4836:hover > .gspb-buttonbox, .gspb_button-id-gsbp-3a2a388:hover > .gspb-buttonbox, .gspb_button-id-gsbp-cace75b:hover > .gspb-buttonbox, .gspb_button-id-gsbp-c521528:hover > .gspb-buttonbox, .gspb_button-id-gsbp-5067764:hover > .gspb-buttonbox, .gspb_button-id-gsbp-1f4f94c:hover > .gspb-buttonbox, .gspb_button-id-gsbp-0bd39bb:hover > .gspb-buttonbox, .gspb_button-id-gsbp-8de3704:hover > .gspb-buttonbox, .gspb_button-id-gsbp-ab73d17:hover > .gspb-buttonbox, .gspb_button-id-gsbp-54c519b:hover > .gspb-buttonbox, .gspb_button-id-gsbp-a399b43 > .gspb-buttonbox:hover, .gspb_button-id-gsbp-f0fb30d > .gspb-buttonbox:hover, .gspb_button-id-gsbp-8d7cb86 > .gspb-buttonbox:hover, .gspb_button-id-gsbp-2155db5 > .gspb-buttonbox:hover, .gspb_button-id-gsbp-92db850 > .gspb-buttonbox:hover, .gspb_button-id-gsbp-14f9a86 > .gspb-buttonbox:hover, .gspb_button-id-gsbp-0146d16 > .gspb-buttonbox:hover, .gspb_button-id-gsbp-a8aa99d > .gspb-buttonbox:hover, .gspb_button-id-gsbp-ccaf634 > .gspb-buttonbox:hover, .gspb_button-id-gsbp-f1c4836 > .gspb-buttonbox:hover, .gspb_button-id-gsbp-3a2a388 > .gspb-buttonbox:hover, .gspb_button-id-gsbp-cace75b > .gspb-buttonbox:hover, .gspb_button-id-gsbp-c521528 > .gspb-buttonbox:hover, .gspb_button-id-gsbp-5067764 > .gspb-buttonbox:hover, .gspb_button-id-gsbp-1f4f94c > .gspb-buttonbox:hover, .gspb_button-id-gsbp-0bd39bb > .gspb-buttonbox:hover, .gspb_button-id-gsbp-8de3704 > .gspb-buttonbox:hover, .gspb_button-id-gsbp-ab73d17 > .gspb-buttonbox:hover, .gspb_button-id-gsbp-54c519b > .gspb-buttonbox:hover { color: #DBBE7B !important; } /* -- Hover SVG fill → #DBBE7B (ID+:not(#_) specificity to beat Greenshift) -- */ #gspb_button-id-gsbp-a399b43:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-a399b43:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-a399b43:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-a399b43:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-f0fb30d:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-f0fb30d:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-f0fb30d:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-f0fb30d:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-8d7cb86:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-8d7cb86:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-8d7cb86:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-8d7cb86:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-2155db5:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-2155db5:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-2155db5:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-2155db5:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-92db850:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-92db850:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-92db850:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-92db850:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-14f9a86:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-14f9a86:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-14f9a86:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-14f9a86:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-0146d16:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-0146d16:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-0146d16:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-0146d16:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-a8aa99d:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-a8aa99d:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-a8aa99d:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-a8aa99d:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-ccaf634:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-ccaf634:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-ccaf634:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-ccaf634:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-f1c4836:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-f1c4836:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-f1c4836:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-f1c4836:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-3a2a388:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-3a2a388:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-3a2a388:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-3a2a388:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-cace75b:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-cace75b:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-cace75b:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-cace75b:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-c521528:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-c521528:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-c521528:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-c521528:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-5067764:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-5067764:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-5067764:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-5067764:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-1f4f94c:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-1f4f94c:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-1f4f94c:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-1f4f94c:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-0bd39bb:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-0bd39bb:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-0bd39bb:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-0bd39bb:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-8de3704:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-8de3704:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-8de3704:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-8de3704:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-ab73d17:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-ab73d17:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-ab73d17:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-ab73d17:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-54c519b:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-54c519b:not(#_):hover > .gspb-buttonbox .gspb-buttonbox-icon svg path, #gspb_button-id-gsbp-54c519b:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg, #gspb_button-id-gsbp-54c519b:not(#_) > .gspb-buttonbox:hover .gspb-buttonbox-icon svg path { fill: #DBBE7B !important; }