/* COLABA OUD extends the reviewed base; all colours remain in the supplied palette. */
.wordmark{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:inherit;white-space:nowrap}.wordmark strong{font-family:var(--font-heading);font-size:var(--font-28,var(--font-30));font-weight:var(--weight-medium);letter-spacing:.11em;line-height:1.2}.wordmark small{font-size:var(--font-9,var(--font-10));font-weight:var(--weight-medium);letter-spacing:.2em;margin-top:var(--s10)}.header-inner{grid-template-columns:1fr var(--s200) 1fr;gap:var(--s20)}.header-nav{font-size:var(--font-12);gap:var(--s22)}.header-tools{gap:var(--s4)}.language-toggle{font:var(--weight-semibold) var(--font-13)/1 var(--font-body);padding:var(--s10);min-width:var(--s30);color:inherit;border:var(--s1) solid currentColor;border-radius:var(--radius-small)}.colaba-pattern{height:var(--s14);background-color:var(--sapphire);background-image:url('/assets/assam-forest-toile.png');background-position:center 48%;background-size:cover;background-blend-mode:luminosity;opacity:.9}.colaba-hero{min-height:var(--s700);background:var(--diamond)}.colaba-hero::after{background:linear-gradient(0deg,transparent 35%,color-mix(in srgb,var(--diamond) 36%,transparent) 75%)}.colaba-hero .hero-content{color:var(--sapphire);padding-top:var(--s0);padding-bottom:var(--s180);z-index:3}.colaba-hero .eyebrow{font-size:var(--font-11);letter-spacing:.22em;margin-bottom:var(--s25)}.colaba-hero h1{font-size:var(--font-60);line-height:1.15}.colaba-hero p{font-size:var(--font-16)}.colaba-hero .button{font-size:var(--font-14);margin-top:var(--s25)}.demo-catalog-note{font-size:var(--font-11);line-height:1.7;border-bottom:var(--s1) solid var(--color-border);padding:var(--s12) 0;margin-bottom:var(--s24);color:var(--color-subtle)}.section>.demo-catalog-note{text-align:center;max-width:var(--s760);margin-inline:auto}.colaba-editorial-split{display:grid;grid-template-columns:1fr 1fr;background:var(--icy-lake);min-height:var(--s560);align-items:stretch}.colaba-editorial-split>div{padding:var(--s80) var(--s60);max-width:var(--s640);margin:auto}.colaba-editorial-split .eyebrow{margin-bottom:var(--s20)}.colaba-editorial-split h2{font-size:var(--font-40);line-height:1.2;margin-bottom:var(--s25)}.colaba-editorial-split p{line-height:1.9}.colaba-editorial-split .text-link{margin-top:var(--s25)}.colaba-editorial-split>img{height:100%;width:100%;object-fit:cover;object-position:70% center}.colaba-guide-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--s40)}.colaba-guide-cards img{width:100%;aspect-ratio:2/1;object-fit:cover;background:var(--icy-lake)}.colaba-guide-cards h3{font-size:var(--font-30);margin:var(--s25) 0 var(--s16)}.colaba-guide-cards p{font-size:var(--font-14);max-width:var(--s500)}.colaba-origin-banner{position:relative;min-height:var(--s500);display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.colaba-origin-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.colaba-origin-banner>div{position:relative;z-index:1;padding:var(--s60) var(--s20);max-width:var(--s800)}.colaba-origin-banner .eyebrow{margin-bottom:var(--s20)}.colaba-origin-banner h2{font-size:var(--font-40);line-height:1.25}.colaba-origin-banner .button{margin-block:var(--s25)}.art-caption{font-size:var(--font-10);max-width:var(--s760);margin:var(--s16) auto;line-height:1.7}.footer-brand{display:block!important}.footer-brand .wordmark{align-items:flex-start;margin-bottom:var(--s25);white-space:normal}.footer-brand .wordmark strong{font-size:var(--font-24)}.footer-brand .wordmark small{font-size:var(--font-10)}.footer-brand p{font-size:var(--font-13);max-width:var(--s300)}.newsletter-banner p{font-size:var(--font-13);margin-bottom:var(--s20)}.collection-route .site-header{top:calc(var(--s45) + var(--s14))}.collection-route .collection-banner{background:var(--icy-lake);color:var(--sapphire)}.collection-route .collection-banner img{opacity:.7;mix-blend-mode:normal}.collection-route .site-header{color:var(--sapphire)}.product-layout{grid-template-columns:1.05fr 1fr;gap:var(--s50)}.colaba-product-info>.eyebrow{font-size:var(--font-10);margin-bottom:var(--s12);letter-spacing:.15em}.colaba-product-info .demo-catalog-note{font-size:var(--font-10);margin-block:var(--s15) var(--s20)}.product-reference-price>span{font-size:var(--font-11);color:var(--color-subtle)}.product-reference-price .product-price{margin-top:var(--s4)}.unit-price{font-size:var(--font-11);margin-top:var(--s6)}.colaba-product-info .product-summary{font-size:var(--font-13);margin-top:var(--s20)}.product-at-a-glance{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s15);border-block:var(--s1) solid var(--color-border);margin-block:var(--s25);padding-block:var(--s18)}.product-at-a-glance dt{font-size:var(--font-10);letter-spacing:.04em;color:var(--color-subtle);margin-bottom:var(--s8)}.product-at-a-glance dd{font-size:var(--font-12);margin:0;line-height:1.5}.colaba-product-info .variant-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s10)}.colaba-product-info .variant-option{min-height:var(--s50);padding:var(--s12) var(--s8);font-size:var(--font-12);line-height:1.45}.colaba-product-info .variant-option.selected{background:var(--icy-lake)}.variant-reference-price{display:block;font-size:var(--font-10);margin-top:var(--s5);font-weight:var(--weight-regular)}.delivery-market{background:var(--icy-lake);padding:var(--s20);margin-top:var(--s25)}.delivery-market label{display:flex;justify-content:space-between;gap:var(--s15);align-items:center;font-size:var(--font-12)}.delivery-market select{max-width:58%;padding:var(--s8) var(--s12);font-size:var(--font-12)}.delivery-market p{font-size:var(--font-11);margin-block:var(--s15)}.delivery-market .text-link{font-size:var(--font-12)}.product-section-tabs{display:flex;justify-content:center;gap:var(--s40);border-block:var(--s1) solid var(--color-border);padding-block:var(--s20);margin-bottom:var(--s60);font-size:var(--font-12)}.product-section-tabs a:hover{text-decoration:underline}.product-detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--s70)}.product-knowledge h2{font-size:var(--font-34);line-height:1.2;margin-block:var(--s16) var(--s30)}.spec-table{border-collapse:collapse;width:100%;font-size:var(--font-12)}.spec-table th,.spec-table td{border-bottom:var(--s1) solid var(--color-border);padding:var(--s15) var(--s10);text-align:start;vertical-align:top}.spec-table th{font-weight:var(--weight-medium);width:42%}.spec-table td{color:var(--color-subtle)}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s24);margin-bottom:var(--s30)}.profile-grid>div{border-top:var(--s1) solid var(--color-border);padding-top:var(--s15)}.profile-grid dt{font-size:var(--font-12);font-weight:var(--weight-medium);margin-bottom:var(--s10)}.profile-grid dd{font-size:var(--font-12);margin:0;color:var(--color-subtle)}.product-detail-columns .text-link{margin-top:var(--s25)}.batch-record-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--s70);padding:var(--s50);background:var(--icy-lake);margin-top:var(--s70)}.batch-record-panel p{font-size:var(--font-13);line-height:1.9}.batch-record-panel .text-link{margin-top:var(--s25)}.batch-fields dl>div{display:flex;justify-content:space-between;gap:var(--s20);border-bottom:var(--s1) solid var(--color-border);padding-block:var(--s16);font-size:var(--font-12)}.batch-fields dd{margin:0;text-align:end;max-width:60%}.batch-fields .button{margin-top:var(--s25);font-size:var(--font-12);width:100%}.product-faq{max-width:var(--s800);margin:var(--s80) auto 0}.product-faq>h2{text-align:center}.product-faq>.text-link{margin-top:var(--s25)}.brand-page-intro{padding-top:var(--s30)}.brand-page-intro .page-intro{margin-top:var(--s40);padding-bottom:var(--s40)}.brand-page-intro .page-intro .eyebrow{margin-bottom:var(--s25)}.brand-page-intro h1{font-size:var(--font-46);line-height:1.2}.brand-page-intro .page-intro p{font-size:var(--font-16);line-height:1.9}.brand-panorama{width:100%;height:auto;max-height:var(--s500);object-fit:cover}.draft-label{display:inline-block;font-size:var(--font-10);letter-spacing:.08em;border:var(--s1) solid var(--color-border);padding:var(--s7) var(--s12);margin-top:var(--s25)}.knowledge-layout{display:grid;grid-template-columns:var(--s260) 1fr;gap:var(--s80);align-items:start}.knowledge-nav{position:sticky;top:var(--s141);display:grid;gap:var(--s18);font-size:var(--font-12);border-inline-start:var(--s1) solid var(--color-border);padding-inline-start:var(--s25)}.knowledge-nav .eyebrow{margin-bottom:var(--s5)}.knowledge-nav a:hover{text-decoration:underline}.knowledge-body{max-width:var(--s760)}.knowledge-section{margin-bottom:var(--s50);scroll-margin-top:var(--s141)}.knowledge-section h2{font-size:var(--font-30);margin-bottom:var(--s20)}.knowledge-section p{font-size:var(--font-15);line-height:1.95}.answer-card{margin-bottom:var(--s20)}.answer-card summary{font-family:var(--font-heading);font-size:var(--font-24);line-height:1.4;gap:var(--s20)}.answer-card .accordion-body{font-size:var(--font-15);line-height:1.95}.knowledge-links{border-top:var(--s1) solid var(--color-border);display:flex;gap:var(--s20);flex-wrap:wrap;padding-top:var(--s25);font-size:var(--font-12);margin-top:var(--s40)}.knowledge-links a{text-decoration:underline}.delivery-country-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s20);margin-bottom:var(--s50)}.delivery-country-grid a{border:var(--s1) solid var(--color-border);padding:var(--s24);display:grid;gap:var(--s20);background:var(--icy-lake)}.delivery-country-grid strong{font-family:var(--font-heading);font-size:var(--font-24);font-weight:var(--weight-regular)}.delivery-country-grid span{font-size:var(--font-11);display:flex;gap:var(--s10);align-items:center}.verification-note{background:var(--icy-lake);padding:var(--s30);margin-block:var(--s40)}.verification-note h3{font-size:var(--font-24);margin-bottom:var(--s20)}.verification-note dl>div{display:flex;justify-content:space-between;gap:var(--s20);font-size:var(--font-12);padding-block:var(--s12);border-bottom:var(--s1) solid var(--color-border)}.verification-note dd{margin:0}.account-card .wordmark{margin-bottom:var(--s40)}.checkout-top .wordmark strong{font-size:var(--font-24)}.checkout-top .wordmark small{font-size:var(--font-10)}[dir=rtl] body{font-family:var(--font-arabic-body)}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{font-family:var(--font-arabic-heading);line-height:1.5}[dir=rtl] .wordmark{direction:ltr}[dir=rtl] .wordmark strong{font-family:var(--font-heading)}[dir=rtl] .header-tools{margin-left:0;margin-right:auto}[dir=rtl] .drawer{right:auto;left:0}[dir=rtl] .drawer.left{left:auto;right:0}[dir=rtl] .drawer-content{text-align:right}[dir=rtl] .header-nav{letter-spacing:0;font-family:var(--font-arabic-body)}[dir=rtl] .breadcrumbs{direction:rtl}[dir=rtl] .collection-categories{direction:rtl}
@media(max-width:1400px){.header-nav{font-size:var(--font-11);gap:var(--s16)}.header-inner{grid-template-columns:1fr var(--s180) 1fr;gap:var(--s15)}.wordmark strong{font-size:var(--font-24)}.wordmark small{font-size:var(--font-9,var(--font-10))}.header-tools .icon-button{width:var(--s32)}}
@media(max-width:1067px){.header-inner{display:flex;grid-template-columns:none}.header-inner>.logo-link{position:absolute;left:50%;transform:translateX(-50%)}.wordmark strong{font-size:var(--font-24)}.wordmark small{font-size:var(--font-10)}.product-layout{grid-template-columns:1fr 1fr;gap:var(--s30)}.colaba-editorial-split>div{padding:var(--s50) var(--s35,var(--s36))}.knowledge-layout{grid-template-columns:var(--s200) 1fr;gap:var(--s40)}.batch-record-panel{gap:var(--s40);padding:var(--s40)}.product-detail-columns{gap:var(--s40)}}
@media(max-width:768px){.colaba-hero{min-height:var(--s560)}.colaba-hero .hero-content{padding-bottom:var(--s180)}.colaba-hero h1{font-size:var(--font-40)}.colaba-hero .hero-media{object-position:65% bottom}.colaba-editorial-split{grid-template-columns:1fr}.colaba-editorial-split>div{padding:var(--s50) var(--s30);max-width:none}.colaba-editorial-split>img{aspect-ratio:2/1;object-fit:cover}.colaba-guide-cards{gap:var(--s25)}.colaba-guide-cards h3{font-size:var(--font-24)}.colaba-origin-banner h2{font-size:var(--font-30)}.colaba-origin-banner{min-height:var(--s440)}.product-layout{grid-template-columns:1fr;gap:var(--s30)}.product-detail-columns{grid-template-columns:1fr;gap:var(--s50)}.batch-record-panel{grid-template-columns:1fr;gap:var(--s25)}.product-section-tabs{justify-content:flex-start;overflow:auto;white-space:nowrap;gap:var(--s25);margin-bottom:var(--s40)}.product-knowledge h2{font-size:var(--font-30)}.knowledge-layout{grid-template-columns:1fr;gap:var(--s40)}.knowledge-nav{position:static;display:flex;overflow:auto;gap:var(--s25);border-inline-start:0;border-bottom:var(--s1) solid var(--color-border);padding:0 0 var(--s20);white-space:nowrap}.knowledge-nav>.eyebrow{display:none}.brand-page-intro h1{font-size:var(--font-36)}.collection-route .site-header{top:calc(var(--s36) + var(--s14))}.wordmark small{margin-top:var(--s6)}.footer-brand .wordmark{align-items:flex-start}[dir=rtl] .header-inner>.logo-link{left:50%}}
@media(max-width:575px){.wordmark strong{font-size:var(--font-18);letter-spacing:.08em}.wordmark small{font-size:var(--font-9,var(--font-10));letter-spacing:.1em}.header-tools{gap:var(--s1)}.header-tools .icon-button{width:var(--s30)}.language-toggle{font-size:var(--font-11);padding:var(--s7);min-width:var(--s24)}.header-inner{height:var(--s80);padding-inline:var(--s8)}.header-inner>.logo-link{margin-inline:calc(var(--s10)*-1)}.colaba-hero{min-height:var(--s500)}.colaba-hero .hero-content{padding-bottom:var(--s160)}.colaba-hero h1{font-size:var(--font-34)}.colaba-hero .eyebrow{font-size:var(--font-10);margin-bottom:var(--s16)}.colaba-hero p{font-size:var(--font-14)}.colaba-hero .hero-media{object-fit:cover;object-position:60% bottom}.colaba-editorial-split h2{font-size:var(--font-30)}.colaba-guide-cards{grid-template-columns:1fr;gap:var(--s40)}.colaba-guide-cards img{aspect-ratio:2/1}.colaba-origin-banner h2{font-size:var(--font-24)}.colaba-origin-banner{min-height:var(--s400)}.art-caption{padding-inline:var(--s20)}.product-at-a-glance{gap:var(--s10)}.product-at-a-glance dd{font-size:var(--font-11)}.colaba-product-info .option-axis-0 .variant-options{grid-template-columns:repeat(2,minmax(0,1fr))}.colaba-product-info .variant-options{grid-template-columns:repeat(3,minmax(0,1fr))}.delivery-market{padding:var(--s16)}.delivery-market select{max-width:57%;font-size:var(--font-11)}.batch-record-panel{padding:var(--s25)}.product-knowledge h2{font-size:var(--font-24)}.brand-page-intro h1{font-size:var(--font-30)}.brand-page-intro .page-intro p{font-size:var(--font-14)}.knowledge-section h2{font-size:var(--font-24)}.knowledge-section p,.answer-card .accordion-body{font-size:var(--font-14)}.answer-card summary{font-size:var(--font-21)}.delivery-country-grid{grid-template-columns:1fr;gap:var(--s15)}.delivery-country-grid strong{font-size:var(--font-24)}.verification-note{padding:var(--s25)}.verification-note dl>div{font-size:var(--font-11)}.profile-grid{gap:var(--s20)}}

.cart-review-note{font-size:var(--font-11);padding:var(--s12) var(--s15);background:var(--icy-lake);border:var(--s1) solid var(--sapphire);margin-bottom:var(--s20)}
/* Narrow-screen corrections: keep thumbnail overflow within its own scrollport. */
@media(max-width:768px){
  .product-layout{grid-template-columns:minmax(0,1fr)}
  .product-layout>*,.product-gallery,.product-thumbnails,#pdp-info,.product-detail-columns>*,.batch-record-panel>*{min-width:0;max-width:100%}
  .product-thumbnails{width:100%;overflow-x:auto;overflow-y:hidden}
  .main-image-button{min-width:0;width:100%}
  .spec-table{table-layout:fixed}
  .spec-table th,.spec-table td{overflow-wrap:anywhere}
}
@media(max-width:400px){
  .site-header .header-inner{display:grid;grid-template-columns:var(--s44) minmax(0,1fr) var(--s90);gap:var(--s5);height:var(--s70);padding-inline:var(--s8)}
  .site-header .header-inner>.logo-link{position:static;left:auto;right:auto;transform:none;margin:0;min-width:0;justify-self:center}
  [dir=rtl] .site-header .header-inner>.logo-link{left:auto;right:auto;transform:none}
  .site-header .wordmark strong{font-size:var(--font-16);letter-spacing:.04em}
  .site-header .wordmark small{display:none}
  .site-header .header-tools{margin:0;gap:var(--s1);justify-self:end}
  [dir=rtl] .site-header .header-tools{margin:0}
  .sticky-product-info{min-width:0;flex:1}
  .sticky-product-info strong{max-width:100%}
  .sticky-purchase-inner{gap:var(--s12)}
  .sticky-purchase .button{padding-inline:var(--s12);font-size:var(--font-12);flex:0 0 auto}
}


/* ── Colaba Oud Interactive Commerce & Tracking Additions ── */
.checkout-fields input:not([disabled]), .checkout-fields select:not([disabled]) {
  background: var(--diamond, #ffffff);
  border: 1px solid var(--color-border, #d1d5db);
  border-radius: var(--radius-field, 4px);
  padding: 12px 14px;
  font-size: 14px;
  width: 100%;
  color: var(--sapphire, #1e3a47);
  box-sizing: border-box;
}
.checkout-fields input:focus, .checkout-fields select:focus {
  outline: none;
  border-color: var(--sapphire, #234F60);
  box-shadow: 0 0 0 1px var(--sapphire, #234F60);
}
.shipping-options, .payment-options-grid {
  display: grid;
  gap: 12px;
  margin-top: 14px;
  margin-bottom: 24px;
}
.option-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  border: 1px solid var(--color-border, #e5e7eb);
  border-radius: var(--radius-field, 6px);
  cursor: pointer;
  background: var(--diamond, #ffffff);
  transition: border-color 0.2s, background 0.2s;
}
.option-card:hover {
  border-color: var(--sapphire, #234F60);
}
.option-card.selected {
  border-color: var(--sapphire, #234F60);
  background: #f7f9fa;
}
.option-card input[type="radio"] {
  accent-color: var(--sapphire, #234F60);
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.option-card-label {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: 14px;
}
.option-card-label strong {
  color: var(--sapphire, #234F60);
}
.card-details-box {
  background: #fcfcfc;
  border: 1px solid var(--color-border, #e5e7eb);
  padding: 16px;
  border-radius: 6px;
  margin-top: 10px;
  display: grid;
  gap: 10px;
}
.card-row-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.order-confirmation-container {
  max-width: 800px;
  margin: 40px auto;
  padding: 30px;
  background: #ffffff;
  border: 1px solid var(--color-border, #e5e7eb);
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.03);
}
.confirmation-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #eef7f2;
  color: #1a733a;
  padding: 6px 14px;
  border-radius: 20px;
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 16px;
}
.order-meta-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 16px;
  padding: 20px;
  background: #f8fafb;
  border-radius: 6px;
  margin: 20px 0;
}
.order-meta-grid div span {
  display: block;
  font-size: 11px;
  color: var(--color-subtle, #6b7280);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.order-meta-grid div strong {
  font-size: 14px;
  color: var(--sapphire, #234F60);
}
.receipt-table {
  width: 100%;
  border-collapse: collapse;
  margin: 24px 0;
}
.receipt-table th {
  text-align: left;
  padding: 10px 0;
  border-bottom: 2px solid var(--color-border, #e5e7eb);
  font-size: 12px;
  color: var(--color-subtle, #6b7280);
}
.receipt-table td {
  padding: 14px 0;
  border-bottom: 1px solid var(--color-border, #e5e7eb);
  font-size: 14px;
}
.tracking-stepper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 16px;
  margin: 30px 0;
  position: relative;
}
.tracking-step {
  text-align: center;
  padding: 16px;
  background: #fdfefe;
  border: 1px solid var(--color-border, #e5e7eb);
  border-radius: 6px;
}
.tracking-step.completed {
  border-color: #234F60;
  background: #f4f8fa;
}
.tracking-step.current {
  border-color: #d4af37;
  background: #fdfbf7;
  box-shadow: 0 0 0 1px #d4af37;
}
.step-number {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #e5e7eb;
  color: #4b5563;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 8px;
}
.tracking-step.completed .step-number {
  background: #234F60;
  color: #ffffff;
}
.tracking-step.current .step-number {
  background: #d4af37;
  color: #ffffff;
}
.account-tabs {
  display: flex;
  gap: 10px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--color-border, #e5e7eb);
}
.account-tab-btn {
  padding: 10px 18px;
  border: none;
  background: transparent;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-subtle, #6b7280);
  cursor: pointer;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
}
.account-tab-btn.active {
  color: var(--sapphire, #234F60);
  border-bottom-color: var(--sapphire, #234F60);
}
.order-history-card {
  border: 1px solid var(--color-border, #e5e7eb);
  border-radius: 6px;
  padding: 16px;
  margin-bottom: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* ==========================================================================
   AL MUTALIB COMPARATIVE UPGRADES: LUXURY PDP & CART EXPERIENCE
   ========================================================================== */

/* Scent Pyramid & Olfactory Architecture */
.scent-pyramid-card {
  background: linear-gradient(135deg, rgba(35, 79, 96, 0.04) 0%, rgba(212, 175, 55, 0.08) 100%);
  border: 1px solid rgba(212, 175, 55, 0.3);
  border-radius: 8px;
  padding: 1.25rem;
  margin: 1.5rem 0;
}
.scent-pyramid-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  border-bottom: 1px solid rgba(212, 175, 55, 0.2);
  padding-bottom: 0.5rem;
}
.scent-pyramid-header h3 {
  font-family: 'Playfair Display', serif;
  font-size: 1.15rem;
  color: #234F60;
  margin: 0;
}
.scent-pyramid-badge {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  background: #D4AF37;
  color: #FFFFFF;
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
  font-weight: 600;
}
.pyramid-tier {
  margin-bottom: 0.75rem;
}
.pyramid-tier:last-child {
  margin-bottom: 0;
}
.tier-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  color: #7A8B99;
  letter-spacing: 0.05em;
  margin-bottom: 0.25rem;
  font-weight: 600;
}
.tier-notes {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.note-pill {
  background: #FFFFFF;
  border: 1px solid rgba(35, 79, 96, 0.15);
  color: #234F60;
  font-size: 0.82rem;
  padding: 0.25rem 0.6rem;
  border-radius: 20px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.03);
}

/* Trust & Provenance Badges Grid */
.trust-badges-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin: 1.5rem 0;
  padding: 1rem;
  background: #FAFCFD;
  border: 1px dashed rgba(35, 79, 96, 0.2);
  border-radius: 8px;
}
.trust-badge-item {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.trust-badge-icon {
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 50%;
  background: rgba(35, 79, 96, 0.08);
  color: #234F60;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
}
.trust-badge-text strong {
  display: block;
  font-size: 0.82rem;
  color: #234F60;
  line-height: 1.2;
}
.trust-badge-text span {
  font-size: 0.72rem;
  color: #6C7A89;
  line-height: 1.2;
}

/* Free Shipping Progress Meter in Cart */
.shipping-progress-box {
  background: #F8F9FA;
  border: 1px solid #E9ECEF;
  border-radius: 8px;
  padding: 0.85rem 1rem;
  margin-bottom: 1.25rem;
}
.shipping-progress-text {
  font-size: 0.85rem;
  color: #234F60;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.shipping-progress-text strong {
  color: #D4AF37;
}
.shipping-meter-track {
  height: 6px;
  background: #E2E8F0;
  border-radius: 3px;
  overflow: hidden;
}
.shipping-meter-fill {
  height: 100%;
  background: linear-gradient(90deg, #234F60 0%, #D4AF37 100%);
  border-radius: 3px;
  transition: width 0.4s ease;
}

/* Complimentary Gifting Card in Cart */
.cart-gifting-card {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: #FDFBF7;
  border: 1px solid rgba(212, 175, 55, 0.35);
  border-radius: 6px;
  padding: 0.85rem;
  margin: 1rem 0;
}
.cart-gifting-card input[type="checkbox"] {
  accent-color: #234F60;
  width: 18px;
  height: 18px;
  margin-top: 0.15rem;
}
.cart-gifting-content strong {
  display: block;
  font-size: 0.85rem;
  color: #234F60;
}
.cart-gifting-content span {
  font-size: 0.75rem;
  color: #6C7A89;
}

/* Payment & Security Trust Icons */
.payment-trust-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px solid rgba(0,0,0,0.06);
}
.payment-badge {
  font-size: 0.72rem;
  color: #4A5568;
  background: #FFFFFF;
  border: 1px solid #CBD5E0;
  padding: 0.25rem 0.55rem;
  border-radius: 4px;
  font-weight: 500;
}

/* Sticky Mobile Purchase Bar */
@media (max-width: 768px) {
  .sticky-purchase {
    display: block !important;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #FFFFFF;
    box-shadow: 0 -4px 16px rgba(0,0,0,0.1);
    z-index: 1000;
    padding: 0.75rem 1rem;
    border-top: 1px solid #E2E8F0;
  }
  .sticky-purchase-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
  }
}

/* APPROVED BRAND LOGO & SYMBOL */
.brand-logo-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  text-decoration: none;
}
.brand-symbol-img {
  width: 36px;
  height: 36px;
  object-fit: contain;
  border-radius: 4px;
}

/* ==========================================================================
   LUXURY REFINED HEADER STYLING
   ========================================================================== */
.site-header {
  background: #FFFFFF !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
}

.header-inner {
  height: 82px !important;
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
  justify-content: space-between !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
  padding: 0 2rem !important;
  gap: 1.5rem !important;
}

.header-inner > .logo-link {
  position: static !important;
  transform: none !important;
  left: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  padding: 0.25rem 1rem !important;
}

.header-logo-img {
  height: 52px !important;
  width: auto !important;
  max-width: 160px !important;
  object-fit: contain !important;
  display: block !important;
  transition: transform 0.25s ease, opacity 0.25s ease !important;
}

.header-logo-img:hover {
  transform: scale(1.03) !important;
  opacity: 0.95 !important;
}

.header-left {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 1.5rem !important;
}

.header-right {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 1.5rem !important;
}

.header-nav {
  display: flex !important;
  align-items: center !important;
  gap: 1.5rem !important;
}

.header-nav > a,
.nav-group-trigger {
  font-family: 'Raleway', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #224F60 !important;
  text-decoration: none !important;
  padding: 0.4rem 0 !important;
  position: relative !important;
  transition: color 0.2s ease !important;
}

.header-nav > a:hover,
.nav-group-trigger:hover {
  color: #D4AF37 !important;
}

.header-tools {
  display: flex !important;
  align-items: center !important;
  gap: 0.65rem !important;
}

.language-toggle {
  font-family: 'Raleway', sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.08em !important;
  color: #224F60 !important;
  border: 1px solid rgba(34, 79, 96, 0.3) !important;
  background: transparent !important;
  border-radius: 4px !important;
  padding: 0.3rem 0.6rem !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.language-toggle:hover {
  border-color: #D4AF37 !important;
  color: #D4AF37 !important;
}

@media (max-width: 992px) {
  .header-inner {
    height: 70px !important;
    display: flex !important;
    justify-content: space-between !important;
    padding: 0 1rem !important;
  }
  .header-left, .header-right .header-nav {
    display: none !important;
  }
  .header-logo-img {
    height: 42px !important;
  }
}

/* ==========================================================================
   PIXEL-PERFECT DEAD-CENTER LUXURY HEADER
   ========================================================================== */
.site-header {
  background: #FFFFFF !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.02) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
}

.header-inner {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 80px !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
  padding: 0 2.5rem !important;
}

/* Absolute dead center lockup */
.header-inner > .logo-link {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  z-index: 10 !important;
}

.luxury-brand-lockup {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  text-decoration: none !important;
}

.brand-symbol-icon {
  height: 34px !important;
  width: auto !important;
  object-fit: contain !important;
  display: block !important;
}

.brand-text-group {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
}

.brand-heading {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.16em !important;
  color: #224F60 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

.brand-subtext {
  font-family: 'Raleway', sans-serif !important;
  font-size: 0.58rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.32em !important;
  color: #7A8B99 !important;
  text-transform: uppercase !important;
  margin-top: 2px !important;
  white-space: nowrap !important;
}

/* Left side navigation */
.header-left {
  flex: 1 1 0% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 1.75rem !important;
}

.header-left .header-nav {
  display: flex !important;
  align-items: center !important;
  gap: 1.75rem !important;
}

/* Right side navigation & tools */
.header-right {
  flex: 1 1 0% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 1.75rem !important;
}

.header-right .header-nav {
  display: flex !important;
  align-items: center !important;
  gap: 1.5rem !important;
}

.header-tools {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  margin-left: 0.5rem !important;
}

/* Nav links typography */
.header-nav > a,
.nav-group-trigger {
  font-family: 'Raleway', sans-serif !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #224F60 !important;
  text-decoration: none !important;
  padding: 0.5rem 0 !important;
  transition: color 0.2s ease !important;
  white-space: nowrap !important;
}

.header-nav > a:hover,
.nav-group-trigger:hover {
  color: #D4AF37 !important;
}

/* Mobile toggle button */
.mobile-toggle {
  display: none !important;
}

@media (max-width: 1024px) {
  .header-inner {
    padding: 0 1rem !important;
    height: 72px !important;
  }
  .mobile-toggle {
    display: flex !important;
  }
  .header-left,
  .header-right .header-nav {
    display: none !important;
  }
  .brand-heading {
    font-size: 1.1rem !important;
  }
}

/* ==========================================================================
   SHAMA-INSPIRED ROYAL LUXURY HEADER (IVORY BACKGROUND, CENTER VERTICAL CREST)
   ========================================================================== */
.site-header {
  background: #FAF7F0 !important;
  border-bottom: 1px solid rgba(34, 79, 96, 0.12) !important;
  box-shadow: 0 1px 8px rgba(34, 79, 96, 0.04) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
}

.header-inner {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 94px !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
  padding: 0 3rem !important;
}

/* Center vertical crest lockup matching Shama */
.header-inner > .logo-link {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  z-index: 10 !important;
}

.royal-crest-lockup {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  text-decoration: none !important;
}

.royal-crest-symbol {
  height: 38px !important;
  width: auto !important;
  object-fit: contain !important;
  display: block !important;
  margin-bottom: 4px !important;
  transition: transform 0.25s ease !important;
}

.royal-crest-symbol:hover {
  transform: scale(1.05) !important;
}

.royal-crest-text {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

.royal-crest-title {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 1.12rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.22em !important;
  color: #224F60 !important;
  text-transform: uppercase !important;
  margin-bottom: 3px !important;
  white-space: nowrap !important;
}

.royal-crest-sub {
  font-family: 'Raleway', sans-serif !important;
  font-size: 0.55rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.35em !important;
  color: #7A8B99 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

/* Navigation containers */
.header-left {
  flex: 1 1 0% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 2.2rem !important;
}

.header-right {
  flex: 1 1 0% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 2.2rem !important;
}

.header-nav {
  display: flex !important;
  align-items: center !important;
  gap: 2.2rem !important;
}

/* Nav links styling with active underline */
.header-nav > a,
.header-nav .nav-item,
.nav-group-trigger {
  font-family: 'Raleway', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #224F60 !important;
  text-decoration: none !important;
  padding: 0.35rem 0 !important;
  position: relative !important;
  transition: color 0.2s ease, border-color 0.2s ease !important;
  white-space: nowrap !important;
}

.header-nav > a:hover,
.nav-group-trigger:hover {
  color: #D4AF37 !important;
}

.header-nav > a.active,
.header-nav .nav-item.active {
  color: #224F60 !important;
  border-bottom: 2px solid #224F60 !important;
  padding-bottom: 2px !important;
}

/* Tools icons matching Shama */
.header-tools {
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
}

.header-tools .icon-button {
  color: #224F60 !important;
  transition: color 0.2s ease !important;
}

.header-tools .icon-button:hover {
  color: #D4AF37 !important;
}

.header-tools .cart-count {
  background: #224F60 !important;
  color: #FFFFFF !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  min-width: 18px !important;
  height: 18px !important;
  border-radius: 9px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

@media (max-width: 1024px) {
  .header-inner {
    padding: 0 1.25rem !important;
    height: 76px !important;
  }
  .header-left, .header-right .header-nav {
    display: none !important;
  }
  .royal-crest-symbol {
    height: 30px !important;
  }
  .royal-crest-title {
    font-size: 0.95rem !important;
  }
}

/* ==========================================================================
   ENHANCED LUXURY PDP UI STYLING
   ========================================================================== */
.product-rating-row {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-bottom: 0.65rem;
}
.product-rating-row .stars {
  color: #D4AF37;
  font-size: 0.95rem;
  letter-spacing: 0.1em;
}
.product-rating-row .rating-text {
  font-size: 0.8rem;
  color: #6C7A89;
  font-weight: 500;
}
.stock-badge {
  margin-left: auto;
  font-size: 0.72rem;
  font-weight: 600;
  color: #2E7D32;
  background: #E8F5E9;
  padding: 0.2rem 0.55rem;
  border-radius: 4px;
}
.product-info h1 {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 1.85rem;
  color: #224F60;
  margin-bottom: 0.75rem;
  line-height: 1.2;
}
.product-reference-price .product-price {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 1.65rem;
  font-weight: 600;
  color: #224F60;
  margin: 0.35rem 0;
}
.variant-options button {
  font-family: 'Raleway', sans-serif;
  font-size: 0.82rem;
  font-weight: 600;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  border: 1px solid rgba(34, 79, 96, 0.25);
  background: #FFFFFF;
  color: #224F60;
  transition: all 0.2s ease;
  cursor: pointer;
}
.variant-options button.selected,
.variant-options button[aria-checked="true"] {
  border-color: #D4AF37;
  background: #224F60;
  color: #FFFFFF;
  box-shadow: 0 2px 8px rgba(34, 79, 96, 0.15);
}
.buy-row .button {
  background: #224F60;
  color: #FFFFFF;
  font-family: 'Raleway', sans-serif;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 1rem 2rem;
  border-radius: 6px;
  border: 1px solid #224F60;
  transition: all 0.25s ease;
  cursor: pointer;
  flex: 1;
}
.buy-row .button:hover {
  background: #1B3E4C;
  border-color: #D4AF37;
  box-shadow: 0 4px 14px rgba(34, 79, 96, 0.25);
}

/* ==========================================================================
   HOMEPAGE UPGRADES: VISUAL CATEGORIES, HOME SERVICE BANNER & TRUST PILLARS
   ========================================================================== */
.hero-actions {
  display: flex;
  gap: 1rem;
  justify-content: center;
  margin-top: 1.5rem;
}

/* Visual Categories Grid */
.visual-category-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin-top: 2rem;
}
.visual-cat-card {
  background: #FFFFFF;
  border: 1px solid rgba(34, 79, 96, 0.12);
  border-radius: 8px;
  padding: 2rem 1.5rem;
  text-align: center;
  text-decoration: none;
  transition: all 0.25s ease;
  box-shadow: 0 2px 8px rgba(0,0,0,0.02);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.visual-cat-card:hover {
  transform: translateY(-4px);
  border-color: #D4AF37;
  box-shadow: 0 8px 24px rgba(34, 79, 96, 0.08);
}
.visual-cat-icon {
  font-size: 1.5rem;
  color: #D4AF37;
  margin-bottom: 0.75rem;
}
.visual-cat-card h3 {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 1.25rem;
  color: #224F60;
  margin: 0 0 0.5rem 0;
}
.visual-cat-card p {
  font-family: 'Raleway', sans-serif;
  font-size: 0.85rem;
  color: #6C7A89;
  margin: 0 0 1rem 0;
}
.cat-card-arrow {
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: #D4AF37;
  text-transform: uppercase;
}

/* Home Service Feature Banner */
.home-service-banner {
  background: linear-gradient(135deg, #FAF7F0 0%, #F5EFEB 100%);
  border: 1px solid rgba(212, 175, 55, 0.35);
  border-radius: 12px;
  padding: 4rem 3rem;
  text-align: center;
  margin: 3rem 0;
  box-shadow: 0 4px 20px rgba(34, 79, 96, 0.04);
}
.home-service-content {
  max-width: 820px;
  margin: 0 auto;
}
.home-service-content h2 {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 2.2rem;
  color: #224F60;
  margin: 1rem 0 1.25rem 0;
  line-height: 1.2;
}
.home-service-lead {
  font-family: 'Raleway', sans-serif;
  font-size: 1.05rem;
  color: #556677;
  line-height: 1.6;
  margin-bottom: 2rem;
}
.home-service-actions {
  display: flex;
  gap: 1rem;
  justify-content: center;
}

/* Trust Pillars Grid */
.pillars-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
  margin: 2rem 0;
}
.pillar-card {
  background: #FAFCFD;
  border: 1px dashed rgba(34, 79, 96, 0.2);
  border-radius: 8px;
  padding: 1.5rem 1.25rem;
  text-align: center;
}
.pillar-icon {
  font-size: 1.25rem;
  color: #D4AF37;
  margin-bottom: 0.5rem;
}
.pillar-card h3 {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 1.05rem;
  color: #224F60;
  margin: 0 0 0.5rem 0;
}
.pillar-card p {
  font-size: 0.8rem;
  color: #6C7A89;
  line-height: 1.4;
  margin: 0;
}

@media (max-width: 992px) {
  .visual-category-grid { grid-template-columns: repeat(2, 1fr); }
  .pillars-grid { grid-template-columns: repeat(2, 1fr); }
  .home-service-banner { padding: 2.5rem 1.5rem; }
  .home-service-content h2 { font-size: 1.6rem; }
  .home-service-actions { flex-direction: column; }
}