@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap');
:root{--black:#080808;--black2:#101010;--gold:#d7aa45;--gold2:#f1ca6a;--white:#f8f5ef;--muted:#aaa}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Cairo,Arial,sans-serif}.header{height:82px;border-bottom:1px solid #2d2517;display:flex;align-items:center;padding:0 5%;gap:45px;position:sticky;top:0;background:rgba(8,8,8,.96);backdrop-filter:blur(10px);z-index:20}.logo{color:var(--gold2);text-decoration:none;display:flex;flex-direction:column;align-items:center;line-height:.8;min-width:115px}.logo span{font:600 48px/1 'Playfair Display',serif}.logo small{font-size:12px;letter-spacing:5px;margin-top:3px}.header nav{display:flex;justify-content:center;gap:35px;flex:1}.header nav a,.social a{color:#eee;text-decoration:none;font-size:13px;transition:.25s}.header nav a:hover,.header nav .active,.social a:hover{color:var(--gold2)}.header nav .active{position:relative}.header nav .active:after{content:"";position:absolute;bottom:-31px;right:0;width:100%;height:2px;background:var(--gold)}.social{display:flex;gap:18px}.social a{font-size:28px;color:var(--gold2);cursor:pointer}.menu{display:none;background:none;border:0;color:var(--gold2);font-size:27px}.hero{min-height:320px;height:320px;position:relative;overflow:hidden;border-bottom:1px solid #3a2b12;background:#080808}.hero-image{position:absolute;inset:0 0 0 42%;background:linear-gradient(90deg,#080808 0%,rgba(8,8,8,.3) 30%,rgba(8,8,8,0) 60%),url('assets/hero.jpg') center/cover no-repeat;opacity:.98}.hero-copy{position:relative;z-index:2;width:47%;padding:45px 8% 30px 7%}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--gold2);margin:0 0 8px}.hero h1{font:600 58px/1.1 'Playfair Display',serif;margin:0}.hero h1 em,.about h2 em{color:var(--gold2);font-style:normal}.gold-line{display:block;width:40px;height:2px;background:var(--gold);margin:14px 0}.hero-text{font-size:16px;line-height:1.8;max-width:440px}.btn,.small-btn,.outline-btn{display:inline-block;border:1px solid var(--gold);color:var(--gold2);background:transparent;text-decoration:none;padding:9px 19px;border-radius:3px;cursor:pointer;transition:.25s}.btn:hover,.small-btn:hover,.outline-btn:hover{background:var(--gold);color:#111}.dots{position:absolute;bottom:14px;left:50%;display:flex;gap:12px;z-index:3}.dots i{width:8px;height:8px;border-radius:50%;background:#ddd}.dots .on{background:var(--gold2)}.section{padding:45px 7%;text-align:center;border-bottom:1px solid #272019}.section h2{font-size:25px;margin:0}.collection .gold-line,.instagram .gold-line{margin:10px auto 30px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}.product{background:#0d0d0d;border:1px solid #2a251d;border-radius:6px;overflow:hidden}.product img{width:100%;height:160px;object-fit:cover;display:block}.product-info{padding:9px 10px 13px}.product h3{font-size:12px;margin:0 0 4px;font-weight:500}.product strong{display:block;color:var(--gold2);font-size:18px;margin-bottom:7px}.small-btn{font-size:11px;padding:5px 14px}.outline-btn{margin-top:28px;font-size:13px}.about{display:grid;grid-template-columns:1fr 1fr;min-height:215px;border-bottom:1px solid #272019}.about-image{background:url('assets/about.jpg') center/cover no-repeat;min-height:215px}.about-copy{padding:30px 8%;text-align:right}.about-copy h2{font:500 29px 'Playfair Display',Cairo,serif;margin:0}.about-copy p{line-height:1.9;font-size:13px;color:#ddd}.benefits{display:grid;grid-template-columns:repeat(4,1fr);background:#090909;border-bottom:1px solid #272019;padding:16px 5%}.benefits>div{text-align:center;border-left:1px solid #292318}.benefits>div:last-child{border:0}.benefits b{font-size:28px;color:var(--gold2)}.benefits h3{font-size:13px;color:var(--gold2);margin:2px}.benefits p{font-size:10px;color:#bbb;margin:0}.insta-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.insta-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:5px}.instagram{padding-bottom:38px}footer{display:grid;grid-template-columns:1.4fr 1fr 1.3fr 1fr;gap:35px;padding:35px 7% 55px;position:relative}footer h3{font-size:13px;color:var(--gold2);margin:0 0 10px}footer a{display:block;color:#ccc;text-decoration:none;font-size:11px;line-height:2.1}footer p{color:#aaa;font-size:11px;line-height:1.8}.footer-brand .logo{align-items:flex-start}.copyright{position:absolute;bottom:15px;right:7%;left:7%;border-top:1px solid #2b251b;padding-top:10px;text-align:center;color:#777;font-size:10px}.floating-wa{position:fixed;bottom:20px;left:20px;width:54px;height:54px;border-radius:50%;background:var(--gold2);color:#111;display:flex;align-items:center;justify-content:center;font-size:29px;text-decoration:none;z-index:30;box-shadow:0 5px 20px #000;cursor:pointer}
@media(max-width:800px){.header{height:68px;padding:0 5%;justify-content:space-between}.header nav{display:none;position:absolute;top:68px;right:0;left:0;background:#090909;flex-direction:column;gap:0;border-bottom:1px solid #332814}.header nav.open{display:flex}.header nav a{padding:14px 7%;border-bottom:1px solid #1e1a13}.header nav .active:after{display:none}.menu{display:block}.social{display:none}.logo span{font-size:37px}.logo small{font-size:9px}.hero{height:470px}.hero-image{inset:45% 0 0}.hero-copy{width:100%;padding:40px 7% 20px;text-align:center}.hero .gold-line{margin:13px auto}.hero-text{margin:0 auto 14px}.dots{bottom:10px}.products{grid-template-columns:repeat(2,1fr);gap:12px}.product img{height:150px}.about{grid-template-columns:1fr}.about-image{min-height:230px}.about-copy{text-align:center;padding:28px 7%}.about-copy .gold-line{margin:12px auto}.benefits{grid-template-columns:repeat(2,1fr);gap:16px}.benefits>div:nth-child(2){border:0}.insta-grid{grid-template-columns:repeat(4,1fr);gap:7px}.insta-grid img:nth-child(n+5){display:none}footer{grid-template-columns:1fr 1fr;gap:25px;padding:30px 7% 65px}.footer-brand{grid-column:1/-1}.copyright{right:7%;left:7%}}
@media(max-width:430px){.hero h1{font-size:50px}.products{gap:9px}.product img{height:130px}.product h3{font-size:10px}.product strong{font-size:16px}.insta-grid{grid-template-columns:repeat(3,1fr)}.insta-grid img:nth-child(n+4){display:none}}

/* Store functionality */
.shop-toolbar{display:flex;align-items:center;justify-content:space-between;margin:-8px 0 20px;gap:15px}
.filters{display:flex;gap:8px;flex-wrap:wrap}
.filter,.cart-trigger{border:1px solid #3b301f;background:#0d0d0d;color:#ccc;padding:7px 13px;border-radius:3px;cursor:pointer;font-family:inherit;font-size:11px}
.filter.active,.filter:hover,.cart-trigger:hover{border-color:var(--gold);color:var(--gold2)}
.cart-trigger{color:var(--gold2)}
.cart-trigger span{display:inline-flex;min-width:19px;height:19px;border-radius:50%;align-items:center;justify-content:center;background:var(--gold);color:#111;margin-right:5px}
.product-photo{position:relative}.product-photo img{width:100%;height:160px;object-fit:cover;display:block}.product-photo>span{position:absolute;top:8px;right:8px;background:#090909d9;border:1px solid var(--gold);color:var(--gold2);font-size:8px;padding:3px 6px;letter-spacing:1px}
.add-cart{font-family:inherit;width:100%;cursor:pointer}
.cart-drawer{position:fixed;inset:0;z-index:100;pointer-events:none;visibility:hidden;transition:.25s}.cart-drawer.open{pointer-events:auto;visibility:visible}.cart-backdrop{position:absolute;inset:0;background:#000b;opacity:0;transition:.25s}.cart-drawer.open .cart-backdrop{opacity:1}.cart-panel{position:absolute;top:0;left:0;width:min(410px,92vw);height:100%;background:#0b0b0b;border-right:1px solid #3a2b12;padding:34px 25px;transform:translateX(-100%);transition:.3s;overflow:auto}.cart-drawer.open .cart-panel{transform:translateX(0)}.close-cart{position:absolute;top:15px;right:20px;background:none;border:0;color:#fff;font-size:32px;cursor:pointer}.cart-panel h2{font-size:24px;margin:0 0 22px}.cart-item{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;border-bottom:1px solid #272019;padding:12px 0}.cart-item img{width:64px;height:64px;object-fit:cover;border-radius:4px}.cart-item h4{font-size:12px;margin:0 0 3px}.cart-item p{font-size:11px;color:var(--gold2);margin:0}.qty{display:flex;align-items:center;gap:7px;margin-top:6px}.qty button{background:#151515;color:#ddd;border:1px solid #3b301f;width:22px;height:22px;cursor:pointer}.remove{background:none;border:0;color:#777;cursor:pointer;font-size:16px}.empty-cart{color:#888;text-align:center;padding:50px 0}.cart-total{display:flex;justify-content:space-between;border-top:1px solid #3b301f;margin-top:20px;padding:18px 0;font-size:15px}.cart-total strong{color:var(--gold2)}.checkout-btn{width:100%;padding:12px;border:1px solid var(--gold);background:var(--gold);color:#111;font-family:inherit;font-weight:700;cursor:pointer;border-radius:3px}.cart-note{font-size:10px;color:#777;text-align:center;line-height:1.7}.order-section{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:42px 7%;background:linear-gradient(100deg,#0a0a0a,#15120c);border-bottom:1px solid #2b2419}.order-section h2{margin:4px 0;font-size:25px}.order-section p:not(.eyebrow){color:#aaa;font-size:12px}.order-section .btn{white-space:nowrap}
@media(max-width:800px){.shop-toolbar{align-items:flex-start;flex-direction:column}.order-section{flex-direction:column;text-align:center}.order-section .btn{width:100%}.cart-panel{width:92vw}}