:root { --ink:#0b0b0b; --paper:#f5f4f0; --red:#c72026; --line:#d9d7d1; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; }
h1,h2,h3 { font-weight:900; }
strong,b { font-weight:700; }
button,a { color:inherit; }
button { font:inherit; }
svg { width:24px; height:24px; }

.announcement { height:40px; overflow:hidden; background:#101010; color:#fff; font-family:"Segoe UI",Tahoma,Arial,sans-serif; font-size:12px; letter-spacing:.075em; font-weight:700; border-bottom:1px solid #c9a227; }
.announcement-track { display:flex; width:max-content; min-width:max-content; align-items:center; height:100%; gap:34px; will-change:transform; animation:marquee 18s linear infinite both; }
.announcement-track span,.announcement-track b { white-space:nowrap; color:#fff; font-family:"Segoe UI",Tahoma,Arial,sans-serif; font-weight:700; transition:color .18s ease,text-shadow .18s ease; -webkit-tap-highlight-color:transparent; }
.announcement-track span[lang="ar"] { font-family:Tahoma,"Segoe UI",Arial,sans-serif; font-size:14px; letter-spacing:0; }
.announcement-track b { color:#c9a227; font-size:13px; }
.announcement:hover .announcement-track span,.announcement:hover .announcement-track b,
.announcement:active .announcement-track span,.announcement:active .announcement-track b { color:#c9a227; text-shadow:0 0 8px rgba(201,162,39,.95),0 0 18px rgba(201,162,39,.65); }
@keyframes marquee { from { transform:translate3d(0,0,0); } to { transform:translate3d(-50%,0,0); } }

.site-header { position:sticky; z-index:20; top:0; height:82px; padding:0 4vw; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; border-bottom:1px solid var(--line); background:rgba(245,244,240,.94); backdrop-filter:blur(12px); }
.brand { display:flex; align-items:center; gap:12px; text-decoration:none; width:max-content; }
.brand-mark { width:48px; height:32px; display:grid; place-items:center; background:#0b0b0b; color:#fff; font-family:Impact,Arial Black,sans-serif; font-size:14px; font-weight:900; letter-spacing:-.08em; transform:skew(-7deg); }
.brand-name,.footer-brand { font-family:Impact,Arial Black,sans-serif; font-size:21px; font-weight:900; letter-spacing:.04em; }
.desktop-nav { display:flex; gap:36px; font-size:12px; font-weight:400; letter-spacing:.08em; }
.desktop-nav a { text-decoration:none; position:relative; }
.desktop-nav a::after { content:""; position:absolute; left:0; bottom:-8px; width:0; height:2px; background:#111; transition:.2s; }
.desktop-nav a:hover::after { width:100%; }
.header-actions { justify-self:end; display:flex; align-items:center; gap:8px; }
.header-actions button,.drawer-head button { border:0; background:transparent; display:flex; align-items:center; gap:5px; padding:9px; cursor:pointer; }
#cartButton { font-size:23px; }
#cartButton span { min-width:19px; height:19px; display:grid; place-items:center; border-radius:50%; background:#111; color:#fff; font-size:11px; font-weight:700; }
.site-header>* { transition:opacity .22s ease,visibility .22s ease; }
.site-header.header-hidden { background:transparent; border-color:transparent; backdrop-filter:none; pointer-events:none; }
.site-header.header-hidden .brand,.site-header.header-hidden .desktop-nav,.site-header.header-hidden #menuButton { opacity:0; visibility:hidden; }
.site-header.header-hidden #cartButton { position:fixed; z-index:95; top:16px; right:18px; left:auto; transform:none; pointer-events:auto; border:1px solid #d8d3c8; border-radius:999px; background:#fff; box-shadow:0 8px 28px rgba(0,0,0,.2); }

.hero { position:relative; height:min(780px,calc(100vh - 117px)); min-height:610px; overflow:hidden; background:#d7d7d7; }
.hero>img { width:100%; height:100%; object-fit:cover; object-position:center 38%; filter:saturate(.78) contrast(1.03); }
.hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.67) 0%,rgba(0,0,0,.08) 55%,rgba(0,0,0,.05)); }
.hero-copy { position:absolute; left:6vw; bottom:10%; max-width:720px; color:#fff; }
.hero-copy>p,.eyebrow { margin:0 0 18px; font-size:11px; letter-spacing:.24em; font-weight:400; text-transform:uppercase; }
.hero-copy h1 { margin:0; font-family:Arial,Helvetica,sans-serif; font-size:clamp(74px,10vw,158px); letter-spacing:-.015em; line-height:.78; font-weight:400; }
.hero-copy>span { display:block; margin:30px 0 28px; max-width:430px; font-size:16px; line-height:1.5; }
.hero-copy>a { display:inline-flex; align-items:center; gap:38px; background:#fff; color:#111; text-decoration:none; padding:18px 22px; font-size:12px; font-weight:400; transition:.2s; }
.hero-copy>a:hover { background:var(--red); color:white; gap:48px; }
.hero-index { position:absolute; right:4vw; bottom:5%; color:#fff; font-size:12px; letter-spacing:.18em; }

.design-gallery { padding:88px 3vw 94px; overflow:hidden; border-bottom:1px solid var(--line); background:#111; color:#fff; }
.design-heading { display:flex; align-items:end; justify-content:space-between; gap:28px; margin:0 1vw 34px; }
.design-heading h2 { margin:0; font-size:clamp(42px,6vw,82px); line-height:.9; letter-spacing:-.035em; }
.design-heading>p { max-width:390px; margin:0; color:#c9a227; font-size:18px; font-weight:700; line-height:1.5; }
.design-rail { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(245px,28vw); gap:14px; overflow-x:auto; padding:0 1vw 18px; scroll-snap-type:x mandatory; scrollbar-color:#c9a227 #252525; }
.design-card { scroll-snap-align:start; }
.design-card button { position:relative; display:block; width:100%; padding:0; overflow:hidden; border:1px solid #333; background:#e6e3dc; cursor:pointer; }
.design-card img { display:block; width:100%; aspect-ratio:4/5; object-fit:cover; transition:transform .35s ease; }
.design-card button:hover img { transform:scale(1.035); }
.design-card span { position:absolute; top:12px; left:12px; width:34px; height:34px; display:grid; place-items:center; background:#111; color:#fff; font-size:10px; }
.design-card strong { position:absolute; right:12px; bottom:12px; padding:11px 15px; background:#111; color:#fff; font-size:10px; letter-spacing:.1em; }

.manifesto { padding:120px 6vw 110px; text-align:center; border-bottom:1px solid var(--line); }
.manifesto h2 { margin:0 auto 30px; max-width:1050px; font-family:Arial,Helvetica,sans-serif; font-size:clamp(52px,8vw,112px); line-height:.92; letter-spacing:.01em; font-weight:400; }
.manifesto h2 em { color:transparent; -webkit-text-stroke:1.5px #111; font-style:normal; }
.manifesto>p:last-child { max-width:610px; margin:0 auto; color:#565656; font-size:16px; line-height:1.7; }

.collection { padding:100px 3vw; }
.section-heading { display:flex; justify-content:space-between; align-items:end; margin:0 1vw 48px; }
.section-heading h2 { margin:0; font-family:Arial,Helvetica,sans-serif; font-size:clamp(50px,6vw,86px); line-height:.9; font-weight:400; }
.section-heading>p { margin:0; max-width:310px; color:#666; text-align:right; }
.offer-strip { position:relative; display:grid; grid-template-columns:minmax(190px,30%) 1fr; align-items:stretch; gap:0; min-height:190px; margin:0 1vw 42px; padding:0; overflow:hidden; border:2px solid #c9a227; background:linear-gradient(110deg,#080808 0%,#171006 100%); color:#fff; box-shadow:0 16px 40px rgba(0,0,0,.18); }
.offer-strip-landing { margin:18px 3vw; }
.offer-strip::after { content:""; position:absolute; inset:-70% auto -70% -25%; width:18%; transform:rotate(18deg); background:linear-gradient(90deg,transparent,rgba(255,220,115,.28),transparent); animation:offerShine 3.2s ease-in-out infinite; pointer-events:none; }
.offer-strip>img { width:100%; height:100%; min-height:190px; object-fit:cover; object-position:68% center; }
.offer-copy { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:11px; padding:24px 30px; text-align:center; }
.offer-copy p { margin:0; max-width:780px; color:#fff; font-size:clamp(14px,1.45vw,20px); font-weight:800; line-height:1.35; letter-spacing:.025em; }
.offer-copy .offer-ar { color:#f2cf63; font-family:Arial,Tahoma,sans-serif; font-size:clamp(18px,1.75vw,25px); letter-spacing:0; }
.urgent-badge { display:inline-flex; align-items:center; gap:6px; width:max-content; padding:9px 15px; border-radius:999px; background:#e1262f; color:#fff!important; font-size:12px; font-weight:900; letter-spacing:.1em; box-shadow:0 0 0 0 rgba(225,38,47,.8); animation:urgentBounce 1.15s ease-in-out infinite,urgentPulse 1.15s ease-out infinite; }
@keyframes urgentBounce { 0%,100% { transform:translateY(0) rotate(-1deg); } 45% { transform:translateY(-7px) rotate(1deg); } }
@keyframes urgentPulse { 0% { box-shadow:0 0 0 0 rgba(225,38,47,.72); } 75%,100% { box-shadow:0 0 0 13px rgba(225,38,47,0); } }
@keyframes offerShine { 0% { left:-25%; } 55%,100% { left:120%; } }
.product-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:56px 18px; }
.product-card { min-width:0; }
.product-image { position:relative; display:block; width:100%; aspect-ratio:1/1.08; padding:0; border:0; overflow:hidden; cursor:pointer; background:#e4e2dc; }
.product-image.dark { background:#d9d6cf; }
.product-image.light { background:#e8e8e5; }
.product-image img { width:100%; height:100%; object-fit:contain; transition:transform .55s cubic-bezier(.2,.65,.3,1); }
.product-image:hover img { transform:scale(1.035); }
.drop-number { position:absolute; top:18px; left:18px; width:34px; height:34px; display:grid; place-items:center; border:1px solid rgba(0,0,0,.35); background:rgba(255,255,255,.6); font-size:10px; font-weight:400; backdrop-filter:blur(5px); }
.quick-view { position:absolute; left:50%; bottom:18px; transform:translate(-50%,20px); opacity:0; background:#111; color:#fff; padding:14px 24px; font-size:10px; letter-spacing:.14em; font-weight:400; transition:.25s; }
.product-image:hover .quick-view { transform:translate(-50%,0); opacity:1; }
.product-info { display:flex; justify-content:space-between; gap:16px; padding:18px 4px 0; }
.product-info h3 { margin:0 0 7px; font-family:Arial,Helvetica,sans-serif; font-size:24px; font-weight:400; letter-spacing:.025em; }
.product-info p { margin:0; color:#777; font-size:12px; }
.product-info strong { white-space:nowrap; font-size:13px; }
.price-line { display:flex; align-items:center; gap:9px; white-space:nowrap; }
.old-price { color:#8b8b8b; font-size:12px; text-decoration:line-through; text-decoration-thickness:1.5px; }

.values { display:grid; grid-template-columns:repeat(3,1fr); background:#0c0c0c; color:#fff; }
.values>div { padding:70px 4vw; border-right:1px solid #323232; }
.values span { color:#e1262f; font-size:11px; letter-spacing:.2em; }
.values h3 { margin:48px 0 14px; font-family:Arial,Helvetica,sans-serif; font-size:34px; font-weight:400; }
.values p { margin:0; max-width:300px; color:#a8a8a8; line-height:1.6; font-size:13px; }

footer { padding:110px 5vw 36px; background:#e8e6e0; text-align:center; }
.footer-brand { font-size:clamp(80px,16vw,220px); line-height:.8; letter-spacing:-.025em; }
footer>p { margin:58px auto 30px; line-height:1.6; font-weight:400; font-size:13px; letter-spacing:.08em; }
footer>a { display:inline-flex; align-items:center; gap:8px; text-decoration:none; font-weight:400; }
footer>small { display:block; margin-top:90px; padding-top:24px; border-top:1px solid #cecbc4; font-size:9px; letter-spacing:.14em; }

.modal-backdrop { position:fixed; z-index:60; inset:0; background:rgba(0,0,0,.72); display:grid; place-items:center; padding:30px; }
.product-modal { position:relative; width:min(1050px,100%); height:min(94vh,820px); overflow:hidden; background:var(--paper); display:grid; grid-template-columns:1.15fr .85fr; }
.modal-close { position:absolute; z-index:2; right:18px; top:18px; display:grid; place-items:center; width:42px; height:42px; border:0; background:#fff; cursor:pointer; }
.modal-image { min-height:0; height:100%; background:#ddd; }
.modal-image img { width:100%; height:100%; object-fit:contain; }
.modal-copy { overflow-y:auto; padding:48px 38px 118px; }
.modal-copy h2 { margin:0 0 12px; font-family:Arial,Helvetica,sans-serif; font-size:48px; font-weight:400; }
.modal-prices { display:flex; align-items:center; gap:12px; }
.modal-prices .old-price { font-size:15px; }
.modal-prices strong { font-size:18px; }
.product-offer { width:max-content; max-width:100%; margin-top:16px; padding:9px 12px; border:1px solid #c9a227; color:#8d6d00; font-size:10px; letter-spacing:.08em; }
.modal-copy>p:not(.eyebrow) { margin:18px 0 22px; color:#666; line-height:1.5; font-size:13px; }
.choice-label { display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; font-size:11px; letter-spacing:.1em; }
.choice-label strong { color:#8d6d00; }
.colors { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:16px; }
.colors button { display:grid; grid-template-columns:20px 1fr 20px; align-items:center; gap:9px; min-height:50px; border:1px solid #bbb; background:transparent; padding:0 14px; cursor:pointer; text-align:left; }
.colors button i { width:18px; height:18px; border:1px solid #999; border-radius:50%; background:#fff; }
.colors button[data-color="NOIR"] i { background:#111; border-color:#111; }
.colors button b { font-size:17px; }
.colors button.active { border:3px solid #c9a227; background:#fff8dc; font-weight:900; box-shadow:0 0 0 2px rgba(201,162,39,.18); }
.modal-image[data-shirt-color="noir"] { background:#181818; }
.modal-image[data-shirt-color="blanc"] { background:#e7e5df; }
.size-label { display:flex; justify-content:space-between; font-size:11px; font-weight:400; letter-spacing:.1em; }
.size-label button { border:0; border-bottom:1px solid #111; padding:0; background:transparent; font-size:10px; cursor:pointer; }
.sizes { display:grid; grid-template-columns:repeat(4,1fr); margin:10px 0 14px; }
.sizes button { height:47px; border:1px solid #bbb; border-right:0; background:transparent; cursor:pointer; }
.sizes button:last-child { border-right:1px solid #bbb; }
.sizes button.active { background:#111; color:#fff; }
.sizes button.sold-out { position:relative; overflow:hidden; color:#9a9a9a; background:#f2f2f2; cursor:not-allowed; }
.sizes button.sold-out::after { content:""; position:absolute; left:8%; top:50%; width:84%; height:2px; background:#c9232d; transform:rotate(-20deg); transform-origin:center; }
.sizes button.sold-out small { display:block; margin-top:2px; color:#9a9a9a; font-size:6px; font-weight:800; letter-spacing:.04em; }
.add-button { width:100%; display:flex; justify-content:space-between; align-items:center; border:0; background:#111; color:#fff; padding:19px 22px; font-size:11px; font-weight:400; letter-spacing:.1em; cursor:pointer; }
.purchase-bar { position:absolute; z-index:3; right:0; bottom:0; width:40.5%; display:grid; grid-template-columns:132px 1fr; gap:10px; padding:12px 38px 16px; background:var(--paper); border-top:1px solid var(--line); box-sizing:border-box; }
.quantity-picker>span { display:block; margin-bottom:5px; font-size:9px; letter-spacing:.08em; }
.quantity-picker>div,.cart-quantity>div { display:grid; grid-template-columns:34px 34px 34px; align-items:center; border:1px solid #bbb; width:max-content; }
.quantity-picker button,.cart-quantity button { height:36px; border:0; background:transparent; font-size:20px; cursor:pointer; }
.quantity-picker strong,.cart-quantity strong { text-align:center; font-size:13px; }
.cart-quantity { display:flex; justify-content:space-between; align-items:center; margin:4px 0 8px; font-size:12px; color:#666; }
.cart-quantity>div { grid-template-columns:28px 28px 28px; }
.cart-quantity button { height:28px; font-size:17px; }

.drawer,.menu-drawer { position:fixed; z-index:80; top:0; right:0; width:min(440px,92vw); height:100dvh; transform:translateX(105%); background:var(--paper); transition:transform .35s cubic-bezier(.2,.7,.3,1); display:flex; flex-direction:column; }
.drawer { overflow-y:auto; }
.drawer.open,.menu-drawer.open { transform:translateX(0); }
.drawer-head { height:78px; min-height:78px; display:flex; align-items:center; justify-content:space-between; padding:0 24px; border-bottom:1px solid var(--line); }
.drawer>.drawer-head { position:sticky; top:0; z-index:2; background:var(--paper); }
.drawer-head h2 { font-family:Arial,Helvetica,sans-serif; font-size:22px; font-weight:400; }
.drawer-items { flex:0 0 auto; overflow:visible; padding:20px 22px 10px; min-height:150px; }
.empty { color:#777; text-align:center; margin-top:80px; }
.cart-item { display:grid; grid-template-columns:112px minmax(0,1fr); gap:18px; align-items:start; border:1px solid var(--line); padding:12px; margin-bottom:12px; background:#fff; }
.cart-item img { width:112px; height:140px; object-fit:cover; background:#ddd; }
.cart-item h3 { margin:1px 0 12px; font-size:16px; line-height:1.2; }
.cart-item-details p { display:flex; justify-content:space-between; gap:12px; margin:0 0 7px; font-size:12px; color:#666; }
.cart-item-details p strong { color:#111; font-size:12px; }
.cart-item-details .cart-item-price { padding-top:7px; margin-top:8px; border-top:1px solid var(--line); }
.cart-item-details .cart-item-price strong { font-size:16px; }
.cart-item button { border:0; background:transparent; padding:8px 0 0; font-size:9px; text-decoration:underline; cursor:pointer; color:#777; }
.drawer-total { flex:0 0 auto; padding:22px; border-top:1px solid var(--line); }
.drawer-total>div { display:flex; justify-content:space-between; margin-bottom:20px; font-weight:400; }
.cart-offer { margin:0 0 14px; padding:11px 6px; background:#eadcc5; color:#6f5610; text-align:center; font-family:"Segoe UI",Tahoma,Arial,sans-serif; font-size:8px; line-height:1.25; font-weight:800; letter-spacing:0; white-space:nowrap; }
.drawer-total>button { width:100%; border:0; background:#111; color:#fff; padding:18px; font-size:11px; font-weight:400; cursor:pointer; }
.drawer-total small { display:block; text-align:center; margin-top:10px; color:#777; }
.checkout-form { display:grid; gap:10px; margin-top:14px; }
.checkout-form label { display:grid; gap:6px; color:#555; font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.checkout-form input,.checkout-form textarea { width:100%; border:1px solid #c9c6bf; border-radius:0; background:#fff; color:#111; padding:12px; font:14px Arial,Helvetica,sans-serif; resize:vertical; }
.checkout-form input:focus,.checkout-form textarea:focus { outline:2px solid #c9a227; outline-offset:1px; }
.checkout-form button { width:100%; border:0; background:#111; color:#fff; padding:18px; font-size:11px; font-weight:700; cursor:pointer; }
.page-overlay { position:fixed; z-index:70; inset:0; border:0; background:rgba(0,0,0,.48); }
.menu-drawer nav { padding:30px; }
.menu-drawer nav a { display:flex; justify-content:space-between; padding:20px 0; border-bottom:1px solid var(--line); text-decoration:none; font-family:Arial,Helvetica,sans-serif; font-size:22px; font-weight:400; letter-spacing:.06em; }
.menu-drawer nav span { color:#999; font-family:Arial,sans-serif; font-size:10px; }
.toast { position:fixed; z-index:100; left:50%; bottom:28px; transform:translateX(-50%); background:#111; color:#fff; padding:15px 22px; font-size:11px; font-weight:400; box-shadow:0 12px 40px rgba(0,0,0,.25); }
.hidden { display:none!important; }

@media (max-width:800px) {
  .site-header { height:68px; padding:0 18px; grid-template-columns:1fr auto; }
  .desktop-nav { display:none; }
  .site-header .brand-name { display:none; }
  .brand-mark { width:40px; height:28px; font-size:12px; }
  .header-actions { position:static; }
  #cartButton { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:flex; align-items:center; font-size:27px; padding:8px 12px; }
  #menuButton { font-size:22px; }
  .hero { height:calc(100svh - 103px); min-height:620px; }
  .hero>img { object-position:58% center; }
  .hero-shade { background:linear-gradient(0deg,rgba(0,0,0,.75) 0%,rgba(0,0,0,.02) 65%); }
  .hero-copy { left:22px; right:22px; bottom:7%; }
  .hero-copy h1 { font-size:clamp(64px,21vw,92px); }
  .hero-copy>span { font-size:13px; margin:22px 0; }
  .hero-copy>a { padding:16px 18px; }
  .hero-index { display:none; }
  .design-gallery { padding:58px 4px 64px; }
  .design-heading { display:block; margin:0 16px 25px; }
  .design-heading h2 { font-size:46px; }
  .design-heading>p { margin-top:14px; font-size:16px; }
  .design-rail { grid-auto-columns:72vw; gap:10px; padding:0 12px 15px; }
  .manifesto { padding:84px 22px 76px; }
  .manifesto h2 { font-size:clamp(47px,15vw,68px); }
  .collection { padding:76px 12px; }
  .section-heading { display:block; margin:0 8px 30px; }
  .section-heading>p { text-align:left; margin-top:16px; font-size:13px; }
  .offer-strip { grid-template-columns:1fr; min-height:0; margin:0 8px 28px; }
  .offer-strip-landing { margin:10px 8px; }
  .offer-strip>img { height:128px; min-height:0; object-position:70% 55%; }
  .offer-copy { gap:10px; padding:20px 15px 22px; }
  .offer-copy p { font-size:14px; }
  .offer-copy .offer-ar { font-size:18px; line-height:1.45; }
  .urgent-badge { font-size:10px; padding:8px 12px; }
  .product-grid { gap:38px 9px; }
  .product-image { aspect-ratio:1/1.23; }
  .product-info { display:block; padding-top:12px; }
  .product-info h3 { font-size:19px; }
  .product-info p { display:none; }
  .product-info strong { display:block; margin-top:7px; font-size:11px; }
  .price-line { margin-top:7px; gap:7px; }
  .price-line strong { margin-top:0; }
  .old-price { font-size:10px; }
  .quick-view { display:none; }
  .drop-number { top:9px; left:9px; width:28px; height:28px; }
  .values { grid-template-columns:1fr; }
  .values>div { padding:48px 28px; border-right:0; border-bottom:1px solid #333; }
  .values h3 { margin-top:26px; }
  .footer-brand { font-size:20vw; }
  .product-modal { grid-template-columns:1fr; height:94vh; overflow-y:auto; }
  .modal-image { min-height:390px; max-height:48vh; }
  .modal-copy { overflow:visible; padding:32px 22px 110px; }
  .purchase-bar { position:sticky; width:auto; grid-template-columns:118px 1fr; margin:18px -22px -110px; padding:12px 22px 16px; }
  .modal-copy h2 { font-size:38px; }
  .modal-copy>p:not(.eyebrow) { margin:20px 0 26px; }
}

@media (prefers-reduced-motion:reduce) {
  * { scroll-behavior:auto!important; transition:none!important; }
  .announcement-track { animation:marquee 18s linear infinite both!important; }
}

/* Gold feedback across the full site: mouse hover and touch press. */
body :where(a,button,p,span,strong,small):hover,
body :where(a,button,p,span,strong,small):active,
body .gold-active {
  color:#c9a227!important;
  -webkit-text-stroke-color:#c9a227;
  text-shadow:0 0 7px rgba(201,162,39,.8),0 0 16px rgba(201,162,39,.45);
}

/* Keep every heading bold and in its original color. */
h1,h2,h3,
h1:hover,h2:hover,h3:hover,
h1:active,h2:active,h3:active {
  font-weight:900!important;
  color:inherit!important;
  text-shadow:none!important;
}

.manifesto h2 em,
.manifesto h2 em:hover,
.manifesto h2 em:active {
  color:transparent!important;
  -webkit-text-stroke:1.5px #111!important;
  text-shadow:none!important;
}

.product-image:hover,.product-image:active,
.brand-mark:hover,.brand-mark:active,
.product-image.gold-active,.brand-mark.gold-active {
  box-shadow:inset 0 0 0 2px #c9a227,0 0 18px rgba(201,162,39,.55);
}

/* Calm beige theme */
:root {
  --ink:#40362d;
  --paper:#f7f0e6;
  --red:#a86f5a;
  --line:#d8c9b8;
}
.announcement { background:#8d755f; color:#fffaf2; border-bottom-color:#cdb28e; }
.announcement-track span { color:#fffaf2; }
.announcement-track b { color:#ead8bd; }
.site-header { background:rgba(247,240,230,.95); }
.brand-mark,#cartButton span { background:#78614d; color:#fffaf2; }
.desktop-nav a::after { background:#8d755f; }
.site-header.header-hidden #cartButton { background:#fffaf2; border-color:#d8c9b8; box-shadow:0 8px 28px rgba(94,72,54,.16); }
.hero-shade { background:linear-gradient(90deg,rgba(92,68,50,.68) 0%,rgba(92,68,50,.10) 55%,rgba(92,68,50,.05)); }
.hero-copy>a { background:#fffaf2; color:#5d4939; }
.hero-copy>a:hover { background:#a98968; color:#fffaf2; }
.design-gallery { background:#d8c3a8; color:#40362d; }
.design-heading>p { color:#745d49; }
.design-rail { scrollbar-color:#9d8062 #eadfce; }
.design-card button { border-color:#c1aa8f; background:#eee2d2; }
.design-card span,.design-card strong,.quick-view { background:#78614d; color:#fffaf2; }
.manifesto h2 em { -webkit-text-stroke-color:#806851; }
.offer-strip { border-color:#c2a27c; background:linear-gradient(110deg,#e8d7bf 0%,#f5eadb 100%); color:#493b30; box-shadow:0 16px 40px rgba(94,72,54,.13); }
.offer-copy p { color:#493b30; }
.offer-copy .offer-ar { color:#785d40; }
.offer-strip::after { background:linear-gradient(90deg,transparent,rgba(255,250,239,.72),transparent); }
.values { background:#cdb89d; color:#40362d; }
.values>div { border-color:#bba386; }
.values span { color:#8f5e4c; }
.values p { color:#5d4e40; }
footer { background:#eadcca; }
.sizes button.active,.add-button,.drawer-total>button,.checkout-form button,.toast { background:#78614d; color:#fffaf2; }
.page-overlay,.modal-backdrop { background:rgba(82,62,46,.48); }
.cart-item,.checkout-form input,.checkout-form textarea,.modal-close { background:#fffaf2; }
.cart-offer { background:#ead8c0; color:#684f34; }
.checkout-form input:focus,.checkout-form textarea:focus { outline-color:#aa8963; }
body :where(a,button,p,span,strong,small):hover,
body :where(a,button,p,span,strong,small):active,
body .gold-active { color:#9a7450!important; -webkit-text-stroke-color:#9a7450; text-shadow:0 0 7px rgba(154,116,80,.35); }
.product-image:hover,.product-image:active,
.brand-mark:hover,.brand-mark:active,
.product-image.gold-active,.brand-mark.gold-active { box-shadow:inset 0 0 0 2px #b79570,0 0 18px rgba(154,116,80,.28); }

/* Four-card desktop presentation matching the approved beige reference. */
@media (min-width:1001px) {
  .product-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:34px 14px; }
  .product-info h3 { font-size:18px; }
  .product-image { aspect-ratio:1/1.12; background:#f4ebdf; border:1px solid #dccbb8; border-radius:8px; }
  .product-info { padding:14px 5px 0; }
}
@media (max-width:800px) {
  .hero-shade { background:linear-gradient(0deg,rgba(92,68,50,.76) 0%,rgba(92,68,50,.03) 65%); }
  .values>div { border-bottom-color:#bba386; }
  .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* V24: centered collection title, free offer layout, Bordeaux accent. */
.design-heading {
  display:block;
  margin:0 auto 38px;
  text-align:center;
}
.design-heading>div { display:block; }
.design-heading .eyebrow { margin-bottom:12px; color:#8b3f3f; }
.design-heading>p {
  max-width:560px;
  margin:14px auto 0;
  color:#5f5043;
  font-size:14px;
  font-weight:400;
}
.offer-strip,
.offer-strip-landing {
  border:0;
  box-shadow:none;
  background:transparent;
  overflow:visible;
}
.offer-strip::after { display:none; }
.offer-strip>img { border-radius:10px; }
.urgent-badge { background:#8b3f3f; }
.offer-copy .offer-ar,
.design-heading>p,
.choice-label strong,
.product-offer { color:#8b3f3f; }
.announcement { border-bottom-color:#8b3f3f; }
.announcement-track b { color:#f3d7d7; }
.announcement:hover .announcement-track span,
.announcement:hover .announcement-track b,
.announcement:active .announcement-track span,
.announcement:active .announcement-track b,
body :where(a,button,p,span,strong,small):hover,
body :where(a,button,p,span,strong,small):active,
body .gold-active {
  color:#8b3f3f!important;
  -webkit-text-stroke-color:#8b3f3f;
  text-shadow:0 0 7px rgba(139,63,63,.28);
}
.checkout-form input:focus,.checkout-form textarea:focus { outline-color:#8b3f3f; }
.colors button.active { border-color:#8b3f3f; box-shadow:0 0 0 2px rgba(139,63,63,.14); }
@media (max-width:800px) {
  .design-heading { margin:0 16px 28px; text-align:center; }
  .design-heading>p { margin:12px auto 0; text-align:center; }
  .offer-strip,.offer-strip-landing { margin-left:8px; margin-right:8px; }
}

/* V26: two products per desktop row so all ten fill the grid evenly. */
@media (min-width:1001px) {
  .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px 18px; max-width:1480px; margin:0 auto; }
  .product-info h3 { font-size:24px; }
  .product-image { aspect-ratio:1/1.08; }
}

/* V28: promotion image displayed alone, large and uncropped. */
.offer-strip,
.offer-strip-landing {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  width:min(1200px,calc(100% - 32px));
  min-height:0;
  margin:24px auto 38px;
  padding:0;
}
.offer-strip>.urgent-badge { order:0; }
.offer-strip>img {
  order:1;
  display:block;
  width:100%;
  height:auto;
  min-height:0;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center;
}
@media (max-width:800px) {
  .offer-strip,.offer-strip-landing { width:calc(100% - 16px); margin:16px auto 28px; gap:11px; }
  .offer-strip>img { width:100%; height:auto; min-height:0; object-fit:contain; }
}

/* V29: more compact desktop products and promotion width. */
@media (min-width:1001px) {
  .product-grid { max-width:900px; }
  .offer-strip,.offer-strip-landing { width:min(1200px,calc(100% - 48px)); }
  .offer-strip>img { width:1200px; max-width:100%; height:420px; object-fit:fill; }
}

/* V33: Instagram and other in-app browser viewport fix. */
html,body {
  width:100%;
  min-width:0;
  max-width:100%;
  overflow-x:hidden;
}
body>main {
  display:block;
  width:100%;
  min-width:100%;
  max-width:100%;
  overflow-x:hidden;
}
.announcement,.site-header,.hero,.design-gallery,.collection,.values,footer {
  width:100%;
  max-width:100%;
}
@media (max-width:800px) {
  .hero-copy { left:22px; right:22px; width:auto; max-width:calc(100% - 44px); }
  .hero-copy h1 { max-width:100%; font-size:clamp(52px,17vw,78px); overflow-wrap:anywhere; }
  .announcement,.site-header,.hero,.design-gallery,.collection,.values,footer { box-sizing:border-box; }
}
/* V34 — avis client */
.rating-section{background:#0a0a0a;color:#fff;text-align:center;padding:72px 20px;border-top:1px solid #242424;border-bottom:1px solid #242424}
.rating-section .eyebrow{color:#c99a39;margin:0 0 10px;font-size:.78rem;letter-spacing:.18em}
.rating-section h2{margin:0;font-size:clamp(1.8rem,5vw,3.4rem);line-height:1}
.rating-section>p[lang="ar"]{margin:14px auto 22px;color:#cfcfcf;font-size:1rem}
.rating-stars{display:flex;justify-content:center;gap:7px;direction:ltr}
.rating-stars button{appearance:none;border:0;background:transparent;color:#555;font-size:clamp(2.45rem,10vw,4.2rem);line-height:1;padding:4px;cursor:pointer;transition:color .15s ease,transform .15s ease;text-shadow:0 2px 12px rgba(0,0,0,.28)}
.rating-stars button:hover,.rating-stars button:focus-visible{transform:translateY(-2px);outline:none}
.rating-stars button.active{color:#d7a83f}
.rating-status{min-height:24px;margin:14px 0 18px;color:#eee;font-weight:700}
.rating-send{border:1px solid #d7a83f;background:#d7a83f;color:#080808;padding:14px 20px;font-weight:900;letter-spacing:.04em;cursor:pointer;transition:opacity .2s ease,transform .15s ease}
.rating-send:not(:disabled):active{transform:scale(.98)}
.rating-send:disabled{opacity:.35;cursor:not-allowed}
@media(max-width:520px){.rating-section{padding:52px 14px}.rating-stars{gap:2px}.rating-stars button{padding:3px}.rating-send{width:100%;max-width:360px;font-size:.78rem}}
.rating-history{width:min(760px,100%);margin:34px auto 0;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #292929;background:#111}
.rating-history>div{padding:22px 12px;border-right:1px solid #292929}
.rating-history>div:last-child{border-right:0}
.rating-history strong{display:block;color:#d7a83f;font-size:clamp(1.6rem,5vw,2.6rem);line-height:1}
.rating-history span{display:block;margin-top:9px;color:#aaa;font-size:.7rem;font-weight:800;letter-spacing:.08em}
.rating-history-note{margin:12px 0 0!important;color:#888!important;font-size:.82rem!important}
@media(max-width:520px){.rating-history>div{padding:17px 5px}.rating-history span{font-size:.58rem;letter-spacing:.03em}}
.google-rating-box{display:flex;flex-direction:column;justify-content:center;align-items:center}
.google-stars{position:relative;display:inline-block;font-size:clamp(1.25rem,3.8vw,2rem);line-height:1;letter-spacing:2px;white-space:nowrap}
.google-stars-empty{color:#454545}
.google-stars-fill{position:absolute;inset:0 auto 0 0;width:0;overflow:hidden;color:#fbbc04;transition:width .45s ease}
@media(max-width:520px){.google-stars{font-size:1.12rem;letter-spacing:0}}

/* V37 — simple Google-style rating */
.rating-section-simple{width:100%;box-sizing:border-box;padding:34px 16px;background:inherit;color:inherit;text-align:center}
.rating-google-line{display:flex;align-items:center;justify-content:center;gap:10px;direction:ltr;white-space:nowrap}
.rating-google-line>strong{font-size:clamp(1.25rem,4vw,1.7rem);line-height:1;color:inherit}
.rating-stars-simple{display:flex;gap:1px;direction:ltr}
.rating-stars-simple button{appearance:none;border:0;background:transparent;color:#fbbc04;font-size:clamp(1.65rem,5vw,2.15rem);line-height:1;padding:1px;cursor:pointer;transition:transform .12s ease,filter .12s ease}
.rating-stars-simple button:hover,.rating-stars-simple button:focus-visible{transform:scale(1.15);filter:brightness(1.08);outline:none}
.rating-stars-simple button.selected{transform:scale(1.12);filter:drop-shadow(0 0 5px rgba(251,188,4,.55))}
.rating-count{font-size:clamp(.95rem,3vw,1.15rem);color:inherit}
.rating-count b{font:inherit}
.rating-feedback{display:block;min-height:18px;margin-top:7px;font-size:.78rem;color:#a47d19}
@media(max-width:420px){.rating-section-simple{padding:28px 8px}.rating-google-line{gap:6px}.rating-stars-simple button{font-size:1.48rem;padding:0}.rating-count{font-size:.88rem}}

/* V38 — compact footer wordmark */
footer .footer-brand{position:relative;display:inline-block;width:auto;max-width:calc(100% - 38px);font-size:clamp(58px,10vw,132px);line-height:.86;white-space:nowrap}
footer .footer-brand sup{position:absolute;top:-.18em;right:-.72em;font-family:Arial,sans-serif;font-size:.16em;font-weight:700;line-height:1;letter-spacing:0}
@media(max-width:600px){footer .footer-brand{font-size:clamp(48px,14vw,72px);max-width:calc(100% - 28px)}footer .footer-brand sup{right:-.65em;font-size:.18em}}