.layout{flex-direction:column;min-height:100vh;display:flex}.layout__main{flex:1}.layout__loading{text-align:center;color:var(--color-muted);padding:48px 0}.header{z-index:10;background:var(--color-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0}.header__inner{align-items:center;gap:32px;height:64px;display:flex}@media (width<=767px){.header__inner{gap:16px}}.header__logo{font-weight:700;text-decoration:none}.header__nav{flex:1;gap:24px;display:flex}@media (width<=767px){.header__nav{scrollbar-width:none;gap:16px;overflow-x:auto}}.header__link{color:var(--color-muted);white-space:nowrap;text-decoration:none}.header__link--active{color:var(--color-text)}.cart-dropdown{position:relative}.cart-dropdown__toggle{color:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:inline-flex}.cart-dropdown__badge{background:var(--color-accent);color:#fff;border-radius:999px;padding:0 7px;font-size:12px;line-height:18px}.cart-dropdown__panel{border:1px solid var(--color-border);background:var(--color-bg);z-index:20;border-radius:12px;width:360px;max-width:calc(100vw - 32px);padding:16px;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 8px 24px #00000014}@media (width<=767px){.cart-dropdown__panel{position:fixed;top:64px;right:16px}}.cart-dropdown__empty{color:var(--color-muted);text-align:center;margin:0}.cart-dropdown__list{max-height:320px;margin:0;padding:0;list-style:none;overflow-y:auto}.cart-dropdown__item{border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding:8px 0;display:flex}.cart-dropdown__thumb{object-fit:cover;background:#f3f3f3;border-radius:8px;flex-shrink:0;width:48px;height:48px}.cart-dropdown__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cart-dropdown__name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;text-decoration:none;overflow:hidden}.cart-dropdown__name:hover{text-decoration:underline}.cart-dropdown__price{color:var(--color-muted);font-size:13px}.cart-dropdown__qty{border:1px solid var(--color-border);border-radius:8px;align-items:center;display:inline-flex}.cart-dropdown__qty-button{width:28px;height:28px;color:var(--color-muted);background:0 0;border:0}.cart-dropdown__qty-button:hover{color:var(--color-text)}.cart-dropdown__qty-value{text-align:center;min-width:24px;font-size:14px}.cart-dropdown__remove{color:var(--color-muted);background:0 0;border:0;font-size:18px;line-height:1}.cart-dropdown__remove:hover{color:var(--color-text)}.cart-dropdown__footer{justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.cart-dropdown__total{font-size:14px}.button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 16px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.button:disabled{opacity:.5;cursor:not-allowed}.button--sm{height:32px;padding:0 12px;font-size:14px}.button--primary{background:var(--color-accent);color:#fff}.button--primary:not(:disabled):hover{filter:brightness(.95)}.button--secondary{border-color:var(--color-border);color:var(--color-text);background:0 0}.button--secondary:not(:disabled):hover{border-color:var(--color-text)}.button--ghost{color:var(--color-muted);background:0 0}.button--ghost:not(:disabled):hover{color:var(--color-text)}.footer{border-top:1px solid var(--color-border);color:var(--color-muted);padding:24px 0;font-size:14px}:root{--color-bg:#fff;--color-text:#1a1a1a;--color-muted:#6b6b6b;--color-accent:#2f6fed;--color-border:#e5e5e5;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);line-height:1.5}img{max-width:100%;display:block}a{color:inherit}button{font:inherit;cursor:pointer}.container{max-width:1200px;margin:0 auto;padding:0 16px}