@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root{--ink:#171717;--gold:#c6a66b;--paper:#faf9f6;--muted:#777}
*{box-sizing:border-box}body{font-family:'Cairo',Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.site-header{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:20}.brand{font-size:2rem;font-weight:800;letter-spacing:4px;color:var(--ink);display:inline-flex;align-items:center;gap:8px}.brand small{font-size:.58rem;letter-spacing:2px;font-weight:500}.navbar{min-height:82px}.nav-link{font-weight:600}.hero{min-height:570px;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.18)),url('https://images.unsplash.com/photo-1483985988355-763728e1935b?auto=format&fit=crop&w=1800&q=85') center/cover;display:flex;align-items:center;color:#fff}.hero-content{padding-top:75px;padding-bottom:75px}.eyebrow{font-size:.75rem;letter-spacing:3px;color:var(--gold);font-weight:700}.hero h1{font-size:clamp(3rem,7vw,5.5rem);font-weight:800;line-height:1.25;margin:18px 0}.hero h1 span{color:#d7bd8e}.hero p{font-size:1.1rem;color:#eee;margin-bottom:30px}.btn-gold{background:var(--gold);color:#171717;border:0;font-weight:700}.btn-gold:hover{background:#d7bd8e}.section-space{padding-top:75px;padding-bottom:35px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.section-heading h2,.about-band h2{font-size:2rem;font-weight:800;margin:8px 0}.category-tile{background:#f2efe9;min-height:150px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;border-radius:4px;transition:.2s}.category-tile:hover{background:#e8dfd0;transform:translateY(-3px)}.category-tile span{font-size:1.25rem;font-weight:700}.category-tile b{font-size:.8rem;color:#8a7048}.product-card{display:block;color:var(--ink)}.product-image{background:#f5f3ef;overflow:hidden;aspect-ratio:3/4}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.product-card:hover .product-image img{transform:scale(1.04)}.product-card h3{font-size:1rem;font-weight:700;margin:0 0 5px}.muted{color:var(--muted);font-size:.9rem}.product-card strong{font-size:.9rem}.about-band{margin-top:75px;padding:75px 0;background:#171717;color:#fff}.about-band p{color:#ccc}.page-banner{background:#f4f1eb;padding:65px 0}.page-banner h1{font-weight:800;font-size:2.8rem;margin:10px 0}.form-control,.form-select{border-radius:8px}.detail-image{background:#f4f1eb;aspect-ratio:4/5}.detail-image img{width:100%;height:100%;object-fit:cover}.detail-info{padding-top:35px}.detail-info h1{font-size:2.4rem;font-weight:800;margin:15px 0}.footer{background:#171717;color:#ddd}.footer .brand{color:#fff;justify-content:center}.footer-admin{color:#aaa;font-size:.8rem}.empty-state{padding:55px;text-align:center;background:#f7f5f1;border-radius:10px;color:#777}.login-wrap{min-height:75vh;display:grid;place-items:center;background:#f6f4ef;padding:30px}.login-card{background:#fff;padding:40px;border-radius:16px;box-shadow:0 15px 50px #0000000d;width:min(100%,450px)}.admin-body{background:#f5f5f3;min-height:100vh}.admin-top{background:#171717;padding:15px 0}.admin-top .brand{font-size:1.6rem}.admin-nav{display:flex;gap:10px;flex-wrap:wrap}.admin-nav a{background:white;padding:10px 18px;border-radius:9px;font-weight:600}.admin-title{font-weight:800;font-size:1.8rem}.stat-card,.admin-form{background:#fff;padding:25px;border-radius:14px;box-shadow:0 4px 20px #00000008}.stat-card span{display:block;color:#777}.stat-card strong{font-size:2.5rem}.admin-thumb{width:58px;height:65px;object-fit:cover;border-radius:6px}.admin-preview{width:150px;height:180px;object-fit:cover;border-radius:8px}@media(max-width:767px){.hero{min-height:480px;background-position:58% center}.hero-content{padding-top:55px;padding-bottom:55px}.section-space{padding-top:50px}.section-heading h2{font-size:1.5rem}.brand{font-size:1.6rem}.detail-info{padding-top:0}}
