:root{--color-ink: #111827;--color-ink-soft: #374151;--color-muted: #6b7280;--color-line: #e5e7eb;--color-surface: #ffffff;--color-surface-alt: #f9fafb;--color-accent: #b45309;--color-accent-strong: #92400e;--color-danger: #b91c1c;--color-danger-soft: #fef2f2;--color-success: #15803d;--color-success-soft: #f0fdf4;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-10: 4.5rem;--shadow-sm: 0 1px 2px rgb(17 24 39 / 8%);--shadow-md: 0 4px 16px rgb(17 24 39 / 10%);--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--content-width: 1180px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);color:var(--color-ink);background:var(--color-surface);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{line-height:1.2;margin:0 0 var(--space-3);font-weight:650;letter-spacing:-.015em}h1{font-size:clamp(1.9rem,4vw,2.75rem)}h2{font-size:clamp(1.4rem,2.5vw,1.9rem)}h3{font-size:1.15rem}p{margin:0 0 var(--space-4)}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.container{width:100%;max-width:var(--content-width);margin-inline:auto;padding-inline:var(--space-4)}.page{padding-block:var(--space-8);min-height:60vh}.public-shell{display:grid;grid-template-columns:220px minmax(0,1fr)}@media(max-width:860px){.public-shell{grid-template-columns:1fr}}.site-sidebar{padding:var(--space-5) var(--space-3);border-right:1px solid var(--color-line);display:flex;flex-direction:column;gap:var(--space-5)}@media(max-width:860px){.site-sidebar{border-right:none;border-top:1px solid var(--color-line);order:1}}.site-sidebar__heading{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);margin-bottom:var(--space-2)}.site-sidebar__nav{display:flex;flex-direction:column;gap:var(--space-1)}.site-sidebar__nav a{padding:var(--space-2) var(--space-1);color:var(--color-ink-soft);font-size:.9rem;font-weight:550}.site-sidebar__nav a:hover{color:var(--color-accent);text-decoration:none}.site-sidebar__badges{display:flex;flex-direction:column;gap:var(--space-2)}.site-sidebar__badges img{width:100%;height:auto;border-radius:var(--radius-md);display:block}.stack>*+*{margin-top:var(--space-4)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:1px solid transparent;border-radius:var(--radius-md);font:inherit;font-weight:600;cursor:pointer;background:var(--color-ink);color:#fff;transition:background-color .12s ease,opacity .12s ease}.button:hover:not(:disabled){background:#000;text-decoration:none}.button:disabled{opacity:.55;cursor:not-allowed}.button--accent{background:var(--color-accent)}.button--accent:hover:not(:disabled){background:var(--color-accent-strong)}.button--secondary{background:transparent;color:var(--color-ink);border-color:var(--color-line)}.button--secondary:hover:not(:disabled){background:var(--color-surface-alt)}.button--danger{background:var(--color-danger)}.button--small{padding:var(--space-2) var(--space-3);font-size:.875rem}.field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.field__label{font-weight:600;font-size:.9rem}.field__hint{font-size:.8rem;color:var(--color-muted)}.field__error{font-size:.8rem;color:var(--color-danger);font-weight:500}.input,.textarea,.select{padding:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-md);font:inherit;color:inherit;background:var(--color-surface);width:100%}.input:focus,.textarea:focus,.select:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #b453091f}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--color-danger)}.textarea{min-height:8rem;resize:vertical}.checkbox-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid;margin-bottom:var(--space-4);font-size:.925rem}.alert--error{background:var(--color-danger-soft);border-color:#fecaca;color:#7f1d1d}.alert--success{background:var(--color-success-soft);border-color:#bbf7d0;color:#14532d}.alert--info{background:var(--color-surface-alt);border-color:var(--color-line);color:var(--color-ink-soft)}.site-header{border-bottom:1px solid var(--color-line);background:var(--color-surface);position:sticky;top:0;z-index:20}.site-header__inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);min-height:68px;padding-block:var(--space-2)}.site-header__brand{font-weight:750;font-size:1.15rem;color:var(--color-ink);letter-spacing:-.02em}.site-nav{display:flex;gap:var(--space-5);align-items:center;flex-wrap:wrap}.site-nav a{color:var(--color-ink-soft);font-weight:550;font-size:.95rem}.site-nav a[aria-current=page]{color:var(--color-accent)}.site-header__search{display:flex;align-items:center;gap:var(--space-2)}.site-header__search .input{width:11rem;height:2.25rem;padding-block:0}.site-header__search-button{border:none;background:none;cursor:pointer;font-size:1rem;line-height:1;padding:var(--space-1);color:var(--color-ink-soft)}.site-header__search-button:hover{color:var(--color-accent)}.site-header__cart{position:relative;display:inline-flex;align-items:center;font-size:1.25rem;line-height:1;padding:var(--space-1);color:var(--color-ink-soft)}.site-header__cart:hover{color:var(--color-accent)}.site-header__cart-badge{position:absolute;top:-.35rem;right:-.5rem;min-width:1.1rem;padding:0 .25rem;border-radius:999px;background:var(--color-accent);color:#fff;font-size:.65rem;font-weight:700;line-height:1.1rem;text-align:center}.site-footer{border-top:1px solid var(--color-line);background:var(--color-surface-alt);padding-block:var(--space-6);margin-top:var(--space-10);color:var(--color-muted);font-size:.9rem}.site-footer__inner{display:flex;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.hero{background:linear-gradient(135deg,#111827,#1f2937 55%,#374151);color:#fff;padding-block:var(--space-10)}.hero h1{color:#fff;max-width:22ch}.hero p{color:#d1d5db;max-width:55ch;font-size:1.05rem}.hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:center}@media(max-width:900px){.hero__grid{grid-template-columns:1fr}}.banner-carousel{max-width:640px}.banner-carousel__main{aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface-alt);display:grid;place-items:center}.banner-carousel__main img{width:100%;height:100%;object-fit:cover}.banner-carousel__thumbs{display:flex;gap:var(--space-2);margin-top:var(--space-3);overflow-x:auto;list-style:none;padding:0}.banner-carousel__thumb{flex:0 0 auto;width:72px;aspect-ratio:16 / 9;border-radius:var(--radius-md);overflow:hidden;border:2px solid transparent;cursor:pointer;padding:0;background:none}.banner-carousel__thumb img{width:100%;height:100%;object-fit:cover;display:block}.banner-carousel__thumb[aria-current=true]{border-color:var(--color-accent)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-5);list-style:none;padding:0;margin:0}.product-card{border:1px solid var(--color-line);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface);display:flex;flex-direction:column;transition:box-shadow .15s ease,transform .15s ease}.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-card__media{aspect-ratio:600 / 415;background:var(--color-surface-alt);display:grid;place-items:center;overflow:hidden}.product-card__media img{width:100%;height:100%;object-fit:cover}.product-card__placeholder{color:var(--color-muted);font-size:.85rem}.product-card__body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);flex:1}.product-card__brand{font-size:.775rem;text-transform:uppercase;letter-spacing:.07em;color:var(--color-muted);font-weight:600}.product-card__name{font-weight:620;color:var(--color-ink);margin:0;font-size:1rem}.product-card__price{font-weight:700;margin-top:auto;padding-top:var(--space-2)}.badge{display:inline-block;padding:2px var(--space-2);border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge--featured{background:#fef3c7;color:#92400e}.badge--out{background:#f3f4f6;color:var(--color-muted)}.badge--in{background:var(--color-success-soft);color:var(--color-success)}.detail{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--space-8);align-items:start}@media(max-width:860px){.detail{grid-template-columns:1fr;gap:var(--space-5)}}.gallery__main{aspect-ratio:600 / 415;border:1px solid var(--color-line);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface-alt);display:grid;place-items:center}.gallery__main img{width:100%;height:100%;object-fit:cover}.gallery__main--zoomable{cursor:zoom-in}.gallery__main--zoomable img{transition:transform .15s ease-out;will-change:transform}.lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:grid;place-items:center;padding:var(--space-4);cursor:zoom-out;z-index:1000;border:none}.lightbox-image{max-width:92vw;max-height:92vh;object-fit:contain;border-radius:var(--radius-md);cursor:default}.lightbox-close{position:fixed;top:var(--space-4);right:var(--space-4);width:2.5rem;height:2.5rem;border-radius:50%;border:none;background:#ffffff26;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;display:grid;place-items:center}.lightbox-close:hover{background:#ffffff4d}.gallery__thumbs{display:flex;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;padding:0;list-style:none}.gallery__thumb{width:72px;height:72px;border:2px solid var(--color-line);border-radius:var(--radius-md);overflow:hidden;background:none;padding:0;cursor:pointer}.gallery__thumb[aria-current=true]{border-color:var(--color-accent)}.gallery__thumb img{width:100%;height:100%;object-fit:cover}.spec-table{width:100%;border-collapse:collapse;font-size:.925rem}.spec-table th,.spec-table td{text-align:left;padding:var(--space-2) 0;border-bottom:1px solid var(--color-line);vertical-align:top}.spec-table th{width:42%;color:var(--color-muted);font-weight:550}.detail__price{font-size:1.75rem;font-weight:700;margin-block:var(--space-3)}.admin-shell{display:grid;grid-template-columns:216px minmax(0,1fr);min-height:100vh}@media(max-width:780px){.admin-shell{grid-template-columns:1fr}}.admin-sidebar{background:var(--color-ink);color:#e5e7eb;padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;gap:var(--space-5)}.admin-sidebar__brand{font-weight:700;color:#fff;font-size:1.05rem}.admin-sidebar nav{display:flex;flex-direction:column;gap:var(--space-1)}.admin-sidebar nav a{color:#d1d5db;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:.925rem}.admin-sidebar nav a:hover,.admin-sidebar nav a[aria-current=page]{background:#ffffff1a;color:#fff;text-decoration:none}.admin-sidebar__footer{margin-top:auto;font-size:.8rem;color:#9ca3af;display:flex;flex-direction:column;gap:var(--space-2)}.admin-main{padding:var(--space-6);background:var(--color-surface-alt);min-width:0}.admin-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-5)}.panel{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-5)}.data-table{width:100%;border-collapse:collapse;font-size:.925rem;background:var(--color-surface)}.data-table th,.data-table td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--color-line)}.data-table th{background:var(--color-surface-alt);font-weight:620;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted)}.data-table tbody tr:hover{background:var(--color-surface-alt)}.table-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.table-wrap{overflow-x:auto;border:1px solid var(--color-line);border-radius:var(--radius-lg)}.login-screen{min-height:100vh;display:grid;place-items:center;background:var(--color-surface-alt);padding:var(--space-4)}.login-card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-6);width:100%;max-width:400px;box-shadow:var(--shadow-sm)}.image-manager__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:var(--space-3);list-style:none;padding:0;margin:0 0 var(--space-4)}.image-manager__item{position:relative;border:1px solid var(--color-line);border-radius:var(--radius-md);overflow:hidden;aspect-ratio:1;background:var(--color-surface-alt)}.image-manager__item img{width:100%;height:100%;object-fit:cover}.image-manager__remove{position:absolute;top:var(--space-1);right:var(--space-1);background:#111827d1;color:#fff;border:none;border-radius:999px;width:26px;height:26px;cursor:pointer;font-size:1rem;line-height:1;display:grid;place-items:center}.image-manager__primary{position:absolute;bottom:0;left:0;right:0;background:#111827d1;color:#fff;font-size:.68rem;text-align:center;padding:2px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.progress{height:6px;background:var(--color-line);border-radius:999px;overflow:hidden;margin-top:var(--space-2)}.progress__bar{height:100%;background:var(--color-accent);transition:width .12s linear}.muted{color:var(--color-muted)}.text-small{font-size:.875rem}.empty-state{text-align:center;padding:var(--space-8) var(--space-4);color:var(--color-muted)}.spinner{width:26px;height:26px;border:3px solid var(--color-line);border-top-color:var(--color-accent);border-radius:50%;animation:spin .7s linear infinite;margin-inline:auto}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.filter-bar{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:flex-end;margin-bottom:var(--space-5);padding:var(--space-4);background:var(--color-surface-alt);border-radius:var(--radius-lg);border:1px solid var(--color-line)}.filter-bar .field{margin-bottom:0;min-width:160px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-3);list-style:none;padding:0;margin:0}.category-tile{display:block;overflow:hidden;border:1px solid var(--color-line);border-radius:var(--radius-md);color:var(--color-ink);background:var(--color-surface)}.category-tile:hover{border-color:var(--color-accent);text-decoration:none}.category-tile__media{aspect-ratio:4 / 3;background:var(--color-surface-alt);display:grid;place-items:center;overflow:hidden}.category-tile__media img{width:100%;height:100%;object-fit:cover}.category-tile__placeholder{padding:var(--space-3);text-align:center;color:var(--color-muted);font-size:.85rem}.category-tile__label{display:block;padding:var(--space-3) var(--space-4);text-align:center;font-weight:600}.category-tile:hover .category-tile__label{color:var(--color-accent)}.brand-tile__media{width:139px;height:139px;margin-inline:auto;background:var(--color-surface-alt);display:grid;place-items:center;overflow:hidden;padding:var(--space-3);box-sizing:border-box}.brand-tile__media img{width:100%;height:100%;object-fit:contain}