/* SHOESBYLYLIE - lop tinh chinh giao dien (patch 1.2). Xoa file nay + dong <link> la ve nhu cu. */
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:var(--rose);color:#fff}
:focus-visible{outline:1px solid var(--ink);outline-offset:3px}
.topbar{letter-spacing:.16em;text-transform:uppercase;font-size:10px}
.brand{letter-spacing:.24em}
.nav-left a,.nav-right .icon-btn{transition:opacity .3s var(--ease)}
.nav-left a:hover{opacity:.55}
.product-image{overflow:hidden}
.product-image img{transition:transform 1.2s var(--ease)}
.product-card:hover .product-image img{transform:scale(1.04)}
.product-name{letter-spacing:.01em}
.price,.product-price{color:var(--muted);letter-spacing:.04em}
.btn{border-radius:0}
.btn-dark:hover{letter-spacing:.14em}
.btn:disabled{opacity:.4;cursor:not-allowed}
.eyebrow{letter-spacing:.2em}
.section-head h2,.co-head h1{font-family:var(--serif);font-weight:400;letter-spacing:-.02em}
.drawer{box-shadow:-30px 0 60px rgba(24,24,24,.08)}
/* checkout */
.checkout{padding:56px 0 96px}
.co-head{max-width:640px;margin-bottom:48px}
.co-head h1{font-size:clamp(40px,4.6vw,64px);line-height:1;margin:10px 0 16px}
.co-head p,.co-hint{color:var(--muted);font-size:13px;line-height:1.7;margin:0}
.co-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(40px,7vw,110px);align-items:start}
.co-form h2,.co-summary h2{font:400 28px/1.1 var(--serif);margin:0 0 26px}
.co-form label{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:22px}
.co-form input,.co-form select,.co-form textarea{display:block;width:100%;margin-top:8px;padding:10px 0;border:0;border-bottom:1px solid var(--line-strong);background:transparent;font:400 15px var(--sans);color:var(--ink);letter-spacing:0;text-transform:none;border-radius:0;outline:0}
.co-form input:focus,.co-form select:focus,.co-form textarea:focus{border-bottom-color:var(--ink)}
.co-summary{background:var(--paper);border:1px solid var(--line);padding:34px;position:sticky;top:24px}
.co-line{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}
.co-line img{width:64px;height:76px;object-fit:cover}
.co-line small{display:block;color:var(--muted);margin-top:4px}
.co-row{display:flex;justify-content:space-between;padding:14px 0 0;font-size:13px}
.co-actions{display:grid;gap:12px;margin:26px 0 16px}
.co-actions .btn,#coDone .btn{width:100%;margin-top:0}
#coDone{margin-top:22px}
#coDone textarea{width:100%;margin:12px 0;padding:12px;border:1px solid var(--line-strong);font:12px/1.6 var(--sans);resize:vertical}
#coDone .btn{width:auto;display:inline-flex}
@media(max-width:860px){.co-grid{grid-template-columns:1fr}.co-summary{position:static;padding:24px}.checkout{padding-top:36px}}