/* The Club Slide card's depth and diagonal sheen, in Intermarché's own palette. */
.bento-live .bento-offer.promo-offer-shell{
  display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;justify-items:stretch;justify-content:stretch;
  width:100%;padding:14px 12px 18px;min-width:0;
  background:transparent;box-shadow:none;overflow:visible;
  perspective:1200px;perspective-origin:50% 48%;touch-action:pan-y;
}
.promo-card{
  --pc-rx:0deg;--pc-ry:0deg;--pc-glare-x:50%;--pc-glare-y:35%;
  position:relative;isolation:isolate;container-type:inline-size;
  display:flex;flex-direction:column;justify-content:center;gap:18px;
  width:100%;min-width:0;justify-self:stretch;min-height:100%;padding:24px 29px;
  border:1px solid #ffffff65;border-radius:var(--radius-panel,20px);overflow:hidden;
  color:#fff;background:linear-gradient(128deg,#ff2020 0%,var(--red,#ff0000) 43%,#d70000 100%);
  box-shadow:0 4px 0 #b80909,0 17px 32px #48111128,inset 0 1px 0 #ffffff55,inset 0 -1px 0 #80000033;
  transform:rotateX(var(--pc-rx)) rotateY(var(--pc-ry)) rotateZ(-.65deg);
  transform-style:flat;will-change:auto;cursor:pointer;user-select:none;-webkit-user-select:none;
}
.promo-card:before{
  content:"";position:absolute;inset:7px;border:1px solid #ffffff17;border-radius:var(--radius-control,12px);pointer-events:none;z-index:3;
}
.promo-card.is-tilting{will-change:transform}
.promo-card-glare{
  position:absolute;inset:-35%;z-index:1;pointer-events:none;opacity:.17;
  background:linear-gradient(118deg,transparent 26%,#ffffff8c 48%,transparent 69%),radial-gradient(ellipse at var(--pc-glare-x) var(--pc-glare-y),#fff4,transparent 57%);
  transition:opacity .2s;mix-blend-mode:screen;
}
.promo-card.is-tilting .promo-card-glare{opacity:.28}
.promo-card h1,.promo-card-bottom{position:relative;z-index:2}
.hero-bento .promo-card h1{display:block;margin:0;text-align:center;font-family:var(--display,Tondu,sans-serif);line-height:1.03;letter-spacing:.02em!important}
.promo-card .offer-amount{display:block;font-size:clamp(112px,17vw,218px);font-size:clamp(112px,42cqw,218px);line-height:.98;white-space:nowrap}
.promo-card .offer-word{display:block;font-size:clamp(58px,9vw,114px);font-size:clamp(58px,22cqw,114px);line-height:1.04;white-space:nowrap;margin-top:2px}
.promo-card-bottom{padding-top:17px;border-top:1px dashed #ffffff65;text-align:center}
.promo-card .offer-threshold{margin:0;font:500 clamp(17px,1.7vw,23px)/1.38 var(--body,Arial,sans-serif);letter-spacing:0;color:#fff;max-width:none;text-wrap:pretty}
.promo-card .offer-threshold strong{font-weight:750;white-space:nowrap}
.promo-card-validity{margin:9px 0 0;font:400 13px/1.4 var(--body,Arial,sans-serif);letter-spacing:0;color:#fff}
.promo-card-validity strong{font-weight:650}
.promo-card .promo-tap-hint{
  display:none;align-items:center;justify-content:center;gap:6px;width:fit-content;
  margin:11px auto 0;padding:5px 10px;border:1px solid #ffffff38;border-radius:var(--radius-detail,8px);
  background:#ffffff12;color:#fff;font:500 11px/1.2 var(--body,Arial,sans-serif);letter-spacing:.01em;
  pointer-events:none;user-select:none;
}
.promo-tap-hint svg{display:block;flex:0 0 auto}
.promo-tap-hint .hint-mobile{display:none}
@media(prefers-reduced-motion:no-preference){
  .promo-offer-shell[data-promo-confetti-initialized="true"] .promo-tap-hint{display:flex}
}
.animations-paused .promo-card .promo-tap-hint{display:none}
@media(min-width:701px) and (max-width:1000px){
  .bento-live .bento-offer.promo-offer-shell{padding:10px 7px 15px}
  .promo-card{padding:22px 21px;gap:18px}
  .promo-card .offer-amount{font-size:clamp(103px,42cqw,172px)}
  .promo-card .offer-word{font-size:clamp(54px,22cqw,90px)}
  .promo-card .offer-threshold{font-size:18px}
}
@media(max-width:700px){
  .bento-live .bento-offer.promo-offer-shell{padding:9px 7px 15px;grid-row:1}
  .promo-card{min-height:0;padding:16px 18px;gap:12px}
  .hero-bento .promo-card h1{display:flex;align-items:baseline;justify-content:center;flex-wrap:nowrap;gap:clamp(15px,4.8cqw,24px)}
  .promo-card .offer-amount{font-size:clamp(60px,27cqw,112px)}
  .promo-card .offer-word{font-size:clamp(24px,10cqw,42px);margin-top:0}
  .promo-card .offer-threshold{font-size:16px;line-height:1.34;max-width:none}
  .promo-card-bottom{padding-top:10px}
  .promo-tap-hint .hint-desktop{display:none}
  .promo-tap-hint .hint-mobile{display:inline}
}
@media(max-width:360px){
  .promo-card{padding:14px 16px;gap:11px}
  .promo-card .offer-threshold{font-size:15px}.promo-card-bottom{padding-top:9px}
}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){
  .promo-card{transform:none;will-change:auto}
  .promo-card-glare{transition:none;opacity:.17}
  .promo-card.is-tilting .promo-card-glare{opacity:.17}
}
@keyframes promo-card-tap-react{
  0%,100%{transform:translate3d(0,0,0) rotateX(var(--pc-rx)) rotateY(var(--pc-ry)) rotateZ(-.65deg) scale(1)}
  34%{transform:translate3d(var(--pc-tap-x,2px),var(--pc-tap-y,-2px),0) rotateX(var(--pc-rx)) rotateY(var(--pc-ry)) rotateZ(calc(-.65deg + var(--pc-tap-r,.8deg))) scale(1.012)}
  68%{transform:translate3d(calc(var(--pc-tap-x,2px)*-.38),calc(var(--pc-tap-y,-2px)*-.38),0) rotateX(var(--pc-rx)) rotateY(var(--pc-ry)) rotateZ(calc(-.65deg + var(--pc-tap-r,.8deg)*-.42)) scale(.998)}
}
@media(prefers-reduced-motion:no-preference){
  .promo-card.is-tap-reacting{
    animation:promo-card-tap-react .38s cubic-bezier(.18,.72,.22,1);
  }
}
.animations-paused .promo-card{transform:none;will-change:auto}
.animations-paused .promo-card-glare{transition:none;opacity:.17}
.animations-paused .promo-card.is-tap-reacting{animation:none}