body[data-sf-page="cart"],body[data-sf-page="checkout"]{--commerce-border:#e2e8f0;--commerce-soft:#f8fafc;--commerce-ink:#0f172a;--commerce-muted:#64748b;background:linear-gradient(180deg,#f8fafc 0,#fff 34rem)}body[data-sf-page="cart"] main,body[data-sf-page="checkout"] main{position:relative}body[data-sf-page="cart"] main:before,body[data-sf-page="checkout"] main:before{content:"";position:absolute;inset:0 0 auto;height:18rem;pointer-events:none;background:radial-gradient(circle at 78% 10%,color-mix(in srgb,var(--brand-500) 9%,transparent),transparent 35%)}body[data-sf-page="cart"] main>div,body[data-sf-page="checkout"] main>div{position:relative;z-index:1;padding-top:2.2rem;padding-bottom:4rem}body[data-sf-page="cart"] main h1,body[data-sf-page="checkout"] main h1{font-size:clamp(2rem,4vw,3.2rem);font-weight:950;letter-spacing:-.04em;color:var(--commerce-ink);margin-bottom:2rem}body[data-sf-page="cart"] main h1:after{content:"راجع طلبك قبل المتابعة";display:block;margin-top:.55rem;font-size:.82rem;line-height:1.8;font-weight:650;letter-spacing:0;color:var(--commerce-muted)}body[data-sf-page="checkout"] main h1:after{content:"آخر خطوة، وبعدها الطلب عند المتجر";display:block;margin-top:.55rem;font-size:.82rem;line-height:1.8;font-weight:650;letter-spacing:0;color:var(--commerce-muted)}body[data-sf-page="cart"] main>div>div:first-child,body[data-sf-page="checkout"] main>div>div:first-child{font-size:.72rem;color:#94a3b8}body[data-sf-page="cart"] main .grid.lg\:grid-cols-\[1fr_20rem\],body[data-sf-page="checkout"] main form.grid{gap:1.4rem;align-items:start}@media(min-width:1024px){body[data-sf-page="cart"] main .grid.lg\:grid-cols-\[1fr_20rem\]{grid-template-columns:minmax(0,1fr) 23rem}body[data-sf-page="checkout"] main form.grid{grid-template-columns:minmax(0,1fr) 23rem}}body[data-sf-page="cart"] main .grid.lg\:grid-cols-\[1fr_20rem\]>div{border:0;border-radius:26px;background:transparent;overflow:visible;display:grid;gap:.8rem}body[data-sf-page="cart"] main .grid.lg\:grid-cols-\[1fr_20rem\]>div>div{border:1px solid var(--commerce-border);border-radius:22px;background:rgba(255,255,255,.94);padding:1rem;box-shadow:0 20px 50px -42px rgba(15,23,42,.4);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}body[data-sf-page="cart"] main .grid.lg\:grid-cols-\[1fr_20rem\]>div>div:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand-500) 25%,var(--commerce-border));box-shadow:0 26px 60px -42px rgba(15,23,42,.5)}body[data-sf-page="cart"] main .grid.lg\:grid-cols-\[1fr_20rem\]>div>div>a:first-child{width:7.25rem;height:7.25rem;border-radius:18px;background:#f8fafc;border:1px solid #eef2f7}body[data-sf-page="cart"] main .grid.lg\:grid-cols-\[1fr_20rem\]>div>div>a:first-child img{object-fit:contain;padding:.35rem}body[data-sf-page="cart"] main aside,body[data-sf-page="checkout"] main aside{top:11rem!important;border:1px solid color-mix(in srgb,var(--brand-500) 13%,var(--commerce-border));border-radius:26px;padding:1.25rem;background:rgba(255,255,255,.96);box-shadow:0 32px 80px -52px rgba(15,23,42,.65);overflow:hidden}body[data-sf-page="cart"] main aside:before,body[data-sf-page="checkout"] main aside:before{content:"";display:block;height:4px;margin:-1.25rem -1.25rem 1.1rem;background:linear-gradient(90deg,var(--brand-500),var(--brand-700),var(--brand-900))}body[data-sf-page="cart"] main aside h2,body[data-sf-page="checkout"] main aside h2{font-size:1rem;font-weight:950;color:var(--commerce-ink)}body[data-sf-page="cart"] main aside>a[href*="checkout"],body[data-sf-page="checkout"] main aside>button[type="submit"]{min-height:3.3rem;border-radius:16px;background:linear-gradient(135deg,var(--brand-600),var(--brand-800,var(--brand-700)));font-size:.86rem;font-weight:950;box-shadow:0 18px 38px -24px color-mix(in srgb,var(--brand-700) 55%,transparent);transition:transform .2s ease,box-shadow .2s ease}body[data-sf-page="cart"] main aside>a[href*="checkout"]:hover,body[data-sf-page="checkout"] main aside>button[type="submit"]:hover{transform:translateY(-2px);box-shadow:0 24px 46px -24px color-mix(in srgb,var(--brand-700) 65%,transparent)}body[data-sf-page="cart"] main .bg-white.rounded-2xl.border.py-16{border:0;border-radius:28px;padding:5rem 1rem;box-shadow:0 28px 70px -52px rgba(15,23,42,.5)}body[data-sf-page="checkout"] main form>div.space-y-6>div{border:1px solid var(--commerce-border);border-radius:24px;padding:1.35rem;background:rgba(255,255,255,.96);box-shadow:0 24px 60px -50px rgba(15,23,42,.5)}body[data-sf-page="checkout"] main form>div.space-y-6>div h2{display:flex;align-items:center;gap:.7rem;font-size:1rem;font-weight:950}body[data-sf-page="checkout"] main form>div.space-y-6>div h2:before{content:"";width:.7rem;height:.7rem;border-radius:999px;background:var(--brand-600);box-shadow:0 0 0 6px color-mix(in srgb,var(--brand-500) 10%,transparent)}body[data-sf-page="checkout"] main input[type="text"],body[data-sf-page="checkout"] main input[type="tel"],body[data-sf-page="checkout"] main input[type="email"],body[data-sf-page="checkout"] main textarea{border-radius:14px!important;border-color:#dbe3ef!important;background:#fbfdff!important;transition:.18s ease!important}body[data-sf-page="checkout"] main input:focus,body[data-sf-page="checkout"] main textarea:focus{background:#fff!important;border-color:color-mix(in srgb,var(--brand-500) 55%,#cbd5e1)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-500) 8%,transparent)!important}body[data-sf-page="checkout"] main label{font-weight:750}body[data-sf-page="checkout"] main label:has(input[type="radio"]){border-radius:18px!important;border-width:1px!important;padding:1rem 1.1rem!important;background:linear-gradient(135deg,var(--brand-50),#fff)!important}body[data-sf-page="checkout"] main aside .max-h-72{max-height:20rem;padding-inline-end:.25rem}body[data-sf-page="checkout"] main aside .max-h-72>div{padding:.7rem 0;border-bottom:1px dashed #e2e8f0}body[data-sf-page="checkout"] main aside .max-h-72>div:last-child{border-bottom:0}body[data-sf-page="cart"] main button,body[data-sf-page="checkout"] main button,body[data-sf-page="cart"] main a,body[data-sf-page="checkout"] main a{transition:all .18s ease}@media(max-width:767px){body[data-sf-page="cart"] main>div,body[data-sf-page="checkout"] main>div{padding-top:1.25rem}body[data-sf-page="cart"] main h1,body[data-sf-page="checkout"] main h1{font-size:2rem;margin-bottom:1.35rem}body[data-sf-page="cart"] main .grid.lg\:grid-cols-\[1fr_20rem\]>div>div{border-radius:18px;padding:.85rem}body[data-sf-page="cart"] main .grid.lg\:grid-cols-\[1fr_20rem\]>div>div>a:first-child{width:5.5rem;height:5.5rem}body[data-sf-page="cart"] main aside,body[data-sf-page="checkout"] main aside,body[data-sf-page="checkout"] main form>div.space-y-6>div{border-radius:20px}}
