/* Narrow adaptations to the actual preprod DOM. */
html[data-growled-event="halloween"] #index #gw-home .gu8-mobile-nav button[data-gwe-tab][aria-pressed="true"]{border-color:#ff923e;color:#ffb274;background:#2c1b38}
html[data-growled-event="halloween"] .product-panel .product-foot{font-size:10px;line-height:1.5;flex-wrap:wrap;gap:5px}
html[data-growled-event="halloween"] .gu8-panel--halloween picture{position:absolute;inset:0;pointer-events:none}
html[data-growled-event="halloween"] #index #gw-home .gu8-panel--halloween picture .gu8-image{width:100%;height:100%;object-fit:cover;object-position:right center;opacity:.65}
html[data-growled-event="halloween"] #index #gw-home .gu8-panel--halloween .hw-copy{width:52%}
html[data-growled-event="halloween"] .gl-event-review-note{display:block;padding:6px 12px;background:#fff0de;color:#34243e;text-align:center;font:11px/1.5 Arial,sans-serif}
@media(max-width:700px){html[data-growled-event="halloween"] #index #gw-home .gu8-panel--halloween .hw-copy{width:100%}html[data-growled-event="halloween"] #index #gw-home .gu8-panel--halloween picture .gu8-image{object-position:70% center}}

html[data-growled-event="halloween"] #index #gw-home .gu8-panel--halloween>.gu8-image{left:auto;right:0;top:0;width:55%;height:100%;object-fit:contain;object-position:center;opacity:1!important;mask-image:linear-gradient(90deg,transparent,#000 5%)}
html[data-growled-event="halloween"] #index #gw-home .gu8-panel--halloween:after{background:none!important;pointer-events:none}
html[data-growled-event="halloween"] #index #gw-home .gu8-panel--halloween .hw-copy{width:45%}
@media(min-width:701px) and (max-width:1100px){html[data-growled-event="halloween"] #index #gw-home .gu8-panel--halloween>.gu8-image{width:46%}html[data-growled-event="halloween"] #index #gw-home .gu8-panel--halloween .hw-copy{width:52%}}
@media(max-width:700px){html[data-growled-event="halloween"] #index #gw-home .gu8-panel--halloween>.gu8-image{inset:167px 0 auto;width:100%;height:207px;object-fit:contain;opacity:1;mask-image:none}html[data-growled-event="halloween"] #index #gw-home .gu8-panel--halloween .hw-copy{width:100%}}

/* Revision 2: one continuous header background, including the former boxed strip. */
html[data-growled-event="halloween"] #header{background:#180d24!important;background-image:none!important}
html[data-growled-event="halloween"] #header>.nav,
html[data-growled-event="halloween"] #header>div:not(.nav):not(.banner):not(.fw-pseudo-wrapper),
html[data-growled-event="halloween"] #header #gw-sbar,
html[data-growled-event="halloween"] #header .container-header,
html[data-growled-event="halloween"] #header .container-header .row,
html[data-growled-event="halloween"] #header .gw-h2,
html[data-growled-event="halloween"] .ets_mm_megamenu,
html[data-growled-event="halloween"] .ets_mm_megamenu_content,
html[data-growled-event="halloween"] .ets_mm_megamenu_content_content,
html[data-growled-event="halloween"] .gw-sec{background:#180d24!important;background-image:none!important}
html[data-growled-event="halloween"] #header .container-header{box-shadow:none!important;border-color:transparent!important}
/* Compact ribbon follows the breadcrumb, or the secondary navigation on the homepage. */
html[data-growled-event="halloween"] .gle-ribbon{min-height:48px;padding:7px max(5%,20px);gap:18px}
html[data-growled-event="halloween"] .gle-ribbon-copy{flex-direction:row;align-items:center;gap:12px}
html[data-growled-event="halloween"] .gle-ribbon-label{font-size:9px;letter-spacing:1.5px;white-space:nowrap}
html[data-growled-event="halloween"] .gle-ribbon-heading{font-size:16px;line-height:1.25;letter-spacing:-.3px}
html[data-growled-event="halloween"] .gle-ribbon-deal{flex-direction:row;align-items:center;gap:12px;min-width:0}
html[data-growled-event="halloween"] .gle-ribbon-offer{font-size:21px;white-space:nowrap}
html[data-growled-event="halloween"] .gle-ribbon-dates{font-size:9px;max-width:180px}
html[data-growled-event="halloween"] .gle-ribbon-cta{padding:6px 10px;font-size:10px}
html[data-growled-event="halloween"] .gle-ribbon:before{width:85px;height:85px;top:-20px;opacity:.35}
html[data-growled-event="halloween"] .gle-ribbon:after{height:45px;background-size:40px 100px;top:0;opacity:.35}
html[data-growled-event="halloween"] .gl-event-review-note{font:9px/1.4 Arial,sans-serif;padding:3px 10px}
/* Product imagery and promotional prices stay native; the event lives on the card frame. */
html[data-growled-event="halloween"] [data-gl-grid-event]{position:relative;background:#fffaf4!important;border-color:#e7c1a1!important;box-shadow:0 3px 0 #ff9b4826,inset 0 2px 0 #ff9b48!important}
html[data-growled-event="halloween"] [data-gl-grid-event]:hover{border-color:#d78743!important;box-shadow:0 7px 20px #32154316,inset 0 2px 0 #ff9b48!important}
html[data-growled-event="halloween"] [data-gl-grid-event] .gw-grid-image,
html[data-growled-event="halloween"] [data-gl-grid-event] .p-lien,
html[data-growled-event="halloween"] [data-gl-grid-event] .comp-lien,
html[data-growled-event="halloween"] [data-gl-grid-event] .gwri-product-image{position:relative}
html[data-growled-event="halloween"] .gle-grid-tag{position:absolute;left:auto!important;bottom:auto;right:8px;top:9px;z-index:3;display:inline-flex;align-items:center;min-height:21px;padding:4px 7px 4px 22px;border:1px solid #e9b887;border-radius:20px;background:#fff0dc url('assets/event-pumpkin.svg') 6px center/11px 11px no-repeat;color:#4c255f!important;font:700 8px/1.2 Poppins,Arial,sans-serif;letter-spacing:.2px;text-transform:uppercase;pointer-events:none;white-space:nowrap}
@media(max-width:1000px){html[data-growled-event="halloween"] .gle-ribbon-heading{font-size:13px}html[data-growled-event="halloween"] .gle-ribbon-dates{max-width:130px}}
@media(max-width:700px){
 html[data-growled-event="halloween"] .gle-ribbon{min-height:58px;padding:7px 13px;gap:10px}
 html[data-growled-event="halloween"] .gle-ribbon-copy{gap:0}
 html[data-growled-event="halloween"] .gle-ribbon-heading{display:none}
 html[data-growled-event="halloween"] .gle-ribbon-label{font-size:10px}
 html[data-growled-event="halloween"] .gle-ribbon-deal{flex-direction:column;align-items:flex-end;gap:2px}
 html[data-growled-event="halloween"] .gle-ribbon-offer{font-size:18px}
 html[data-growled-event="halloween"] .gle-ribbon-dates{font-size:8px;max-width:230px;line-height:1.35}
 html[data-growled-event="halloween"] .gle-grid-tag{right:5px;top:6px;font-size:7px;padding-right:5px;min-height:20px}
}

/* Universe pages have their own visible breadcrumb; the legacy breadcrumb there is hidden. */
html[data-growled-event="halloween"] #gwUnivers .gwu-crumb{margin-bottom:10px!important}
html[data-growled-event="halloween"] .gwu-crumb+.gle-ribbon{padding-left:16px;padding-right:16px;border-radius:7px}
html[data-growled-event="halloween"] .gwu-crumb~.gl-event-review-note{margin-bottom:18px;border-radius:0 0 5px 5px}
@media(max-width:1100px){html[data-growled-event="halloween"] .gwu-crumb+.gle-ribbon .gle-ribbon-heading{display:none}}

/* Preserve the campaign offer colour inside native universe hero styles. */
html[data-growled-event="halloween"] #gwUnivers .gle-ribbon .gle-ribbon-offer{color:#ffb16b!important}

/* Removable HTML badge over the native product photo; gallery clicks and image files stay native. */
html[data-growled-event="halloween"] #product #image-block .gle-photo-badge{position:absolute;top:14px;left:14px;right:auto;bottom:auto;z-index:6;display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;box-sizing:border-box;max-width:calc(100% - 90px);padding:10px 13px 10px 42px;border:1px solid #ffb16b;border-radius:11px;background:#30153f url('assets/event-pumpkin.svg') 12px center/20px 20px no-repeat;box-shadow:0 4px 12px #29143324;pointer-events:none;user-select:none;text-align:left;white-space:nowrap;font-family:Poppins,Arial,sans-serif}
html[data-growled-event="halloween"] #product #image-block .gle-photo-badge-kicker{color:#ffb16b!important;font-size:9px;line-height:1.2;font-weight:700;letter-spacing:1.6px}
html[data-growled-event="halloween"] #product #image-block .gle-photo-badge-name{color:#fff5e9!important;font-size:14px;line-height:1.2;font-weight:800;letter-spacing:.4px}
@media(max-width:768px){
 html[data-growled-event="halloween"] #product #image-block .gle-photo-badge{top:12px;left:12px;padding:8px 10px 8px 36px;border-radius:9px;background-position:10px center;background-size:17px 17px;gap:2px}
 html[data-growled-event="halloween"] #product #image-block .gle-photo-badge-kicker{font-size:8px;letter-spacing:1.2px}
 html[data-growled-event="halloween"] #product #image-block .gle-photo-badge-name{font-size:12px}
}

/* One horizontal product campaign row replaces the global ribbon, outside the buy box. */
html[data-growled-event="halloween"] :is(#product,#category) #product-creative.hw-compact.gwe-product-row{display:block;container-type:normal;margin:0!important;width:100%;height:80px;min-width:0;overflow:hidden;border-radius:9px;box-shadow:none}
html[data-growled-event="halloween"] :is(#product,#category) #product-creative.gwe-product-row .gwe-product-track{display:flex;align-items:center;gap:8px;box-sizing:border-box;width:100%;height:78px;padding:8px 12px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#a875c1 #24112f;touch-action:pan-x pan-y}
html[data-growled-event="halloween"] :is(#product,#category) #product-creative.gwe-product-row .gwe-product-track:focus-visible{outline:2px solid #b4e766;outline-offset:-3px}
html[data-growled-event="halloween"] :is(#product,#category) #product-creative.gwe-product-row .gwe-product-track::-webkit-scrollbar{height:5px}
html[data-growled-event="halloween"] :is(#product,#category) #product-creative.gwe-product-row .gwe-product-track::-webkit-scrollbar-thumb{background:#a875c1;border-radius:9px}
html[data-growled-event="halloween"] :is(#product,#category) #product-creative.gwe-product-row .product-top{order:0;flex:0 0 154px;box-sizing:border-box;height:56px;min-height:56px;padding:5px 7px;margin:0;scroll-snap-align:start}
html[data-growled-event="halloween"] :is(#product,#category) #product-creative.gwe-product-row .hw-product-heading{display:block;position:relative;width:100%}
html[data-growled-event="halloween"] :is(#product,#category) #product-creative.gwe-product-row .product-scene{width:62px;height:56px;opacity:.48}
html[data-growled-event="halloween"] :is(#product,#category) #product-creative.gwe-product-row .eyebrow{display:flex;align-items:center;gap:5px;font-size:9px;line-height:1.2;letter-spacing:1px}
html[data-growled-event="halloween"] :is(#product,#category) #product-creative.gwe-product-row .product-top h3{display:flex;align-items:baseline;gap:4px;margin:4px 0 0;font-size:20px;line-height:1.1}
html[data-growled-event="halloween"] :is(#product,#category) #product-creative.gwe-product-row .hw-offer-prefix{font-size:10px}
html[data-growled-event="halloween"] :is(#product,#category) #product-creative.gwe-product-row .hw-offer-max{font-size:27px;letter-spacing:-1px}
html[data-growled-event="halloween"] :is(#product,#category) #product-creative.gwe-product-row .hw-offer-max small{font-size:18px}
html[data-growled-event="halloween"] :is(#product,#category) #product-creative.gwe-product-row .product-offers{display:contents;padding:0;margin:0}
html[data-growled-event="halloween"] :is(#product,#category) #product-creative.gwe-product-row .hw-coupon{order:1;display:flex;align-items:center;justify-content:space-between;flex:1 0 105px;box-sizing:border-box;width:auto;min-width:105px;min-height:50px;height:50px;margin:0;padding:6px 8px;gap:6px;scroll-snap-align:start}
html[data-growled-event="halloween"] :is(#product,#category) #product-creative.gwe-product-row .hw-coupon-rate{display:flex;flex-direction:column;gap:2px}
html[data-growled-event="halloween"] :is(#product,#category) #product-creative.gwe-product-row .hw-coupon-rate b{font-size:16px;letter-spacing:-.4px}
html[data-growled-event="halloween"] :is(#product,#category) #product-creative.gwe-product-row .hw-coupon-rate small{font-size:9px}
html[data-growled-event="halloween"] :is(#product,#category) #product-creative.gwe-product-row .hw-coupon-code{display:flex;align-items:center;gap:4px;font-size:10px;padding:4px 0 4px 6px;letter-spacing:0}
html[data-growled-event="halloween"] :is(#product,#category) #product-creative.gwe-product-row .hw-coupon-code svg{width:10px;height:10px}
html[data-growled-event="halloween"] :is(#product,#category) #product-creative.gwe-product-row .hw-countdown{order:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:0 0 150px;box-sizing:border-box;min-height:50px;max-height:56px;gap:2px;margin:0;padding:5px 8px;scroll-snap-align:start}
html[data-growled-event="halloween"] :is(#product,#category) #product-creative.gwe-product-row .hw-countdown-heading{display:flex;align-items:center;gap:4px}
html[data-growled-event="halloween"] :is(#product,#category) #product-creative.gwe-product-row .hw-countdown-phase{font-size:9px;line-height:1.1}
html[data-growled-event="halloween"] :is(#product,#category) #product-creative.gwe-product-row .hw-clock{width:10px;height:10px}
html[data-growled-event="halloween"] :is(#product,#category) #product-creative.gwe-product-row .hw-timer{display:flex;align-items:baseline;gap:9px}
html[data-growled-event="halloween"] :is(#product,#category) #product-creative.gwe-product-row .hw-time-unit{display:flex;align-items:baseline;gap:1px}
html[data-growled-event="halloween"] :is(#product,#category) #product-creative.gwe-product-row .hw-time-unit strong{font-size:15px}
html[data-growled-event="halloween"] :is(#product,#category) #product-creative.gwe-product-row .hw-time-unit span{font-size:8px}
html[data-growled-event="halloween"] :is(#product,#category) #product-creative.gwe-product-row .hw-countdown-status{font-size:7px;line-height:1.2;white-space:nowrap}
html[data-growled-event="halloween"] :is(#product,#category) #product-creative.gwe-product-row .product-foot{order:3;display:flex;align-items:center;justify-content:center;flex:0 0 63px;min-height:44px;padding:0;margin:0;scroll-snap-align:start}
html[data-growled-event="halloween"] :is(#product,#category) #product-creative.gwe-product-row .product-foot>span{display:none}
html[data-growled-event="halloween"] :is(#product,#category) #product-creative.gwe-product-row .product-foot a{font-size:9px;line-height:1.3;white-space:nowrap}
html[data-growled-event="halloween"] :is(#product,#category) #product-creative.gwe-product-row .gwe-product-swipe{display:none}
html[data-growled-event="halloween"] :is(#product,#category) #product-creative.gwe-product-row .hw-copy-feedback{left:10px;right:10px;bottom:5px}
@media(max-width:991px){
 html[data-growled-event="halloween"] :is(#product,#category) #product-creative.gwe-product-row .gwe-product-track{padding-left:10px;padding-right:10px;gap:8px}
 html[data-growled-event="halloween"] :is(#product,#category) #product-creative.gwe-product-row .product-top{flex-basis:146px;padding-top:1px;padding-bottom:1px}
 html[data-growled-event="halloween"] :is(#product,#category) #product-creative.gwe-product-row .hw-coupon{flex:0 0 126px}
 html[data-growled-event="halloween"] :is(#product,#category) #product-creative.gwe-product-row .gwe-product-swipe{display:block;margin-top:4px;color:#dcc4ed;font-size:8px;line-height:1.1;white-space:nowrap}
}

/* The same row on universe heroes; keep its colours independent of universe typography. */
html[data-growled-event="halloween"] #gwUnivers #product-creative .hw-offer-max{color:#ffab62!important}
html[data-growled-event="halloween"] #gwUnivers #product-creative .hw-offer-max small{color:inherit!important}
html[data-growled-event="halloween"] #gwUnivers #product-creative .hw-time-unit strong{color:#fff!important}
html[data-growled-event="halloween"] #gwUnivers #product-creative .hw-coupon-rate b{color:#ffad6e!important}
html[data-growled-event="halloween"] #gwUnivers #product-creative .hw-coupon-featured .hw-coupon-rate b{color:#28102c!important}
html[data-growled-event="halloween"] #gwUnivers #product-creative .product-foot a{color:#f3e5ff!important}
html[data-growled-event="halloween"] .gwu-crumb+#product-creative{margin-bottom:0!important}

html[data-growled-event="halloween"] :is(#product,#category) #product-creative.gwe-product-row .product-top{height:72px;min-height:72px;padding:3px 7px}
html[data-growled-event="halloween"] :is(#product,#category) #product-creative.gwe-product-row .gwe-product-exclusion{display:block;max-width:145px;font-size:7.5px;line-height:9px;font-weight:400;white-space:normal;color:#eee3f5}
html[data-growled-event="halloween"] :is(#product,#category) #product-creative.gwe-product-row .gwe-product-swipe{display:none!important}

@media(max-width:700px){html[data-growled-event="halloween"] #index #gw-home #growled-univers .gu8-mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr))}}