.order-confirmation{--accent:#8c20ee;--ink:#2c2638;--green:#0da65b;background:white;color:var(--ink);min-height:900px}
.order-confirmation .brandbar{padding:25px max(32px,calc((100% - 1160px)/2));border-bottom:1px solid #e8e5ec;display:flex;align-items:center;justify-content:space-between;gap:20px}
.order-confirmation .brandbar img{width:160px}
.order-confirmation .secure{display:flex;align-items:center;gap:8px;color:#7f738a;font-size:12px}
.order-confirmation .icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.order-confirmation .layout{max-width:1224px;padding:42px 32px;margin:auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:44px;align-items:start}
.order-confirmation .primary{min-width:0;display:flex;flex-direction:column;gap:22px}
.order-confirmation .confirmation{display:flex;gap:18px;align-items:center;margin-bottom:7px}
.order-confirmation .check{width:58px;height:58px;border-radius:50%;background:#e9f8ef;color:#10a55b;display:grid;place-items:center;flex:none}
.order-confirmation .check .icon{width:29px;height:29px;stroke-width:2}
.order-confirmation .eyebrow{font-size:11px;letter-spacing:1.4px;color:#86778e;text-transform:uppercase;font-weight:700;margin:0 0 8px}
.order-confirmation h1{font-size:32px;letter-spacing:-1px;line-height:1.12;margin:0 0 10px}
.order-confirmation h2{font-size:17px;letter-spacing:-.3px;margin:0 0 12px}
.order-confirmation h3{font-size:13px;margin:0 0 8px}
.order-confirmation p{line-height:1.6;margin:0}
.order-confirmation .muted{color:#82778b;font-size:13px}
.order-confirmation .confirmation p:last-child{font-size:14px;color:#82778b}
.order-confirmation .panel{border:1px solid #e6e0ed;border-radius:13px;padding:24px}
.order-confirmation .status{background:#f2faf5;border-color:#d9eee1}
.order-confirmation .status-title{display:flex;align-items:center;gap:10px;color:#178752;margin-bottom:8px}
.order-confirmation .status-title h2{margin:0}
.order-confirmation .status p{font-size:13px;color:#687769}
.order-confirmation .timeline{display:flex;align-items:flex-start;margin:24px 0 3px}
.order-confirmation .step{flex:1;position:relative;font-size:11px;color:#948c9b;padding-top:21px}
.order-confirmation .step:before{content:'';width:8px;height:8px;position:absolute;top:0;left:0;border:2px solid #d7d3dc;background:white;border-radius:50%;z-index:1}
.order-confirmation .step:not(:last-child):after{content:'';position:absolute;top:5px;left:10px;right:0;height:1px;background:#dad7df}
.order-confirmation .step.done{font-weight:bold;color:#16844b}
.order-confirmation .step.done:before{background:#0eac60;border-color:#0eac60}
.order-confirmation .details-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px 28px}
.order-confirmation .details-grid p{font-size:13px;line-height:1.65;color:#7c7184}
.order-confirmation .method{display:flex;align-items:center;gap:7px}
.order-confirmation .visa{font-size:9px;border:1px solid #d7d0df;border-radius:4px;padding:3px 5px;color:#54436c;font-weight:bold;background:white}
.order-confirmation .shipping-note{margin-top:8px;color:#139458!important;font-size:12px!important}
.order-confirmation .actions{display:flex;align-items:center;justify-content:space-between;gap:20px}
.order-confirmation .cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--accent);border:0;border-radius:30px;padding:15px 22px;color:white;text-decoration:none;font-weight:600;font-size:13px;white-space:nowrap}
.order-confirmation .cta:hover{background:#7517ce}
.order-confirmation .help{font-size:12px;color:#8b7e92;line-height:1.7}
.order-confirmation .help a{color:#8250a3;text-underline-offset:3px}
.order-confirmation .summary{border:1px solid #e7deef;border-radius:16px;padding:28px;background:#faf7fd;min-width:0}
.order-confirmation .summary h2{font-size:21px;margin-bottom:23px}
.order-confirmation .order-item{display:grid;grid-template-columns:68px minmax(0,1fr) auto;gap:15px;align-items:center;padding:0 0 24px}
.order-confirmation .product-art{position:relative;display:grid;place-items:center;height:77px;background:white;border:1px solid #e8e0ee;border-radius:12px}
.order-confirmation .product-art img{width:52px;height:64px;object-fit:contain}
.order-confirmation .qty{position:absolute;right:-6px;top:-6px;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;background:#82778a;color:white;font-size:10px}
.order-confirmation .order-item h3{font-size:14px}
.order-confirmation .order-item p{font-size:12px;color:#8a7d93}
.order-confirmation .order-item strong{font-size:13px}
.order-confirmation dl{margin:0;border-top:1px solid #e4ddea;padding-top:14px}
.order-confirmation dl div{display:flex;justify-content:space-between;gap:20px;font-size:13px;padding:7px 0;color:#7a6d84}
.order-confirmation dd{margin:0;color:#3e3449;font-weight:500}
.order-confirmation .total{margin-top:13px;border-top:1px solid #e4ddea;padding-top:20px;font-size:18px;font-weight:600;color:#352a40}
.order-confirmation .total dd{font-size:24px;font-weight:700}
.order-confirmation .total small{font-size:10px;color:#887b92;margin-right:7px;font-weight:400}
.order-confirmation .paid{display:flex;align-items:center;gap:6px;font-size:11px;color:#14864b;margin:14px 0 0}
.order-confirmation .paid .icon{width:15px;height:15px}
.order-confirmation .assurance{display:flex;align-items:center;gap:9px;font-size:12px;color:#8a769b;border-top:1px solid #e5ddeb;margin-top:22px;padding-top:19px}
.order-confirmation .page-footer{max-width:1160px;margin:0 auto;padding:0 0 25px;font-size:11px;color:#a195a9;display:flex;gap:22px;justify-content:space-between}
.order-confirmation .receipt{display:none}
.order-confirmation .next{display:none}
.order-confirmation .badge{display:none}
.order-confirmation .panel>h2{margin-bottom:21px}
.order-confirmation{min-height:0;padding-bottom:25px}.order-confirmation .layout{padding-top:38px}.order-confirmation .summary{position:static;box-shadow:none}.order-confirmation .confirmation h1{color:#2c2638;font-weight:650}.order-confirmation .page-footer{padding:0 32px 20px}.order-confirmation .email-note{overflow-wrap:anywhere}.order-confirmation-loading{padding:70px 24px;text-align:center;color:#786586}.order-confirmation .summary img{display:block}.order-confirmation .status-title h2{font-size:17px}.order-confirmation .order-item+.order-item{padding-top:16px}.order-confirmation .order-item h3{margin:0 0 7px}.order-confirmation .receipt,.order-confirmation .next,.order-confirmation .badge{display:none}
@media(max-width:750px){.order-confirmation .layout{display:flex;flex-direction:column;padding:28px 20px;gap:23px}.order-confirmation .primary,.order-confirmation .summary{width:100%}.order-confirmation .panel,.order-confirmation .summary{padding:20px}.order-confirmation .confirmation{gap:12px;align-items:flex-start}.order-confirmation .check{width:45px;height:45px}.order-confirmation h1{font-size:27px}.order-confirmation .details-grid{gap:22px 15px}.order-confirmation .details-grid p{font-size:12px;overflow-wrap:anywhere}.order-confirmation .actions{flex-direction:column;align-items:stretch;text-align:center;gap:15px}.order-confirmation .actions .cta{order:-1}.order-confirmation .page-footer{padding:0 20px;flex-wrap:wrap;gap:12px}.order-confirmation .order-item{grid-template-columns:58px minmax(0,1fr) auto;gap:12px}.order-confirmation .order-item strong{font-size:12px}.order-confirmation .product-art{height:69px}}

.order-confirmation .page-footer{background:transparent;border:0;min-height:0}.order-confirmation .status-title h2{color:#178752}.order-confirmation h2,.order-confirmation h3{font-weight:600}
