/* Veloura UAE / V1.0 Phase 1: shared tokens and components. No external assets. */
body.vds {
 --vds-bg:#faf7f2; --vds-surface:#fffdfa; --vds-soft:#f0e9e0;
 --vds-ink:#302923; --vds-muted:#6f6258; --vds-line:#ded4c9;
 --vds-primary:#49372e; --vds-primary-hover:#34271f; --vds-accent:#d9bba7; --vds-focus:#7b5944;
 --vds-sans:Arial,Helvetica,sans-serif; --vds-serif:Georgia,'Times New Roman',serif;
 --vds-xs:.75rem; --vds-sm:.875rem; --vds-base:1rem; --vds-lg:1.125rem;
 --vds-h1:clamp(2rem,4vw,3rem); --vds-h2:clamp(1.6rem,3vw,2.4rem); --vds-h3:1.25rem;
 --vds-leading:1.6; --vds-heading-leading:1.15;
 --vds-space-1:4px; --vds-space-2:8px; --vds-space-3:12px; --vds-space-4:16px;
 --vds-space-6:24px; --vds-space-8:32px; --vds-space-12:48px; --vds-space-16:64px;
 --vds-width:1280px; --vds-gutter:20px; --vds-radius:8px;
 --ink:var(--vds-ink); --cream:var(--vds-bg); --rose:var(--vds-soft); --line:var(--vds-line); --white:var(--vds-surface);
 color:var(--vds-ink);background:var(--vds-bg);font-family:var(--vds-sans);font-size:var(--vds-base);line-height:var(--vds-leading);
}
body.vds *,body.vds *::before,body.vds *::after{box-sizing:border-box}
body.vds :where(h1,h2,h3,h4){font-family:var(--vds-serif);line-height:var(--vds-heading-leading);font-weight:500}
body.vds :where(.muted,.helper-text,.product-code){color:var(--vds-muted);font-size:var(--vds-sm)}
body.vds :where(button,input,select,textarea){font-family:var(--vds-sans)}
body.vds :where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--vds-focus);outline-offset:4px}
body.vds .page{max-width:var(--vds-width);padding-inline:var(--vds-gutter)}
.vds-container{width:100%;max-width:var(--vds-width);margin-inline:auto;padding-inline:var(--vds-gutter)}
.vds-heading-1{font-size:var(--vds-h1)}.vds-heading-2{font-size:var(--vds-h2)}.vds-heading-3{font-size:var(--vds-h3)}
.vds-stack>*+*{margin-top:var(--vds-space-6)}
/* Shared button contracts, mapped onto existing controls without changing handlers. */
body.vds :is(.btn,.outline,.vr-buy,.vds-button){border:1px solid var(--vds-primary);border-radius:var(--vds-radius);background:var(--vds-primary);color:var(--vds-surface);font:600 .875rem/1.3 var(--vds-sans);letter-spacing:.02em;min-height:46px;padding:12px 18px;cursor:pointer;text-align:center;transition:background .15s,border-color .15s}
body.vds :is(.btn.light,.vds-button-secondary){background:transparent;color:var(--vds-primary);border-color:var(--vds-line)}
body.vds :is(.btn,.outline,.vr-buy,.vds-button):hover{background:var(--vds-primary-hover);border-color:var(--vds-primary-hover);color:var(--vds-surface)}
body.vds :is(.btn,.outline,.vr-buy,.vds-button):disabled{opacity:.5;cursor:not-allowed}
body.vds :is(.card,.vr-product,.vds-product-card){background:var(--vds-surface);color:var(--vds-ink);border-color:var(--vds-line);border-radius:var(--vds-radius);min-width:0}
body.vds :is(.card-body,.vr-product){color:var(--vds-ink)}
body.vds :is(.price,.vr-price){color:var(--vds-primary);font-weight:700;font-variant-numeric:tabular-nums}
body.vds :is(.trust-strip,.checkout-reassure,.vds-trust){color:var(--vds-ink);border-color:var(--vds-line);background:var(--vds-soft);border-radius:var(--vds-radius)}
body.vds .trust-strip>div{background:var(--vds-surface)}
.vds-trust{display:flex;align-items:center;flex-wrap:wrap;gap:var(--vds-space-4);padding:var(--vds-space-4);font-size:var(--vds-sm)}
.vds-share{display:flex;align-items:center;flex-wrap:wrap;gap:var(--vds-space-2);font-size:var(--vds-sm);color:var(--vds-muted)}
.vds-share :is(a,button){display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px;border:1px solid var(--vds-line);border-radius:50%;background:var(--vds-surface);color:var(--vds-primary)}
/* Unified, compact header. Native details keeps navigation usable without JS. */
body.vds .vds-header{display:block;height:auto;min-height:0;padding:0;position:sticky;top:0;z-index:30;background:var(--vds-bg);border:0;border-bottom:1px solid var(--vds-line);color:var(--vds-ink);max-width:none}
.vds-header-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;max-width:var(--vds-width);margin:auto;padding:12px var(--vds-gutter);min-height:78px;position:relative}
body.vds .vds-brand{display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--vds-ink);text-decoration:none;font:500 31px/.95 var(--vds-serif);letter-spacing:-1px;white-space:nowrap}
.vds-brand span{font:500 8px/1 var(--vds-sans);letter-spacing:2.1px}
.vds-menu{justify-self:start;min-width:0}
body.vds .vds-menu summary{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;list-style:none;font:500 13px/1 var(--vds-sans);padding:0;border:0;background:none;color:var(--vds-ink)}
.vds-menu summary::-webkit-details-marker{display:none}
body.vds .vds-header svg{width:22px;height:22px;flex:none}
.vds-actions{display:flex;justify-content:flex-end;align-items:center;gap:0;min-width:0}
body.vds .vds-icon{display:inline-flex;justify-content:center;align-items:center;width:42px;min-height:44px;color:var(--vds-ink);position:relative}
.vds-cart .cart-count{position:absolute;right:0;top:0;min-width:15px;height:15px;border-radius:50%;font:600 10px/15px var(--vds-sans);text-align:center;background:var(--vds-soft);color:var(--vds-primary)}
body.vds .vds-menu-panel{position:absolute;left:var(--vds-gutter);right:var(--vds-gutter);top:100%;padding:24px;display:grid;grid-template-columns:1fr;gap:24px;background:var(--vds-surface);border:1px solid var(--vds-line);border-radius:0 0 var(--vds-radius) var(--vds-radius);box-shadow:0 18px 32px #30292312;max-height:calc(100dvh - 100px);overflow:auto;z-index:31}
.vds-menu:not([open]) .vds-menu-panel{display:none}
.vds-nav-heading{font:600 11px/1.4 var(--vds-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--vds-muted);margin:0 0 8px}
body.vds .vds-menu-panel a{display:flex;align-items:center;min-height:44px;font-size:15px;color:var(--vds-ink)}
/* Same navigation hierarchy on all UAE pages. */
body.vds .vds-footer{display:block;background:var(--vds-soft);color:var(--vds-ink);border-top:1px solid var(--vds-line);padding:48px 0 92px;font:var(--vds-sm)/var(--vds-leading) var(--vds-sans);margin:0}
.vds-footer-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px;max-width:var(--vds-width);padding:0 var(--vds-gutter);margin:auto}
.vds-footer-brand{grid-column:1/-1}
body.vds .vds-footer .vds-wordmark{font:500 36px/1.1 var(--vds-serif);letter-spacing:-1px;color:var(--vds-ink);margin:0}
body.vds .vds-footer-brand p{font-size:15px;line-height:1.7;color:var(--vds-muted);margin:16px 0 0;max-width:30ch}
body.vds .vds-footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:0}
body.vds .vds-footer h2{font:600 12px/1.4 var(--vds-sans);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;color:var(--vds-muted)}
body.vds .vds-footer nav a{display:flex;align-items:center;min-height:44px;font:14px/1.4 var(--vds-sans);margin:0;color:var(--vds-ink);text-decoration:none}
body.vds .vds-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.vds-footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:24px;border-top:1px solid var(--vds-line);font-size:11px;color:var(--vds-muted)}
@media(min-width:430px){body.vds{--vds-gutter:24px}.vds-actions{gap:4px}}
@media(min-width:768px){body.vds{--vds-gutter:32px}.vds-header-inner{min-height:90px}.vds-brand span{font-size:9px}.vds-menu-panel{grid-template-columns:repeat(3,minmax(0,1fr))!important}.vds-footer-inner{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}.vds-footer-brand{grid-column:auto}}
@media(min-width:1100px){body.vds{--vds-gutter:48px}.vds-header-inner{min-height:98px}body.vds .vds-brand{font-size:38px}body.vds .vds-footer{padding-top:64px}}
@media(prefers-reduced-motion:reduce){body.vds *{scroll-behavior:auto;transition:none}}