*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-ui);font-size:var(--text-body);line-height:var(--leading-body)}:lang(ar){font-family:var(--font-ar)}img{display:block;max-width:100%;height:auto}a{color:inherit;text-underline-offset:var(--space-1)}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{touch-action:manipulation}button,.button,.woocommerce a.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);min-height:var(--control-height);padding:var(--space-3) var(--space-8);border:var(--border-width) solid var(--color-text);border-radius:var(--radius-sm);background:var(--color-text);color:var(--color-bg);text-decoration:none;cursor:pointer;font-size:var(--text-small);transition:background var(--duration-fast) var(--ease-olo)}button:hover,.button:hover{background:var(--color-accent-hover)}button:disabled,.button.disabled{opacity:.5;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:var(--focus-width) solid var(--color-accent);outline-offset:var(--focus-offset)}input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{max-width:100%;min-height:var(--control-height);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-text);padding:var(--space-3) var(--space-4)}input[type=checkbox],input[type=radio]{accent-color:var(--color-text)}label{display:block;font-size:var(--text-small);margin-block-end:var(--space-2)}h1,h2,h3,h4{font-weight:500;line-height:var(--leading-ui);margin:0 0 var(--space-6)}h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}p{margin:0 0 var(--space-6)}ul{padding-inline-start:var(--space-6)}.container{width:min(100% - var(--gutter)*2,var(--container));margin-inline:auto}.section{padding-block:var(--section-space)}.reading{max-width:var(--reading)}.editorial,.hero h1{font-family:var(--font-editorial);font-size:var(--text-display);font-weight:400;line-height:var(--leading-editorial);letter-spacing:var(--tracking-editorial)}:lang(ar) .editorial,:lang(ar) .hero h1{font-family:var(--font-ar);line-height:var(--leading-ui)}.editorial em,.hero em{font-weight:400;color:var(--color-accent)}.eyebrow{text-transform:uppercase;letter-spacing:var(--tracking-label);font-size:var(--text-caption);font-weight:500;margin-block-end:var(--space-6)}.text-link{display:inline-flex;min-height:var(--target-size);align-items:center;font-size:var(--text-small);text-decoration:underline}.skip-link{position:fixed;inset-block-start:var(--space-4);inset-inline-start:var(--space-4);z-index:100;background:var(--color-bg);padding:var(--space-4);transform:translateY(-200%)}.skip-link:focus{transform:none}.announcement{min-height:var(--announcement-height);display:grid;place-items:center;background:var(--olo-espresso);color:var(--olo-ivory);font-size:var(--text-caption);letter-spacing:var(--tracking-label)}.site-header{min-height:var(--header-height);padding-inline:var(--gutter);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-block-end:var(--border-width) solid var(--color-border);background:var(--color-bg);position:relative;z-index:10}.brand{display:block;width:var(--logo-width);line-height:0}.brand svg{width:100%;stroke:currentColor;stroke-width:1.5;fill:none}.custom-logo-link img{max-width:var(--logo-width);max-height:var(--space-12);object-fit:contain}.site-header nav ul{display:flex;list-style:none;gap:var(--space-6);margin:0;padding:0}.site-header nav a{display:inline-flex;align-items:center;min-height:var(--target-size);font-size:var(--text-caption);text-transform:uppercase;text-decoration:none}.utility-nav{display:flex;justify-content:flex-end;gap:var(--space-6)}.mobile-menu{display:none}.hero{display:grid;grid-template-columns:42% 58%;min-height:var(--hero-height);max-width:var(--page-max);margin-inline:auto}.hero-copy{padding:var(--space-20) var(--gutter);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero h1{font-size:var(--text-display-xl);margin-block-end:var(--space-8)}.hero-copy>p:not(.eyebrow){color:var(--color-text-muted)}.hero-index{display:block;margin-block-start:var(--space-16);font-size:var(--text-caption);color:var(--color-text-muted)}.hero-media{position:relative;min-width:0;overflow:hidden}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:left top}.media-caption{position:absolute;inset-inline-end:var(--space-6);inset-block-end:var(--space-6);padding:var(--space-2) var(--space-3);background:var(--color-bg);font-size:var(--text-caption)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-8);margin-block-end:var(--space-12)}.section-heading>p{color:var(--color-text-muted)}.featured-piece{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-20);align-items:center}.featured-piece>li{list-style:none}.piece-story{max-width:var(--drawer-width)}.detail-section{display:grid;grid-template-columns:1fr 1fr;background:var(--color-surface)}.detail-media{aspect-ratio:4/5;overflow:hidden}.detail-media img{width:100%;height:100%;object-fit:cover;object-position:right bottom}.editorial-copy{padding:var(--space-20);align-self:center}.lifestyle{display:grid;grid-template-columns:1fr 1.4fr;align-items:center;gap:var(--space-20)}.lifestyle-media{aspect-ratio:4/5;overflow:hidden}.lifestyle-media img{width:100%;height:100%;object-fit:cover}.colorways{text-align:center;border-block-start:var(--border-width) solid var(--color-border)}.attribute-list{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-12);margin-block:var(--space-10)}.attribute-list h3{font-size:var(--text-small)}.standard-section{background:var(--olo-espresso);color:var(--olo-ivory);padding-block:var(--section-space);text-align:center}.standard-section .eyebrow{color:var(--olo-ivory)}.campaign{aspect-ratio:16/9;overflow:hidden}.campaign img{width:100%;height:100%;object-fit:cover}.final-cta{text-align:center}.site-footer{padding-block:var(--space-16) var(--space-6);border-block-start:var(--border-width) solid var(--color-border)}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-12)}.footer-grid .brand{margin-block-end:var(--space-6)}.footer-grid nav{display:flex;flex-direction:column;align-items:flex-start}.footer-grid nav a{min-height:var(--target-size);font-size:var(--text-small)}.footer-grid nav ul{list-style:none;margin:0;padding:0}.footer-bottom{display:flex;justify-content:space-between;margin-block-start:var(--space-16);padding-block-start:var(--space-6);border-block-start:var(--border-width) solid var(--color-border);font-size:var(--text-caption);color:var(--color-text-muted)}.checkout-header{grid-template-columns:1fr 1fr}.checkout-header>span{text-align:end;font-size:var(--text-small)}.search-fields{display:flex;gap:var(--space-3)}.bag-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(100%,var(--drawer-width));height:100dvh;max-height:100dvh;border:0;border-inline-start:var(--border-width) solid var(--color-border);background:var(--color-bg);color:var(--color-text);padding:var(--space-6);overflow:auto}.bag-dialog::backdrop{background:var(--olo-black);opacity:.5}.bag-heading{display:flex;justify-content:space-between;align-items:center;margin-block-end:var(--space-8)}.bag-heading h2{font-size:var(--text-h3);margin:0}.bag-heading button{padding:var(--space-2);width:var(--target-size);background:transparent;color:var(--color-text);border:0}.bag-dialog [role=alert]{border-inline-start:var(--focus-width) solid var(--color-error);padding:var(--space-4)}body:has(dialog[open]){overflow:hidden}[hidden]{display:none!important}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-content>h1{margin-block-end:var(--space-12)}
@media(max-width:1023px){.desktop-nav{display:none}.mobile-menu{display:block}.mobile-menu summary{cursor:pointer;min-height:var(--target-size);display:flex;align-items:center;font-size:var(--text-caption);text-transform:uppercase}.mobile-menu nav{position:absolute;inset-inline:0;inset-block-start:100%;background:var(--color-bg);padding:var(--space-6);border-block-end:var(--border-width) solid var(--color-border)}.mobile-menu nav ul{flex-direction:column;gap:var(--space-2)}.utility-nav{gap:var(--space-3)}.account-link{display:none!important}.editorial-copy{padding:var(--space-10)}.featured-piece,.lifestyle{gap:var(--space-10)}}
@media(max-width:767px){.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:var(--space-12) var(--gutter)}.hero-media{height:var(--hero-height)}.hero-index{margin-block-start:var(--space-8)}.hero-copy .eyebrow{margin-block-end:var(--space-4)}.section-heading{display:block}.section-heading>p{margin-block-start:var(--space-6)}.featured-piece,.detail-section,.lifestyle{grid-template-columns:1fr}.editorial-copy{padding:var(--space-16) var(--gutter)}.footer-grid{grid-template-columns:1fr;gap:var(--space-8)}.footer-bottom{gap:var(--space-6);flex-wrap:wrap}.campaign{aspect-ratio:4/5}.utility-nav a{font-size:var(--text-caption)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.featured-product-list{list-style:none;margin:0;padding:0}.olo-content-page>.reading{margin-block-end:var(--space-12)}.olo-content-page .editorial{max-width:14ch}.olo-contact-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--space-12);align-items:start}.olo-contact-layout.has-no-details{display:block}.olo-contact-panel{padding:var(--space-8);background:var(--color-surface);border:var(--border-width) solid var(--color-border)}.olo-contact-panel h2{font-family:var(--font-editorial);font-size:var(--text-h3);font-weight:400}.olo-contact-panel address{margin-block-end:var(--space-5);font-style:normal}.olo-contact-panel .text-link{display:flex;width:max-content}.olo-policy-meta{font-size:var(--text-small);color:var(--color-text-muted);margin-block-end:var(--space-10)}.olo-policy-content h2{margin-block-start:var(--space-12)}.olo-policy-content h3{margin-block-start:var(--space-8)}@media(max-width:767px){.olo-contact-layout{grid-template-columns:1fr;gap:var(--space-8)}.olo-contact-panel{padding:var(--space-5)}}
button,.button,.woocommerce a.button,input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{border-radius:var(--control-radius)}
button,.button,.woocommerce a.button{transition:background var(--duration-fast) var(--ease-olo),border-color var(--duration-fast) var(--ease-olo),color var(--duration-fast) var(--ease-olo)}
.site-header nav a{font-size:var(--text-small);font-weight:500}
.olo-contact-panel{border-radius:var(--card-radius)}
.brand-olo-luxury{display:inline-flex;align-items:center;text-decoration:none;color:inherit;width:auto;line-height:1}
.brand-olo__wrap{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px}
.brand-olo__mark{font-family:var(--font-editorial);font-size:26px;font-weight:700;letter-spacing:0.16em;line-height:1;color:var(--color-text);transition:color var(--duration-fast) var(--ease-olo)}
.brand-olo-luxury:hover .brand-olo__mark{color:var(--olo-walnut)}
.brand-olo__sub{font-family:var(--font-ui);font-size:7.5px;font-weight:700;letter-spacing:0.32em;text-transform:uppercase;color:var(--olo-walnut);line-height:1;padding-inline-start:0.32em}
.brand-olo--light .brand-olo__mark{color:var(--olo-pearl)}
.brand-olo--light .brand-olo__sub{color:#c5a880}
.site-header{padding-inline:max(var(--gutter), calc((100% - var(--container)) / 2 + var(--gutter)))}
.site-footer{padding-block:var(--space-10) var(--space-6)}
.footer-bottom{margin-block-start:var(--space-10)}
.site-header .custom-logo-link{display:inline-flex;align-items:center;justify-content:center;line-height:0;text-decoration:none;transition:transform var(--duration-fast) var(--ease-olo),opacity var(--duration-fast) var(--ease-olo)}
.site-header .custom-logo-link:hover{opacity:.92;transform:translateY(-1px)}
.site-header .custom-logo-link img,.site-header .custom-logo-link picture img,.site-header img.custom-logo{max-width:155px;max-height:52px;width:auto;height:auto;object-fit:contain;display:block}
@media(max-width:767px){.site-header .custom-logo-link img,.site-header .custom-logo-link picture img,.site-header img.custom-logo{max-width:48px;max-height:42px}}
.site-footer .custom-logo-link img,.site-footer img.custom-logo{max-width:175px;max-height:68px;width:auto;height:auto;object-fit:contain;display:block}

/* ==========================================================================
   OlO Luxury Floating WhatsApp Concierge
   ========================================================================== */
.olo-floating-whatsapp {
  position: fixed;
  z-index: 85;
  transition: transform var(--duration-fast) var(--ease-olo), opacity var(--duration-fast) var(--ease-olo);
}

.olo-floating-whatsapp--bottom-left {
  inset-inline-start: 24px;
  bottom: 28px;
}

.olo-floating-whatsapp--bottom-right {
  inset-inline-end: 24px;
  bottom: 28px;
}

.olo-floating-whatsapp__pill {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  padding: 10px 18px 10px 14px;
  background: rgba(22, 17, 14, 0.92);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(197, 168, 128, 0.38);
  border-radius: 9999px;
  color: #FAF6F0 !important;
  text-decoration: none;
  font-family: var(--font-ui);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.22), 0 2px 6px rgba(197, 168, 128, 0.12);
  cursor: pointer;
  transition: all var(--duration-fast) var(--ease-olo);
  user-select: none;
}

.olo-floating-whatsapp__pill:hover {
  background: rgba(14, 11, 9, 0.98);
  border-color: rgba(197, 168, 128, 0.85);
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.32), 0 0 16px rgba(197, 168, 128, 0.25);
  color: #FFFFFF !important;
}

.olo-floating-whatsapp__status {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10px;
  height: 10px;
  flex-shrink: 0;
}

.olo-status-dot {
  width: 8px;
  height: 8px;
  background: #25D366;
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(37, 211, 102, 0.7);
  z-index: 2;
}

.olo-status-ring {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(37, 211, 102, 0.45);
  animation: olo-status-pulse 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

@keyframes olo-status-pulse {
  0% {
    transform: scale(0.9);
    opacity: 0.8;
  }
  70% {
    transform: scale(2.3);
    opacity: 0;
  }
  100% {
    transform: scale(2.3);
    opacity: 0;
  }
}

.olo-floating-whatsapp__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #25D366;
  flex-shrink: 0;
  transition: transform var(--duration-fast) var(--ease-olo);
}

.olo-floating-whatsapp__pill:hover .olo-floating-whatsapp__icon {
  transform: scale(1.1);
}

.olo-floating-whatsapp__text {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
  white-space: nowrap;
  color: inherit;
}

/* Mobile & PDP Sticky Bar Avoidance */
@media (max-width: 767px) {
  .olo-floating-whatsapp--bottom-left {
    inset-inline-start: 16px;
    bottom: calc(18px + env(safe-area-inset-bottom, 0px));
  }
  .olo-floating-whatsapp--bottom-right {
    inset-inline-end: 16px;
    bottom: calc(18px + env(safe-area-inset-bottom, 0px));
  }
  /* On mobile single-product, avoid overlapping the CTA stack since dedicated PDP WhatsApp button is active */
  body.single-product .olo-floating-whatsapp {
    display: none !important;
  }
  .olo-floating-whatsapp__pill {
    padding: 8px 14px 8px 11px;
  }
  .olo-floating-whatsapp__text {
    font-size: 12px;
  }
}

/* ==========================================================================
   Arabic Typography & Hierarchy Optimization (CRO & Readability)
   ========================================================================== */
:lang(ar),
[dir="rtl"] {
  font-family: var(--font-ar, "IBM Plex Sans Arabic", "Alexandria", system-ui, -apple-system, sans-serif);
  letter-spacing: normal !important;
}

:lang(ar) h1, :lang(ar) h2, :lang(ar) h3, :lang(ar) h4, :lang(ar) h5, :lang(ar) h6,
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4, [dir="rtl"] h5, [dir="rtl"] h6 {
  font-family: var(--font-ar, "IBM Plex Sans Arabic", "Alexandria", system-ui, -apple-system, sans-serif);
  letter-spacing: 0 !important;
  line-height: 1.45 !important;
  text-transform: none !important;
}

:lang(ar) .editorial,
:lang(ar) .hero h1,
[dir="rtl"] .editorial,
[dir="rtl"] .hero h1 {
  font-family: var(--font-ar, "IBM Plex Sans Arabic", "Alexandria", system-ui, -apple-system, sans-serif);
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
}

:lang(ar) h1, :lang(ar) h2, :lang(ar) h3, :lang(ar) h4, :lang(ar) .editorial, :lang(ar) .eyebrow, :lang(ar) .button, :lang(ar) .olo-brand-menswear, [dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4, [dir="rtl"] .editorial, [dir="rtl"] .eyebrow, [dir="rtl"] .button {
  letter-spacing: 0 !important;
}

:lang(ar) .eyebrow,
[dir="rtl"] .eyebrow {
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-size: var(--text-caption, 12px);
  font-weight: 600;
}

:lang(ar) button, :lang(ar) .button, :lang(ar) .text-link,
[dir="rtl"] button, [dir="rtl"] .button, [dir="rtl"] .text-link {
  letter-spacing: 0 !important;
  font-weight: 600;
}

/* VIP Private List Newsletter in Footer */
.olo-footer-vip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-8, 2rem);
  padding-block-end: var(--space-10, 2.5rem);
  margin-block-end: var(--space-10, 2.5rem);
  border-block-end: var(--border-width, 1px) solid var(--color-border);
}
.olo-footer-vip__info {
  max-width: 480px;
}
.olo-footer-vip__headline {
  font-family: var(--font-editorial, inherit);
  font-size: var(--text-h3, 1.25rem);
  font-weight: 500;
  letter-spacing: var(--tracking-label, 0.05em);
  text-transform: uppercase;
  margin: 0 0 var(--space-2, 0.5rem);
}
:lang(ar) .olo-footer-vip__headline,
[dir="rtl"] .olo-footer-vip__headline {
  font-family: var(--font-ar, inherit);
  letter-spacing: 0 !important;
  text-transform: none !important;
}
.olo-footer-vip__sub {
  font-size: var(--text-small, 0.875rem);
  color: var(--color-text-muted);
  margin: 0;
  line-height: var(--leading-ui, 1.5);
}
.olo-footer-vip__action {
  flex-shrink: 0;
  width: min(100%, 420px);
}
.olo-footer-vip .olo-vip-input-group {
  display: flex;
  gap: var(--space-2, 0.5rem);
}
.olo-footer-vip .olo-vip-input-group input {
  flex: 1;
  min-height: var(--control-height, 44px);
  background: rgba(0, 0, 0, 0.02);
  border: 1px solid var(--color-border);
  color: var(--color-text);
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-sm, 4px);
  font-size: var(--text-small, 0.875rem);
}
.olo-footer-vip .olo-vip-input-group .button {
  white-space: nowrap;
  min-height: var(--control-height, 44px);
  padding: 0 var(--space-6);
  font-size: var(--text-small, 0.875rem);
  gap: var(--space-2);
}
.olo-footer-vip .olo-vip-success {
  margin-block-start: var(--space-3);
  font-size: var(--text-small, 0.875rem);
  color: var(--color-accent, #c5a059);
}
@media (max-width: 768px) {
  .olo-footer-vip {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-6);
  }
  .olo-footer-vip__action {
    width: 100%;
  }
  .olo-footer-vip .olo-vip-input-group {
    flex-direction: column;
  }
  .olo-footer-vip .olo-vip-input-group .button {
    width: 100%;
    justify-content: center;
  }
}