*{box-sizing:border-box}html,body{width:100%;margin:0;padding:0}#root{width:100%}body{background:#f7f6f3}.display{--accent:#1565c0;--secondary:#d32f2f;--bg:#f8f9fc;--surface:#fff;--surface2:#f0f4f8;--text:#0d1117;--text-muted:#6b7280;--border:#e5e9f0;width:100%;height:100dvh;max-height:100vh;color:var(--text);background:0 0;flex-direction:column;font-family:Segoe UI,system-ui,sans-serif;display:flex;overflow:hidden}.navbar,.footer{flex:none}.navbar{-webkit-backdrop-filter:blur(24px);z-index:10;background:#ffffff4d;border-bottom:1px solid #ffffff59}.navbar__main{justify-content:space-between;align-items:center;gap:24px;padding:11px 48px;display:flex}.navbar__brand{flex-shrink:0;align-items:center;gap:12px;display:flex}.navbar__logo-block{background:var(--accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.navbar__logo-letter{color:#fff;font-size:1.2rem;font-weight:900}.navbar__store-name{text-transform:uppercase;letter-spacing:1.5px;color:var(--text);font-size:1.5rem;font-weight:900}.navbar__clock{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.navbar__clock-date{color:var(--text-muted);text-transform:capitalize;font-size:.7rem}.navbar__clock-time{color:var(--accent);font-variant-numeric:tabular-nums;font-size:1.55rem;font-weight:900;line-height:1.1}.navbar__admin-btn{background:var(--accent);color:#fff;letter-spacing:.4px;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;padding:10px 22px;font-size:.85rem;font-weight:700;text-decoration:none;transition:filter .2s;display:inline-flex}.navbar__admin-btn:hover{filter:brightness(1.12)}.display__main{flex:1 1 0;min-height:0;position:relative;overflow:hidden}.display__empty{color:var(--text-muted);justify-content:center;align-items:center;font-size:1.4rem;display:flex;position:absolute;inset:0}.hero{justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.page-bg{z-index:-2;background-position:50%;background-size:cover;transition:opacity 1s;position:fixed;inset:0}.page-bg-overlay{z-index:-1;background:#0000004d;position:fixed;inset:0}.hero__logo-bg{pointer-events:none;z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hero__logo-bg img{opacity:.1;-webkit-user-select:none;user-select:none;width:min(30%,300px)}.hero__store-label{text-transform:uppercase;letter-spacing:5px;color:#fff;opacity:.75;z-index:4;white-space:nowrap;font-size:.68rem;font-weight:800;position:absolute;top:14px;left:50%;transform:translate(-50%)}.hero__rows{z-index:3;flex-direction:column;justify-content:space-evenly;padding:30px 0 14px;display:flex;position:absolute;inset:0}.hero__row-wrap{flex:1;min-height:0;overflow:hidden}.hero__row{will-change:transform;align-items:stretch;gap:16px;width:max-content;height:100%;display:flex;transform:translateZ(0)}.hero__row--left{animation:linear infinite scroll-left}.hero__row--right{animation:linear infinite scroll-right}.hero__card{background:var(--surface);border:1px solid var(--border);contain:layout style;border-radius:10px;flex-direction:column;flex:none;width:200px;display:flex;overflow:hidden}.hero__card-img-wrap{flex:1;min-height:0;position:relative;overflow:hidden}.hero__card-img{object-fit:cover;object-position:center center;width:100%;height:100%;display:block}.hero__card-cat{background:var(--secondary);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:999px;padding:3px 10px;font-size:.6rem;font-weight:800;position:absolute;bottom:8px;left:8px}.hero__card-body{background:var(--surface);border-top:2px solid var(--accent);flex:none;padding:9px 12px 11px}.hero__card-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;margin:0 0 3px;font-size:.8rem;font-weight:700;overflow:hidden}.hero__card-price{color:var(--accent);margin:0;font-size:1rem;font-weight:900}.hero__card-price span{color:var(--text-muted);margin-left:2px;font-size:.62rem;font-weight:700}.hero__slide-wrap{z-index:3;justify-content:center;align-items:center;gap:40px;width:min(1060px,92vw);height:min(500px,72vh);transition:opacity .5s;display:flex;position:relative}.hero__slide--in{opacity:1}.hero__slide--out{opacity:0}.hero__slide-card{-webkit-backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #ffffff80;border-radius:18px;flex-direction:row;flex:1;height:100%;display:flex;overflow:hidden;box-shadow:0 8px 32px #00000059}.hero__slide-card--wide{flex-direction:row}.hero__slide-card--wide .hero__slide-img-wrap{flex:1.8}.hero__slide-card--wide .hero__slide-body{border-left:4px solid var(--accent);border-top:none;flex:0 0 220px}.hero__slide-img-wrap{flex:1;min-height:0;position:relative;overflow:hidden}.hero__slide-img{object-fit:contain;object-position:center center;background:#ffffff14;width:100%;height:100%;display:block}.hero__slide-cat{background:var(--secondary);color:#fff;text-transform:uppercase;letter-spacing:1px;border-radius:999px;padding:4px 12px;font-size:.7rem;font-weight:800;position:absolute;top:14px;left:14px}.hero__slide-body{border-top:3px solid var(--accent);background:#ffffffbf;flex-direction:column;flex:none;justify-content:center;padding:16px 22px 18px;display:flex}.hero__slide-name{color:var(--text);text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px;font-size:1.1rem;font-weight:900;line-height:1.2}.hero__slide-price{color:var(--accent);margin:0 0 4px;font-size:1.7rem;font-weight:900;line-height:1}.hero__slide-price span{color:var(--text-muted);margin-left:4px;font-size:.82rem;font-weight:700}.hero__slide-stock{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:.75rem;font-weight:600}.hero__dots{z-index:4;gap:8px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.hero__dot{background:var(--border);border-radius:50%;width:8px;height:8px;transition:all .3s}.hero__dot--active{background:var(--accent);border-radius:4px;width:24px}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.footer__marquee-wrap{background:var(--accent);padding:9px 0;overflow:hidden}.footer__marquee{color:#fff;white-space:nowrap;text-transform:uppercase;letter-spacing:1.5px;gap:80px;width:max-content;font-size:.78rem;font-weight:700;animation:22s linear infinite scroll-left;display:flex}.footer__bar{background:var(--text);justify-content:space-between;align-items:center;padding:8px 48px;display:flex}.footer__brand{color:#ffffff73;text-transform:uppercase;letter-spacing:1px;font-size:.78rem;font-weight:800}.footer__contact{gap:24px;display:flex}.footer__contact-item{color:#ffffff73;font-size:.78rem}.display__admin-link{display:none}@media (width<=900px){.navbar__main{flex-wrap:wrap;padding:10px 16px}.hero__card{width:150px}.footer__bar{text-align:center;flex-direction:column;gap:6px;padding:10px 16px}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent:#c9a84c;--secondary:#c0392b}.admin-login{background:radial-gradient(circle,#1a1a1a,#000);justify-content:center;align-items:center;min-height:100vh;font-family:Segoe UI,system-ui,sans-serif;display:flex}.admin-login__card{background:#111;border:2px solid #c9a84c;border-radius:16px;flex-direction:column;gap:10px;width:360px;padding:40px;display:flex;box-shadow:0 20px 60px #0009}.admin-login__card h1{color:#c9a84c;text-transform:uppercase;margin:0;font-size:1.6rem}.admin-login__subtitle{color:#ffffffb3;margin:0 0 12px;font-size:.9rem}.admin-login__card label{color:#fff;font-size:.85rem;font-weight:600}.admin-login__card input{color:#fff;background:#1e1e1e;border:1px solid #333;border-radius:8px;padding:10px 12px;font-size:1rem}.admin-login__card input:focus{border-color:#c9a84c;outline:none}.admin-login__card button{color:#fff;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:#c0392b;border:none;border-radius:8px;margin-top:8px;padding:12px;font-weight:700;transition:filter .15s}.admin-login__card button:hover{filter:brightness(1.1)}.admin-login__error{color:#ff6b6b;margin:0;font-size:.85rem}.admin-login__hint{color:#fff6;margin:4px 0 0;font-size:.78rem}.admin{color:#fff;background:#0c0c0c;min-height:100vh;padding-bottom:60px;font-family:Segoe UI,system-ui,sans-serif}.admin__header{background:linear-gradient(90deg,#000,#1a0000);border-bottom:3px solid #c9a84c;justify-content:space-between;align-items:center;padding:24px 40px;display:flex}.admin__header h1{margin:0;font-size:1.4rem}.admin__header h1 span{color:#c9a84c}.admin__header-actions{gap:10px;display:flex}.admin__tabs{gap:6px;padding:20px 40px 0;display:flex}.admin__tabs button{color:#ffffffb3;cursor:pointer;background:#1a1a1a;border:1px solid #2a2a2a;border-bottom:none;border-radius:10px 10px 0 0;padding:12px 22px;font-weight:600}.admin__tabs button.active{color:#000;background:#c9a84c}.admin__section{background:#141414;border:1px solid #2a2a2a;border-radius:0 12px 12px;margin:0 40px;padding:28px 40px}.admin__section-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.admin__section-head h2{margin:0}.admin__form-panel{background:#1a1a1a;border:1px solid #333;border-radius:12px;margin-bottom:26px;padding:24px}.admin__form-panel h3{margin-top:0}.admin__table-wrap{overflow-x:auto}.admin__table{border-collapse:collapse;width:100%}.admin__table th{text-align:left;color:#ffffff80;text-transform:uppercase;border-bottom:1px solid #2a2a2a;padding:10px 12px;font-size:.8rem}.admin__table td{vertical-align:middle;border-bottom:1px solid #222;padding:12px}.admin__thumb{object-fit:cover;border:1px solid #333;border-radius:8px;width:48px;height:48px}.admin__row-actions{gap:8px;display:flex}.admin__stock-toggle{cursor:pointer;align-items:center;gap:6px;font-size:.9rem;display:flex}.admin__empty{text-align:center;color:#fff6;padding:30px}.admin__star{color:#444;cursor:pointer;background:0 0;border:1px solid #333;border-radius:8px;width:38px;height:38px;font-size:1.1rem;transition:color .15s,border-color .15s}.admin__star.is-active{color:#c9a84c;border-color:#c9a84c}.admin__preview-hint{color:#ffffff8c;margin:-8px 0 18px;font-size:.9rem}.admin__preview-frame{aspect-ratio:16/9;background:#000;border:3px solid #c9a84c;border-radius:14px;width:100%;overflow:hidden;box-shadow:0 20px 50px #00000080}.admin__preview-frame iframe{border:none;width:100%;height:100%}.admin__password-message{color:#c9a84c;font-size:.9rem}.settings-form__section-title{margin-top:36px}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:10px 18px;font-size:.9rem;font-weight:700;text-decoration:none;transition:filter .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.97)}.btn--primary{color:#000;background:#c9a84c}.btn--danger{color:#fff;background:#c0392b}.btn--ghost{color:#fff;background:0 0;border:1px solid #444}.btn--sm{padding:6px 12px;font-size:.8rem}.btn:hover{filter:brightness(1.1)}.product-form__grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px;display:grid}.product-form__field{flex-direction:column;gap:6px;display:flex}.product-form__field--checkbox{flex-direction:row;align-items:center}.product-form__field--checkbox label{align-items:center;gap:8px;display:flex}.product-form__field label{color:#fff9;font-size:.8rem;font-weight:600}.product-form__field input{color:#fff;background:#0f0f0f;border:1px solid #333;border-radius:8px;padding:10px 12px;font-size:.95rem}.product-form__field input[type=color]{height:42px;padding:4px}.product-form__field input:focus{border-color:#c9a84c;outline:none}.product-form__preview{margin-bottom:16px}.product-form__preview img{object-fit:cover;border:1px solid #333;border-radius:10px;width:100px;height:100px}.product-form__actions{justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.settings-form{margin-bottom:10px}@media (width<=700px){.admin__header,.admin__tabs,.admin__section{margin-left:0;margin-right:0;padding-left:16px;padding-right:16px}.admin__header{flex-direction:column;align-items:flex-start;gap:12px}}