.page-deals-of-the-week .seflaPrimary{
  min-width:0;
}

.seflaDeals{
  color:var(--sefla-ink,#22201e);
}

.dealsHero{
  padding:4px 0 25px;
  border-bottom:1px solid #d8d2c9;
}

.dealsKicker,
.dealsExplainerLabel,
.dealsLead span{
  color:var(--sefla-red,#a51f23);
  font:900 9px/1.2 var(--sefla-sans,Arial,Helvetica,sans-serif);
  letter-spacing:.13em;
  text-transform:uppercase;
}

.dealsHero h1{
  max-width:800px;
  margin:9px 0 0;
  color:var(--sefla-ink,#22201e);
  font:600 clamp(38px,5.2vw,66px)/.96 var(--sefla-serif,Georgia,"Times New Roman",serif);
  letter-spacing:-.045em;
}

.dealsDeck{
  max-width:790px;
  margin:18px 0 0;
  color:#56504a;
  font:400 17px/1.6 var(--sefla-sans,Arial,Helvetica,sans-serif);
}

.dealsHeroMeta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 17px;
  margin-top:18px;
  color:#716b64;
  font:800 9px/1.35 var(--sefla-sans,Arial,Helvetica,sans-serif);
  letter-spacing:.04em;
  text-transform:uppercase;
}

.dealsHeroMeta span{
  position:relative;
}

.dealsHeroMeta span:not(:last-child)::after{
  content:"";
  position:absolute;
  right:-10px;
  top:50%;
  width:3px;
  height:3px;
  border-radius:50%;
  background:var(--sefla-gold,#b58a35);
  transform:translateY(-50%);
}

.dealsExplainer{
  display:grid;
  grid-template-columns:minmax(180px,.75fr) minmax(0,1.35fr);
  gap:28px;
  margin-top:25px;
  padding:22px 23px;
  background:#f5f2ed;
  border-left:5px solid var(--sefla-gold,#b58a35);
}

.dealsExplainer h2{
  margin:6px 0 0;
  color:var(--sefla-ink,#22201e);
  font:600 25px/1.05 var(--sefla-serif,Georgia,"Times New Roman",serif);
  letter-spacing:-.025em;
}

.dealsExplainer p{
  margin:0;
  color:#5b554f;
  font:400 14px/1.62 var(--sefla-sans,Arial,Helvetica,sans-serif);
}

.dealsGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  margin-top:27px;
}

.dealCard{
  min-width:0;
  background:#fff;
  border:1px solid #d9d4cc;
  box-shadow:0 7px 24px rgba(36,32,27,.055);
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}

.dealCard:hover{
  transform:translateY(-2px);
  border-color:#b9aa91;
  box-shadow:0 10px 30px rgba(36,32,27,.09);
}

.dealCardLink{
  display:block;
  height:100%;
  color:inherit;
  text-decoration:none;
}

.dealCardLink:focus-visible{
  outline:3px solid var(--sefla-gold,#b58a35);
  outline-offset:3px;
}

.dealPhoto{
  position:relative;
  overflow:hidden;
  aspect-ratio:16 / 10;
  background:#e8e4dd;
}

.dealPhoto img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .22s ease;
}

.dealCard:hover .dealPhoto img{
  transform:scale(1.015);
}

.dealPhotoFallback{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  color:#797169;
  font:700 11px/1.3 var(--sefla-sans,Arial,Helvetica,sans-serif);
  text-transform:uppercase;
  letter-spacing:.06em;
}

.dealDropBadge{
  position:absolute;
  left:14px;
  bottom:14px;
  min-width:132px;
  padding:10px 12px 9px;
  background:rgba(165,31,35,.95);
  color:#fff;
  box-shadow:0 4px 16px rgba(0,0,0,.16);
}

.dealDropBadge strong{
  display:block;
  font:900 25px/.9 var(--sefla-sans,Arial,Helvetica,sans-serif);
  letter-spacing:-.04em;
}

.dealDropBadge span{
  display:block;
  margin-top:5px;
  font:900 8px/1.1 var(--sefla-sans,Arial,Helvetica,sans-serif);
  letter-spacing:.09em;
  text-transform:uppercase;
}

.dealBody{
  padding:18px 19px 17px;
}

.dealLocation{
  color:#8f6c25;
  font:900 9px/1.2 var(--sefla-sans,Arial,Helvetica,sans-serif);
  letter-spacing:.1em;
  text-transform:uppercase;
}

.dealPrice{
  margin-top:6px;
  color:var(--sefla-ink,#22201e);
  font:600 34px/1 var(--sefla-serif,Georgia,"Times New Roman",serif);
  letter-spacing:-.035em;
}

.dealOriginal{
  display:flex;
  flex-wrap:wrap;
  gap:5px 10px;
  margin-top:7px;
  color:#726b64;
  font:700 11px/1.35 var(--sefla-sans,Arial,Helvetica,sans-serif);
}

.dealOriginal span{
  color:var(--sefla-red,#a51f23);
}

.dealBody h2{
  margin:15px 0 0;
  color:var(--sefla-ink,#22201e);
  font:600 20px/1.12 var(--sefla-serif,Georgia,"Times New Roman",serif);
  letter-spacing:-.02em;
}

.dealFacts{
  display:flex;
  flex-wrap:wrap;
  gap:8px 13px;
  margin-top:14px;
  padding-top:13px;
  border-top:1px solid #e4dfd8;
  color:#6e675f;
  font:700 10px/1.25 var(--sefla-sans,Arial,Helvetica,sans-serif);
}

.dealFacts strong{
  color:#332f2b;
  font-weight:900;
}

.dealAction{
  display:inline-block;
  margin-top:16px;
  padding-bottom:3px;
  border-bottom:2px solid var(--sefla-gold,#b58a35);
  color:var(--sefla-ink,#22201e);
  font:900 10px/1.1 var(--sefla-sans,Arial,Helvetica,sans-serif);
  letter-spacing:.08em;
  text-transform:uppercase;
}

.dealCard:hover .dealAction{
  color:var(--sefla-red,#a51f23);
  border-color:var(--sefla-red,#a51f23);
}

.dealAttribution{
  margin-top:15px;
  color:#948d84;
  font:400 8px/1.4 var(--sefla-sans,Arial,Helvetica,sans-serif);
}

.dealsWindowNote{
  margin:16px 0 0;
  color:#847d74;
  font:400 10px/1.5 var(--sefla-sans,Arial,Helvetica,sans-serif);
}

.dealsLead{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:28px;
  align-items:center;
  margin-top:30px;
  padding:24px 25px;
  background:var(--sefla-ink,#22201e);
  border-top:4px solid var(--sefla-gold,#b58a35);
  color:#fff;
}

.dealsLead span{
  color:#d8b35d;
}

.dealsLead h2{
  margin:6px 0 0;
  color:#fff;
  font:600 29px/1.03 var(--sefla-serif,Georgia,"Times New Roman",serif);
  letter-spacing:-.03em;
}

.dealsLead p{
  max-width:630px;
  margin:10px 0 0;
  color:#d7d3cc;
  font:400 13px/1.55 var(--sefla-sans,Arial,Helvetica,sans-serif);
}

.dealsLead a,
.dealsUnavailable a{
  display:inline-block;
  padding:13px 16px;
  background:var(--sefla-red,#a51f23);
  color:#fff;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
  font:900 9px/1.1 var(--sefla-sans,Arial,Helvetica,sans-serif);
  letter-spacing:.08em;
  text-transform:uppercase;
}

.dealsLead a:hover,
.dealsUnavailable a:hover{
  background:#86191d;
}

.dealsDisclaimer{
  margin:18px 0 0;
  padding-top:15px;
  border-top:1px solid #ddd7cf;
  color:#8c857d;
  font:400 9px/1.55 var(--sefla-sans,Arial,Helvetica,sans-serif);
}

.dealsUnavailable{
  margin-top:27px;
  padding:24px;
  background:#f6f3ee;
  border:1px solid #d9d4cc;
}

.dealsUnavailable strong{
  display:block;
  color:var(--sefla-ink,#22201e);
  font:600 26px/1.05 var(--sefla-serif,Georgia,"Times New Roman",serif);
}

.dealsUnavailable p{
  margin:10px 0 15px;
  color:#625b54;
  font:400 13px/1.55 var(--sefla-sans,Arial,Helvetica,sans-serif);
}

@media(max-width:980px){
  .dealsGrid{
    gap:18px;
  }

  .dealBody{
    padding:16px;
  }

  .dealPrice{
    font-size:30px;
  }

  .dealsLead{
    grid-template-columns:1fr;
    gap:18px;
  }

  .dealsLead a{
    justify-self:start;
  }
}

@media(max-width:760px){
  .dealsHero h1{
    font-size:44px;
  }

  .dealsDeck{
    font-size:15px;
  }

  .dealsHeroMeta{
    display:block;
  }

  .dealsHeroMeta span{
    display:block;
    margin-top:5px;
  }

  .dealsHeroMeta span::after{
    display:none;
  }

  .dealsExplainer{
    grid-template-columns:1fr;
    gap:12px;
    padding:19px;
  }

  .dealsGrid{
    grid-template-columns:1fr;
  }

  .dealPhoto{
    aspect-ratio:16 / 9;
  }

  .dealBody h2{
    font-size:22px;
  }
}

@media(max-width:480px){
  .dealsHero h1{
    font-size:38px;
  }

  .dealDropBadge{
    left:10px;
    bottom:10px;
  }

  .dealPrice{
    font-size:31px;
  }

  .dealsLead{
    padding:21px 19px;
  }
}

@media(prefers-reduced-motion:reduce){
  .dealCard,
  .dealPhoto img{
    transition:none;
  }

  .dealCard:hover{
    transform:none;
  }

  .dealCard:hover .dealPhoto img{
    transform:none;
  }
}
