Last-minute drop
Live now
30% off your
next visit
A limited Society deal is unlocked. Claim it before the timer reaches zero.
Deal disappears in
48 Hours
:
00 Min
:
00 Sec
Your member code
SOCIETY30
Drop 01 / 14
/* =========================================
SOCIETY LAST-MINUTE DEAL
========================================= */
.discount-panel{
position:relative;
overflow:hidden;
}
.deal-topline{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
}
.deal-live{
display:flex;
align-items:center;
gap:8px;
padding:9px 13px;
border-radius:999px;
background:#010101;
color:#fff;
font-family:var(--font);
text-transform:uppercase;
font-size:.62rem;
font-weight:900;
letter-spacing:.1em;
}
.deal-live-dot{
width:7px;
height:7px;
border-radius:50%;
background:var(--pink);
box-shadow:0 0 0 5px rgba(255,0,185,.12);
animation:dealPulse 1.5s ease-in-out infinite;
}
.deal-countdown-wrap{
margin-top:34px;
padding-top:26px;
border-top:1px solid rgba(1,1,1,.12);
}
.deal-countdown-label,
.deal-code-label{
margin-bottom:12px;
font-family:var(--font);
text-transform:uppercase;
font-size:.62rem;
font-weight:900;
letter-spacing:.12em;
color:rgba(1,1,1,.48);
}
.deal-countdown{
display:flex;
align-items:flex-start;
gap:12px;
}
.countdown-unit{
min-width:70px;
}
.countdown-unit strong{
display:block;
font-family:var(--font);
font-size:clamp(2.2rem,4vw,4rem);
line-height:.9;
letter-spacing:-.06em;
}
.countdown-unit span{
display:block;
margin-top:8px;
font-family:var(--font);
text-transform:uppercase;
font-size:.55rem;
font-weight:900;
letter-spacing:.1em;
color:rgba(1,1,1,.4);
}
.countdown-separator{
font-family:var(--font);
font-size:clamp(2rem,4vw,3.7rem);
line-height:.9;
color:var(--pink);
}
.deal-bottom{
display:flex;
align-items:end;
justify-content:space-between;
gap:20px;
margin-top:30px;
}
.deal-code-label{
margin-bottom:8px;
}
.deal-number{
padding-bottom:12px;
font-family:var(--font);
text-transform:uppercase;
color:rgba(1,1,1,.4);
font-size:.62rem;
font-weight:900;
letter-spacing:.1em;
}
@keyframes dealPulse{
0%,100%{
transform:scale(1);
opacity:1;
}
50%{
transform:scale(.7);
opacity:.55;
}
}
@media(max-width:600px){
.deal-topline{
align-items:flex-start;
}
.deal-bottom{
align-items:flex-start;
flex-direction:column;
}
.deal-countdown{
gap:8px;
}
.countdown-unit{
min-width:58px;
}
}
