/* Unified purchase journey and support visual system v2.10.57 */
:root{
  --v57-navy:#0b2635;
  --v57-navy-2:#133e52;
  --v57-gold:#d7a84f;
  --v57-gold-soft:#fbf4e6;
  --v57-paper:#fff;
  --v57-canvas:#f4f7f7;
  --v57-line:#dfe7e8;
  --v57-text:#162a33;
  --v57-muted:#667781;
  --v57-green:#14805e;
  --v57-red:#c9404f;
  --v57-shadow:0 18px 48px rgba(11,38,53,.08);
  --v57-shadow-soft:0 8px 26px rgba(11,38,53,.055);
}

body[data-page="product"],
body[data-page="shop"],
body[data-page="checkout"],
body[data-page="compare"],
body[data-page="tracking"],
body[data-page="account"],
body[data-page="payment"],
body[data-page="success"]{background:var(--v57-canvas);color:var(--v57-text)}

body[data-page] :where(input,select,textarea){font-size:max(16px,1rem)}
body[data-page] :where(.field label,.filter-group h3){font-size:.875rem}
body[data-page] :where(.field small,.muted,small){line-height:1.85}
body[data-page] :where(.btn,a,button,input,select,textarea):focus-visible{outline:3px solid rgba(215,168,79,.42);outline-offset:3px}

body:is([data-page="shop"],[data-page="checkout"],[data-page="compare"],[data-page="tracking"]) .page-hero{
  position:relative;
  overflow:hidden;
  padding:50px 0 46px;
  border:0;
  background:var(--v57-navy)!important;
  color:#fff;
}
body:is([data-page="shop"],[data-page="checkout"],[data-page="compare"],[data-page="tracking"]) .page-hero:after{
  content:"";
  position:absolute;
  top:0;
  right:max(16px,calc((100vw - var(--container))/2));
  width:5px;
  height:100%;
  background:var(--v57-gold);
}
body:is([data-page="shop"],[data-page="checkout"],[data-page="compare"],[data-page="tracking"]) .page-hero .container{position:relative;z-index:1}
body:is([data-page="shop"],[data-page="checkout"],[data-page="compare"],[data-page="tracking"]) .page-hero .breadcrumb,
body:is([data-page="shop"],[data-page="checkout"],[data-page="compare"],[data-page="tracking"]) .page-hero .breadcrumb a{color:#bcd0d9}
body:is([data-page="shop"],[data-page="checkout"],[data-page="compare"],[data-page="tracking"]) .page-hero h1{max-width:850px;color:#fff;font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.45}
body:is([data-page="shop"],[data-page="checkout"],[data-page="compare"],[data-page="tracking"]) .page-hero p{max-width:760px;margin-top:8px;color:#cbd9df;font-size:1rem;line-height:2}
.page-hero__eyebrow{display:inline-flex;margin-bottom:8px;color:#f1ce8f;font-size:.8rem;font-weight:900}

/* Product — visual hierarchy and conversion rail */
.product-page-v57{background:var(--v57-canvas)}
.product-page-v57>.product-page{padding-top:24px}
.product-page-v57 .breadcrumb{margin-bottom:13px;color:#71818a;font-size:.75rem}
.product-route-bar{
  display:flex;
  align-items:center;
  gap:22px;
  min-height:54px;
  margin-bottom:20px;
  padding:10px 17px;
  border:1px solid var(--v57-line);
  border-radius:16px;
  background:#fff;
  box-shadow:var(--v57-shadow-soft);
  color:#53656e;
  font-size:.78rem;
}
.product-route-bar span{display:flex;align-items:center;gap:7px;white-space:nowrap}
.product-route-bar i{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#e7f5ef;color:var(--v57-green);font-style:normal;font-weight:900}
.product-route-bar a{margin-right:auto;color:var(--v57-navy-2);font-weight:900}
.product-page-v57 .product-detail{grid-template-columns:minmax(0,1.08fr) minmax(400px,.92fr);gap:26px;align-items:start}
.product-page-v57 .product-gallery{
  padding:24px;
  border:1px solid var(--v57-line)!important;
  border-radius:26px!important;
  background:#fff!important;
  box-shadow:var(--v57-shadow-soft)!important;
}
.product-page-v57 .product-gallery__stage{border-radius:20px;background:#f8faf9}
.product-page-v57 .gallery-zoom{border-color:#d6e0e2;box-shadow:0 8px 22px rgba(11,38,53,.08)}
.product-page-v57 .gallery-thumb{border-radius:13px!important;background:#fbfcfc!important}
.product-page-v57 .gallery-thumb.active{border-color:var(--v57-gold)!important;box-shadow:0 0 0 3px rgba(215,168,79,.17)!important}
.product-page-v57 .product-info{padding:4px 3px}
.product-page-v57 .product-brand{display:inline-flex;padding:5px 10px;border-radius:999px;background:#eaf0f2;color:#365868;font-size:.75rem;font-weight:800}
.product-page-v57 .product-info h1{margin:12px 0 7px;color:var(--v57-navy);font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.65}
.product-page-v57 .sku{font-size:.75rem}
.product-page-v57 .product-info__summary{padding:14px 0;border-color:#dfe6e8;font-size:.82rem}
.product-page-v57 .feature-list{padding:20px 4px}
.product-page-v57 .feature-list h3{color:var(--v57-navy);font-size:1rem}
.product-page-v57 .feature-list li{font-size:.84rem;line-height:1.9}
.product-page-v57 .variant-picker{margin:7px 0 17px;padding:18px;border-color:var(--v57-line);border-radius:18px;background:#fff}
.product-page-v57 .variant-option{min-height:43px;border-radius:12px;font-size:.82rem}
.product-page-v57 .variant-option.active{border-color:var(--v57-gold);box-shadow:0 0 0 3px rgba(215,168,79,.16);color:#6f4a0b}
.product-page-v57 .purchase-box{
  overflow:hidden;
  padding:22px;
  border:1px solid var(--v57-line)!important;
  border-top:5px solid var(--v57-gold)!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:var(--v57-shadow)!important;
}
.product-page-v57 .purchase-price .price{color:var(--v57-navy);font-size:1.7rem}
.product-page-v57 [data-product-add]{min-height:54px;margin-top:8px;border-radius:14px;background:var(--v57-gold);color:#172b33;font-size:.95rem}
.product-page-v57 .product-secondary-actions{gap:9px}
.product-page-v57 .product-secondary-actions .btn{border:1px solid #dbe3e5;background:#fff;color:#385360}
.product-page-v57 .product-tabs{border-color:var(--v57-line)!important;border-radius:24px!important;background:#fff;box-shadow:var(--v57-shadow-soft)!important}
.product-page-v57 .tab-nav{padding:7px;background:#edf2f3}
.product-page-v57 .tab-btn{border-radius:12px;font-size:.86rem}
.product-page-v57 .tab-btn.active{border:0;background:#fff;box-shadow:0 5px 16px rgba(11,38,53,.06)}
.product-page-v57 .tab-content{padding:30px;font-size:.95rem;line-height:2.25}
.product-page-v57 .spec-table td{padding:15px;font-size:.86rem}
.product-page-v57>div>section.product-tabs{padding:27px}
.product-page-v57>div>section.product-tabs>h2{margin-bottom:18px;color:var(--v57-navy);font-size:1.35rem}
.product-page-v57>div>section.product-tabs .checkout-card{border-color:#e4e9ea;border-radius:17px;background:#fafcfc;box-shadow:none}

/* Catalog — filter workspace and cleaner result surface */
body[data-page="shop"] .shop-layout{grid-template-columns:286px minmax(0,1fr);gap:24px;padding-top:28px}
body[data-page="shop"] .filters{top:126px;padding:0;border-color:var(--v57-line)!important;border-radius:22px!important;background:#fff;box-shadow:var(--v57-shadow-soft)!important}
body[data-page="shop"] .filters form{padding:19px}
body[data-page="shop"] .filter-title{padding-bottom:16px;color:var(--v57-navy);font-size:1rem}
body[data-page="shop"] .filter-group{padding:18px 0;border-color:#edf1f2}
body[data-page="shop"] .filter-group h3{margin-bottom:9px;color:#304954}
body[data-page="shop"] .filters :where(input,select){width:100%;min-height:45px;border:1px solid #dbe4e6;border-radius:12px;background:#fbfcfc;padding:9px 11px;outline:0}
body[data-page="shop"] .filters :where(input,select):focus{border-color:var(--v57-gold);background:#fff;box-shadow:0 0 0 3px rgba(215,168,79,.13)}
body[data-page="shop"] .check-row input{width:19px;min-height:19px;accent-color:var(--v57-navy)}
body[data-page="shop"] .shop-toolbar{position:sticky;top:120px;z-index:9;min-height:68px;padding:12px 16px;border:1px solid var(--v57-line);border-radius:18px;background:rgba(255,255,255,.96);box-shadow:var(--v57-shadow-soft);backdrop-filter:blur(12px)}
body[data-page="shop"] .shop-toolbar small{font-size:.8rem}
body[data-page="shop"] .sort-select{min-height:43px;border-color:#d9e3e5;font-size:.85rem}
body[data-page="shop"] .product-grid{gap:18px}
body[data-page="shop"] .product-card{border-color:var(--v57-line);border-radius:20px;box-shadow:0 5px 17px rgba(11,38,53,.035)}
body[data-page="shop"] .product-card:hover{border-color:#ddc18c;box-shadow:var(--v57-shadow)}
body[data-page="shop"] .product-card__media{background:#f7f9f9}
body[data-page="shop"] .product-card__body{padding:18px}
body[data-page="shop"] .product-title{color:var(--v57-navy);font-size:.88rem}
body[data-page="shop"] .product-brand,body[data-page="shop"] .product-meta{font-size:.75rem}
body[data-page="shop"] .product-card__footer .price{color:var(--v57-navy)}
body[data-page="shop"] .card-actions .btn-primary{background:var(--v57-gold);color:#172b33}
.active-filter-strip{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:-3px 0 17px;padding:12px 14px;border:1px solid var(--v57-line);border-radius:15px;background:#fff;box-shadow:0 5px 18px rgba(11,38,53,.035)}
.active-filter-strip strong{margin-left:3px;color:var(--v57-navy);font-size:.8rem}
.active-filter-strip span{padding:5px 9px;border-radius:999px;background:#edf3f4;color:#3f5b67;font-size:.75rem}
.active-filter-strip a{margin-right:auto;color:#a4542b;font-size:.75rem;font-weight:900}

/* Checkout — calm flow, explicit grouping and gold route */
body[data-page="checkout"] .page-hero{padding-bottom:38px}
body[data-page="checkout"] .page-hero .container:after{
  content:"۱  سبد خرید     ━━━━━     ۲  تحویل و پرداخت     ━━━━━     ۳  تأیید سفارش";
  display:block;
  width:max-content;
  max-width:100%;
  margin-top:22px;
  padding:11px 16px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:14px;
  background:rgba(255,255,255,.07);
  color:#f1d59d;
  font-size:.82rem;
  font-weight:800;
  white-space:pre-wrap;
}
body[data-page="checkout"] .checkout-layout{grid-template-columns:minmax(0,1fr) 390px;gap:25px;align-items:start;padding-top:30px}
body[data-page="checkout"] [data-checkout-form]{counter-reset:v57-checkout}
body[data-page="checkout"] .checkout-account-note{padding:16px 18px;border:1px solid #cde2d9;border-radius:18px;background:#edf8f3}
body[data-page="checkout"] .checkout-account-note>span{width:44px;height:44px;flex-basis:44px;border-radius:14px}
body[data-page="checkout"] .checkout-account-note strong{font-size:.9rem}
body[data-page="checkout"] .checkout-account-note small{font-size:.76rem}
body[data-page="checkout"] .checkout-card{
  counter-increment:v57-checkout;
  position:relative;
  padding:26px;
  border:1px solid var(--v57-line)!important;
  border-radius:22px!important;
  background:#fff;
  box-shadow:var(--v57-shadow-soft)!important;
}
body[data-page="checkout"] .checkout-card[data-checkout-attributes][hidden]{counter-increment:none}
body[data-page="checkout"] .checkout-card h2{display:flex;align-items:center;gap:10px;color:var(--v57-navy);font-size:1.12rem}
body[data-page="checkout"] .checkout-card h2:before{content:counter(v57-checkout);width:31px;height:31px;display:grid;place-items:center;flex:0 0 31px;border-radius:10px;background:var(--v57-navy);color:#fff;font-size:.8rem}
body[data-page="checkout"] .form-grid{gap:17px}
body[data-page="checkout"] .field{gap:8px}
body[data-page="checkout"] .field input,
body[data-page="checkout"] .field textarea,
body[data-page="checkout"] .field select{min-height:51px;border-color:#d8e1e3;border-radius:13px;background:#fbfcfc;padding:12px 14px}
body[data-page="checkout"] .field textarea{min-height:105px}
body[data-page="checkout"] .field :focus{border-color:var(--v57-gold);background:#fff;box-shadow:0 0 0 4px rgba(215,168,79,.13)}
body[data-page="checkout"] .payment-method{position:relative;min-height:74px;align-items:center;margin:11px 0;padding:16px 17px;border:1px solid #dfe6e8;border-radius:16px;background:#fbfcfc;transition:.2s}
body[data-page="checkout"] .payment-method:hover{border-color:#bdcdd2;background:#fff}
body[data-page="checkout"] .payment-method:has(input:checked){border-color:var(--v57-gold);background:var(--v57-gold-soft);box-shadow:0 0 0 3px rgba(215,168,79,.12)}
body[data-page="checkout"] .payment-method input{width:20px;height:20px;accent-color:var(--v57-navy)}
body[data-page="checkout"] .payment-method strong{font-size:.9rem}
body[data-page="checkout"] .payment-method small{display:block;margin-top:3px;color:#657780;font-size:.77rem}
body[data-page="checkout"] [data-checkout-submit]{min-height:58px;border-radius:15px;background:var(--v57-gold);color:#172b33;font-size:1rem;box-shadow:0 12px 28px rgba(215,168,79,.22)}
body[data-page="checkout"] .order-summary{top:126px;padding:25px;border:1px solid var(--v57-line)!important;border-top:5px solid var(--v57-gold)!important;border-radius:22px!important;background:#fff;box-shadow:var(--v57-shadow)!important}
body[data-page="checkout"] .order-summary h2{color:var(--v57-navy);font-size:1.22rem}
body[data-page="checkout"] .summary-row{padding:10px 0;font-size:.84rem}
body[data-page="checkout"] .summary-total{padding-top:16px;color:var(--v57-navy);font-size:.95rem}

/* Account access — premium split form with readable Persian type */
body[data-page="account"] .auth-page{min-height:calc(100vh - 170px);padding:44px 0 64px;background:var(--v57-canvas)}
body[data-page="account"] .auth-layout{overflow:hidden;border:1px solid #dbe4e6;border-radius:28px;background:#fff;box-shadow:0 24px 70px rgba(11,38,53,.11)}
body[data-page="account"] .auth-showcase{padding:46px;background:var(--v57-navy);color:#fff}
body[data-page="account"] .auth-showcase h2{font-size:clamp(1.55rem,3vw,2.15rem)}
body[data-page="account"] .auth-showcase p{color:#c9d9df;font-size:.93rem}
body[data-page="account"] .auth-kicker{font-size:.75rem}
body[data-page="account"] .auth-benefits li{font-size:.82rem}
body[data-page="account"] .auth-secure-note strong{font-size:.83rem}
body[data-page="account"] .auth-secure-note small{font-size:.75rem}
body[data-page="account"] .auth-panel{padding:40px 48px}
body[data-page="account"] .auth-panel__top a{font-size:.78rem}
body[data-page="account"] .auth-panel__top>span{font-size:.75rem}
body[data-page="account"] .auth-heading h1{color:var(--v57-navy);font-size:1.8rem}
body[data-page="account"] .auth-heading p{font-size:.82rem}
body[data-page="account"] .auth-google{min-height:68px;border-radius:16px}
body[data-page="account"] .auth-google strong{font-size:.9rem}
body[data-page="account"] .auth-google small{font-size:.75rem}
body[data-page="account"] .auth-divider{font-size:.75rem}
body[data-page="account"] .auth-methods{padding:6px;border-radius:15px;background:#eef3f4}
body[data-page="account"] .auth-methods a{min-height:58px;justify-content:center;border-radius:11px}
body[data-page="account"] .auth-methods a>span{font-size:.82rem}
body[data-page="account"] .auth-methods a>small{font-size:.7rem}
body[data-page="account"] .auth-panel .field label{font-size:.84rem}
body[data-page="account"] .auth-panel .field input{min-height:52px;border-radius:13px;font-size:1rem}
body[data-page="account"] .auth-panel .field small{font-size:.75rem}
body[data-page="account"] .auth-password-field button{font-size:.75rem}
body[data-page="account"] .auth-switch,body[data-page="account"] .auth-otp-intro p{font-size:.8rem}
body[data-page="account"] .auth-primary{min-height:54px;border-radius:13px;background:var(--v57-gold);color:#172b33;box-shadow:0 11px 25px rgba(215,168,79,.23)}

/* Customer orders, wishlist, returns and support */
body[data-page="account"] .account-detail-page{min-height:60vh;background:var(--v57-canvas)}
body[data-page="account"] .account-detail-page .product-page{padding-top:30px}
body[data-page="account"] .public-page-title{position:relative;padding:25px 28px;border-radius:22px;background:var(--v57-navy);color:#fff;box-shadow:var(--v57-shadow)}
body[data-page="account"] .public-page-title:before{content:"";position:absolute;right:0;top:20px;bottom:20px;width:5px;background:var(--v57-gold)}
body[data-page="account"] .public-page-title h1{color:#fff;font-size:clamp(1.45rem,3vw,2rem)}
body[data-page="account"] .public-page-title .muted,body[data-page="account"] .public-page-title .eyebrow-dark{color:#cbd9df}
body[data-page="account"] .public-page-title .btn-secondary{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.09);color:#fff}
body[data-page="account"] .order-meta{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}
body[data-page="account"] .order-meta>div{min-height:95px;padding:17px;border:1px solid var(--v57-line);border-radius:17px;background:#fff;box-shadow:var(--v57-shadow-soft);font-size:.83rem}
body[data-page="account"] .order-meta>div strong{display:inline-block;margin-bottom:4px;color:#6a7a82;font-size:.75rem}
body[data-page="account"] .checkout-card{border-color:var(--v57-line)!important;border-radius:20px!important;background:#fff;box-shadow:var(--v57-shadow-soft)!important}
body[data-page="account"] .checkout-card h2{color:var(--v57-navy)}
body[data-page="account"] .table-wrap{border-color:var(--v57-line);border-radius:19px;background:#fff;box-shadow:var(--v57-shadow-soft)}
body[data-page="account"] .responsive-table th{background:#eef3f4;color:#3e5661;font-size:.76rem}
body[data-page="account"] .responsive-table td{font-size:.8rem}
body[data-page="account"] .timeline{position:relative;padding-right:15px}
body[data-page="account"] .timeline:before{content:"";position:absolute;right:5px;top:8px;bottom:8px;width:2px;background:#d9bd83}
body[data-page="account"] .timeline-item{position:relative;padding:13px 24px 13px 13px;border:0;border-radius:15px;background:#f7f9f9}
body[data-page="account"] .timeline-item:before{content:"";position:absolute;right:-15px;top:22px;width:12px;height:12px;border:3px solid #fff;border-radius:50%;background:var(--v57-gold);box-shadow:0 0 0 2px var(--v57-gold)}
body[data-page="account"] .wishlist-grid{gap:14px}
body[data-page="account"] .wishlist-card{overflow:hidden;border:1px solid var(--v57-line);border-radius:17px;background:#fff;box-shadow:0 6px 18px rgba(11,38,53,.045)}
body[data-page="account"] .wishlist-card img{background:#f7f9f9}
body[data-page="account"] .ticket-thread{padding:18px;border:1px solid var(--v57-line);border-radius:22px;background:#edf2f3}
body[data-page="account"] .ticket-message{padding:17px 19px;border:0;border-radius:18px;box-shadow:0 6px 18px rgba(11,38,53,.055)}
body[data-page="account"] .ticket-message--admin{justify-self:start;border-top-right-radius:6px;background:#fff}
body[data-page="account"] .ticket-message--customer{justify-self:end;border-top-left-radius:6px;background:#fbf3e4}
body[data-page="account"] .ticket-message header{font-size:.82rem}
body[data-page="account"] .ticket-message p{font-size:.9rem}
body[data-page="account"] .notice-box{padding:16px 18px;border-radius:15px;font-size:.82rem;line-height:2}

/* Comparison workspace */
body[data-page="compare"] [data-compare-page]{margin-top:30px;margin-bottom:70px;padding:25px;border-color:var(--v57-line)!important;border-radius:23px!important;background:#fff;box-shadow:var(--v57-shadow)!important}
body[data-page="compare"] .compare-context{padding:17px 19px;border-color:#d9e5e7;border-radius:17px;background:#f2f6f6}
body[data-page="compare"] .compare-context strong{color:var(--v57-navy);font-size:1rem}
body[data-page="compare"] .compare-context span{font-size:.76rem}
body[data-page="compare"] .table-wrap{border:1px solid var(--v57-line);border-radius:18px}
body[data-page="compare"] .compare-table{border-collapse:separate;border-spacing:0}
body[data-page="compare"] .compare-table th,body[data-page="compare"] .compare-table td{padding:15px;border-color:#e6ecee;font-size:.8rem}
body[data-page="compare"] .compare-table thead th{min-width:205px;background:#f7f9f9;color:var(--v57-navy)}
body[data-page="compare"] .compare-table thead th:first-child{min-width:145px}
body[data-page="compare"] .compare-table thead img{width:135px;height:135px;margin:0 auto 10px;padding:9px;object-fit:contain;border-radius:16px;background:#fff}
body[data-page="compare"] .compare-table thead a{display:block;min-height:50px;line-height:1.8;text-align:center}
body[data-page="compare"] .compare-table tbody th{position:sticky;right:0;z-index:2;background:#eef3f4;color:#405762}
body[data-page="compare"] .compare-table tbody tr:nth-child(even) td{background:#fafcfc}

/* Tracking and lifecycle line */
body[data-page="tracking"] .product-page{max-width:980px;padding-top:28px}
body[data-page="tracking"] .tracking-search-card,body[data-page="tracking"] .product-page>form.checkout-card{padding:26px;border:1px solid var(--v57-line)!important;border-top:5px solid var(--v57-gold)!important;border-radius:22px!important;background:#fff;box-shadow:var(--v57-shadow)!important}
.tracking-search-card__intro{display:flex;align-items:center;gap:12px;margin-bottom:19px;padding-bottom:18px;border-bottom:1px solid #e7ecee}
.tracking-search-card__intro>span{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:var(--v57-gold-soft);color:#926819;font-size:1.4rem}
.tracking-search-card__intro strong,.tracking-search-card__intro small{display:block}
.tracking-search-card__intro strong{color:var(--v57-navy);font-size:.95rem}
.tracking-search-card__intro small{color:var(--v57-muted);font-size:.75rem}
body[data-page="tracking"] .product-page>.checkout-card{padding:24px;border-color:var(--v57-line)!important;border-radius:21px!important;background:#fff;box-shadow:var(--v57-shadow-soft)!important}
body[data-page="tracking"] .order-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body[data-page="tracking"] .order-meta>div{min-height:93px;padding:16px;border:1px solid var(--v57-line);border-radius:16px;background:#f8faf9;font-size:.84rem}
body[data-page="tracking"] .timeline{position:relative;padding-right:22px}
body[data-page="tracking"] .timeline:before{content:"";position:absolute;right:6px;top:8px;bottom:8px;width:3px;background:#dfc58f}
body[data-page="tracking"] .timeline-item{position:relative;margin-bottom:11px;padding:15px 18px;border:1px solid var(--v57-line);border-radius:16px;background:#fbfcfc}
body[data-page="tracking"] .timeline-item:before{content:"";position:absolute;right:-24px;top:20px;width:13px;height:13px;border:3px solid #fff;border-radius:50%;background:var(--v57-gold);box-shadow:0 0 0 2px var(--v57-gold)}
body[data-page="tracking"] .timeline-item p{font-size:.85rem}

/* Empty, error, offline-adjacent and payment outcomes */
body[data-page="success"] .product-page{padding-top:48px}
body[data-page="success"] .empty-state,
body[data-page="payment"] .payment-result,
body[data-page="shop"] .empty-state,
body[data-page="compare"] .empty-state,
body[data-page="product"] .empty-state{
  width:min(100%,780px);
  margin:34px auto 70px;
  padding:48px 34px;
  border:1px solid var(--v57-line);
  border-top:5px solid var(--v57-gold);
  border-radius:26px;
  background:#fff;
  box-shadow:var(--v57-shadow);
}
body[data-page="success"] .empty-state h1,body[data-page="payment"] .payment-result h1{color:var(--v57-navy);font-size:clamp(1.55rem,3vw,2.25rem)}
body[data-page="success"] .empty-state>p,body[data-page="payment"] .payment-result p{font-size:.92rem;line-height:2}
body[data-page="success"] .success-icon{width:84px;height:84px;background:#e5f4ee;color:var(--v57-green);box-shadow:0 0 0 12px #f2f8f5}
body[data-page="success"] .order-account-created{border-color:#e5d2a8;background:var(--v57-gold-soft)}
body[data-page="payment"] .payment-result.error{border-top-color:var(--v57-red)}
body[data-page="payment"] .payment-result .btn{margin:7px 4px}
body[data-page] .empty-state h2{color:var(--v57-navy);font-size:1.4rem}
body[data-page] .empty-state p{font-size:.88rem}

@media(max-width:1100px){
  .product-page-v57 .product-detail{grid-template-columns:1fr 1fr}
  body[data-page="shop"] .shop-layout{grid-template-columns:255px minmax(0,1fr)}
  body[data-page="shop"] .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:980px){
  .product-page-v57 .product-detail{grid-template-columns:1fr}
  .product-page-v57 .product-info{padding-top:6px}
  body[data-page="shop"] .shop-layout{grid-template-columns:1fr}
  body[data-page="shop"] .filters{top:0;border-radius:0!important}
  body[data-page="shop"] .shop-toolbar{top:116px}
  body[data-page="checkout"] .checkout-layout{grid-template-columns:1fr}
  body[data-page="checkout"] .order-summary{position:static}
  body[data-page="account"] .order-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:700px){
  body:is([data-page="shop"],[data-page="checkout"],[data-page="compare"],[data-page="tracking"]) .page-hero{padding:31px 0 30px}
  body:is([data-page="shop"],[data-page="checkout"],[data-page="compare"],[data-page="tracking"]) .page-hero:after{right:8px;width:3px}
  body:is([data-page="shop"],[data-page="checkout"],[data-page="compare"],[data-page="tracking"]) .page-hero h1{font-size:1.65rem}
  body:is([data-page="shop"],[data-page="checkout"],[data-page="compare"],[data-page="tracking"]) .page-hero p{font-size:.86rem}
  .product-route-bar{gap:8px;overflow:auto;padding:9px 11px;scrollbar-width:none}
  .product-route-bar span{font-size:.75rem}
  .product-route-bar a{display:none}
  .product-page-v57 .product-gallery{padding:13px;border-radius:20px!important}
  .product-page-v57 .product-gallery__stage{min-height:310px}
  .product-page-v57 .product-gallery__stage>img{height:300px}
  .product-page-v57 .purchase-box{padding:17px;border-radius:18px!important}
  .product-page-v57 .tab-nav{overflow:auto}
  .product-page-v57 .tab-btn{flex:0 0 auto;padding:12px 15px}
  .product-page-v57 .tab-content{padding:19px;font-size:.86rem}
  .product-page-v57>div>section.product-tabs{padding:17px}
  body[data-page="shop"] .shop-toolbar{top:116px;padding:9px 10px}
  body[data-page="shop"] .shop-toolbar__sort label{display:none}
  body[data-page="shop"] .product-grid{gap:10px}
  body[data-page="shop"] .product-card__body{padding:13px}
  body[data-page="checkout"] .page-hero .container:after{content:"✓ سبد خرید   ━   ۲ تحویل و پرداخت   ━   ۳ تأیید";width:100%;overflow:hidden;padding:9px 10px;font-size:.75rem;white-space:nowrap}
  body[data-page="checkout"] .checkout-layout{width:calc(100% - 20px);padding-top:21px}
  body[data-page="checkout"] .checkout-card{padding:17px;border-radius:18px!important}
  body[data-page="checkout"] .checkout-card h2{font-size:1rem}
  body[data-page="checkout"] .form-grid{grid-template-columns:1fr;gap:14px}
  body[data-page="checkout"] .field.full{grid-column:auto}
  body[data-page="checkout"] .payment-method{padding:13px}
  body[data-page="account"] .auth-page{padding:18px 0 42px}
  body[data-page="account"] .auth-layout{border-radius:20px}
  body[data-page="account"] .auth-showcase{padding:25px 20px}
  body[data-page="account"] .auth-panel{padding:25px 18px}
  body[data-page="account"] .public-page-title{padding:21px 18px;border-radius:18px}
  body[data-page="account"] .order-meta{grid-template-columns:1fr}
  body[data-page="account"] .order-meta>div{min-height:0}
  body[data-page="account"] .ticket-thread{padding:10px}
  body[data-page="account"] .ticket-message{width:96%;max-width:96%}
  body[data-page="compare"] [data-compare-page]{width:calc(100% - 20px);padding:14px}
  body[data-page="tracking"] .product-page{width:calc(100% - 20px)}
  body[data-page="tracking"] .order-meta{grid-template-columns:1fr}
  body[data-page="success"] .empty-state,body[data-page="payment"] .payment-result{width:calc(100% - 20px);margin:22px auto 50px;padding:32px 18px;border-radius:20px}
}

@media(prefers-reduced-motion:reduce){
  .product-page-v57 *,body[data-page="shop"] *,body[data-page="checkout"] *,body[data-page="account"] *,body[data-page="compare"] *,body[data-page="tracking"] *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}