/** Shopify CDN: Minification failed

Line 842:29 Unexpected "{"
Line 842:38 Expected ":"
Line 842:45 Unexpected "{"

**/
/* ==========================================================================
   Aamra E-Commerce - Product Detail Page (PDP) Custom Stylesheet
   Designed to match Figma specifications across Mobile, Tablet, and Desktop.
   Utilizes Shopify OS 2.0 Native Theme Variables (Colors & Colors Dark Theme).
   Architecture matches custom.css (100% theme settings configurable).
   ========================================================================== */

:root {
  /* Brand Specific Accents (Olive CTA & Accent) */
  --aamra-pdp-olive: #1D4228;
  --aamra-pdp-olive-hover: #1D4228;
  --returnprime-primary: #1D4228 !important;
}

/* --------------------------------------------------------------------------
   1. Breadcrumbs
   -------------------------------------------------------------------------- */
.wishlist-page {
    background: #EFEADD;
}
 .wh-list-right h3 {
    font-family: 'Jost' !important;
    font-size: 16px;
    margin-bottom: 8px !important;
}
.wh-list-right span.money {
    font-size: 16px;
    margin-bottom: 8px !important;
}
.wh-list-right .wishlist-variant {
    margin-bottom: 8px !important;
    color: #6A6762;
}
.fullfiled_orders * {
    font-weight: 400;
}
html .returnprime .select__field select:focus,
.action__card textarea:focus,
.action__card input:focus {
  border-color: #1D4228;
}
.card__btn a.btn.return__btn,
.action__btns button.btn.btn-primary.next__btn {
    background: #1D4228 !important;
    letter-spacing: 0.8px;
    font-size: 12px;
}
html .Polaris-TextField__Input:focus,
.Polaris-TextField--focus {
  outline-color: #1D4228 !important;
}
.returnprime .customer .return__steps .ant-steps-item-process .ant-steps-item-icon {
  border-color:#1D4228 !important;
  background-color:#1D4228 !important;
}
.action__btns a.btn.back__btn {
  border-color: #1D4228 !important;
  color:#1D4228 !important;
  font-size: 12px !important;
  letter-spacing: 0.8px !important;
}
.card__btn  a.btn.exchange__btn {
  background: #211B13 !important;
    letter-spacing: 0.8px;
    font-size: 12px;
}
.wh-list-right .wishlist-cart {
  background-color: var(--aamra-pdp-olive) !important;
  color: #F0E9D6;
  font-size: 12px;
}
.product-page #breadcrumbs--main,
.product-page [id^="breadcrumbs--"] {
  padding-top: 12px;
  padding-bottom: 12px;
}
.back__btn {
  font-size: 12px !important;
}
html .aa-cc-bottom-left .aa-cc-fix-icon-body,
.scroll-to-top {
    display: none !important;
}
.aamra-size-guide-drawer,
body .aamra-size-guide-header,
body .look-drawer-header {
  background: #FFFDF9;
}
body .look-drawer-header h3 {

}
body .pdp-review-image-item {
    width: 64px;
    height: 64px;
  }
.pdp-review-card .pdp-review-stars-row {
    width: 100%;
    order: 0;
}
.pdp-review-card .pdp-review-card-quote {
    width: auto;
    order: 2;
    flex: 1;
    max-width: 832px;
    padding-left: 30px;
}
.pdp-review-card .pdp-review-author-info {
    width: auto;
    order: 1;
}
body .pdp-review-card {
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row;
}
.rte.aamra-desc-html p {
    margin-bottom: 0;
}
.count_item {
    top: -5px;
    width: 15px;
    height: 15px;
    font-size: 8px;
    right: 0;
}
html:not(.dark) .count_item {
    background: #000;
    color: #fff;
}
.product-page .breadcrumbs__list {
  font-family: var(--font-body-family);
  font-size: 12px;
  color: rgba(var(--colors-text), 0.7);
}

.product-page .breadcrumbs__list a {
  color: rgba(var(--colors-text), 0.7);
  text-decoration: none;
  transition: color 0.2s ease;
}

.product-page .breadcrumbs__list a:hover {
  color: rgb(var(--colors-heading)) ;
}

/* --------------------------------------------------------------------------
   2. Subheading / Collection Category
   -------------------------------------------------------------------------- */
.product-page .block-collection-link,
.product-page .aamra-pdp-category {
  margin-bottom: 12px ;
  text-decoration: underline;
}

.product-page .block-collection-link a,
.product-page .aamra-pdp-category-link {
  font-family: var(--font-body-family) ;
  font-size: 12px ;
  padding: 0 ;
  background: transparent ;
  text-decoration: underline ;
  display: inline-block;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}
body .aamra-read-more-link {
  color: #2560B8;
}
.aamra-desc-wrapper div {
  font-size: 14px;
  padding-top: 12px;
}
.aamra-pdp-rating-badge span.aamra-badge-count {
    font-size: 12px;
}
.product-content-container {
    padding-right: 0 !important;
}
html:not(.dark) .product-page .block-collection-link a,
html:not(.dark) .product-page .aamra-pdp-category-link {
  color: #6A6762;
}
.product-page .block-collection-link a:hover {
  color: rgb(var(--colors-heading)) ;
}

/* --------------------------------------------------------------------------
   3. Product Title
   -------------------------------------------------------------------------- */
.product-page h1.product-title,
.product-page .product-title.h2,
.product-page h1.title-size--main,
.product-page .aamra-pdp-title {
  font-family: var(--font-heading-family) ;
  font-weight: 400 ;
  color: rgb(var(--colors-heading, 18, 18, 16)) ;
  line-height: 1.25 ;
  letter-spacing: 1px ;
  font-size: 20px ;
  margin-bottom: 12px ;
}



/* --------------------------------------------------------------------------
   4. Pricing & Strikeout Approach
   -------------------------------------------------------------------------- */
.product-page .x-block-price {
  margin-bottom: 0px ;
}

.product-page .price {
  display: flex ;
  align-items: baseline ;
  flex-wrap: wrap ;
  gap: 8px ;
  font-size: 16px;
}

/* Regular / Original strikeout price */
.product-page .price--on-sale .price-item--regular,
.product-page .price__sale .price-item--regular,
.product-page .price s,
.product-page s.price-item {
  text-decoration: line-through ;
  font-weight: 400 ;
  font-size: 14px ;
  font-family: var(--font-body-family) ;
}
html:not(.dark) .product-page .price--on-sale .price-item--regular,
html:not(.dark) .product-page .price__sale .price-item--regular,
html:not(.dark) .product-page .price s,
html:not(.dark) .product-page s.price-item {
  color: #2F2F37;
}
/* Active Sale Price in Accent Red */
.product-page .price--on-sale .price-item--sale,
.product-page .price__sale .price-item--last,
.product-page .price-item.price-item--sale {
  color: rgb(var(--colors-price-sale)) ;
  font-weight: 600 ;
  font-size: 16px ;
  font-family: var(--font-body-family) ;
}

/* Non-sale standard price */
.product-page .price-item--regular:not(.price--on-sale *) {
  font-weight: 500 ;
  font-size: 16px ;
  color: rgb(var(--colors-text, 18, 18, 16)) ;
  font-family: var(--font-body-family) ;
}

/* Shop Pay Installment text */
.product-page shopify-payment-terms {
  font-family: var(--font-body-family) ;
  font-size: 12px ;
  color: rgba(var(--colors-text), 0.7) ;
  margin-top: 4px ;
  display: block;
}

/* --------------------------------------------------------------------------
   5. Reviews & Ratings
   -------------------------------------------------------------------------- */
.product-page .rating,
.product-page .jdgm-widget,
.product-page .x-block-rating {
  font-family: var(--font-body-family) ;
  font-size: 13px ;
  color: rgba(var(--colors-text), 0.7) ;
  margin-top: 4px ;
  margin-bottom: 0px ;
}
.x-review-product {
    margin-bottom: 0;
}
.product-page .rating-star,
.product-page .review-star {
  color: rgb(var(--colors-heading, 18, 18, 16)) ;
}

/* --------------------------------------------------------------------------
   6. Truncated Description (3 lines by default + Read more)
   -------------------------------------------------------------------------- */
.product-page .x-block-description {
  font-family: var(--font-body-family) ;
  font-size: 14px ;
  line-height: 1.6 ;
  margin-top: 0px ;
  padding-bottom: 20px;
  margin-bottom: 7px;
  border-bottom: 1px solid #E0E0DD;
}
html:not(.dark) .product-page .x-variant-picker legend span + span {
    color: #211B13;
}
html:not(.dark) .product-page .x-block-description {
  color: #6A6762;
}

.product-page .x-block-description .rte {
  font-size: 14px ;
  line-height: 1.6 ;
  color: rgba(var(--colors-text), 0.7) ;
}

.product-page .x-block-description .truncate-text {
  display: -webkit-box ;
  -webkit-line-clamp: 3 ;
  -webkit-box-orient: vertical ;
  overflow: hidden ;
  line-height: 1.6 ;
}

.product-page .x-block-description .button-link {
  color: #007AFF ;
  font-weight: 400 ;
  text-decoration: underline ;
  font-size: 14px ;
  cursor: pointer;
  margin-top: 4px ;
  display: inline-block;
}

/* --------------------------------------------------------------------------
   7. Variant Pickers: Stone (Circular) & Size (Rectangular)
   -------------------------------------------------------------------------- */
.product-page .x-variant-picker {
  margin-top: 16px ;
  margin-bottom: 0px ;
}
.x-review-product {
    margin-bottom: 0;
}
.product-page .x-block-description .truncate-text p {
    font-size: 14px;
}
html:not(.dark) .product-page .x-block-description .truncate-text p  {
    color: #6A6762;
}
.product-page .x-variant-picker fieldset,
.product-page .x-variant-picker .variant-options {
  margin-bottom: 0px ;
}

.product-page .x-variant-picker legend {
  font-family: var(--font-body-family) ;
  font-size: 12px ;
  font-weight: 600 ;
  text-transform: uppercase ;
  letter-spacing: 0.8px ;
  margin-bottom: 0px ;
}
html:not(.dark) .product-page .x-variant-picker legend {
  color: #2F2F37 ;
}
.product-page .x-variant-picker legend span {
    font-size: 14px;
    text-transform: capitalize;
    letter-spacing: 0;
}
html:not(.dark) .product-page .x-variant-picker legend span{
    color: #6A6762;
}

/* Circular Stone / Color Swatches */
.product-page label.color-watches,
.product-page .color-watches.round-swatches input[type="radio"] + label,
.product-page .swatch-color-item label {
  border-radius: 50% ;
  width: 28px ;
  height: 28px ;
  padding: 0 ;
  border: 1px solid rgb(var(--colors-line-and-border)) ;
  transition: all 0.2s ease ;
  cursor: pointer;
}

.product-page input.input-radio:checked + label.color-watches,
.product-page .color-watches.round-swatches input[type="radio"]:checked + label,
.product-page .swatch-color-item input[type="radio"]:checked + label {
  box-shadow: 0 0 0 2px rgb(var(--colors-background)), 0 0 0 3px rgb(var(--colors-heading)) ;
}

/* Rectangular Size Swatches */
.product-page .input-radio + label:not(.color-watches),
.product-page .swatch-text-item label,
.product-page input[type="radio"] + label.radio-label {
  min-width: 44px ;
  height: 44px ;
  border: 1px solid rgb(var(--colors-line-and-border)) ;
  background: transparent ;
  color: var(--aamra-pdp-olive) ;
  font-family: var(--font-body-family) ;
  font-size: 14px ;
  font-weight: 400 ;
  display: inline-flex ;
  align-items: center ;
  justify-content: center ;
  border-radius: 0 ;
  transition: all 0.2s ease ;
  cursor: pointer;
  padding: 0 12px ;
  letter-spacing: 0.8px;
}

.product-page .input-radio + label:not(.color-watches):hover,
.product-page .swatch-text-item label:hover,
.product-page input[type="radio"] + label.radio-label:hover {
  border-color: var(--aamra-pdp-olive) ;
  background-color: var(--aamra-pdp-olive) ;
  color: #ffffff ;
}

.product-page .input-radio:checked + label:not(.color-watches),
.product-page input[type="radio"]:checked + label.radio-label {
  background-color: var(--aamra-pdp-olive) ;
  color: #F0E9D6 ;
  border-color: var(--aamra-pdp-olive) ;
  font-weight: 500;
}

/* Sold Out / Disabled Variant Strikeout */
.product-page .input-radio.disabled + label,
.product-page input[type="radio"]:disabled + label {
  position: relative ;
  opacity: 0.5 ;
  cursor: not-allowed ;
}
.product-page .x-variant-picker fieldset > div {
    margin-bottom: 0;
}
.product-page .input-radio.disabled + label::after,
.product-page input[type="radio"]:disabled + label::after {
  content: "" ;
  position: absolute ;
  --tw-rotate: 30deg;
  background: linear-gradient(to top right, transparent calc(50% - 0.75px), rgba(var(--colors-text), 0.7) calc(50% - 0.75px), rgba(var(--colors-text), 0.7) calc(50% + 0.75px), transparent calc(50% + 0.75px)) ;
}

/* Sizing Guide Link */
.product-page #OpenVariantPickerSizeChart,
#QuickView #OpenVariantPickerSizeChart,
.product-page .size-chart-link,
#QuickView .size-chart-link,
.product-page button[aria-label*="size"],
#QuickView button[aria-label*="size"] {
  font-family: var(--font-body-family) ;
  font-size: 12px ;
  color: #211B13 ;
  text-decoration: underline ;
  font-weight: 500 ;
  margin-left: auto ;
  display: inline-flex ;
  align-items: center ;
  background: transparent ;
  border: none ;
  padding: 0 ;
  cursor: pointer ;
  text-transform: uppercase;
}

.dark .product-page #OpenVariantPickerSizeChart,
.dark #QuickView #OpenVariantPickerSizeChart,
.dark .product-page .size-chart-link,
.dark #QuickView .size-chart-link {
  color: #ffffff ;
}

.product-page #OpenVariantPickerSizeChart:hover,
#QuickView #OpenVariantPickerSizeChart:hover,
.product-page .size-chart-link:hover,
#QuickView .size-chart-link:hover {
  opacity: 0.7 ;
}

/* --------------------------------------------------------------------------
   8. Primary CTA (ADD TO BAG) & Wishlist Button
   -------------------------------------------------------------------------- */
.product-page .x-block-buy-buttons {
  margin-top: 0px !important;
  margin-bottom: 20px ;
  width: 100% ;
}

.pdp-atc-row {
  display: flex ;
  align-items: center ;
  gap: 16px ;
  width: 100% ;
  margin-bottom: 0px ;
}
html:not(.dark) .product-page .pdp-wishlist-box path {
    fill: #fff;
}

.product-page .add_to_cart_button {
  background-color: var(--aamra-pdp-olive) ;
  color: #F0E9D6;
  border: 1px solid var(--aamra-pdp-olive) ;
  border-radius: 0 ;
  font-family: var(--font-button, var(--font-body-family)) ;
  font-size: 12px ;
  font-weight: 500 ;
  letter-spacing: 0.8px ;
  text-transform: uppercase ;
  padding: 0 24px ;
  height: 44px ;
  min-height: 44px ;
  transition: background-color 0.2s ease, border-color 0.2s ease ;
  flex: 1 1 auto ;
  display: flex ;
  align-items: center ;
  justify-content: center ;
  margin-bottom: 0 ;
}

.product-page .add_to_cart_button:hover {
  background-color: var(--aamra-pdp-olive-hover) ;
  border-color: var(--aamra-pdp-olive-hover) ;
}

/* Inline Wishlist button beside ADD TO BAG (Figma 44x44, Icon-only) */
.product-page .pdp-wishlist-box,
.product-page .pdp-wishlist-button,
.product-page .wishlist-pdp-btn,
.product-page .wishlist-engine-pdp,
.product-page .x-block-buy-buttons + .x-block-app,
.product-page .x-block-buy-buttons + .se-wishlist-engine,
.product-page .se_wishlist_engine_product_page button {
  width: 44px ;
  height: 44px ;
  min-width: 44px ;
  max-width: 44px ;
  min-height: 44px ;
  max-height: 44px ;
  background-color: var(--aamra-pdp-olive) ;
  border: 1px solid var(--aamra-pdp-olive) ;
  display: inline-flex ;
  align-items: center ;
  justify-content: center ;
  color: #ffffff ;
  border-radius: 0 ;
  cursor: pointer ;
  flex: 0 0 44px ;
  padding: 0 ;
  margin: 0 ;
  box-sizing: border-box ;
  font-size: 0 ;
  line-height: 0 ;
}

.product-page .pdp-wishlist-button:hover,
.product-page .wishlist-pdp-btn:hover,
.product-page .x-block-buy-buttons + .x-block-app:hover,
.product-page .se_wishlist_engine_product_page button:hover {
  background-color: var(--aamra-pdp-olive-hover) ;
  border-color: var(--aamra-pdp-olive-hover) ;
}

.product-page .pdp-wishlist-button svg,
.product-page .pdp-wishlist-box svg,
.product-page .wishlist-pdp-btn svg,
.product-page .wishlist-engine-pdp svg,
.product-page .x-block-buy-buttons + .x-block-app svg,
.product-page .se_wishlist_engine_product_page svg {
  /* stroke: #ffffff ; */
  fill: none ;
  /* color: #ffffff ; */
  width: 18px ;
  height: 18px ;
  display: block ;
  margin: auto ;
}
 .dark .product-page .pdp-wishlist-button svg path,
 .dark .product-page .pdp-wishlist-box svg path,
 .dark .product-page .wishlist-pdp-btn svg path,
 .dark .product-page .wishlist-engine-pdp svg path,
 .dark .product-page .x-block-buy-buttons + .x-block-app svg path,
 .dark .product-page .se_wishlist_engine_product_page svg path {
 stroke: #fff;
 }

/* Strictly hide text inside wishlist button (Figma Icon-Only) */
.product-page .pdp-wishlist-button span:not(:has(svg)),
.product-page .pdp-wishlist-button p,
.product-page .pdp-wishlist-button .text,
.product-page .wishlist-engine-button span:not(:has(svg)),
.product-page .wishlist-engine span:not(:has(svg)),
.product-page .se_wishlist_engine_product_page span:not(:has(svg)),
.product-page [class*="wishlist"] span:not(:has(svg)),
.product-page [class*="wishlist"] p,
.product-page [class*="wishlist"] .text,
.product-page [class*="wishlist"] .wishlist-text,
.product-page [class*="wishlist-engine"] .wishlist-text {
  display: none ;
  visibility: hidden ;
  width: 0 ;
  height: 0 ;
  opacity: 0 ;
  font-size: 0 ;
}

/* Hide redundant SE Wishlist Engine app block if rendered below */
.product-page .x-block-app:has([class*="wishlist-engine"]),
.product-page .x-block-app:has([class*="se_wishlist_engine"]),
.product-page .x-block-app:has([class*="se-wishlist-engine"]) {
  display: none ;
}

/* --------------------------------------------------------------------------
   9. Trust Markers & Feature Icons
   -------------------------------------------------------------------------- */
.product-page .x-block-icon-text,
.product-page .aamra-shipping-badge {
  font-family: var(--font-body-family) ;
  font-size: 12px ;
  color: rgba(var(--colors-text), 0.7) ;
  display: flex ;
  align-items: center ;
  gap: 8px ;
  margin-top: 10px ;
  margin-bottom: 16px ;
}

.product-page .x-block-feature-icons,
.product-page .feature-icons-group {
  margin-top: 0px ;
  padding-top: 0px ;
  border-top: 0 ;
  display: flex ;
  justify-content: space-between ;
  align-items: center ;
  gap: 12px ;
  width: 100% ;
  margin-bottom: 15px;
}
.theme-template-product .preload-image {
    padding-bottom: 48px;
}
.product-page .feature-icons-group {
  margin-top: 16px;
}
.product-page .x-block-button .button-text-link span.button-text {
    font-weight: 700;
    font-size: 12px;
}
.product-page .product-content-container .x-block-button .button-text-link {
    margin-top: 24px;
    text-decoration: none;
}
.icon-text--icon_text_shipping p {
    margin: 0 !important;
}
html:not(.dark) .icon-text--icon_text_shipping p {
    color: #6A6762;
}
.icon-text--icon_text_shipping > div {
    align-items: center;
    justify-content: flex-start;
}
.inventory-in-stock-status p {
    font-size: 14px;
    color: #1E7A46;
}

.product-page .feature-icon-item {
  flex: 1 1 0 ;
  text-align: center ;
  display: flex ;
  flex-direction: row ;
  align-items: center ;
}
.product-page .feature-icon-item > div {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    flex-wrap:wrap;
}
body .size-icon-feature_icon_PXyEKB {
  width: 32px;
  height: 32px;
  color: #87837D;
}
.product-page .feature-icon-item > div div {
    margin: 0;
    width: 100%;
}
.product-page .feature-icon-item p[class*="title--"],
.product-page .feature-icon-item .title {
  font-family: var(--font-body-family) ;
  font-size: 12px;
    letter-spacing: 0;
    font-weight: 400;
    margin-top: 0;
}
html:not(.dark) .product-page .feature-icon-item p[class*="title--"],
html:not(.dark) .product-page .feature-icon-item .title {
    color: #7A7A72;
    font-size: 12px;
}
 .dark .button.button-text-link:before,
 .dark button.button-text-link:before {
     background: #fff;
 }
 body .button.button-text-link:before,
 body button.button-text-link:before {
     height: 1px;
 }

/* --------------------------------------------------------------------------
   10. Accordion Tabs & Inspiration Link
   -------------------------------------------------------------------------- */
.product-page .accordion,
.product-page .x-block-collapsible-tab,
.product-page [class*="x-block-collapsible-tab"] {
  border-bottom: none ;
  padding: 0 ;
  margin-top: 0 ;
  margin-bottom: 0 ;
  background: transparent ;
}

.product-page .accordion:last-of-type,
.product-page .x-block-collapsible-tab:last-of-type,
.product-page [class*="x-block-collapsible-tab"]:last-of-type {
  border-bottom: 1px solid rgb(var(--colors-line-and-border)) ;
}

.product-page .accordion button,
.product-page .x-block-collapsible-tab button,
.product-page [class*="x-block-collapsible-tab"] button {
  padding: 20px 0;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    background: transparent;
    border: none;
    cursor: pointer;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    letter-spacing: 0.8px;
}
.product-page [class*="x-block-collapsible-tab"] button p {
  font-weight: 500;
}
html:not(.dark) .product-page .accordion button,
html:not(.dark) .product-page .x-block-collapsible-tab button,
html:not(.dark) .product-page [class*="x-block-collapsible-tab"] button {
    color: #2F2F37;
}

.product-page .x-block-collapsible-tab > div,
.product-page [class*="x-block-collapsible-tab"] > div {
  border: none ;
  border-top: none ;
  padding-left: 0 ;
  padding-right: 0 ;
  padding-top: 0 ;
  padding-bottom: 16px ;
  background: transparent ;
}

.product-page .accordion .rte,
.product-page .x-block-collapsible-tab .rte,
.product-page [class*="x-block-collapsible-tab"] .rte {
  font-family: var(--font-body-family) ;
  font-size: 12px ;
  line-height: 1.6 ;
  color: #2F2F37;
  padding: 0 ;
  margin: 0 ;
}
body .theme-template-product .aamra-es-card-wrap.aamra-es-desktop-right>.aamra-es-col-text p {
    font-size: 16px;
    color: #6A6762;
}
body .theme-template-product .section-aamra-editorial-split {
    background: #EFEADD;
}
body .aamra-gallery-counter {
  color: #6A6762;
  font-size: 16px;
}
body .aamra-gallery-toggle-btn {
    border: 1px solid #47443F;
    color: #211B13;
    font-size: 12px;
}
.product-page .product-content-container .x-block-button .button-text-link span {
    color: #6A6762;
    padding-right: 5px;
    letter-spacing: 0;
    padding-bottom: 4px;
}
.product-page .aamra-accordion-list,
.product-page [class*="x-block-collapsible-tab"] ul,
.product-page .aamra-desc-html ul,
.product-page .x-block-text ul,
.product-page .table_of_information ul,
.product-page .x-card-highlighted-featured ul {
  list-style: disc ;
  padding-left: 20px ;
  margin: 0 0 10px 0 ;
}

.product-page [class*="x-block-collapsible-tab"] ol,
.product-page .aamra-desc-html ol,
.product-page .x-block-text ol,
.product-page .table_of_information ol,
.product-page .x-card-highlighted-featured ol {
  list-style: decimal ;
  padding-left: 20px ;
  margin: 0 0 10px 0 ;
}

.product-page .aamra-accordion-list li,
.product-page [class*="x-block-collapsible-tab"] li,
.product-page .aamra-desc-html li,
.product-page .x-block-text li,
.product-page .table_of_information li,
.product-page .x-card-highlighted-featured li {
  margin-bottom: 6px ;
  color: rgba(var(--colors-text), 0.7) ;
}

/* Inspiration Link */
.product-page .x-block-button,
.product-page #block-button-{{ section.id }} {
  margin-top: 20px ;
  margin-bottom: 24px ;
}

.product-page .x-block-button .button-text-link,
.product-page .aamra-pdp-inspiration-link,
.product-page .x-block-button a {
  font-family: var(--font-body-family) ;
  font-size: 13px ;
  color: rgb(var(--colors-heading)) ;
  text-decoration: underline ;
  text-underline-offset: 4px ;
  font-weight: 500 ;
  display: inline-flex ;
  align-items: center ;
  gap: 6px ;
  padding: 0 ;
  background: transparent ;
  border: none ;
  letter-spacing: 0.02em ;
}

/* --------------------------------------------------------------------------
   11. Media Gallery (Desktop Vertical Thumbnails & Mobile Slider)
   -------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------
   12. Complete the Look (Shop the Look) Popover Card & Hotspots
   -------------------------------------------------------------------------- */
.aamra-stl-popover,
.shop-the-look-image .tooltip-content {
  background-color: var(--aamra-pdp-olive) ;
  color: #ffffff ;
  padding: 10px 14px ;
  border-radius: 0 ;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15) ;
  min-width: 190px ;
}

.aamra-stl-popover p,
.shop-the-look-image .tooltip-content p,
.shop-the-look-image .tooltip-content a {
  color: #ffffff ;
  font-family: var(--font-body-family) ;
}

/* --------------------------------------------------------------------------
   13. Watch the Making of Your Piece (Video Section - Figma Design)
   -------------------------------------------------------------------------- */
.pdp-making-video-section {
  background-color: transparent;
}
.pdp-making-video-grid {
  display: flex ;
  flex-direction: column ;
  gap: 24px ;
}

.pdp-making-video-media-wrapper {
  order: 1 ;
  width: 50% ;
}

.pdp-making-video-content {
  order: 2 ;
  flex: 1 ;
  max-width: 100% ;
}
.pdp-making-video-title {
  font-family: var(--font-heading-family) ;
  font-weight: 400 ;
  font-size: 32px ;
  line-height: 1.25 ;
  color: rgb(var(--colors-heading, 18, 18, 16)) ;
  margin-top: 0 ;
  margin-bottom: 16px ;
}



.pdp-making-video-desc {
  font-family: var(--font-body-family) ;
  font-size: 16px ;
  line-height: 1.65 ;
  margin: 0 ;
}
html:not(.dark) .pdp-making-video-desc {
  color: #6A6762;
}

.pdp-making-video-embed-box,
.pdp-making-video-player {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 0px;
  overflow: hidden;
  background-color: #000000;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.pdp-making-video-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.pdp-video-element {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  cursor: pointer;
}

/* Big Center Play Overlay Button */
.pdp-video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.25s ease, background-color 0.25s ease;
  z-index: 4;
  padding: 0;
}

.pdp-video-play-overlay:hover {
  transform: translate(-50%, -50%) scale(1.08);
}

.pdp-video-play-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 2px;
}

/* Custom Controls Bar Matching Figma */
.pdp-video-controls-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 48px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.35) 75%, transparent 100%);
  display: flex;
  align-items: center;
  padding: 0 16px;
  gap: 12px;
  z-index: 5;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.pdp-video-controls-bar.pdp-controls-hidden {
  opacity: 0;
  pointer-events: none;
  transform: translateY(6px);
}

.pdp-ctrl-btn {
  background: transparent;
  border: none;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  border-radius: 4px;
  transition: opacity 0.2s ease;
}

.pdp-ctrl-btn:hover {
  opacity: 0.8;
}

.pdp-time-display {
  font-family: var(--font-body-family);
  font-size: 12px;
  color: #f0f0f0;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.pdp-scrubber-wrapper {
  flex: 1;
  height: 24px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.pdp-scrubber-track {
  width: 100%;
  height: 4px;
  background: rgba(255, 255, 255, 0.35);
  border-radius: 2px;
  position: relative;
}

.pdp-scrubber-fill {
  height: 100%;
  background: #ffffff;
  border-radius: 2px;
  position: relative;
  min-width: 0;
  max-width: 100%;
}

.pdp-scrubber-handle {
  position: absolute;
  right: -5px;
  top: -3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}

/* --------------------------------------------------------------------------
   14. Customer Reviews Card Slider (Figma Design)
   -------------------------------------------------------------------------- */
.pdp-customer-reviews-section {
  padding-top: 64px;
  padding-bottom: 64px;
  background-color: #EFEADD;
  
}
.pdp-customer-reviews-container {
  max-width: var(--page-width, 1280px);
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
html:not(.dark) .pdp-customer-reviews-container .pdp-reviews-slider-box.has-reviews,
html:not(.dark) .pdp-customer-reviews-container .pdp-reviews-slider-box:has(.pdp-review-card),
html:not(.dark) .pdp-customer-reviews-container .pdp-reviews-slider-box:has(.pdp-reviews-empty-box.is-hidden-by-reviews){
  background: #F7F7F6;
  border: 1px solid #E0E0DD;
  padding: 28px 24px;
}
.pdp-reviews-slider-box.has-reviews,
.pdp-reviews-slider-box:has(.pdp-review-card),
.pdp-reviews-slider-box:has(.pdp-reviews-empty-box.is-hidden-by-reviews){
  padding: 28px 24px;
}
body .pdp-reviews-slider-box:not(.has-reviews):not(:has(.pdp-review-card)):not(:has(.pdp-reviews-empty-box.is-hidden-by-reviews)) {
  padding: 0;
}
.pdp-customer-reviews-header {
  text-align: center;
  margin-bottom: 28px;
}

.pdp-customer-reviews-title {
  font-family: var(--font-heading-family) ;
  font-weight: 400 ;
  font-size: 28px ;
  line-height: 1.3 ;
  color: rgb(var(--colors-heading, 18, 18, 16)) ;
  margin: 0 ;
}



.pdp-reviews-slider-box {
  background-color: rgb(var(--colors-background-secondary)) ;
  border-radius: 4px;
  padding: 28px 24px;
  position: relative;
}


.pdp-review-card {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
}

.pdp-review-stars-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}

.pdp-review-stars {
  display: flex;
  align-items: center;
  gap: 3px;
}

.pdp-star-icon {
  width: 14px;
  height: 14px;
  display: block;
}

.pdp-star-filled {
  color: #121210;
}

.pdp-star-empty {
  color: #D1D5DB;
}

.pdp-review-score-label {
  font-family: var(--font-body-family);
  font-size: 14px;
  line-height: 1;
  color: #6A6762;
  margin-left: 2px;
}
html:not(.dark) .pdp-review-score-label {
  color: #6A6762;
}

.pdp-review-card-quote {
  width: 100%;
  margin-bottom: 12px;
  padding: 0;
}

.pdp-review-quote-text {
  font-family: var(--font-body-family);
  font-size: 16px;
  line-height: 1.55;
  color: #121210;
  font-style: italic;
  font-weight: 500;
  margin: 0;
}

.pdp-review-author-info {
  margin-bottom: 20px;
}

.pdp-review-author-name {
  font-family: var(--font-body-family);
  font-size: 14px;
  color: #737373;
  margin: 0;
}
html:not(.dark) .pdp-review-author-name {
  color: #737373;
}

.pdp-review-card-divider {
  width: 100%;
  border: none;
  border-top: 1px solid #E5E5E3;
  margin: 0 0 16px 0;
}

.pdp-reviews-nav-controls {
  position: static;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}

.pdp-reviews-nav-btn {
  width: 37px;
  height: 37px;
  background-color: #121210 !important;
  color: #FFFFFF !important;
  border: none;
  border-radius: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease, opacity 0.2s ease;
  padding: 0;
}
.pdp-review-card .pdp-review-stars-row {
    color: #58584F;
}
.pdp-review-card .pdp-review-author-info .pdp-review-author-name {
    font-size: 14px;
    color: #6A6762;
    margin-bottom: 4px;
}
.pdp-review-card .pdp-review-author-info .pdp-review-date {
    color: #6A6762;
    font-size: 14px;
}
.pdp-review-card .pdp-review-card-quote blockquote.pdp-review-quote-text {
    font-size: 18px;
    font-style: normal;
}
.pdp-review-card .pdp-review-card-quote .pdp-review-images-row {
    margin-top: 8px;
}
html body .pdp-review-card {
    padding-bottom: 30px;
}
button.pdp-reviews-nav-btn.pdp-reviews-prev {
    transform: rotate(-90deg);
}
button.pdp-reviews-nav-btn.pdp-reviews-next {
    transform: rotate(-90deg);
}
.pdp-reviews-nav-btn:hover {
  background-color: #333330 !important;
}

.pdp-reviews-nav-btn svg {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
  display: block;
}

/* Reviews Empty State (Figma Screenshot 1) */
.pdp-reviews-empty-box {
  text-align: center ;
  padding: 0px 20px 24px;
  max-width: 480px ;
  margin: 0 auto ;
  display: flex ;
  flex-direction: column ;
  align-items: center ;
}

.pdp-reviews-empty-subtitle {
  font-family: var(--font-heading-family) ;
  font-size: 20px ;
  font-weight: 500 ;
  color: rgb(var(--colors-heading)) ;
  margin: 0 0 10px 0 ;
}

.pdp-reviews-empty-desc {
  font-family: var(--font-body-family) ;
  font-size: 14px ;
  line-height: 1.55 ;
  margin: 0 0 24px 0 ;
  max-width: 326px ;
}
html:not(.dark) .pdp-reviews-empty-desc {
  color: #6A6762;
}
.pdp-reviews-write-btn {
  display: inline-flex ;
  align-items: center ;
  justify-content: center ;
  height: 44px ;
  padding: 0 28px ;
  border: 1px solid rgb(var(--colors-heading)) ;
  background-color: transparent ;
  color: rgb(var(--colors-heading)) ;
  font-family: var(--font-body-family) ;
  font-size: 12px ;
  font-weight: 600 ;
  letter-spacing: 0.8px ;
  text-transform: uppercase ;
  border-radius: 2px ;
  cursor: pointer ;
  transition: all 0.2s ease ;
  min-width: 302px;
}

.pdp-reviews-write-btn:hover {
  background-color: rgb(var(--colors-button)) ;
  color: rgb(var(--colors-button-text)) ;
}

.pdp-reviews-footer-row {
  display: flex ;
  align-items: center ;
  justify-content: flex-end ;
  width: 100% ;
  margin-top: 0 ;
  padding-top: 0 ;
  border-top: none ;
}

.pdp-reviews-write-link {
  display: inline-block ;
  background: none ;
  border: none ;
  padding: 0 ;
  font-family: var(--font-body-family) ;
  font-size: 13px ;
  font-weight: 500 ;
  color: #121210 ;
  text-decoration: underline ;
  text-underline-offset: 3px ;
  cursor: pointer ;
  transition: opacity 0.2s ease ;
}

.pdp-reviews-write-link:hover {
  opacity: 0.75 ;
}

.pdp-review-write-cta {
  display: inline-flex ;
  align-items: center ;
  gap: 6px ;
  background: none ;
  border: none ;
  padding: 0 ;
  font-family: var(--font-body-family) ;
  font-size: 14px ;
  font-weight: 600 ;
  color: #121210 ;
  text-decoration: underline ;
  text-underline-offset: 3px ;
  cursor: pointer ;
  transition: opacity 0.2s ease, transform 0.2s ease ;
}

.pdp-review-write-cta:hover {
  opacity: 0.75 ;
  transform: translateX(2px) ;
}

.pdp-review-write-cta-arrow {
  display: inline-block ;
  transition: transform 0.2s ease ;
}

.pdp-review-write-cta:hover .pdp-review-write-cta-arrow {
  transform: translateX(3px) ;
}

/* Write a Review Modal (Figma Screenshot 1) */
.pdp-review-modal-backdrop {
  position: fixed ;
  inset: 0 ;
  z-index: 99999 ;
  background: rgba(0, 0, 0, 0.5) ;
  backdrop-filter: blur(4px) ;
  -webkit-backdrop-filter: blur(4px) ;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.pdp-review-modal-backdrop[x-cloak],
[x-cloak].pdp-review-modal-backdrop,
.pdp-review-modal-backdrop[style*="display: none"] {
  display: none ;
}

.pdp-review-modal-panel {
  position: relative ;
  width: 100% ;
  max-width: 640px ;
  max-height: 90vh ;
  background-color: rgb(var(--colors-background)) ;
  border: 1px solid rgb(var(--colors-line-and-border)) ;
  border-radius: 0px ;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15) ;
  display: flex;
  flex-direction: column;
  overflow: hidden ;
}

.pdp-review-modal-header {
  display: flex ;
  align-items: center ;
  justify-content: space-between ;
  padding: 20px 24px 16px ;
}

.pdp-review-modal-title {
  font-family: var(--font-heading-family) ;
  font-size: 20px ;
  font-weight: 400 ;
  color: rgb(var(--colors-heading)) ;
  margin: 0 ;
}

.pdp-review-modal-close {
  background: transparent ;
  border: none ;
  cursor: pointer ;
  padding: 6px ;
  color: rgb(var(--colors-heading)) ;
  display: flex ;
  align-items: center ;
  justify-content: center ;
  border-radius: 50% ;
}

.pdp-review-modal-close:hover {
  background-color: rgba(var(--colors-text), 0.08) ;
}

.pdp-review-modal-body {
  padding: 24px ;
  padding-top: 16px;
  overflow-y: auto ;
  -webkit-overflow-scrolling: touch ;
  display: flex ;
  flex-direction: column ;
  gap: 16px ;
}

.pdp-modal-field {
  display: flex ;
  flex-direction: column ;
  gap: 6px ;
}

.pdp-modal-label {
  font-family: var(--font-body-family) ;
  font-size: 14px ;
  font-weight: 400 ;
}
html:not(.dark) .pdp-modal-label {
  color: #6A6762;
}

.pdp-modal-stars-picker {
  display: flex ;
  align-items: center ;
  gap: 4px ;
}

.pdp-modal-star-btn {
  background: none ;
  border: none ;
  padding: 0px ;
  cursor: pointer ;
  display: flex ;
  align-items: center ;
  justify-content: center ;
  transition: transform 0.1s ease ;
}

.pdp-modal-star-btn:hover {
  transform: scale(1.15) ;
}

.pdp-modal-star-btn svg {
  transition: fill 0.15s ease, color 0.15s ease ;
}

.pdp-modal-star-btn.is-active svg {
  fill: #121210 !important;
  color: #121210 !important;
}

.pdp-modal-star-btn.is-inactive svg {
  fill: #6A6762 !important;
  color: #6A6762 !important;
}

.pdp-modal-input,
.pdp-modal-textarea {
  width: 100% ;
  padding: 14px 14px ;
  border: 1px solid rgb(var(--colors-text));
  border-radius: 2px ;
  font-family: var(--font-body-family) ;
  font-size: 14px ;
  color: rgb(var(--colors-text)) ;
  background-color: rgb(var(--colors-background)) ;
  outline: none ;
  transition: border-color 0.15s ease ;
}
html:not(.dark) .pdp-modal-input::placeholder,
html:not(.dark) .pdp-modal-textarea::placeholder {
  color: #6A6762;
  font-size: 14px ;
}

.pdp-modal-input:focus,
.pdp-modal-textarea:focus {
  border-color: rgb(var(--colors-heading)) ;
}

.pdp-modal-hint {
  font-family: var(--font-body-family) ;
  font-size: 11px ;
  color: rgba(var(--colors-text), 0.7) ;
}

.pdp-modal-upload-box {
  border: 1px solid rgb(var(--colors-heading)) ;
  border-radius: 2px ;
  padding: 14px ;
  text-align: center ;
}

.pdp-modal-upload-btn {
  cursor: pointer ;
  font-family: var(--font-body-family) ;
  font-size: 12px ;
  font-weight: 600 ;
  color: rgb(var(--colors-heading)) ;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.pdp-modal-actions {
  margin-top: 8px ;
}

.pdp-modal-submit-btn {
  width: 100% ;
  height: 46px ;
  background-color: rgb(var(--colors-button)) ;
  color: rgb(var(--colors-button-text)) ;
  border: none ;
  border-radius: 2px ;
  font-family: var(--font-body-family) ;
  font-size: 13px ;
  font-weight: 600 ;
  letter-spacing: 0.08em ;
  text-transform: uppercase ;
  cursor: pointer ;
  transition: background-color 0.2s ease ;
}

.pdp-modal-submit-btn:hover {
  background-color: rgba(var(--colors-button), 0.85) ;
}

.pdp-review-modal-success {
  padding: 40px 24px ;
  text-align: center ;
  display: flex ;
  flex-direction: column ;
  align-items: center ;
  gap: 12px ;
}
.pdp-review-modal-success h4 {
  font-family: var(--font-heading-family) ;
  font-size: 18px ;
  color: rgb(var(--colors-heading)) ;
  margin: 0 ;
}
.pdp-review-modal-success p {
  font-size: 13px ;
  color: rgba(var(--colors-text), 0.7) ;
  margin: 0 ;
}

/* --------------------------------------------------------------------------
   15. Complete the Look (Shop the Look - Figma Full Layout)
   -------------------------------------------------------------------------- */
.section-shop-the-look .shop-the-look-image {
  border-radius: 0 ;
}

.section-shop-the-look h2.h2,
.section-shop-the-look .heading-shop-the-look {
  font-family: var(--font-heading-family) ;
  font-weight: 400 ;
  font-size: 32px ;
  color: rgb(var(--colors-heading, 18, 18, 16)) ;
  margin-bottom: 8px ;
}

.section-shop-the-look .button.button-solid {
  background-color: rgb(var(--colors-button)) ;
  border-color: rgb(var(--colors-button)) ;
  color: rgb(var(--colors-button-text)) ;
  font-weight: 600 ;
  font-size: 13px ;
  letter-spacing: 1px ;
  text-transform: uppercase ;
  border-radius: 0 ;
  padding: 14px 28px ;
}

.section-shop-the-look .button.button-solid:hover {
  background-color: rgba(var(--colors-button), 0.85) ;
  border-color: rgba(var(--colors-button), 0.85) ;
}

/* Hotspot pulse rings in white */
.section-shop-the-look .spot-look {
  width: 16px;
  height: 16px;
}

/* --------------------------------------------------------------------------
   16. Hide Essential Upsell / Bulk Discount Widget on PDP
   -------------------------------------------------------------------------- */
.essential-upsell-wrapper,
[id^="essential-upsell"],
.essential-upsell,
[data-essential-upsell],
.eu-container,
.eu-quantity-breaks,
.eu-bulk-discounts,
[class*="essential-upsell"],
[id*="essential-upsell"] {
  display: none ;
}

/* --------------------------------------------------------------------------
   Recently Viewed & Recommendations 2-Column Desktop Editorial Layout (Figma Precision)
   -------------------------------------------------------------------------- */
.product-recommendations,
.recently-viewed-products {
  padding-top: 48px ;
  padding-bottom: 48px ;
}

.pdp-recs-desktop-layout,
.recently-viewed-layout {
  display: flex ;
  flex-direction: column ;
  align-items: flex-start ;
  gap: 20px ;
  width: 100% ;
}



.pdp-recs-title,
.recently-viewed-title {
  font-family: var(--font-heading-family) ;
  font-weight: 400 ;
  font-size: 32px ;
  line-height: 1.25 ;
  color: rgb(var(--colors-heading, 18, 18, 16)) ;
  letter-spacing: -0.01em ;
  margin: 0 0 8px 0 ;
  letter-spacing: 1px;
}



.pdp-recs-subtitle,
.recently-viewed-subtitle {
  font-family: var(--font-body-family) ;
  font-size: 16px ;
  line-height: 1.55 ;
  margin: 0 ;
}
html:not(.dark) .pdp-recs-subtitle,
html:not(.dark) .recently-viewed-subtitle {
  color:#6A6762;
}
/* Card Wishlist Icon in Recommendations & Recently Viewed */
.product-recommendations .wishlist-engine,
.recently-viewed-products .wishlist-engine {
  flex-shrink: 0 ;
}

.product-recommendations .wishlist-engine-button,
.recently-viewed-products .wishlist-engine-button {
  background: transparent ;
  border: none ;
  padding: 0 ;
  cursor: pointer ;
  display: flex ;
  align-items: center ;
  justify-content: center ;
  font-size: 0 ;
  line-height: 0 ;
}

.product-recommendations .wishlist-engine-button svg,
.recently-viewed-products .wishlist-engine-button svg {
  /* stroke: rgb(var(--colors-heading)) ;
  color: rgb(var(--colors-heading)) ; */
  fill: none ;
  transition: transform 0.2s ease, fill 0.2s ease ;
}
.dark .breadcumb-section a {
    color: rgb(255, 255, 255);
}
/* .product-recommendations .wishlist-engine-button:hover svg,
.recently-viewed-products .wishlist-engine-button:hover svg {
  transform: scale(1.1) ;
} */

/* --------------------------------------------------------------------------
   17. Desktop PDP Media Gallery (Figma Layout Alignment)
   -------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------
   18. Judge.me Reviews Integration & Branding Styling
   -------------------------------------------------------------------------- */
.product-page .jdgm-widget.jdgm-preview-badge {
  display: inline-flex ;
  align-items: center ;
  gap: 6px ;
  margin-bottom: 0px ;
  font-family: var(--font-body-family) ;
  font-size: 12px ;
  margin-top: 0;
}
html:not(.dark) .product-page .jdgm-widget.jdgm-preview-badge,
html:not(.dark) .product-page .jdgm-prev-badge__text {
  color: #242420;
}
.x-block-app.app-block {
    margin-bottom: 0;
}

.product-page .jdgm-star {
  color: rgb(var(--colors-heading)) ;
  font-size: 14px ;
}

.product-page .jdgm-prev-badge__text {
  font-family: var(--font-body-family) ;
  font-size: 12px ;
  font-weight: 700 ;
}
html:not(.dark) .product-page .jdgm-prev-badge__text {
  color: #6A6762;
}

/* Judge.me Main Review Section */
.section-apps #judgeme_product_reviews,
.section-apps .jdgm-widget {
  font-family: var(--font-body-family) ;
}

.section-apps .jdgm-widget .jdgm-write-rev-link,
.section-apps .jdgm-widget .jdgm-btn.jdgm-btn,
.section-apps .jdgm-widget input[type="submit"].jdgm-btn {
  background-color: var(--aamra-pdp-olive) ;
  color: #ffffff ;
  border-radius: 0 ;
  border: none ;
  padding: 12px 24px ;
  font-weight: 600 ;
  letter-spacing: 0.5px ;
  transition: background-color 0.2s ease ;
}

.section-apps .jdgm-widget .jdgm-write-rev-link:hover,
.section-apps .jdgm-widget .jdgm-btn.jdgm-btn:hover {
  background-color: var(--aamra-pdp-olive-hover) ;
}

.section-apps .jdgm-histogram__bar-content {
  background-color: var(--aamra-pdp-olive) ;
}

.section-apps .jdgm-rev-widg__title {
  font-family: var(--font-heading-family) ;
  font-weight: 400 ;
  font-size: 24px ;
  color: rgb(var(--colors-heading, 18, 18, 16)) ;
}

/* Hide duplicate Judge.me title or empty state if custom reviews section is present */
.pdp-customer-reviews-section ~ div .jdgm-rev-widg__title,
.pdp-customer-reviews-section ~ .section-apps .jdgm-rev-widg__title {
  display: none ;
}

.pdp-customer-reviews-section:has(.pdp-reviews-empty-box) ~ div .jdgm-rev-widg__empty-state,
.pdp-customer-reviews-section:has(.pdp-reviews-empty-box) ~ .section-apps .jdgm-rev-widg__empty-state {
  display: none ;
}

/* --------------------------------------------------------------------------
   19. Dark Zoom Modal Gallery (Mobile, Tablet, Desktop)
   -------------------------------------------------------------------------- */
.aamra-dark-zoom-modal,
[id^="ProductModal-"] {
  background-color: #141412 ;
  background: rgba(20, 20, 18, 0.98) ;
  backdrop-filter: blur(14px) ;
  -webkit-backdrop-filter: blur(14px) ;
  position: fixed ;
  top: 0 ;
  left: 0 ;
  width: 100vw ;
  height: 100vh ;
  z-index: 99999 ;
  display: flex ;
  flex-direction: column ;
  overflow: hidden ;
  margin: 0 ;
  padding: 0 ;
}

[id^="ProductModal-"][style*="display: none"] {
  display: none ;
}

[id^="zoom-x-product-"] {
  width: 100% ;
  height: 100% ;
  display: flex ;
  flex-direction: column ;
  position: relative ;
  margin: 0 ;
  padding: 0 ;
}

/* Close button */
[id^="ProductModalClose-"] {
  color: #ffffff ;
  background: rgba(255, 255, 255, 0.14) ;
  border: 1px solid rgba(255, 255, 255, 0.25) ;
  transition: all 0.2s ease ;
  z-index: 60 ;
  cursor: pointer ;
}

[id^="ProductModalClose-"]:hover {
  background: rgba(255, 255, 255, 0.3) ;
  border-color: rgba(255, 255, 255, 0.5) ;
  transform: scale(1.05) ;
}

[id^="ProductModalClose-"] svg {
  stroke: #ffffff ;
  fill: #ffffff ;
  color: #ffffff ;
}

/* Modal Splide Layout & Centering */
/* Modal Splide Layout & Centering */
[id^="media-gallery-"] {
  width: 100% ;
  flex: 1 1 auto ;
  display: flex ;
  flex-direction: column ;
  position: relative ;
  margin: 0 auto ;
  overflow: hidden ;
}

[id^="media-gallery-"] .splide__track,
.aamra-modal-track {
  width: 100vw ;
  height: 100% ;
  flex: 1 1 auto ;
  position: relative ;
  overflow: hidden ;
  margin: 0 auto ;
}

[id^="media-gallery-"] .splide__list,
.aamra-modal-list {
  display: flex ;
  height: 100% ;
  margin: 0 ;
  padding: 0 ;
  align-items: center ;
  will-change: transform;
}

[id^="media-gallery-"] .splide__slide,
.aamra-modal-list .splide__slide {
  width: 100vw ;
  min-width: 100vw ;
  max-width: 100vw ;
  height: 100% ;
  display: flex ;
  align-items: center ;
  justify-content: center ;
  flex-shrink: 0 ;
  flex-grow: 0 ;
  margin: 0 ;
  padding: 0 ;
  box-sizing: border-box ;
}

/* Independent Zoom Navigation Arrows (Fixed at screen sides) */
.aamra-zoom-nav-arrow {
  position: fixed ;
  top: 50% ;
  transform: translateY(-50%) ;
  width: 52px ;
  height: 52px ;
  border-radius: 50% ;
  background: rgba(255, 255, 255, 0.16) ;
  border: 1px solid rgba(255, 255, 255, 0.3) ;
  color: #ffffff ;
  display: flex ;
  align-items: center ;
  justify-content: center ;
  cursor: pointer ;
  z-index: 999999 ;
  backdrop-filter: blur(10px) ;
  -webkit-backdrop-filter: blur(10px) ;
  transition: all 0.2s ease ;
  padding: 0 ;
  margin: 0 ;
  opacity: 0.9 ;
}

.aamra-zoom-nav-prev {
  left: 28px ;
}

.aamra-zoom-nav-next {
  right: 28px ;
}



.aamra-zoom-nav-arrow:hover {
  background: rgba(255, 255, 255, 0.32) ;
  border-color: rgba(255, 255, 255, 0.6) ;
  transform: translateY(-50%) scale(1.08) ;
  opacity: 1 ;
}

.aamra-zoom-nav-arrow svg {
  width: 24px ;
  height: 24px ;
  stroke: #ffffff ;
  stroke-width: 2.5 ;
  display: block ;
  fill: none ;
  color: #ffffff ;
}

/* Modal Thumbnails */
[id^="x-zoom-thumbnail-"] {
  padding-top: 6px ;
  padding-bottom: 24px ;
}

[id^="x-zoom-thumbnail-"] .x-thumbnail {
  border-radius: 6px ;
  transition: all 0.2s ease ;
  cursor: pointer ;
}

/* Slide Counter in Zoom Modal */
.zoom-gallery-counter {
  font-family: var(--font-body-family) ;
  font-size: 12px ;
  letter-spacing: 0.12em ;
  color: #cccccc ;
  font-weight: 400 ;
}

/* Mobile Slide Counter on PDP Main Slider */
.mobile-media-counter {
  font-family: var(--font-body-family) ;
  font-size: 11px ;
  letter-spacing: 0.08em ;
  color: rgb(var(--colors-heading)) ;
  font-weight: 500 ;
}

/* Mobile Zoom Button on PDP Main Slider */
.mobile-media-zoom-btn {
  background: rgba(0, 0, 0, 0.45) ;
  backdrop-filter: blur(6px) ;
  -webkit-backdrop-filter: blur(6px) ;
  border-radius: 4px ;
  transition: background 0.2s ease ;
}

.mobile-media-zoom-btn:hover {
  background: rgba(0, 0, 0, 0.7) ;
}

/* --------------------------------------------------------------------------
   20. Notify Me Functionality (Figma Cases A & B - media_1790686263813)
   -------------------------------------------------------------------------- */
.product-page .aamra-stock-alert-wrap {
  margin-top: 0px ;
  margin-bottom: 20px;
  padding: 24px 16px;
}
html:not(.dark) .product-page .aamra-stock-alert-wrap {
   background: #E0E0DD;
    border-top: 1px solid #C7C7C2;
}

.product-page .aamra-notify-me-text {
  font-family: var(--font-body-family) ;
  font-size: 14px ;
  color: rgb(var(--colors-heading)) ;
  letter-spacing: 0.01em ;
}

.product-page .aamra-notify-line,
.product-page .aamra-notify-input-row {
  display: flex ;
  align-items: center ;
  justify-content: space-between ;
  border-bottom: 1px solid rgb(var(--colors-heading)) ;
  padding-bottom: 6px ;
  padding-top: 4px ;
  gap: 12px ;
  width: 100% ;
}

.product-page .aamra-notify-line input[type="email"] {
  border: none ;
  background: transparent ;
  padding: 0 ;
  font-family: var(--font-body-family) ;
  font-size: 13px ;
  color: rgb(var(--colors-text)) ;
  outline: none ;
  box-shadow: none ;
  flex: 1 1 auto ;
}

.product-page .aamra-notify-line input[type="email"]::placeholder {
  color: rgba(var(--colors-text), 0.7) ;
  opacity: 1 ;
}
.x-block-text-icon-icon_text_shipping {
    margin-bottom: 10px;
}
.product-page .aamra-notify-btn {
  background: transparent ;
  border: none ;
  color: rgb(var(--colors-heading)) ;
  font-family: var(--font-heading-family) ;
  font-size: 12px ;
  text-transform: uppercase ;
  cursor: pointer ;
  padding: 0 ;
  white-space: nowrap ;
  flex: 0 0 auto ;
  font-family: 'Nunito Sans';
  letter-spacing: 0.8px;
  font-weight: 600;
}

/* Full Product OOS Solid Button (Case B) */
.product-page .aamra-oos-notify-button {
  width: 100% ;
  height: 48px ;
  background-color: rgb(var(--colors-button)) ;
  color: rgb(var(--colors-button-text)) ;
  font-family: var(--font-heading-family) ;
  font-size: 12px ;
  font-weight: var(--font-heading-weight, 400) ;
  letter-spacing: 0.1em ;
  text-transform: uppercase ;
  display: flex ;
  align-items: center ;
  justify-content: center ;
  border: none ;
  border-radius: 0 ;
  cursor: pointer ;
  margin-top: 14px ;
  transition: opacity 0.2s ease, background-color 0.2s ease ;
}

.product-page .aamra-oos-notify-button:hover {
  background-color: rgba(var(--colors-button), 0.85) ;
  opacity: 0.95 ;
}

/* Swatches & Sizes Strikeout in Case B */
.product-page .input-radio.disabled + .color-watches::after,
.product-page .color-watches.disabled::after {
  content: "" ;
  position: absolute ;
  background: linear-gradient(to top right, transparent calc(50% - 0.75px), rgba(var(--colors-text), 0.7) calc(50% - 0.75px), rgba(var(--colors-text), 0.7) calc(50% + 0.75px), transparent calc(50% + 0.75px)) ;
  pointer-events: none ;
}

/* --------------------------------------------------------------------------
   21. Sticky CTA Bar (Pinned to Bottom on Scroll)
   Responsive: Desktop (white container, thumb+title+price left, wishlist+atc right)
               Tablet & Mobile (44px full-width solid olive bar: ADD TO BAG left, price right)
   -------------------------------------------------------------------------- */
.sticky_add_to_cart {
  position: fixed ;
  bottom: 0 ;
  left: 0 ;
  right: 0 ;
  width: 100% ;
  z-index: 60 ;
  transform: translateZ(0);
  transition: transform 0.3s ease, opacity 0.3s ease;
}

/* Caret toggle & variant picker hidden across all viewports */
.sticky_add_to_cart [class*="icon-caret"],
.sticky_add_to_cart [class*="rotate-0 border-l"],
.sticky_add_to_cart [class*="rotate-180 border-r"],
.sticky_add_to_cart .sticky-variant-picker-col,
.sticky_add_to_cart [id^="variant-update-sticky"] {
  display: none ;
}
/* --------------------------------------------------------------------------
   14. Complete the Look (Shop the Look - Figma Multi-Device Standard)
   -------------------------------------------------------------------------- */

.complete-the-look-header {
  margin-bottom: 20px ;
  text-align: left ;
}

.complete-the-look-title {
  font-family: var(--font-heading-family) ;
  font-weight: 400 ;
  font-size: 32px ;
  line-height: 1.25 ;
  color: rgb(var(--colors-heading, 18, 18, 16)) ;
  margin: 0 0 8px 0 ;
  letter-spacing: -0.01em ;
}



.complete-the-look-sub {
  font-family: var(--font-body-family) ;
  font-size: 16px ;
  color: rgba(var(--colors-text), 0.7) ;
  margin: 0 ;
  line-height: 1.5 ;
}
html:not(.dark) .complete-the-look-sub {
  color: #6A6762;
}


/* Responsive Grid: Stacked on Mobile & Tablet (< 1024px), 2 Columns on Desktop (>= 1024px) */
.complete-the-look-grid {
  display: flex ;
  flex-direction: column ;
  gap: 24px ;
  width: 100% ;
  padding-bottom: 48px;
}
.complete-the-look-media-col {
  width: 100% ;
}
.complete-the-look-editorial-col {
  display: none ;
}



.complete-the-look-card {
  position: relative ;
  width: 100% ;
  overflow: hidden ;
  background-color: rgb(var(--colors-background-secondary)) ;
}

.complete-the-look-img-wrap {
  position: relative ;
  width: 100% ;
  aspect-ratio: 1 / 1 ;
  overflow: hidden ;
}

.complete-the-look-img {
  width: 100% ;
  height: 100% ;
  object-fit: cover ;
  display: block ;
}

/* Pinned Button for Mobile & Tablet (< 1024px) */
.complete-the-look-pinned-cta {
  position: absolute ;
  top: 16px ;
  right: 16px ;
  z-index: 20 ;
  background-color: rgba(18, 18, 16, 0.9) ;
  color: #ffffff ;
  font-family: var(--font-body-family) ;
  font-size: 12px ;
  font-weight: 500 ;
  letter-spacing: 0.8px ;
  text-transform: uppercase ;
  padding: 8px 14px ;
  border-radius: 2px ;
  border: none ;
  cursor: pointer ;
  backdrop-filter: blur(4px) ;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) ;
  transition: all 0.2s ease ;
}

.complete-the-look-pinned-cta:hover {
  background-color: #000000 ;
}

/* Desktop CTA in Right Column */
.complete-the-look-desktop-cta {
  display: inline-block ;
  margin-top: 24px ;
  width: fit-content ;
  background-color: rgb(var(--colors-button)) ;
  color: rgb(var(--colors-button-text)) ;
  font-family: var(--font-body-family) ;
  font-size: 12px ;
  font-weight: 600 ;
  letter-spacing: 0.8px ;
  text-transform: uppercase ;
  padding: 7px 12px ;
  border: 1px solid rgb(var(--colors-button)) ;
  cursor: pointer ;
  transition: all 0.2s ease ;
}

.complete-the-look-desktop-cta:hover {
  background-color: var(--aamra-pdp-olive) ;
  border-color: var(--aamra-pdp-olive) ;
  color: #ffffff ;
}

/* Hotspots on Image */
.look-hotspot-pin-wrap {
  position: absolute ;
  z-index: 15 ;
  transform: translate(-50%, -50%) ;
}

.look-hotspot-pin {
  position: relative ;
  width: 32px ;
  height: 32px ;
  background: transparent ;
  border: none ;
  cursor: pointer ;
  padding: 0 ;
  display: flex ;
  align-items: center ;
  justify-content: center ;
}

.look-hotspot-pulse {
  position: absolute ;
  width: 32px ;
  height: 32px ;
  border-radius: 50% ;
  background: rgba(255, 255, 255, 0.45) ;
  animation: lookHotspotPulse 2.4s infinite ease-out ;
}

@keyframes lookHotspotPulse {
  0% { transform: scale(0.6); opacity: 0.8; }
  100% { transform: scale(1.4); opacity: 0; }
}

.look-hotspot-inner-dot {
  position: relative ;
  width: 22px ;
  height: 22px ;
  border-radius: 50% ;
  background: #ffffff ;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.35) ;
  /* border: 1px solid #000 ; */
  transition: transform 0.2s ease ;
}

/* .look-hotspot-pin:hover .look-hotspot-inner-dot,
.look-hotspot-pin.is-active .look-hotspot-inner-dot {
  transform: scale(1.25) ;
  background: var(--aamra-pdp-olive) ;
} */

/* Olive Green Popover Card */
.look-hotspot-popover {
  position: absolute ;
  top: 50% ;
  z-index: 25 ;
  transform: translateY(-50%) ;
  background-color: var(--aamra-pdp-olive) ;
  color: #ffffff ;
  padding: 10px 14px ;
  border-radius: 2px ;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22) ;
  min-width: 180px ;
  max-width: 220px ;
  white-space: normal ;
}

.look-hotspot-popover.popover-right {
  left: calc(100% + 10px) ;
}

.look-hotspot-popover.popover-left {
  right: calc(100% + 10px) ;
}

.look-popover-content {
  display: flex ;
  align-items: center ;
  justify-content: space-between ;
  text-decoration: none ;
  color: #ffffff ;
  gap: 12px ;
}

.look-popover-text {
  display: flex ;
  flex-direction: column ;
  gap: 2px ;
}

.look-popover-title {
  font-family: var(--font-body-family) ;
  font-size: 16px ;
  font-weight: 400 ;
  color: #ffffff ;
  line-height: 1.3 ;
}

.look-popover-price {
  font-family: var(--font-body-family) ;
  font-size: 16px ;
  font-weight: 400;
  letter-spacing: 0.8px;
  color: rgba(255, 255, 255, 0.9) ;
}

.look-popover-arrow {
  display: flex ;
  align-items: center ;
  color: #ffffff ;
  flex-shrink: 0 ;
}

/* Slide-Over Drawer Modal */
.look-drawer-backdrop {
  position: fixed ;
  top: 0 ;
  left: 0 ;
  right: 0 ;
  bottom: 0 ;
  width: 100vw ;
  height: 100vh ;
  background: rgba(0, 0, 0, 0.55) ;
  backdrop-filter: blur(4px) ;
  -webkit-backdrop-filter: blur(4px) ;
  z-index: 99999 ;
  display: flex;
  justify-content: flex-end;
}

.look-drawer-backdrop[x-cloak],
[x-cloak].look-drawer-backdrop,
.look-drawer-backdrop[style*="display: none"] {
  display: none ;
}

.look-drawer-panel {
  position: relative ;
  width: 100% ;
  max-width: 440px ;
  height: 100% ;
  background-color: #FFFDF9;
  border-left: 1px solid rgb(var(--colors-line-and-border)) ;
  box-shadow: -4px 0 24px rgba(0, 0, 0, 0.15) ;
  display: flex;
  flex-direction: column;
  overflow: hidden ;
}

.look-drawer-panel[style*="display: none"] {
  display: none ;
}

.look-drawer-header {
  display: flex ;
  align-items: center ;
  justify-content: space-between ;
  padding: 16px 20px ;
  border-bottom: 1px solid rgb(var(--colors-line-and-border)) ;
  background: rgb(var(--colors-background)) ;
  flex-shrink: 0 ;
}

.look-drawer-header-title {
  font-size: 16px ;
  font-weight: 600 ;
  letter-spacing: 0.8px;
  text-transform: none ;
  color: rgb(var(--colors-heading)) ;
  margin: 0 ;
  font-family: Jost;
}

.look-drawer-close {
  background: transparent ;
  border: none ;
  cursor: pointer ;
  width: 36px ;
  height: 36px ;
  padding: 0 ;
  color: rgb(var(--colors-heading)) ;
  display: flex ;
  align-items: center ;
  justify-content: center ;
  border-radius: 50% ;
  transition: background-color 0.15s ease ;
}

.look-drawer-close:hover {
  background-color: rgba(var(--colors-text), 0.08) ;
}

.look-drawer-body {
  flex: 1 ;
  overflow-y: auto ;
  -webkit-overflow-scrolling: touch ;
  padding: 0 0 24px 0 ;
}

.look-drawer-hero-img img {
  width: 100% ;
  height: auto ;
  aspect-ratio: 4 / 3 ;
  object-fit: cover ;
  display: block ;
}

.look-drawer-items-list {
  padding: 24px 16px ;
  display: flex ;
  flex-direction: column ;
  gap: 20px ;
  background: #F6F5F2;
}

.look-drawer-card {
  padding-bottom: 16px ;
  border-bottom: 0 ;
  background: #FFFDF9;
}

.look-drawer-card:last-child {
  border-bottom: none ;
}

.look-card-top-row {
  display: flex ;
  align-items: center ;
  gap: 12px ;
  margin-bottom: 16px ;
  border-bottom: 1px solid #E4E1DB;
  padding-bottom: 16px;
}

.look-checkbox-label {
  cursor: pointer ;
  display: flex ;
  align-items: center ;
  flex-shrink: 0 ;
}

.look-checkbox-custom {
  width: 24px ;
  height: 24px ;
  border: 1.5px solid rgb(var(--colors-heading)) ;
  border-radius: 0px ;
  display: flex ;
  align-items: center ;
  justify-content: center ;
  background: rgb(var(--colors-background)) ;
  transition: all 0.15s ease ;
}

.look-checkbox-custom.is-checked {
  background: rgb(var(--colors-button)) ;
  color: rgb(var(--colors-button-text)) ;
}

.look-card-thumb-wrap {
  width: 64px ;
  height: 64px ;
  border-radius: 0px ;
  overflow: hidden ;
  background: rgb(var(--colors-background-secondary)) ;
  flex-shrink: 0 ;
}

.look-card-thumb {
  width: 100% ;
  height: 100% ;
  object-fit: cover ;
}

.look-card-info {
  display: flex ;
  flex-direction: column ;
  gap: 2px ;
  flex: 1 ;
}

.look-card-title {
  font-family: var(--font-body-family) ;
  font-size: 14px ;
  font-weight: 400 ;
  text-decoration: none ;
  line-height: 1.3 ;
  margin-bottom: 8px;
}
html:not(.dark) .look-card-title {
  color: #211B13;
}
.look-option-header legend {
    font-weight: 500;
    font-size: 14px;
    text-transform: none;
}
.look-card-price {
  font-family: var(--font-body-family) ;
  font-size: 14px ;
  font-weight: 400;
  letter-spacing: 0.8px;
}
html:not(.dark) .look-card-price  {
  color: #211B13;
}

.look-card-options {
  display: flex ;
  flex-direction: column ;
  gap: 12px ;
  margin-bottom: 12px ;
}

.look-option-header {
  display: flex ;
  align-items: center ;
  justify-content: space-between ;
  margin-bottom: 6px ;
}

.look-option-label {
  font-family: var(--font-body-family) ;
  font-size: 12px ;
  font-weight: 600 ;
  letter-spacing: 0.8px ;
  color: rgb(var(--colors-heading)) ;
}

.look-sizing-guide-link {
  font-family: var(--font-body-family) ;
  font-size: 12px ;
  font-weight: 500;
  color: rgba(var(--colors-text));
  text-decoration: underline ;
  text-transform: uppercase;
}

.look-swatch-list {
  display: flex ;
  align-items: center ;
  gap: 8px ;
}

.look-stone-swatch {
  width: 34px ;
  height: 34px ;
  border-radius: 50% ;
  border: 1px solid #E0E0DD ;
  padding: 5px ;
  background: transparent ;
  cursor: pointer ;
  display: flex ;
  align-items: center ;
  justify-content: center ;
  transition: border-color 0.15s ease ;
}

.look-stone-swatch.is-active {
  border-color: rgb(var(--colors-heading)) ;
}

.look-swatch-circle {
  width: 100% ;
  height: 100% ;
  border-radius: 50% ;
  display: block ;
  border: 1px solid rgba(0, 0, 0, 0.1) ;
}

.look-size-list {
  display: flex ;
  flex-wrap: wrap ;
  gap: 6px ;
}

.look-size-box {
  min-width: 44px ;
  height: 44px ;
  padding: 0 8px ;
  border: 1px solid #1D4228 ;
  background: transparent ;
  color: #211B13 ;
  font-family: var(--font-body-family) ;
  font-size: 14px ;
  font-weight: 400 ;
  display: flex ;
  align-items: center ;
  justify-content: center ;
  cursor: pointer ;
  transition: all 0.15s ease ;
  letter-spacing: 0.8px;
}

.look-size-box.is-active,
.look-size-box:hover {
  border-color: var(--aamra-pdp-olive) ;
  background-color: var(--aamra-pdp-olive) ;
  color: #ffffff ;
}

.look-card-stock {
  font-size: 11px ;
}

.look-in-stock-badge {
  display: inline-flex ;
  align-items: center ;
  gap: 4px ;
  font-size: 12px;
  color: #6B7248;
  font-weight: 100 ;
}

.look-out-of-stock-badge {
  color: rgb(var(--colors-price-sale)) ;
  font-weight: 500 ;
}

/* Sticky Drawer Footer */
.look-drawer-footer {
  flex-shrink: 0 ;
  background-color: var(--aamra-pdp-olive) ;
  padding: 0 ;
}

.look-drawer-add-btn {
  width: 100% ;
  height: 60px ;
  background-color: var(--aamra-pdp-olive) ;
  color: #F0E9D6 ;
  border: none ;
  cursor: pointer ;
  display: flex ;
  align-items: center ;
  justify-content: space-between ;
  padding: 0 16px ;
  font-family: var(--font-body-family) ;
  font-size: 12px ;
  font-weight: 500 ;
  letter-spacing: 0.8px;
  text-transform: uppercase ;
  transition: background-color 0.2s ease ;
}

.look-drawer-add-btn:hover:not(:disabled) {
  background-color: var(--aamra-pdp-olive-hover) ;
}

.look-drawer-add-btn:disabled {
  opacity: 0.5 ;
  cursor: not-allowed ;
}
/* --------------------------------------------------------------------------
   15. Modal Image Enlarge & Pan Zoom (Figma Dark Modal Specification)
   -------------------------------------------------------------------------- */
.aamra-zoom-image-container {
  position: relative ;
  width: 100% ;
  max-width: 100% ;
  height: 100% ;
  display: flex ;
  align-items: center ;
  justify-content: center ;
  margin: 0 auto ;
  overflow: hidden ;
}

.aamra-modal-zoomable-img {
  margin-left: auto ;
  margin-right: auto ;
  display: block ;
  max-width: min(85vw, 920px) ;
  max-height: calc(100vh - 210px) ;
  width: auto ;
  height: auto ;
  object-fit: contain ;
  cursor: zoom-in ;
  transition: transform 0.3s cubic-bezier(0.2, 0, 0.2, 1) ;
  user-select: none ;
  -webkit-user-drag: none ;
}

.aamra-modal-zoomable-img.is-zoomed {
  max-width: none ;
  max-height: none ;
  cursor: grab ;
}

.aamra-modal-zoomable-img.is-zoomed.is-dragging {
  cursor: grabbing ;
  transition: none ;
}

.aamra-zoom-toggle-btn {
  position: absolute ;
  bottom: 20px ;
  right: 24px ;
  z-index: 40 ;
  width: 44px ;
  height: 44px ;
  border-radius: 50% ;
  background: rgba(255, 255, 255, 0.2) ;
  border: 1px solid rgba(255, 255, 255, 0.35) ;
  color: #ffffff ;
  display: flex ;
  align-items: center ;
  justify-content: center ;
  backdrop-filter: blur(8px) ;
  -webkit-backdrop-filter: blur(8px) ;
  cursor: pointer ;
  transition: all 0.2s ease ;
}

.aamra-zoom-toggle-btn:hover {
  background: rgba(255, 255, 255, 0.35) ;
  transform: scale(1.05) ;
}
/* desktop css*/
.breadcumb-section > div {
    padding-top: 5px;
    padding-bottom: 5px;
}
html:not(.dark) .breadcumb-section a,
html:not(.dark) .breadcumb-section span {
  color: #6A6762;
  font-size: 12px;
}
.product-media-container .splide__list > div {
    margin-right: 0 !important;
}
.product-media-container .sticky {
    top: calc(var(--height-header) + 0rem);
}
.product-content-container .x-block-product-title {
    margin-bottom: 0;
}
.product-content-container  .price-sale {
    color: #DC0000;
    font-size: 14px;
}
html:not(.dark) .aamra-installment-text {
    color: #2F2F37;
}
.sticky_header_css {
  background: #EFEADD !important;
}
.aamra-installment-text a {
    font-weight: 700;
}
html:not(.dark) .pdp-customer-reviews {
    background: #fff;
}
.theme-template-product .section-recently-viewed {
  background: transparent !important;
}
.theme-template-product .section-product-recommendations {
  background: transparent !important;
}
.aamra-size-guide-drawer {
    max-width: 486px;
}
div#VariantPickerSizeChart > .fixed {
    background: rgba(0, 0, 0, 0.5);
}
.aamra-size-guide-drawer h3 {
    font-size: 20px;
    padding-left: 0px;
}
.aamra-size-guide-drawer ol li,
.aamra-size-guide-drawer p,
.aamra-size-guide-drawer th,
.aamra-size-guide-drawer td {
    font-size: 14px;
}
html:not(.dark) .aamra-size-guide-drawer ol li,
html:not(.dark) .aamra-size-guide-drawer th,
html:not(.dark) .aamra-size-guide-drawer td {
    color: #6A6762 !important;
    border-color: #A9A59F !important;
    font-weight: 400 !important;
}
html:not(.dark) .aamra-size-guide-drawer p {
  color: #6A6762 !important;
  border-color: #A9A59F !important;
  font-weight: 400 !important;
  font-size: 14px !important;
}
.aamra-size-guide-drawer table + p {
  font-style: normal !important;
  font-weight: 700 !important;
}
.aamra-size-guide-drawer ol {
    padding: 0 !important;
}
.aamra-size-guide-drawer  {
    padding: 0 20px;
}
.look-drawer-card label.look-checkbox-label {
    position: absolute;
    left: 0px;
}
.look-drawer-card {
  background: #FFFDF9;
  border: 0;
  padding: 32px;
}
.rte table {
  border-color: #A9A59F !important;
}
/* desktop css end */







@media (min-width: 992px) {
  .product-page h1.product-title,
  .product-page .product-title.h2,
  .product-page h1.title-size--main,
  .product-page .aamra-pdp-title {
    font-size: 20px ;
  }
  .pdp-customer-reviews-container .pdp-reviews-slider-box.has-reviews,
  .pdp-customer-reviews-container .pdp-reviews-slider-box:has(.pdp-review-card),
  .pdp-customer-reviews-container .pdp-reviews-slider-box:has(.pdp-reviews-empty-box.is-hidden-by-reviews) {
    max-width: 100%;
    padding: 32px 36px 24px;
  }
  /* Proper column split: 58% media, 42% product info */
  .product-page .product-media-container {
    width: 58% ;
  }

  .product-page .product-content-container {
    width: 42% ;
    padding-left: 20px ;
    padding-right: 20px ;
  }

  .product-page .product-info {
    padding-left: 0 ;
    padding-right: 0 ;
    max-width: 100% ;
  }

  /* Main image on left, vertical thumbnail strip on right */
  .product-page .product-media-container .splide-image {
    display: flex ;
    flex-direction: row-reverse ;
    align-items: flex-start ;
    gap: 16px ;
  }

  .product-page .product-media-container .splide-image .x-splide {
    flex: 1 1 78% ;
    width: 78% ;
    max-width: 78% ;
    min-width: 0 ;
  }

  .product-page .product-media-container .splide-image [id^="x-product-thumbnail-"] {
    flex: 0 0 20% ;
    width: 20% ;
    max-width: 140px ;
    min-width: 85px ;
    margin: 0 ;
    position: relative ;
    max-height: calc(100vh - 120px) ;
  }

  .product-page .product-media-container .splide-image [id^="x-product-thumbnail-"] > div {
    position: relative ;
    display: flex ;
    flex-direction: column ;
    gap: 10px ;
    width: 100% ;
  }

  .product-page .media-thumbnail {
    border-radius: 2px ;
    overflow: hidden ;
    border: 1px solid rgb(var(--colors-line-and-border)) ;
    transition: border-color 0.2s ease, opacity 0.2s ease ;
    cursor: pointer ;
  }

  .product-page .media-thumbnail button {
    background-color: rgb(var(--colors-background-secondary)) ;
    display: block ;
    width: 100% ;
    position: relative ;
    padding-bottom: 100% ;
  }

  .product-page .media-thumbnail img {
    position: absolute ;
    top: 0 ;
    left: 0 ;
    width: 100% ;
    height: 100% ;
    object-fit: cover ;
  }

  .product-page .media-thumbnail:hover,
  .product-page .media-thumbnail.border,
  .product-page .media-thumbnail.quickview-border {
    border-color: rgb(var(--colors-heading)) ;
    opacity: 1 ;
  }

  /* When single media item, full width */
  .product-page .splide-image:not(:has([id^="x-product-thumbnail-"]:not(.hidden):not(.md\:hidden))) .x-splide,
  .product-page .splide-image [id^="x-product-thumbnail-"].hidden + .x-splide,
  .product-page .splide-image [id^="x-product-thumbnail-"].md\:hidden + .x-splide {
    flex: 1 1 100% ;
    width: 100% ;
    max-width: 100% ;
  }
}

@media (min-width: 1024px) {
  .product-page h1.product-title,
  .product-page .product-title.h2,
  .product-page h1.title-size--main,
  .product-page .aamra-pdp-title {
    font-size: 28px;
  }
  .product-page .splide-image {
    display: flex ;
    gap: 16px ;
  }

  .product-page .media-thumbnail {
    border: 1px solid transparent ;
    transition: border-color 0.2s ease ;
    border-radius: 0 ;
  }

  .product-page .media-thumbnail.thumbnail-active {
    border-color: rgb(var(--colors-heading)) ;
  }
  .pdp-making-video-grid {
    flex-direction: row ;
    align-items: center ;
    justify-content: space-between ;
    gap: 64px ;
  }

  .pdp-making-video-content {
    order: 1 ;
    max-width: 624px ;
    margin: 0 auto;
  }

  .pdp-making-video-media-wrapper {
    order: 2 ;
  }
  /* .product-recommendations,
  .recently-viewed-products {
    padding-top: 64px ;
    padding-bottom: 64px ;
  } */

  .pdp-recs-desktop-layout,
  .recently-viewed-layout {
    flex-direction: row ;
    align-items: center ;
    gap: 48px ;
  }

  .pdp-recs-header,
  .recently-viewed-header {
    max-width: 400px ;
    flex: 0 0 400px ;
    padding-top: 6px ;
    margin-right: 0 ;
  }

  .pdp-recs-products,
  .recently-viewed-scroller-wrapper {
    flex: 1 1 0% ;
    min-width: 0 ;
    width: 100% ;
  }
  .product-page .product-content-container {
    padding-left: 20px ;
    padding-right: 32px ;
  }
  .sticky_add_to_cart {
    background-color: #FFFDF9 ;
    border-top: 1px solid rgb(var(--colors-line-and-border)) ;
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.06) ;
    padding: 10px 32px ;
    height: 112px ;
    min-height: 112px ;
    max-height: 112px ;
  }

  .sticky_add_to_cart > div {
    display: flex ;
    flex-direction: row ;
    align-items: center ;
    justify-content: space-between ;
    width: 100% ;
    max-width: 1320px ;
    margin: 0 auto ;
    padding: 0 ;
    height: 100% ;
  }

  /* Product info on left */
  .sticky_add_to_cart .sticky-product-info-col {
    display: flex ;
    align-items: center ;
    flex-grow: 1 ;
    margin: 0 ;
  }

  .sticky_add_to_cart .sticky-product-link {
    display: flex ;
    align-items: center ;
    text-decoration: none ;
    gap: 14px ;
    margin: 0 ;
  }

  .sticky_add_to_cart .sticky-product-thumb {
    width: 80px ;
    height: 80px ;
    min-width: 80px ;
    max-width: 80px ;
    border-radius: 2px ;
    overflow: hidden ;
    background-color: rgb(var(--colors-background-secondary)) ;
    position: relative ;
    flex-shrink: 0 ;
  }

  .sticky_add_to_cart .sticky-product-thumb img {
    width: 100% ;
    height: 100% ;
    object-fit: cover ;
  }

  .sticky_add_to_cart .sticky-product-meta {
    display: flex ;
    flex-direction: column ;
    justify-content: center ;
    padding: 0 ;
    margin: 0 ;
  }

  .sticky_add_to_cart .sticky-product-title {
    font-size: 28px;
    font-weight: 400;
    color: rgb(var(--colors-heading));
    line-height: 1.25;
    margin: 0 0 8px 0;
    max-width: 420px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* font-family: 'Fraunces'; */
    font-family: var(--font-heading-family);
  }

  .sticky_add_to_cart .sticky-desktop-price {
    font-size: 16px ;
    font-weight: 400 ;
    color: rgb(var(--colors-text)) ;
    margin: 0 ;
    padding: 0 ;
    line-height: 1 ;
    display: flex ;
    align-items: center ;
    gap: 8px ;
  }

  .sticky_add_to_cart .sticky-desktop-price s,
  .sticky_add_to_cart .sticky-desktop-price .price-item--regular {
    color: rgba(var(--colors-text), 0.7) ;
    font-size: 14px ;
    text-decoration: line-through ;
  }

  /* .sticky_add_to_cart .sticky-desktop-price .price-sale {
    color: rgb(var(--colors-price-sale)) ;
    font-weight: 600 ;
  } */

  /* Right action buttons */
  .sticky_add_to_cart .sticky-atc-btn-group {
    display: flex ;
    align-items: center ;
    gap: 4px ;
    flex-shrink: 0 ;
    margin: 0 ;
  }

  /* Desktop Wishlist Button (44x44 olive square box) */
  .sticky_add_to_cart .sticky-wishlist-box,
  .sticky_add_to_cart .sticky-wishlist-btn {
    display: flex ;
    align-items: center ;
    justify-content: center ;
    width: 44px ;
    height: 44px ;
    min-width: 44px ;
    max-width: 44px ;
    min-height: 44px ;
    max-height: 44px ;
    background-color: var(--aamra-pdp-olive) ;
    border-radius: 0 ;
    border: none ;
    padding: 0 ;
    margin: 0 ;
    cursor: pointer ;
    color: #ffffff ;
    box-sizing: border-box ;
    transition: opacity 0.2s ease, background-color 0.2s ease ;
  }

  .sticky_add_to_cart .sticky-wishlist-box:hover,
  .sticky_add_to_cart .sticky-wishlist-btn:hover {
    background-color: var(--aamra-pdp-olive-hover) ;
    opacity: 0.95 ;
  }

  .sticky_add_to_cart .sticky-wishlist-box button,
  .sticky_add_to_cart .sticky-wishlist-box .wishlist-engine-button,
  .sticky_add_to_cart .sticky-wishlist-btn {
    display: flex ;
    align-items: center ;
    justify-content: center ;
    width: 44px ;
    height: 44px ;
    min-width: 44px ;
    max-width: 44px ;
    min-height: 44px ;
    max-height: 44px ;
    background: transparent ;
    border: none ;
    padding: 0 ;
    margin: 0 ;
    cursor: pointer ;
    color: #ffffff ;
    box-sizing: border-box ;
  }

  .sticky_add_to_cart .sticky-wishlist-box svg,
  .sticky_add_to_cart .sticky-wishlist-box button svg,
  .sticky_add_to_cart .sticky-wishlist-box .wishlist-engine-button svg,
  .sticky_add_to_cart .sticky-wishlist-btn svg {
    display: block ;
    visibility: visible ;
    opacity: 1 ;
    width: 20px ;
    height: 17px ;
    min-width: 20px ;
    min-height: 17px ;
    stroke: #ffffff ;
    color: #ffffff ;
    fill: none ;
    margin: auto ;
  }

  .sticky_add_to_cart .sticky-wishlist-box svg path,
  .sticky_add_to_cart .sticky-wishlist-box button svg path,
  .sticky_add_to_cart .sticky-wishlist-box .wishlist-engine-button svg path,
  .sticky_add_to_cart .sticky-wishlist-btn svg path {
    stroke: #ffffff ;
    stroke-width: 1.5 ;
    stroke-linecap: round ;
    stroke-linejoin: round ;
  }

  .sticky_add_to_cart .sticky-wishlist-box.active svg path,
  .sticky_add_to_cart .sticky-wishlist-box.is-active svg path,
  .sticky_add_to_cart .sticky-wishlist-box.added svg path,
  .sticky_add_to_cart .sticky-wishlist-box[data-in-wishlist="true"] svg path,
  .sticky_add_to_cart .sticky-wishlist-box .wishlist-engine-button.active svg path,
  .sticky_add_to_cart .sticky-wishlist-box .wishlist-engine-button.is-active svg path,
  .sticky_add_to_cart .sticky-wishlist-box .wishlist-engine-button.added svg path,
  .sticky_add_to_cart .sticky-wishlist-box .wishlist-engine-button[data-in-wishlist="true"] svg path,
  .sticky_add_to_cart .sticky-wishlist-btn.active svg path,
  .sticky_add_to_cart .sticky-wishlist-btn.is-active svg path,
  .sticky_add_to_cart .sticky-wishlist-btn.added svg path,
  .sticky_add_to_cart .sticky-wishlist-btn[data-in-wishlist="true"] svg path {
    fill: #ffffff ;
    stroke: #ffffff ;
  }

  /* Ensure wrapper spans containing the icon remain visible */
  .sticky_add_to_cart .sticky-wishlist-box span:has(svg),
  .sticky_add_to_cart .sticky-wishlist-box span:has(i),
  .sticky_add_to_cart .sticky-wishlist-box .wishlist-engine-icon,
  .sticky_add_to_cart .sticky-wishlist-box [class*="icon"] {
    display: inline-flex ;
    align-items: center ;
    justify-content: center ;
    visibility: visible ;
    opacity: 1 ;
    width: auto ;
    height: auto ;
  }

  /* Strictly hide pure text elements only */
  .sticky_add_to_cart .sticky-wishlist-box span:not(:has(svg)):not(:has(i)):not(.wishlist-engine-icon):not([class*="icon"]),
  .sticky_add_to_cart .sticky-wishlist-box text,
  .sticky_add_to_cart .sticky-wishlist-box p,
  .sticky_add_to_cart .sticky-wishlist-box .wishlist-text,
  .sticky_add_to_cart .sticky-wishlist-box .wishlist-engine-text {
    display: none ;
    font-size: 0 ;
    visibility: hidden ;
    width: 0 ;
    height: 0 ;
    opacity: 0 ;
  }

  /* Desktop ADD TO BAG Button */
  .sticky_add_to_cart .sticky-main-atc-btn {
    display: flex ;
    align-items: center ;
    justify-content: center ;
    height: 56px ;
    min-width: 392px ;
    background-color: var(--aamra-pdp-olive) ;
    color: #F0E9D6 ;
    font-size: 12px ;
    font-weight: 500 !important;
    letter-spacing: 0.8px ;
    text-transform: uppercase ;
    border: none ;
    border-radius: 0 ;
    padding: 0 24px ;
    cursor: pointer ;
    transition: opacity 0.2s ease, background-color 0.2s ease ;
  }
  .sticky_add_to_cart .sticky-main-atc-btn p,
  .sticky_add_to_cart .sticky-main-atc-btn span{
    color: #F0E9D6 !important;
    font-size: 12px;
    font-weight: 500;
  }
  .sticky_add_to_cart .sticky-main-atc-btn:hover {
    background-color: var(--aamra-pdp-olive-hover) ;
    opacity: 0.95 ;
  }

  /* .sticky_add_to_cart .sticky-atc-mobile-price {
    display: none ;
  } */

  .complete-the-look-grid {
    flex-direction: row ;
    align-items: center ;
    justify-content: space-between ;
    gap: 64px ;
  }
  .complete-the-look-media-col {
    width: 50%;
  }
  .complete-the-look-editorial-col {
    display: flex ;
    flex-direction: column ;
    justify-content: center ;
    width: 50%;
    max-width: 560px ;
    margin:0 auto;
    padding-right: 28px;
  }
}

@media (min-width: 1280px) {
  .product-page .product-content-container {
    padding-left: 20px ;
    padding-right: 48px ;
  }
}

/* --- TABLET & MOBILE VIEW (< 1024px) --- */
@media (max-width: 1023px) {
  .sticky_add_to_cart {
    background-color: var(--aamra-pdp-olive) ;
    border: none ;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.12) ;
    height: 44px ;
    min-height: 44px ;
    max-height: 44px ;
    padding: 0 ;
    margin: 0 ;
    overflow: visible ;
  }

  .sticky_add_to_cart > div,
  .sticky_add_to_cart .page-width,
  .sticky_add_to_cart .x-pgw {
    width: 100% ;
    max-width: 100% ;
    height: 44px ;
    min-height: 44px ;
    padding: 0 ;
    margin: 0 ;
    display: flex ;
    align-items: center ;
  }

  /* Hide left side items & wishlist on tablet/mobile */
  .sticky_add_to_cart .sticky-product-info-col,
  .sticky_add_to_cart .sticky-wishlist-box,
  .sticky_add_to_cart [class*="rotate-0"],
  .sticky_add_to_cart [class*="rotate-180"],
  .sticky_add_to_cart .pricearea:not(.sticky-atc-mobile-price) {
    display: none ;
  }

  /* Full width form & action button */
  .sticky_add_to_cart .product_form,
  .sticky_add_to_cart form[id^="product_form_id_sticky"],
  .sticky_add_to_cart .sticky-atc-btn-group {
    width: 100% ;
    height: 44px ;
    margin: 0 ;
    padding: 0 ;
    display: flex ;
    align-items: center ;
  }

  .sticky_add_to_cart .sticky-main-atc-btn {
    width: 100% ;
    height: 44px ;
    min-height: 44px ;
    max-height: 44px ;
    background-color: var(--aamra-pdp-olive) ;
    color: #ffffff ;
    border: none ;
    border-radius: 0 ;
    padding: 0 16px ;
    margin: 0 ;
    display: flex ;
    align-items: center ;
    justify-content: space-between ;
    cursor: pointer ;
    outline: none ;
  }

  .sticky_add_to_cart .sticky-main-atc-btn .x-atc-text {
    display: flex ;
    align-items: center ;
    justify-content: space-between ;
    width: 100% ;
  }

  .sticky_add_to_cart .sticky-atc-label-text {
    font-size: 12px ;
    letter-spacing: 0.8px ;
    text-transform: uppercase ;
    color: #ffffff ;
    display: inline-block ;
    white-space: nowrap ;
    font-weight: 400;
  }

  .sticky_add_to_cart .sticky-atc-mobile-price {
    display: flex ;
    align-items: center ;
    font-size: 12px ;
    color: #ffffff ;
    white-space: nowrap ;
    letter-spacing: 0.8px;
    font-weight: 400;
  }

  .sticky_add_to_cart .sticky-atc-mobile-price * {
    color: #ffffff ;
    font-size: 12px ;
    background: transparent ;
    border: none ;
  }

  /* Hide compare price on mobile/tablet inside the button */
  .sticky_add_to_cart .sticky-atc-mobile-price .price-item--regular,
  .sticky_add_to_cart .sticky-atc-mobile-price s {
    display: none ;
  }
}
@media(max-width: 992px) {
  
  .pdp-review-card .pdp-review-card-quote {
    order: 1;
    flex: revert;
    max-width: 100%;
    padding-left: 0;
    width: 100%;
  }
  .pdp-review-card .pdp-review-author-info {
    width: auto;
    order: 2;
    margin-bottom: 0;
    margin-top: 5px;
  }
  .theme-template-product .aamra-es-card-wrap.aamra-es-desktop-left>.aamra-es-col-text,
  .theme-template-product .aamra-es-card-wrap.aamra-es-desktop-left>.aamra-es-col-media,
  .theme-template-product .aamra-es-card-wrap.aamra-es-desktop-right>.aamra-es-col-text,
  .theme-template-product .aamra-es-card-wrap.aamra-es-desktop-right>.aamra-es-col-media {
      width: 100%;
  }
  .theme-template-product .aamra-es-card-wrap {
    gap: 0;
  }
  .theme-template-product .section-aamra-editorial-split .aamra-es-card-wrap {
    flex-direction: column-reverse;
  }
.theme-template-product .aamra-es-section.full-width-mobile {
    padding-top: 64px !important;
    padding-bottom: 32px !important;
  }
.theme-template-product .aamra-es-card-wrap.aamra-es-desktop-right>.aamra-es-col-text {
  padding-bottom: 0;
  }
  body .theme-template-product .product-recommendations {
      padding-bottom: 64px;
      padding-top: 64px;
  }
   body .theme-template-product .recently-viewed-products {
    padding-bottom: 64px;
  }
  .product-page .feature-icons-group {
    margin-top: 16px;
  }
    .product-media-container {
      padding-right: 0 !important;
    }
  .aamra-sticky-notify-btn > span {
    justify-content: center !important; 
  }
  .aamra-sticky-notify-btn {
    background: #000 !important;
  }
  .pdp-recs-desktop-layout, .recently-viewed-layout {
    padding: 0;
  }
  body .product-recommendations {
      padding-bottom: 0;
  }
  .sticky_add_to_cart div {
    width: 100%;
  }
  .aamra-pdp-rating-badge {
      margin-bottom: 16px;
  }
  .aamra-read-more-link {
      font-size: 14px;
      color: #007AFF;
  }
  .pdp-making-video-media-wrapper,
  .pdp-making-video-content {
      width: 100%;
  }
  .pdp-making-video-content,
  .complete-the-look-section  {
      padding: 0 20px;
  }
  .pdp-making-video-title,
  .complete-the-look-title {
      font-size: 24px;
      margin-bottom: 8px;
  }
  .pdp-customer-reviews-section {
      padding-top: 64px;
      padding-bottom: 64px;
  }
  .pdp-reviews-slider-box.has-reviews,
  .pdp-reviews-slider-box:has(.pdp-review-card),
  .pdp-reviews-slider-box:has(.pdp-reviews-empty-box.is-hidden-by-reviews) {
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
  }
  .complete-the-look-title {
      margin: 16px 0 8px 0;
  }
  .pdp-recs-title, .recently-viewed-title {
      font-size: 20px;
  }
  .pdp-recs-desktop-layout, .recently-viewed-layout {
      flex-direction: row;
      align-items: center;
  }
  .recently-viewed-header {
      margin-right: 0 !important;
  }
  .pdp-recs-header,
  .recently-viewed-header {
      max-width: 192px;
  }
  .product-media-container,
  .product-content-container {
      width: 100%;
  }
  .preload-image > div {
      padding: 0 !important;
  }
  .section-product-info [id^="breadcrumbs--"] {
      position: absolute;
      z-index: 9;
  }
  .section-product-info [id^="breadcrumbs--"] {
      position: absolute;
      z-index: 9;
  }
  .product-content-container > div {
      width: 100%;
      max-width: 100%;
  }
  .product-content-container {
      padding-top: 24px;
  }
  .sticky_add_to_cart div {
    width: 100%;
  }
  .product-page .feature-icon-item > div {
      flex-direction: column;
  }
  .icon-text--icon_text_shipping > div {
    justify-content: flex-start;
  }
}
@media (max-width: 767px) {
  .section-recently-viewed .splide__slide,
  .section-aamra-pieces-picked  .splide__slide{
    background: #eeeeec;
  }
  body .aamra-standards-logos {
    gap:1.125rem 21px;
  }
  .footer-bottom > div div {
      width: auto;
  }
  .pdp-recs-desktop-layout, .recently-viewed-layout {
    gap: 16px;
  }
  .product-page .feature-icon-item > div {
    padding-left: 0;
    padding-right: 0;
  }
  .product-page .x-block-feature-icons, .product-page .feature-icons-group {
      border-bottom: 0;
      margin-bottom: 0;
  }
  .section-product-recommendations {
      padding-top: 0;
  }
  .pdp-recs-header, .recently-viewed-header {
      max-width: 100%;
  }
  .pdp-recs-desktop-layout, .recently-viewed-layout {
      flex-wrap: wrap;
  }
  .pdp-recs-header, .recently-viewed-header {
    width: 100%;
  }
  /* .pdp-customer-reviews-header {
    display: none;
  } */
    .pdp-reviews-slider-box.has-reviews,
  .pdp-reviews-slider-box:has(.pdp-review-card),
  .pdp-reviews-slider-box:has(.pdp-reviews-empty-box.is-hidden-by-reviews) {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 24px 20px 18px !important;
  }
  .product-page .feature-icon-item > div {
    padding-left: 0;
    padding-right: 0;
  }
  .product-page .x-block-feature-icons, .product-page .feature-icons-group {
      border-bottom: 0;
      margin-bottom: 0;
  }
  .product-media-container {
    padding-bottom: 0;
  }
  .product-content-container {
    padding-right: 20px !important;
  }
  .aamra-zoom-nav-arrow {
    width: 44px ;
    height: 44px ;
  }
  .aamra-zoom-nav-prev {
    left: 12px ;
  }
  .aamra-zoom-nav-next {
    right: 12px ;
  }
}
@media (max-width: 480px) {
  .look-drawer-panel {
    max-width: 100% ;
  }
}

/* --------------------------------------------------------------------------
   Mobile & Tablet Breadcrumb Overlay (Figma layout)
   -------------------------------------------------------------------------- */
/* @media (max-width: 1023px) {
  .product-page div[id^="breadcrumbs--"],
  .product-page .x-block-breadcrumb {
    display: none !important;
  }
} */

@media (max-width: 1023px) {
  .product-page:not(.product-template--gift-card) div[id^="breadcrumbs--"],
  .product-page:not(.product-template--gift-card) .x-block-breadcrumb {
    display: none !important;
  }
}
.mobile-media-breadcrumb {
  position: absolute !important;
  top: 16px !important;
  left: 16px !important;
  z-index: 20 !important;
  display: flex !important;
  align-items: center !important;
}

@media (min-width: 1024px) {
  .mobile-media-breadcrumb {
    display: none !important;
  }
}

.aamra-mobile-breadcrumb-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #ffffff !important;
  font-family: var(--font-body-family) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
  text-decoration: none !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7), 0 0 1px rgba(0, 0, 0, 0.5) !important;
  transition: opacity 0.2s ease !important;
  cursor: pointer !important;
}

.aamra-mobile-breadcrumb-link:hover {
  opacity: 0.8 !important;
}

.aamra-mobile-breadcrumb-link svg {
  width: 14px !important;
  height: 14px !important;
  flex-shrink: 0 !important;
  stroke: currentColor !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6)) !important;
}

.mobile-media-counter {
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.08em !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7), 0 0 1px rgba(0, 0, 0, 0.5) !important;
}


/* Quick View - Hide Quantity Selector */
#QuickView .x-quantity-selector,
#QuickView [id^="quantity-selector-"],
#QuickView [id^="atc-quantity-"],
#QuickView .product-form__quantity,
#QuickView .x-block-quantity-selector {
  display: none;
}

.quick-view .quick-view\:pb-2 {
    padding-bottom: 1.5rem;
}




/* Newsletter Email input text & autocomplete styling */
.section-newsletter .newsletter-form input,
[id*="newsletter"] .newsletter-form input,
.section-newsletter input[type="email"] {
  color: #ffffff !important;
  caret-color: #ffffff !important;
}

.section-newsletter input:-webkit-autofill,
.section-newsletter input:-webkit-autofill:hover,
.section-newsletter input:-webkit-autofill:focus,
.section-newsletter input:-webkit-autofill:active,
[id*="newsletter"] input:-webkit-autofill,
[id*="newsletter"] input:-webkit-autofill:hover,
[id*="newsletter"] input:-webkit-autofill:focus,
[id*="newsletter"] input:-webkit-autofill:active {
  -webkit-text-fill-color: #ffffff !important;
  color: #ffffff !important;
  caret-color: #ffffff !important;
  transition: background-color 5000000s ease-in-out 0s, color 5000000s ease-in-out 0s !important;
}

.section-newsletter input:autofill,
.section-newsletter input:autofill:hover,
.section-newsletter input:autofill:focus,
.section-newsletter input:autofill:active,
[id*="newsletter"] input:autofill,
[id*="newsletter"] input:autofill:hover,
[id*="newsletter"] input:autofill:focus,
[id*="newsletter"] input:autofill:active {
  -webkit-text-fill-color: #ffffff !important;
  color: #ffffff !important;
  caret-color: #ffffff !important;
  transition: background-color 5000000s ease-in-out 0s, color 5000000s ease-in-out 0s !important;
}


.theme-template-collection .promotion-box-content--square p,
.theme-template-collection .promotion-box-content--square h3
{
    color: #F0E9D6;
}

.product-grid .splide__pagination--ltr button.paginate-dots-card-product.is-active, .card-product .splide__pagination--ltr button.paginate-dots-card-product.is-active {
    background: #87837D;
}

.product-grid .splide__pagination--ltr button.paginate-dots-card-product, .card-product .splide__pagination--ltr button.paginate-dots-card-product {
    background: #CFCBC4;
}

html:not(.dark) .aamra-eq-brand {
  font-size:16px !important;
  font-weight: 400 !important;
}

.footer-right-bottom-text div span, .footer-right-bottom-text div p {
    text-transform: none;
}

/* .h-wishlist-icon .wishlist-h-count{
  display: none !important;
} */


/* Hide Phone / WhatsApp support card on FAQ page */
.theme-template-suffix-faq .aamra-support-card:has(a[href^="tel:"]),
.theme-template-suffix-faq .aamra-support-cards .aamra-support-card:nth-child(2),
.aamra-support-section .aamra-support-card:has(a[href^="tel:"]) {
  display: none !important;
}

/* FAQ Still need help? Header on Left, Email Card on Right in One Row (Desktop & Tablet) */
@media (min-width: 768px) {
  .theme-template-suffix-faq .aamra-support-section .aamra-support-container {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1.25rem !important;
    align-items: center !important;
  }
  .theme-template-suffix-faq .aamra-support-header {
    margin-bottom: 0 !important;
    max-width: 100% !important;
  }
  .theme-template-suffix-faq .aamra-support-header .aamra-support-subtext {
    margin-bottom: 0 !important;
  }
  .theme-template-suffix-faq .aamra-support-cards {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .theme-template-suffix-faq .aamra-support-card {
    width: 100% !important;
  }
}

/* Disable / Hide Cart Drawer Upsell ("YOU MIGHT ALSO LIKE") across all devices */
#mini-cart-upsell,
#cart-upsell-drawer,
.cart-upsell-scroller {
  display: none !important;
}


/* Newsletter Email input: Hide "Email" label on focus/click and when filled */
.section-newsletter .newsletter-form label,
[id*="newsletter"] .newsletter-form label,
.bg-form-email_form_fhj4t8 label {
  transition: opacity 0.2s ease, visibility 0.2s ease;
}

.section-newsletter .newsletter-form input:focus ~ label,
.section-newsletter .newsletter-form input:not(:placeholder-shown) ~ label,
.section-newsletter .newsletter-form input:-webkit-autofill ~ label,
[id*="newsletter"] .newsletter-form input:focus ~ label,
[id*="newsletter"] .newsletter-form input:not(:placeholder-shown) ~ label,
[id*="newsletter"] .newsletter-form input:-webkit-autofill ~ label,
.bg-form-email_form_fhj4t8 input:focus ~ label,
.bg-form-email_form_fhj4t8 input:not(:placeholder-shown) ~ label,
.bg-form-email_form_fhj4t8 input:-webkit-autofill ~ label {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
/* Back in stock: signups go through the Notify Me box, so the Kbite app's own button stays hidden */
.aamra-notify-me-block .gw-button-widget {
  display: none !important;
}






/* Modal Thumbnail Play Badge */
.aamra-dark-zoom-modal .aamra-thumb-play-icon,
[id^="x-zoom-thumbnail-"] .aamra-thumb-play-icon {
  width: 24px ;
  height: 24px ;
  border-radius: 50% ;
  background-color: #ffffff ;
  color: #000000 ;
  display: flex ;
  align-items: center ;
  justify-content: center ;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4) ;
  border: 1px solid rgba(0, 0, 0, 0.15) ;
  pointer-events: none ;
}

.aamra-dark-zoom-modal .aamra-thumb-play-icon svg,
[id^="x-zoom-thumbnail-"] .aamra-thumb-play-icon svg {
  width: 12px ;
  height: 12px ;
  fill: #000000 ;
  color: #000000 ;
}

/* Modal Video Slide & Play Button */
.aamra-modal-video-box {
  max-height: calc(100vh - 210px) ;
  max-width: min(85vw, 860px) ;
  margin-left: auto ;
  margin-right: auto ;
  background: transparent ;
}

.aamra-modal-video-box video {
  max-height: calc(100vh - 210px) ;
  max-width: 100% ;
  object-fit: contain ;
  border-radius: 6px ;
}

.aamra-modal-video-box .img-thumbnail {
  max-height: calc(100vh - 210px) ;
  max-width: 100% ;
  object-fit: contain ;
  border-radius: 6px ;
}

.aamra-dark-zoom-modal .button-play {
  background: rgba(0, 0, 0, 0.65) ;
  border: 1.5px solid rgba(255, 255, 255, 0.45) ;
  color: #ffffff ;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) ;
  backdrop-filter: blur(8px) ;
  -webkit-backdrop-filter: blur(8px) ;
  transition: all 0.25s ease ;
  cursor: pointer ;
}

.aamra-dark-zoom-modal .button-play:hover {
  background: rgba(0, 0, 0, 0.85) ;
  border-color: rgba(255, 255, 255, 0.8) ;
  transform: translate(-50%, -50%) scale(1.08) ;
}

.aamra-modal-video-box .img-thumbnail {
	display: none;
}