/* Halloween site theme — compact header + seasonal art layer. Remove the to revert. */ /* ---- compact Halloween header (replaces the big logo banner on this page only) ---- */ body.hw-site .navbar{height:auto !important;min-height:64px;background:#2e203f !important;border-bottom:1px solid #ffffff1f !important;backdrop-filter:none;} body.hw-site .navbar__inner{flex-direction:row !important;align-items:center !important;justify-content:space-between !important;padding-block:10px !important;gap:16px !important;padding-inline:clamp(16px,4vw,48px) !important;} body.hw-site .navbar__brand{display:block !important;width:auto !important;padding:0 !important;text-align:left !important;color:#fff0e1 !important;font-family:Georgia,serif !important;font-size:21px !important;letter-spacing:4px !important;line-height:1.1 !important;white-space:nowrap !important;text-decoration:none;} body.hw-site .navbar__brand::before{content:"DS DREAMS";display:block;} body.hw-site .navbar__brand::after{content:"BAMBOO \00B7 SOFTER DAYS";display:block;font:8px/2 system-ui,sans-serif;letter-spacing:4px;text-align:center;color:#edd0de;} body.hw-site .navbar__logo-img{display:none !important;} body.hw-site .navbar__nav{position:static !important;transform:none !important;display:flex !important;align-items:center;gap:6px;width:auto !important;} body.hw-site .navbar__nav .navbar__nav-link,body.hw-site .navbar__nav .navbar__icon-btn{color:#fff0e1 !important;} body.hw-site .navbar__nav-sep{background:#ffffff40 !important;} body.hw-site .navbar__cart-count{background:#f5bdcc;color:#372040;} body.hw-site .navbar__hamburger{position:static !important;display:none !important;} body.hw-site .navbar__hamburger span{background:#fff0e1 !important;} @media(max-width:768px){ body.hw-site .navbar__nav{display:none !important;} body.hw-site .navbar__hamburger{display:flex !important;} body.hw-site .navbar__brand{font-size:16px !important;} } body.hw-site .navbar__mobile-menu{inset:64px 0 0 0 !important;} .ds-seasonal-layer { position: fixed; inset: 0; z-index: 30; overflow: hidden; pointer-events: none !important; contain: layout style; } .ds-seasonal-layer[hidden] { display: none !important; } .ds-seasonal-layer * { pointer-events: none !important; box-sizing: border-box; } .ds-seasonal-slot { position: absolute; overflow: hidden; visibility: hidden; } .ds-seasonal-art { position: absolute; inset: 8px; opacity: .9; } .ds-seasonal-art img { display: block; width: 100%; height: 100%; object-fit: contain; } [data-effect="leopard"] .ds-seasonal-art, [data-effect="safari"] .ds-seasonal-art { transform: translateY(16px); } [data-effect="spider"] .ds-seasonal-art { inset: 0; transform: translateY(-30px); } .ds-seasonal-web { position: absolute; inset: 0; } .ds-seasonal-web img { width: 100%; height: 100%; display: block; object-fit: contain; } [data-effect="bats"] .ds-seasonal-art { inset: 0 auto auto 0; width: 180px; height: 40px; opacity: 0; } [data-effect="paws"] .ds-seasonal-art, [data-effect="stars"] .ds-seasonal-art { opacity: 0; inset: 2px; } [data-effect="candy"] .ds-seasonal-art { opacity: 1; inset: 0; } .ds-candy-piece { position: absolute; top: 0; width: 42px; height: 34px; opacity: 0; } .ds-seasonal-glow { transition: box-shadow .4s ease; } .ds-seasonal-glow:hover, .ds-seasonal-glow:focus-visible, .ds-seasonal-glow.ds-seasonal-tap { box-shadow: 0 0 12px 3px #f5bed677, 0 0 22px 6px #bd9de944; } @media (prefers-reduced-motion: reduce) { .ds-seasonal-layer { display: none !important; } .ds-seasonal-glow { transition: none; } } /* ---- header link active/hover state fix (all pages) ---- */ body.hw-site .navbar__nav .navbar__nav-link.is-active,body.hw-site .navbar__nav .navbar__nav-link[aria-current],body.hw-site .navbar__nav .navbar__nav-link:hover{background:#ffffff22 !important;color:#fff0e1 !important;} /* ---- Halloween skin for browse pages (opt-in with body.hw-skin) ---- */ body.hw-skin{background:radial-gradient(ellipse at 6% 30%,#b880aa55,transparent 36%),radial-gradient(ellipse at 92% 60%,#cb9ba044,transparent 35%),linear-gradient(180deg,#2e203f 0%,#43305a 35%,#5d3f72 75%,#6d4a7e 100%) !important;background-attachment:scroll !important;color:#fff0e1;} body.hw-skin .shop-header__title,body.hw-skin h1,body.hw-skin h2{color:#fff0e1 !important;} body.hw-skin .shop-header__subtitle,body.hw-skin .shop-result-count,body.hw-skin .breadcrumb,body.hw-skin .breadcrumb a{color:#eedce7 !important;} body.hw-skin .shop-sidebar{background:#ffffff12 !important;border:1px solid #ffffff26 !important;box-shadow:none !important;} body.hw-skin .shop-sidebar,body.hw-skin .shop-sidebar h2,body.hw-skin .shop-sidebar h3,body.hw-skin .shop-sidebar legend,body.hw-skin .shop-sidebar label,body.hw-skin .shop-sidebar span,body.hw-skin .filter-group__label,body.hw-skin .filter-group__toggle,body.hw-skin .filter-check__label,body.hw-skin .filter-check__count{color:#eedce7 !important;} body.hw-skin .filter-group,body.hw-skin .shop-sidebar>*{border-color:#ffffff26 !important;} body.hw-skin .age-pill,body.hw-skin .size-chip,body.hw-skin .filter-pill{background:#ffffff14 !important;border-color:#ffffff44 !important;color:#eedce7 !important;} body.hw-skin .age-pill *{color:inherit !important;} body.hw-skin .age-pill.is-selected,body.hw-skin .size-chip.is-selected,body.hw-skin .filter-pill.is-selected{background:#f5bdcc !important;color:#372040 !important;} body.hw-skin .product-card{background:#3a2a4d !important;border:1px solid #ffffff22 !important;} body.hw-skin .product-card__name,body.hw-skin .product-card__name a{color:#fff0e1 !important;} body.hw-skin .product-card__subtitle,body.hw-skin .product-card__rating-count{color:#cdb5d3 !important;} body.hw-skin .product-card__price{color:#f4b1c9 !important;} body.hw-skin .product-card__price-original{color:#a98fb5 !important;} body.hw-skin .active-filters *{color:#eedce7;} body.hw-skin .footer{background:#241832 !important;border-top:1px solid #ffffff22 !important;} body.hw-skin .footer__brand-name,body.hw-skin .footer__col-heading{color:#fff0e1 !important;} body.hw-skin .footer__tagline,body.hw-skin .footer__contact-item,body.hw-skin .footer__contact-item a,body.hw-skin .footer__link,body.hw-skin .footer__copyright,body.hw-skin .footer__bottom-links a{color:#eedce7 !important;} body.hw-skin .footer__divider,body.hw-skin .footer__bottom{border-color:#ffffff22 !important;background-color:#ffffff22;} /* ---- Halloween panel skin: dark gradient page, content stays in a cream panel (safe for forms/checkout) ---- */ body.hw-panel{background:radial-gradient(ellipse at 6% 30%,#b880aa55,transparent 36%),radial-gradient(ellipse at 92% 60%,#cb9ba044,transparent 35%),linear-gradient(180deg,#2e203f 0%,#43305a 35%,#5d3f72 75%,#6d4a7e 100%) !important;background-attachment:scroll !important;} body.hw-panel main{background:#fcf8f3 !important;border-radius:24px;margin:20px auto 36px !important;width:min(1400px,calc(100% - 32px));overflow:clip;box-shadow:0 10px 40px #1a0f2a66;} @media(max-width:600px){body.hw-panel main{width:calc(100% - 20px);border-radius:18px;margin-top:12px !important;}} body.hw-panel .footer{background:#241832 !important;border-top:1px solid #ffffff22 !important;} body.hw-panel .footer__brand-name,body.hw-panel .footer__col-heading{color:#fff0e1 !important;} body.hw-panel .footer__tagline,body.hw-panel .footer__contact-item,body.hw-panel .footer__contact-item a,body.hw-panel .footer__link,body.hw-panel .footer__copyright,body.hw-panel .footer__bottom-links a{color:#eedce7 !important;} body.hw-panel .footer__divider,body.hw-panel .footer__bottom{border-color:#ffffff22 !important;}