@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap');
:root{--paper:#f2f0eb;--card:#fff;--ink:#1b2430;--ink-soft:#5a6475;--indigo:#2d4159;--indigo-deep:#1b2a3d;--marigold:#e8a33d;--marigold-dark:#c9871f;--rani:#b23a5c;--rust:#a34d33;--green:#2d7a4f;--border:rgba(27,36,48,.10);--shadow-sm:0 2px 8px rgba(27,36,48,.07);--shadow:0 8px 32px rgba(27,36,48,.10);--shadow-lg:0 16px 48px rgba(27,36,48,.13);--font-display:'Fraunces',Georgia,serif;--font-body:'Inter',system-ui,sans-serif;--font-mono:'IBM Plex Mono',ui-monospace,monospace}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.site-header{background:var(--indigo-deep);color:#f4f1ea;position:sticky;top:0;z-index:100;box-shadow:0 2px 12px rgba(0,0,0,.18)}.header-inner{max-width:1200px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:600;font-size:1.4rem;color:#f4f1ea;letter-spacing:-.01em;white-space:nowrap}.brand-icon{width:34px;height:34px;background:var(--marigold);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--indigo-deep);flex-shrink:0}.brand-accent{color:var(--marigold)}.search-wrap{flex:1;max-width:400px;min-width:180px;position:relative}.search-wrap svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);opacity:.5;pointer-events:none}#searchInput{width:100%;padding:10px 14px 10px 38px;border-radius:999px;border:1.5px solid rgba(244,241,234,.2);background:rgba(244,241,234,.09);color:#f4f1ea;font-family:var(--font-body);font-size:.9rem;outline:none;transition:border-color .2s}#searchInput::placeholder{color:rgba(244,241,234,.45)}#searchInput:focus{border-color:var(--marigold)}.header-badge{background:var(--marigold);color:var(--indigo-deep);font-size:.72rem;font-weight:700;padding:5px 12px;border-radius:999px;white-space:nowrap}.view-store-link{color:#f4f1ea;font-size:.86rem;border:1px solid rgba(244,241,234,.3);padding:8px 14px;border-radius:999px;white-space:nowrap}.view-store-link:hover{border-color:var(--marigold);color:var(--marigold)}
.hero-banner{position:relative;overflow:hidden;background:var(--indigo-deep);min-height:420px;display:flex;align-items:center}.hero-bg{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1441984904996-e0b6ba687e04?w=1400');background-size:cover;background-position:center 30%;opacity:.18}.hero-pattern{position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,var(--rust) 0,var(--rust) 1px,transparent 0,transparent 50%);background-size:18px 18px;opacity:.06}.hero-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:64px 32px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;width:100%}.hero-tag{display:inline-flex;align-items:center;gap:7px;background:rgba(232,163,61,.15);border:1px solid rgba(232,163,61,.4);color:var(--marigold);font-family:var(--font-mono);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;padding:6px 14px;border-radius:999px;margin-bottom:20px}.hero-tag span{width:6px;height:6px;background:var(--marigold);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.hero-title{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.4rem);font-weight:600;line-height:1.1;color:#f4f1ea;margin:0 0 16px;letter-spacing:-.02em}.hero-title em{color:var(--marigold);font-style:normal}.hero-sub{color:rgba(244,241,234,.7);font-size:1rem;max-width:420px;margin:0 0 28px}.hero-stats{display:flex;gap:28px;flex-wrap:wrap}.stat-num{font-family:var(--font-display);font-size:1.6rem;font-weight:600;color:var(--marigold);line-height:1}.stat-label{font-size:.75rem;color:rgba(244,241,234,.55);margin-top:3px}.hero-right{display:flex;flex-direction:column;gap:12px}.hero-card{background:rgba(255,255,255,.06);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px 18px;display:flex;align-items:center;gap:14px;min-width:220px}.hero-card-img{width:50px;height:50px;border-radius:10px;object-fit:cover;flex-shrink:0;background:rgba(255,255,255,.1)}.hero-card-name{font-size:.82rem;font-weight:600;color:#f4f1ea;margin-bottom:3px}.hero-card-price{font-family:var(--font-mono);font-size:.78rem;color:var(--marigold)}.hero-card-badge{font-size:.65rem;background:var(--rani);color:#fff;padding:2px 7px;border-radius:999px;font-weight:600;text-transform:uppercase;display:inline-block;margin-top:3px}
.block-divider{height:12px;background-image:linear-gradient(45deg,var(--rust) 25%,transparent 25%,transparent 75%,var(--rust) 75%),linear-gradient(45deg,var(--rust) 25%,transparent 25%,transparent 75%,var(--rust) 75%);background-size:12px 12px;background-position:0 0,6px 6px;opacity:.8}
.pills-section{max-width:1200px;margin:0 auto;padding:28px 24px 4px}.pills-label{font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft);margin-bottom:12px}.pills-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.pills-row::-webkit-scrollbar{display:none}.pill{flex:none;padding:8px 18px;border-radius:999px;border:1.5px solid var(--border);background:var(--card);color:var(--ink-soft);font-family:var(--font-body);font-size:.84rem;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.pill:hover{border-color:var(--indigo);color:var(--indigo)}.pill.active{background:var(--indigo);border-color:var(--indigo);color:#fff;box-shadow:0 4px 12px rgba(45,65,89,.25)}
.section-head{max-width:1200px;margin:28px auto 0;padding:0 24px;display:flex;align-items:baseline;justify-content:space-between;gap:12px}.section-title{font-family:var(--font-display);font-size:1.3rem;font-weight:600;margin:0}.result-count{font-size:.82rem;color:var(--ink-soft);font-family:var(--font-mono)}
.grid-wrap{max-width:1200px;margin:0 auto;padding:16px 24px 80px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}
.product-card{background:var(--card);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;border:1px solid var(--border);transition:box-shadow .2s,transform .2s}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-media{position:relative;aspect-ratio:4/3;background:var(--paper);overflow:hidden}.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.product-card:hover .card-media img{transform:scale(1.04)}.badge{position:absolute;top:12px;left:12px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;border-radius:999px}.badge-rani{background:var(--rani);color:#fff}.badge-marigold{background:var(--marigold);color:var(--indigo-deep)}.badge-green{background:var(--green);color:#fff}.discount-chip{position:absolute;top:12px;right:12px;background:var(--indigo-deep);color:var(--marigold);font-family:var(--font-mono);font-size:.68rem;font-weight:600;padding:4px 9px;border-radius:8px}.card-body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;gap:8px}.card-cat{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--rust);font-weight:600;white-space:nowrap}.stars{display:flex;align-items:center;gap:3px;flex-shrink:0}.stars svg{color:var(--marigold)}.stars span{font-size:.72rem;color:var(--ink-soft);font-family:var(--font-mono);margin-left:2px;white-space:nowrap}.card-title{font-family:var(--font-display);font-size:1.05rem;font-weight:600;margin:0 0 6px;line-height:1.3;color:var(--ink)}.card-desc{font-size:.84rem;color:var(--ink-soft);margin:0 0 14px;flex:1;line-height:1.55}.card-divider{height:1px;background:var(--border);margin-bottom:14px}.card-price-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:8px;flex-wrap:wrap}.price-group{display:flex;align-items:baseline;gap:7px}.price{font-family:var(--font-mono);font-size:1.15rem;font-weight:600;color:var(--ink)}.price-strike{font-family:var(--font-mono);font-size:.82rem;color:var(--ink-soft);text-decoration:line-through}.price-save{font-size:.72rem;color:var(--green);font-weight:600;background:rgba(45,122,79,.08);padding:3px 8px;border-radius:6px;white-space:nowrap}.buy-btn{display:flex;align-items:center;justify-content:center;gap:7px;background:var(--marigold);color:var(--indigo-deep);font-weight:700;font-size:.88rem;padding:12px 18px;border-radius:10px;transition:background .15s,transform .1s;letter-spacing:.01em}.buy-btn:hover{background:var(--marigold-dark);transform:scale(1.02)}.buy-btn svg{flex-shrink:0}
.empty-state{text-align:center;padding:80px 20px;color:var(--ink-soft)}.empty-icon{font-size:3rem;margin-bottom:16px}.empty-state h3{font-family:var(--font-display);font-size:1.2rem;margin:0 0 8px;color:var(--ink)}.empty-state p{font-size:.88rem;margin:0}
.site-footer{background:var(--indigo-deep);color:rgba(244,241,234,.65)}.footer-inner{max-width:1200px;margin:0 auto;padding:28px 24px;display:flex;flex-direction:column;gap:10px}.footer-brand{font-family:var(--font-display);font-size:1.1rem;color:#f4f1ea;font-weight:600;margin-bottom:4px}.footer-brand span{color:var(--marigold)}.footer-disc{font-size:.8rem;line-height:1.6;max-width:600px}.footer-fine{font-size:.74rem;opacity:.5;padding-bottom:4px}
@media(max-width:768px){.hero-content{grid-template-columns:1fr}.hero-right{display:none}.hero-title{font-size:2rem}.product-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}}
@media(max-width:480px){.header-badge{display:none}.product-grid{grid-template-columns:1fr 1fr;gap:12px}.card-body{padding:12px 13px 14px}.card-title{font-size:.92rem}.card-desc{display:none}}
/* ADMIN */
.admin-main{max-width:780px;margin:0 auto;padding:40px 24px 80px}.login-gate{max-width:360px;margin:60px auto;text-align:center}.login-gate h2{font-family:var(--font-display);font-size:1.4rem;margin-bottom:18px}.login-gate input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border);font-size:.95rem;margin-bottom:12px;font-family:var(--font-body)}.error-text{color:var(--rani);font-size:.85rem}.primary-btn,.ghost-btn{font-family:var(--font-body);font-weight:600;font-size:.92rem;border-radius:10px;padding:11px 18px;cursor:pointer;border:1px solid transparent}.primary-btn{background:var(--indigo);color:#fff;width:100%}.primary-btn:hover{background:var(--indigo-deep)}.ghost-btn{background:transparent;border-color:var(--border);color:var(--ink-soft)}.ghost-btn:hover{border-color:var(--ink-soft)}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;flex-wrap:wrap}.admin-toolbar h2{font-family:var(--font-display);font-size:1.3rem;margin:0}.admin-toolbar .primary-btn{width:auto}.status-msg{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:10px 14px;font-size:.85rem;margin:12px 0}.status-msg.error{border-color:var(--rani);color:var(--rani)}.status-msg.success{border-color:var(--indigo);color:var(--indigo)}.admin-product-list{display:flex;flex-direction:column;gap:10px;margin-top:16px}.admin-row{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:10px 14px}.admin-row img{width:52px;height:52px;object-fit:cover;border-radius:8px;flex:none;background:var(--paper)}.admin-row-info{flex:1;min-width:0}.admin-row-info .name{font-weight:600;font-size:.94rem}.admin-row-info .meta{font-size:.8rem;color:var(--ink-soft);font-family:var(--font-mono)}.admin-row-actions{display:flex;gap:8px;flex:none}.icon-btn{border:1px solid var(--border);background:transparent;border-radius:8px;padding:6px 10px;font-size:.82rem;cursor:pointer;font-family:var(--font-body)}.icon-btn:hover{border-color:var(--indigo);color:var(--indigo)}.icon-btn.danger:hover{border-color:var(--rani);color:var(--rani)}.empty-admin{text-align:center;padding:40px 20px;color:var(--ink-soft);font-size:.9rem}.modal{position:fixed;inset:0;background:rgba(27,36,48,.5);display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal-card{background:#fff;border-radius:14px;padding:24px;width:100%;max-width:460px;max-height:90vh;overflow-y:auto}.modal-card h3{font-family:var(--font-display);margin-top:0}#productForm label{display:block;font-size:.82rem;font-weight:600;color:var(--ink-soft);margin-bottom:12px}#productForm .two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}#productForm input,#productForm textarea{display:block;width:100%;margin-top:6px;padding:10px 12px;border-radius:8px;border:1px solid var(--border);font-family:var(--font-body);font-size:.9rem;color:var(--ink);resize:vertical}.modal-actions{display:flex;gap:10px;margin-top:8px}.modal-actions .primary-btn,.modal-actions .ghost-btn{flex:1;width:auto}
@media(max-width:640px){.admin-toolbar{flex-wrap:wrap}#productForm .two-col{grid-template-columns:1fr}}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--marigold);outline-offset:2px}