@font-face{font-family:ImpOutfit;src:url('assets/featured/outfit-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:ImpOutfit;src:url('assets/featured/outfit-extrabold.ttf') format('truetype');font-weight:800;font-display:swap}
.featured-home{font-family:ImpOutfit,sans-serif;max-width:1755px;margin:0 auto 26px;background:#f7f7fb;color:#2b3167;position:relative;overflow:hidden}
.featured-home *{box-sizing:border-box}
.featured-home__grid{display:grid;grid-template-columns:31% 37% 32%;min-height:410px}
.featured-home__intro{padding:40px 6% 36px 10%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;z-index:1}
.featured-home__date{font-size:13px;font-weight:800;letter-spacing:.08em;color:#2b3167}
.featured-home__date:before{content:'';display:inline-block;width:25px;height:4px;background:#ff641b;vertical-align:middle;margin-right:12px}
.featured-home__intro h1{font-size:clamp(50px,5.5vw,96px);line-height:.78;letter-spacing:-.075em;color:#2b3167;margin:55px 0 27px;font-weight:800}
.featured-home__intro h1 span{display:block;font-size:.66em;color:#ff641b;line-height:1.15;letter-spacing:-.06em;margin-top:12px}
.featured-home__intro p{font-size:clamp(17px,1.55vw,25px);font-weight:800;line-height:1.17;margin:0;color:#2b3167}
.featured-home__visual{display:grid;place-items:center;position:relative;min-width:0;background:radial-gradient(circle at 50% 48%,#fff 0 40%,#eff0f7 41% 53%,#f7f7fb 54%)}
.featured-home__visual:before,.featured-home__visual:after{content:'';position:absolute;width:88%;aspect-ratio:1;border:1px solid #d9dbeb;border-radius:50%}
.featured-home__visual:after{width:65%;border-style:dashed}
.featured-home__visual img{width:80%;height:315px;object-fit:contain;z-index:1;filter:drop-shadow(0 18px 18px #22275327)}
.featured-home__offer{background:linear-gradient(145deg,#343d80,#2b3167);color:#fff;padding:32px 8% 32px 9%;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.featured-home__offer:after{content:'';position:absolute;width:360px;height:360px;border:1px solid #ffffff20;border-radius:50%;right:-150px;bottom:-240px}
.featured-home__group{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.featured-home__group:before{content:'';display:inline-block;width:20px;height:4px;background:#ff641b;vertical-align:middle;margin-right:10px}
.featured-home__offer h2{font:800 clamp(25px,2.5vw,41px)/.99 ImpOutfit,sans-serif;letter-spacing:-.045em;margin:28px 0 24px;min-height:2em}
.featured-home__regular{min-height:20px;font-size:16px;font-weight:800;text-decoration:line-through;color:#d9dbeb}
.featured-home__price-label{font-size:12px;font-weight:800;letter-spacing:.05em;margin-top:16px}
.featured-home__price{font:800 clamp(42px,4vw,70px)/1 ImpOutfit,sans-serif;letter-spacing:-.055em;margin:2px 0 21px}
.featured-home__offer a[data-featured-product]{display:block;background:#ff641b;color:#fff;text-decoration:none;border-radius:10px;padding:16px 18px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;width:100%;max-width:280px;position:relative;z-index:1}
.featured-home__offer a[data-featured-product]:hover,.featured-home__offer a[data-featured-product]:focus-visible{background:#ea4e0b;outline:2px solid #fff;outline-offset:3px}
.featured-home__footer{border-top:1px solid #ffffff3d;margin-top:26px;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:800}
.featured-home__footer button{width:37px;height:37px;border-radius:50%;border:1px solid #ffffff75;background:#ffffff18;color:#fff;font-size:22px;cursor:pointer}
.featured-home__footer button:hover,.featured-home__footer button:focus-visible{background:#fff;color:#2b3167}
.featured-home__thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:0 3.2% 16px;position:relative;z-index:2;margin-top:-3px}
.featured-home__thumbs button{display:flex;align-items:center;gap:7px;min-width:0;height:70px;padding:7px;border:1px solid #d9dbeb;border-radius:11px;background:#fff;color:#2b3167;text-align:left;font:800 11px/1.1 ImpOutfit,sans-serif;cursor:pointer;box-shadow:0 8px 14px #22275314}
.featured-home__thumbs button[aria-pressed=true]{border:2px solid #ff641b;box-shadow:0 8px 20px #fe641b1b}
.featured-home__thumbs button:hover,.featured-home__thumbs button:focus-visible{transform:translateY(-2px);outline:2px solid #ff641b;outline-offset:1px}
.featured-home__thumbs img{width:50px;height:50px;object-fit:contain;flex:none}
.featured-home__all{display:inline-block;margin:0 3.2% 22px;color:#2b3167;font-size:14px;font-weight:800;text-decoration:underline;text-underline-offset:4px}
/* Reserve enough space for the longest featured title at each breakpoint. */
.featured-home__grid{height:clamp(530px,39vw,600px)}
@media(max-width:900px){.featured-home__grid{height:725px;grid-template-rows:300px 425px}}
@media(max-width:560px){.featured-home__grid{height:710px;grid-template-rows:255px 455px}}

/* Transform and opacity keep the slide change soft without affecting layout. */
.featured-home.featured-slide-enter .featured-home__visual img{animation:featured-image-enter 420ms ease-out both}
.featured-home.featured-slide-enter .featured-home__offer > :not(.featured-home__footer){animation:featured-copy-enter 360ms ease-out both}
.featured-home.featured-slide-enter [data-featured-index]{animation:featured-copy-enter 360ms ease-out both}
.featured-home__thumbs button{transition:border-color 220ms ease,box-shadow 220ms ease,transform 220ms ease}
@keyframes featured-image-enter{from{opacity:.58;transform:translateX(9px) scale(.985)}to{opacity:1;transform:none}}
@keyframes featured-copy-enter{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.featured-home.featured-slide-enter .featured-home__visual img,.featured-home.featured-slide-enter .featured-home__offer > :not(.featured-home__footer),.featured-home.featured-slide-enter [data-featured-index]{animation:none}.featured-home__thumbs button{transition:none}}

/* Make the verified previous price easy to compare with the featured price. */
.featured-home__offer h2{margin-bottom:19px}
.featured-home__pricing{display:flex;flex-direction:column;align-items:flex-start;gap:11px;width:100%;margin-bottom:18px;position:relative;z-index:1}
.featured-home__compare{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:56px;padding:10px 16px 10px 13px;border-left:4px solid #ff641b;border-radius:9px;background:linear-gradient(110deg,#fff,#eff0f7);box-shadow:0 8px 18px #22275326}
.featured-home__compare[hidden]{display:none!important}
.featured-home__compare-label{font:800 12px/1 ImpOutfit,sans-serif;letter-spacing:.11em;color:#2b3167}
.featured-home__regular{min-height:0;font:800 clamp(22px,2vw,28px)/1 ImpOutfit,sans-serif;color:#2b3167;text-decoration:line-through;text-decoration-color:#e65b19;text-decoration-thickness:2px;white-space:nowrap}
.featured-home__current{display:flex;flex-direction:column;align-items:flex-start;border-left:3px solid #ff8b46;padding-left:13px}
.featured-home__price-label{margin-top:0;color:#eff0f7;line-height:1.2}
.featured-home__price{margin:3px 0 0}
@media(max-width:560px){
 .featured-home__offer h2{margin:14px 0 12px}
 .featured-home__pricing{gap:9px;margin-bottom:12px}
 .featured-home__compare{min-height:45px;padding:7px 12px 7px 9px;gap:11px}
 .featured-home__compare-label{font-size:10px}
 .featured-home__regular{font-size:20px}
 .featured-home__current{padding-left:11px}
 .featured-home__price{font-size:45px}
 .featured-home__footer{margin-top:13px}
}
@media(max-width:360px){
 .featured-home__offer h2{font-size:25px;margin:10px 0}
 .featured-home__pricing{gap:7px;margin-bottom:10px}
 .featured-home__compare{min-height:40px;padding-block:6px}
 .featured-home__regular{font-size:18px}
 .featured-home__price{font-size:42px}
 .featured-home__footer{margin-top:10px}
}

@media (max-width:900px) {
  .featured-home__grid { height:auto; grid-template-columns:48% 52%; grid-template-rows:auto auto; }
  .featured-home__intro,.featured-home__visual { min-height:300px; }
  .featured-home__intro h1 { margin:36px 0 18px; }
  .featured-home__visual img { height:260px; }
  .featured-home__offer { grid-column:1/-1; min-height:290px; padding:28px 6%; }
  .featured-home__offer h2 { min-height:0; margin:16px 0; }
  .featured-home__thumbs { grid-template-columns:repeat(3,1fr); margin-top:10px; padding:0 4% 14px; }
}
@media (max-width:560px) {
  .featured-home__grid { height:auto; grid-template-columns:42% 58%; grid-template-rows:255px auto; }
  .featured-home__intro { min-height:255px; padding:25px 0 25px 9%; }
  .featured-home__date { font-size:10px; }
  .featured-home__date:before { width:10px; margin-right:5px; }
  .featured-home__intro h1 { font-size:clamp(33px,10vw,42px); margin:25px 0 15px; }
  .featured-home__intro p { font-size:14px; }
  .featured-home__visual { min-height:255px; }
  .featured-home__visual img { width:95%; height:230px; }
  .featured-home__offer { grid-column:1/-1; min-height:275px; padding:24px 6%; }
  .featured-home__group { font-size:11px; }
  .featured-home__offer h2 { font-size:27px; margin:14px 0 12px; }
  .featured-home__price-label { font-size:11px; }
  .featured-home__price { font-size:44px; }
  .featured-home__offer a[data-featured-product] { max-width:none; }
  .featured-home__thumbs { grid-template-columns:repeat(3,1fr); gap:6px; }
  .featured-home__thumbs button { height:62px; font-size:9px; padding:4px; }
  .featured-home__thumbs img { width:38px; height:43px; }
  .featured-home__all { font-size:12px; }
}