@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Montserrat:wght@400;500;600;700;800&display=swap');
:root{--black:#111;--gold:#d6b46a;--ivory:#f5f2ea;--gray:#777;--line:#dedbd3;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--black);font-family:'Cairo',sans-serif}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.announcement{background:var(--gold);text-align:center;padding:8px 12px;font-size:12px;font-weight:700;letter-spacing:.04em}
.site-header{height:86px;background:#111;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:sticky;top:0;z-index:20}.brand{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:5px;font-family:Montserrat,sans-serif;font-size:23px;letter-spacing:.08em;font-weight:800}.brand span{color:#fff}.brand b{color:var(--gold)}.brand small{grid-column:1/3;font-size:8px;letter-spacing:.3em;color:#aaa;font-weight:500}.main-nav{display:flex;gap:30px;font-size:13px;color:#ddd}.main-nav a:hover,.footer a:hover{color:var(--gold)}.header-actions{display:flex;align-items:center;gap:12px}.icon-btn,.menu-toggle{border:1px solid #555;background:transparent;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer}.cart-btn{background:var(--gold);border:0;padding:10px 16px;font-weight:700;cursor:pointer}.cart-btn i{font-style:normal;background:#111;color:#fff;border-radius:50%;padding:2px 6px;margin-inline-start:5px;font-size:11px}.menu-toggle{display:none}
.hero{background:#111;color:#fff;min-height:570px;padding:70px 9% 50px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:450px;height:450px;border:1px solid #343434;border-radius:50%;left:-170px;top:-190px}.hero-content{position:relative;z-index:2;max-width:500px}.eyebrow{font:600 10px Montserrat,sans-serif;letter-spacing:.25em;color:#b18d4d}.hero h1{font-size:clamp(44px,6vw,76px);line-height:1.2;margin:16px 0}.hero h1 em{font-style:normal;color:var(--gold)}.hero-copy{color:#bbb;line-height:2;max-width:390px;margin-bottom:30px}.gold-btn{display:inline-flex;justify-content:center;align-items:center;gap:18px;background:var(--gold);color:#111;border:0;padding:14px 25px;font-weight:800;cursor:pointer;transition:.2s}.gold-btn:hover{background:#e6c985;transform:translateY(-2px)}.hero-art{height:420px;position:relative;display:flex;justify-content:center;align-items:center}.hero-frame{height:100%;width:65%;overflow:hidden;border:8px solid #252525;transform:rotate(2deg)}.hero-frame img{width:100%;height:100%;object-fit:cover;filter:grayscale(25%)}.hero-stamp{position:absolute;right:4%;top:10%;width:85px;height:85px;border-radius:50%;border:1px solid var(--gold);color:var(--gold);display:grid;place-content:center;text-align:center;font:700 25px Montserrat}.hero-stamp span{font-size:10px;letter-spacing:.2em}.hero-note{position:absolute;bottom:8%;left:0;background:var(--gold);color:#111;padding:12px 18px;font:10px/1.7 Montserrat;letter-spacing:.12em}.hero-bottom{position:absolute;bottom:20px;left:9%;right:9%;display:flex;justify-content:space-between;color:#777;font:9px Montserrat;letter-spacing:.15em}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);padding:28px 9%;background:#fff;border-bottom:1px solid var(--line)}.benefits>div{display:grid;grid-template-columns:35px 1fr;align-items:center;column-gap:10px;border-left:1px solid var(--line);padding:4px 25px}.benefits>div:last-child{border:0}.benefits span{grid-row:1/3;color:#b18d4d;font-size:24px}.benefits b{font-size:13px}.benefits small{font-size:10px;color:var(--gray)}
.shop-section{padding:85px 8%}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-heading h2,.newsletter h2,.manifesto h2{font-size:34px;margin:8px 0}.section-heading>p{color:var(--gray);font-size:13px}.shop-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.category-tabs{display:flex;gap:8px}.category-tabs button,.admin-tabs button{border:1px solid var(--line);background:transparent;padding:9px 19px;cursor:pointer;font-size:12px}.category-tabs button.active,.admin-tabs button.active{background:#111;color:#fff;border-color:#111}.search-sort{display:flex;gap:8px}.search-sort input,.search-sort select{background:transparent;border:1px solid var(--line);padding:9px 12px;min-width:150px;font-size:12px;outline:none}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.product-card{cursor:pointer;min-width:0}.product-image{height:320px;background:#e5e1d8;position:relative;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.product-card:hover .product-image img{transform:scale(1.05)}.quick-add{position:absolute;bottom:12px;left:12px;right:12px;background:#111;color:#fff;border:0;padding:11px;opacity:0;transform:translateY(8px);transition:.2s;cursor:pointer;font-size:12px}.product-card:hover .quick-add{opacity:1;transform:none}.product-info{padding:13px 2px}.product-info small{color:var(--gray);font-size:10px}.product-info h3{font-size:14px;margin:4px 0}.product-price{font:700 14px Montserrat;color:#9c7837}.empty-state{text-align:center;padding:50px;color:var(--gray)}
.manifesto{background:#171717;color:#fff;padding:65px 12%;display:grid;grid-template-columns:180px 1fr;align-items:center;gap:45px}.manifesto-mark{font:800 130px Montserrat;color:var(--gold);border:1px solid #4a412e;text-align:center}.manifesto h2{font-size:38px}.manifesto p:not(.eyebrow){color:#aaa;line-height:2;max-width:600px}.newsletter{text-align:center;padding:75px 20px}.newsletter>p:not(.eyebrow){color:var(--gray);font-size:13px}.newsletter form{display:flex;max-width:460px;margin:25px auto 0}.newsletter input{flex:1;min-width:0;border:1px solid var(--line);background:transparent;padding:13px}.newsletter .gold-btn{padding-inline:24px}.newsletter small{display:block;margin-top:10px;color:#8a6b32}
.footer{background:#111;color:#fff;text-align:center;padding:45px 20px}.footer-brand{width:max-content;margin:auto}.footer>p{color:#aaa;font-size:12px;margin:20px}.footer-links{display:flex;justify-content:center;gap:25px;font-size:11px;color:#bbb;margin:20px}.footer>small{color:#777;font:9px Montserrat;letter-spacing:.1em}
.overlay{position:fixed;inset:0;background:#0009;z-index:29;opacity:0;visibility:hidden;transition:.2s}.overlay.show{opacity:1;visibility:visible}.drawer{position:fixed;z-index:30;top:0;bottom:0;right:0;width:min(430px,100%);background:var(--ivory);padding:25px;transform:translateX(105%);transition:.3s;display:flex;flex-direction:column}.drawer.open{transform:none}.drawer-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px}.drawer-head h3{margin:0}.close-btn{border:0;background:transparent;font-size:28px;cursor:pointer}.cart-items{overflow:auto;flex:1}.cart-item{display:grid;grid-template-columns:75px 1fr auto;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.cart-item img{width:75px;height:90px;object-fit:cover}.cart-item h4{font-size:13px;margin:4px 0}.cart-item small{color:var(--gray)}.qty-controls{display:flex;align-items:center;gap:10px;margin-top:9px}.qty-controls button{border:1px solid var(--line);background:white;width:24px;height:24px;cursor:pointer}.remove-item{border:0;background:none;color:#9b5555;cursor:pointer}.cart-footer{padding-top:15px}.total-line{display:flex;justify-content:space-between;font-weight:700;margin-bottom:15px}.full{width:100%}.cart-footer small{display:block;color:var(--gray);font-size:10px;text-align:center;margin-top:10px;line-height:1.8}
.modal{display:none;position:fixed;z-index:40;top:50%;left:50%;transform:translate(-50%,-50%);width:min(850px,94vw);max-height:90vh;overflow:auto;background:var(--ivory);padding:35px}.modal.show{display:block}.modal-close{position:absolute;top:10px;left:15px;z-index:2}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.detail-layout img{width:100%;max-height:500px;object-fit:cover}.detail-layout h2{font-size:28px}.detail-layout p{line-height:1.9;color:var(--gray)}.detail-price{font:700 22px Montserrat;color:#9c7837}.detail-controls label,.admin-form label,#adminLogin label{display:block;font-size:12px;font-weight:700;margin:14px 0}.detail-controls select,.admin-form input,.admin-form select,.admin-form textarea,#adminLogin input{width:100%;padding:11px;border:1px solid var(--line);background:#fff;margin-top:6px;outline:none}.admin-modal{width:min(650px,94vw)}.admin-header h2{margin:5px 0}.muted{color:var(--gray);font-size:11px}.admin-tabs{display:flex;gap:8px;margin:20px 0}.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.admin-form label:nth-child(2),.admin-form label:nth-child(5),.admin-form label:nth-child(6),.admin-form button{grid-column:1/-1}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-product-list{margin-top:20px}.admin-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid var(--line);font-size:12px}.admin-row button,.text-btn{border:0;background:none;color:#98743a;cursor:pointer}.warning-note{font-size:11px;line-height:1.8;background:#eee7d8;padding:12px}.form-error{color:#a33;font-size:12px}.toast{position:fixed;z-index:60;bottom:20px;left:50%;transform:translate(-50%,20px);background:#111;color:#fff;padding:12px 20px;font-size:12px;opacity:0;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
[hidden]{display:none!important}
@media(max-width:900px){.main-nav{gap:15px}.product-grid{grid-template-columns:repeat(3,1fr)}.product-image{height:280px}.hero{padding-inline:6%}.hero-art{height:350px}}
@media(max-width:650px){.site-header{height:72px;padding:0 5%}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;background:#111;padding:20px;flex-direction:column;gap:18px}.main-nav.open{display:flex}.menu-toggle{display:block}.header-actions{gap:7px}.cart-btn{padding:9px 10px;font-size:11px}.hero{grid-template-columns:1fr;padding:55px 8% 65px}.hero-art{height:300px;margin-top:35px}.hero-frame{width:68%}.hero-bottom{font-size:7px}.benefits{padding:20px 4%;gap:5px}.benefits>div{padding:3px 7px;grid-template-columns:25px 1fr;gap:4px}.benefits b{font-size:10px}.benefits small{font-size:8px}.benefits span{font-size:18px}.shop-section{padding:55px 5%}.section-heading{display:block}.section-heading h2{font-size:28px}.shop-tools{display:block}.category-tabs{overflow:auto;padding-bottom:12px}.category-tabs button{white-space:nowrap;padding:8px 13px}.search-sort{margin-top:10px}.search-sort input,.search-sort select{min-width:0;width:50%}.product-grid{grid-template-columns:repeat(2,1fr);gap:16px 10px}.product-image{height:230px}.quick-add{opacity:1;transform:none;padding:8px;font-size:10px}.product-info h3{font-size:12px}.manifesto{grid-template-columns:75px 1fr;padding:45px 7%;gap:20px}.manifesto-mark{font-size:60px}.manifesto h2{font-size:25px}.manifesto p:not(.eyebrow){font-size:12px}.newsletter{padding:55px 15px}.newsletter h2{font-size:27px}.footer-links{flex-wrap:wrap;gap:15px}.detail-layout{grid-template-columns:1fr;gap:15px}.detail-layout img{max-height:300px}.modal{padding:35px 20px 22px}.admin-form{display:block}.form-row{gap:8px}}

/* Supabase checkout form */
.checkout-modal { max-width: 560px; }
.checkout-modal h2 { margin: 0 0 8px; }
.checkout-modal > p { color: #777; margin-bottom: 20px; }
.checkout-form { display: grid; gap: 13px; }
.checkout-form label { display: grid; gap: 6px; font-weight: 700; }
.checkout-form input, .checkout-form textarea, .admin-form input, .admin-form textarea, .admin-form select { width: 100%; border: 1px solid #d8d4ca; border-radius: 8px; padding: 12px; font: inherit; background: #fff; color: #111; }
.checkout-form .total-line { margin-top: 6px; }