/* Yen Electronics seasonal editorial storefront — homepage only. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap');

.seasonal-storefront{--ink:#1b2b35;--blue:#984923;--muted:#637078;--line:#e9e1d7;background:#fbf8f3;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;overflow-x:hidden}
.seasonal-storefront h1,.seasonal-storefront h2,.seasonal-storefront h3{letter-spacing:-.045em}
.seasonal-storefront a{transition:color .2s,background-color .2s,transform .25s,box-shadow .25s}
.seasonal-storefront .announcement{background:#233a39;color:#f9efe1;padding:10px 18px;font-size:11px;font-weight:700;letter-spacing:.075em;text-transform:uppercase}
.seasonal-storefront .announcement-star{color:#e9b46f;margin-right:9px}.seasonal-storefront .announcement-separator{color:#d3bfa2;margin:0 9px}
.seasonal-storefront>header{max-width:1400px;padding:19px 40px;gap:24px}
.seasonal-storefront .brand{display:flex;gap:11px;align-items:center;flex-shrink:0;letter-spacing:-.06em;font-size:23px;color:#223a36}
.seasonal-storefront .brand-mark{width:45px;height:45px;background:#203d35;color:#fbe9c9;display:grid!important;place-items:center;border-radius:13px;font:800 29px/1 'DM Sans',sans-serif;position:relative;letter-spacing:-.07em;transform:rotate(-6deg)}
.seasonal-storefront .brand-mark span{display:block!important;position:absolute;top:3px;right:1px;color:#f2b65c;font-size:17px;letter-spacing:0}
.seasonal-storefront .brand-name{display:block;font-size:23px;letter-spacing:-.06em;font-weight:800;line-height:1.1}
.seasonal-storefront .brand-name small{display:block;margin-top:6px;font-size:8px;letter-spacing:.2em;font-weight:800;color:#8b7469}
.seasonal-storefront header nav{gap:clamp(12px,1.8vw,25px);align-items:center}
.seasonal-storefront header nav a{color:#344b4a;font-size:12px;font-weight:800}
.seasonal-storefront header nav a:hover{color:#a14c26}
.seasonal-storefront .nav-seasonal{border:1px solid #d7c9b5;border-radius:999px;padding:10px 15px;background:#f7eee2}
.seasonal-storefront .nav-seasonal span{color:#b36d2d}
.seasonal-storefront main{max-width:1400px}

.seasonal-storefront .holiday-feature{position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:0;overflow:hidden;isolation:isolate;margin:6px 24px 0;padding:0;border-radius:28px;background:#f2e5d2;color:#1e3933;box-shadow:0 16px 55px #3f342516}
.seasonal-storefront .holiday-feature:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,#ffe9ba 0,transparent 45%),radial-gradient(circle at 0 100%,#f6ddbe 0,transparent 36%);pointer-events:none;z-index:-1}
.seasonal-copy{padding:clamp(35px,5vw,76px) 25px 46px clamp(31px,5vw,77px);align-self:center;z-index:1}
.seasonal-overline{display:inline-flex;align-items:center;gap:10px;background:#fff8ed;border:1px solid #d6bb94;border-radius:100px;padding:8px 13px;color:#7c4b2c!important;font-weight:800!important;font-size:10px!important;letter-spacing:.14em!important}
.seasonal-storefront .holiday-feature .seasonal-overline{display:inline-flex;width:auto;color:#7c4b2c!important}
.seasonal-storefront .holiday-feature .overline-dot{display:inline-block;flex:0 0 7px}
.overline-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ba6c40;box-shadow:0 0 0 4px #ebd1b7}
.seasonal-storefront .holiday-feature h1{font-size:clamp(49px,6.2vw,91px);line-height:.99;letter-spacing:-.067em;margin:23px 0 23px;color:#173a36;font-weight:800}
.seasonal-storefront .holiday-feature h1 em{font-family:'Playfair Display',Georgia,serif;font-size:1.03em;font-weight:600;letter-spacing:-.055em;color:#b35430}
.seasonal-storefront .holiday-feature p{font-size:15px;color:#52665d;line-height:1.7;max-width:515px;margin:0 0 26px}
.seasonal-buttons{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.seasonal-storefront .holiday-feature .seasonal-buttons a{border-radius:999px;padding:14px 20px;font-size:12px;font-weight:800;text-decoration:none;text-align:center}
.seasonal-storefront .holiday-feature .seasonal-primary{background:#224c41;color:#fffaf3;box-shadow:0 8px 19px #31594a27}
.seasonal-storefront .holiday-feature .seasonal-primary:hover{background:#173c32;transform:translateY(-2px)}
.seasonal-storefront .holiday-feature .seasonal-secondary{background:#fff7ec;color:#38534c;border:1px solid #dfcbb0}
.seasonal-storefront .holiday-feature .seasonal-secondary:hover{background:white;transform:translateY(-2px)}
.seasonal-storefront .holiday-feature .seasonal-buttons a span{margin-left:8px}
.seasonal-storefront .holiday-feature .seasonal-buttons a span{display:inline;color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:normal}
.seasonal-status{display:flex;align-items:center;gap:8px;margin-top:30px;font-size:11px;font-weight:800;color:#4d6258;letter-spacing:.015em}
.seasonal-storefront .holiday-feature .seasonal-status span{display:inline-flex;color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit}
.seasonal-status .status-icon{display:grid;place-items:center;width:28px;height:28px;color:#bc713e;background:#fbeecf;border:1px solid #e6ce9f;border-radius:50%;font-size:13px}
.seasonal-storefront .holiday-feature .seasonal-status .status-icon{display:grid;color:#bc713e}
.seasonal-status .status-arrow{color:#a96844}
.seasonal-scene{position:relative;display:grid;place-items:center;min-height:520px;background:radial-gradient(circle at 55% 43%,#f2c07b 0,#e5ae78 42%,#d78f6b 76%,#bf785b 100%);overflow:hidden}
.seasonal-scene:before,.seasonal-scene:after{position:absolute;content:'';border:1px solid #ffdfad76;border-radius:50%;width:85%;aspect-ratio:1;top:7%;left:7%}
.seasonal-scene:after{width:110%;left:-5%;top:-7%;opacity:.7}
.seasonal-scene .scene-orbit{position:absolute;border:1px dashed #fce3bc9a;border-radius:50%;width:70%;aspect-ratio:1;top:18%;left:14%}
.seasonal-scene .orbit-two{width:48%;top:29%;left:26%;border-style:solid;opacity:.6}
.seasonal-scene .scene-spark{position:absolute;color:#fff3d7;font-size:39px;z-index:2;animation:season-twinkle 4s ease-in-out infinite}
.seasonal-scene .spark-one{top:13%;right:12%}.seasonal-scene .spark-two{bottom:27%;left:9%;font-size:30px;animation-delay:1.5s}
.turkey-art{display:block;position:relative;z-index:1;width:min(90%,530px);height:auto;filter:drop-shadow(0 25px 18px #8151383d);animation:season-float 6s ease-in-out infinite}
.scene-caption{position:absolute;bottom:24px;right:27px;background:#fff7e9e8;border:1px solid #fff8e2;border-radius:15px;z-index:2;box-shadow:0 8px 28px #68402325;padding:12px 17px;transform:rotate(-3deg)}
.scene-caption span{display:block;font-size:8px!important;font-weight:900!important;letter-spacing:.14em!important;color:#a45d34!important}
.scene-caption strong{display:block;font-family:'Playfair Display',Georgia,serif;color:#244c40;font-size:20px;margin-top:3px}
.seasonal-storefront .seasonal-ribbon{grid-column:1/-1;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:10px;background:#24443c;padding:17px 25px}
.seasonal-storefront .seasonal-ribbon a{font-size:10px;color:#f7efdc;text-decoration:none;font-weight:800;letter-spacing:.12em;white-space:nowrap}
.seasonal-storefront .seasonal-ribbon a:hover{color:#f4bc7f}.seasonal-ribbon a span{color:#dcae73;font-size:16px;margin-right:9px}
.seasonal-storefront .holiday-feature .seasonal-ribbon a span{display:inline;color:#dcae73;font-size:16px;letter-spacing:normal}

.seasonal-storefront .seasonal-pulse{display:grid;grid-template-columns:minmax(0,1.1fr) repeat(3,minmax(0,.9fr));gap:14px;align-items:stretch;padding:35px 24px 25px}
.pulse-heading{padding:18px 18px 0 12px;align-self:center}.pulse-heading h2{font-size:clamp(25px,2.45vw,33px);margin:11px 0 12px}.pulse-heading p{font-size:12px;color:#718079;max-width:230px}
.seasonal-storefront .pulse-tile{display:flex;flex-direction:column;min-height:225px;position:relative;overflow:hidden;border-radius:19px;padding:21px;text-decoration:none;box-shadow:0 6px 20px #36261809}
.seasonal-storefront .pulse-tile:hover{transform:translateY(-5px);box-shadow:0 15px 30px #36261819}
.pulse-thanks{background:#eee2ce;color:#574333}.pulse-friday{background:#263e3a;color:#fff1d8}.pulse-cyber{background:#dfdcee;color:#313751}
.pulse-date{font-size:10px;letter-spacing:.15em;font-weight:900;opacity:.8}.pulse-tile strong{font-size:clamp(18px,1.8vw,24px);line-height:1.14;letter-spacing:-.045em;max-width:190px;position:relative;z-index:1;margin-top:auto}
.pulse-tile small{font-size:10px;margin-top:13px;position:relative;z-index:1;font-weight:700;line-height:1.4;max-width:180px}
.pulse-tile .pulse-symbol{position:absolute;font-size:96px;line-height:1;top:24px;right:-4px;opacity:.18;transform:rotate(16deg)}
.pulse-friday .pulse-symbol{color:#ffa66e;opacity:.37}.pulse-cyber .pulse-symbol{color:#726cbd;opacity:.24}
.seasonal-storefront .hero{padding-top:66px;gap:55px;grid-template-columns:1fr 1fr}
.seasonal-storefront .hero .eyebrow{color:#a65433}.seasonal-storefront .hero .collection-title{font-size:clamp(35px,4.2vw,57px);line-height:1.13;margin:19px 0 20px}
.seasonal-storefront .hero .collection-title em{font-family:'Playfair Display',Georgia,serif;color:#ad633f;font-weight:600;white-space:nowrap}
.seasonal-storefront .hero .button{background:#26493f;border-radius:999px;padding:16px 22px}
.seasonal-storefront .hero .button:hover{background:#17372f;transform:translateY(-2px)}
.seasonal-storefront .hero-product{border-color:#dfd2bf;background:#fffdf9;border-radius:25px;box-shadow:0 24px 45px #23362c12;transform:rotate(1deg)}
.seasonal-storefront .hero-product:hover{transform:rotate(0) translateY(-4px)}
.seasonal-storefront .hero-product img{mix-blend-mode:multiply}
.seasonal-storefront .benefits{color:#4f635b;background:#efe9dc;border:0;border-radius:12px;letter-spacing:.015em}
.seasonal-storefront .categories h2,.seasonal-storefront .section-heading h2{color:#263c34}
.seasonal-storefront .categories a{background:#fffdf9;border-color:#eadcc9;color:#50675d;font-weight:800}
.seasonal-storefront .categories a:hover{background:#244b3e;color:white;transform:translateY(-2px)}
.seasonal-storefront .card{border-color:#ede0ce;background:#fffdf9;box-shadow:0 5px 14px #20291706}
.seasonal-storefront .card:hover{transform:translateY(-6px);box-shadow:0 17px 35px #20291718}
.seasonal-storefront .card small{color:#9e5b36;font-weight:800}
.seasonal-storefront .eyebrow{color:#a65d35}
.seasonal-storefront .moment-section{padding-top:55px;padding-bottom:20px}
.moment-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:23px}.moment-intro h2{font-size:clamp(30px,3.2vw,41px);margin:9px 0 0}.moment-intro>p{color:#6e7770;max-width:315px;font-size:13px;line-height:1.65}
.moment-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.moment-card{min-height:320px;border-radius:24px;display:flex;align-items:center;padding:37px;position:relative;overflow:hidden;text-decoration:none}.moment-card:hover{transform:translateY(-5px)}
.movie-moment{background:linear-gradient(112deg,#1e383c,#3c625a);color:#f8efd9}.kitchen-moment{background:linear-gradient(110deg,#e9d0ab,#eadbbc);color:#3c4238}
.moment-card>div{position:relative;z-index:1;max-width:65%}.moment-card div>span{font-size:10px;font-weight:800;letter-spacing:.14em;opacity:.74}.moment-card h3{font-size:clamp(24px,2.9vw,36px);line-height:1.15;margin:23px 0}.moment-card small{font-size:11px;font-weight:800}
.moment-card img{position:absolute;right:-11%;bottom:-13%;width:59%;max-height:105%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 17px 10px #00000024);transition:transform .35s}
.moment-card:hover img{transform:scale(1.05) rotate(-2deg)}.movie-moment img{mix-blend-mode:normal;right:-7%;bottom:-8%;width:58%}
.seasonal-storefront .how{background:#ede7d8}.seasonal-storefront .payment{background:#26443c}.seasonal-storefront footer{border-color:#e9ddcd}

body.seasonal-storefront[data-season="off"] .holiday-feature,body.seasonal-storefront[data-season="off"] .seasonal-pulse,body.seasonal-storefront[data-season="off"] .nav-seasonal{display:none}
body.seasonal-storefront[data-season="winter"] .holiday-feature{background:#e5edf0}body.seasonal-storefront[data-season="winter"] .seasonal-scene{background:radial-gradient(circle at 50% 40%,#e4e7da,#98b4a4)}body.seasonal-storefront[data-season="winter"] .turkey-art{display:none}
body.seasonal-storefront[data-season="winter"] .seasonal-scene:before{content:'✦';border:0;display:grid;place-items:center;font-size:170px;color:#fff5d6;top:18%;left:18%;width:65%}
body.seasonal-storefront[data-season="winter"] .scene-caption{transform:rotate(-2deg)}body.seasonal-storefront[data-season="winter"] .seasonal-pulse{display:none}

@keyframes season-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-11px) rotate(1deg)}}
@keyframes season-twinkle{0%,100%{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}
@media(max-width:1080px){.seasonal-storefront .seasonal-pulse{grid-template-columns:repeat(3,1fr)}.seasonal-storefront .pulse-heading{grid-column:1/-1;padding:4px}.seasonal-storefront .pulse-heading h2{margin-bottom:6px}.seasonal-storefront .pulse-heading p{max-width:none}.seasonal-storefront>header{padding:18px 24px}.seasonal-storefront .holiday-feature h1{font-size:clamp(47px,6.5vw,72px)}.seasonal-scene{min-height:475px}}
@media(max-width:720px){.seasonal-storefront>header{padding:16px 20px;gap:17px}.seasonal-storefront .brand-name{font-size:20px}.seasonal-storefront header nav{gap:9px 18px}.seasonal-storefront .holiday-feature{grid-template-columns:1fr;margin:5px 12px 0;border-radius:21px}.seasonal-copy{padding:37px 25px 23px}.seasonal-storefront .holiday-feature h1{font-size:clamp(50px,12vw,75px)}.seasonal-storefront .holiday-feature p{font-size:13px}.seasonal-scene{min-height:310px;max-height:360px}.turkey-art{max-height:340px}.scene-caption{bottom:14px;right:14px}.seasonal-storefront .seasonal-ribbon{justify-content:center;gap:12px 24px;padding:14px}.seasonal-storefront .seasonal-ribbon a{font-size:9px}.seasonal-storefront .seasonal-pulse{padding:25px 12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.seasonal-storefront .pulse-tile{padding:14px;min-height:175px;border-radius:15px}.pulse-tile strong{font-size:16px}.pulse-tile small{font-size:9px}.seasonal-storefront .hero{grid-template-columns:1fr;padding-top:33px}.seasonal-storefront .hero .collection-title{font-size:39px}.moment-intro{display:block}.moment-grid{grid-template-columns:1fr}.moment-card{min-height:275px}.seasonal-storefront .moment-section{padding:28px 20px}}
@media(max-width:440px){.seasonal-storefront .announcement{font-size:9px}.seasonal-storefront .announcement-separator{margin:0 4px}.seasonal-storefront .brand-mark{width:38px;height:38px;font-size:26px}.seasonal-storefront .brand-name{font-size:19px}.seasonal-storefront header nav a{font-size:11px}.seasonal-storefront .holiday-feature h1{font-size:49px}.seasonal-buttons{flex-direction:column;align-items:stretch}.seasonal-storefront .holiday-feature .seasonal-buttons a{width:100%}.seasonal-storefront .seasonal-pulse{grid-template-columns:1fr}.seasonal-storefront .pulse-tile{min-height:145px}.pulse-tile strong{font-size:21px}.seasonal-storefront .scene-caption strong{font-size:16px}.seasonal-storefront .moment-card{padding:25px}.moment-card>div{max-width:65%}.moment-card h3{font-size:25px}.seasonal-storefront .hero .collection-title em{white-space:normal}}
@media(prefers-reduced-motion:reduce){.seasonal-storefront *, .seasonal-storefront *:before,.seasonal-storefront *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}