.page-title{padding-block: 22px 8px;font-size: clamp(1.5rem, 4vw, 2.1rem);font-weight: 900;line-height: 1.5}.muted{color: var(--muted-fg)}.small{font-size: .85rem}.small a{color: var(--primary);font-weight: 700;text-decoration: underline;text-underline-offset: 3px}.pre{white-space: pre-line}.notice{margin-block-end: 14px;padding: 12px 16px;border: 1px solid color-mix(in srgb, var(--primary) 30%, transparent);border-radius: 14px;background: var(--soft-primary)}.notice p{margin: 0}.notice p + p{margin-block-start: 6px}.notice a{color: var(--primary);font-weight: 800;text-decoration: underline;text-underline-offset: 3px}.notice-wait{border-color: rgba(245, 158, 11, .45);background: rgba(245, 158, 11, .13)}.notice-bad{border-color: color-mix(in srgb, var(--danger) 45%, transparent);background: color-mix(in srgb, var(--danger) 10%, transparent)}.empty-cart{padding: 56px 16px;text-align: center;border: 1px dashed var(--border);border-radius: var(--r-lg)}.empty-cart h2{font-size: 1.3rem;font-weight: 900}.empty-cart p{margin: 6px 0 18px;color: var(--muted-fg)}.empty-ic{width: 56px;height: 56px;margin: 0 auto 12px;color: var(--muted-fg)}#cart-root, #acct-root, #order-root{min-height: 60vh}#checkout-summary{min-height: 14rem}.banner-slot{min-height: 6rem}@media (min-width: 640px){.banner-slot{min-height: 3.9rem}}.cart-layout, .checkout-layout{display: grid;gap: 20px;align-items: start;padding-block-start: 8px}.cart-lines{display: grid;gap: 12px}.cline{display: grid;grid-template-columns: 88px minmax(0, 1fr);gap: 10px 14px;padding: 14px;border: 1px solid var(--border);border-radius: var(--r-lg);background: var(--card)}.cline.is-broken{border-color: var(--danger)}.cline-media{display: grid;place-items: center;aspect-ratio: 1;border-radius: 14px;background: radial-gradient(90% 80% at 50% 100%, var(--media-2), var(--media))}.cline-media .shoe, .mini-art .shoe{width: 92%;filter: drop-shadow(0 6px 5px rgba(0, 0, 0, .2))}.line-img{width: 100%;height: 100%;border-radius: inherit;object-fit: contain}.cline-main{min-width: 0}.cline-title{display: block;font-weight: 800;line-height: 1.7}.cline-title:hover{color: var(--primary)}.cline-meta{font-size: .82rem;color: var(--muted-fg)}.cline-price{margin-block-start: 4px;font-weight: 700}.cline-price del{margin-inline-end: 8px;font-size: .85rem;font-weight: 500;color: var(--muted-fg)}.cline-issue{margin: 6px 0 0;font-size: .9rem;font-weight: 700;color: var(--danger)}.cline-side{grid-column: 1 / -1;display: flex;align-items: center;justify-content: space-between;gap: 12px}.cline-ctl{display: flex;align-items: center;gap: 14px}.cline-total{font-weight: 900}.stepper{display: inline-flex;align-items: center;height: 40px;border: 1px solid var(--input-border);border-radius: 999px}.stepper button{width: 40px;height: 100%;border: 0;border-radius: 999px;background: none;font-size: 1.25rem;font-weight: 700;line-height: 1}.stepper button:hover:not(:disabled){background: var(--muted)}.stepper button:disabled{opacity: .35;cursor: not-allowed}.stepper output{min-width: 28px;text-align: center;font-weight: 800}.summary{display: grid;gap: 10px;padding: 20px;border: 1px solid var(--border);border-radius: var(--r-lg);background: var(--card)}.summary h2{font-size: 1.1rem;font-weight: 900}.sum-row{display: flex;justify-content: space-between;gap: 12px}.sum-total{margin-block-start: 4px;padding-block-start: 12px;border-block-start: 1px solid var(--border);font-size: 1.1rem;font-weight: 900}.free-ship p{margin: 0 0 6px;font-size: .88rem}.sum-discount{color: var(--primary);font-weight: 700}.coupon{display: grid;gap: 6px;padding-block: 4px}.coupon-label{font-weight: 700;font-size: .9rem}.coupon-form{display: flex;gap: 8px}.coupon-form input{flex: 1;min-width: 0;text-transform: uppercase}.coupon-msg{margin: 0;min-height: 1.2em;font-size: .85rem;color: var(--danger)}.coupon-msg:empty{display: none}.coupon.is-on{grid-template-columns: 1fr auto;align-items: center;padding: 10px 12px;border-radius: var(--r-lg);background: var(--soft-primary)}.coupon-ok{margin: 0;font-size: .88rem;font-weight: 700;color: var(--primary)}.gateways{display: grid;gap: 8px;margin: 0 0 12px;padding: 12px 16px;border: 1px solid var(--border);border-radius: var(--r-lg)}.gateways legend{padding-inline: 6px;font-weight: 700}.gateway{display: flex;align-items: center;gap: 10px;cursor: pointer}.bar{height: 8px;overflow: hidden;border-radius: 999px;background: var(--muted)}.bar i{display: block;height: 100%;border-radius: inherit;background: var(--primary);transition: width .4s}.mini-lines{display: grid;gap: 12px;margin-block: 4px}.mini-lines li{display: flex;align-items: center;gap: 10px}.mini-art{display: grid;flex: none;place-items: center;width: 56px;aspect-ratio: 1;border-radius: 12px;background: var(--media)}.mini-txt{display: grid;flex: 1;min-width: 0;font-size: .9rem;font-weight: 700;line-height: 1.6}.mini-txt small{font-weight: 500;color: var(--muted-fg)}.mini-price{font-size: .9rem;font-weight: 800;white-space: nowrap}.checkout-form{display: grid;gap: 16px}.checkout-form .panel{display: grid;gap: 14px}.checkout-form .panel h2{margin: 0}.field{display: grid;align-content: start;gap: 6px;font-weight: 700;font-size: .92rem}.field small{font-weight: 500}.input{width: 100%;min-height: 48px;padding: 10px 14px;border: 1px solid var(--input-border);border-radius: 12px;background: var(--card);color: var(--fg);font-weight: 500}textarea.input{resize: vertical;line-height: 1.8}select.input{padding-inline-end: 38px;appearance: none;cursor: pointer;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: left 12px center}.input:focus{outline: none;border-color: var(--primary);box-shadow: 0 0 0 3px color-mix(in srgb, var(--ring) 30%, transparent)}.input[aria-invalid="true"]{border-color: var(--danger)}.ltr-input{direction: ltr;text-align: right}.code-input{direction: ltr;text-align: center;font-size: 1.6rem;font-weight: 800;letter-spacing: .5em}.remind-row{display: flex;align-items: flex-start;gap: 10px;margin-block: 2px 10px;font-size: .88rem;line-height: 1.9;color: var(--muted-fg);cursor: pointer}.remind-row[hidden]{display: none}.remind-row input{flex: none;width: 18px;height: 18px;margin-block-start: 5px}.skel{position: relative;display: block;overflow: hidden;border-radius: 10px;background: var(--muted)}.skel::after{content: "";position: absolute;inset: 0;transform: translateX(100%);background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--fg) 9%, transparent), transparent);animation: skel-shimmer 1.4s ease-in-out infinite}@keyframes skel-shimmer{to{transform: translateX(-100%)}}@media (prefers-reduced-motion: reduce){.skel::after{animation: none}}@media (scripting: none){.skel-wrap{display: none}}.skel-line{height: 12px;margin-block-start: 10px;border-radius: 6px}.skel-card{padding: 0 0 16px;border: 1px solid var(--border);border-radius: var(--r-lg);background: var(--card);overflow: hidden}.skel-card .skel-line{margin-inline: 14px}.skel-media{aspect-ratio: 1 / .86;border-radius: 0}.skel-card .skel-media{margin-block-end: 6px}.skel-rows{display: grid;gap: 12px}.skel-row{display: flex;align-items: center;gap: 14px;padding: 12px;border: 1px solid var(--border);border-radius: var(--r-lg);background: var(--card)}.skel-row > div{flex: 1}.skel-thumb{flex: none;width: 72px;height: 62px}.skel-price{flex: none;width: 70px;height: 16px}.skel-table{display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px;padding: 16px;border: 1px solid var(--border);border-radius: var(--r-lg);background: var(--card)}.skel-col .skel-media{border-radius: 12px}.skel-bar{grid-column: 1 / -1}.skel-line-wrap{display: block}.skel-box{padding: 16px;border: 1px solid var(--border);border-radius: var(--r-lg);background: var(--card)}.field-error, .form-error{margin: 0;font-size: .85rem;font-weight: 700;color: var(--danger)}.field-error:empty, .form-error:empty{display: none}.row2{display: grid;gap: 14px}.auth-card{display: grid;gap: 14px;max-width: 440px;margin: 12px auto 0;padding: 24px;border: 1px solid var(--border);border-radius: var(--r-lg);background: var(--card)}.auth-card h2{font-size: 1.25rem;font-weight: 900}.auth-card p{margin: 0}.auth-links{display: flex;justify-content: space-between;gap: 12px}.acct{display: grid;gap: 16px;max-width: 760px;margin-inline: auto}.acct-head{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 12px}.acct-head h2{font-size: 1.4rem;font-weight: 900}.acct-head p{margin: 0}.ltr-num{direction: ltr;text-align: right}.name-form .inline{display: flex;gap: 10px}.name-form .inline .input{flex: 1}.name-form .btn{height: 48px}.order-list{display: grid;gap: 10px;margin-block-start: 10px}.order-row{display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 12px 14px;border: 1px solid var(--border);border-radius: 14px;transition: border-color .2s}.order-row:hover{border-color: var(--primary)}.order-row-end{display: grid;justify-items: end;gap: 4px}.sbadge{display: inline-block;padding: 1px 10px;border-radius: 999px;font-size: .78rem;font-weight: 800;white-space: nowrap}.sbadge-ok{background: var(--soft-primary);color: var(--primary)}.sbadge-wait{background: rgba(245, 158, 11, .16);color: #92400e}.sbadge-bad{background: color-mix(in srgb, var(--danger) 12%, transparent);color: var(--danger)}:root[data-theme="dark"] .sbadge-wait{color: #fbbf24}.status-hero{display: flex;align-items: center;justify-content: space-between;gap: 16px;padding: 20px 22px;border: 1px solid var(--border);border-radius: var(--r-lg);background: var(--card)}.status-hero h2{font-size: 1.25rem;font-weight: 900;line-height: 1.6}.status-hero p{margin: 4px 0 0;color: var(--muted-fg)}.status-ok{border-color: color-mix(in srgb, var(--primary) 45%, transparent);background: var(--soft-primary)}.status-wait{border-color: rgba(245, 158, 11, .5);background: rgba(245, 158, 11, .12)}.status-bad{border-color: color-mix(in srgb, var(--danger) 50%, transparent);background: color-mix(in srgb, var(--danger) 9%, transparent)}.steps{display: flex;margin: 22px 0 8px;padding: 0;list-style: none}.steps li{position: relative;display: grid;flex: 1;justify-items: center;gap: 6px;font-size: .82rem;font-weight: 700;color: var(--muted-fg)}.steps li::before{content: "";position: absolute;inset-block-start: 13px;inset-inline-start: 50%;width: 100%;height: 3px;background: var(--border)}.steps li:last-child::before{display: none}.steps li.done{color: var(--fg)}.steps li.done::before{background: var(--primary)}.steps i{position: relative;z-index: 1;display: grid;place-items: center;width: 28px;height: 28px;border: 3px solid var(--border);border-radius: 50%;background: var(--bg)}.steps li.done i{border-color: var(--primary);background: var(--primary);color: var(--on-primary)}.steps i .ic{width: 14px;height: 14px;stroke-width: 3}.order-grid{display: grid;gap: 14px;margin-block-start: 14px}.order-grid .panel{display: grid;gap: 6px;align-content: start}.order-grid .panel p{margin: 0}.order-actions{display: flex;flex-wrap: wrap;gap: 10px;margin-block-start: 18px}.map-row{display: flex;flex-wrap: wrap;align-items: center;gap: 8px 12px}.map-row[hidden]{display: none}body.is-checkout{padding-bottom: 0}body.is-checkout .tabbar{display: none}@media (min-width: 640px){.row2{grid-template-columns: 1fr 1fr}}@media (min-width: 768px){.cline{grid-template-columns: 110px minmax(0, 1fr) auto}.cline-side{grid-column: auto;flex-direction: column;align-items: flex-end;justify-content: space-between}.order-grid{grid-template-columns: 1fr 1fr}.order-grid .order-items{grid-column: 1 / -1}}@media (min-width: 900px){.cart-layout{grid-template-columns: minmax(0, 1fr) 360px}.checkout-layout{grid-template-columns: minmax(0, 1fr) 380px}.cart-layout .summary, .checkout-layout .summary{position: sticky;inset-block-start: calc(var(--hdr) + 16px)}}