/* TOTA Festival Experience v3.0 — isolated presentation layer. Activated exclusively by html[data-tota-festival]. Do not modify commerce, state, payment or form logic. */ html[data-tota-festival]{--tf-primary:#a92039;--tf-accent:#e9a82a;--tf-deep:#6e1527;--tf-cream:#fff8ef;--tf-border:rgba(169,32,57,.23);--tf-garland:none;--tf-corner:none;--tf-pattern:none;--tf-button:none;--tf-glyph:'✿';--tf-intensity:.27;--tf-side-size:250px} html[data-tota-festival='navratri']{--tf-primary:#ab2038;--tf-accent:#e1a326;--tf-deep:#74192e;--tf-cream:#fff7ec;--tf-border:rgba(174,42,57,.28);--tf-garland:url('/assets/festivals/navratri-garland.svg');--tf-corner:url('/assets/festivals/navratri-emblem.svg');--tf-pattern:url('/assets/festivals/navratri-ambient.svg');--tf-button:url('/assets/festivals/navratri-button.svg');--tf-glyph:'✿'} html[data-tota-festival='diwali']{--tf-primary:#92361c;--tf-accent:#e5a527;--tf-deep:#572019;--tf-cream:#fff8e8;--tf-border:rgba(194,116,20,.28);--tf-garland:url('/assets/festivals/diwali-garland.svg');--tf-corner:url('/assets/festivals/diwali-emblem.svg');--tf-pattern:url('/assets/festivals/diwali-ambient.svg');--tf-button:url('/assets/festivals/diwali-button.svg');--tf-glyph:'✦'} html[data-tota-festival='holi']{--tf-primary:#a02397;--tf-accent:#f1952b;--tf-deep:#602385;--tf-cream:#fff8fc;--tf-border:rgba(158,51,166,.26);--tf-garland:url('/assets/festivals/holi-garland.svg');--tf-corner:url('/assets/festivals/holi-emblem.svg');--tf-pattern:url('/assets/festivals/holi-ambient.svg');--tf-button:url('/assets/festivals/holi-button.svg');--tf-glyph:'✺'} html[data-tota-festival-intensity='subtle']{--tf-intensity:.12;--tf-side-size:320px} html[data-tota-festival-intensity='medium']{--tf-intensity:.27;--tf-side-size:250px} html[data-tota-festival-intensity='rich']{--tf-intensity:.46;--tf-side-size:210px} /* Global canvas: ornaments at the edges rather than behind product text. */ html[data-tota-festival] body{background-color:var(--tf-cream)!important;background-image:linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.96) 13%,rgba(255,255,255,.96) 87%,rgba(255,255,255,.1)),var(--tf-pattern)!important;background-size:100% 100%,var(--tf-side-size) var(--tf-side-size)!important;background-repeat:repeat!important;background-attachment:scroll!important} html[data-tota-festival] body::before,html[data-tota-festival] body::after{content:none!important;display:none!important} /* Header: unintrusive ornamental fringe mounted below, never a fixed overlay. */ html[data-tota-festival] .site-header{background-color:#fffdfa!important;background-image:linear-gradient(90deg,color-mix(in srgb,var(--tf-accent) 9%,white),white 24%,white 76%,color-mix(in srgb,var(--tf-primary) 7%,white))!important;border-bottom:2px solid var(--tf-accent)!important;box-shadow:0 3px 15px rgba(55,25,15,.08)!important;overflow:visible!important} html[data-tota-festival] .site-header::after{content:''!important;display:block!important;position:absolute!important;top:calc(100% - 1px)!important;left:0!important;right:0!important;height:31px!important;width:100%!important;background:var(--tf-garland) repeat-x center top/auto 31px!important;z-index:4!important;pointer-events:none!important;opacity:1!important} /* Padded theme frame around hero, with art constrained to corners. */ html[data-tota-festival] :is(.home-premium main>section:first-child,.home-hero,.hero-section,.hero-v633,.hero-wrap){background-image:var(--tf-corner);background-repeat:no-repeat;background-position:right 16px top 22px;background-size:clamp(76px,10vw,150px);} /* Main section ornaments without covering approved section colors. */ html[data-tota-festival] :is(main h1,main h2){text-decoration-color:var(--tf-accent)} html[data-tota-festival] :is(.home-section-header,.section-heading,.catalog-header,.page-heading){border-color:var(--tf-border)} html[data-tota-festival] :is(.product-card,.catalog-product-card,.account-panel-v836,.cart-quick-payment-card){border-color:var(--tf-border)} /* Festive highlight for product CTAs and site actions: no dimensions or position changes. */ html[data-tota-festival] :is(.buy-now-submit-v737,.account-primary,.checkout-primary,.cart-quick-submit,.catalog-product-card .add-to-cart,.product-card .add-to-cart){background-image:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,0)),var(--tf-button)!important;background-repeat:no-repeat,no-repeat!important;background-position:center,right 7px center!important;background-size:cover,26px 26px!important;border-color:var(--tf-primary)!important;box-shadow:0 2px 9px color-mix(in srgb,var(--tf-primary) 17%,transparent)!important} html[data-tota-festival] :is(.buy-now-submit-v737,.account-primary,.checkout-primary,.cart-quick-submit)::after{content:none!important} html[data-tota-festival] :is(.buy-now-submit-v737,.account-primary,.checkout-primary,.cart-quick-submit):hover:not(:disabled){filter:brightness(.97)} /* A premium festival edging on categories and content without reflow. */ html[data-tota-festival] :is(.catalog-layout,.catalog-page,.account-panel-v836){border-color:var(--tf-border)} html[data-tota-festival] :is(.catalog-page,.account-panel-v836){box-shadow:0 2px 16px rgba(40,20,10,.035)} /* Festival motif displayed as tiny stationary page ornament, not overlay or clickable UI. */ html[data-tota-festival] main{--tf-page-decoration:var(--tf-corner)} /* Keep all commercial interaction surfaces and images pristine. */ html[data-tota-festival] :is(input,textarea,select,.buy-now-modal-v737,.tota-cart-quick-modal,.site-search,.header-search){background-image:none!important} html[data-tota-festival] :is(.buy-now-modal-v737,.tota-cart-quick-modal){box-shadow:0 18px 70px rgba(25,20,20,.18)} html[data-tota-festival] :is(.tota-cart-quick-modal,.buy-now-modal-v737) :is(input,textarea,select){background-color:#fff} /* Newsletter and footer ribbon: coherent festive accent, dark footer unchanged. */ html[data-tota-festival] footer{border-top:3px solid var(--tf-accent)} html[data-tota-festival] .site-footer{border-top-color:var(--tf-accent)} @media(min-width:980px){html[data-tota-festival] :is(.home-premium main>section:first-child,.hero-section){background-size:132px;background-position:right 28px top 24px}} @media(max-width:767px){html[data-tota-festival] .site-header::after{height:20px!important;background-size:auto 20px!important}html[data-tota-festival] body{background-size:100% 100%,180px 180px!important}html[data-tota-festival] :is(.home-premium main>section:first-child,.home-hero,.hero-section){background-size:72px;background-position:right 6px top 10px}html[data-tota-festival] :is(.buy-now-submit-v737,.account-primary,.checkout-primary,.cart-quick-submit){background-size:cover,21px 21px!important}} @media(prefers-reduced-motion:reduce){html[data-tota-festival] *,html[data-tota-festival] *::before,html[data-tota-festival] *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}} @media print{html[data-tota-festival] body{background:#fff!important}html[data-tota-festival] .site-header::after{display:none!important}} /* TOTA_NAVRATRI_PREMIUM_V6_START NAVRATRI ONLY — HERO BACKGROUND MANDALA CORRECTION Keeps existing hero structure and approved header unchanged. */ html[data-tota-festival="navratri"] body.home-premium .hero-v633{ background:#E68128 !important; } /* Only hero left panel gets the elegant background style like approved reference */ html[data-tota-festival="navratri"] body.home-premium .hero-v633 .hero-left{ position:relative; overflow:hidden; background-image: linear-gradient(135deg,#A61F2E 0%,#B72A2F 48%,#C93A2D 100%), url("/assets/festivals/navratri-hero-watermark.svg") !important; background-repeat:no-repeat,no-repeat !important; background-size:cover,310px auto !important; background-position:center,left -78px center !important; } /* remove any outer hero mandala feel */ html[data-tota-festival="navratri"] body.home-premium .hero-v633::before, html[data-tota-festival="navratri"] body.home-premium .hero-v633::after{ opacity:0 !important; background:none !important; } /* text contrast on left panel only */ html[data-tota-festival="navratri"] body.home-premium .hero-v633 .hero-left .hero-title-lockup, html[data-tota-festival="navratri"] body.home-premium .hero-v633 .hero-left .hero-title-lockup > span{ color:#FFF7EA !important; } html[data-tota-festival="navratri"] body.home-premium .hero-v633 .hero-left .hero-title-lockup > em, html[data-tota-festival="navratri"] body.home-premium .hero-v633 .hero-left .hero-story, html[data-tota-festival="navratri"] body.home-premium .hero-v633 .hero-left .hero-kicker{ color:#F9DFC0 !important; } html[data-tota-festival="navratri"] body.home-premium .hero-v633 .hero-left .hero-editorial-kicker, html[data-tota-festival="navratri"] body.home-premium .hero-v633 .hero-left .eyebrow-mark{ color:#FFD178 !important; background-color:#FFD178 !important; } /* keep tab/chip ornaments subtle and internal only */ html[data-tota-festival="navratri"] body.home-premium .hero-v633 .hero-tabs-connected .category-tab{ background-position:right -18px center !important; background-size:72px 72px !important; } html[data-tota-festival="navratri"] body.home-premium .hero-v633 .hero-subcategory-rail .hero-subcategory-chip{ background-position:right -10px center !important; background-size:42px 42px !important; } /* approved CTA feel */ html[data-tota-festival="navratri"] body.home-premium .hero-v633 .hero-cta{ background:linear-gradient(100deg,#E58A2B,#F0A53A) !important; color:#fff !important; border-color:#F6C56A !important; box-shadow:0 10px 22px rgba(123,33,17,.16) !important; } @media (max-width: 767px){ html[data-tota-festival="navratri"] body.home-premium .hero-v633 .hero-left{ background-size:cover,220px auto !important; background-position:center,left -68px top 120px !important; } } /* TOTA_NAVRATRI_PREMIUM_V6_END */ /* TOTA_NAVRATRI_SUBCHIPS_V1_START */ /* Navratri only, existing hero subcategory chips only. */ html[data-tota-festival="navratri"] body.home-premium .hero-v633 .hero-subcategory-rail .hero-subcategory-chip { background-color: #FFF9F1 !important; background-image: url("/assets/festivals/navratri-chip-detail.svg"), linear-gradient(110deg,#FFFDF9,#FFF3E3) !important; background-repeat: no-repeat,no-repeat !important; background-position: right -19px center,center !important; background-size: 40px 40px,cover !important; border-color: #E7CBA4 !important; background-clip: padding-box !important; } /* A gentle hover effect, keeping the chip's existing link action. */ html[data-tota-festival="navratri"] body.home-premium .hero-v633 .hero-subcategory-rail .hero-subcategory-chip:hover { background-color: #FFF1DD !important; border-color: #C99654 !important; } /* Keep existing images visually in front of the watermark. */ html[data-tota-festival="navratri"] body.home-premium .hero-v633 .hero-subcategory-rail .hero-subcategory-image { position: relative; z-index: 1; } @media (max-width:767px) { html[data-tota-festival="navratri"] body.home-premium .hero-v633 .hero-subcategory-rail .hero-subcategory-chip { background-size: 32px 32px,cover !important; background-position: right -15px center,center !important; } } /* TOTA_NAVRATRI_SUBCHIPS_V1_END */ html[data-tota-festival="navratri"] body.home-premium .hero-v633 .featured-panel .featured-price { color: #A51E31 !important; } /* TOTA_NAVRATRI_TRENDING_PNG_V5_START Navratri hero trending only. Uses existing PNG assets. No functional changes. */ /* Existing panel */ html[data-tota-festival="navratri"] body.home-premium .hero-v633 .hero-products-column.featured-panel { background:linear-gradient(155deg,#FFFCF6,#FFF1DF) !important; } /* Card - remove opaque mandala from background layers */ html[data-tota-festival="navratri"] body.home-premium .hero-v633 .featured-panel .featured-card { position:relative !important; isolation:isolate !important; overflow:hidden !important; background:#FFF9F1 !important; border:1px solid #D99B43 !important; box-shadow: inset 0 0 0 1px rgba(166,29,43,.24), 0 3px 10px rgba(110,40,21,.06) !important; /* Reserve narrow space for the left ornament. */ padding-left:25px !important; } /* LEFT: existing ornamental PNG, made visible */ html[data-tota-festival="navratri"] body.home-premium .hero-v633 .featured-panel .featured-card::before { content:"" !important; display:block !important; position:absolute !important; left:1px !important; top:7% !important; bottom:7% !important; width:23px !important; height:auto !important; background-image: url("/assets/festivals/tota-navratri-trending-left.png") !important; background-repeat:no-repeat !important; background-position:center center !important; background-size:23px 100% !important; opacity:1 !important; pointer-events:none !important; z-index:2 !important; } /* RIGHT: transparent, softly faded floral PNG */ html[data-tota-festival="navratri"] body.home-premium .hero-v633 .featured-panel .featured-card::after { content:"" !important; display:block !important; position:absolute !important; top:0 !important; bottom:0 !important; right:-39px !important; width:115px !important; height:auto !important; background-image: url("/assets/festivals/tota-navratri-trending-mandala.png") !important; background-repeat:no-repeat !important; background-position:center !important; background-size:contain !important; opacity:.19 !important; pointer-events:none !important; z-index:0 !important; } /* Existing products and buttons remain above artwork */ html[data-tota-festival="navratri"] body.home-premium .hero-v633 .featured-panel .featured-card > * { position:relative !important; z-index:1 !important; } /* Product photo - no added white frame */ html[data-tota-festival="navratri"] body.home-premium .hero-v633 .featured-panel .featured-product-image { padding:0 !important; background:transparent !important; border-radius:9px !important; overflow:hidden !important; box-shadow:none !important; } html[data-tota-festival="navratri"] body.home-premium .hero-v633 .featured-panel .featured-product-image img { display:block !important; width:100% !important; height:100% !important; padding:0 !important; margin:0 !important; object-fit:cover !important; border-radius:9px !important; } /* Festival accents */ html[data-tota-festival="navratri"] body.home-premium .hero-v633 .featured-panel .featured-label { color:#B96D15 !important; } html[data-tota-festival="navratri"] body.home-premium .hero-v633 .featured-panel :is(.featured-price,.featured-product-price) { color:#A51E32 !important; } /* Existing arrow buttons, if these classes are present */ html[data-tota-festival="navratri"] body.home-premium .hero-v633 .featured-panel :is( .featured-arrow, .featured-card-arrow, .featured-link-arrow ) { background:#FFFDF9 !important; border-color:#D99B43 !important; color:#A51E32 !important; } /* More restrained on narrow screens */ @media(max-width:767px) { html[data-tota-festival="navratri"] body.home-premium .hero-v633 .featured-panel .featured-card { padding-left:21px !important; } html[data-tota-festival="navratri"] body.home-premium .hero-v633 .featured-panel .featured-card::before { width:19px !important; background-size:19px 100% !important; } html[data-tota-festival="navratri"] body.home-premium .hero-v633 .featured-panel .featured-card::after { width:94px !important; right:-38px !important; opacity:.16 !important; } } /* TOTA_NAVRATRI_TRENDING_PNG_V5_END */ /* TOTA_NAVRATRI_LEFT_FINAL_V2_START */ /* Navratri trending left ornament only. Transparent artwork, no extra padding or card resizing. */ html[data-tota-festival="navratri"] body.home-premium .hero-v633 .featured-panel .featured-card::before { content:"" !important; display:block !important; position:absolute !important; left:5px !important; top:12% !important; bottom:12% !important; width:14px !important; height:auto !important; background-color:transparent !important; background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0AviewBox%3D%220%200%2024%20120%22%3E%0A%3Cpath%20d%3D%22M12%204%20V116%22%20stroke%3D%22%23D6A041%22%0Astroke-width%3D%221.4%22%20opacity%3D%22.9%22%2F%3E%0A%3Cg%20fill%3D%22%23A51E32%22%20stroke%3D%22%23D6A041%22%20stroke-width%3D%221.5%22%3E%0A%3Cpath%20d%3D%22M12%2024%20L17%2030%20L12%2036%20L7%2030Z%22%2F%3E%0A%3Cpath%20d%3D%22M12%2053%20L20%2060%20L12%2067%20L4%2060Z%22%2F%3E%0A%3Cpath%20d%3D%22M12%2084%20L17%2090%20L12%2096%20L7%2090Z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20fill%3D%22%23E5B54E%22%3E%0A%3Ccircle%20cx%3D%2212%22%20cy%3D%2214%22%20r%3D%222.2%22%2F%3E%0A%3Ccircle%20cx%3D%2212%22%20cy%3D%2243%22%20r%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%2212%22%20cy%3D%2276%22%20r%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%2212%22%20cy%3D%22106%22%20r%3D%222.2%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E") !important; background-repeat:no-repeat !important; background-position:center !important; background-size:100% 100% !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; opacity:1 !important; filter:none !important; transform:none !important; pointer-events:none !important; z-index:2 !important; } @media(max-width:767px) { html[data-tota-festival="navratri"] body.home-premium .hero-v633 .featured-panel .featured-card::before { left:4px !important; width:13px !important; } } /* TOTA_NAVRATRI_LEFT_FINAL_V2_END */ /* NAVRATRI_COLLECTION_BUTTON_FIXED_START */ html[data-tota-festival="navratri"] body.home-premium .hero-v633 a#heroCollectionLink.hero-collection-primary { position:relative !important; overflow:hidden !important; isolation:isolate !important; background: url('/assets/festivals/tota-navratri-trending-mandala.png') left -28px center / 74px 74px no-repeat, url('/assets/festivals/tota-navratri-trending-mandala.png') right -28px center / 74px 74px no-repeat, linear-gradient(180deg,#F7A12C,#EC791B 65%,#DD5915) !important; color:#fff !important; box-shadow: inset 0 0 0 2px #FFD16D, inset 0 0 0 4px rgba(156,29,38,.45), 0 6px 14px rgba(100,25,14,.18) !important; text-shadow:0 1px 2px rgba(90,25,10,.3) !important; } html[data-tota-festival="navratri"] body.home-premium .hero-v633 a#heroCollectionLink.hero-collection-primary:hover { background: url('/assets/festivals/tota-navratri-trending-mandala.png') left -28px center / 74px 74px no-repeat, url('/assets/festivals/tota-navratri-trending-mandala.png') right -28px center / 74px 74px no-repeat, linear-gradient(180deg,#FFAF3D,#EF8423,#DC5711) !important; } /* NAVRATRI_COLLECTION_BUTTON_FIXED_END */ /* TOTA_NAVRATRI_BROWSE_V3_START */ /* Only the Navratri Browse by Categories module. */ html[data-tota-festival="navratri"] body.home-premium .browse-categories-v658 { background:linear-gradient(180deg,#FFFCF5,#FFF2DE) !important; --nav-gold:#D9A347; --nav-red:#9E1D30; } /* Section heading */ html[data-tota-festival="navratri"] .browse-categories-v658 .browse-v658-head h2 { color:#47171B !important; } html[data-tota-festival="navratri"] .browse-categories-v658 .browse-v658-head .home-eyebrow { color:#B66C24 !important; } /* Category cards: gold frame, preserved dimensions. */ html[data-tota-festival="navratri"] .browse-categories-v658 .browse-v658-card { border:1px solid #D9A347 !important; border-radius:24px !important; background:#FFF9ED !important; box-shadow: inset 0 0 0 1px rgba(151,28,43,.14), 0 7px 18px rgba(114,52,26,.08) !important; overflow:hidden !important; } /* Preserve original category colours. Add subtle mandala overlay. */ html[data-tota-festival="navratri"] .browse-categories-v658 .browse-v658-visual { position:relative !important; isolation:isolate; overflow:hidden !important; } html[data-tota-festival="navratri"] .browse-categories-v658 .browse-v658-visual::before { content:"" !important; position:absolute !important; inset:0 !important; background: url("/assets/festivals/tota-navratri-trending-mandala.png") center / 78% auto no-repeat !important; opacity:.16 !important; pointer-events:none !important; } /* Maintain existing product slides and their clickability. */ html[data-tota-festival="navratri"] .browse-categories-v658 .browse-v659-product-image img { position:relative; } /* Cream product information bar. */ html[data-tota-festival="navratri"] .browse-categories-v658 .browse-v659-product-bar { background:linear-gradient(120deg,#FFFDF8,#FFF2DD) !important; border:1px solid rgba(216,157,70,.65) !important; box-shadow:0 3px 10px rgba(87,34,21,.09) !important; } /* Product name and price */ html[data-tota-festival="navratri"] .browse-categories-v658 .browse-v659-product-meta strong { color:#351C1B !important; } html[data-tota-festival="navratri"] .browse-categories-v658 .browse-v659-product-meta span { color:#8F1727 !important; } /* Actual View Product button */ html[data-tota-festival="navratri"] .browse-categories-v658 a.browse-v659-product-link { color:#FFF9EF !important; background:linear-gradient(180deg,#BD2937,#8A1324) !important; border:1px solid #EFC16D !important; box-shadow:inset 0 0 0 1px rgba(255,221,145,.44) !important; border-radius:999px !important; } html[data-tota-festival="navratri"] .browse-categories-v658 a.browse-v659-product-link:hover { background:linear-gradient(180deg,#D13943,#981526) !important; } /* Gold separator */ html[data-tota-festival="navratri"] .browse-categories-v658 .browse-v658-accent { background:linear-gradient(90deg,#A61D30,#F4C76E,#A61D30) !important; } /* Warm ivory category information panel */ html[data-tota-festival="navratri"] .browse-categories-v658 .browse-v658-copy { background:linear-gradient(180deg,#FFFDF7,#FFF6E6) !important; } /* Category titles */ html[data-tota-festival="navratri"] .browse-categories-v658 .browse-v658-copy h3, html[data-tota-festival="navratri"] .browse-categories-v658 .browse-v658-copy h3 a { color:#571C26 !important; } /* Subcategory label */ html[data-tota-festival="navratri"] .browse-categories-v658 .browse-v658-sub-label { color:#A47B4D !important; } /* Confirmed subcategory chip markup */ html[data-tota-festival="navratri"] .browse-categories-v658 .browse-v658-chips a { background:linear-gradient(110deg,#FFFDF8,#FFEBCB) !important; color:#642620 !important; border:1px solid #D7A15C !important; box-shadow:none !important; } html[data-tota-festival="navratri"] .browse-categories-v658 .browse-v658-chips a:hover { border-color:#A51E32 !important; background:#FFE4BA !important; } /* Category exploration links */ html[data-tota-festival="navratri"] .browse-categories-v658 .browse-v658-explore { color:#A21C30 !important; text-decoration-color:#DDA34C !important; } /* All-products link */ html[data-tota-festival="navratri"] .browse-categories-v658 .browse-v658-all { color:#641D26 !important; } /* Restrained patterns on mobile */ @media(max-width:767px) { html[data-tota-festival="navratri"] .browse-categories-v658 .browse-v658-visual::before { background-size:70% auto !important; opacity:.12 !important; } } /* TOTA_NAVRATRI_BROWSE_V3_END */ /* TOTA_NAVRATRI_HOMEPAGE_PATTERN_V1_START */ /* NAVRATRI ONLY — shared decorative palette */ html[data-tota-festival="navratri"] body.home-premium { --nav-pattern: url("/assets/festivals/navratri-browse-bg.webp"); background-color:#FFFCF7 !important; background-image: linear-gradient( rgba(255,255,255,.95), rgba(255,255,255,.95) ), var(--nav-pattern) !important; background-size:auto,1100px auto !important; background-position:center,center top !important; background-repeat:no-repeat,repeat !important; } /* MAIN HERO — original rich red-orange paisley artwork. Do not style its internal image, content or cards. */ html[data-tota-festival="navratri"] body.home-premium .hero-module.hero-v633 { background-color:#BA3920 !important; background-image: linear-gradient( rgba(112,20,23,.12), rgba(112,20,23,.12) ), url("/assets/festivals/navratri-browse-bg.webp") !important; background-size:cover,cover !important; background-position:center,center !important; background-repeat:no-repeat,no-repeat !important; } /* INNER HOMEPAGE SECTIONS — white background, with the same pattern softened to 5% strength. */ html[data-tota-festival="navratri"] body.home-premium :is( .browse-categories-v658, .product-discovery-v716, .category-discovery-v765 ) { background-color:#FFFCF7 !important; background-image: linear-gradient( rgba(255,255,255,.95), rgba(255,255,255,.95) ), url("/assets/festivals/navratri-browse-bg.webp") !important; background-size:cover,1100px auto !important; background-position:center,center !important; background-repeat:no-repeat,repeat !important; } /* BROWSE — remove old red paisley background layer */ html[data-tota-festival="navratri"] body.home-premium section#products.browse-categories-v658 { margin-top:32px !important; isolation:isolate !important; } html[data-tota-festival="navratri"] body.home-premium section#products.browse-categories-v658::before { content:none !important; display:none !important; } /* Keep category heading and grid wrappers transparent */ html[data-tota-festival="navratri"] body.home-premium section#products.browse-categories-v658 > .browse-v658-head, html[data-tota-festival="navratri"] body.home-premium section#products.browse-categories-v658 > .browse-v658-grid { background:transparent !important; position:relative !important; z-index:1 !important; } /* Dark text against the new white Browse background */ html[data-tota-festival="navratri"] body.home-premium .browse-categories-v658 .browse-v658-head h2 { color:#541C25 !important; } html[data-tota-festival="navratri"] body.home-premium .browse-categories-v658 .browse-v658-head p { color:#68615D !important; } html[data-tota-festival="navratri"] body.home-premium .browse-categories-v658 :is(.home-eyebrow,.browse-v658-all) { color:#A64D24 !important; } /* No decorative image on product visual panels */ html[data-tota-festival="navratri"] body.home-premium .browse-categories-v658 .browse-v658-visual::before, html[data-tota-festival="navratri"] body.home-premium .browse-categories-v658 .browse-v658-visual::after { content:none !important; display:none !important; } /* Mobile hero keeps full background coverage */ @media(max-width:767px) { html[data-tota-festival="navratri"] body.home-premium .hero-module.hero-v633 { background-size:cover,cover !important; background-position:center,center !important; } } /* TOTA_NAVRATRI_HOMEPAGE_PATTERN_V1_END */ /* TOTA_NAVRATRI_HOME_CARDS_V1_START */ /* NAVRATRI ONLY: reduce gap after Browse by Categories */ html[data-tota-festival="navratri"] body.home-premium section#products.browse-categories-v658 { margin-bottom:0 !important; padding-bottom:0 !important; } /* Best Sellers: align width with the wider homepage sections */ html[data-tota-festival="navratri"] body.home-premium section.best-sellers-v708 { width:calc(100% - 60px) !important; max-width:none !important; margin-left:auto !important; margin-right:auto !important; margin-top:0 !important; padding-top:36px !important; box-sizing:border-box !important; } /* Real product buttons across homepage discovery sections */ html[data-tota-festival="navratri"] body.home-premium :is(.best-sellers-v708,.product-discovery-v716) .catalog-card-actions .catalog-card-button { background:linear-gradient( 180deg,#BC2837 0%,#901629 100% ) !important; background-image:linear-gradient( 180deg,#BC2837,#901629 ) !important; color:#FFFDF6 !important; border:1px solid #E7B45A !important; box-shadow: inset 0 0 0 1px rgba(255,230,162,.36), 0 2px 6px rgba(105,31,29,.10) !important; border-radius:999px !important; font-weight:700 !important; text-decoration:none !important; text-shadow:none !important; } /* Hover without altering the original card geometry */ html[data-tota-festival="navratri"] body.home-premium :is(.best-sellers-v708,.product-discovery-v716) .catalog-card-actions .catalog-card-button:hover { background:linear-gradient( 180deg,#D33B48,#A51E32 ) !important; border-color:#FFD78B !important; color:#FFFFFF !important; } /* Keyboard accessibility */ html[data-tota-festival="navratri"] body.home-premium :is(.best-sellers-v708,.product-discovery-v716) .catalog-card-actions .catalog-card-button:focus-visible { outline:2px solid #A51E32 !important; outline-offset:2px !important; } /* Out-of-stock and disabled controls remain disabled */ html[data-tota-festival="navratri"] body.home-premium :is(.best-sellers-v708,.product-discovery-v716) .catalog-card-actions .catalog-card-button:is(:disabled,.is-disabled) { opacity:.5 !important; cursor:not-allowed !important; } /* Preserve mobile-first section widths */ @media(max-width:767px) { html[data-tota-festival="navratri"] body.home-premium section.best-sellers-v708 { width:calc(100% - 20px) !important; padding-top:24px !important; } } /* TOTA_NAVRATRI_HOME_CARDS_V1_END */ /* TOTA_NAVRATRI_SECTION_ALIGNMENT_V1_START */ /* Same outer alignment for homepage product sections. */ @media (min-width:768px) { html[data-tota-festival="navratri"] body.home-premium :is( section.best-sellers-v708, section.product-discovery-v716, section.category-discovery-v765 ) { width:calc(100% - 60px) !important; max-width:none !important; margin-left:auto !important; margin-right:auto !important; box-sizing:border-box !important; } } /* Match mobile page gutters without changing card columns. */ @media (max-width:767px) { html[data-tota-festival="navratri"] body.home-premium :is( section.best-sellers-v708, section.product-discovery-v716, section.category-discovery-v765 ) { width:calc(100% - 20px) !important; max-width:none !important; margin-left:auto !important; margin-right:auto !important; box-sizing:border-box !important; } } /* TOTA_NAVRATRI_SECTION_ALIGNMENT_V1_END */ /* TOTA_NAVRATRI_TABS_FOOTER_V1_START */ /* NAVRATRI ONLY - Homepage product filter tabs */ html[data-tota-festival="navratri"] body.home-premium :is(.best-tabs-v708,.discovery-tabs-v716) button { background:linear-gradient(180deg,#FFFCF5,#FFF0D8) !important; color:#68252A !important; border:1px solid #D9A356 !important; border-radius:999px !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.65), 0 2px 6px rgba(106,44,22,.06) !important; transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease !important; } /* Selected tab: burgundy red, double gold edge */ html[data-tota-festival="navratri"] body.home-premium :is(.best-tabs-v708,.discovery-tabs-v716) button:is(.is-active,[aria-selected="true"]) { background:linear-gradient(180deg,#BD3040,#861525) !important; color:#FFF9ED !important; border-color:#F0C36E !important; box-shadow: inset 0 0 0 1px rgba(255,221,148,.60), 0 3px 9px rgba(102,22,31,.15) !important; } /* Unselected hover */ html[data-tota-festival="navratri"] body.home-premium :is(.best-tabs-v708,.discovery-tabs-v716) button:not(.is-active):not([aria-selected="true"]):hover { background:#FFE8C3 !important; color:#8D1B2A !important; border-color:#BB743C !important; } /* Keep original colored category dots */ html[data-tota-festival="navratri"] body.home-premium .best-tabs-v708 button i { flex-shrink:0; } /* Visible keyboard focus */ html[data-tota-festival="navratri"] body.home-premium :is(.best-tabs-v708,.discovery-tabs-v716) button:focus-visible { outline:2px solid #FFD783 !important; outline-offset:3px !important; } /* FOOTER - preserve original dark character and layout */ html[data-tota-festival="navratri"] body.home-premium footer { background-color:#1E2226 !important; background-image: linear-gradient( rgba(26,29,34,.96), rgba(24,27,32,.97) ), url("/assets/festivals/navratri-browse-bg.webp") !important; background-position:center,center !important; background-size:cover,cover !important; background-repeat:no-repeat,no-repeat !important; border-top:2px solid #DCAA51 !important; } /* Warm festive footer column headings */ html[data-tota-festival="navratri"] body.home-premium footer .footer-col h3 { color:#F2CB83 !important; } /* Existing footer links */ html[data-tota-festival="navratri"] body.home-premium footer .footer-col a:hover { color:#FFD88F !important; text-decoration-color:#DDA64D !important; } /* Subtle gold separators */ html[data-tota-festival="navratri"] body.home-premium footer hr { border-color:rgba(225,176,97,.25) !important; } /* Do not change mobile footer grid or tab spacing */ @media(max-width:767px) { html[data-tota-festival="navratri"] body.home-premium :is(.best-tabs-v708,.discovery-tabs-v716) button { font-size:inherit !important; } } @media(prefers-reduced-motion:reduce) { html[data-tota-festival="navratri"] body.home-premium :is(.best-tabs-v708,.discovery-tabs-v716) button { transition:none !important; } } /* TOTA_NAVRATRI_TABS_FOOTER_V1_END */