/* WhatsPep commerce system — rebuilt from the Figma Cart / Checkout language. */
:root{--wp-lime:#C8FF47;--wp-ink:#0A0A0A;--wp-snow:#FAFAFA;--wp-ghost:#888888;--wp-surface:#141414;--wp-edge:#2A2A2A;--wp-brand:'Onest',sans-serif;--wp-mono:'DM Mono',monospace}

/* Header cart entry */
.wp-cart-trigger{position:relative;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--wp-edge);border-radius:999px;background:transparent;color:var(--wp-snow);cursor:pointer}
.wp-cart-trigger svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.wp-cart-trigger .cart-count{position:absolute;right:-4px;top:-5px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--wp-lime);color:var(--wp-ink);font:800 10px/1 var(--wp-mono)}
.wp-cart-trigger--mobile{display:none;width:100%;height:46px;grid-template-columns:1fr auto;padding:0 16px;border-radius:8px;color:var(--wp-snow);text-align:left}
.wp-cart-trigger--mobile span{justify-self:start}.wp-cart-trigger--mobile .cart-count{position:static;min-width:24px;color:var(--wp-ink)}
.wp-cart-trigger--header-mobile{display:none}

/* Figma cart drawer: 420px desktop, full viewport mobile */
body.wp-cart-open{overflow:hidden}
.wp-cart-drawer{position:fixed;inset:0;z-index:1000;visibility:hidden;pointer-events:none}
.wp-cart-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(0,0,0,.74);opacity:0;cursor:pointer;backdrop-filter:blur(5px);transition:opacity .28s ease}
.wp-cart-panel{position:absolute;inset:0 0 0 auto;width:420px;max-width:100%;height:100dvh;overflow:hidden;border-left:1px solid var(--wp-edge);background:#111;box-shadow:-30px 0 80px rgba(0,0,0,.42);transform:translateX(100%);transition:transform .32s cubic-bezier(.22,1,.36,1)}
.wp-cart-drawer.is-open{visibility:visible;pointer-events:auto}
.wp-cart-drawer.is-open .wp-cart-backdrop{opacity:1}
.wp-cart-drawer.is-open .wp-cart-panel{transform:translateX(0)}
body.admin-bar .wp-cart-panel{top:32px;height:calc(100dvh - 32px)}
.wp-cart-live{height:100%;display:flex;flex-direction:column;background:#111;color:var(--wp-snow);font-family:var(--wp-brand)}
.wp-cart-head{flex:0 0 72px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--wp-edge)}
.wp-cart-head p{display:none}.wp-cart-head h2{margin:0;font-size:20px;font-weight:800;line-height:1;letter-spacing:-.03em}.wp-cart-head h2 span{color:var(--wp-ghost);font:400 12px/1 var(--wp-mono);letter-spacing:0}
.wp-cart-close{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;background:transparent;color:var(--wp-ghost);font:300 28px/1 var(--wp-brand);cursor:pointer;transition:color .2s}.wp-cart-close:hover{color:var(--wp-snow)}
.wp-cart-items{flex:1;min-height:0;overflow:auto;padding:0 28px;scrollbar-width:none}.wp-cart-items::-webkit-scrollbar{display:none}
.wp-cart-item{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:16px;align-items:start;padding:24px 18px 24px 0;border-bottom:1px solid var(--wp-edge);transition:opacity .2s}
.wp-cart-item.is-updating{opacity:.45;pointer-events:none}
.wp-cart-item__abbr{display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--wp-edge);border-radius:9px;background:var(--wp-ink);color:var(--wp-lime);font:800 11px/1 var(--wp-mono);letter-spacing:-.04em;overflow:hidden}
.wp-cart-item__copy{min-width:0}.wp-cart-item__copy>a{display:block;overflow:hidden;margin:1px 0 7px;color:var(--wp-snow);font-size:15px;font-weight:800;line-height:1.15;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}.wp-cart-item__copy>p{margin:0;color:var(--wp-ghost);font:400 10px/1.5 var(--wp-mono);letter-spacing:.08em;text-transform:uppercase}
.wp-cart-item__controls{display:grid;grid-template-columns:30px 34px 30px;width:94px;height:34px;margin-top:14px;overflow:hidden;border:1px solid var(--wp-edge);border-radius:8px;background:var(--wp-ink)}
.wp-cart-item__controls button{padding:0;border:0;background:transparent;color:var(--wp-ghost);font:500 16px/1 var(--wp-brand);cursor:pointer}.wp-cart-item__controls button:hover{color:var(--wp-lime)}.wp-cart-item__controls span{display:grid;place-items:center;color:var(--wp-snow);font:700 12px/1 var(--wp-mono)}
.wp-cart-item__price{padding-top:2px;color:var(--wp-snow);font-size:16px;font-weight:800;letter-spacing:-.02em;white-space:nowrap}.wp-cart-item__price .woocommerce-Price-currencySymbol{font-size:.82em}
.wp-cart-item__remove{position:absolute;right:0;bottom:30px;width:22px;height:22px;padding:0;border:0;background:transparent;color:#626262;font:400 16px/1 var(--wp-brand);cursor:pointer}.wp-cart-item__remove:hover{color:#ff5c63}
.wp-cart-summary{flex:0 0 auto;padding:24px 28px 28px;border-top:1px solid var(--wp-edge);background:var(--wp-surface)}
.wp-cart-summary>div{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 11px;color:var(--wp-ghost);font-size:13px}.wp-cart-summary>div strong{color:var(--wp-snow);font-size:14px;font-weight:700}.wp-cart-summary .wp-cart-summary__shipping{color:var(--wp-lime);font:400 10px/1.3 var(--wp-mono);letter-spacing:.03em}
.wp-cart-summary>.wp-cart-summary__total{margin:20px 0 0;padding-top:20px;border-top:1px solid var(--wp-edge);color:var(--wp-snow);font-size:18px;font-weight:800}.wp-cart-summary>.wp-cart-summary__total strong{font-size:26px;font-weight:900;letter-spacing:-.04em}
.wp-cart-checkout{display:flex;align-items:center;justify-content:center;min-height:52px;margin-top:22px;border-radius:11px;background:var(--wp-lime);color:var(--wp-ink)!important;font-size:14px;font-weight:800;transition:filter .2s,transform .2s}.wp-cart-checkout:hover{filter:brightness(1.04);transform:translateY(-1px)}
.wp-cart-ruo{max-width:300px;margin:18px auto 0;color:#6f6f6f;font:400 9px/1.55 var(--wp-mono);text-align:center}
.wp-cart-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 28px;color:var(--wp-ghost);text-align:center}.wp-cart-empty svg{width:44px;height:auto;margin-bottom:22px;color:rgba(200,255,71,.26)}.wp-cart-empty p{margin:0 0 20px;font-size:14px}.wp-cart-empty a{display:flex;align-items:center;justify-content:center;min-width:148px;min-height:42px;border-radius:999px;background:var(--wp-lime);color:var(--wp-ink);font-size:12px;font-weight:800}

/* Shared full-screen commerce frame */
.woocommerce-cart .site-header,.woocommerce-checkout .site-header,.woocommerce-cart .site-footer,.woocommerce-checkout .site-footer{display:none!important}
.woocommerce-cart,.woocommerce-checkout{background:var(--wp-ink)!important;color:var(--wp-snow)!important}
.wp-commerce-page{width:100%;min-height:100dvh;background:var(--wp-ink);color:var(--wp-snow);font-family:var(--wp-brand)}
.wp-commerce-nav{position:sticky;top:0;z-index:80;height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 40px;border-bottom:1px solid var(--wp-edge);background:rgba(10,10,10,.94);backdrop-filter:blur(16px)}
.wp-commerce-nav__back{justify-self:start;display:flex;align-items:center;gap:9px;color:var(--wp-ghost);font-size:13px;font-weight:500}.wp-commerce-nav__back svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.wp-commerce-nav__back:hover{color:var(--wp-snow)}
.wp-commerce-nav__brand{display:flex;align-items:center;gap:9px;color:var(--wp-snow);font-size:17px;font-weight:900;letter-spacing:-.04em}.wp-commerce-nav__brand>span>span{color:var(--wp-lime)}
.wp-commerce-nav__secure{justify-self:end;color:var(--wp-ghost);font:400 10px/1 var(--wp-mono);letter-spacing:.12em;text-transform:uppercase}

/* Cart URL fallback uses the same live component without duplicating logic. */
.wp-cart-page__body{width:min(520px,calc(100% - 40px));min-height:calc(100dvh - 64px);margin:auto;padding:56px 0 80px}.wp-cart-page__body .wp-cart-live{min-height:680px;max-height:calc(100dvh - 120px);overflow:hidden;border:1px solid var(--wp-edge);border-radius:16px}.wp-cart-page__body .wp-cart-close{display:none}

/* Figma checkout: wide single-page composition, three field cards + fixed summary. */
.wp-checkout-shell{width:min(1280px,calc(100% - 80px));margin:0 auto;padding:64px 0 110px}
.wp-checkout-title{margin:0 0 42px}.wp-checkout-title p{margin:0 0 13px;color:var(--wp-lime);font:400 11px/1 var(--wp-mono);letter-spacing:.2em;text-transform:uppercase}.wp-checkout-title h1{margin:0;color:var(--wp-snow);font-size:clamp(44px,4.8vw,66px);font-weight:900;line-height:.94;letter-spacing:-.05em}
.wp-checkout-native,.wp-checkout-native .woocommerce{width:100%;max-width:none;margin:0!important;color:var(--wp-snow)}
.wp-checkout-native form.checkout.wp-checkout-form{display:grid!important;grid-template-columns:minmax(0,1fr) 390px;gap:48px;align-items:start;width:100%;margin:0!important}
.wp-checkout-fields{grid-column:1;grid-row:1;display:grid;gap:20px;min-width:0}.wp-checkout-native #order_review_heading{grid-column:2;grid-row:1;position:sticky;top:88px;z-index:2;margin:0!important;padding:28px 28px 0!important;border:1px solid var(--wp-edge)!important;border-bottom:0!important;border-radius:16px 16px 0 0!important;background:var(--wp-surface)!important;color:var(--wp-ghost)!important;font:500 10px/1 var(--wp-mono)!important;letter-spacing:.16em!important;text-transform:uppercase!important}.wp-checkout-order{grid-column:2;grid-row:1;position:sticky;top:88px;margin:39px 0 0!important;padding:8px 28px 28px!important;border:1px solid var(--wp-edge)!important;border-top:0!important;border-radius:0 0 16px 16px!important;background:var(--wp-surface)!important}
.wp-checkout-section{overflow:hidden;padding:28px;border:1px solid var(--wp-edge);border-radius:16px;background:var(--wp-surface)}
.wp-checkout-section>header{display:flex;align-items:center;gap:13px;margin-bottom:24px}.wp-checkout-section>header>span{display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:var(--wp-lime);color:var(--wp-ink);font:800 10px/1 var(--wp-mono)}.wp-checkout-section>header h2{margin:0;color:var(--wp-snow);font-size:20px;font-weight:800;letter-spacing:-.025em}
.wp-checkout-section__fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wp-checkout-section .form-row{float:none!important;width:auto!important;margin:0!important;padding:0!important}.wp-checkout-section label{display:block;margin:0 0 8px;color:var(--wp-ghost)!important;font:500 9px/1 var(--wp-mono)!important;letter-spacing:.13em!important;text-transform:uppercase!important}.wp-checkout-section abbr{color:var(--wp-lime);text-decoration:none}
.wp-checkout-section input.input-text,.wp-checkout-section textarea,.wp-checkout-section select,.wp-checkout-section .select2-selection{width:100%!important;min-height:52px!important;margin:0!important;padding:0 15px!important;border:1px solid var(--wp-edge)!important;border-radius:8px!important;background:var(--wp-ink)!important;color:var(--wp-snow)!important;font:500 14px/1.4 var(--wp-brand)!important;box-shadow:none!important;outline:none!important}.wp-checkout-section textarea{min-height:92px!important;padding:14px 15px!important;resize:vertical}.wp-checkout-section input:focus,.wp-checkout-section textarea:focus,.wp-checkout-section select:focus,.wp-checkout-section .select2-container--focus .select2-selection{border-color:rgba(200,255,71,.72)!important;box-shadow:0 0 0 3px rgba(200,255,71,.08)!important}.wp-checkout-section .select2-container{width:100%!important}.wp-checkout-section .select2-selection__rendered{padding:11px 0!important;color:var(--wp-snow)!important;line-height:30px!important}.wp-checkout-section .select2-selection__arrow{height:50px!important}
.wp-checkout-contact #billing_email_field,.wp-checkout-contact #billing_phone_field,.wp-checkout-shipping #billing_address_1_field{grid-column:1/-1}
.wp-checkout-native .woocommerce-billing-fields>h3,.wp-checkout-native .woocommerce-additional-fields>h3,.wp-checkout-native .woocommerce-shipping-fields{display:none!important}
.wp-checkout-payment-slot #payment{margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:var(--wp-snow)!important}.wp-checkout-payment-slot #payment:before,.wp-checkout-payment-slot #payment:after{display:none!important}.wp-checkout-payment-slot #payment ul.payment_methods{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:8px;margin:0!important;padding:0!important;border:0!important}.wp-checkout-payment-slot #payment ul.payment_methods>li{display:contents!important}.wp-checkout-payment-slot #payment input.input-radio{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important}.wp-checkout-payment-slot #payment ul.payment_methods>li>label{display:flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;margin:0!important;padding:10px 12px!important;border:1px solid var(--wp-edge)!important;border-radius:8px!important;background:var(--wp-ink)!important;color:var(--wp-ghost)!important;font:700 12px/1.25 var(--wp-brand)!important;letter-spacing:0!important;text-align:center!important;text-transform:none!important;cursor:pointer}.wp-checkout-payment-slot #payment input.input-radio:checked+label{border-color:rgba(200,255,71,.65)!important;background:rgba(200,255,71,.07)!important;color:var(--wp-snow)!important}.wp-checkout-payment-slot #payment ul.payment_methods>li>label img{max-height:20px!important;margin-left:7px!important}.wp-checkout-payment-slot #payment div.payment_box{grid-column:1/-1!important;width:100%!important;margin:10px 0 0!important;padding:18px!important;border:1px solid var(--wp-edge)!important;border-radius:10px!important;background:var(--wp-ink)!important;color:var(--wp-ghost)!important;font-size:12px!important}.wp-checkout-payment-slot #payment div.payment_box:before{display:none!important}.wp-checkout-payment-slot #payment .form-row.place-order{grid-column:1/-1!important;margin:12px 0 0!important;color:var(--wp-ghost)!important;font-size:11px!important}.wp-checkout-real-order{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.wp-checkout-native .woocommerce-checkout-review-order-table{width:100%;margin:0!important;border:0!important;border-collapse:collapse!important;background:transparent!important;color:var(--wp-snow)!important}.wp-checkout-native .woocommerce-checkout-review-order-table thead{display:none}.wp-checkout-native .woocommerce-checkout-review-order-table th,.wp-checkout-native .woocommerce-checkout-review-order-table td{padding:14px 0!important;border:0!important;border-top:1px solid var(--wp-edge)!important;background:transparent!important;color:var(--wp-ghost)!important;font:500 13px/1.3 var(--wp-brand)!important}.wp-checkout-native .woocommerce-checkout-review-order-table tbody tr:first-child td{border-top:0!important}.wp-checkout-native .woocommerce-checkout-review-order-table td.product-total,.wp-checkout-native .woocommerce-checkout-review-order-table tfoot td{text-align:right;color:var(--wp-snow)!important;font-weight:700!important;white-space:nowrap}.wp-checkout-native .woocommerce-checkout-review-order-table tfoot .order-total th,.wp-checkout-native .woocommerce-checkout-review-order-table tfoot .order-total td{padding-top:20px!important;color:var(--wp-snow)!important;font-size:21px!important;font-weight:900!important}.wp-checkout-native .woocommerce-checkout-review-order-table .product-quantity{display:none!important}
.wp-checkout-product{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:center}.wp-checkout-product__abbr{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--wp-edge);border-radius:7px;background:var(--wp-ink);color:var(--wp-lime);font:800 8px/1 var(--wp-mono);overflow:hidden}.wp-checkout-product__abbr.is-long{font-size:7px}.wp-checkout-product__copy{min-width:0}.wp-checkout-product__copy strong{display:block;overflow:hidden;color:var(--wp-snow);font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.wp-checkout-product__copy small{display:block;margin-top:4px;color:var(--wp-ghost);font:400 9px/1.2 var(--wp-mono);letter-spacing:.04em}
.wp-checkout-submit{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;margin-top:20px;padding:0 18px;border:0;border-radius:10px;background:var(--wp-lime);color:var(--wp-ink);font:800 14px/1 var(--wp-brand);cursor:pointer}.wp-checkout-submit:hover{filter:brightness(1.04)}.wp-checkout-ruo{max-width:270px;margin:18px auto 0;color:#6d6d6d;font:400 9px/1.55 var(--wp-mono);text-align:center}
.wp-checkout-native .woocommerce-NoticeGroup,.wp-checkout-native .woocommerce-error,.wp-checkout-native .woocommerce-message,.wp-checkout-native .woocommerce-info{grid-column:1/-1;margin:0 0 20px!important;border:1px solid var(--wp-edge)!important;border-radius:10px!important;background:var(--wp-surface)!important;color:var(--wp-snow)!important;font-size:13px!important}.wp-checkout-native .woocommerce-error{border-color:rgba(255,92,99,.5)!important}
.wp-checkout-native .woocommerce-form-coupon-toggle,.wp-checkout-native form.checkout_coupon,.wp-checkout-native .woocommerce-privacy-policy-text{display:none!important}

@media(max-width:900px){
  .wp-checkout-shell{width:min(760px,calc(100% - 48px));padding:48px 0 88px}.wp-checkout-native form.checkout.wp-checkout-form{grid-template-columns:1fr;gap:24px}.wp-checkout-fields{grid-column:1;grid-row:auto}.wp-checkout-native #order_review_heading{grid-column:1;grid-row:auto;position:static;margin-top:10px!important}.wp-checkout-order{grid-column:1;grid-row:auto;position:static;margin-top:-24px!important}.wp-checkout-title h1{font-size:54px}
}
@media(max-width:767px){body.admin-bar .wp-cart-panel{top:46px;height:calc(100dvh - 46px)}.wp-cart-trigger--header-mobile{display:grid;width:36px;height:36px;flex:0 0 36px;margin-left:0;margin-right:12px}.wp-cart-trigger--header-mobile svg{width:18px;height:18px}.wp-cart-panel{width:100%;border-left:0}.wp-cart-head{height:68px;flex-basis:68px;padding:0 22px}.wp-cart-items{padding:0 22px}.wp-cart-summary{padding:22px 22px 26px}.wp-cart-item{grid-template-columns:48px minmax(0,1fr) auto;gap:13px;padding:22px 16px 22px 0}.wp-cart-item__abbr{width:48px;height:48px}.wp-cart-item__copy>a{font-size:15px}.wp-cart-item__price{font-size:16px}.wp-cart-item__remove{right:0;bottom:28px}.wp-cart-checkout{min-height:54px}.wp-cart-ruo{font-size:8px}.wp-commerce-nav{height:64px;padding:0 20px}.wp-commerce-nav__back{font-size:0}.wp-commerce-nav__back svg{width:20px;height:20px}.wp-commerce-nav__secure{font-size:0}.wp-commerce-nav__brand{font-size:17px}.wp-cart-page__body{width:100%;min-height:calc(100dvh - 64px);padding:0}.wp-cart-page__body .wp-cart-live{min-height:calc(100dvh - 64px);max-height:none;border:0;border-radius:0}.wp-checkout-shell{width:calc(100% - 32px);padding:40px 0 72px}.wp-checkout-title{margin-bottom:34px}.wp-checkout-title h1{font-size:44px;line-height:.96}.wp-checkout-section{padding:22px 18px;border-radius:14px}.wp-checkout-section>header{margin-bottom:21px}.wp-checkout-section>header h2{font-size:18px}.wp-checkout-section__fields{grid-template-columns:1fr;gap:15px}.wp-checkout-section .form-row{grid-column:1!important}.wp-checkout-section input.input-text,.wp-checkout-section textarea,.wp-checkout-section select,.wp-checkout-section .select2-selection{min-height:54px!important;font-size:15px!important}.wp-checkout-native #order_review_heading{padding:24px 22px 0!important;border-radius:14px 14px 0 0!important}.wp-checkout-order{padding:6px 22px 24px!important;border-radius:0 0 14px 14px!important}.wp-checkout-submit{min-height:56px;font-size:15px}.wp-checkout-payment-slot #payment ul.payment_methods{grid-template-columns:1fr}.wp-checkout-payment-slot #payment div.payment_box{padding:14px!important}}

/* Keep Select2's hidden native fields from widening narrow checkout viewports. */
.wp-checkout-section select.select2-hidden-accessible{position:absolute!important;width:1px!important;height:1px!important;min-height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:380px){.wp-cart-item{grid-template-columns:44px minmax(0,1fr) auto;gap:10px}.wp-cart-item__abbr{width:44px;height:44px}.wp-cart-item__copy>a{font-size:14px}.wp-cart-item__price{font-size:14px}.wp-cart-item__controls{width:88px;grid-template-columns:28px 32px 28px}.wp-checkout-shell{width:calc(100% - 24px)}}
@media(prefers-reduced-motion:reduce){.wp-cart-backdrop,.wp-cart-panel,.wp-cart-checkout{transition:none!important}}
.wp-checkout-payment-slot #payment .payment_method_paygatedotto-crypto-payment-gateway-dynamic>label>img{display:none!important}
@media(min-width:768px){.wp-checkout-payment-slot #payment .payment_method_paygatedotto-instant-payment-gateway-hostedpaygatedotto>label{grid-column:1!important;grid-row:1!important}.wp-checkout-payment-slot #payment .payment_method_paygatedotto-crypto-payment-gateway-dynamic>label{grid-column:2!important;grid-row:1!important}.wp-checkout-payment-slot #payment div.payment_box{grid-row:2!important}}
