:root{--burgundy:#5c2a3a;--deep:#3d1c28;--cream:#faf6f1;--sand:#f0e6d8;--brown:#7a5c48;--ink:#2c2420;--muted:#7a6f68}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{text-decoration:none;color:inherit}button{font:inherit}.container{width:min(1180px,calc(100% - 48px));margin:auto}.announcement{background:var(--burgundy);color:#fff;text-align:center;padding:10px;font-size:11px;letter-spacing:.14em}.site-header{background:rgba(250,245,237,.96);position:sticky;top:0;z-index:20;border-bottom:1px solid #e9dfd5;backdrop-filter:blur(12px)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:82px}.brand{display:flex;align-items:center;gap:10px;font-family:'Playfair Display',Georgia,serif;color:var(--burgundy);font-weight:700;letter-spacing:.075em;font-size:20px;line-height:1}.brand small{display:block;text-align:center;font:500 9px 'DM Sans',sans-serif;letter-spacing:.36em;margin-top:7px}.brand-mark{font-size:28px}.nav-links{display:flex;align-items:center;gap:31px;font-size:13px;font-weight:600}.nav-links a:hover,.text-link:hover{color:#ae6c73}.nav-cta{padding:13px 20px;background:var(--burgundy);color:#fff!important}.menu-toggle{display:none}.hero{overflow:hidden;background:linear-gradient(110deg,#faf5ed 60%,#f1e6d8 60%)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;min-height:660px;gap:6%;align-items:center}.hero-copy{padding:75px 0}.eyebrow{font-size:11px;letter-spacing:.24em;font-weight:700;color:var(--burgundy)}.line{display:inline-block;width:26px;height:1px;background:var(--burgundy);vertical-align:middle;margin-right:8px}.hero h1,.section h2,.about h2,.contact h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(47px,5.2vw,76px);font-weight:500;line-height:1.12;letter-spacing:-.04em;margin:24px 0}.hero h1 em,.section h2 em,.about h2 em,.contact h2 em,.quote-section em{font-weight:400;color:var(--burgundy)}.hero-desc{max-width:440px;color:var(--muted);font-size:15px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:32px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:34px;padding:17px 25px;font-size:12px;font-weight:700;letter-spacing:.05em;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--burgundy);color:#fff}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:6px}.text-link span{margin-left:14px}.hero-footer{display:flex;align-items:center;gap:15px;margin-top:65px;color:var(--brown);font-size:11px;line-height:1.7;letter-spacing:.06em}.sparkle{font-size:36px;color:var(--burgundy)}.hero-visual{position:relative;height:570px;margin:38px 0}.hero-image,.category-photo,.product-photo,.about-image{background-size:cover;background-position:center}.hero-image{height:100%;width:88%;margin-left:auto;background-image:url('assets/abaya-scallop.jpg');background-color:#c4a090;filter:saturate(.95)}.hero-stamp{position:absolute;top:40px;left:0;width:118px;height:118px;border-radius:50%;background:var(--burgundy);color:#fff;display:grid;place-content:center;text-align:center;font-size:10px;letter-spacing:.17em;line-height:1.8;transform:rotate(-12deg)}.hero-stamp span{font-size:20px}.hero-caption{position:absolute;bottom:15px;right:18px;background:#fff;padding:12px 18px;font-size:10px;letter-spacing:.1em}.benefits{background:var(--deep);color:#fff}.benefits-grid{display:flex;justify-content:space-between;gap:15px;padding:20px 0}.benefits p{font-size:12px;letter-spacing:.06em}.benefits p::first-letter{color:#d9b5a5}.section{padding:110px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:36px}.section h2,.about h2{font-size:clamp(38px,4vw,57px);margin:12px 0}.section-heading>p{max-width:330px;color:var(--muted);font-size:13px;line-height:1.9}.category-grid,.products{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.category-card{background:#fff}.category-photo{height:380px;background-color:#dfccbb;transition:transform .5s}.category-card{overflow:hidden}.category-card:hover .category-photo{transform:scale(1.04)}.photo-abaya{background-image:url('assets/abaya-jacquard.jpg')}.photo-hijab{background-image:url('assets/abaya-blue.jpg')}.photo-outfit{background-image:url('assets/abaya-scallop.jpg')}.category-info{display:flex;align-items:center;justify-content:space-between;padding:23px}.category-info span:not(.circle-arrow){font-size:10px;color:var(--brown);letter-spacing:.13em}.category-info h3,.product-meta h3{font:500 25px 'Playfair Display',Georgia,serif;margin:9px 0}.category-info p{font-size:12px;color:var(--muted);margin:0}.circle-arrow{display:grid;place-items:center;border:1px solid #d4c8be;border-radius:50%;width:36px;height:36px}.quote-section{background:#e8d8c7;text-align:center;padding:92px 0}.quote-section p,.quote-section span{font-size:10px;letter-spacing:.24em;color:var(--burgundy)}.quote-section h2{font:400 clamp(27px,3.6vw,48px)/1.4 'Playfair Display',Georgia,serif;margin:26px 0}.featured{background:#fffaf5}.product-photo{height:365px;background-color:#ddcbbb;position:relative}.product-one{background-image:url('assets/abaya-embroidered-set.jpg')}.product-two{background-image:url('assets/abaya-blue.jpg')}.product-three{background-image:url('assets/abaya-scallop.jpg')}.product-four{background-image:url('assets/abaya-marble.jpg')}.product-five{background-image:url('assets/abaya-jacquard.jpg')}.product-six{background-image:url('assets/abaya-mauve.jpg')}.product-seven{background-image:url('assets/abaya-mauve.jpg')}.badge{position:absolute;top:16px;left:16px;background:#fff;padding:9px 12px;color:var(--burgundy);font-size:9px;letter-spacing:.14em}.product-meta{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.product-meta p{font-size:10px;letter-spacing:.16em;color:var(--brown);margin:0}.product-meta h3{font-size:23px}.product-meta>span{font-size:22px;color:var(--burgundy)}.center-action{text-align:center;margin-top:35px}.btn-outline{border:1px solid var(--burgundy);color:var(--burgundy)}.about{padding:110px 0;background:var(--sand)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.about-visual{position:relative}.about-image{height:530px;background-color:#d2b7a5;background-image:url('assets/abaya-mauve.jpg')}.about-tag{position:absolute;bottom:24px;right:-26px;background:var(--burgundy);color:#fff;padding:22px;font-size:10px;letter-spacing:.12em}.about-copy p:not(.eyebrow){font-size:14px;line-height:2;color:var(--muted)}.about-copy .text-link{display:inline-block;margin-top:25px}.contact{background:var(--burgundy);color:#fff;text-align:center;padding:95px 0}.contact .eyebrow,.contact h2 em{color:#e4c8b5}.contact h2{font-size:clamp(42px,5vw,65px)}.contact-inner>p:not(.eyebrow){font-size:14px;color:#f1deda;line-height:1.8}.btn-light{background:var(--cream);color:var(--burgundy);margin-top:24px}.contact small{display:block;margin-top:18px;font-size:11px;color:#ead0d0}.footer{background:#f7efe6}.footer-main{padding:50px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-main p,.footer-main>a:last-child{font-size:12px;color:var(--muted)}.footer-bottom{border-top:1px solid #e0d5c9;display:flex;justify-content:space-between;gap:12px;padding:20px 0;font-size:11px;color:var(--muted)}@media(max-width:900px){.nav-links{gap:14px}.hero-grid{gap:2%}.hero-visual{height:460px}.category-photo,.product-photo{height:290px}.category-info{padding:15px}.category-info h3{font-size:20px}.about-image{height:440px}}@media(max-width:700px){.container{width:min(100% - 32px,1180px)}.nav-wrap{min-height:70px}.brand{font-size:17px}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:0;padding:12px;cursor:pointer}.menu-toggle span{display:block;width:23px;height:2px;background:var(--burgundy)}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--cream);padding:20px 24px;box-shadow:0 12px 20px #0001;flex-direction:column;align-items:stretch;gap:18px}.nav-links.open{display:flex}.nav-cta{text-align:center}.hero{background:var(--cream)}.hero-grid,.about-grid{grid-template-columns:1fr}.hero-grid{gap:0}.hero-copy{padding:62px 0 10px}.hero h1{font-size:clamp(46px,11vw,65px)}.hero-footer{margin-top:35px}.hero-visual{height:460px;margin:30px 0}.hero-image{width:91%}.benefits-grid{flex-wrap:wrap;justify-content:center;text-align:center;padding:12px 0}.benefits p{margin:5px}.section,.about{padding:72px 0}.section-heading{display:block}.category-grid,.products{grid-template-columns:1fr;gap:25px}.category-photo{height:430px}.product-photo{height:430px}.quote-section{padding:70px 0}.about-grid{gap:40px}.about-image{height:440px}.about-tag{right:0}.footer-main,.footer-bottom{flex-direction:column;align-items:flex-start}.contact{padding:75px 0}}@media(max-width:400px){.hero-visual{height:360px}.category-photo,.product-photo{height:330px}.hero-actions{gap:18px}.hero-stamp{width:95px;height:95px;font-size:8px}}

/* ===== Product Actions & Price ===== */
.product-meta{flex-wrap:wrap;gap:8px}
.product-meta .price{font-size:14px;font-weight:600;color:var(--burgundy);letter-spacing:0}
.product-actions{display:flex;gap:8px;padding:0 0 18px;flex-wrap:wrap}
.btn-cart,.btn-buy{flex:1;min-width:110px;padding:11px 12px;font-size:11px;font-weight:700;letter-spacing:.04em;border:none;cursor:pointer;transition:all .2s;border-radius:2px}
.btn-cart{background:#f3e9e0;color:var(--burgundy)}
.btn-cart:hover{background:#e8d5c8}
.btn-buy{background:var(--burgundy);color:#fff}
.btn-buy:hover{background:var(--deep);transform:translateY(-1px)}

/* ===== Cart Button in Header ===== */
.cart-btn{position:relative;background:none;border:0;cursor:pointer;padding:8px;color:var(--burgundy);display:flex;align-items:center}
.cart-count{position:absolute;top:0;right:0;background:var(--burgundy);color:#fff;font-size:10px;font-weight:700;width:18px;height:18px;border-radius:50%;display:none;align-items:center;justify-content:center}

/* ===== Floating WhatsApp ===== */
.wa-float{position:fixed;bottom:28px;right:28px;width:58px;height:58px;background:#25D366;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(37,211,102,.4);z-index:50;transition:transform .2s,box-shadow .2s}
.wa-float:hover{transform:scale(1.08);box-shadow:0 8px 28px rgba(37,211,102,.5)}

/* ===== Contact Buttons ===== */
.contact-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:28px}
.btn-whatsapp{display:inline-flex;align-items:center;gap:10px;background:#25D366;color:#fff!important;padding:16px 26px;font-size:13px;font-weight:700;letter-spacing:.03em;border-radius:4px;transition:transform .2s,background .2s}
.btn-whatsapp:hover{background:#1da851;transform:translateY(-2px)}
.btn-whatsapp.full{width:100%;justify-content:center;margin-bottom:10px}
.btn-outline.full{width:100%;justify-content:center;padding:14px;font-size:12px}

/* ===== Cart Sidebar ===== */
.cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);opacity:0;visibility:hidden;transition:all .3s;z-index:60}
.cart-overlay.open{opacity:1;visibility:visible}
.cart-sidebar{position:fixed;top:0;right:0;width:min(380px,100%);height:100%;background:#fff;z-index:70;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .35s ease;box-shadow:-8px 0 30px rgba(0,0,0,.12)}
.cart-sidebar.open{transform:translateX(0)}
.cart-header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid #eee}
.cart-header h3{margin:0;font-family:'Playfair Display',Georgia,serif;font-size:22px;font-weight:500}
.cart-close{background:none;border:0;font-size:28px;cursor:pointer;color:var(--muted);line-height:1}
.cart-items{flex:1;overflow-y:auto;padding:16px 24px}
.cart-empty{color:var(--muted);text-align:center;padding:40px 0;font-size:14px}
.cart-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #f0eae4}
.cart-item-info{display:flex;flex-direction:column;gap:4px}
.cart-item-info strong{font-size:14px}
.cart-item-info span{font-size:12px;color:var(--muted)}
.cart-item-actions{display:flex;align-items:center;gap:8px}
.qty-btn{width:28px;height:28px;border:1px solid #ddd;background:#faf6f1;cursor:pointer;font-size:16px;border-radius:3px;display:flex;align-items:center;justify-content:center}
.qty-btn:hover{background:#eee}
.remove-btn{background:none;border:0;color:#c44;font-size:20px;cursor:pointer;padding:0 4px}
.cart-footer{padding:20px 24px;border-top:1px solid #eee;background:#faf6f1}
.cart-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:15px}
.cart-total strong{font-size:18px;color:var(--burgundy)}

/* ===== Toast ===== */
.toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--deep);color:#fff;padding:14px 24px;border-radius:6px;font-size:13px;opacity:0;visibility:hidden;transition:all .3s;z-index:80;white-space:nowrap;box-shadow:0 6px 20px rgba(0,0,0,.2)}
.toast.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}

/* ===== Responsive extras ===== */
@media(max-width:700px){
  .nav-links .cart-btn{margin-top:8px}
  .product-actions{padding-bottom:14px}
  .wa-float{bottom:20px;right:20px;width:52px;height:52px}
  .contact-buttons{flex-direction:column;align-items:center}
}