/* =============================================================
   Block: Summer Deals  (.summer-deals)
   Editor-picked `deal` cards. Static grid up to 3, Swiper carousel
   beyond. Shared arrow-nav chrome lives in pc-base.css.
   ============================================================= */

.louise-section .summer-deals__header{
  display:flex;align-items:center;justify-content:space-between;
  gap:var(--pc-space-6);margin-bottom:var(--pc-space-8);
}
.louise-section .summer-deals__title{
  margin:0;font-weight:700;letter-spacing:-0.02em;line-height:1.1;
  font-size:clamp(1.5rem,3.5vw,2.25rem);text-transform:none;
}
.louise-section .summer-deals__lede{
  font-style:italic;font-size:var(--pc-fs-md);color:var(--pc-ink-700);
  max-width:50ch;margin:0 0 var(--pc-space-12);line-height:1.45;
}

/* Layouts */
.louise-section .summer-deals__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--pc-space-8)}
/* overflow visible so card shadows aren't clipped by the slider rails */
.louise-section .summer-deals__slider{width:100%;overflow:visible}

/* Card */
.louise-section .summer-deals__card{
  display:flex;flex-direction:column;height:100%;
  background:var(--pc-paper);border-radius:var(--pc-radius-md);overflow:hidden;
  box-shadow:0 6px 20px rgba(0,0,0,.06);
}
.louise-section .summer-deals__media{
  position:relative;width:100%;padding-bottom:70%;overflow:hidden;
}
.louise-section .summer-deals__image{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;
  transition:transform .4s var(--ease);
}
.louise-section .summer-deals__card:hover .summer-deals__image{transform:scale(1.05)}

.louise-section .summer-deals__tag{
  position:absolute;top:2rem;left:0;z-index:5;
  background:var(--pc-red-400);color:#fff;
  font-weight:800;font-size:.8rem;padding:.15rem 1rem;
  border-top-right-radius:var(--pc-radius-pill);border-bottom-right-radius:var(--pc-radius-pill);
  box-shadow:5px 5px 5px rgba(0,0,0,.12);
}
.louise-section .summer-deals__icon{
  position:absolute;top:2rem;right:2rem;z-index:4;width:3rem;height:3rem;
}

.louise-section .summer-deals__body{
  display:flex;flex-direction:column;gap:var(--pc-space-4);
  padding:var(--pc-space-6);flex:1;
}
.louise-section .summer-deals__heading{
  margin:0;font-weight:800;font-size:1.1rem;text-transform:uppercase;
  letter-spacing:-0.01em;color:var(--pc-ink-900);
}
.louise-section .summer-deals__description{
  margin:0;font-size:.95rem;line-height:1.6;color:var(--pc-ink-700);max-width:none;
}
.louise-section .summer-deals__actions{
  display:flex;flex-direction:column;gap:var(--pc-space-3);margin-top:auto;
}
.louise-section .summer-deals__actions .obj-btn{
  text-align:center;font-weight:800;text-transform:uppercase;
}

@media (max-width:880px){
  .louise-section .summer-deals__grid{grid-template-columns:1fr}
}