/* RANGIN premium customer experience — scoped to account/order/checkout/payment/invoice */
:root{--lux:#6f3d83;--lux2:#b96bc9;--ink:#241f27;--muted2:#7c717f;--glass:rgba(255,255,255,.78);--luxline:rgba(111,61,131,.14)}
body{font-family:Estedad,Vazirmatn,Tahoma,sans-serif;background:radial-gradient(circle at 10% 0%,rgba(185,107,201,.12),transparent 32%),radial-gradient(circle at 90% 15%,rgba(111,61,131,.10),transparent 30%),var(--bg);color:var(--ink)}
.shop-page{padding-top:48px}.shop-page>h1,#ordersView>h1{font-size:clamp(30px,4vw,48px);margin:0 0 28px;letter-spacing:-1px}.header{font-family:Estedad,Vazirmatn,Tahoma,sans-serif;box-shadow:0 16px 50px rgba(62,35,70,.08)}
.account-shell,.orders-shell,.checkout-shell{display:grid;gap:20px}.premium-hero{position:relative;overflow:hidden;border-radius:32px;padding:34px;background:linear-gradient(135deg,#261d2b,#704184 55%,#b56bc7);color:#fff;box-shadow:0 30px 70px rgba(80,45,91,.22);margin-bottom:22px}.premium-hero:before,.premium-hero:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.2);border-radius:50%}.premium-hero:before{width:300px;height:300px;right:-100px;top:-170px}.premium-hero:after{width:180px;height:180px;left:-70px;bottom:-100px}.premium-hero>*{position:relative;z-index:2}.premium-hero .eyebrow{color:#f3d9fa}.premium-hero h1{font-size:clamp(30px,4vw,54px);margin:6px 0 8px}.premium-hero p{max-width:680px;color:rgba(255,255,255,.75);line-height:2;font-size:12px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.hero-actions .btn{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff}.hero-actions .btn.primary{background:#fff;color:#653674}
.customer-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.customer-card,.order-card,.address-card,.summary-panel,.payment-panel,.invoice-paper{background:var(--glass);border:1px solid rgba(255,255,255,.8);box-shadow:0 20px 55px rgba(58,35,64,.09);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:26px}.customer-card{padding:25px}.customer-card h2{margin:0 0 18px;font-size:19px}.customer-card hr{border:0;border-top:1px solid var(--luxline);margin:24px 0}.profile-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.profile-kpi{padding:15px;border-radius:18px;background:linear-gradient(145deg,#fff,#f8f0fa);border:1px solid var(--luxline)}.profile-kpi b{display:block;font-size:19px;color:var(--lux)}.profile-kpi span{font-size:9px;color:var(--muted2)}
.form-grid-shop{gap:11px}.form-grid-shop input,.form-grid-shop textarea,.coupon-input{border:1px solid #e5dce8!important;background:rgba(255,255,255,.9)!important;border-radius:14px!important;padding:12px 14px!important;outline:0!important;transition:.2s}.form-grid-shop input:focus,.form-grid-shop textarea:focus,.coupon-input:focus{border-color:#9e5bb2!important;box-shadow:0 0 0 4px rgba(158,91,178,.10)}.address-card{padding:18px;margin-bottom:10px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(247,239,249,.85));position:relative}.address-card:before{content:'⌖';position:absolute;left:16px;top:16px;width:32px;height:32px;display:grid;place-items:center;border-radius:11px;background:#eee0f3;color:var(--lux)}.address-card b{font-size:13px}.address-card p{font-size:10px;line-height:1.9;color:var(--muted2);margin:7px 0 0;padding-left:45px}
.order-list{display:grid;gap:15px}.order-card{padding:22px;position:relative;overflow:hidden}.order-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:rgba(185,107,201,.08);left:-55px;bottom:-55px}.order-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.order-number{font-size:15px}.order-date{font-size:10px;color:var(--muted2)}.order-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.order-meta>div{padding:13px;border-radius:15px;background:rgba(255,255,255,.65);border:1px solid var(--luxline)}.order-meta small{display:block;color:var(--muted2);font-size:9px}.order-meta b{display:block;margin-top:5px;font-size:12px}.order-status{display:inline-flex!important;padding:7px 11px;border-radius:999px;background:#efe1f4!important;color:#6f3d83!important;font-size:9px!important}.order-actions{display:flex;gap:8px;flex-wrap:wrap}.order-detail{margin-top:18px;padding-top:18px;border-top:1px dashed #d8c8dd}.detail-items{display:grid;gap:9px;margin-bottom:18px}.detail-item{display:grid;grid-template-columns:58px 1fr auto;gap:11px;align-items:center;padding:10px;border-radius:15px;background:rgba(255,255,255,.72)}.detail-item img{width:58px;height:68px;object-fit:cover;border-radius:12px}.detail-item b{font-size:11px}.detail-item small{display:block;color:var(--muted2);margin-top:4px;font-size:9px}.timeline{position:relative;padding-right:24px}.timeline:before{content:"";position:absolute;right:6px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--lux2),transparent)}.timeline-item{position:relative;padding:0 0 18px}.timeline-item:before{content:"";position:absolute;right:-24px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--lux2);box-shadow:0 0 0 5px rgba(185,107,201,.13)}.timeline-item b{font-size:11px;color:var(--lux)}.timeline-item p,.timeline-item small{font-size:9px;color:var(--muted2);margin:5px 0}
.checkout-grid{grid-template-columns:1.15fr .85fr;align-items:start;gap:22px}.checkout-title{margin-bottom:20px}.checkout-title h1{margin:0;font-size:clamp(30px,4vw,46px)}.checkout-title p{color:var(--muted2);font-size:11px}.checkout-step{padding:24px;margin-bottom:16px}.step-label{display:flex;align-items:center;gap:10px;margin-bottom:17px}.step-no{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#6f3d83,#b96bc9);color:#fff;font-weight:900}.step-label h2{font-size:16px;margin:0}.address-card.selected{border-color:#9d5db0;box-shadow:0 0 0 3px rgba(157,93,176,.10)}.summary-panel{padding:23px;position:sticky;top:95px}.summary-panel h2{margin:0 0 18px}.summary-products{display:grid;gap:9px}.summary-item{display:grid;grid-template-columns:56px 1fr auto;gap:10px;align-items:center;padding:9px;border-bottom:1px solid var(--luxline)}.summary-item img{width:56px;height:68px;object-fit:cover;border-radius:12px}.summary-item .summary-name{font-size:10px;font-weight:800}.summary-item small{display:block;color:var(--muted2);font-size:8px;margin-top:4px}.summary-item strong{font-size:10px}.summary-row{display:flex;justify-content:space-between;gap:12px;padding:8px 2px;font-size:10px}.summary-row.discount{color:#a14b68}.summary-total{display:flex;justify-content:space-between;padding:16px 0;margin-top:7px;border-top:1px solid var(--luxline);font-size:14px}.coupon-box{display:flex;gap:8px;margin:14px 0}.coupon-box .coupon-input{flex:1}.coupon-msg{font-size:9px;min-height:18px;color:#6f3d83}.coupon-msg.error{color:#b04a63}.pay-btn{font-size:14px!important;padding:15px 20px!important;background:linear-gradient(135deg,#633775,#b35fc8)!important;box-shadow:0 16px 30px rgba(99,55,117,.22)!important}
.payment-wrap{min-height:70vh;display:grid;place-items:center}.payment-panel{width:min(620px,100%);padding:38px;text-align:center}.payment-icon,.result-icon{width:82px;height:82px;margin:0 auto 18px;border-radius:28px;display:grid;place-items:center;font-size:38px;font-weight:900;background:linear-gradient(135deg,#6f3d83,#c06ed0);color:#fff;box-shadow:0 18px 35px rgba(111,61,131,.22)}.payment-panel h1{font-size:30px;margin:0 0 10px}.payment-panel p{color:var(--muted2);font-size:11px;line-height:2}.payment-amount{font-size:26px;color:var(--lux);font-weight:900;margin:22px 0}.actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:22px}
.invoice-page{width:min(1000px,calc(100% - 32px));margin:30px auto 70px}.invoice-paper{background:#fff;padding:38px;box-shadow:0 25px 70px rgba(0,0,0,.10);color:#242126}.invoice-actions{display:flex;justify-content:flex-end;gap:8px;margin-bottom:15px}.invoice-actions button,.invoice-actions a{padding:10px 14px;border-radius:11px;border:1px solid #ddd;background:#fff;font:inherit;font-size:11px;cursor:pointer}.invoice-actions .primary-print{background:#242126;color:#fff}.invoice-head-formal{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:16px;align-items:center;padding-bottom:20px;border-bottom:2px solid #29232b}.invoice-brand h1{margin:0;font-size:28px}.invoice-brand p{margin:4px 0;color:#777;font-size:9px}.invoice-title{text-align:center}.invoice-title h2{margin:0;font-size:22px}.invoice-title span{display:inline-block;margin-top:6px;padding:5px 10px;border-radius:999px;background:#f0e7f3;color:#6f3d83;font-size:8px}.invoice-meta{font-size:9px;line-height:2}.invoice-info{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.info-box{border:1px solid #ddd;border-radius:12px;padding:13px}.info-box h3{margin:0 0 8px;font-size:10px}.info-box p{margin:3px 0;font-size:9px;color:#555;line-height:1.9}.invoice-table{width:100%;border-collapse:collapse;margin:18px 0;font-size:9px}.invoice-table th{background:#29232b;color:#fff;padding:10px}.invoice-table td{padding:10px;border:1px solid #ddd}.invoice-table tbody tr:nth-child(even){background:#fafafa}.invoice-summary{margin-right:auto;width:min(360px,100%);border:1px solid #ddd;border-radius:13px;overflow:hidden}.invoice-summary div{display:flex;justify-content:space-between;padding:9px 12px;border-bottom:1px solid #eee;font-size:9px}.invoice-summary .grand{font-size:12px;font-weight:900;background:#f5edf7;color:#5f316f;border-bottom:0}.invoice-note{font-size:8px;color:#777;line-height:1.9;margin-top:20px;padding-top:12px;border-top:1px dashed #bbb}
.cart-action{position:relative;width:42px;height:42px;border:1px solid var(--line);background:linear-gradient(145deg,#fff,#f6eef8);border-radius:14px;display:grid;place-items:center;color:var(--lux);box-shadow:0 8px 18px rgba(80,45,91,.08);transition:.25s}.cart-action:hover{transform:translateY(-2px) rotate(-2deg);box-shadow:0 13px 24px rgba(80,45,91,.13)}.cart-icon{position:relative;width:23px;height:20px;display:block} .cart-icon img{width:24px;height:24px;object-fit:contain;display:block}.cart-icon:before{content:"";position:absolute;right:1px;top:3px;width:17px;height:12px;border:2px solid currentColor;border-top:0;border-radius:2px 2px 7px 7px;transform:skew(-7deg)}.cart-icon:after{content:"";position:absolute;right:0;top:0;width:7px;height:2px;background:currentColor;border-radius:2px}.cart-icon i,.cart-icon em{position:absolute;bottom:0;width:4px;height:4px;border-radius:50%;background:currentColor}.cart-icon i{right:4px}.cart-icon em{right:16px}.cart-action b{position:absolute;top:-5px;left:-5px;min-width:19px;height:19px;padding:0 4px;border-radius:999px;background:#7b3f91;color:#fff;font-size:9px;display:grid;place-items:center}
@media(max-width:900px){.customer-grid,.checkout-grid{grid-template-columns:1fr}.summary-panel{position:static}.order-meta{grid-template-columns:1fr 1fr}.invoice-head-formal{grid-template-columns:1fr;text-align:center}.invoice-meta{text-align:center}.invoice-actions{justify-content:center}}
@media(max-width:600px){.profile-kpis,.order-meta{grid-template-columns:1fr}.premium-hero{padding:25px;border-radius:24px}.customer-card,.order-card,.summary-panel,.payment-panel,.invoice-paper{padding:18px;border-radius:20px}.detail-item{grid-template-columns:48px 1fr}.detail-item img{width:48px;height:58px}.invoice-page{width:min(100% - 16px,1000px)}.invoice-paper{padding:13px}.invoice-table{font-size:7px}.invoice-table th,.invoice-table td{padding:7px 4px}}
@media print{body{background:#fff!important}.header,.invoice-actions{display:none!important}.invoice-page{width:100%;margin:0}.invoice-paper{box-shadow:none;border:0;border-radius:0;padding:0}.invoice-table th{background:#29232b!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.invoice-summary .grand{background:#f5edf7!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{size:A4;margin:12mm}}
.premium-hero .hero-actions{position:absolute;left:28px;top:28px;margin:0;z-index:4}.premium-hero .hero-actions .btn{white-space:nowrap}@media(max-width:700px){.premium-hero{padding-top:88px}.premium-hero .hero-actions{left:18px;right:18px;top:18px;justify-content:flex-start}.premium-hero .hero-actions .btn{padding:9px 12px;font-size:10px}}

/* Checkout summary remove control */
.summary-item{position:relative;padding-left:2.75rem}
.summary-item-info{min-width:0}
.summary-remove{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);width:2rem;height:2rem;border:0;border-radius:10px;display:grid;place-items:center;font:700 1.25rem/1 Estedad, sans-serif;cursor:pointer;background:rgba(220,38,38,.08);color:#b42318;transition:transform .2s ease,background .2s ease,color .2s ease}
.summary-remove:hover{transform:translateY(-50%) scale(1.06);background:rgba(220,38,38,.14);color:#8f1d15}
.summary-remove:focus-visible{outline:2px solid currentColor;outline-offset:2px}

/* CSP-safe utility (replaces former inline style) */
.section-gap-top{margin-top:24px}