table.ot-receipt{display:table!important;width:100%!important;max-width:none;margin:0 auto;border-collapse:separate;border-spacing:0;font-size:.95rem;color:var(--text-main)}
.ot-receipt table{width:100%;border-collapse:collapse;border:0;margin:0}
.ot-receipt td,.ot-receipt th{border:0!important;padding:.6rem .25rem;vertical-align:top;background:transparent}
.ot-receipt .ot-logo{text-align:center;padding-bottom:1rem}
.ot-receipt .ot-logo img{max-width:100%;height:auto;max-height:90px;border-radius:var(--radius-md,10px)}
.ot-receipt .panhead{background:transparent!important;color:var(--text-sub)!important;font:700 .78rem var(--font-heading,inherit)!important;letter-spacing:.08em;text-transform:uppercase;height:auto!important;padding:1.4rem .25rem .5rem!important;border-bottom:2px solid var(--primary)!important}
.ot-receipt .panhead strong{font-weight:700}
.ot-receipt .panhead div{text-transform:none;letter-spacing:0;color:var(--text-main);background:var(--primary-light);padding:.15rem .7rem;border-radius:999px;font-size:.8rem}
.ot-receipt .innerproduct{border-bottom:1px solid var(--glass-border)!important;padding:.65rem .25rem}
.ot-receipt table table td:first-child:not([align]){color:var(--text-sub);width:38%}
.ot-receipt td[align=right]{text-align:right}
.ot-receipt tr:has(> td[align=right] b){font-weight:600}
.ot-receipt img[width="78px"]{width:56px;height:56px;object-fit:cover;border-radius:12px!important}
.ot-receipt table.table{border:0!important}.ot-receipt tr.panhead td{font:700 .78rem var(--font-heading,inherit);letter-spacing:.08em;text-transform:uppercase;color:var(--text-sub);border-bottom:2px solid var(--primary)!important}
.ot-receipt form input[type=text]{width:100%;margin-bottom:.5rem}
.ot-receipt .btn{border-radius:999px;padding:.55rem 1.4rem}
ul.order-timeline{list-style:none;margin:0;padding:1.25rem 0 .5rem;display:flex;gap:0;counter-reset:ot}
.order-timeline li{flex:1;position:relative;text-align:center;font-size:.78rem;font-weight:600;color:var(--text-sub);padding:0 .25rem}
.order-timeline li::before{content:"";position:absolute;top:11px;left:-50%;width:100%;height:3px;background:var(--glass-border);z-index:0}
.order-timeline li:first-child::before{display:none}
.order-timeline li.is-done::before,.order-timeline li.is-current::before{background:var(--primary)}
.order-timeline .timeline-dot{position:relative;z-index:1;display:block;width:26px;height:26px;margin:0 auto .5rem;border-radius:50%;background:#fff;border:3px solid var(--glass-border)}
.order-timeline li.is-done .timeline-dot{background:var(--primary);border-color:var(--primary)}
.order-timeline li.is-done .timeline-dot::after{content:"\2713";color:#fff;font-size:.8rem;line-height:20px;display:block}
.order-timeline li.is-current .timeline-dot{border-color:var(--primary);box-shadow:0 0 0 5px var(--primary-light)}
.order-timeline li.is-done,.order-timeline li.is-current{color:var(--text-main)}
@media(max-width:480px){.order-timeline li{font-size:.68rem}}
.ot-receipt input[type=checkbox]{accent-color:var(--primary);width:18px;height:18px}
.ot-receipt .btn-submit-fix,.ot-receipt .btn-primary{background:var(--primary);border:0;color:var(--brand-on-primary,#fff);font-weight:600}
.ot-receipt form input[type=submit]{cursor:pointer}
table.ot-receipt{table-layout:fixed}
.ot-receipt td{overflow-wrap:anywhere}
@media(max-width:480px){
.glass-panel.static-prose{padding:14px!important}
.ot-receipt{font-size:.85rem}
.ot-receipt td{padding:.5rem .15rem}
.ot-receipt table table td:first-child:not([align]){width:34%}
}
.ot-receipt table table{table-layout:auto}
.ot-receipt td{overflow-wrap:break-word}
.ot-receipt table.table td[align=right],.ot-receipt table.table td[align=center]{white-space:nowrap}
.ot-receipt table.table td:first-child{width:0}
.ot-receipt tr.panhead td{white-space:normal!important}
@media(max-width:480px){.ot-receipt table.table td{padding-left:.1rem;padding-right:.1rem}}
.ot-another summary::-webkit-details-marker{display:none}
.ot-another{text-align:center}
.ot-another>div{text-align:left}
.ot-pill,.ot-another>summary,a.acct-btn[href*="order_history"]{display:inline-flex;align-items:center;gap:.5rem;height:40px;padding:0 1.2rem;border-radius:999px;border:1px solid var(--glass-border);background:var(--glass-card,#fff);color:var(--text-main);font-weight:600;text-decoration:none;cursor:pointer}
.ot-another>summary:hover,a.acct-btn[href*="order_history"]:hover{border-color:var(--primary);color:var(--primary)}
.ot-another[open]>summary{background:var(--primary);border-color:var(--primary);color:#fff}
/* --- order tracking revamp --- */
.ot-hero{display:flex;align-items:center;gap:1.1rem;padding:1.25rem 1.4rem;border-radius:var(--radius-lg,16px);background:var(--primary-light);border:1px solid var(--glass-border);margin-bottom:1rem}
.ot-hero-icon{flex:none;width:64px;height:64px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.7rem}
.ot-hero h2{margin:.1rem 0 .2rem;font-size:clamp(1.4rem,3.5vw,1.9rem);font-weight:800;color:var(--text-main)}
.ot-hero p{margin:0;color:var(--text-sub)}
.ot-hero-label{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-sub)}
.ot-done{background:#e8f7ee}.ot-done .ot-hero-icon{background:#1f9d55}
.ot-ready{background:#fff4e0}.ot-ready .ot-hero-icon{background:#e68a00}
.ot-cancelled{background:#fdeaea}.ot-cancelled .ot-hero-icon{background:#c62828}
.ot-chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.25rem}
.ot-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;border-radius:999px;font-weight:700;font-size:.95rem;background:var(--glass-card,#fff);border:1px solid var(--glass-border);color:var(--text-main)}
.ot-chip-type{background:var(--primary);border-color:var(--primary);color:#fff}
.ot-chip-pay i{color:var(--primary)}
.ot-chip-total{margin-left:auto}
.ot-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin:1.25rem 0}
.ot-card{border:1px solid var(--glass-border);border-radius:var(--radius-md,12px);padding:1rem 1.1rem;background:var(--glass-card,#fff)}
.ot-card h3{margin:0 0 .7rem;font:700 .8rem var(--font-heading,inherit);letter-spacing:.08em;text-transform:uppercase;color:var(--text-sub)}
.ot-card h3 i{color:var(--primary);margin-right:.4rem}
.ot-card dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.35rem .9rem}
.ot-card dt{color:var(--text-sub);font-weight:500}
.ot-card dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.ot-card table{margin-top:.5rem;font-size:.9rem}
@media(max-width:480px){.ot-hero{padding:1rem}.ot-hero-icon{width:52px;height:52px;font-size:1.4rem}.ot-chip-total{margin-left:0}}
.ot-chips .ot-chip-type,.ot-chips .ot-chip-type i{color:#fff!important}
/* flat sections instead of cards; neutral type chip */
.ot-chips .ot-chip-type,.ot-chips .ot-chip-type i{color:var(--text-main)!important}
.ot-chip-type{background:var(--glass-card,#fff)!important;border-color:var(--glass-border)!important}
.ot-chip-type i{color:var(--primary)!important}
.ot-cards{gap:0 2.5rem;margin:1rem 0 .5rem}
.ot-card{border:0;border-radius:0;background:transparent;padding:.9rem 0 .4rem;border-top:1px solid var(--glass-border)}
.ot-addr{margin:0;font-weight:600;line-height:1.5}
.ot-pickup{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:1rem 1.2rem;margin-bottom:1.25rem;border:2px solid var(--primary);border-radius:var(--radius-md,12px);background:var(--glass-card,#fff)}
.ot-pickup-icon{flex:none;width:44px;height:44px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem}
.ot-pickup-body{flex:1;min-width:200px}
.ot-pickup-label{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-sub)}
.ot-pickup-addr{font-size:1.1rem;font-weight:700;color:var(--text-main);line-height:1.35}
.ot-pickup-links{display:flex;gap:.5rem;flex-wrap:wrap}
.ot-pickup-links a{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1rem;border-radius:999px;border:1px solid var(--glass-border);font-weight:600;text-decoration:none;color:var(--text-main)}
.ot-pickup-links a:hover{border-color:var(--primary);color:var(--primary)}
.ot-email label{display:block;font-weight:700;margin-bottom:.5rem}
.ot-email label i{color:var(--primary);margin-right:.4rem}
.ot-email-row{display:flex;gap:.6rem}
.ot-email-row input[type=email]{flex:1;min-width:0;margin:0}
.ot-email-row .btn{flex:none;white-space:nowrap}
.ot-idgroup{display:flex;align-items:stretch;width:100%}
.ot-idprefix{display:inline-flex;align-items:center;padding:0 1rem;font-weight:700;color:var(--text-sub);background:var(--primary-light);border:1px solid var(--glass-border);border-right:0;border-radius:999px 0 0 999px}
.ot-idgroup .ot-idinput{flex:1;min-width:0;width:auto!important}
.ot-idprefix+.ot-idinput{border-top-left-radius:0!important;border-bottom-left-radius:0!important}
.ot-idgroup{display:flex;align-items:stretch;width:100%}
.ot-idprefix{display:inline-flex;align-items:center;padding:0 1rem;font-weight:700;color:var(--text-sub);background:var(--primary-light);border:1px solid var(--glass-border);border-right:0;border-radius:999px 0 0 999px}
.ot-idgroup .ot-idinput{flex:1;min-width:0;width:auto!important}
.ot-idprefix+.ot-idinput{border-top-left-radius:0!important;border-bottom-left-radius:0!important}