#account-page:has(#panel-orders:not([hidden])){background:#faf9f7;max-width:none;padding:54px max(24px,5vw) 72px}
#account-page:has(#panel-orders:not([hidden]))>h2{font-size:36px;letter-spacing:-1px;margin-bottom:16px}
#account-page #panel-orders>h3{font:600 28px/1.4 Arial,sans-serif;letter-spacing:-.5px;margin-bottom:10px}
#account-page .orders-intro{font-size:14px;line-height:1.7;color:#6c6663;margin:0 0 24px;max-width:600px}
#account-page .order-card{padding:0;margin:0 0 26px;background:#fff;border:1px solid #e6e0dc;border-radius:12px;overflow:hidden;box-shadow:0 3px 16px #31231f04}
#account-page .order-receipt-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:26px 28px;border-bottom:1px solid #ece6e2;background:linear-gradient(110deg,#fff,#faf6f4)}
#account-page .order-receipt-reference{min-width:0}
#account-page .order-receipt-label{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#827975;line-height:1.6;margin:0 0 7px}
#account-page .order-card h4{font:500 14px/1.7 Arial,sans-serif;overflow-wrap:anywhere;margin:0 0 14px;color:#413735}
#account-page .order-receipt-date{font-size:13px;color:#817774;margin:0}
#account-page .order-receipt-total{text-align:end;min-width:100px}
#account-page .order-receipt-amount{font:500 32px/1.3 Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-1px;margin:0 0 14px;color:#392523}
#account-page .order-receipt-status{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;line-height:1.5;padding:5px 12px;border-radius:30px;background:#f2eeeb;color:#68534b;margin:0}
#account-page .order-receipt-status:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}
#account-page .order-receipt-status[data-status=paid],#account-page .order-receipt-status[data-status=delivered]{background:#eef4ef;color:#35604a}
#account-page .order-receipt-updates{padding:22px 28px 8px}
#account-page .order-receipt-updates h5{font:600 14px/1.5 Arial,sans-serif;margin:0 0 12px;color:#3b3230}
#account-page .order-card .order-update{position:relative;font-size:14px;line-height:1.7;padding:0 0 0 18px;margin:0 0 12px;border:0;color:#6e625e}
#account-page .order-card .order-update:before{content:'';position:absolute;inset-inline-start:0;top:8px;width:6px;height:6px;background:#8a4a45;border-radius:50%}
[dir=rtl] #account-page .order-card .order-update{padding:0 18px 0 0}
#account-page .order-card>button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:12px 0 18px 28px;padding:10px 16px;border:1px solid #ded4ce;border-radius:6px;background:#fff;font-size:13px;color:#583c36;text-decoration:none}
#account-page .order-card>button:first-of-type{background:#722626;border-color:#722626;color:#fff}
[dir=rtl] #account-page .order-card>button{margin:12px 28px 18px 0}
#account-page .order-card>button:hover{filter:brightness(.96)}
#account-page .order-card>button:focus-visible,#account-page .orders-help a:focus-visible{outline:2px solid #722626;outline-offset:3px}
#account-page .order-receipt-items:not(:empty){margin:0 28px 22px;padding:18px 20px;background:#faf9f7;border-radius:6px;font-size:14px;line-height:1.8}
#account-page .order-progress-host:empty,#account-page .after-sales-host:empty{display:none}
#account-page .order-progress-host,#account-page .after-sales-host{margin:0 28px 24px}
#account-page .order-progress-panel{background:#faf8f6;border:0;border-radius:8px;margin:0;padding:22px}
#account-page .order-progress-panel h5{font-size:18px}
#account-page .order-progress-panel h6{font-size:14px}
#account-page .after-sales-host>button{font-size:13px;text-decoration:none;min-height:44px}
#account-page .orders-help{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0}
#account-page .orders-help a{display:block;padding:22px 24px;background:#f0eae5;border-radius:8px;text-decoration:none;color:#5b3a34;font-size:15px;font-weight:500;line-height:1.6}
#account-page .orders-help a:last-child{background:#fff;border:1px solid #e6e0dc}
#account-page .orders-help a:after{content:' →';float:inline-end}
@media(max-width:700px){#account-page:has(#panel-orders:not([hidden])){padding:30px 20px 48px}#account-page:has(#panel-orders:not([hidden]))>h2{font-size:30px}#account-page .order-receipt-header{padding:20px;grid-template-columns:minmax(0,1fr);gap:18px}#account-page .order-receipt-total{text-align:start;display:flex;gap:12px;align-items:center;flex-wrap:wrap}#account-page .order-receipt-total>.order-receipt-label{width:100%;margin-bottom:-5px}#account-page .order-receipt-amount{margin:0;font-size:30px}#account-page .order-receipt-updates{padding:20px 20px 4px}#account-page .order-card>button{margin:10px 0 12px 20px;padding:10px 13px}[dir=rtl] #account-page .order-card>button{margin:10px 20px 12px 0}#account-page .order-progress-host,#account-page .after-sales-host{margin:0 20px 20px}#account-page .order-receipt-items:not(:empty){margin:0 20px 20px}#account-page .order-progress-panel{padding:18px}#account-page .orders-help{grid-template-columns:1fr}}
@media(prefers-reduced-motion:no-preference){#account-page .order-card{animation:receipt-arrive .25s ease-out}#account-page .order-card>button{transition:filter .15s}#account-page .order-receipt-status{transition:background .2s,color .2s}@keyframes receipt-arrive{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}}

#account-page .order-card>.orders-help{margin:0;padding:22px 28px;border-top:1px solid #ece6e2;background:#fff}#account-page .orders-help a{padding:18px 20px}@media(max-width:700px){#account-page .order-card>.orders-help{padding:20px}}
#account-page:has(#panel-orders:not([hidden])){box-sizing:border-box;width:100%;max-width:100%;margin-inline:0}#account-page .order-progress-heading{display:contents}#account-page .order-progress-heading h5{margin:0 0 12px}#account-page .order-progress-heading .order-progress-action{margin-inline-end:18px}#account-page .order-progress-grid{margin-top:18px;gap:18px}#account-page .order-progress-help{margin-top:18px;padding-top:16px}@media(max-width:700px){#account-page .order-card>button{display:flex;width:calc(100% - 40px);margin:12px 20px;text-align:center}[dir=rtl] #account-page .order-card>button{margin:12px 20px}#account-page .order-progress-section+.order-progress-section{padding-top:16px}}

body:has(#account-page:not([hidden]) #panel-orders:not([hidden]))>footer{display:none}