.featured-strip{
  position:relative;
  overflow:hidden;
  padding:64px 0 68px;
  color:var(--ink);
  background:
    radial-gradient(circle at 88% 12%,rgba(184,77,88,.09),transparent 28%),
    linear-gradient(180deg,#fffaf2 0%,#f5ede3 100%);
}
.featured-strip::before{display:none}
.featured-strip>.container{position:relative;z-index:1}
.featured-strip-header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:24px;
}
.featured-strip-copy{min-width:0}
.featured-strip-copy .eyebrow{margin-bottom:10px;color:#9d5f25}
.featured-strip-copy h2{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(2.2rem,4.6vw,4.4rem);
  font-weight:500;
  line-height:.98;
  letter-spacing:-.04em;
}
.featured-strip-copy p:last-child{
  max-width:580px;
  margin:12px 0 0;
  color:var(--muted);
}
.featured-controls{display:flex;flex:0 0 auto;gap:10px}
.featured-arrow{
  display:grid;
  width:48px;
  height:48px;
  place-items:center;
  padding:0;
  color:var(--ink);
  border:1px solid rgba(47,39,37,.18);
  border-radius:50%;
  background:rgba(255,255,255,.72);
  box-shadow:0 10px 28px rgba(47,39,37,.08);
  cursor:pointer;
  transition:transform .2s ease,background .2s ease,border-color .2s ease,opacity .2s ease;
}
.featured-arrow:hover{transform:translateY(-2px);background:#fff;border-color:rgba(184,77,88,.45)}
.featured-arrow:focus-visible{outline:3px solid rgba(184,77,88,.28);outline-offset:3px}
.featured-arrow[disabled]{opacity:.34;cursor:default;transform:none}
.featured-arrow span{font-size:1.55rem;line-height:1;transform:translateY(-1px)}
.featured-viewport{
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scrollbar-width:none;
  scroll-behavior:smooth;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:1px;
  touch-action:pan-x pan-y;
}
.featured-viewport::-webkit-scrollbar{display:none}
.featured-track{display:flex;gap:16px}
.featured-card{
  position:relative;
  flex:0 0 calc((100% - 48px)/4);
  min-width:0;
  aspect-ratio:1/1;
  overflow:hidden;
  color:#fff;
  border:1px solid rgba(47,39,37,.1);
  border-radius:24px;
  background:#2f2725;
  box-shadow:0 16px 36px rgba(57,38,27,.14);
  scroll-snap-align:start;
  isolation:isolate;
  transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease;
}
.featured-card:hover{transform:translateY(-4px);box-shadow:0 22px 46px rgba(57,38,27,.2)}
.featured-card:focus-visible{outline:3px solid rgba(184,77,88,.35);outline-offset:4px}
.featured-card img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .35s ease;
}
.featured-card--overview img{object-position:center 46%}
.featured-card:hover img{transform:scale(1.025);filter:saturate(1.04)}
.featured-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:linear-gradient(180deg,rgba(21,14,11,.06),rgba(21,14,11,.06) 38%,rgba(21,14,11,.84) 100%);
}
.featured-card-top,
.featured-card-bottom{position:absolute;right:0;left:0;z-index:1;padding:18px}
.featured-card-top{top:0}
.featured-card-top small{
  display:inline-flex;
  padding:6px 9px;
  color:#4b2e1d;
  background:rgba(255,248,237,.92);
  border-radius:999px;
  backdrop-filter:blur(8px);
  font-size:.55rem;
  font-weight:800;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.featured-card-bottom{bottom:0;display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px}
.featured-card-title{min-width:0}
.featured-card-title strong{
  display:block;
  margin-bottom:7px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.35rem,1.9vw,1.9rem);
  font-weight:500;
  line-height:1;
  letter-spacing:-.03em;
  text-wrap:balance;
}
.featured-price{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 10px;
  color:#fff8ee;
  background:rgba(146,76,20,.9);
  border:1px solid rgba(255,255,255,.25);
  border-radius:999px;
  font-size:.9rem;
  font-weight:800;
  line-height:1;
  box-shadow:0 8px 22px rgba(31,18,11,.24);
  backdrop-filter:blur(8px);
}
.featured-card-action{
  display:grid;
  width:42px;
  height:42px;
  place-items:center;
  color:var(--dark);
  background:#fffaf2;
  border-radius:50%;
  font-size:1.45rem;
  line-height:1;
  box-shadow:0 8px 22px rgba(20,12,8,.18);
}
.featured-pagination{display:flex;justify-content:center;gap:8px;margin-top:18px}
.featured-dot{
  width:7px;
  height:7px;
  padding:0;
  border:0;
  border-radius:50%;
  background:#d8c6ae;
  cursor:pointer;
  transition:width .2s ease,background .2s ease;
}
.featured-dot[aria-current="true"]{width:22px;background:#8f5d21;border-radius:999px}
.featured-dot:focus-visible{outline:3px solid rgba(184,77,88,.25);outline-offset:3px}

@media(max-width:900px){
  .featured-strip{padding:56px 0 60px}
  .featured-card{flex-basis:calc((100% - 32px)/3)}
}

@media(max-width:680px){
  .featured-strip{
    padding:28px 0 44px;
    background:linear-gradient(180deg,#fffaf4 0%,#f6eee5 100%);
  }
  .featured-strip>.container{width:100%}
  .featured-strip-header{
    align-items:center;
    margin-bottom:18px;
    padding-inline:14px;
  }
  .featured-strip-copy .eyebrow{margin-bottom:7px}
  .featured-strip-copy h2{font-size:clamp(1.9rem,9vw,2.65rem);line-height:1}
  .featured-strip-copy p:last-child{display:none}
  .featured-controls{display:none}
  .featured-viewport{
    overflow:visible;
    padding-inline:12px;
    scroll-snap-type:none;
    touch-action:auto;
  }
  .featured-track{
    display:grid;
    grid-template-columns:1fr;
    gap:22px;
    padding:0;
  }
  .featured-card--overview{display:none}
  .featured-card{
    display:block;
    width:100%;
    height:auto;
    min-height:0;
    flex:none;
    aspect-ratio:auto;
    overflow:visible;
    color:var(--ink);
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    scroll-snap-align:none;
    isolation:auto;
  }
  .featured-card:hover{transform:none;box-shadow:none}
  .featured-card::after{display:none}
  .featured-card img{
    position:static;
    inset:auto;
    display:block;
    width:100%;
    height:auto;
    object-fit:contain;
    border-radius:20px;
    background:#2f2725;
    box-shadow:0 14px 36px rgba(57,38,27,.16);
    transition:none;
  }
  .featured-card:hover img{transform:none;filter:none}
  .featured-card-top{display:none}
  .featured-card-bottom{
    position:static;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:11px 4px 0;
    color:var(--ink);
  }
  .featured-card-title{
    display:flex;
    min-width:0;
    align-items:center;
    justify-content:space-between;
    flex:1;
    gap:12px;
  }
  .featured-card-title strong{
    margin:0;
    color:#302522;
    font-size:clamp(1.22rem,5.8vw,1.55rem);
    line-height:1.05;
  }
  .featured-price{
    flex:0 0 auto;
    min-height:30px;
    padding:6px 10px;
    color:#6f3e18;
    background:#f1dfc6;
    border:1px solid rgba(111,62,24,.16);
    font-size:.8rem;
    box-shadow:none;
    backdrop-filter:none;
  }
  .featured-card-action{display:none}
  .featured-pagination{display:none}
}

@media(max-width:390px){
  .featured-strip-header{padding-inline:12px}
  .featured-viewport{padding-inline:10px}
  .featured-track{gap:20px}
  .featured-card img{border-radius:18px}
  .featured-card-title strong{font-size:clamp(1.15rem,5.6vw,1.4rem)}
}

@media(prefers-reduced-motion:reduce){
  .featured-viewport{scroll-behavior:auto}
  .featured-card,.featured-card img,.featured-arrow,.featured-dot{transition:none}
}