@import url("/cotton/checkout/checkout-ux.css?v=20260916-2");
@import url("/cotton/checkout/checkout-compat.css?v=20260916-2");

:root{--ink:#2c2c28;--muted:#7b7b73;--line:#dcd8cf;--cream:#f7f3ed;--green:#53675a;--sans:"DM Sans","Gowun Dodum",sans-serif;--serif:"Gowun Batang",serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--cream);font-family:var(--sans);font-size:14px}.checkout-header{display:flex;min-height:80px;align-items:center;justify-content:space-between;padding:16px clamp(22px,5vw,72px);border-bottom:1px solid var(--line)}.checkout-header a{display:flex;align-items:center;gap:10px;color:inherit;font-size:calc(12px + 1pt);font-weight:600;letter-spacing:.08em;text-decoration:none}.checkout-header img{width:38px;height:38px}.checkout-header p,.eyebrow{color:var(--muted);font-size:calc(9px + 1pt);letter-spacing:.18em;text-transform:uppercase}.checkout-shell{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);min-height:calc(100vh - 81px)}.checkout-form-panel{padding:clamp(40px,7vw,90px) clamp(22px,8vw,110px)}.back-link{color:var(--muted);font-size:calc(11px + 1pt);text-decoration:none}.checkout-form-panel>.eyebrow{margin-top:64px}.checkout-form-panel h1{margin:12px 0 44px;font:400 clamp(40px,5vw,70px)/1.12 var(--serif);letter-spacing:-.04em;word-break:keep-all}.notice{display:none;margin-bottom:24px;padding:14px 16px;border-radius:10px;color:#713d36;background:#f7e4df;line-height:1.6}.notice.show{display:block}form{display:grid;gap:38px}fieldset{display:grid;gap:16px;margin:0;padding:0 0 36px;border:0;border-bottom:1px solid var(--line)}legend{width:100%;margin-bottom:20px;font:400 20px var(--serif)}legend span{margin-right:10px;color:var(--muted);font:calc(10px + 1pt) var(--sans)}label{display:grid;gap:8px;color:var(--muted);font-size:calc(10px + 1pt)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}input{width:100%;min-height:48px;padding:0 14px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff;font:14px var(--sans)}input:focus{outline:2px solid #a8b9ab;outline-offset:1px}.agreement{display:flex;grid-template-columns:auto 1fr;align-items:flex-start;gap:10px;color:var(--ink);font-size:calc(12px + 1pt);line-height:1.6}.agreement input{width:17px;min-height:17px;margin:2px 0}.agreement a{color:var(--green);font-weight:600;text-underline-offset:3px}.pay-button{min-height:56px;border:0;border-radius:99px;color:#fff;background:var(--green);cursor:pointer;font:600 13px var(--sans)}.pay-button:disabled{cursor:wait;opacity:.55}.order-summary{padding:clamp(40px,6vw,82px) clamp(22px,5vw,72px);background:#eee9e1}.order-summary h2{margin:10px 0 34px;font:400 30px var(--serif)}.summary-item{display:grid;grid-template-columns:70px 1fr auto;gap:14px;padding:14px 0;border-bottom:1px solid rgba(44,44,40,.12)}.summary-item img{width:70px;height:88px;object-fit:cover}.summary-item div{display:flex;flex-direction:column;gap:5px}.summary-item strong{font-size:calc(12px + 1pt)}.summary-item small{color:var(--muted);font-size:calc(9px + 1pt)}.summary-item>span{font-size:calc(10px + 1pt);white-space:nowrap}.summary-totals{margin-top:26px;padding-top:10px}.summary-totals p{display:flex;justify-content:space-between;margin:10px 0;color:var(--muted);font-size:calc(11px + 1pt)}.summary-totals .summary-total{margin-top:22px;padding-top:20px;border-top:1px solid rgba(44,44,40,.18);color:var(--ink);font-size:15px}.summary-help{margin-top:30px;color:var(--muted);font-size:calc(10px + 1pt);line-height:1.8}@media(max-width:820px){.checkout-shell{grid-template-columns:1fr}.checkout-form-panel>.eyebrow{margin-top:40px}.order-summary{grid-row:1}.checkout-header p{display:none}}@media(max-width:520px){.checkout-header{min-height:68px;padding:12px 16px}.checkout-form-panel,.order-summary{padding:34px 18px}.checkout-form-panel h1{margin-bottom:34px;font-size:38px}.field-row{grid-template-columns:1fr}.summary-item{grid-template-columns:58px 1fr auto}.summary-item img{width:58px;height:74px}}
.postcode-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}.address-search-button{min-height:48px;padding:0 18px;border:1px solid var(--green);border-radius:8px;color:var(--green);background:#fff;cursor:pointer;font:600 13px var(--sans);white-space:nowrap}.address-search-button:hover{background:#eef2ee}.address-search-button:focus-visible{outline:2px solid #849a8b;outline-offset:2px}@media(max-width:520px){.postcode-row{grid-template-columns:1fr}.address-search-button{width:100%}}