.checkout-page{background:var(--page);min-height:100vh}.checkout-container{width:min(850px,100% - 40px);margin-inline:auto}.checkout-topbar{color:#fff;text-align:center;background:#0a0a0a;padding:10px 20px;font-size:12px;line-height:18px}.checkout-header{background:#fff;height:41px}.checkout-header>div{justify-content:space-between;align-items:center;gap:24px;width:min(850px,100% - 40px);height:100%;padding-block:0;display:flex}.checkout-header .avatar{width:28px;height:28px}.checkout-progress{align-items:center;gap:16px;margin:0;padding:0;list-style:none;display:flex}.checkout-progress li{color:#999;white-space:nowrap;align-items:center;gap:8px;font-size:14px;display:flex}.checkout-progress li+li:before{content:"";background:var(--line);width:20px;height:1px;margin-right:8px}.checkout-progress .current{color:#0a0a0a}.checkout-progress .current>span:last-child{border:1px solid #0a0a0a;border-left:0;border-radius:0 999px 999px 0;margin-left:-8px;padding:7px 14px 7px 4px}.checkout-progress .current .step-dot{outline-offset:4px;outline:1px solid #0a0a0a}.step-dot{background:#f2f2f2;border-radius:50%;flex:0 0 26px;place-items:center;width:26px;height:26px;font-size:13px;font-weight:600;display:grid}.step-dot.dark{color:#fff;background:#0a0a0a}.checkout-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;padding-block:48px 64px;display:grid}.checkout-rating{background:#ededed;border-radius:30px;align-items:center;gap:5px;padding:5px 10px;font-size:10px;display:inline-flex}.checkout-rating img{width:54px;height:11px;margin-right:4px}.checkout-main h1{margin:14px 0}.checkout-intro{color:var(--muted);margin-bottom:16px;font-size:14px}.checkout-page fieldset{border:0;min-width:0;margin:0;padding:0}.checkout-packages{gap:16px;display:grid}.checkout-package{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:11px;padding:24px;display:block;position:relative}.checkout-package.selected{border-color:#0a0a0a;box-shadow:inset 0 0 0 1px #0a0a0a}.checkout-package:focus-within{outline-offset:3px;outline:2px solid #777}.checkout-package-title{align-items:center;gap:9px;padding-right:65px;font-size:15px;font-weight:500;line-height:18px;display:flex}.checkout-page input[type=radio]{accent-color:#0a0a0a;flex:0 0 16px;width:16px;height:16px;margin:0}.best-value{color:#fff;background:#0a0a0a;border-radius:0 10px;padding:10px 14px;font-size:10px;position:absolute;top:0;right:0}.checkout-price{letter-spacing:-.9px;margin-top:12px;font-size:30px;font-weight:600;line-height:36px}.checkout-price del{color:#b8b8b8;margin-left:12px;font-size:16px;font-weight:400}.checkout-package p{color:var(--muted);margin-top:12px;font-size:12px;line-height:19px}.checkout-package .starter-details{margin-top:0;font-size:13px}.checkout-checks{margin:12px 0 0;padding:0;list-style:none}.checkout-checks li{gap:8px;font-size:13px;line-height:21px;display:flex}.checkout-checks li>span,.green-tick{color:#0d7a4f}.checkout-summary{border:1px solid var(--line);background:#fff;border-radius:11px;padding:24px}.checkout-summary h2{text-align:left;letter-spacing:-.4px;margin-bottom:16px;font-size:20px;font-weight:500;line-height:26px}.checkout-summary h3{text-transform:uppercase;font-size:12px;font-weight:600}.garment-scope{color:var(--muted);margin-top:12px;font-size:13px}.checkout-delivery{margin:16px 0;font-size:13px}.checkout-summary details{margin-top:10px;font-size:12px}.checkout-summary summary{cursor:pointer}.checkout-addons{border-block:1px solid var(--line);margin-bottom:16px;padding-block:20px}.checkout-addons h3{color:#0d7a4f;background:#eaf7f1;border-radius:30px;margin-bottom:16px;padding:8px 10px;font-size:10px;display:inline-block}.addon-row{align-items:center;gap:14px;display:flex}.addon-row+.addon-row{margin-top:16px}.addon-row>div:first-child{flex:1}.addon-row h4{margin:0 0 4px;font-size:14px;font-weight:500}.addon-row p{color:var(--muted);font-size:12px;line-height:18px}.addon-row small{margin-top:4px;font-size:12px;display:block}.addon-toggle{background:#d9d9de;border-radius:24px;flex-shrink:0;width:42px;height:24px;padding:3px}.addon-toggle span{background:#fff;border-radius:50%;width:18px;height:18px;display:block}.addon-quantity{border:1px solid var(--line);border-radius:8px;align-items:center;font-size:13px;display:flex}.addon-quantity button:not(:disabled){cursor:pointer}.addon-quantity button:disabled{opacity:.4}.addon-quantity>span{text-align:center;min-width:28px}.checkout-subtotal,.checkout-total{justify-content:space-between;align-items:center;gap:12px;display:flex}.checkout-subtotal{border-bottom:1px solid var(--line);padding-bottom:16px;font-size:13px}.checkout-line-item{color:var(--muted);justify-content:space-between;gap:12px;margin-top:12px;font-size:13px;display:flex}.checkout-total{margin-block:20px;font-size:14px}.checkout-total strong:last-child{font-size:24px}.checkout-page .checkout-continue{white-space:normal;text-align:left;cursor:pointer;width:100%}.checkout-legal-links{color:var(--muted);margin-top:14px;font-size:12px;line-height:1.6}.checkout-legal-links a{color:inherit;text-underline-offset:3px;text-decoration:underline}.checkout-guarantee{color:#0d7a4f;background:#eaf7f1;border-radius:8px;gap:10px;margin-top:16px;padding:16px 14px;display:flex}.checkout-guarantee img{flex-shrink:0;width:16px;height:18px}.checkout-guarantee p{font-size:12px;line-height:18px}.checkout-scope{color:var(--muted);margin-top:16px;font-size:11px;line-height:17px}.checkout-notice{margin-top:12px;font-size:13px;line-height:20px}@media (max-width:1000px){.checkout-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}}@media (max-width:767px){.checkout-container{width:calc(100% - 40px)}.checkout-header{border-bottom:1px solid var(--line);height:57px}.checkout-header>div{flex-direction:row;gap:12px;padding-block:0}.checkout-header .avatar{width:32px;height:32px}.checkout-progress{gap:6px}.checkout-progress li{gap:5px;font-size:11px}.checkout-progress li+li:before{width:8px;margin-right:0}.step-dot{flex-basis:22px;width:22px;height:22px;font-size:11px}.checkout-progress .current>span:last-child{padding:6px 8px 6px 5px}.checkout-columns{grid-template-columns:1fr;padding-top:28px}.checkout-package,.checkout-summary{padding:20px}.checkout-package-title{padding-right:0}.checkout-package:has(.best-value){padding-top:28px}.checkout-main h1{letter-spacing:-1.2px;font-size:30px;line-height:36px}.checkout-package p{font-size:13px;line-height:19px}}.checkout-progress li{position:relative}.checkout-progress li+li:before{margin:0;position:absolute;left:-34px}.checkout-progress .current{border:1px solid #0a0a0a;border-radius:999px;padding:4px 12px 4px 5px}.checkout-progress .current>span:last-child{border:0;border-radius:0;margin:0;padding:0}.checkout-progress .current .step-dot{outline:0}.checkout-package:focus-within{outline:none}.checkout-package:has(input:focus-visible){outline-offset:3px;outline:2px solid #777}@media (max-width:767px){.checkout-progress{gap:15px}.checkout-progress li+li:before{width:8px;left:-12px}.checkout-progress .current{padding:4px 7px 4px 4px}}.checkout-progress{gap:30px}.checkout-progress li{gap:6px;font-size:10px}.checkout-progress li+li:before{width:14px;left:-22px}.checkout-progress .step-dot{flex-basis:18px;width:18px;height:18px;font-size:10px}.checkout-progress .current{padding:4px 10px 4px 5px}@media (max-width:767px){.checkout-progress{gap:16px}.checkout-progress li{font-size:11px}.checkout-progress li+li:before{width:8px;left:-12px}.checkout-progress li:not(.current)>span:last-child{display:none}.checkout-progress .step-dot{flex-basis:22px;width:22px;height:22px;font-size:11px}}@media (max-width:359px){.checkout-header>div{width:calc(100% - 32px)}.checkout-main h1{font-size:27px}}.checkout-package,.checkout-summary{padding:20px}.checkout-package:has(.best-value){padding-top:28px}.checkout-package-title{padding-right:0}.checkout-page .checkout-continue,.customer-info-actions .button{font-size:14px;line-height:17px}.addon-row{gap:8px}.addon-quantity button{padding:8px}@media (max-width:359px){.checkout-container{width:calc(100% - 32px)}}.checkout-package .best-value{padding:6px 10px;font-size:9px;line-height:12px}.customer-info-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;padding-block:48px 64px;display:grid}.customer-info-form{gap:18px;padding:24px;display:grid}.customer-info-form label{font-size:14px;font-weight:500;display:block}.customer-info-form label>span{color:var(--muted);font-size:12px;font-weight:400}.customer-info-form input,.customer-info-form textarea{border:1px solid var(--line);width:100%;font:inherit;background:#fff;border-radius:8px;margin-top:8px;padding:12px;font-weight:400;display:block}.customer-info-form textarea{resize:vertical}.customer-info-form input:focus,.customer-info-form textarea:focus{outline-offset:2px;outline:2px solid #777}.customer-info-note{color:var(--muted);font-size:12px;line-height:18px}.customer-info-actions{flex-direction:column;gap:10px;display:flex}.customer-info-actions .button{cursor:pointer;width:100%}.customer-info-layout aside>a,.checkout-back{color:var(--muted);font-size:12px;text-decoration:underline;display:inline-block}.customer-info-layout hr{border:0;border-top:1px solid var(--line);margin:24px 0}.checkout-back{margin-top:16px;display:block}@media (max-width:767px){.customer-info-layout{grid-template-columns:1fr;padding-top:28px}.customer-info-form{padding:20px}}.checkout-step-control{color:inherit;font:inherit;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0;text-decoration:none;display:inline-flex}.checkout-step-control:not(:disabled){cursor:pointer}.checkout-step-control:not(:disabled):hover{color:#0a0a0a}.checkout-step-control:focus-visible{outline-offset:5px;outline:2px solid #777}.checkout-step-control:disabled{cursor:not-allowed}@media (max-width:767px){.checkout-progress li:not(.current) .step-label{display:none}}.customer-next-step{border-top:1px solid var(--line);padding-top:24px}.customer-next-step h2{text-align:left;letter-spacing:-.4px;margin-bottom:12px;font-size:20px;line-height:26px}.customer-next-step p{color:var(--muted);margin-top:8px;font-size:14px;line-height:21px}.customer-info-actions .button:not(.secondary){text-align:center;justify-content:center;padding-inline:44px;position:relative}.customer-info-actions .button:not(.secondary)>.button-arrow{right:var(--arrow-inset);margin-left:0;position:absolute;top:50%;transform:translateY(-50%)}@media (max-width:767px){.addon-quantity button{min-width:44px;min-height:44px}.checkout-back{align-items:center;min-height:44px;display:inline-flex}.customer-info-form input,.customer-info-form textarea{font-size:16px}}
