/** Shopify CDN: Minification failed

Line 657:1 Expected identifier but found "."
Line 664:1 Expected identifier but found "."
Line 5054:84 Unexpected "\\r\\nsticky-add-to-cart"
Line 5054:165 Expected ":"
Line 5054:194 Expected ":"
Line 5060:0 Unexpected "@media"

**/
@font-face {
  font-family: "Tajarib";
  src: url("tajarib-regular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Tajarib";
  src: url("tajarib-medium.woff") format("woff");
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
}

@font-face {
  font-family: "Tajarib";
  src: url("tajarib-bold.woff") format("woff");
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
}

@font-face {
  font-family: "Personality";
  src: url("personality-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

:root {
  --nitaaq-green: #083030;
  --nitaaq-gold: #d0b078;
  --nitaaq-cream: #f6f3ec;
  --nitaaq-ink: #172b28;
  --font-body--family: "Tajarib", sans-serif;
  --font-subheading--family: "Tajarib", sans-serif;
  --font-heading--family: "Personality", "Tajarib", sans-serif;
  --font-accent--family: "Personality", "Tajarib", sans-serif;
}

html[dir="rtl"] body,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea {
  font-family: "Tajarib", sans-serif;
}

html[dir="ltr"] body,
html[dir="ltr"] button,
html[dir="ltr"] input,
html[dir="ltr"] select,
html[dir="ltr"] textarea {
  font-family: "Tajarib", sans-serif;
}

html[dir="ltr"] h1,
html[dir="ltr"] h2,
html[dir="ltr"] h3,
html[dir="ltr"] .product-title,
html[dir="ltr"] .header-menu__link {
  font-family: "Personality", "Tajarib", sans-serif;
}

.header__row,
.header__row--top,
.header__row--bottom {
  background: #fff;
}

.announcement-bar {
  background: var(--nitaaq-green);
  color: #fff;
  letter-spacing: .075em;
}

.nitaaq-campaign {
  position: relative;
  display: grid;
  min-height: clamp(500px, 68vw, 760px);
  overflow: hidden;
  isolation: isolate;
  color: #fff;
  background: var(--nitaaq-green);
}

.nitaaq-campaign__image,
.nitaaq-campaign__shade {
  position: absolute;
  inset: 0;
}

.nitaaq-campaign__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 38%;
}

.nitaaq-campaign__shade {
  z-index: 1;
  background: linear-gradient(90deg, rgb(4 31 28 / 55%), rgb(4 31 28 / 6%) 75%);
}

.nitaaq-campaign__content {
  position: relative;
  z-index: 2;
  align-self: end;
  justify-self: start;
  width: min(650px, 100%);
  padding: clamp(28px, 7vw, 88px);
}

html[dir="rtl"] .nitaaq-campaign__content { justify-self: start; text-align: right; }

.nitaaq-campaign__eyebrow,
.nitaaq-eyebrow,
.nitaaq-age-card__eyebrow {
  margin: 0 0 12px;
  color: var(--nitaaq-gold);
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.nitaaq-campaign__content h1 {
  max-width: 11ch;
  margin: 0 0 14px;
  color: inherit;
  font-size: clamp(2.6rem, 6.4vw, 6rem);
  font-weight: 400;
  line-height: .98;
}

html[dir="rtl"] .nitaaq-campaign__content h1 { font-family: "Tajarib", sans-serif; line-height: 1.18; }

.nitaaq-campaign__content > p:not(.nitaaq-campaign__eyebrow) {
  max-width: 36rem;
  margin: 0 0 28px;
  font-size: clamp(1rem, 1.5vw, 1.25rem);
}

.nitaaq-button {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 12px 20px;
  border: 1px solid currentColor;
  color: inherit;
  font-size: .92rem;
  text-decoration: none;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.nitaaq-button--light { border-color: #fff; color: #fff; }
.nitaaq-button--light:hover { background: #fff; color: var(--nitaaq-green); }
.nitaaq-button--green { color: var(--nitaaq-green); }
.nitaaq-button--green:hover { background: var(--nitaaq-green); color: #fff; }

.nitaaq-age-groups { padding-block: clamp(44px, 7vw, 88px); }

.nitaaq-age-groups__intro {
  max-width: 760px;
  margin: 0 auto 30px;
  padding-inline: 24px;
  text-align: center;
}

.nitaaq-age-groups__intro h2 {
  margin: 0 0 8px;
  color: var(--nitaaq-green);
  font-size: clamp(2rem, 4vw, 3.35rem);
  font-weight: 400;
}

.nitaaq-age-groups__intro > p:last-child { margin: 0; color: var(--nitaaq-ink); }
.nitaaq-age-groups__intro .nitaaq-eyebrow { margin-bottom: 8px; color: #8c7041; }

.nitaaq-age-groups__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(8px, 1.1vw, 16px);
}

.nitaaq-age-card {
  position: relative;
  display: flex;
  min-height: clamp(380px, 52vw, 680px);
  overflow: hidden;
  align-items: flex-end;
  isolation: isolate;
  color: #fff;
  background: var(--nitaaq-green);
  text-decoration: none;
}

.nitaaq-age-card__media,
.nitaaq-age-card__veil { position: absolute; inset: 0; z-index: -1; }
.nitaaq-age-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s cubic-bezier(.2,.7,.2,1); }
.nitaaq-age-card:hover .nitaaq-age-card__media img { transform: scale(1.035); }
.nitaaq-age-card--children .nitaaq-age-card__media img { object-position: 58% center; }
.nitaaq-age-card--generation { background-color: #16483f; }
.nitaaq-age-card__pattern { opacity: .48; }
.nitaaq-age-card__veil { background: linear-gradient(0deg, rgb(4 31 28 / 76%), rgb(4 31 28 / 0%) 72%); }
.nitaaq-age-card__content { display: grid; justify-items: start; padding: clamp(22px, 4vw, 50px); }
.nitaaq-age-card__title { max-width: 15ch; color: #fff; font-size: clamp(2rem, 4.5vw, 4.35rem); line-height: 1.05; }
html[dir="rtl"] .nitaaq-age-card__title { font-family: "Tajarib", sans-serif; line-height: 1.25; }
.nitaaq-age-card__link { display: inline-flex; align-items: center; gap: 14px; margin-top: 18px; border-bottom: 1px solid var(--nitaaq-gold); padding-bottom: 6px; color: #fff; font-size: .95rem; }
.nitaaq-age-card__link span { color: var(--nitaaq-gold); }

.nitaaq-story {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
  align-items: center;
  gap: clamp(28px, 6vw, 88px);
  padding-block: clamp(48px, 8vw, 104px);
}

/* Legacy story reset */
.nitaaq-story__media { display: none !important; }

.color-scheme-1,
.color-scheme-2,
.color-scheme-3,
.color-scheme-4,
.color-scheme-5 { --color-primary: var(--nitaaq-green); }

.product-card__media img,
.resource-card__image img { transition: transform .55s ease; }

.collection-wrapper { row-gap: 0; }
.product-grid { --product-grid-gap-desktop: 24px 12px; --product-grid-gap-mobile: 14px 8px; }
.product-card__content { padding-block: 10px 16px; }
.product-card__title { color: var(--nitaaq-green); font-size: .98rem; }
.product-card__price { color: var(--nitaaq-ink); font-size: .92rem; }
.product-grid__item img { display: block; }
.facets, .facets__summary { font-family: "Tajarib", sans-serif; }
.product-information__content { max-width: 620px; }
.product-information__media img { background: var(--nitaaq-cream); }
.product-information__accordion { border-color: #ddd6c7; }
.shopify-section-group-footer-group footer { background: var(--nitaaq-green); color: #fff; }
.shopify-section-group-footer-group footer a { color: inherit; }

.nitaaq-age-card:focus-visible,
.nitaaq-button:focus-visible { outline: 2px solid var(--nitaaq-gold); outline-offset: 4px; }
html[dir="rtl"] .nitaaq-button span,
html[dir="rtl"] .nitaaq-age-card__link span { transform: scaleX(-1); }

@media screen and (max-width: 749px) {
  .nitaaq-campaign { min-height: 72svh; min-height: min(76svh, 720px); }
  .nitaaq-campaign__image img { object-position: 60% center; }
  .nitaaq-campaign__shade { background: linear-gradient(0deg, rgb(4 31 28 / 70%), rgb(4 31 28 / 5%) 74%); }
  .nitaaq-campaign__content { align-self: end; padding: 26px 22px 34px; }
  .nitaaq-campaign__content h1 { max-width: 12ch; font-size: clamp(2.45rem, 12vw, 4rem); }
  .nitaaq-age-groups__intro { margin-bottom: 20px; }
  .nitaaq-age-groups__grid { grid-template-columns: 1fr; gap: 8px; }
  .nitaaq-age-card { min-height: 110vw; max-height: 620px; }
  .nitaaq-age-card__content { padding: 24px; }
  .nitaaq-age-card__title { font-size: clamp(2rem, 10vw, 3.3rem); }
}

@media (prefers-reduced-motion: reduce) {
  .nitaaq-age-card__media img,
  .nitaaq-button { transition: none; }
}

/* Full bleed campaign image, with no added headline or overlay copy. */
.nitaaq-campaign { display: block; min-height: 0; aspect-ratio: 16 / 7; background: var(--nitaaq-green); }
.nitaaq-campaign__image { position: relative; inset: auto; width: 100%; height: 100%; }
.nitaaq-campaign__image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
@media (max-width: 749px) {
  .nitaaq-campaign { aspect-ratio: 4 / 5; }
  .nitaaq-campaign__image img { object-position: 60% center; }
}

/* Editorial COS-inspired home composition using only Nitaaq catalog media. */
.nitaaq-home-mosaic {
  position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: clamp(210px, 27vw, 440px); overflow: hidden; background: #f4f1ec;
}
.nitaaq-home-mosaic__tile { display: block; min-width: 0; overflow: hidden; background: #eee9e2; }
.nitaaq-home-mosaic__tile img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .7s ease; }
.nitaaq-home-mosaic__tile:hover img { transform: scale(1.025); }
.nitaaq-home-mosaic__brand {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  display: grid; place-items: center; width: min(32vw, 360px); aspect-ratio: 1.7;
  background: rgb(255 255 255 / 94%); padding: clamp(14px, 2vw, 30px);
}
.nitaaq-home-mosaic__brand img { display: block; width: 100%; height: 100%; object-fit: contain; }
@media (max-width: 749px) {
  .nitaaq-home-mosaic { grid-template-columns: repeat(2, minmax(0,1fr)); grid-auto-rows: 60vw; }
  .nitaaq-home-mosaic__brand { width: 54vw; }
}

/* A fine gold finish at the bottom of the navigation. */
#header-group header-component { position: relative; }
#header-group header-component::after {
  content: ""; position: absolute; z-index: 3; inset-inline: 0; bottom: 0;
  height: 2px; background: var(--nitaaq-gold, #D0B078); pointer-events: none;
}

/* Collection product cards clean COS-inspired styling */
.product-grid__item:not(.nitaaq-collection-editorial) .product-card__content {
  padding: 0;
  background: transparent !important;
  border: none !important;
  border-bottom: none !important;
}
.product-grid__item:not(.nitaaq-collection-editorial) .product-card__title { font-size: .95rem; line-height: 1.4; }
.product-grid__item:not(.nitaaq-collection-editorial) .product-card__price { font-weight: 500; }
.nitaaq-collection-editorial { grid-column: span 2; grid-row: span 2; min-height: 100%; overflow: hidden; background: var(--nitaaq-cream, #f4f1ec); }
.nitaaq-collection-editorial a,
.nitaaq-collection-editorial img { display: block; width: 100%; height: 100%; }
.nitaaq-collection-editorial img { object-fit: cover; transition: transform .7s ease; }
.nitaaq-collection-editorial:hover img { transform: scale(1.02); }
@media (max-width: 749px) {
  .nitaaq-collection-editorial { grid-column: span 2; grid-row: span 1; aspect-ratio: 1 / .78; }
  .product-grid__item:not(.nitaaq-collection-editorial) .product-card__content { padding: 0; }
}
.nitaaq-collection-editorial > div,
.nitaaq-collection-editorial img { display: block; width: 100%; height: 100%; }

/* Collection pages begin with an image mosaic built from the active collection. */
.nitaaq-collection-feature {
  grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 2px;
  width: 100%; margin-block: 0 44px; background: #f3f0eb;
}
.nitaaq-collection-feature__lead { min-width: 0; min-height: 0; aspect-ratio: .86; overflow: hidden; }
.nitaaq-collection-feature__products { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 2px; min-width: 0; }
.nitaaq-collection-feature__products a { display: block; min-width: 0; min-height: 0; overflow: hidden; background: #f5f3ef; }
.nitaaq-collection-feature__products a:first-child { grid-row: 1 / span 2; }
.nitaaq-collection-feature img { display: block; width: 100%; height: 100%; object-fit: cover; }
.nitaaq-collection-feature__lead img { object-position: center; }
.nitaaq-collection-feature__products img { transition: transform .6s ease; }
.nitaaq-collection-feature__products a:hover img { transform: scale(1.025); }
#header-group #header-component { position: relative; }
#header-group #header-component::after { height: 2.5px; }
#header-group .menu-list__link { font-size: clamp(12px, .95vw, 14px); }
@media (max-width: 749px) {
  .nitaaq-collection-feature { margin-block-end: 24px; gap: 2px; }
  .nitaaq-collection-feature__lead { aspect-ratio: .68; }
  .nitaaq-collection-feature__products { grid-template-columns: 1fr 1fr; grid-template-rows: repeat(2, 42vw); }
  #header-group .menu-list__link { font-size: 14px; }
}
#header-group .menu-list__link { font-size: clamp(15px, 1vw, 16px); }
@media (max-width: 749px) { #header-group .menu-list__link { font-size: 15px; } }
.nitaaq-home-mosaic__brand { display: none !important; }

/* Clear age entry points on collection pages. */
.nitaaq-age-switch {
  grid-column: 1 / -1; display: flex; justify-content: center; gap: clamp(8px, 1.4vw, 20px);
  padding: 4px 0 20px; border-bottom: 1px solid #e7e1d5; margin-bottom: 4px;
}
.nitaaq-age-switch__item {
  display: inline-flex; align-items: baseline; gap: 8px; padding: 10px 18px;
  border: 1px solid #d0b078; color: var(--nitaaq-green, #083030); text-decoration: none;
  font-size: 15px; line-height: 1.3; transition: background-color .18s ease, color .18s ease;
}
.nitaaq-age-switch__item small { color: inherit; font-size: .82em; }
a.nitaaq-age-switch__item:hover { background: var(--nitaaq-green, #083030); color: #fff; }
.nitaaq-age-switch__item--unlinked { opacity: .82; }
@media (max-width: 749px) {
  .nitaaq-age-switch { gap: 8px; padding-bottom: 14px; }
  .nitaaq-age-switch__item { justify-content: center; flex: 1 1 0; gap: 5px; padding: 10px 7px; font-size: 13px; }
}
/* Nitaaq side navigation and fitting drawer */
.nitaaq-header-menu{display:flex;align-items:center;gap:20px}.nitaaq-menu{position:relative}.nitaaq-menu>summary{list-style:none;cursor:pointer;width:30px;height:32px;display:grid;align-items:center}.nitaaq-menu>summary::-webkit-details-marker{display:none}.nitaaq-menu__icon{display:grid;gap:5px;width:22px}.nitaaq-menu__icon i{height:1px;background:currentColor;display:block}.nitaaq-menu__icon i:nth-child(2){width:75%}.nitaaq-menu__backdrop,.nitaaq-size-finder__backdrop{position:fixed;z-index:1000;inset:0;background:rgb(0 0 0 / 38%)}.nitaaq-menu__panel,.nitaaq-size-finder__panel{position:fixed;z-index:1001;inset-block:0;inset-inline-start:0;width:min(480px,92vw);background:#fff;color:#111;transform:translateX(-105%);transition:transform .3s ease;padding:32px;display:flex;flex-direction:column}.nitaaq-menu[open] .nitaaq-menu__panel{transform:translateX(0)}.nitaaq-menu[open] .nitaaq-menu__backdrop{display:block}.nitaaq-menu__header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:8px}.nitaaq-menu__logo{display:inline-flex;align-items:center;text-decoration:none}.nitaaq-menu__logo img{object-fit:contain;width:84px;height:44px;max-height:44px;display:block}.nitaaq-menu__close,.nitaaq-size-finder__close{border:0;background:none;font-size:30px;line-height:1;cursor:pointer;color:inherit}.nitaaq-size-finder__close{align-self:flex-end}.nitaaq-menu__panel ul{list-style:none;padding:22px 0 0;margin:0;display:grid;gap:16px}.nitaaq-menu__panel ul a{font-size:1.1rem;text-decoration:none;color:inherit;transition:color .2s ease}.nitaaq-menu__panel ul a:hover,.nitaaq-menu__service a:hover{color:#8c7041!important}.nitaaq-menu__service{margin-top:clamp(75px,12vh,125px)!important;display:grid;gap:13px;font-size:.87rem;max-width:340px}.nitaaq-menu__service p{margin:0 0 5px}.nitaaq-menu__signup{text-transform:uppercase;font-size:.75rem;letter-spacing:.07em}.nitaaq-menu__service a{color:inherit;text-decoration:none;transition:color .2s ease}.nitaaq-track-order{font-size:.72rem;text-decoration:none;white-space:nowrap;color:inherit}.header__column--center .header-logo img{max-height:42px!important}.nitaaq-size-open{font:inherit;font-size:.72rem;border:0;background:none;color:inherit;white-space:nowrap;cursor:pointer;padding:8px 4px}.nitaaq-size-finder__panel{inset-inline-start:auto;inset-inline-end:0;transform:translateX(105%);overflow:auto;width:min(460px,95vw);padding:28px}.nitaaq-size-finder__panel:not([hidden]){transform:translateX(0)}.nitaaq-size-finder__panel[hidden],.nitaaq-size-finder__backdrop[hidden]{display:none}.nitaaq-size-finder__step{text-align:center;text-transform:uppercase;font-size:.7rem;letter-spacing:.08em}.nitaaq-size-finder__panel h2,.nitaaq-size-finder__panel h3{text-align:center;font-weight:500;margin:12px 0}.nitaaq-size-finder__intro,.nitaaq-size-finder__page>p{text-align:center;color:#777}.nitaaq-size-finder__page{display:grid;gap:15px;margin-top:22px}.nitaaq-size-finder__page[hidden]{display:none}.nitaaq-size-finder__page>label{display:grid;gap:7px;font-size:.85rem}.nitaaq-size-finder__page input[type=number]{padding:14px;border:1px solid #ccc;font:inherit}.nitaaq-size-finder__next,.nitaaq-size-finder__buttons button,.nitaaq-size-finder__page>[data-back]{padding:14px;background:#083030;color:white;border:0;cursor:pointer}.nitaaq-size-finder__next{margin-top:14px}.nitaaq-size-finder__buttons{display:flex;gap:12px}.nitaaq-size-finder__buttons button{flex:1}.nitaaq-size-finder__buttons button:first-child,.nitaaq-size-finder__page>[data-back]{background:white;color:#111;border:1px solid #ccc}.nitaaq-fit-illustration{display:block;width:220px;height:210px;margin:auto}.nitaaq-fit-illustration .garment{fill:#f3f1ed;stroke:#222;stroke-width:2;transform-box:fill-box;transform-origin:center;transition:transform .2s}.nitaaq-fit-illustration[data-fit=slimmer] .garment{transform:scaleX(.86)}.nitaaq-fit-illustration[data-fit=wider] .garment{transform:scaleX(1.12)}.nitaaq-fit-illustration .seam{fill:none;stroke:#aaa;stroke-width:1.3}.nitaaq-size-finder__choices{display:flex;justify-content:space-around}.nitaaq-size-finder__choices label{display:grid;justify-items:center;gap:7px}.nitaaq-size-finder__result{font-size:3rem;text-align:center;padding:20px}.nitaaq-size-finder__pending{font-size:.9rem}.nitaaq-editorial-category{position:relative}.nitaaq-editorial-category__images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.nitaaq-editorial-category__images a{display:block;overflow:hidden;aspect-ratio:4/5}.nitaaq-editorial-category__images img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.nitaaq-editorial-category__images a:hover img{transform:scale(1.02)}.nitaaq-editorial-category__title{position:absolute;z-index:2;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;gap:10px;text-align:center;color:#fff;text-decoration:none;text-shadow:0 1px 10px #0008;white-space:nowrap}.nitaaq-editorial-category__title strong{font-size:clamp(1.5rem,3vw,3rem);font-weight:500;text-transform:uppercase}.nitaaq-editorial-category__title span{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:749px){.nitaaq-header-menu{gap:8px}.nitaaq-track-order{display:none}.header__column--center .header-logo__image{max-height:38px!important}.nitaaq-size-open{font-size:.62rem}.nitaaq-editorial-category__title strong{font-size:1.5rem}}
.header__column--center .header-logo__image{max-height:44px!important}
html[dir="rtl"] .nitaaq-menu__panel{transform:translateX(105%)}html[dir="rtl"] .nitaaq-menu[open] .nitaaq-menu__panel{transform:translateX(0)}
@media(max-width:749px){.header__column--center .header-logo__image{max-height:38px!important}}
.nitaaq-home-mosaic__tile img{transition:none!important}
/* Header polish and overlays */
.nitaaq-menu[open] .nitaaq-menu__panel{background:#fff!important;color:#083030!important;inset-block:0;height:100dvh;max-height:100dvh;padding:clamp(24px,4vw,42px);box-sizing:border-box;display:flex!important;visibility:visible!important;pointer-events:auto!important}
.nitaaq-menu__backdrop,.nitaaq-size-finder__backdrop{z-index:20000}
.nitaaq-menu__panel,.nitaaq-size-finder__panel{z-index:20001;background:#fff;color:#083030}
.nitaaq-menu__service{margin-top:clamp(75px,12vh,125px)!important;padding-top:24px;border-top:1px solid rgb(208 176 120 / 55%)}@media(max-width:749px){.nitaaq-menu__service{margin-top:clamp(45px,8vh,75px)!important}}
.nitaaq-menu__signup{font-size:.9rem;font-weight:600;letter-spacing:.05em;color:#083030}
.nitaaq-menu__drawer-link{font:inherit;font-size:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:inherit;display:inline-block;transition:color .2s ease}
.nitaaq-menu__service a:hover,.nitaaq-menu__drawer-link:hover{color:#8c7041!important}
.nitaaq-size-open,.nitaaq-track-order{font-size:.88rem;font-weight:500;color:#083030!important;text-decoration:none!important;white-space:nowrap;border:0!important;background:transparent!important;box-shadow:none!important;padding:4px 6px!important;line-height:1.2;cursor:pointer;transition:color .2s ease,text-decoration .2s ease}
.nitaaq-size-open:hover,.nitaaq-track-order:hover{background:transparent!important;border:0!important;box-shadow:none!important;color:#8c7041!important;text-decoration:underline!important;text-underline-offset:4px}
.nitaaq-header-menu{gap:12px}
.header-actions .nitaaq-track-order{margin-inline:8px}
.nitaaq-size-finder__panel{position:fixed!important;inset-block:0!important;inset-inline:0 0!important;height:100dvh;max-height:100dvh;box-sizing:border-box;background:#fff!important;color:#083030!important}
.nitaaq-editorial-category__title{inset: auto auto 24px 50%;transform:translateX(-50%);background:rgb(8 48 48 / 86%);padding:12px 22px;text-shadow:none;min-width:150px}
.nitaaq-editorial-category__title strong{font-size:clamp(1.7rem,3vw,3.2rem)}
.nitaaq-editorial-category__title span{font-size:clamp(1rem,1.7vw,1.45rem);letter-spacing:.04em}
.header__column--right .localization-form,.header__column--right localization-form,.header__column--right .localization-wrapper{order:99}
@media(max-width:749px){.nitaaq-size-open,.nitaaq-track-order{font-size:.75rem!important;padding:3px 4px!important}.nitaaq-track-order{display:inline-flex}.nitaaq-header-menu{gap:7px}.nitaaq-editorial-category__title{bottom:13px;padding:9px 14px;min-width:120px}}
.header__column--right{gap:clamp(8px,1vw,18px)}
.header__column--right .dropdown-localization{order:99}
.nitaaq-size-finder__panel{inset-inline-start:auto!important;inset-inline-end:0!important;width:min(460px,95vw)!important}
/* Refine image captions, utility links, and the size panel */
.nitaaq-editorial-category__title{background:transparent!important;padding:10px 14px;min-width:0;gap:5px;transition:background-color .2s ease,color .2s ease}
.nitaaq-editorial-category__title:hover{background:rgb(8 48 48 / 22%)!important;color:#fff;backdrop-filter:blur(2px);text-shadow:0 1px 8px rgb(0 0 0 / 55%)}
.nitaaq-editorial-category__main-title{display:flex;align-items:center;justify-content:center;gap:10px}
.nitaaq-editorial-category__title strong{font-size:clamp(1rem,1.45vw,1.25rem)!important;font-weight:500}
.nitaaq-editorial-category__title span:not(.nitaaq-editorial-category__main-title):not(.nitaaq-editorial-category__arrow){font-size:clamp(1rem,1.4vw,1.25rem)!important;letter-spacing:0}
.nitaaq-editorial-category__arrow{font-size:1.15em;line-height:1;transition:transform .2s ease}
.nitaaq-editorial-category__title:hover .nitaaq-editorial-category__arrow{transform:translateX(4px)}
.search-action{align-items:center;gap:clamp(4px,.8vw,12px)}
.search-action .nitaaq-track-order{border:0!important;background:transparent!important;box-shadow:none!important;padding:4px 6px!important;font-size:.84rem;color:#083030!important;transition:color .2s ease,text-decoration .2s ease}
.search-action .nitaaq-track-order:hover{background:transparent!important;border:0!important;box-shadow:none!important;color:#8c7041!important;text-decoration:underline!important;text-underline-offset:4px}
.nitaaq-size-finder__panel{overflow-x:hidden!important;max-width:100vw!important;overscroll-behavior-x:none}
.nitaaq-size-finder__page,.nitaaq-size-finder__choices,.nitaaq-size-finder__buttons{max-width:100%;min-width:0;box-sizing:border-box}
.nitaaq-size-finder__choices{width:100%;gap:4px;justify-content:space-between;overflow:hidden}
.nitaaq-size-finder__choices label{min-width:0;flex:1 1 0;text-align:center;white-space:nowrap}
.nitaaq-size-finder__buttons button:first-child{flex:0 0 34%;padding:10px 12px}
.nitaaq-size-finder__buttons button:last-child{flex:1 1 auto}
.nitaaq-size-finder__page>[data-back]{justify-self:center;padding:9px 20px;width:auto}

@media(max-width:749px){.search-action .nitaaq-track-order{font-size:.72rem!important;padding:3px 4px!important;margin-inline-end:6px}.nitaaq-size-finder__pending{font-size:.94rem;max-width:30ch}.nitaaq-size-finder__buttons button:first-child{flex-basis:30%}}/* Nitaaq new arrivals */
.nitaaq-new-arrivals{display:block!important;--nitaaq-ink:#083030;--nitaaq-gold:#d0b078;color:var(--nitaaq-ink)}
.nitaaq-collection-heading{position:relative;text-align:center;padding:22px 24px 18px;background:#fff}.nitaaq-collection-heading h1{font-size:clamp(20px,2vw,28px);letter-spacing:.035em;margin:0;font-weight:500}.nitaaq-collection-breadcrumb{position:absolute;left:24px;top:50%;transform:translateY(-50%);margin:0;font-size:13px;color:#626b67}.nitaaq-collection-breadcrumb a{color:inherit;text-decoration:none}
.nitaaq-collection-toolbar{position:sticky;top:var(--header-group-height,0px);z-index:20;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;min-height:58px;padding:0 24px;background:#fff;color:var(--nitaaq-ink);border-block:1px solid #e8e8e5}.nitaaq-collection-toolbar__filter{justify-self:start}.nitaaq-collection-toolbar__links{grid-column:2;display:flex;justify-content:center;gap:clamp(24px,5vw,72px)}.nitaaq-collection-toolbar__links a{color:inherit;text-decoration:none;text-transform:uppercase;font-size:12px;letter-spacing:.06em}.nitaaq-collection-toolbar .facets-block-wrapper{margin:0!important;padding:0!important}.nitaaq-collection-toolbar .facets__form-wrapper{width:auto}.nitaaq-collection-toolbar .facets__form{display:flex;align-items:center}.nitaaq-collection-toolbar .facets__filters-wrapper{display:none}.nitaaq-collection-toolbar .facets__sort-wrapper,.nitaaq-collection-toolbar .facets__grid-density-wrapper,.nitaaq-collection-toolbar .facets__products-count{display:none!important}.nitaaq-collection-toolbar .facets-toggle{padding:8px 0!important;color:inherit;font-size:13px}.nitaaq-collection-toolbar .facets-toggle svg{width:18px;height:18px}
.nitaaq-arrival-feature{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2fr);gap:28px;max-width:1500px;margin:18px auto 70px;padding:0 24px;align-items:stretch}.nitaaq-arrival-feature__copy{position:sticky;top:calc(var(--header-group-height,100px) + 80px);align-self:start;margin-top:30vh;padding:0 20px 20px 0}.nitaaq-arrival-feature__eyebrow{font-size:11px;letter-spacing:.14em;color:#727875}.nitaaq-arrival-feature__copy h2{font-size:17px;font-weight:400;margin:8px 0}.nitaaq-arrival-feature__copy>p:last-child{font-size:14px;margin:0}.nitaaq-arrival-feature__visual{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:14px;align-items:start}.nitaaq-arrival-feature__image{display:block}.nitaaq-arrival-feature__image img{display:block;width:100%;height:auto;max-height:170vh;object-fit:cover}.nitaaq-arrival-feature__actions{position:sticky;top:calc(var(--header-group-height,100px) + 90px);display:flex;flex-direction:column;align-items:center;gap:17px;padding-top:55vh}.nitaaq-arrival-feature__actions a,.nitaaq-arrival-feature__actions button,.nitaaq-product-card__actions a,.nitaaq-product-card__actions button{display:grid;place-items:center;width:36px;height:36px;border:0;background:#fff;color:var(--nitaaq-ink);text-decoration:none;cursor:pointer;font-size:22px;line-height:1}.nitaaq-arrival-feature__actions svg,.nitaaq-product-card__actions svg{width:20px;height:20px}.nitaaq-arrival-feature__actions [aria-pressed=true],.nitaaq-product-card__actions [aria-pressed=true]{color:#a47a39}
.nitaaq-new-arrivals .main-collection-grid{width:100%;max-width:none;padding-inline:24px}.nitaaq-new-arrivals .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:48px 28px}.nitaaq-product-card{position:relative;min-width:0}.nitaaq-product-card__image{position:relative;display:block;background:#f4f4f2;overflow:hidden}.nitaaq-product-card__image img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover}.nitaaq-product-card__badge{position:absolute;left:12px;top:12px;background:#fff;color:var(--nitaaq-ink);padding:5px 9px;font-size:10px;letter-spacing:.12em}.nitaaq-product-card__actions{position:absolute;right:10px;bottom:52px;display:flex;flex-direction:column;gap:7px}.nitaaq-product-card__actions a,.nitaaq-product-card__actions button{width:32px;height:32px;box-shadow:0 1px 5px #00000016}.nitaaq-product-card__details{display:flex;flex-direction:column;gap:4px;padding-top:10px;color:inherit;text-decoration:none;font-size:13px;line-height:1.4}.nitaaq-product-card__details span:last-child{font-size:12px}.nitaaq-collection-promos{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:72px 0 0}.nitaaq-collection-promos a{position:relative;display:flex;align-items:end;justify-content:space-between;min-height:260px;padding:24px;background:linear-gradient(135deg,#083030,#49625a);color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-size:14px}.nitaaq-collection-promos a+ a{background:linear-gradient(135deg,#b8a27b,#e8dfd0);color:#083030}
.nitaaq-favorites{max-width:1500px;margin:0 auto;padding:48px 24px 80px;color:#083030}.nitaaq-favorites h1{text-align:center;font-size:25px;font-weight:500;letter-spacing:.06em;margin:0 0 38px}.nitaaq-favorites__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 24px}.nitaaq-favorites__item img{width:100%;aspect-ratio:3/4;object-fit:cover}.nitaaq-favorites__item a{display:block;color:inherit;text-decoration:none}.nitaaq-favorites__item p{font-size:13px}.nitaaq-favorites__remove{border:0;background:none;color:inherit;text-decoration:underline;cursor:pointer;font-size:12px}.nitaaq-favorites__empty{text-align:center;padding:100px 20px}
@media(max-width:749px){.nitaaq-collection-heading{padding:18px 12px}.nitaaq-collection-breadcrumb{position:static;transform:none;text-align:left;margin-bottom:10px}.nitaaq-collection-toolbar{top:var(--header-group-height,0px);grid-template-columns:auto 1fr;padding:0 12px;min-height:50px}.nitaaq-collection-toolbar__links{grid-column:2;justify-content:flex-end;gap:16px}.nitaaq-collection-toolbar__links a{font-size:10px}.nitaaq-arrival-feature{grid-template-columns:1fr;gap:12px;margin:8px auto 42px;padding:0 12px}.nitaaq-arrival-feature__copy{position:static;margin:0;padding:14px 0 0;grid-row:2}.nitaaq-arrival-feature__visual{grid-row:1;grid-template-columns:minmax(0,1fr) 34px;gap:8px}.nitaaq-arrival-feature__actions{top:calc(var(--header-group-height,90px) + 60px);padding-top:35vh}.nitaaq-new-arrivals .main-collection-grid{padding-inline:12px}.nitaaq-new-arrivals .product-grid,.nitaaq-favorites__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 10px}.nitaaq-product-card__details{font-size:11px}.nitaaq-product-card__actions{right:5px;bottom:48px}.nitaaq-product-card__actions a,.nitaaq-product-card__actions button{width:28px;height:28px}.nitaaq-collection-promos a{min-height:170px;padding:14px;font-size:12px}}

.nitaaq-product-breadcrumb{display:flex;gap:8px;padding:14px 24px;color:#66716b;font-size:12px}.nitaaq-product-breadcrumb a{color:inherit;text-decoration:none}.nitaaq-header-favorites{display:grid;place-items:center}

.nitaaq-collection-promos a img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.nitaaq-collection-promos a:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0008,transparent 62%)}.nitaaq-collection-promos a span{position:relative;z-index:1}
@media (min-width: 750px) { .nitaaq-new-arrivals .product-grid{--product-grid-columns-desktop:repeat(4,minmax(0,1fr))!important;grid-template-columns:repeat(4,minmax(0,1fr))!important} }
/* Collection toolbar refinements */
.nitaaq-collection-toolbar{top:var(--header-height,0px)!important;margin-top:0!important;border-top:0}
.nitaaq-collection-toolbar .facets-controls-wrapper{display:none!important}
.nitaaq-collection-toolbar .facets-toggle{display:block!important;margin:0!important;padding:0!important}
.nitaaq-collection-toolbar .facets-toggle__wrapper{display:block}
.nitaaq-collection-toolbar .facets-toggle__button{display:inline-flex;align-items:center;gap:10px;padding:10px 0!important;font-size:14px!important;text-transform:none;letter-spacing:0}
.nitaaq-collection-toolbar .facets-toggle__button .svg-wrapper{width:19px;height:19px}
.nitaaq-collection-toolbar .facets-block-wrapper{margin:0!important;padding:0!important}
.nitaaq-product-card__badge{top:0;left:0;min-width:25px;min-height:56px;padding:8px 6px;writing-mode:vertical-rl;transform:rotate(180deg);display:flex;align-items:center;justify-content:center;letter-spacing:.12em;font-size:10px}
@media(max-width:749px){.nitaaq-collection-toolbar{top:var(--header-height,60px)!important}}
/* Match Kids/Teens promo labels */
.nitaaq-collection-promos a+ a,.nitaaq-collection-promos a span{color:#fff!important}
.nitaaq-collection-promos a:after{background:linear-gradient(0deg,#0009,transparent 68%)}
.nitaaq-new-arrivals #filters-drawer .facets__filters-wrapper{display:flex;flex-direction:column}
.nitaaq-new-arrivals #filters-drawer .facets__item[data-filter-param-name*="availability"]{order:0}
.nitaaq-new-arrivals #filters-drawer .facets__item[data-filter-param-name*="option-size"]{order:1}
.nitaaq-new-arrivals #filters-drawer .facets-drawer__filters{display:flex;flex-direction:column}
.nitaaq-new-arrivals #filters-drawer .sorting-filter-component{order:-1}
/* Make the New Arrivals filter drawer legible and keep sort at the top */
.nitaaq-new-arrivals #filters-drawer,
.nitaaq-new-arrivals #filters-drawer .facets--drawer,
.nitaaq-new-arrivals #filters-drawer .facets-drawer__filters{background:#fff!important;color:#083030!important}
.nitaaq-new-arrivals #filters-drawer .facets__label,
.nitaaq-new-arrivals #filters-drawer .facets__summary,
.nitaaq-new-arrivals #filters-drawer .sorting-filter,
.nitaaq-new-arrivals #filters-drawer .sorting-filter__label,
.nitaaq-new-arrivals #filters-drawer .facets-drawer__title{color:#083030!important}
.nitaaq-new-arrivals #filters-drawer .facets__panel,
.nitaaq-new-arrivals #filters-drawer .facets__item::before{border-color:#dededb!important}
.nitaaq-new-arrivals #filters-drawer .facets-drawer__filters{display:flex;flex-direction:column}
.nitaaq-new-arrivals #filters-drawer .sorting-filter{order:-1}
.nitaaq-new-arrivals #filters-drawer .facets__inputs-wrapper{color:#083030!important}
/* One New Arrivals toolbar trigger; the full facets form lives in the drawer */
.nitaaq-new-arrivals .facets-controls-wrapper{display:none!important}
.nitaaq-new-arrivals .nitaaq-collection-toolbar .facets-block-wrapper--horizontal,
.nitaaq-new-arrivals .nitaaq-collection-toolbar .facets-toggle{display:none!important}
.nitaaq-collection-toolbar__filter{display:flex;align-items:center;justify-self:start;min-width:0}
.nitaaq-filter-sort-trigger{display:inline-flex;align-items:center;gap:10px;border:0;background:transparent;color:#083030;padding:10px 0;font:inherit;font-size:14px;cursor:pointer;white-space:nowrap}
.nitaaq-filter-sort-trigger svg{width:18px;height:18px;flex:none}
.nitaaq-new-arrivals #filters-drawer{z-index:2147483000!important}
.nitaaq-new-arrivals #filters-drawer .dialog-drawer{z-index:2147483000!important}
.nitaaq-new-arrivals #filters-drawer::backdrop{background:rgb(0 0 0 / 42%)}
body:has(.nitaaq-new-arrivals) #filters-drawer{z-index:2147483000!important}
body:has(.nitaaq-new-arrivals) #filters-drawer dialog{z-index:2147483000!important}
/* New Arrivals drawer: show sort choices directly, then availability and sizes. */
body:has(.nitaaq-new-arrivals) #filters-drawer .facets-drawer__filters{display:flex!important;flex-direction:column!important;gap:0;background:#fff!important;color:#083030!important}
body:has(.nitaaq-new-arrivals) #filters-drawer .sorting-filter{order:0!important;width:100%;padding:24px 20px 28px;border-bottom:1px solid #dededb}
body:has(.nitaaq-new-arrivals) #filters-drawer .nitaaq-sort-options{margin:0;padding:0;border:0;min-width:0}
body:has(.nitaaq-new-arrivals) #filters-drawer .nitaaq-sort-options legend{float:none;width:100%;margin:0 0 28px;padding:0;color:#111;font-size:16px;font-weight:400}
body:has(.nitaaq-new-arrivals) #filters-drawer .nitaaq-sort-options__grid{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;row-gap:18px}
body:has(.nitaaq-new-arrivals) #filters-drawer .nitaaq-sort-options__grid label{display:flex;align-items:center;gap:12px;color:#111;font-size:16px;cursor:pointer}
body:has(.nitaaq-new-arrivals) #filters-drawer .nitaaq-sort-options__grid input{appearance:auto;width:14px;height:14px;margin:0;accent-color:#111;flex:none}
body:has(.nitaaq-new-arrivals) #filters-drawer .facets__filters-wrapper{order:1;display:flex!important;flex-direction:column!important}
body:has(.nitaaq-new-arrivals) #filters-drawer .facets__filters-wrapper .facets__item{order:initial}
body:has(.nitaaq-new-arrivals) #filters-drawer .facets__item[data-filter-param-name*="availability"]{order:0}
body:has(.nitaaq-new-arrivals) #filters-drawer .facets__item[data-filter-param-name*="option-size"]{order:1}
body:has(.nitaaq-new-arrivals) #filters-drawer .facets__inputs-list-item{display:flex;align-items:center;gap:10px;padding:10px 20px}
body:has(.nitaaq-new-arrivals) #filters-drawer .facets__inputs-list-item input{appearance:auto;width:16px;height:16px;margin:0;accent-color:#083030}
body:has(.nitaaq-new-arrivals) #filters-drawer .facets__item[data-filter-param-name*="availability"] .facets__inputs-list{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;row-gap:8px}
body:has(.nitaaq-new-arrivals) #filters-drawer .checkbox__input[type="radio"]+.checkbox__label .icon-checkmark{border-radius:50%;background:#fff!important;border-color:#777}
body:has(.nitaaq-new-arrivals) #filters-drawer .checkbox__input[type="radio"]+.checkbox__label .icon-checkmark path{display:none}
body:has(.nitaaq-new-arrivals) #filters-drawer .checkbox__input[type="radio"]:checked+.checkbox__label .icon-checkmark{background:radial-gradient(circle,#083030 0 3px,#fff 3.5px)!important;border-color:#083030}
/* Keep the open hamburger drawer and its backdrop above the sticky collection toolbar. */
.header-section:has(#Details-menu-drawer-container[open]){z-index:2147483001!important}
#Details-menu-drawer-container[open]>.menu-drawer{z-index:2147483003!important}
#Details-menu-drawer-container[open]>.menu-drawer__backdrop{z-index:2147483002!important}
/* Do not let the sticky collection toolbar appear as an item inside the open menu. */
body:has(.nitaaq-menu[open]) .nitaaq-collection-toolbar,
body:has(#Details-menu-drawer-container[open]) .nitaaq-collection-toolbar{display:none!important}
/* The theme hides its native drawer sort control on desktop; this custom sort panel stays visible. */
body:has(.nitaaq-new-arrivals) #filters-drawer .sorting-filter{display:block!important;visibility:visible!important;opacity:1!important}
body:has(.nitaaq-new-arrivals) #filters-drawer .facets__item[data-filter-param-name*="availability"] .facets__summary{display:none!important}
body:has(.nitaaq-new-arrivals) #filters-drawer .facets__item[data-filter-param-name*="option-size"] .facets__inputs-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:8px;row-gap:8px}

/* Single bottom promo styling for Kids page */
.nitaaq-collection-promos--single{display:grid!important;grid-template-columns:1fr!important;margin:72px 0 0}
.nitaaq-collection-promos--single a{min-height:300px;width:100%}
.nitaaq-collection-toolbar__links a{white-space:nowrap}
@media(max-width:749px){
  .nitaaq-collection-promos--single{margin:40px 0 0}
  .nitaaq-collection-promos--single a{min-height:180px}
}

/* Pants fabric option switch (Jeans / Gabardine) */
.nitaaq-pants-switch {
  grid-column: 1 / -1;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(12px, 2vw, 24px);
  padding: 14px 24px 20px;
  background: #fff;
  border-bottom: 1px solid #e8e8e5;
  margin: 0;
}
.nitaaq-pants-switch .nitaaq-age-switch__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px clamp(20px, 3vw, 36px);
  border: 1px solid var(--nitaaq-green, #083030);
  color: var(--nitaaq-green, #083030);
  background: transparent;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 13px;
  font-weight: 500;
  font-family: inherit;
  cursor: pointer;
  border-radius: 0;
  transition: all .2s ease;
  line-height: 1.2;
  text-decoration: none;
}
.nitaaq-pants-switch .nitaaq-age-switch__item:hover,
.nitaaq-pants-switch .nitaaq-age-switch__item.is-active {
  background: var(--nitaaq-green, #083030);
  color: #fff;
}
@media(max-width:749px){
  .nitaaq-pants-switch {
    gap: 10px;
    padding: 10px 12px 16px;
  }
  .nitaaq-pants-switch .nitaaq-age-switch__item {
    flex: 1 1 0;
    padding: 9px 12px;
    font-size: 11px;
    letter-spacing: .06em;
  }
}

/* ==========================================================================
   COS-INSPIRED PRODUCT PAGE & COLLECTION ENHANCEMENTS
   ========================================================================== */

/* Badge & Price in COS Product Card */
.nitaaq-product-card__badge--sale {
  background: #111 !important;
  color: #fff !important;
}
.nitaaq-product-card__compare-price {
  color: #888;
  text-decoration: line-through;
  margin-inline-start: 8px;
  font-size: 0.9em;
  font-weight: 400;
}

/* Product Page Layout - 2 Column Editorial Gallery on Desktop */
@media (min-width: 750px) {
  .product-information__grid:not(.product-information--media-none) {
    display: grid !important;
    grid-template-columns: minmax(0, 1.4fr) minmax(350px, 440px) !important;
    column-gap: 44px !important;
    align-items: start !important;
  }
  .product-information__media {
    width: 100% !important;
  }
  .media-gallery--two-column .media-gallery__grid,
  .media-gallery--grid .media-gallery__grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 4px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .media-gallery--two-column .product-media-container,
  .media-gallery--grid .product-media-container {
    width: 100% !important;
    aspect-ratio: 3/4 !important;
    overflow: hidden !important;
    background: #f7f7f5 !important;
  }
  .media-gallery--two-column .product-media-container img,
  .media-gallery--grid .product-media-container img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }
}

/* Sticky Product Details Sidebar */
.product-details {
  position: sticky !important;
  top: calc(var(--header-height, 70px) + 20px) !important;
  align-self: start !important;
  padding-block: 0 !important;
}

/* COS Product Breadcrumb */
.nitaaq-cos-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #767676;
  margin-bottom: 14px;
}
.nitaaq-cos-breadcrumb a {
  color: inherit;
  text-decoration: none;
  transition: color 0.15s ease;
}
.nitaaq-cos-breadcrumb a:hover {
  color: #111;
}

/* COS Product Title Row with Favorite Heart */
..nitaaq-cos-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 10px;
}
..nitaaq-cos-title {
  font-size: 17px !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #111111 !important;
  line-height: 1.35 !important;
  margin: 0 !important;
}
.nitaaq-cos-favorite-btn {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  flex-shrink: 0;
  border: none;
  background: transparent;
  color: #111;
  cursor: pointer;
  padding: 0;
  font-size: 22px;
  line-height: 1;
  transition: transform 0.15s ease, color 0.15s ease;
}
.nitaaq-cos-favorite-btn:hover {
  transform: scale(1.15);
}
.nitaaq-cos-favorite-btn[aria-pressed="true"] {
  color: #a47a39;
}

/* Clean COS Price Display */
.product-details [data-testid="price-display"],
.product-details .price {
  font-size: 15px !important;
  font-weight: 400 !important;
  color: #111111 !important;
  letter-spacing: 0.02em !important;
  margin-bottom: 8px !important;
}
.product-details .compare-at-price,
.product-details s.price-item--sale {
  color: #888888 !important;
  font-size: 14px !important;
  margin-inline-start: 8px !important;
}

/* COS Size Picker - Clean square/rectangle buttons with thin borders */
.variant-option--buttons {
  border: none !important;
  padding: 0 !important;
  margin: 18px 0 10px !important;
}
.variant-option--buttons legend {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #111111 !important;
  margin-bottom: 10px !important;
  text-transform: none !important;
  padding: 0 !important;
}
.nitaaq-size-guide-link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 7px 10px;
  border: 1px solid #d0b078;
  background: #fff;
  color: #083030;
  font: inherit;
  font-size: 14px;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color .18s ease, color .18s ease;
}
.nitaaq-size-guide-link:hover {
  background: #083030;
  color: #fff;
}
.variant-option--buttons:not(.variant-option--swatches) {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}
.variant-option__button-label:not(.variant-option__button-label--has-swatch) {
  min-width: 52px !important;
  height: 46px !important;
  padding: 0 14px !important;
  border: 1px solid #d4d4d4 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  color: #111111 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: border-color 0.15s ease, background-color 0.15s ease !important;
}
.variant-option__button-label:not(.variant-option__button-label--has-swatch):hover {
  border-color: #111111 !important;
}
.variant-option__button-label:not(.variant-option__button-label--has-swatch):has(:checked) {
  border: 1.5px solid #111111 !important;
  font-weight: 600 !important;
  background: #ffffff !important;
  color: #111111 !important;
}
.variant-option__button-label:not(.variant-option__button-label--has-swatch) .variant-option__button-label__pill {
  display: none !important;
}
.variant-option__button-label:not(.variant-option__button-label--has-swatch):has([data-option-available="false"]) {
  opacity: 0.45 !important;
  position: relative !important;
}
.variant-option__button-label:not(.variant-option__button-label--has-swatch):has([data-option-available="false"])::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  right: 0 !important;
  height: 1px !important;
  background: #999 !important;
  transform: rotate(-35deg) !important;
}

/* Full Width COS Black Action Button (ADD TO BAG) */
.buy-buttons-block {
  width: 100% !important;
  margin-top: 14px !important;
}
.buy-buttons-block .product-form-buttons {
  width: 100% !important;
}
.buy-buttons-block .button[id^='BuyButtons-ProductSubmitButton-'],
.buy-buttons-block .add-to-cart-button {
  width: 100% !important;
  min-height: 50px !important;
  height: 50px !important;
  background: #111111 !important;
  color: #ffffff !important;
  border-radius: 0 !important;
  border: none !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  transition: background-color 0.2s ease !important;
}
.buy-buttons-block .button[id^='BuyButtons-ProductSubmitButton-']:hover,
.buy-buttons-block .add-to-cart-button:hover {
  background: #2a2a2a !important;
}
.buy-buttons-block quantity-selector-component,
.buy-buttons-block .shopify-payment-button {
  display: none !important;
}

/* COS Minimal Accordions (Delivery & Returns, Details & Description, Size guide) */
.nitaaq-cos-accordions {
  width: 100%;
  margin-top: 24px;
  border-bottom: 1px solid #e5e5e5;
}
.nitaaq-cos-accordion {
  border-top: 1px solid #e5e5e5;
}
.nitaaq-cos-accordion summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  font-size: 12.5px;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #111111;
  cursor: pointer;
  list-style: none;
  user-select: none;
}
.nitaaq-cos-accordion summary::-webkit-details-marker {
  display: none;
}
.nitaaq-cos-accordion summary .accordion-caret {
  font-size: 16px;
  line-height: 1;
  color: #666;
  transition: transform 0.25s ease;
}
.nitaaq-cos-accordion[open] summary .accordion-caret {
  transform: rotate(90deg);
}
.nitaaq-cos-accordion__content {
  padding: 0 0 18px;
  font-size: 13px;
  line-height: 1.6;
  color: #444444;
}
.nitaaq-cos-accordion__content img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 12px 0;
}
.nitaaq-cos-accordion__content ul {
  padding-left: 20px;
  margin: 8px 0;
}
.nitaaq-cos-accordion__content li {
  margin-bottom: 4px;
}

/* Recommendations ("YOU MAY ALSO LIKE") Centered Heading & 4-Column COS Grid */
.product-recommendations .section-resource-list__content {
  text-align: center !important;
}
.product-recommendations .section-resource-list__content h3,
.product-recommendations .section-resource-list__content h4 {
  text-align: center !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  margin: 0 auto 32px !important;
  color: #111111 !important;
}
.product-recommendations .resource-list--grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 36px 20px !important;
}
@media (max-width: 749px) {
  .product-recommendations .resource-list--grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px 10px !important;
  }
}

.nitaaq-cart-offer{margin:0 0 14px;padding:14px 14px 12px;border:1px solid #d9d3c5;background:#fff;color:#083030}
.nitaaq-cart-offer__message{margin:0 0 10px;font-size:14px;font-weight:500;line-height:1.4}
.nitaaq-cart-offer__track{height:7px;overflow:hidden;border-radius:99px;background:#eee9df}
.nitaaq-cart-offer__fill{display:block;height:100%;border-radius:inherit;background:#d0b078;transition:width .25s ease}
.nitaaq-cart-offer__amounts{display:flex;justify-content:space-between;margin-top:6px;color:#66716b;font-size:11px}
.nitaaq-collection-breadcrumb{display:flex;align-items:center;gap:7px}
.nitaaq-collection-breadcrumb a{color:inherit;text-decoration:none}
.nitaaq-collection-breadcrumb a:hover{text-decoration:underline;text-underline-offset:3px}




/* Product gallery: editorial description stays in the left rail while images continue on the right. */
@media (min-width: 750px) {
  .media-gallery--grid .media-gallery__grid > .nitaaq-product-description-tile {
    min-width: 0 !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: auto !important;
    overflow: visible !important;
    align-self: stretch;
    background: transparent !important;
  }

  .nitaaq-product-description-tile__sticky {
    position: sticky;
    top: calc(var(--header-height, 80px) + 24px);
    max-height: calc(100vh - var(--header-height, 80px) - 48px);
    overflow-y: auto;
    padding: 24px 20px 24px 4px;
    color: var(--nitaaq-ink, #083030);
  }

  .nitaaq-product-description-tile__content {
    font-size: clamp(15px, 1.1vw, 19px);
    line-height: 1.65;
  }

  .nitaaq-product-description-tile__content > :first-child { margin-top: 0; }
  .nitaaq-product-description-tile__content > :last-child { margin-bottom: 0; }
}

@media (max-width: 749px) {
  .nitaaq-product-description-tile { display: none !important; }
}

/* Text-only product copy and matching category suggestion in the product details column. */
.nitaaq-product-description-tile__content img,
.nitaaq-product-description-tile__content picture,
.nitaaq-product-description-tile__content video,
.nitaaq-product-description-tile__content iframe { display: none !important; }
.nitaaq-complete-collection {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #e6e4df;
  color: var(--nitaaq-ink, #083030);
}
.nitaaq-complete-collection__heading {
  margin: 0 0 14px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: .02em;
}
.nitaaq-complete-collection__product {
  display: grid;
  grid-template-columns: minmax(90px, 120px) 1fr;
  gap: 14px;
  align-items: start;
  max-width: 300px;
  color: inherit;
  text-decoration: none;
}
.nitaaq-complete-collection__product img {
  display: block;
  width: 100%;
  aspect-ratio: 2 / 3;
  object-fit: cover;
  background: #f4f4f2;
  transition: opacity .2s ease;
}
.nitaaq-complete-collection__product:hover img { opacity: .84; }
.nitaaq-complete-collection__details {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-top: 2px;
  font-size: 13px;
  line-height: 1.4;
}
.nitaaq-complete-collection__category { font-size: 12px; }
.nitaaq-complete-collection__price { color: #66716b; }
.nitaaq-complete-collection__placeholder {
  display: grid;
  place-items: center;
  width: 100%;
  aspect-ratio: 2 / 3;
  padding: 10px;
  background: #f4f4f2;
  color: var(--nitaaq-ink, #083030);
  font-size: 12px;
  text-align: center;
}
.nitaaq-size-finder__error {
  margin: 0;
  color: #a12727;
  font-size: 13px;
  line-height: 1.4;
  text-align: left;
}
.nitaaq-size-finder__error[hidden] { display: none !important; }

/* =========================================
   Nitaaq Story (Editorial Manifesto - No Image)
   ========================================= */
.nitaaq-story {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  height: calc(100vh - var(--header-height, 65px)) !important;
  max-height: calc(100vh - var(--header-height, 65px)) !important;
  width: 100% !important;
  background: radial-gradient(ellipse at 50% 45%, #ffffff 0%, #f7f4ee 70%, #efeae0 100%) !important;
  border-top: 1px solid rgba(208, 176, 120, 0.4);
  border-bottom: 1px solid rgba(208, 176, 120, 0.4);
  padding: clamp(24px, 4vh, 48px) clamp(24px, 5vw, 64px) !important;
  box-sizing: border-box !important;
  position: relative;
  overflow: hidden !important;
}

.nitaaq-story::before {
  content: "";
  position: absolute;
  inset: clamp(10px, 1.8vh, 20px) clamp(12px, 2.5vw, 28px);
  border: 1px solid rgba(208, 176, 120, 0.35);
  pointer-events: none;
}

.nitaaq-story__inner {
  position: relative;
  z-index: 2;
  max-width: 1140px;
  width: 100%;
  height: 100%;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-evenly !important;
  align-items: center !important;
  text-align: center;
  box-sizing: border-box !important;
  padding: clamp(10px, 1.5vh, 20px) 0 !important;
}

.nitaaq-story__header {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.nitaaq-story__eyebrow-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-bottom: clamp(6px, 1vh, 12px);
}

.nitaaq-story__line {
  display: block;
  width: clamp(28px, 4vw, 50px);
  height: 1px;
  background: #8c7041;
  opacity: 0.7;
}

.nitaaq-story .nitaaq-eyebrow {
  margin: 0;
  font-size: clamp(0.72rem, 0.85vw, 0.82rem);
  font-weight: 600;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: #8c7041 !important;
  text-shadow: none !important;
}

.nitaaq-story h2 {
  font-family: "Tajarib", "Personality", serif, sans-serif;
  font-size: clamp(1.4rem, 2.5vw, 2.35rem) !important;
  font-weight: 500;
  line-height: 1.3 !important;
  color: #083030 !important;
  text-shadow: none !important;
  margin: 0 0 clamp(8px, 1.2vh, 14px) !important;
  letter-spacing: -0.01em;
  max-width: 900px;
}

.nitaaq-story__divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  width: 100%;
  max-width: 320px;
  margin: 0 auto clamp(10px, 1.8vh, 20px) !important;
}

.nitaaq-story__gold-bar {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(140, 112, 65, 0.65), transparent);
}

.nitaaq-story__divider svg {
  display: block;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

.nitaaq-story__body {
  width: 100%;
  max-width: 1060px;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(20px, 4.5vw, 64px) !important;
  align-items: start;
  text-align: start;
  box-sizing: border-box;
}

.nitaaq-story__col {
  display: flex;
  flex-direction: column;
  gap: clamp(8px, 1.4vh, 16px);
}

.nitaaq-story__col p {
  color: #243330 !important;
  text-shadow: none !important;
  font-size: clamp(0.88rem, 1.1vw, 1.05rem) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
}

.nitaaq-story__lead {
  font-weight: 600 !important;
  color: #083030 !important;
  font-size: clamp(0.96rem, 1.25vw, 1.18rem) !important;
  line-height: 1.75 !important;
  border-inline-start: 2px solid #8c7041;
  padding-inline-start: clamp(12px, 1.5vw, 20px);
}

.nitaaq-story__highlight {
  font-weight: 600 !important;
  color: #083030 !important;
  font-size: clamp(0.92rem, 1.15vw, 1.1rem) !important;
  line-height: 1.7 !important;
  background: rgba(208, 176, 120, 0.12);
  border-inline-start: 3px solid #8c7041;
  padding: clamp(10px, 1.5vh, 14px) clamp(12px, 1.8vw, 18px) !important;
}

.nitaaq-story__actions {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: clamp(6px, 1.2vh, 16px);
}

.nitaaq-story__btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: #083030 !important;
  color: #ffffff !important;
  padding: clamp(10px, 1.5vh, 15px) clamp(28px, 3vw, 42px) !important;
  font-size: clamp(0.8rem, 0.95vw, 0.92rem) !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-decoration: none !important;
  border: 1px solid #083030 !important;
  transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1);
  font-weight: 500;
  cursor: pointer;
  box-shadow: 0 4px 18px rgba(8, 48, 48, 0.16);
}

.nitaaq-story__btn:hover {
  background: #8c7041 !important;
  border-color: #8c7041 !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(140, 112, 65, 0.3);
}

.nitaaq-story__btn-arrow {
  display: inline-block;
  transition: transform 0.2s ease;
}

.nitaaq-story__btn:hover .nitaaq-story__btn-arrow {
  transform: translateX(4px);
}

html[dir="rtl"] .nitaaq-story__btn:hover .nitaaq-story__btn-arrow {
  transform: translateX(-4px);
}

@media (max-width: 899px) {
  .nitaaq-story {
    padding: clamp(14px, 2.5vh, 24px) clamp(14px, 3vw, 24px) !important;
  }
  .nitaaq-story__body {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    text-align: center;
  }
  .nitaaq-story__lead {
    border-inline-start: none;
    padding-inline-start: 0;
  }
  .nitaaq-story__highlight {
    border-inline-start: none;
    border-top: 1px dashed rgba(208, 176, 120, 0.5);
    padding: 8px 10px !important;
  }
}

@media (max-width: 749px) {
  .nitaaq-story {
    height: calc(100svh - var(--header-height, 56px)) !important;
    max-height: calc(100svh - var(--header-height, 56px)) !important;
    padding: 12px 14px !important;
  }
  .nitaaq-story::before {
    inset: 8px;
  }
  .nitaaq-story__inner {
    padding: 6px 0 !important;
  }
  .nitaaq-story h2 {
    font-size: 1.22rem !important;
    line-height: 1.3 !important;
    margin-bottom: 6px !important;
  }
  .nitaaq-story__divider {
    margin-bottom: 8px !important;
  }
  .nitaaq-story__col p {
    font-size: 0.82rem !important;
    line-height: 1.5 !important;
  }
  .nitaaq-story__lead {
    font-size: 0.88rem !important;
  }
  .nitaaq-story__highlight {
    font-size: 0.84rem !important;
  }
  .nitaaq-story__btn {
    padding: 8px 22px !important;
    font-size: 0.78rem !important;
  }
}

/* =========================================
   Homepage Section-by-Section Snap Scroll
   (Applied strictly to Homepage only)
   ========================================= */
@media (min-width: 990px) and (hover: hover) {
  html.template-index,
  body.template-index {
    scroll-behavior: smooth;
    scroll-snap-type: y proximity;
    scroll-padding-top: var(--header-height, 65px);
  }

  body.template-index #MainContent > .shopify-section,
  body.template-index footer {
    scroll-snap-align: start;
  }
}

@media (max-width: 989px) {
  html,
  body,
  html.template-index,
  body.template-index {
    scroll-behavior: auto !important;
    scroll-snap-type: none !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-y: auto !important;
  }

  body.template-index #MainContent > .shopify-section,
  body.template-index footer {
    scroll-snap-align: none !important;
    scroll-snap-stop: normal !important;
  }
}

/* =========================================
   Homepage Section Viewport Fitting
   (Ensures entire div and link are 100% visible on screen)
   ========================================= */
body.template-index .nitaaq-editorial-category {
  position: relative !important;
  height: calc(100vh - var(--header-height, 65px)) !important;
  max-height: calc(100vh - var(--header-height, 65px)) !important;
  overflow: hidden !important;
  display: block !important;
  box-sizing: border-box !important;
}

body.template-index .nitaaq-editorial-category__images {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
  height: 100% !important;
  width: 100% !important;
}

body.template-index .nitaaq-editorial-category__images a {
  display: block !important;
  overflow: hidden !important;
  height: 100% !important;
  width: 100% !important;
  aspect-ratio: unset !important;
}

body.template-index .nitaaq-editorial-category__images img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: top center !important;
  display: block !important;
}

body.template-index .nitaaq-editorial-category__title {
  position: absolute !important;
  z-index: 5 !important;
  inset: auto auto clamp(34px, 5.5vh, 60px) 50% !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
}

body.template-index .nitaaq-home-mosaic {
  height: calc(100vh - var(--header-height, 65px)) !important;
  max-height: calc(100vh - var(--header-height, 65px)) !important;
  overflow: hidden !important;
  grid-auto-rows: unset !important;
}

body.template-index .nitaaq-home-mosaic__tile {
  height: 100% !important;
}

body.template-index .nitaaq-home-mosaic__tile img,
body.template-index .nitaaq-home-mosaic__tile video,
body.template-index .nitaaq-home-mosaic__tile--video video,
.nitaaq-home-mosaic__tile img,
.nitaaq-home-mosaic__tile video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: top center !important;
}

@media (max-width: 749px) {
  body.template-index .nitaaq-editorial-category {
    height: calc(100svh - var(--header-height, 56px)) !important;
    max-height: calc(100svh - var(--header-height, 56px)) !important;
  }
  body.template-index .nitaaq-editorial-category__title {
    inset: auto auto 18px 50% !important;
  }
  body.template-index .nitaaq-home-mosaic {
    height: calc(100svh - var(--header-height, 56px)) !important;
    max-height: calc(100svh - var(--header-height, 56px)) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: unset !important;
  }
}

/* =========================================
   Nitaaq Info Drawers (Delivery, Size Guide, Share)
   Matching Test Your Size Drawer Form Exactly
   ========================================= */
.nitaaq-info-drawer__backdrop {
  position: fixed !important;
  z-index: 20000 !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.45) !important;
  backdrop-filter: blur(2px) !important;
  -webkit-backdrop-filter: blur(2px) !important;
}

.nitaaq-info-drawer__backdrop[hidden] {
  display: none !important;
}

.nitaaq-info-drawer__panel {
  position: fixed !important;
  z-index: 20001 !important;
  inset-block: 0 !important;
  inset-inline-start: auto !important;
  inset-inline-end: 0 !important;
  width: min(480px, 94vw) !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  color: #083030 !important;
  transform: translateX(105%) !important;
  transition: transform 0.32s cubic-bezier(0.16, 1, 0.3, 1) !important;
  padding: clamp(24px, 3.5vw, 36px) clamp(20px, 3vw, 32px) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  box-shadow: -8px 0 35px rgba(8, 48, 48, 0.12) !important;
}

.nitaaq-info-drawer__panel:not([hidden]) {
  transform: translateX(0) !important;
}

.nitaaq-info-drawer__panel[hidden] {
  display: none !important;
}

html[dir="rtl"] .nitaaq-info-drawer__panel {
  transform: translateX(-105%) !important;
}

html[dir="rtl"] .nitaaq-info-drawer__panel:not([hidden]) {
  transform: translateX(0) !important;
}

.nitaaq-info-drawer__close {
  align-self: flex-end;
  border: 0;
  background: transparent;
  font-size: 32px;
  line-height: 1;
  color: #083030;
  cursor: pointer;
  padding: 4px;
  transition: color 0.2s ease, transform 0.2s ease;
}

.nitaaq-info-drawer__close:hover {
  color: #8c7041;
  transform: scale(1.1);
}

.nitaaq-info-drawer__step {
  text-align: center;
  text-transform: uppercase;
  font-size: 0.72rem;
  letter-spacing: 0.18em;
  color: #8c7041;
  font-weight: 600;
  margin: 4px 0 8px !important;
}

.nitaaq-info-drawer__panel h2 {
  text-align: center;
  font-family: "Tajarib", "Personality", serif, sans-serif;
  font-size: clamp(1.3rem, 1.8vw, 1.6rem) !important;
  font-weight: 500;
  color: #083030 !important;
  margin: 0 0 10px !important;
  line-height: 1.3 !important;
}

.nitaaq-info-drawer__divider {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.nitaaq-info-drawer__gold-line {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(140, 112, 65, 0.6), transparent);
}

.nitaaq-info-drawer__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;
}

.nitaaq-info-drawer__subtitle {
  font-size: 0.88rem;
  font-weight: 500;
  color: #555;
  margin: 0 0 6px !important;
}

/* Editorial Delivery & Policy Sections */
.nitaaq-info-drawer__editorial {
  display: flex !important;
  flex-direction: column !important;
  gap: 22px !important;
  padding-top: 6px !important;
}

.nitaaq-policy-item {
  position: relative !important;
  padding-bottom: 18px !important;
  border-bottom: 1px solid rgba(8, 48, 48, 0.08) !important;
}

.nitaaq-policy-item:last-child {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

.nitaaq-policy-item__title {
  font-family: "Tajarib", "Personality", serif, sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  color: #083030 !important;
  margin: 0 0 6px !important;
  line-height: 1.35 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}



.nitaaq-policy-item__text {
  font-size: 0.88rem !important;
  line-height: 1.7 !important;
  color: #4a5554 !important;
  margin: 0 !important;
  font-weight: 400 !important;
}

html[dir="rtl"] .nitaaq-policy-item__text {
  font-family: var(--font-body-family, sans-serif) !important;
  line-height: 1.8 !important;
}

/* Delivery Cards */
.nitaaq-info-card {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  background: #faf8f5;
  border: 1px solid rgba(208, 176, 120, 0.35);
  border-radius: 2px;
  transition: border-color 0.2s ease;
}

.nitaaq-info-card:hover {
  border-color: #8c7041;
}

.nitaaq-info-card__icon {
  font-size: 22px;
  line-height: 1;
  flex-shrink: 0;
  margin-top: 2px;
}

.nitaaq-info-card__content h4 {
  font-size: 0.92rem;
  font-weight: 600;
  color: #083030;
  margin: 0 0 4px !important;
}

.nitaaq-info-card__content p {
  font-size: 0.82rem;
  line-height: 1.6;
  color: #444;
  margin: 0 !important;
}

/* Size Table */
.nitaaq-size-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 4px 0 12px;
  border: 1px solid #e5e5e5;
}

.nitaaq-size-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12.5px;
  text-align: center;
}

.nitaaq-size-table th {
  background: #f7f5f0;
  color: #083030;
  padding: 10px 6px;
  font-weight: 600;
  border: 1px solid #e5e5e5;
  letter-spacing: 0.03em;
}

.nitaaq-size-table td {
  padding: 9px 6px;
  border: 1px solid #e5e5e5;
  color: #333;
}

.nitaaq-size-table .alt-row {
  background: #fafaf8;
}

.nitaaq-size-table .font-bold {
  font-weight: 600;
  color: #083030;
}

.nitaaq-info-drawer__hint {
  font-size: 0.8rem;
  line-height: 1.55;
  color: #666;
  margin: 4px 0 14px !important;
}

.nitaaq-info-drawer__btn-wrap {
  margin-top: auto;
  padding-top: 14px;
}

.nitaaq-info-drawer__action-btn {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  padding: 13px 20px !important;
  background: #083030 !important;
  color: #ffffff !important;
  font-size: 0.84rem !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border: 1px solid #083030 !important;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.25s ease;
}

.nitaaq-info-drawer__action-btn:hover {
  background: #8c7041 !important;
  border-color: #8c7041 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Share Options */
.nitaaq-share-options {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 10px;
}

.nitaaq-share-option-btn {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;
  padding: 14px 18px !important;
  border: 1px solid #d4d0c7 !important;
  background: #faf8f5 !important;
  color: #083030 !important;
  text-decoration: none !important;
  font-size: 0.9rem !important;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  border-radius: 2px;
}

.nitaaq-share-option-btn:hover {
  background: #ffffff !important;
  border-color: #083030 !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(8, 48, 48, 0.08);
}

.nitaaq-share-option-btn--wa svg {
  color: #25D366;
}

.nitaaq-share-option-btn--fb svg {
  color: #1877F2;
}

.nitaaq-share-option-btn--copy svg {
  color: #8c7041;
}

/* Make product trigger links look like clean luxury COS accordion triggers with chevron */
.nitaaq-cos-accordion-link {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  padding: 16px 0 !important;
  border: none !important;
  border-top: 1px solid #e5e5e5 !important;
  background: transparent !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: #111111 !important;
  cursor: pointer !important;
  text-align: inherit;
  transition: color 0.2s ease;
}

.nitaaq-cos-accordion-link:hover {
  color: #8c7041 !important;
}

.nitaaq-cos-accordion-link .accordion-caret {
  font-size: 16px;
  line-height: 1;
  color: #666;
  transition: transform 0.2s ease;
}

.nitaaq-cos-accordion-link:hover .accordion-caret {
  color: #8c7041;
  transform: translateX(3px);
}

html[dir="rtl"] .nitaaq-cos-accordion-link:hover .accordion-caret {
  transform: translateX(-3px);
}

/* Ruler icon for Test your size buttons */
.nitaaq-size-open {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.nitaaq-ruler-icon {
  display: inline-block;
  vertical-align: middle;
  color: currentColor;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}

.nitaaq-size-open:hover .nitaaq-ruler-icon {
  transform: rotate(-15deg);
}

/* =========================================
   Judge.me Reviews Polish
   1. Hide 'Be the first to write a review' prompt (keep write review button)
   2. Hide review counts if less than 7 reviews
   ========================================= */

/* Hide 'Be the first to write a review' / 'كن أول من يكتب تقييماً' text */
.jdgm-widget-actions__title,
.jdgm-rev-widg__title,
.jdgm-rev-widg__summary-text,
.jdgm-widget-actions-wrapper > *:not(.jdgm-write-rev-btn):not(button):not(a),
.jdgm-widget:not([data-number-of-reviews]) .jdgm-widget-actions-wrapper > p,
.jdgm-widget[data-number-of-reviews="0"] .jdgm-widget-actions-wrapper > p,
.jdgm-widget[data-number-of-reviews="0"] .jdgm-rev-widg__title,
.jdgm-widget .jdgm-empty-state-text {
  display: none !important;
}

/* Center write a review button cleanly in empty state */
.jdgm-widget[data-number-of-reviews="0"] .jdgm-widget-actions-wrapper,
.jdgm-widget-actions-wrapper {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
}

/* Judge.me tabs & count badges threshold (< 7 reviews) */
.jdgm-widget[data-number-of-reviews="0"] .jdgm-rev-widg__summary,
.jdgm-widget[data-number-of-reviews="1"] .jdgm-rev-widg__summary,
.jdgm-widget[data-number-of-reviews="2"] .jdgm-rev-widg__summary,
.jdgm-widget[data-number-of-reviews="3"] .jdgm-rev-widg__summary,
.jdgm-widget[data-number-of-reviews="4"] .jdgm-rev-widg__summary,
.jdgm-widget[data-number-of-reviews="5"] .jdgm-rev-widg__summary,
.jdgm-widget[data-number-of-reviews="6"] .jdgm-rev-widg__summary {
  display: none !important;
}

/* Hide count in preview badge if less than 7 */
.jdgm-prev-badge[data-number-of-reviews="0"] .jdgm-prev-badge__text,
.jdgm-prev-badge[data-number-of-reviews="1"] .jdgm-prev-badge__text,
.jdgm-prev-badge[data-number-of-reviews="2"] .jdgm-prev-badge__text,
.jdgm-prev-badge[data-number-of-reviews="3"] .jdgm-prev-badge__text,
.jdgm-prev-badge[data-number-of-reviews="4"] .jdgm-prev-badge__text,
.jdgm-prev-badge[data-number-of-reviews="5"] .jdgm-prev-badge__text,
.jdgm-prev-badge[data-number-of-reviews="6"] .jdgm-prev-badge__text {
  display: none !important;
}

/* Hide (0), (1), ..., (6) in tabs if count < 7 */
.jdgm-tab__count[data-count="0"],
.jdgm-tab__count[data-count="1"],
.jdgm-tab__count[data-count="2"],
.jdgm-tab__count[data-count="3"],
.jdgm-tab__count[data-count="4"],
.jdgm-tab__count[data-count="5"],
.jdgm-tab__count[data-count="6"],
.jdgm-rev-widg[data-number-of-reviews="0"] .jdgm-rev-widg__reviews-count,
.jdgm-rev-widg[data-number-of-reviews="1"] .jdgm-rev-widg__reviews-count,
.jdgm-rev-widg[data-number-of-reviews="2"] .jdgm-rev-widg__reviews-count,
.jdgm-rev-widg[data-number-of-reviews="3"] .jdgm-rev-widg__reviews-count,
.jdgm-rev-widg[data-number-of-reviews="4"] .jdgm-rev-widg__reviews-count,
.jdgm-rev-widg[data-number-of-reviews="5"] .jdgm-rev-widg__reviews-count,
.jdgm-rev-widg[data-number-of-reviews="6"] .jdgm-rev-widg__reviews-count {
  display: none !important;
}

/* Toolbar styling when there are no secondary category links (Dresses & Shirts) */
.nitaaq-collection-toolbar--no-links {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
}

.nitaaq-collection-toolbar--no-links .nitaaq-collection-toolbar__filter {
  width: 100% !important;
  display: flex !important;
  justify-content: flex-start !important;
}




/* =========================================
   Nitaaq Jeel & Arabic Luxury Typography
   ========================================= */
.nitaaq-title-jeel {
  font-family: "Personality", "Tajarib", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  display: inline-block !important;
  position: relative;
  color: inherit;
  text-shadow: 0 1px 12px rgba(0, 0, 0, 0.55);
}

.nitaaq-collection-heading h1 .nitaaq-title-jeel {
  text-shadow: none !important;
  color: #172b28 !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
}

.nitaaq-menu-jeel {
  font-family: "Personality", "Tajarib", serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em !important;
  display: inline-block;
}

.nitaaq-editorial-category__eyebrow-text.nitaaq-eyebrow-elegance {
  font-family: "Tajarib", sans-serif !important;
  font-size: clamp(0.85rem, 1.2vw, 1.1rem) !important;
  font-weight: 600 !important;
  color: #e6cb96 !important;
  letter-spacing: 0.08em !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.65) !important;
  margin-bottom: 2px !important;
  display: inline-block !important;
}

html[dir="rtl"] .nitaaq-editorial-category__title:hover .nitaaq-editorial-category__arrow {
  transform: translateX(-4px) !important;
}

html[dir="rtl"] .nitaaq-collection-promos a span[aria-hidden="true"] {
  transition: transform 0.2s ease;
}

html[dir="rtl"] .nitaaq-collection-promos a:hover span[aria-hidden="true"] {
  transform: translateX(-5px);
}

/* =========================================
   Sleek Compact Footer Utilities / Copyright Bar
   ========================================= */
.footer-utilities {
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  height: auto !important;
}

.footer-utilities .section {
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  height: auto !important;
}

.footer-utilities .section-background {
  inset: 0 !important;
}

.footer-utilities .utilities,
.footer-utilities [data-testid="footer-utilities"],
.footer-utilities .utilities--blocks-1 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  padding-block: 10px !important;
  padding-block-start: 10px !important;
  padding-block-end: 10px !important;
  min-height: 0 !important;
  height: auto !important;
  gap: 0 !important;
  margin: 0 !important;
}

.footer-utilities .footer-utilities__group-copyright {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
  font-size: 0.75rem !important;
}

.footer-utilities .footer-utilities__text {
  display: inline-block !important;
  line-height: 1.2 !important;
}



/* =========================================
   Strict Horizontal Overflow & Viewport Guard
   (Using clip to preserve position: sticky everywhere)
   ========================================= */
html {
  overflow-x: clip !important;
  max-width: 100% !important;
}

body {
  overflow-x: clip !important;
  max-width: 100% !important;
  position: relative !important;
}

html[dir="rtl"],
html[dir="rtl"] body {
  overflow-x: clip !important;
  max-width: 100% !important;
}

/* On Product Template: Ensure 100% unhindered position: sticky for description and sidebar */
body.template-product,
body.template-product #MainContent,
body.template-product .content-for-layout,
body.template-product .shopify-section,
body.template-product .product-information,
body.template-product .media-gallery,
body.template-product .media-gallery__grid {
  overflow: visible !important;
  overflow-x: visible !important;
}

.media-gallery--grid .media-gallery__grid > .nitaaq-product-description-tile {
  min-width: 0 !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: auto !important;
  overflow: visible !important;
  align-self: stretch !important;
  background: transparent !important;
}

.nitaaq-product-description-tile__sticky {
  position: sticky !important;
  position: -webkit-sticky !important;
  top: calc(var(--header-height, 80px) + 24px) !important;
  max-height: calc(100vh - var(--header-height, 80px) - 48px) !important;
  overflow-y: auto !important;
  padding: 24px 20px 24px 4px !important;
  color: var(--nitaaq-ink, #083030) !important;
}

.product-details {
  position: sticky !important;
  position: -webkit-sticky !important;
  top: calc(var(--header-height, 70px) + 20px) !important;
  align-self: start !important;
}

#MainContent,
.content-for-layout,
.shopify-section,
.page-width,
.section,
.footer,
.header,
.main-collection-grid,
.nitaaq-editorial-category,
.nitaaq-collection-promos {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Hide closed drawers completely so they NEVER expand document width */
.nitaaq-menu:not([open]) .nitaaq-menu__panel {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: none !important;
}

.nitaaq-menu:not([open]) .nitaaq-menu__backdrop {
  display: none !important;
}

.nitaaq-size-finder__panel[hidden],
.nitaaq-size-finder__backdrop[hidden],
.nitaaq-info-drawer__panel[hidden],
.nitaaq-info-drawer__backdrop[hidden] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: none !important;
}

.nitaaq-menu__panel,
.nitaaq-size-finder__panel,
.nitaaq-info-drawer__panel {
  max-width: 100vw !important;
  box-sizing: border-box !important;
}


/* =========================================
   Clean, Natural Complete Your Look Styling
   (No boxy AI widgets - clean luxury fashion)
   ========================================= */
.nitaaq-complete-collection {
  margin-top: 26px !important;
  padding-top: 20px !important;
  border-top: 1px solid #eae7e1 !important;
  color: #083030 !important;
}

.nitaaq-complete-collection__heading {
  margin: 0 0 14px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
  color: #083030 !important;
}

html[dir="rtl"] .nitaaq-complete-collection__heading,
html[lang="ar"] .nitaaq-complete-collection__heading {
  font-family: "Tajarib", sans-serif !important;
  font-size: 16px !important;
  text-align: right !important;
}

.nitaaq-complete-collection__product {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  max-width: 100% !important;
  color: inherit !important;
  text-decoration: none !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.nitaaq-complete-collection__product:hover {
  transform: none !important;
  box-shadow: none !important;
  border: none !important;
}

.nitaaq-complete-collection__thumb {
  width: 68px !important;
  height: 90px !important;
  flex-shrink: 0 !important;
  overflow: hidden !important;
  border-radius: 2px !important;
  background: #f4f4f2 !important;
}

.nitaaq-complete-collection__thumb img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.25s ease !important;
}

.nitaaq-complete-collection__product:hover .nitaaq-complete-collection__thumb img {
  transform: scale(1.05) !important;
}

.nitaaq-complete-collection__placeholder {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  background: #f0ece3 !important;
  color: #083030 !important;
  font-size: 12px !important;
}

.nitaaq-complete-collection__details {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  justify-content: center !important;
}

.nitaaq-complete-collection__category {
  font-size: 14.5px !important;
  font-weight: 600 !important;
  color: #083030 !important;
}

html[dir="rtl"] .nitaaq-complete-collection__category,
html[lang="ar"] .nitaaq-complete-collection__category {
  font-family: "Tajarib", sans-serif !important;
  font-size: 15.5px !important;
}

.nitaaq-complete-collection__action {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #083030 !important;
  text-decoration: none !important;
  transition: opacity 0.2s ease !important;
}

.nitaaq-complete-collection__product:hover .nitaaq-complete-collection__action {
  color: #083030 !important;
}

.nitaaq-complete-collection__arrow { display: none !important;

  font-size: 1.15em !important;
  line-height: 1 !important;
  text-decoration: none !important;
  display: inline-block !important;
  transition: transform 0.2s ease !important;
}

.nitaaq-complete-collection__product:hover .nitaaq-complete-collection__arrow { display: none !important;

  transform: translateX(3px) !important;
}

html[dir="rtl"] .nitaaq-complete-collection__product:hover .nitaaq-complete-collection__arrow,
html[lang="ar"] .nitaaq-complete-collection__product:hover .nitaaq-complete-collection__arrow { display: none !important;

  transform: translateX(-3px) !important;
}

/* ==========================================================================
   MOBILE-ONLY REFINEMENTS (NAV BAR, ICONS, BADGES)
   Desktop / Laptop remains 100% untouched
   ========================================================================== */

.nitaaq-mobile-utility-bar {
  display: none;
}

@media (max-width: 749px) {
  /* 1. Mobile Header Layout & Structure */
  #header-component .header__columns,
  #header-component[data-menu-style='drawer'] .header__columns {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-inline: clamp(10px, 3vw, 16px) !important;
    padding-block: 4px !important;
    gap: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Left column: Menu + Search */
  #header-component .header__column--left {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
    order: 1 !important;
  }

  .nitaaq-header-menu {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
  }

  /* In top row on mobile, hide the text so it does not collide */
  .header__columns .nitaaq-size-open,
  .header__columns .nitaaq-track-order {
    display: none !important;
  }

  /* Top row mobile layout */
  #header-component .header__row--top .header__columns {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-inline: 12px !important;
  }

  #header-component .header__column--left {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    z-index: 2 !important;
    order: 1 !important;
  }

  /* Center column: Logo exactly in the middle of mobile screen */
  #header-component .header__column--center {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    width: auto !important;
    max-width: 150px !important;
    pointer-events: none !important;
    z-index: 5 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #header-component .header__column--center a {
    pointer-events: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .header-logo,
  .header-logo__image {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    max-height: 28px !important;
    width: auto !important;
  }

  .header-logo img,
  .header-logo__image img {
    max-height: 28px !important;
    width: auto !important;
    object-fit: contain !important;
  }

  /* Right column: Search, Account, Favorites, Cart */
  #header-component .header__column--right {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
    order: 3 !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 2 !important;
  }

  #header-component .header__column--right > * {
    margin: 0 !important;
    padding: 0 !important;
  }

  #header-component header-actions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .search-action,
  .header-actions__action,
  .account-button,
  .nitaaq-header-favorites,
  cart-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: var(--nitaaq-green, #083030) !important;
  }

  .search-action button,
  .header-actions__action button,
  .account-button button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Calibrate each SVG so all 4 icons look visually identical in size */
  .search-action svg {
    width: 19px !important;
    height: 19px !important;
  }

  .nitaaq-header-favorites svg {
    width: 19px !important;
    height: 19px !important;
    stroke-width: 1.5 !important;
  }

  .account-button svg,
  .account-button__icon {
    width: 16px !important;
    height: 17.5px !important;
  }

  cart-icon svg {
    width: 20px !important;
    height: 20px !important;
  }

  /* Mobile side drawer menu: Reduced width & covering the navbar */
  .nitaaq-menu__panel {
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    inset-block: 0 !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    width: min(300px, 76vw) !important;
    max-width: 76vw !important;
    z-index: 9999999 !important;
    background: #ffffff !important;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.28) !important;
    box-sizing: border-box !important;
    padding: 24px 20px !important;
  }

  html[dir="rtl"] .nitaaq-menu__panel,
  html[lang="ar"] .nitaaq-menu__panel {
    right: 0 !important;
    left: auto !important;
    inset-inline-start: 0 !important;
    inset-inline-end: auto !important;
  }

  .nitaaq-menu__backdrop {
    position: fixed !important;
    inset: 0 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    z-index: 9999998 !important;
    background: rgba(0, 0, 0, 0.45) !important;
  }

  /* When side menu is open, ensure it covers the navbar completely */
  body.nitaaq-menu-open #header-component,
  #header-component:has(details.nitaaq-menu[open]) {
    z-index: 999999 !important;
  }

  body.nitaaq-menu-open #header-component .header__column--left,
  #header-component .header__column--left:has(details.nitaaq-menu[open]) {
    z-index: 9999999 !important;
  }

  body.nitaaq-menu-open #header-component .header__column--center,
  body.nitaaq-menu-open #header-component .header__column--right,
  body.nitaaq-menu-open #header-component .nitaaq-mobile-utility-bar {
    z-index: 1 !important;
  }

  /* 2. Mobile Utility Bar (Size Finder & Track Order) */
  .nitaaq-mobile-utility-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 22px !important;
    padding: 7px 16px !important;
    background: #faf8f5 !important;
    border-top: 1px solid #ebe6dd !important;
    border-bottom: 1px solid #ebe6dd !important;
    box-sizing: border-box !important;
    width: 100% !important;
  }

  .nitaaq-mobile-utility-bar .nitaaq-size-open,
  .nitaaq-mobile-utility-bar .nitaaq-track-order {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    color: var(--nitaaq-green, #083030) !important;
    text-decoration: none !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
    cursor: pointer !important;
  }

  .nitaaq-mobile-utility-bar .nitaaq-size-open svg,
  .nitaaq-mobile-utility-bar .nitaaq-track-order svg {
    color: currentColor !important;
    flex-shrink: 0 !important;
  }

  .nitaaq-mobile-utility-divider {
    color: #cfc9bd !important;
    font-size: 11px !important;
    line-height: 1 !important;
    user-select: none !important;
  }

  /* 3. Product Card Action Icons (Shopping Bag & Heart) */
  .nitaaq-product-card__actions {
    inset-inline-end: 6px !important;
    right: auto !important;
    bottom: 38px !important;
    gap: 5px !important;
  }

  .nitaaq-product-card__actions a,
  .nitaaq-product-card__actions button {
    display: grid !important;
    place-items: center !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    font-size: 14px !important;
    line-height: 26px !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.14) !important;
    border-radius: 2px !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .nitaaq-product-card__actions svg {
    width: 14px !important;
    height: 14px !important;
    stroke-width: 1.4 !important;
  }

  /* 4. Product Card 'NEW' / 'جديد' Badge */
  .nitaaq-product-card__badge {
    min-width: 17px !important;
    min-height: 32px !important;
    padding: 4px 2px !important;
    font-size: 8px !important;
    letter-spacing: .06em !important;
    top: 0 !important;
    left: 0 !important;
  }
}

/* Single Search Rule */
.search-action ~ .search-action,
.search-action--hidden-on-menu,
.search-action--hidden-on-drawer {
  display: none !important;
}

/* Language Switch Styling */
.nitaaq-lang-switch-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  color: var(--nitaaq-green, #083030) !important;
  text-decoration: none !important;
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  line-height: 1 !important;
}
.nitaaq-lang-switch-btn:hover {
  color: #8c7041 !important;
}
.nitaaq-menu-lang {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid #ebe8e2 !important;
  margin-bottom: 12px !important;
}
.nitaaq-menu-lang__btn {
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  color: #777 !important;
  border: none !important;
  background: transparent !important;
  padding: 4px 6px !important;
  cursor: pointer !important;
}
.nitaaq-menu-lang__btn.is-active {
  color: var(--nitaaq-green, #083030) !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}
.nitaaq-menu-lang__sep {
  color: #ccc !important;
  font-size: 0.85rem !important;
}


/* ==========================================================================
   ANNOUNCEMENT BAR FULL-WIDTH & NO-WRAP REFINEMENTS
   ========================================================================== */
.announcement-bar,
aside.announcement-bar {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  background: var(--nitaaq-green, #083030) !important;
  color: #ffffff !important;
  letter-spacing: .08em !important;
  display: block !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.announcement-bar__slider,
.announcement-bar__slides,
.announcement-bar__slide {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  margin: 0 auto !important;
}

.announcement-bar__text {
  display: inline-block !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  text-align: center !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #ffffff !important;
  letter-spacing: .08em !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  padding: 4px 16px !important;
  text-transform: uppercase !important;
}

@media (max-width: 749px) {
  .announcement-bar__text {
    font-size: 11.5px !important;
    padding: 3px 10px !important;
  }
}

/* ==========================================================================
   SIZE FINDER RTL & ARABIC REFINEMENTS
   ========================================================================== */
.nitaaq-size-finder__panel[dir="rtl"],
html[dir="rtl"] .nitaaq-size-finder__panel,
html[lang*="ar"] .nitaaq-size-finder__panel {
  direction: rtl !important;
  text-align: right !important;
  inset-inline-start: 0 !important;
  inset-inline-end: auto !important;
  transform: translateX(-105%) !important;
}

.nitaaq-size-finder__panel[dir="rtl"]:not([hidden]),
html[dir="rtl"] .nitaaq-size-finder__panel:not([hidden]),
html[lang*="ar"] .nitaaq-size-finder__panel:not([hidden]) {
  transform: translateX(0) !important;
}

.nitaaq-size-finder__panel[dir="rtl"] .nitaaq-size-finder__close,
html[dir="rtl"] .nitaaq-size-finder__close,
html[lang*="ar"] .nitaaq-size-finder__close {
  align-self: flex-start !important;
}

.nitaaq-size-finder__panel[dir="rtl"] .nitaaq-size-finder__page > label,
html[dir="rtl"] .nitaaq-size-finder__page > label,
html[lang*="ar"] .nitaaq-size-finder__page > label {
  text-align: right !important;
}

.nitaaq-size-finder__panel[dir="rtl"] .nitaaq-size-finder__page input,
html[dir="rtl"] .nitaaq-size-finder__page input,
html[lang*="ar"] .nitaaq-size-finder__page input {
  text-align: right !important;
  direction: rtl !important;
}

.nitaaq-size-finder__panel[dir="rtl"] .nitaaq-size-finder__error,
html[dir="rtl"] .nitaaq-size-finder__error,
html[lang*="ar"] .nitaaq-size-finder__error {
  text-align: right !important;
  direction: rtl !important;
  color: #d9383a !important;
  font-size: 0.85rem !important;
  margin-top: 8px !important;
}


/* ==========================================================================
   CATEGORY TITLE & LINK SIZE SWAP REFINEMENTS
   - 'أناقة بقيم' (eyebrow) gets LARGER font size
   - All links ('وصل حديثاً', 'جيل واعد', etc.) get SMALLER font size
   - Arrow is completely removed
   ========================================================================== */
.nitaaq-editorial-category__eyebrow-text.nitaaq-eyebrow-elegance {
  font-family: "Tajarib", sans-serif !important;
  font-size: clamp(1.75rem, 3.2vw, 2.75rem) !important;
  font-weight: 700 !important;
  color: #e6cb96 !important;
  letter-spacing: 0.05em !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.75) !important;
  margin-bottom: 4px !important;
  display: block !important;
  text-align: center !important;
  line-height: 1.25 !important;
}

.nitaaq-editorial-category__title strong,
.nitaaq-editorial-category__main-title strong {
  font-size: clamp(0.9rem, 1.25vw, 1.1rem) !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  color: #ffffff !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.6) !important;
  line-height: 1.4 !important;
}

.nitaaq-editorial-category__arrow {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 749px) {
  .nitaaq-editorial-category__eyebrow-text.nitaaq-eyebrow-elegance {
    font-size: clamp(1.4rem, 5.2vw, 1.85rem) !important;
    margin-bottom: 2px !important;
  }
  .nitaaq-editorial-category__title strong,
  .nitaaq-editorial-category__main-title strong {
    font-size: 0.95rem !important;
  }
}

/* ==========================================================================
   FOOTER REFINEMENTS
   - Remove Contact, Help, Quick link headings completely
   - Clean alignment for Arabic description under logo
   ========================================================================== */
.footer .menu__heading--empty,
.footer [data-testid="menu-details"] > summary.menu__heading--empty,
.footer h4:empty {
  display: none !important;
}

html[dir="rtl"] .footer .text-block--align-left,
html[dir="rtl"] .footer .text-block,
html[lang*="ar"] .footer .text-block {
  text-align: right !important;
  direction: rtl !important;
}

html[dir="rtl"] .footer .text-block p,
html[lang*="ar"] .footer .text-block p {
  text-align: right !important;
  direction: rtl !important;
  line-height: 1.6 !important;
}

/* ==========================================================================
   WHATSAPP FLOATING BUTTON: COMPACT CIRCLE -> EXPAND ON HOVER
   ========================================================================== */
.nitaaq-wa-compact-btn,
ezy-whatsapp-chat-button a,
ezy-whatsapp-chat-button button,
[id*="ezy" i] a,
[id*="ezy" i] button,
[class*="ezy" i] a,
[class*="ezy" i] button,
/* generic wa links removed */
.nitaaq-ezy-circle-btn {
  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  max-width: 50px !important;
  border-radius: 50% !important;
  padding: 0 !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  transition: max-width 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-radius 0.35s ease, padding 0.35s ease, box-shadow 0.25s ease !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.24) !important;
  z-index: 99999 !important;
}

/* Hide text in resting state */
.nitaaq-wa-compact-btn .nitaaq-wa-text,
.nitaaq-wa-compact-btn > *:not(svg):not(img):not(.icon),
ezy-whatsapp-chat-button a > *:not(svg):not(img),
ezy-whatsapp-chat-button button > *:not(svg):not(img),
[id*="ezy" i] a > *:not(svg):not(img),
[id*="ezy" i] button > *:not(svg):not(img),
[class*="ezy" i] a > *:not(svg):not(img),
[class*="ezy" i] button > *:not(svg):not(img) {
  max-width: 0 !important;
  opacity: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  pointer-events: none !important;
  transition: max-width 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease, margin 0.3s ease !important;
}

/* Center icon */
.nitaaq-wa-compact-btn svg,
.nitaaq-wa-compact-btn img,
ezy-whatsapp-chat-button svg,
ezy-whatsapp-chat-button img,
[id*="ezy" i] svg,
[id*="ezy" i] img {
  flex-shrink: 0 !important;
  width: 28px !important;
  height: 28px !important;
  margin: 0 !important;
}

/* Expand on HOVER or FOCUS */
.nitaaq-wa-compact-btn:hover,
.nitaaq-wa-compact-btn.is-hovered,
.nitaaq-wa-compact-btn:focus-visible,
ezy-whatsapp-chat-button:hover a,
ezy-whatsapp-chat-button:hover button,
ezy-whatsapp-chat-button a:hover,
ezy-whatsapp-chat-button button:hover,
[id*="ezy" i]:hover a,
[id*="ezy" i]:hover button,
[id*="ezy" i] a:hover,
[id*="ezy" i] button:hover,
[class*="ezy" i]:hover a,
[class*="ezy" i]:hover button,
[class*="ezy" i] a:hover,
[class*="ezy" i] button:hover,
/* generic wa hover removed */
.nitaaq-ezy-circle-btn:hover {
  width: auto !important;
  min-width: 50px !important;
  max-width: 240px !important;
  border-radius: 30px !important;
  padding: 0 16px !important;
  justify-content: flex-start !important;
  gap: 8px !important;
}

/* Reveal text smoothly on HOVER or FOCUS */
.nitaaq-wa-compact-btn:hover .nitaaq-wa-text,
.nitaaq-wa-compact-btn.is-hovered .nitaaq-wa-text,
.nitaaq-wa-compact-btn:hover > *:not(svg):not(img):not(.icon),
.nitaaq-wa-compact-btn:focus-visible .nitaaq-wa-text,
ezy-whatsapp-chat-button:hover a > *:not(svg):not(img),
ezy-whatsapp-chat-button:hover button > *:not(svg):not(img),
ezy-whatsapp-chat-button a:hover > *:not(svg):not(img),
ezy-whatsapp-chat-button button:hover > *:not(svg):not(img),
[id*="ezy" i]:hover a > *:not(svg):not(img),
[id*="ezy" i]:hover button > *:not(svg):not(img),
[id*="ezy" i] a:hover > *:not(svg):not(img),
[id*="ezy" i] button:hover > *:not(svg):not(img),
[class*="ezy" i]:hover a > *:not(svg):not(img),
[class*="ezy" i]:hover button > *:not(svg):not(img),
[class*="ezy" i] a:hover > *:not(svg):not(img),
[class*="ezy" i] button:hover > *:not(svg):not(img) {
  max-width: 180px !important;
  opacity: 1 !important;
  margin-inline: 4px !important;
  pointer-events: auto !important;
}


/* ==========================================================================
   ENLARGED & WIDE TITLE: 'أناقةٌ بقيم' / 'Nitaaq Teens'
   ========================================================================== */
.nitaaq-editorial-category__title {
  width: auto !important;
  max-width: 95vw !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.nitaaq-editorial-category__eyebrow-text.nitaaq-eyebrow-elegance {
  font-family: "Tajarib", "Personality", sans-serif !important;
  font-size: clamp(2rem, 4.5vw, 3.8rem) !important;
  font-weight: 700 !important;
  color: #e6cb96 !important;
  letter-spacing: 0.04em !important;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.75) !important;
  margin-bottom: 6px !important;
  display: block !important;
  text-align: center !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  width: max-content !important;
  max-width: 95vw !important;
}

@media (max-width: 749px) {
  .nitaaq-editorial-category__eyebrow-text.nitaaq-eyebrow-elegance {
    font-size: clamp(1.35rem, 5.5vw, 2.2rem) !important;
    letter-spacing: 0.02em !important;
    white-space: nowrap !important;
    max-width: 92vw !important;
  }
}

/* ==========================================================================
   AUTHENTIC HUMAN-DESIGNED 'OUR STORY' SECTION
   - 100% Brand font: "Tajarib" & "Personality"
   - No robotic AI boxes, dividers, star icons, or double-borders
   - Pure high-fashion minimal editorial elegance
   ========================================================================== */
.nitaaq-story,
section.nitaaq-story {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  background: #faf8f5 !important;
  color: #083030 !important;
  padding: clamp(60px, 8vh, 100px) clamp(20px, 5vw, 60px) !important;
  box-sizing: border-box !important;
  border-top: 1px solid #ede8df !important;
  border-bottom: 1px solid #ede8df !important;
  position: relative !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.nitaaq-story::before {
  display: none !important;
}

.nitaaq-story__inner {
  max-width: 820px !important;
  width: 100% !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: clamp(16px, 2.5vh, 24px) !important;
  padding: 0 !important;
}

.nitaaq-story__eyebrow {
  font-family: "Tajarib", sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: #8c7041 !important;
  margin-bottom: 4px !important;
}

.nitaaq-story__heading {
  font-family: "Personality", "Tajarib", serif, sans-serif !important;
  font-size: clamp(1.7rem, 3.2vw, 2.6rem) !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  color: #083030 !important;
  margin: 0 !important;
  letter-spacing: -0.01em !important;
}

.nitaaq-story__content {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  max-width: 720px !important;
  margin: 8px auto 12px !important;
}

.nitaaq-story__paragraph {
  font-family: "Tajarib", sans-serif !important;
  font-size: clamp(1.02rem, 1.25vw, 1.18rem) !important;
  line-height: 1.85 !important;
  color: #384844 !important;
  margin: 0 !important;
  font-weight: 400 !important;
}

.nitaaq-story__action {
  margin-top: 10px !important;
}

.nitaaq-story__button {
  font-family: "Tajarib", sans-serif !important;
  display: inline-block !important;
  background: #083030 !important;
  color: #ffffff !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  padding: 13px 36px !important;
  border: 1px solid #083030 !important;
  transition: all 0.25s ease !important;
  cursor: pointer !important;
  border-radius: 1px !important;
}

.nitaaq-story__button:hover {
  background: #8c7041 !important;
  border-color: #8c7041 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(140, 112, 65, 0.28) !important;
}

@media (max-width: 749px) {
  .nitaaq-story,
  section.nitaaq-story {
    padding: 48px 20px !important;
    height: auto !important;
    max-height: none !important;
  }
  .nitaaq-story__heading {
    font-size: 1.45rem !important;
    line-height: 1.4 !important;
  }
  .nitaaq-story__paragraph {
    font-size: 0.95rem !important;
    line-height: 1.75 !important;
  }
  .nitaaq-story__button {
    padding: 11px 28px !important;
    font-size: 12.5px !important;
  }
}


/* ==========================================================================
   Nitaaq Story Calmer & Refined Editorial Typography
   ========================================================================== */
.nitaaq-story__content {
  max-width: 680px !important;
  margin: 10px auto 16px !important;
  gap: 16px !important;
}

/* Calmer, elegant, easy-to-read paragraph text */
.nitaaq-story__paragraph,
html[dir="ltr"] .nitaaq-story__paragraph,
html[dir="rtl"] .nitaaq-story__paragraph,
.nitaaq-story:not([dir="rtl"]) .nitaaq-story__paragraph {
  font-family: "Tajarib", var(--font-body--family, sans-serif), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: clamp(0.95rem, 1.15vw, 1.08rem) !important;
  line-height: 1.85 !important;
  letter-spacing: 0.015em !important;
  color: #42524e !important;
  font-weight: 400 !important;
  text-shadow: none !important;
  margin: 0 !important;
}

/* Balanced, calm heading */
.nitaaq-story__heading,
html[dir="ltr"] .nitaaq-story__heading,
.nitaaq-story:not([dir="rtl"]) .nitaaq-story__heading {
  font-family: "Personality", "Tajarib", serif, sans-serif !important;
  font-size: clamp(1.75rem, 3vw, 2.5rem) !important;
  line-height: 1.35 !important;
  letter-spacing: 0.01em !important;
  font-weight: 500 !important;
  color: #083030 !important;
}

.nitaaq-story__eyebrow,
html[dir="ltr"] .nitaaq-story__eyebrow,
.nitaaq-story:not([dir="rtl"]) .nitaaq-story__eyebrow {
  font-family: "Tajarib", sans-serif !important;
  font-size: 12.5px !important;
  letter-spacing: 0.22em !important;
  font-weight: 600 !important;
  color: #8c7041 !important;
}

.nitaaq-story__button,
html[dir="ltr"] .nitaaq-story__button,
.nitaaq-story:not([dir="rtl"]) .nitaaq-story__button {
  font-family: "Tajarib", sans-serif !important;
  font-size: 13px !important;
  letter-spacing: 0.12em !important;
  font-weight: 500 !important;
  padding: 12px 34px !important;
}

@media (max-width: 749px) {
  .nitaaq-story__paragraph,
  html[dir="ltr"] .nitaaq-story__paragraph,
  .nitaaq-story:not([dir="rtl"]) .nitaaq-story__paragraph {
    font-size: 0.94rem !important;
    line-height: 1.75 !important;
  }
  .nitaaq-story__heading,
  html[dir="ltr"] .nitaaq-story__heading,
  .nitaaq-story:not([dir="rtl"]) .nitaaq-story__heading {
    font-size: 1.45rem !important;
    line-height: 1.4 !important;
  }
}


/* ==========================================================================
   NITAAQ FLOATING WHATSAPP BUTTON (COMPACT CIRCLE, REVEALS ON HOVER)
   ========================================================================== */
/* Hide 3rd-party widget completely */
ezy-whatsapp-chat-button,
[id*="ezy" i],
[class*="ezy-whatsapp" i],
div[class*="ezy_chat" i],
iframe[src*="ezy" i],
iframe[title*="whatsapp" i] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* old collapsible wa-float removed */

/* When size finder is open, tuck slightly or scale cleanly */


/* ==========================================================================
   ARABIC STYLING FOR FILTER & SORT DRAWER
   ========================================================================== */
html[dir="rtl"] #filters-drawer .facets-drawer__title,
html[lang="ar"] #filters-drawer .facets-drawer__title {
  font-family: "Tajarib", var(--font-body-family, sans-serif) !important;
  letter-spacing: normal !important;
  font-size: 1.45rem !important;
  font-weight: 600 !important;
}

html[dir="rtl"] #filters-drawer .nitaaq-sort-options legend,
html[lang="ar"] #filters-drawer .nitaaq-sort-options legend {
  font-family: "Tajarib", var(--font-body-family, sans-serif) !important;
  letter-spacing: normal !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  text-align: right !important;
}

html[dir="rtl"] #filters-drawer .nitaaq-sort-options__grid label,
html[lang="ar"] #filters-drawer .nitaaq-sort-options__grid label {
  font-size: 0.92rem !important;
  font-family: var(--font-body-family, sans-serif) !important;
}

html[dir="rtl"] #filters-drawer .facets__label,
html[lang="ar"] #filters-drawer .facets__label {
  font-family: "Tajarib", var(--font-body-family, sans-serif) !important;
  font-size: 1.05rem !important;
  font-weight: 500 !important;
}

html[dir="rtl"] #filters-drawer .facets__drawer-actions,
html[lang="ar"] #filters-drawer .facets__drawer-actions {
  flex-direction: row-reverse !important;
}

html[dir="rtl"] #filters-drawer .facets__clear-all,
html[lang="ar"] #filters-drawer .facets__clear-all,
html[dir="rtl"] #filters-drawer .facets__see-results,
html[lang="ar"] #filters-drawer .facets__see-results {
  font-family: var(--font-body-family, sans-serif) !important;
}

/* ==========================================================================
   PRODUCT PAGE: COLOR SWATCHES & QUANTITY PILL SELECTOR (SIDE-BY-SIDE)
   ========================================================================== */
.nitaaq-product-color-selector {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
  width: 100% !important;
}

.nitaaq-product-color-selector__label {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #083030 !important;
  min-width: 44px !important;
}

html[dir="rtl"] .nitaaq-product-color-selector__label {
  font-family: "Tajarib", sans-serif !important;
  font-size: 15px !important;
}

.nitaaq-product-color-selector__swatches {
  display: inline-flex !important;
  align-items: center !important;
  gap: 14px !important;
}

.nitaaq-swatch-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  cursor: pointer !important;
  user-select: none !important;
}

.nitaaq-swatch-circle {
  display: inline-block !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
  transition: transform 0.2s ease, outline 0.2s ease !important;
  box-sizing: border-box !important;
}

.nitaaq-swatch-name {
  font-size: 13.5px !important;
  color: #555 !important;
  font-weight: 500 !important;
}

html[dir="rtl"] .nitaaq-swatch-name {
  font-family: var(--font-body-family, sans-serif) !important;
}

.nitaaq-swatch-label input:checked + .nitaaq-swatch-circle {
  outline: 2px solid #8c7041 !important;
  outline-offset: 2.5px !important;
  transform: scale(1.08) !important;
}

.nitaaq-swatch-label input:checked ~ .nitaaq-swatch-name {
  color: #083030 !important;
  font-weight: 600 !important;
}

/* Quantity Selector & Buy Buttons (matching Image 3) */
.product-form-buttons {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
}

.product-form-buttons .quantity-selector-wrapper {
  flex: 0 0 auto !important;
}

.product-form-buttons .quantity-selector {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 116px !important;
  height: 48px !important;
  border-radius: 28px !important;
  border: 1px solid #dcd8d0 !important;
  background: #ffffff !important;
  padding: 0 8px !important;
  box-sizing: border-box !important;
  color: #083030 !important;
}

.product-form-buttons .quantity-selector input[type='number'] {
  width: 36px !important;
  text-align: center !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #083030 !important;
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  -moz-appearance: textfield !important;
}

.product-form-buttons .quantity-selector input[type='number']::-webkit-inner-spin-button,
.product-form-buttons .quantity-selector input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

.product-form-buttons .quantity-selector button {
  width: 28px !important;
  height: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: none !important;
  color: #083030 !important;
  cursor: pointer !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

.product-form-buttons .add-to-cart-button,
.product-form-buttons [data-type="add-to-cart-form"] button[type="submit"],
.product-form-buttons .button--primary {
  flex: 1 1 auto !important;
  height: 48px !important;
  border-radius: 28px !important;
}

/* Reset Nitaaq Jeel title & menu so it has no underline, no white text-shadow, and matches standard headings */
.nitaaq-title-jeel,
.nitaaq-menu-jeel,
h1 .nitaaq-title-jeel,
.nitaaq-arrival-feature__eyebrow .nitaaq-title-jeel {
  text-decoration: none !important;
  text-shadow: none !important;
  color: inherit !important;
}
.nitaaq-arrival-feature__eyebrow {
  color: #727875 !important;
  text-decoration: none !important;
  text-shadow: none !important;
}
.nitaaq-complete-collection__action {
  color: #083030 !important;
  text-decoration: none !important;
}
.nitaaq-complete-collection__arrow {
  display: none !important;
}

/* Nitaaq Color Swatches (2 Colors with Selected Color Name Above) */
.nitaaq-product-color-selector {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin-bottom: 18px !important;
  width: 100% !important;
}

.nitaaq-product-color-selector__header {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 14.5px !important;
  line-height: 1.4 !important;
}

.nitaaq-product-color-selector__label {
  font-weight: 500 !important;
  color: #666666 !important;
}

.nitaaq-product-color-selector__current {
  font-weight: 700 !important;
  color: #083030 !important;
}

html[dir="rtl"] .nitaaq-product-color-selector__header {
  font-family: "Tajarib", sans-serif !important;
  font-size: 15.5px !important;
}

.nitaaq-product-color-selector__swatches {
  display: inline-flex !important;
  align-items: center !important;
  gap: 14px !important;
}

.nitaaq-swatch-label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  position: relative !important;
}

.nitaaq-swatch-circle {
  display: block !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(0, 0, 0, 0.16) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
  transition: transform 0.2s ease, outline 0.2s ease, box-shadow 0.2s ease !important;
  box-sizing: border-box !important;
}

.nitaaq-swatch-label:hover .nitaaq-swatch-circle {
  transform: scale(1.08) !important;
}

.nitaaq-swatch-label input:checked + .nitaaq-swatch-circle {
  outline: 2px solid #083030 !important;
  outline-offset: 3px !important;
  transform: scale(1.06) !important;
}

/* ==========================================================================
   NITAAQ LUXURY COLOR SWATCHES (Matching Image 2)
   - Color name above the swatches
   - Square swatches with underline indicator for active selection
   - Only 2 colors
   ========================================================================== */
.nitaaq-product-color-selector {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 12px !important;
  margin-bottom: 22px !important;
  width: 100% !important;
}

.nitaaq-product-color-selector__title {
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #172b28 !important;
  letter-spacing: 0.02em !important;
  min-height: 22px !important;
}

html[dir="rtl"] .nitaaq-product-color-selector__title,
html[lang="ar"] .nitaaq-product-color-selector__title {
  font-family: "Tajarib", sans-serif !important;
  font-size: 16px !important;
}

.nitaaq-product-color-selector__swatches {
  display: inline-flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
}

.nitaaq-swatch-item {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  cursor: pointer !important;
  position: relative !important;
}

.nitaaq-swatch-box {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 0 !important;
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
  box-sizing: border-box !important;
  transition: opacity 0.2s ease !important;
}

.nitaaq-swatch-item:hover .nitaaq-swatch-box {
  opacity: 0.82 !important;
}

.nitaaq-swatch-bar {
  display: block !important;
  width: 20px !important;
  height: 2px !important;
  background-color: transparent !important;
  margin-top: 5px !important;
  transition: background-color 0.2s ease !important;
}

.nitaaq-swatch-item input:checked ~ .nitaaq-swatch-bar {
  background-color: #172b28 !important;
}

/* Completely eliminate native radio button appearance on swatches */
.nitaaq-swatch-item input,
.nitaaq-swatch-item input:focus,
.nitaaq-swatch-item input:active,
.nitaaq-swatch-item input:focus-visible,
.nitaaq-swatch-input,
.nitaaq-swatch-input:focus,
.nitaaq-swatch-input:active,
.nitaaq-swatch-input:focus-visible,
[data-color-selector] input[type="radio"],
[data-color-selector] input[type="radio"]:focus,
[data-color-selector] input[type="radio"]:active,
[data-color-selector] input[type="radio"]:focus-visible {
  position: absolute !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  pointer-events: none !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  overflow: hidden !important;
  z-index: -10 !important;
}

/* ==========================================================================
   SIZE FINDER BACKDROP & PANEL - MATCHING FILTER DRAWER (Image 1)
   ========================================================================== */
.nitaaq-mobile-utility-bar {
  display: none !important;
}

.nitaaq-size-finder__backdrop {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(0, 0, 0, 0.42) !important;
  backdrop-filter: blur(1px) !important;
  -webkit-backdrop-filter: blur(1px) !important;
  z-index: 999998 !important;
  transition: opacity 0.3s ease !important;
}

.nitaaq-size-finder__backdrop[hidden] {
  display: none !important;
}

.nitaaq-size-finder__panel {
  position: fixed !important;
  top: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
  left: auto !important;
  width: min(440px, 92vw) !important;
  max-width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  background: #ffffff !important;
  color: #083030 !important;
  z-index: 999999 !important;
  box-shadow: -4px 0 24px rgba(0, 0, 0, 0.16) !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
}

.nitaaq-size-finder__panel[dir="rtl"],
html[dir="rtl"] .nitaaq-size-finder__panel,
html[lang*="ar"] .nitaaq-size-finder__panel {
  right: 0 !important;
  left: auto !important;
  direction: rtl !important;
  text-align: right !important;
}

/* ==========================================================================
   PRODUCT BUTTONS: COMPACT SIDE-BY-SIDE (Add to Cart + Check Out + Quantity)
   ========================================================================== */
.product-form-buttons {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
}

.product-form-buttons > span:has(.add-to-cart-button),
.product-form-buttons > .add-to-cart-button,
.product-form-buttons > button,
.product-form-buttons > .nitaaq-checkout-button {
  flex: 1 1 0 !important;
  min-width: 0 !important;
}

.product-form-buttons .add-to-cart-button,
.product-form-buttons .nitaaq-checkout-button {
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  border-radius: 28px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
  white-space: nowrap !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
}

.product-form-buttons .add-to-cart-button {
  background: #111111 !important;
  color: #ffffff !important;
  border: 1px solid #111111 !important;
}

.product-form-buttons .add-to-cart-button:hover {
  background: #2a2a2a !important;
}

.product-form-buttons .nitaaq-checkout-button {
  background: #083030 !important;
  color: #ffffff !important;
  border: 1px solid #083030 !important;
}

.product-form-buttons .nitaaq-checkout-button:hover {
  background: #0d4848 !important;
}

.product-form-buttons .quantity-selector {
  flex: 0 0 auto !important;
  min-width: 108px !important;
  max-width: 118px !important;
  height: 48px !important;
  border-radius: 28px !important;
}

@media (max-width: 749px) {
  .product-form-buttons {
    gap: 6px !important;
  }
  .product-form-buttons .add-to-cart-button,
  .product-form-buttons .nitaaq-checkout-button {
    font-size: 12.5px !important;
    padding: 0 10px !important;
    height: 44px !important;
    min-height: 44px !important;
  }
  .product-form-buttons .quantity-selector {
    height: 44px !important;
    min-width: 96px !important;
    max-width: 104px !important;
  }
}

/* ==========================================================================
   FIXED WHATSAPP POSITION & VISIBILITY
   - Raised higher (bottom: 95px) so it never sits at the very bottom
   - Text "محتاج مساعدة" is ALWAYS VISIBLE directly
   ========================================================================== */
.nitaaq-wa-float {
  position: fixed !important;
  bottom: 95px !important;
  right: 22px !important;
  z-index: 99999 !important;
  direction: ltr !important;
}

html[dir="rtl"] .nitaaq-wa-float,
html[lang="ar"] .nitaaq-wa-float {
  right: auto !important;
  left: 22px !important;
  direction: rtl !important;
}

.nitaaq-wa-float__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  height: 46px !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 16px 0 12px !important;
  background-color: #084d41 !important;
  color: #ffffff !important;
  border-radius: 50px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22) !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease !important;
  white-space: nowrap !important;
}

.nitaaq-wa-float__btn:hover {
  background-color: #063d34 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.28) !important;
}

.nitaaq-wa-float__icon-box {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  flex-shrink: 0 !important;
}

.nitaaq-wa-float__icon {
  width: 24px !important;
  height: 24px !important;
  display: block !important;
  fill: #ffffff !important;
}

.nitaaq-wa-float__label {
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  color: #ffffff !important;
  max-width: none !important;
  opacity: 1 !important;
  display: inline-block !important;
  pointer-events: auto !important;
  margin-left: 0 !important;
}

html[lang="ar"] .nitaaq-wa-float__label,
html[dir="rtl"] .nitaaq-wa-float__label {
  font-family: "Tajarib", var(--font-body-family, sans-serif) !important;
  font-size: 15px !important;
}

@media (max-width: 749px) {
  .nitaaq-wa-float {
    bottom: 80px !important;
    right: 16px !important;
  }
  html[dir="rtl"] .nitaaq-wa-float,
  html[lang="ar"] .nitaaq-wa-float {
    left: 16px !important;
    right: auto !important;
  }
  .nitaaq-wa-float__btn {
    height: 42px !important;
    padding: 0 14px 0 10px !important;
  }
  .nitaaq-wa-float__icon-box,
  .nitaaq-wa-float__icon {
    width: 20px !important;
    height: 20px !important;
  }
  .nitaaq-wa-float__label {
    font-size: 13px !important;
  }
}

/* ==========================================================================
   PERFECT PRODUCT FORM BUTTONS LAYOUT (NO OVERLAPPING, CLEAN PILL SHAPES)
   ========================================================================== */
.product-form-buttons {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.product-form-buttons quantity-selector-component,
.product-form-buttons .quantity-selector-wrapper {
  flex: 0 0 auto !important;
  display: block !important;
}

.product-form-buttons .quantity-selector {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 110px !important;
  height: 48px !important;
  border-radius: 28px !important;
  border: 1px solid #dcd8d0 !important;
  background: #ffffff !important;
  padding: 0 6px !important;
  box-sizing: border-box !important;
  color: #083030 !important;
}

.product-form-buttons__cta-group {
  display: flex !important;
  flex-direction: row !important;
  flex: 1 1 auto !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  width: 100% !important;
}

.product-form-buttons__cta-group > span,
.product-form-buttons__cta-group > span:has(.add-to-cart-button) {
  flex: 1 1 50% !important;
  min-width: 0 !important;
  display: flex !important;
}

.product-form-buttons .add-to-cart-button,
.buy-buttons-block .button[id^='BuyButtons-ProductSubmitButton-'],
.buy-buttons-block .add-to-cart-button {
  flex: 1 1 100% !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  border-radius: 28px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  padding: 0 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #111111 !important;
  color: #ffffff !important;
  border: 1px solid #111111 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  transition: background-color 0.2s ease !important;
}

.product-form-buttons .add-to-cart-button:hover {
  background: #2a2a2a !important;
}

.product-form-buttons .nitaaq-checkout-button {
  flex: 1 1 50% !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  border-radius: 28px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  padding: 0 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #083030 !important;
  color: #ffffff !important;
  border: 1px solid #083030 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  transition: background-color 0.2s ease !important;
}

.product-form-buttons .nitaaq-checkout-button:hover {
  background: #0d4848 !important;
}

@media (max-width: 749px) {
  .product-form-buttons {
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
  .product-form-buttons .quantity-selector {
    width: 98px !important;
    height: 44px !important;
  }
  .product-form-buttons__cta-group {
    flex: 1 1 auto !important;
    gap: 6px !important;
  }
  .product-form-buttons .add-to-cart-button,
  .product-form-buttons .nitaaq-checkout-button {
    height: 44px !important;
    min-height: 44px !important;
    font-size: 12.5px !important;
    padding: 0 8px !important;
  }
}


/* ==========================================================================
   USER REFINEMENTS (OCTOBER 2026):
   1. BUTTONS: Subtle border-radius (4px - clean modern luxury, NOT half circle)
   2. WHATSAPP: Permanent pill, label always visible, NO hover expansion needed
   3. SIZE FINDER: Fixed background (NO zoom out / scale), subtle backdrop blur
   ========================================================================== */

/* 1. BUTTONS & QUANTITY SELECTOR: SUBTLE BORDER-RADIUS (4px) */
.product-form-buttons .quantity-selector,
.product-form-buttons quantity-selector-component,
.product-form-buttons .quantity-selector-wrapper {
  border-radius: 4px !important;
}

.product-form-buttons .quantity-selector {
  border-radius: 4px !important;
  height: 48px !important;
  border: 1px solid #d4d0c8 !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
}

.product-form-buttons .add-to-cart-button,
.buy-buttons-block .button[id^='BuyButtons-ProductSubmitButton-'],
.buy-buttons-block .add-to-cart-button,
.product-form-buttons .nitaaq-checkout-button {
  border-radius: 4px !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  transition: background-color 0.2s ease, opacity 0.2s ease !important;
}

.product-form-buttons .add-to-cart-button {
  background: #111111 !important;
  color: #ffffff !important;
  border: 1px solid #111111 !important;
}

.product-form-buttons .add-to-cart-button:hover {
  background: #262626 !important;
  color: #ffffff !important;
}

.product-form-buttons .nitaaq-checkout-button {
  background: #083030 !important;
  color: #ffffff !important;
  border: 1px solid #083030 !important;
}

.product-form-buttons .nitaaq-checkout-button:hover {
  background: #0d4848 !important;
  color: #ffffff !important;
}

@media (max-width: 749px) {
  .product-form-buttons .quantity-selector,
  .product-form-buttons .add-to-cart-button,
  .product-form-buttons .nitaaq-checkout-button {
    border-radius: 4px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
  }
}

/* 2. WHATSAPP BUTTON: LABEL ALWAYS VISIBLE, NO HOVER REQUIRED */
.nitaaq-wa-float {
  position: fixed !important;
  bottom: 85px !important;
  z-index: 99999 !important;
  direction: ltr !important;
}

html[dir="rtl"] .nitaaq-wa-float,
html[lang="ar"] .nitaaq-wa-float {
  left: 20px !important;
  right: auto !important;
  direction: rtl !important;
}

html:not([dir="rtl"]):not([lang="ar"]) .nitaaq-wa-float {
  right: 20px !important;
  left: auto !important;
  direction: ltr !important;
}

.nitaaq-wa-float__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  height: 44px !important;
  width: auto !important;
  min-width: 140px !important;
  max-width: none !important;
  padding: 0 16px 0 12px !important;
  background-color: #084d41 !important;
  color: #ffffff !important;
  border-radius: 50px !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2) !important;
  text-decoration: none !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transform: none !important;
  transition: background-color 0.2s ease, box-shadow 0.2s ease !important;
}

.nitaaq-wa-float__btn:hover {
  background-color: #063d34 !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.26) !important;
  transform: translateY(-2px) !important;
}

.nitaaq-wa-float__icon-box {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  flex-shrink: 0 !important;
}

.nitaaq-wa-float__icon {
  width: 22px !important;
  height: 22px !important;
  display: block !important;
  fill: #ffffff !important;
}

.nitaaq-wa-float__label {
  display: inline-block !important;
  max-width: none !important;
  opacity: 1 !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  margin: 0 !important;
  pointer-events: auto !important;
  white-space: nowrap !important;
  visibility: visible !important;
}

html[lang="ar"] .nitaaq-wa-float__label,
html[dir="rtl"] .nitaaq-wa-float__label {
  font-family: "Tajarib", var(--font-body-family, sans-serif) !important;
  font-size: 15px !important;
}

@media (max-width: 749px) {
  .nitaaq-wa-float {
    bottom: 75px !important;
  }
  html[dir="rtl"] .nitaaq-wa-float,
  html[lang="ar"] .nitaaq-wa-float {
    left: 14px !important;
    right: auto !important;
  }
  .nitaaq-wa-float__btn {
    height: 40px !important;
    min-width: 125px !important;
    padding: 0 12px 0 10px !important;
  }
  .nitaaq-wa-float__icon-box,
  .nitaaq-wa-float__icon {
    width: 19px !important;
    height: 19px !important;
  }
  .nitaaq-wa-float__label {
    font-size: 13px !important;
  }
}

/* ==========================================================================
   NITAAQ SIZE FINDER DRAWER (BILINGUAL ARABIC & ENGLISH, CLEAN LUXURY STYLING)
   - Distinct step-by-step pages (Details -> Shoulders -> Waist -> Result)
   - Only ONE page visible at a time (no scrolling between pages)
   - Custom SVG illustrations for shoulders & waist from Size Chart
   ========================================================================== */
dialog.nitaaq-size-finder__panel:not([open]) {
  display: none !important;
}

dialog.nitaaq-size-finder__panel[open] {
  position: fixed !important;
  top: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
  left: auto !important;
  inset-inline-start: auto !important;
  inset-inline-end: 0 !important;
  margin: 0 !important;
  width: min(460px, 92vw) !important;
  min-width: 0 !important;
  max-width: 100vw !important;
  height: 100% !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  max-height: 100dvh !important;
  padding: clamp(24px, 4vw, 36px) !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  display: flex !important;
  flex-direction: column !important;
  background: #ffffff !important;
  color: #083030 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: -8px 0 30px rgba(0, 0, 0, 0.16) !important;
  transform: none !important;
  z-index: 999999 !important;
}

/* RTL / Arabic Alignment */
dialog.nitaaq-size-finder__panel[dir="rtl"],
html[dir="rtl"] dialog.nitaaq-size-finder__panel {
  direction: rtl !important;
  text-align: right !important;
}

/* LTR / English Alignment */
dialog.nitaaq-size-finder__panel:not([dir="rtl"]),
dialog.nitaaq-size-finder__panel[dir="ltr"],
html:not([dir="rtl"]) dialog.nitaaq-size-finder__panel {
  direction: ltr !important;
  text-align: left !important;
}

/* Dimmed Blurred Backdrop */
dialog.nitaaq-size-finder__panel::backdrop {
  background: rgba(0, 0, 0, 0.42) !important;
  backdrop-filter: blur(2.5px) !important;
  -webkit-backdrop-filter: blur(2.5px) !important;
}

/* Close Button */
.nitaaq-size-finder__close {
  position: absolute !important;
  top: 16px !important;
  width: 34px !important;
  height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 28px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  color: #555555 !important;
  padding: 0 !important;
  transition: color 0.2s ease, transform 0.2s ease !important;
  z-index: 10 !important;
}

/* Close button corner: Opposite of reading direction */
dialog.nitaaq-size-finder__panel[dir="rtl"] .nitaaq-size-finder__close,
html[dir="rtl"] .nitaaq-size-finder__close {
  left: 18px !important;
  right: auto !important;
}

dialog.nitaaq-size-finder__panel:not([dir="rtl"]) .nitaaq-size-finder__close,
dialog.nitaaq-size-finder__panel[dir="ltr"] .nitaaq-size-finder__close,
html:not([dir="rtl"]) .nitaaq-size-finder__close {
  right: 18px !important;
  left: auto !important;
}

.nitaaq-size-finder__close:hover {
  color: #083030 !important;
  transform: scale(1.1) !important;
}

/* Page Isolation: Strictly only ONE page is visible */
.nitaaq-size-finder__page[hidden] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  overflow: hidden !important;
}

.nitaaq-size-finder__page:not([hidden]) {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  animation: nitaaqPageFade 0.22s ease !important;
}

@keyframes nitaaqPageFade {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Page Header */
.nitaaq-size-finder__header {
  text-align: center !important;
  margin-bottom: 20px !important;
}

.nitaaq-size-finder__step {
  text-align: center !important;
  text-transform: uppercase !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.08em !important;
  color: #8c7041 !important;
  font-weight: 600 !important;
  margin: 0 0 6px !important;
  display: block !important;
}

.nitaaq-size-finder__header h2 {
  text-align: center !important;
  font-size: clamp(1.4rem, 2.8vw, 1.85rem) !important;
  font-weight: 600 !important;
  margin: 0 0 8px !important;
  color: #083030 !important;
}

.nitaaq-size-finder__intro {
  text-align: center !important;
  font-size: 0.88rem !important;
  color: #666666 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

/* Form Fields */
.nitaaq-size-finder__fields {
  display: grid !important;
  gap: 16px !important;
  width: 100% !important;
}

.nitaaq-size-finder__fields > label {
  display: grid !important;
  gap: 6px !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
  color: #222222 !important;
}

dialog.nitaaq-size-finder__panel[dir="rtl"] .nitaaq-size-finder__fields > label,
html[dir="rtl"] .nitaaq-size-finder__fields > label {
  text-align: right !important;
}

dialog.nitaaq-size-finder__panel:not([dir="rtl"]) .nitaaq-size-finder__fields > label,
dialog.nitaaq-size-finder__panel[dir="ltr"] .nitaaq-size-finder__fields > label,
html:not([dir="rtl"]) .nitaaq-size-finder__fields > label {
  text-align: left !important;
}

.nitaaq-size-finder__fields input[type="number"] {
  width: 100% !important;
  padding: 12px 14px !important;
  border: 1px solid #dcd8d0 !important;
  border-radius: 4px !important;
  font-size: 15px !important;
  color: #111111 !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
  outline: none !important;
  transition: border-color 0.2s ease !important;
}

dialog.nitaaq-size-finder__panel[dir="rtl"] .nitaaq-size-finder__fields input,
html[dir="rtl"] .nitaaq-size-finder__fields input {
  text-align: right !important;
  direction: rtl !important;
}

dialog.nitaaq-size-finder__panel:not([dir="rtl"]) .nitaaq-size-finder__fields input,
dialog.nitaaq-size-finder__panel[dir="ltr"] .nitaaq-size-finder__fields input,
html:not([dir="rtl"]) .nitaaq-size-finder__fields input {
  text-align: left !important;
  direction: ltr !important;
}

.nitaaq-size-finder__fields input[type="number"]:focus {
  border-color: #083030 !important;
  box-shadow: 0 0 0 1px #083030 !important;
}

/* Illustration Card with New Size Chart Assets */
.nitaaq-size-finder__illustration-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 180px !important;
  background: #fbf9f6 !important;
  border-radius: 6px !important;
  padding: 18px !important;
  box-sizing: border-box !important;
  margin-bottom: 16px !important;
}

.nitaaq-size-image {
  max-width: 220px !important;
  max-height: 180px !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  transition: opacity 0.2s ease !important;
}

/* Choice Cards (Slimmer, Average, Wider) */
.nitaaq-size-finder__choices {
  display: flex !important;
  justify-content: space-between !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 0 20px !important;
}

.nitaaq-choice-card {
  flex: 1 1 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 6px !important;
  border: 1px solid #dcd8d0 !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  background: #ffffff !important;
  transition: all 0.2s ease !important;
  text-align: center !important;
  gap: 6px !important;
}

.nitaaq-choice-card:hover {
  border-color: #083030 !important;
}

.nitaaq-choice-card:has(input:checked),
.nitaaq-choice-card.is-selected {
  border-color: #083030 !important;
  background: #f4f7f6 !important;
}

.nitaaq-choice-card input {
  accent-color: #083030 !important;
  cursor: pointer !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
}

.nitaaq-choice-title {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #083030 !important;
}

/* Result Card */
.nitaaq-size-finder__result-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 36px 20px !important;
  background: #fbf9f6 !important;
  border: 1px solid #eae6df !important;
  border-radius: 6px !important;
  margin: 16px 0 24px !important;
}

.nitaaq-size-finder__result {
  font-size: 4rem !important;
  font-weight: 700 !important;
  color: #083030 !important;
  letter-spacing: 0.04em !important;
  line-height: 1 !important;
  display: block !important;
}

/* Buttons */
.nitaaq-size-finder__next {
  width: 100% !important;
  height: 46px !important;
  padding: 0 16px !important;
  background: #083030 !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 4px !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  margin-top: 14px !important;
  transition: background 0.2s ease !important;
}

.nitaaq-size-finder__next:hover {
  background: #052020 !important;
}

.nitaaq-size-finder__buttons {
  display: flex !important;
  gap: 12px !important;
  width: 100% !important;
  margin-top: 8px !important;
}

.nitaaq-size-finder__buttons button[data-back] {
  flex: 0 0 35% !important;
  height: 46px !important;
  background: #ffffff !important;
  color: #111111 !important;
  border: 1px solid #cccccc !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
}

.nitaaq-size-finder__buttons button[data-back]:hover {
  background: #f7f7f7 !important;
}

.nitaaq-size-finder__buttons button[data-next],
.nitaaq-size-finder__buttons button[data-use-size] {
  flex: 1 1 auto !important;
  height: 46px !important;
  background: #083030 !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
}

.nitaaq-size-finder__buttons button[data-next]:hover,
.nitaaq-size-finder__buttons button[data-use-size]:hover {
  background: #052020 !important;
}

/* Errors */
.nitaaq-size-finder__error {
  color: #d9383a !important;
  font-size: 0.85rem !important;
  margin: 8px 0 0 !important;
}

dialog.nitaaq-size-finder__panel[dir="rtl"] .nitaaq-size-finder__error,
html[dir="rtl"] .nitaaq-size-finder__error {
  text-align: right !important;
  direction: rtl !important;
}

dialog.nitaaq-size-finder__panel:not([dir="rtl"]) .nitaaq-size-finder__error,
dialog.nitaaq-size-finder__panel[dir="ltr"] .nitaaq-size-finder__error,
html:not([dir="rtl"]) .nitaaq-size-finder__error {
  text-align: left !important;
  direction: ltr !important;
}

@media (max-width: 749px) {
  dialog.nitaaq-size-finder__panel[open] {
    width: min(460px, 100vw) !important;
    padding: 24px 20px !important;
  }
}


/* ==========================================================================
   ORIGINAL BUTTON DESIGN (2x2 GRID: ATC ON TOP, CHECKOUT + QUANTITY ON BOTTOM)
   ========================================================================== */
.product-form-buttons {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 116px !important;
  grid-template-rows: 60px 60px !important;
  gap: 10px 12px !important;
}

.product-form-buttons__cta-group {
  display: grid !important;
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 60px 60px !important;
  align-items: center !important;
  justify-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
}

.nitaaq-add-to-cart-slot,
.nitaaq-checkout-slot {
  display: flex !important;
  min-width: 0 !important;
  justify-content: center !important;
  align-items: center !important;
}

.nitaaq-add-to-cart-slot {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: min(165px, 100%) !important;
}

.nitaaq-add-to-cart-slot > *,
.nitaaq-add-to-cart-slot add-to-cart-component,
.nitaaq-add-to-cart-slot > span {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}

.nitaaq-checkout-slot {
  grid-column: 1 !important;
  grid-row: 2 !important;
  width: min(110px, 100%) !important;
}

.nitaaq-add-to-cart-slot .add-to-cart-button,
.nitaaq-checkout-slot .nitaaq-checkout-button {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 58px !important;
  height: auto !important;
  max-height: none !important;
  padding: 10px 8px !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.25 !important;
}

.product-form-buttons .quantity-selector-wrapper {
  grid-column: 2 !important;
  grid-row: 2 !important;
  width: 100% !important;
  justify-self: stretch !important;
  align-self: center !important;
}

html[dir='rtl'] .product-form-buttons,
html[lang^='ar'] .product-form-buttons {
  grid-template-columns: 116px minmax(0, 1fr) !important;
}

html[dir='rtl'] .product-form-buttons__cta-group,
html[lang^='ar'] .product-form-buttons__cta-group {
  grid-column: 2 !important;
}

html[dir='rtl'] .product-form-buttons .quantity-selector-wrapper,
html[lang^='ar'] .product-form-buttons .quantity-selector-wrapper {
  grid-column: 1 !important;
}

/* ==========================================================================
   NITAAQ WHATSAPP FLOATING BUTTON (PERMANENT PILL, NO HOVER ANIMATION, NO COLLAPSE)
   ========================================================================== */
.nitaaq-wa-float {
  position: fixed !important;
  bottom: 85px !important;
  z-index: 99999 !important;
  pointer-events: auto !important;
}

html[dir="rtl"] .nitaaq-wa-float,
html[lang*="ar"] .nitaaq-wa-float {
  left: 20px !important;
  right: auto !important;
  direction: rtl !important;
}

html:not([dir="rtl"]):not([lang*="ar"]) .nitaaq-wa-float {
  right: 20px !important;
  left: auto !important;
  direction: ltr !important;
}

.nitaaq-wa-float__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  height: 44px !important;
  width: auto !important;
  min-width: 140px !important;
  max-width: none !important;
  padding: 0 16px 0 14px !important;
  background-color: #084d41 !important;
  color: #ffffff !important;
  border-radius: 50px !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22) !important;
  text-decoration: none !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  overflow: visible !important;
  transform: none !important;
  transition: none !important;
}

.nitaaq-wa-float:hover .nitaaq-wa-float__btn,
.nitaaq-wa-float__btn:hover,
.nitaaq-wa-float__btn:focus-visible,
.nitaaq-wa-float__btn.is-active {
  width: auto !important;
  min-width: 140px !important;
  max-width: none !important;
  background-color: #084d41 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22) !important;
  transform: none !important;
}

.nitaaq-wa-float__icon-box {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  flex-shrink: 0 !important;
}

.nitaaq-wa-float__icon {
  width: 22px !important;
  height: 22px !important;
  display: block !important;
  fill: #ffffff !important;
}

.nitaaq-wa-float__label {
  display: inline-block !important;
  max-width: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: #ffffff !important;
  font-size: 14.5px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  margin: 0 !important;
  pointer-events: auto !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

html[lang*="ar"] .nitaaq-wa-float__label,
html[dir="rtl"] .nitaaq-wa-float__label {
  font-family: "Tajarib", -apple-system, sans-serif !important;
  font-size: 15px !important;
}

.nitaaq-wa-float:hover .nitaaq-wa-float__label,
.nitaaq-wa-float__btn:hover .nitaaq-wa-float__label,
.nitaaq-wa-float__btn:focus-visible .nitaaq-wa-float__label,
.nitaaq-wa-float__btn.is-active .nitaaq-wa-float__label {
  max-width: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  margin: 0 !important;
}

@media (max-width: 749px) {
  .nitaaq-wa-float {
    bottom: 75px !important;
  }
  html[dir="rtl"] .nitaaq-wa-float,
  html[lang*="ar"] .nitaaq-wa-float {
    left: 14px !important;
    right: auto !important;
  }
  html:not([dir="rtl"]):not([lang*="ar"]) .nitaaq-wa-float {
    right: 14px !important;
    left: auto !important;
  }
  .nitaaq-wa-float__btn {
    height: 40px !important;
    min-width: 125px !important;
    padding: 0 14px 0 12px !important;
  }
  .nitaaq-wa-float__icon-box,
  .nitaaq-wa-float__icon {
    width: 20px !important;
    height: 20px !important;
  }
  .nitaaq-wa-float__label {
    font-size: 13.5px !important;
  }
}



/* ==========================================================================
   SHARE OPTIONS (WHATSAPP, FACEBOOK, COPY LINK - UNIFORM RECTANGULAR BUTTONS)
   ========================================================================== */
.nitaaq-share-options {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin-top: 14px !important;
  width: 100% !important;
}

.nitaaq-share-options a.nitaaq-share-option-btn,
.nitaaq-share-options button.nitaaq-share-option-btn,
.nitaaq-share-option-btn,
.nitaaq-share-option-btn--wa,
.nitaaq-share-option-btn--fb,
.nitaaq-share-option-btn--copy {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 50px !important;
  padding: 14px 18px !important;
  border: 1px solid #d4d0c7 !important;
  background: #faf8f5 !important;
  color: #083030 !important;
  text-decoration: none !important;
  font-size: 0.92rem !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  border-radius: 4px !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  overflow: visible !important;
  transform: none !important;
  transition: all 0.2s ease !important;
}

.nitaaq-share-options a.nitaaq-share-option-btn:hover,
.nitaaq-share-options button.nitaaq-share-option-btn:hover,
.nitaaq-share-option-btn:hover {
  background: #ffffff !important;
  border-color: #083030 !important;
  box-shadow: 0 4px 12px rgba(8, 48, 48, 0.08) !important;
  transform: translateY(-1px) !important;
}

.nitaaq-share-options a.nitaaq-share-option-btn > span,
.nitaaq-share-options button.nitaaq-share-option-btn > span,
.nitaaq-share-option-btn > span {
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.92rem !important;
  font-weight: 500 !important;
  color: inherit !important;
  pointer-events: auto !important;
  white-space: nowrap !important;
}

.nitaaq-share-option-btn svg {
  flex-shrink: 0 !important;
  width: 20px !important;
  height: 20px !important;
  display: block !important;
}

.nitaaq-share-option-btn--wa svg {
  color: #25D366 !important;
  fill: currentColor !important;
}

.nitaaq-share-option-btn--fb svg {
  color: #1877F2 !important;
  fill: currentColor !important;
}

.nitaaq-share-option-btn--copy svg {
  color: #8c7041 !important;
  stroke: currentColor !important;
}

/* ==========================================================================
   NITAAQ WINTER 2026 PRODUCT CARDS & MULTI-PHOTO SLIDER CAROUSEL
   ========================================================================== */
.nitaaq-card-carousel {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 4 / 5 !important;
  overflow: hidden !important;
  background-color: #f7f7f7 !important;
  direction: ltr !important; /* Critical: keeps translateX consistent in LTR & RTL */
  border-radius: 4px !important;
}

.nitaaq-card-carousel__link {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  text-decoration: none !important;
  color: inherit !important;
}

.nitaaq-card-carousel__track {
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  transform: translateX(calc(-100% * var(--current-index, 0))) !important;
  transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
  touch-action: pan-y pinch-zoom !important;
}

.nitaaq-card-carousel__track.is-no-transition {
  transition: none !important;
}

.nitaaq-card-carousel__slide {
  flex: 0 0 100% !important;
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
}

.nitaaq-card-carousel__slide img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.4s ease !important;
}

.nitaaq-product-card:hover .nitaaq-card-carousel__slide img {
  transform: scale(1.025) !important;
}

/* Card Arrow Navigation Buttons */
.nitaaq-card-arrow {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.92) !important;

  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #111 !important;
  cursor: pointer !important;
  z-index: 6 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 0.22s ease, transform 0.2s ease, background-color 0.2s ease !important;
  padding: 0 !important;
  margin: 0 !important;
}

.nitaaq-card-arrow svg {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
}

.nitaaq-product-card:hover .nitaaq-card-arrow,
.nitaaq-card-carousel:hover .nitaaq-card-arrow {
  opacity: 1 !important;
  pointer-events: auto !important;
}

.nitaaq-card-arrow:hover {
  background: #ffffff !important;
  transform: translateY(-50%) scale(1.1) !important;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2) !important;
}

.nitaaq-card-arrow--prev {
  left: 8px !important;
}

.nitaaq-card-arrow--next {
  right: 8px !important;
}

@media (max-width: 768px), (hover: none) {
  .nitaaq-card-arrow {
    opacity: 0.85 !important;
    pointer-events: auto !important;
    width: 28px !important;
    height: 28px !important;
  }
}

/* Dot Indicators */
.nitaaq-card-dots {
  position: absolute !important;
  bottom: 8px !important;
  left: 0 !important;
  right: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  z-index: 5 !important;
  pointer-events: auto !important;
}

.nitaaq-card-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.55) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important;
  transition: all 0.25s ease !important;
  cursor: pointer !important;
  display: inline-block !important;
  border: none !important;
  padding: 0 !important;
}

.nitaaq-card-dot.is-active {
  width: 16px !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) !important;
}

.nitaaq-product-card__title {
  display: block !important;
  font-weight: 600 !important;
  color: #111 !important;
  margin-bottom: 2px !important;
}

.nitaaq-product-card__sizes {
  display: block !important;
  font-size: 0.75rem !important;
  color: #8c7041 !important;
  font-weight: 500 !important;
}

/* Actions positioned inside photo container */
.nitaaq-product-card__actions,
.nitaaq-card-carousel .nitaaq-product-card__actions,
.nitaaq-product-card__image .nitaaq-product-card__actions {
  position: absolute !important;
  right: 10px !important;
  left: auto !important;
  bottom: 14px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  z-index: 3 !important;  pointer-events: auto !important;
}

[dir="rtl"] .nitaaq-product-card__actions,
[dir="rtl"] .nitaaq-card-carousel .nitaaq-product-card__actions {
  right: 10px !important;
  left: auto !important;
}

.nitaaq-product-card__actions a,
.nitaaq-product-card__actions button {
  display: grid !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  background: rgba(255, 255, 255, 0.94) !important;

  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16) !important;
  border-radius: 3px !important;
  border: 0 !important;
  cursor: pointer !important;
  color: var(--nitaaq-ink, #172b28) !important;
  padding: 0 !important;
  margin: 0 !important;
  transition: transform 0.2s ease, background 0.2s ease !important;
}

.nitaaq-product-card__actions a:hover,
.nitaaq-product-card__actions button:hover {
  background: #ffffff !important;
  transform: scale(1.08) !important;
}

@media (max-width: 749px) {
  .nitaaq-product-card__actions,
  .nitaaq-card-carousel .nitaaq-product-card__actions,
  .nitaaq-product-card__image .nitaaq-product-card__actions {
    right: 8px !important;
    left: auto !important;
    bottom: 12px !important;
    gap: 5px !important;
  }
  .nitaaq-product-card__actions a,
  .nitaaq-product-card__actions button {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
  }
}


/* Hide Pagination Numbers and Navigation */
.pagination, nav.pagination, .product-grid-container .pagination, [aria-label='Pagination'], .pagination-wrapper { display: none !important; }


/* ==========================================================================
   HIDE ANNOUNCEMENT BAR WHEN ANY SIDE MENU / DRAWER IS OPEN
   ========================================================================== */
body.nitaaq-menu-open .announcement-bar,
body.nitaaq-menu-open aside.announcement-bar,
body.nitaaq-menu-open #shopify-section-sections--27942367002943__header_announcements_cFTjQJ,
body:has(details.nitaaq-menu[open]) .announcement-bar,
body:has(details.nitaaq-menu[open]) aside.announcement-bar,
body:has(details.nitaaq-menu[open]) #shopify-section-sections--27942367002943__header_announcements_cFTjQJ,
details.nitaaq-menu[open] ~ * .announcement-bar,
details.nitaaq-menu[open] ~ * aside.announcement-bar,
body:has(.nitaaq-size-finder dialog[open]) .announcement-bar,
body:has(.nitaaq-size-finder dialog[open]) #shopify-section-sections--27942367002943__header_announcements_cFTjQJ,

body:has(.nitaaq-info-drawer__panel:not([hidden])) .announcement-bar,
body:has(.nitaaq-info-drawer__panel:not([hidden])) #shopify-section-sections--27942367002943__header_announcements_cFTjQJ,
body:has(cart-drawer[open]) .announcement-bar,
body:has(cart-drawer[open]) #shopify-section-sections--27942367002943__header_announcements_cFTjQJ,
body:has(header-drawer[open]) .announcement-bar,
body:has(header-drawer[open]) #shopify-section-sections--27942367002943__header_announcements_cFTjQJ,
body:has(dialog[open]) .announcement-bar,
body:has(dialog[open]) #shopify-section-sections--27942367002943__header_announcements_cFTjQJ {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Ensure drawers & backdrops always sit above any header layer */
.nitaaq-menu__backdrop,
.nitaaq-size-finder__backdrop,
#nitaaq-info-backdrop,
.nitaaq-info-backdrop {
  z-index: 100000 !important;
}
.nitaaq-menu__panel,
.nitaaq-size-finder__panel,
.nitaaq-info-drawer__panel {
  z-index: 100001 !important;
}
\r\n\r\n/* Ensure Sticky Add to Cart is always above all cards, badges, and icons */\r\nsticky-add-to-cart,\r\n.sticky-add-to-cart,\r\n.sticky-add-to-cart__bar {\r\n  z-index: 99 !important;\r\n}\r\n


/* ==========================================================================
   MOBILE COLLECTION GRID: 3 LARGE FULL-WIDTH PRODUCTS + 2-BY-2 UNTIL END
   ========================================================================== */
@media (max-width: 749px) {
  .product-grid,
  .nitaaq-new-arrivals .product-grid,
  .main-collection-grid .product-grid,
  ul[data-testid="product-grid"],
  ul.product-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 10px !important;
    row-gap: 24px !important;
    padding-inline: 12px !important;
    margin-inline: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* First 3 products: 3 large images under each other (1 full-width card per row) */
  :not(.nitaaq-404-product-grid).product-grid > .product-grid__item:nth-child(1),
  :not(.nitaaq-404-product-grid).product-grid > .product-grid__item:nth-child(2),
  :not(.nitaaq-404-product-grid).product-grid > .product-grid__item:nth-child(3),
  .nitaaq-new-arrivals .product-grid > .product-grid__item:nth-child(1),
  .nitaaq-new-arrivals .product-grid > .product-grid__item:nth-child(2),
  .nitaaq-new-arrivals .product-grid > .product-grid__item:nth-child(3) {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* From 4th product onwards: 2 photos side-by-side until the end */
  .product-grid > .product-grid__item:nth-child(n+4),
  .nitaaq-new-arrivals .product-grid > .product-grid__item:nth-child(n+4) {
    grid-column: span 1 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Consistent 4/5 portrait ratio on mobile */
  .nitaaq-product-card__image,
  .nitaaq-card-carousel {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    aspect-ratio: 4 / 5 !important;
    overflow: hidden !important;
    border-radius: 4px !important;
    background-color: #f7f7f7 !important;
  }

  .nitaaq-product-card__image img,
  .nitaaq-card-carousel__slide img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  /* Card action buttons (bag and favorite) */
  .nitaaq-product-card__actions {
    position: absolute !important;
    right: 8px !important;
    left: auto !important;
    bottom: 12px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    z-index: 10 !important;
    pointer-events: auto !important;
  }

  html[dir="rtl"] .nitaaq-product-card__actions,
  html[lang="ar"] .nitaaq-product-card__actions {
    right: 8px !important;
    left: auto !important;
  }

  .nitaaq-product-card__actions a,
  .nitaaq-product-card__actions button {
    display: grid !important;
    place-items: center !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    background: rgba(255, 255, 255, 0.95) !important;
  
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16) !important;
    border-radius: 4px !important;
    border: 0 !important;
    color: var(--nitaaq-ink, #083030) !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    line-height: 1 !important;
    font-size: 16px !important;
  }

  .nitaaq-product-card__actions svg {
    width: 16px !important;
    height: 16px !important;
    stroke-width: 1.5 !important;
  }

  /* Prominent actions on the 3 large full-width cards */
  .product-grid > .product-grid__item:nth-child(1) .nitaaq-product-card__actions,
  .product-grid > .product-grid__item:nth-child(2) .nitaaq-product-card__actions,
  .product-grid > .product-grid__item:nth-child(3) .nitaaq-product-card__actions {
    right: 12px !important;
    bottom: 14px !important;
    gap: 7px !important;
  }

  .product-grid > .product-grid__item:nth-child(1) .nitaaq-product-card__actions a,
  .product-grid > .product-grid__item:nth-child(1) .nitaaq-product-card__actions button,
  .product-grid > .product-grid__item:nth-child(2) .nitaaq-product-card__actions a,
  .product-grid > .product-grid__item:nth-child(2) .nitaaq-product-card__actions button,
  .product-grid > .product-grid__item:nth-child(3) .nitaaq-product-card__actions a,
  .product-grid > .product-grid__item:nth-child(3) .nitaaq-product-card__actions button {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    font-size: 17px !important;
  }

  .product-grid > .product-grid__item:nth-child(1) .nitaaq-product-card__actions svg,
  .product-grid > .product-grid__item:nth-child(2) .nitaaq-product-card__actions svg,
  .product-grid > .product-grid__item:nth-child(3) .nitaaq-product-card__actions svg {
    width: 17px !important;
    height: 17px !important;
  }

  /* 2-column cards (items 4+) actions */
  .product-grid > .product-grid__item:nth-child(n+4) .nitaaq-product-card__actions {
    right: 6px !important;
    bottom: 8px !important;
    gap: 5px !important;
  }

  .product-grid > .product-grid__item:nth-child(n+4) .nitaaq-product-card__actions a,
  .product-grid > .product-grid__item:nth-child(n+4) .nitaaq-product-card__actions button {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    font-size: 15px !important;
  }

  .product-grid > .product-grid__item:nth-child(n+4) .nitaaq-product-card__actions svg {
    width: 15px !important;
    height: 15px !important;
  }

  /* Product details styling */
  .nitaaq-product-card__details {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    padding-top: 8px !important;
    text-decoration: none !important;
    color: inherit !important;
  }

  /* 3 large cards details */
  .product-grid > .product-grid__item:nth-child(-n+3) .nitaaq-product-card__details span:first-child,
  .product-grid > .product-grid__item:nth-child(-n+3) .nitaaq-product-card__title {
    font-size: 13.5px !important;
    font-weight: 500 !important;
    color: var(--nitaaq-green, #083030) !important;
    letter-spacing: 0.02em !important;
  }

  .product-grid > .product-grid__item:nth-child(-n+3) .nitaaq-product-card__details span:last-child,
  .product-grid > .product-grid__item:nth-child(-n+3) .nitaaq-product-card__price {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--nitaaq-ink, #083030) !important;
  }

  /* 2-column cards details */
  .product-grid > .product-grid__item:nth-child(n+4) .nitaaq-product-card__details span:first-child,
  .product-grid > .product-grid__item:nth-child(n+4) .nitaaq-product-card__title {
    font-size: 11.5px !important;
    font-weight: 500 !important;
    color: var(--nitaaq-green, #083030) !important;
  }

  .product-grid > .product-grid__item:nth-child(n+4) .nitaaq-product-card__details span:last-child,
  .product-grid > .product-grid__item:nth-child(n+4) .nitaaq-product-card__price {
    font-size: 11.5px !important;
    font-weight: 600 !important;
    color: var(--nitaaq-ink, #083030) !important;
  }

  /* Slider arrows */
  .nitaaq-card-arrow {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    background: rgba(255, 255, 255, 0.9) !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16) !important;
    border-radius: 50% !important;
    border: 0 !important;
    display: grid !important;
    place-items: center !important;
    z-index: 6 !important;
    opacity: 0.88 !important;
  }
  .nitaaq-card-arrow--prev {
    left: 8px !important;
  }
  .nitaaq-card-arrow--next {
    right: 8px !important;
  }
  .nitaaq-card-arrow svg {
    width: 14px !important;
    height: 14px !important;
  }

  /* Dots */
  .nitaaq-card-dots {
    position: absolute !important;
    bottom: 8px !important;
    left: 0 !important;
    right: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 4px !important;
    z-index: 5 !important;
  }
}



/* Hide arrival feature section on mobile so collection starts with 3 large product cards */
@media (max-width: 749px) {
  .nitaaq-arrival-feature,
  .nitaaq-collection-feature {
    display: none !important;
  }
}


/* Disable browser video hover popups: Enhance & Picture-in-Picture */
.nitaaq-home-mosaic__tile--video video,
.nitaaq-mosaic-video,
video.nitaaq-mosaic-video {
  pointer-events: none !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}


  /* Girls faces visibility: home page and first video div */
  .hero__media,
  video.hero__media,
  img.hero__media,
  .hero__media video,
  .hero__media img,
  .hero__media-wrapper video,
  .hero__media-wrapper img,
  .hero-wrapper video,
  .hero-wrapper img,
  .nitaaq-home-mosaic__tile img,
  .nitaaq-home-mosaic__tile video,
  .nitaaq-mosaic-video,
  video.nitaaq-mosaic-video,
  .nitaaq-editorial-category__images img,
  .nitaaq-product-card__image img,
  .nitaaq-card-carousel__slide img,
  .product-card__media img,
  .card__media img,
  .product-grid img,
  .main-collection-grid img,
  /* Bottom collection promo banners: Focus on outfit FIT, not face */
  .nitaaq-collection-promos a {
    min-height: 290px !important;
  }
  @media screen and (max-width: 749px) {
    .nitaaq-collection-promos a {
      min-height: 200px !important;
    }
  }
  .nitaaq-collection-promos img {
    object-position: center 48% !important;
  }
  .nitaaq-collection-promos a[href*="pants"] img {
    object-position: center 65% !important;
  }

/* Bottom collection promo banners: Focus on outfit FIT, not face */
  .nitaaq-collection-promos a {
    min-height: 290px !important;
  }
  @media screen and (max-width: 749px) {
    .nitaaq-collection-promos a {
      min-height: 200px !important;
    }
  }
  .nitaaq-collection-promos img {
    object-position: center 48% !important;
  }
  .nitaaq-collection-promos a[href*="pants"] img {
    object-position: center 65% !important;
  }


.nitaaq-cos-price-row {
  display: block !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #111111 !important;
  margin-top: 6px !important;
  margin-bottom: 12px !important;
  line-height: 1.4 !important;
}
.product-details product-price, .product-details [data-block-id*="price"], .product-details .compare-at-price, .product-details s, .product-details del { display: none !important; }


/* Ensure size guide row and product form errors never collide or overlap */
.nitaaq-product-size-guide-row {
  display: block !important;
  width: 100% !important;
  margin-top: 10px !important;
  margin-bottom: 16px !important;
  position: static !important;
  clear: both !important;
}

.product-form-text__error {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  margin-top: 14px !important;
  margin-bottom: 8px !important;
  padding: 10px 14px !important;
  background-color: #fef2f2 !important;
  border: 1px solid #fecaca !important;
  border-radius: 6px !important;
  color: #b91c1c !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  position: static !important;
  clear: both !important;
  box-sizing: border-box !important;
}

.product-form-text__error.hidden {
  display: none !important;
}

.product-form-text__error .svg-wrapper {
  flex-shrink: 0 !important;
  width: 16px !important;
  height: 16px !important;
  color: #b91c1c !important;
}


/* ==========================================================================
   NITAAQ CLEAN SINGLE PRICE & CARDS REFINEMENT
   ========================================================================== */
.compare-at-price,
.product-badges,
.product-badges__badge,
.card-gallery .product-badges,
.product-card .product-badges {
  display: none !important;
}

/* Ensure recommendation cards have clean 4:5 aspect ratio with centered model shots */
.product-recommendations .card-gallery,
.product-recommendations .product-media-container,
.product-recommendations .product-media,
.product-recommendations img {
  aspect-ratio: 4 / 5 !important;
  object-fit: cover !important;
  object-position: center top !important;
}

/* Sticky add to cart styling refinements */
.sticky-add-to-cart__image {
  width: 50px !important;
  height: 62px !important;
  flex: 0 0 50px !important;
  overflow: hidden !important;
  border-radius: 4px !important;
}
.sticky-add-to-cart__image-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
}
.sticky-add-to-cart .compare-at-price {
  display: none !important;
}
.sticky-add-to-cart__title {
  text-transform: capitalize !important;
}


/* Judge.me Clean Up: hide empty state subtitle & be the first text */
.jdgm-rev-widg__summary-text,
.jdgm-rev-widg__summary,
.jdgm-widget-actions__title,
.jdgm-widget-actions__subtitle,
.jdgm-rev-widg__title,
.jdgm-empty-state-text,
.jdgm-widget-actions-wrapper > *:not(.jdgm-write-rev-btn):not(button):not(a),
.jdgm-rev-widg__actions > *:not(.jdgm-write-rev-btn):not(button):not(a) {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}