.bn-crisps-main{
padding:clamp(28px,6vw,82px) 0;
}
.bn-crisps-template-shell{
width:min(100% - (var(--bn-gutter)*2),1280px);
margin-inline:auto;
}
.bpp-crisps-area .wp-block-post-title,.bpp-crisps-area main>.wp-block-group>.wp-block-post-title{
display:none !important;
}
.bn-crisps{
display:grid;
gap:clamp(18px,3vw,34px);
}
.bn-crisps__hero{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:24px;
align-items:center;
padding:clamp(24px,4vw,46px);
border:1px solid rgba(183,180,174,.12);
border-radius:32px;
background:radial-gradient(circle at 85% 10%,rgba(217,155,66,.18),transparent 28%),linear-gradient(180deg,rgba(34,32,30,.94),rgba(18,17,16,.98));
box-shadow:0 24px 60px rgba(0,0,0,.24);
}
.bn-crisps__hero h1{
margin:.15em 0;
color:#f5f0e8;
font-size:clamp(2.1rem,6vw,5.25rem);
line-height:.94;
letter-spacing:-.055em;
}
.bn-crisps__hero p{
max-width:56ch;
margin:0;
color:var(--bn-text-soft);
font-size:clamp(1rem,1.5vw,1.12rem);
line-height:1.7;
}
.bn-crisps__payment-note{
margin-top:12px !important;
color:#dbc9b1 !important;
font-weight:800;
}
.bn-crisps__eyebrow{
color:#d7b071;
font-size:.78rem;
font-weight:900;
letter-spacing:.14em;
text-transform:uppercase;
}
.bn-crisps__hero-icon{
display:grid;
place-items:center;
width:clamp(86px,13vw,152px);
height:clamp(86px,13vw,152px);
border:1px solid rgba(255,255,255,.09);
border-radius:34px;
background:rgba(255,255,255,.035);
}
.bn-crisps-icon{
display:block;
width:100%;
height:100%;
}
.bn-crisps-wallet{
display:grid;
justify-items:center;
gap:4px;
padding:20px;
border:1px solid rgba(183,180,174,.12);
border-radius:26px;
background:rgba(255,255,255,.035);
text-align:center;
}
.bn-crisps-wallet span,.bn-crisps-wallet em{
color:var(--bn-text-soft);
font-size:.78rem;
font-weight:850;
letter-spacing:.1em;
text-transform:uppercase;
}
.bn-crisps-wallet strong{
color:#f5f0e8;
font-size:clamp(2rem,5vw,3.7rem);
line-height:1;
}
.bn-crisps-wallet a{
margin-top:8px;
color:#d7b071;
font-weight:850;
text-decoration:none;
}
.bn-crisps-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:16px;
}
.bn-crisps-pack{
display:grid;
grid-template-rows:74px 92px 28px 36px 50px;
gap:10px;
align-items:start;
min-height:334px;
padding:18px;
border:1px solid rgba(183,180,174,.12);
border-radius:26px;
background:linear-gradient(180deg,rgba(36,34,32,.92),rgba(18,17,16,.98));
box-shadow:0 18px 42px rgba(0,0,0,.18);
text-align:center;
}
.bn-crisps-pack__top{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:7px;
min-height:74px;
}
.bn-crisps-pack__icon{
display:grid;
place-items:center;
width:40px;
height:40px;
border-radius:14px;
background:rgba(255,255,255,.04);
}
.bn-crisps-pack__icon .bn-crisps-icon{
width:32px;
height:32px;
}
.bn-crisps-pack h2{
margin:0;
color:#f5f0e8;
font-size:1rem;
font-weight:900;
letter-spacing:.01em;
}
.bn-crisps-pack__amount{
display:grid;
align-content:center;
justify-items:center;
gap:5px;
min-height:92px;
}
.bn-crisps-pack__amount strong{
color:#f5f0e8;
font-size:clamp(2rem,4vw,3.05rem);
line-height:.95;
letter-spacing:-.045em;
}
.bn-crisps-pack__amount span,.bn-crisps-pack__bonus{
color:var(--bn-text-soft);
font-size:.78rem;
font-weight:850;
letter-spacing:.1em;
text-transform:uppercase;
}
.bn-crisps-pack__bonus{
display:grid;
place-items:center;
min-height:28px;
color:#d7b071;
}
.bn-crisps-pack__bonus.is-empty{
visibility:hidden;
}
.bn-crisps-pack__price{
display:grid;
place-items:center;
min-height:36px;
color:#f5f0e8;
font-size:1.18rem;
font-weight:950;
}
.bn-crisps-pack__actions{
position:relative;
display:flex;
align-items:center;
justify-content:center;
gap:8px;
min-height:50px;
}
.bn-crisps-button,.bn-crisps-pack__actions .bn-crisps-button{
display:inline-flex;
align-items:center;
justify-content:center;
width:auto;
min-width:112px;
height:44px;
padding:0 22px;
border:0;
border-radius:999px;
background:#e4bd7b;
color:#161311 !important;
font-size:.88rem;
font-weight:950;
line-height:1;
text-align:center;
text-decoration:none;
white-space:nowrap;
cursor:pointer;
transition:transform .16s ease,filter .16s ease,background .16s ease;
}
.bn-crisps-button:hover,.bn-crisps-button:focus-visible{
filter:brightness(1.04);
transform:translateY(-1px);
outline:0;
}
.bn-crisps-button:disabled,.bn-crisps-button[aria-disabled=true]{
cursor:not-allowed;
filter:grayscale(.4);
opacity:.55;
transform:none;
}
.bn-crisps-cart-button{
display:inline-grid;
place-items:center;
width:44px;
height:44px;
border:1px solid rgba(183,180,174,.14);
border-radius:999px;
background:rgba(255,255,255,.045);
color:#f5f0e8;
text-decoration:none;
cursor:pointer;
transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.bn-crisps-cart-button svg{
width:20px;
height:20px;
}
.bn-crisps-cart-button:hover,.bn-crisps-cart-button:focus-visible,.bn-crisps-cart-button.is-added{
background:rgba(228,189,123,.16);
border-color:rgba(228,189,123,.35);
transform:translateY(-1px);
outline:0;
}
.bn-crisps-info{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px;
}
.bn-crisps-info-card{
padding:clamp(20px,3vw,30px);
border:1px solid rgba(183,180,174,.12);
border-radius:26px;
background:rgba(255,255,255,.035);
}
.bn-crisps-info-card h2{
margin:0 0 12px;
color:#f5f0e8;
font-size:1.35rem;
}
.bn-crisps-info-card ul{
display:grid;
gap:9px;
margin:0 0 14px;
padding-left:1.2em;
color:var(--bn-text-soft);
line-height:1.6;
}
.bn-crisps-info-card p{
margin:10px 0 0;
color:var(--bn-text-soft);
line-height:1.65;
}
.bn-crisps-policy-link{
font-weight:950;
}
.bn-crisps-cart,.bn-crisps-thanks{
grid-template-columns:minmax(0,1fr);
max-width:960px;
margin-inline:auto;
}
.bn-crisps-cart__hero{
grid-template-columns:minmax(0,1fr) auto;
}
.bn-crisps-cart-card,.bn-crisps-thanks-card{
display:grid;
justify-items:center;
gap:18px;
padding:clamp(22px,4vw,34px);
border:1px solid rgba(183,180,174,.12);
border-radius:28px;
background:linear-gradient(180deg,rgba(36,34,32,.92),rgba(18,17,16,.98));
box-shadow:0 22px 50px rgba(0,0,0,.22);
text-align:center;
}
.bn-crisps-cart-card__items{
display:grid;
gap:12px;
width:100%;
}
.bn-crisps-cart-card__item{
display:grid;
grid-template-columns:70px minmax(0,1fr) auto auto;
gap:16px;
align-items:center;
justify-items:center;
width:100%;
padding:16px;
border:1px solid rgba(183,180,174,.1);
border-radius:22px;
background:rgba(255,255,255,.035);
text-align:center;
}
.bn-crisps-cart-card__copy{
display:grid;
justify-items:center;
gap:4px;
min-width:0;
}
.bn-crisps-cart-card__icon,.bn-crisps-thanks-card__icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:62px;
height:62px;
border-radius:20px;
background:rgba(255,255,255,.04);
}
.bn-crisps-cart-card__icon .bn-crisps-icon,.bn-crisps-thanks-card__icon .bn-crisps-icon{
width:44px;
height:44px;
}
.bn-crisps-cart-card__item span,.bn-crisps-cart-card__summary span,.bn-crisps-thanks-card__balance span{
display:block;
color:var(--bn-text-soft);
font-size:.78rem;
font-weight:850;
letter-spacing:.1em;
text-transform:uppercase;
}
.bn-crisps-cart-card__item strong{
display:block;
color:#f5f0e8;
font-size:clamp(1.3rem,3vw,2rem);
line-height:1;
}
.bn-crisps-cart-card__item em{
display:block;
color:var(--bn-text-soft);
font-style:normal;
font-weight:800;
}
.bn-crisps-cart-card__qty{
display:inline-grid;
grid-template-columns:36px 42px 36px;
align-items:center;
justify-items:center;
gap:6px;
}
.bn-crisps-cart-card__qty button,.bn-crisps-cart-card__remove{
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid rgba(183,180,174,.14);
background:rgba(255,255,255,.045);
color:#f5f0e8;
cursor:pointer;
}
.bn-crisps-cart-card__qty button{
width:36px;
height:36px;
border-radius:999px;
font-size:1.15rem;
font-weight:900;
}
.bn-crisps-cart-card__qty strong{
font-size:1rem;
}
.bn-crisps-cart-card__remove{
height:36px;
padding:0 14px;
border-radius:999px;
font-size:.78rem;
font-weight:900;
}
.bn-crisps-cart-card__summary{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
width:100%;
padding:14px 16px;
border:1px solid rgba(183,180,174,.1);
border-radius:18px;
background:rgba(0,0,0,.12);
text-align:left;
}
.bn-crisps-cart-card__summary strong{
color:#f5f0e8;
font-size:1.35rem;
}
.bn-crisps-cart-card__actions{
display:grid;
justify-items:center;
gap:12px;
width:100%;
margin-top:8px;
}
.bn-crisps-cart-checkout-form{
display:grid;
justify-items:center;
}
.bn-crisps-button--ghost{
background:rgba(255,255,255,.035) !important;
color:#f5f0e8 !important;
border:1px solid rgba(183,180,174,.14);
}
.bn-crisps-cart-card__empty{
display:grid;
justify-items:center;
gap:10px;
padding:30px 18px;
text-align:center;
}
.bn-crisps-cart-card__empty h2,.bn-crisps-thanks-card h1{
margin:0;
color:#f5f0e8;
}
.bn-crisps-cart-card__empty p,.bn-crisps-thanks-card p{
max-width:58ch;
margin:0;
color:var(--bn-text-soft);
line-height:1.65;
}
.bn-crisps-thanks-card__balance{
display:grid;
justify-items:center;
gap:4px;
width:min(100%,360px);
padding:18px;
border:1px solid rgba(183,180,174,.1);
border-radius:22px;
background:rgba(255,255,255,.035);
}
.bn-crisps-thanks-card__balance strong{
color:#f5f0e8;
font-size:clamp(2rem,5vw,3.2rem);
line-height:1;
}
.bn-crisps-thanks-card__balance em{
color:var(--bn-text-soft);
font-style:normal;
font-weight:850;
}
.bn-crisps-thanks .bn-crisps-cart-card__actions{
display:flex;
flex-wrap:wrap;
justify-content:center;
}
.bn-crisps-thanks .bn-crisps-button{
text-align:center;
}
.bn-cart-menu__toggle,.bn-crisps a,.bn-crisps button{
cursor:pointer;
}
.bn-cart-menu__badge{
position:absolute;
top:-5px;
right:-5px;
display:grid;
place-items:center;
min-width:18px;
height:18px;
padding:0 5px;
border:2px solid #151312;
border-radius:999px;
background:#e23535;
color:#fff;
font-size:.68rem;
font-weight:950;
line-height:1;
}
.bn-cart-menu__badge[hidden]{
display:none !important;
}
@media (max-width:1100px){
.bn-crisps-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}}
@media (max-width:720px){
.bn-crisps__hero,.bn-crisps-cart__hero{
grid-template-columns:1fr;
text-align:center;
justify-items:center;
}
.bn-crisps-info{
grid-template-columns:1fr;
}
.bn-crisps-grid{
grid-template-columns:1fr;
}
.bn-crisps-pack{
grid-template-rows:70px 84px 28px 34px 48px;
min-height:316px;
}
.bn-crisps-cart-card__item{
grid-template-columns:1fr;
gap:12px;
padding:18px 14px;
}
.bn-crisps-cart-card__icon{
width:56px;
height:56px;
border-radius:18px;
}
.bn-crisps-cart-card__icon .bn-crisps-icon{
width:38px;
height:38px;
}
.bn-crisps-cart-card__summary{
display:grid;
justify-items:center;
text-align:center;
}
.bn-crisps-cart-card__actions{
display:grid;
width:100%;
}
.bn-crisps-cart-card__actions .bn-crisps-button,.bn-crisps-cart-checkout-form{
width:min(100%,260px);
}}
@media (max-width:380px){
.bn-crisps-pack{
padding:15px;
}
.bn-crisps-pack__actions{
gap:6px;
}
.bn-crisps-button,.bn-crisps-pack__actions .bn-crisps-button{
min-width:98px;
padding-inline:17px;
}
.bn-crisps-cart-button{
width:42px;
height:42px;
}
.bn-crisps-cart-card__qty{
grid-template-columns:34px 36px 34px;
}
.bn-crisps-cart-card__remove{
width:100%;
}}
.bn-crisps-cart-card__empty[hidden],.bn-crisps-cart-card__summary[hidden]{
display:none !important;
}
.bn-crisps-pack__actions{
display:grid !important;
grid-template-columns:44px minmax(112px,148px) 44px !important;
justify-content:center !important;
justify-items:center !important;
align-items:center !important;
gap:8px !important;
width:100% !important;
}
.bn-crisps-pack__actions .bn-crisps-buy-link{
grid-column:2 !important;
width:100% !important;
min-width:0 !important;
}
.bn-crisps-pack__actions .bn-crisps-cart-button{
grid-column:3 !important;
}
.bn-crisps-pack__bonus{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:max-content !important;
max-width:100% !important;
margin:0 auto !important;
padding:0 11px !important;
border:1px solid rgba(215,176,113,.24) !important;
border-radius:999px !important;
background:rgba(215,176,113,.1) !important;
color:#d7b071 !important;
line-height:1 !important;
}
.bn-crisps-pack__bonus.is-empty{
visibility:hidden !important;
}
.bpp-crisps-gateway-document{
margin:0 !important;
background:#fff !important;
color:#111 !important;
}
.bpp-crisps-gateway-document__main{
min-height:100vh;
display:grid;
place-items:center;
padding:24px;
}
.bpp-crisps-gateway-document .bn-crisps-button{
font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
@media (max-width:380px){
.bn-crisps-pack__actions{
grid-template-columns:40px minmax(96px,124px) 40px !important;
gap:6px !important;
}}
.bn-crisps-pack__icon,.bn-crisps__hero-icon,.bn-crisps-cart-card__icon,.bn-crisps-thanks-card__icon{
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}
.bn-crisps-pack__bonus{
display:grid !important;
place-items:center !important;
min-height:28px !important;
width:100% !important;
margin:0 !important;
padding:0 !important;
background:transparent !important;
border:0 !important;
}
.bn-crisps-pack__bonus span{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:max-content !important;
max-width:100% !important;
min-height:24px !important;
padding:0 12px !important;
border:1px solid rgba(215,176,113,.28) !important;
border-radius:999px !important;
background:rgba(215,176,113,.12) !important;
color:#d7b071 !important;
font-size:.74rem !important;
font-weight:950 !important;
letter-spacing:.08em !important;
line-height:1 !important;
text-transform:uppercase !important;
}
.bn-crisps-pack__bonus.is-empty span{
visibility:hidden !important;
}
.bn-crisps-pack__actions{
position:relative !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:48px !important;
gap:0 !important;
}
.bn-crisps-pack__actions .bn-crisps-buy-link{
width:122px !important;
min-width:122px !important;
max-width:122px !important;
padding-inline:0 !important;
text-align:center !important;
}
.bn-crisps-pack__actions .bn-crisps-cart-button{
position:absolute !important;
left:calc(50% + 73px) !important;
top:50% !important;
transform:translateY(-50%) !important;
margin:0 !important;
}
.bn-crisps-pack__actions .bn-crisps-cart-button:hover,.bn-crisps-pack__actions .bn-crisps-cart-button:focus-visible,.bn-crisps-pack__actions .bn-crisps-cart-button.is-added{
transform:translateY(-50%) !important;
}
.bn-crisps-checkout-handoff p{
display:none !important;
}
@media (max-width:380px){
.bn-crisps-pack__actions .bn-crisps-buy-link{
width:108px !important;
min-width:108px !important;
max-width:108px !important;
}
.bn-crisps-pack__actions .bn-crisps-cart-button{
left:calc(50% + 64px) !important;
}}
.bn-crisps-pack__bonus.is-used span,.bn-crisps-pack.has-used-bonus .bn-crisps-pack__bonus span,.bn-crisps-cart-card__copy em.is-used{
border-color:rgba(170,170,170,.24) !important;
background:rgba(170,170,170,.1) !important;
color:#9a9a9a !important;
}
.bn-crisps-pack.has-used-bonus .bn-crisps-pack__amount strong,.bn-crisps-pack.has-used-bonus .bn-crisps-pack__amount span{
color:#c8c8c8 !important;
}
.bn-crisps-bonus-note{
margin:0;
padding:14px 16px;
border:1px solid rgba(215,176,113,.18);
border-radius:18px;
background:rgba(215,176,113,.08);
color:#d8c3a0;
font-size:.94rem;
line-height:1.55;
}
.bn-crisps-cart-card__bonus-pill{
display:inline-flex !important;
align-items:center;
justify-content:center;
min-height:26px;
padding:0 12px;
border:1px solid rgba(228,189,123,.28);
border-radius:999px;
background:rgba(228,189,123,.12);
color:#d7b071 !important;
font-size:.72rem;
font-style:normal !important;
font-weight:950;
letter-spacing:.08em;
text-transform:uppercase;
}
.bn-crisps-cart-card__bonus-pill.is-used{
border-color:rgba(183,180,174,.18);
background:rgba(183,180,174,.08);
color:rgba(183,180,174,.68) !important;
}
.bn-crisps-cart-card__bonus-pill.is-empty{
visibility:hidden;
}
.bn-crisps-toast{
position:fixed;
left:50%;
bottom:20px;
z-index:99999;
max-width:min(320px,calc(100vw - 40px));
padding:13px 16px;
border:1px solid rgba(228,189,123,.34);
border-radius:999px;
background:rgba(20,18,16,.96);
color:#f5f0e8;
box-shadow:0 18px 44px rgba(0,0,0,.32);
font-size:.86rem;
font-weight:900;
opacity:0;
pointer-events:none;
transform:translate(-50%,12px);
transition:opacity .18s ease,transform .18s ease;
}
.bn-crisps-toast.is-visible{
opacity:1;
transform:translate(-50%,0);
}
.bn-crisps-cart-card__copy{
gap:8px;
}
.bn-crisps-cart-card__bonus-pill{
margin-top:2px;
}