/* PATOLALUX — SINGLE SOURCE OF TRUTH DESIGN TOKENS */
:root{
  --cream:#FBF9F6; --pastel-pink:#F5E9EC; --pastel-peach:#F6EEE7; --pastel-lavender:#F0ECF4; --pastel-mint:#EAF2EE; --pastel-sand:#F3EEE7;
  --white:#FFFFFF; --primary:#1A1A1A; --secondary:#1A1A1A; --charcoal:#1A1A1A; --gold:#C5A059; --champagne:#E6D6B7;
  --muted:#68645F; --border:#E8E0D5; --light-border:#EEE7DD; --container:1240px; --radius:8px; --radius-lg:14px;
  --shadow:0 16px 50px rgba(26,26,26,.07); --shadow-md:0 12px 32px rgba(26,26,26,.08); --shadow-soft:0 6px 20px rgba(26,26,26,.05);
  --patola-blue:#1A1A1A; --patola-navy:#1A1A1A; --patola-gold:#C5A059; --patola-ivory:#FBF9F6; --patola-white:#FFFFFF; --patola-text:#1A1A1A; --patola-muted:#68645F; --patola-border:#E8E0D5;
  --lux-blue:#1A1A1A; --lux-navy:#1A1A1A; --lux-gold:#C5A059; --lux-ivory:#FBF9F6; --lux-white:#FFFFFF; --lux-text:#1A1A1A; --lux-muted:#68645F; --lux-border:#E8E0D5; --lux-powder:#F6F1EA; --lux-champagne:#F2E9DC; --lux-shadow:0 18px 50px rgba(26,26,26,.08);
  --pl-powder:#F2ECE4; --pl-mist:#F7F3EE; --pl-blush:#F7ECEF; --pl-sand:#F2ECE4; --pl-ivory:#FBF9F6; --pl-blue:#1A1A1A; --pl-navy:#1A1A1A; --pl-gold:#C5A059; --pl-gold-soft:#E6D6B7; --pl-text:#1A1A1A; --pl-muted:#68645F; --pl-line:rgba(26,26,26,.10); --pl-shadow:0 18px 55px rgba(26,26,26,.075);
  --pl-cream:#FBF9F6; --pl-champagne:#F2E9DC; --pl-ink:#1A1A1A; --pl-soft-ink:#68645F; --plx-bg:#FBF9F6; --plx-surface:#FFFDFC; --plx-pastel-blue:#F0F4F5; --plx-powder:#F2ECE4; --plx-mist:#F7F3EE; --plx-sky:#F1ECE5; --plx-blue:#1A1A1A; --plx-blue-deep:#1A1A1A; --plx-blue-soft:#C5A059; --plx-text:#1A1A1A; --plx-line:#E8E0D5; --plx-champagne:#F2E9DC;
  --plx-ink:#1A1A1A; --plx-blue-950:#1A1A1A; --plx-blue-900:#292929; --plx-blue-800:#3A3937; --plx-blue-700:#57534D; --plx-blue-600:#746E65; --plx-blue-500:#958B7E; --plx-blue-400:#B3A99B; --plx-blue-300:#CEC4B6; --plx-blue-200:#E3DACE; --plx-blue-100:#F0EAE2; --plx-blue-50:#F7F3EE; --plx-pearl:#FBF9F6; --plx-soft-text:#8A857E; --plx-border:#E8E0D5; --plx-border-strong:#D8CCBC; --plx-gold:#C5A059; --plx-gold-soft:#E6D6B7; --plx-success:#3C7A62; --plx-danger:#8E4D50; --plx-radius:14px; --plx-radius-sm:8px; --plx-shadow:0 16px 50px rgba(26,26,26,.07); --plx-shadow-hover:0 24px 70px rgba(26,26,26,.12); --plx-ease:cubic-bezier(.16,1,.3,1);
  --background:#FBF9F6; --surface:#FFFDFC; --main-text:#1A1A1A; --muted-text:#68645F; --soft-border:#E8E0D5; --heritage:#3C7A62; --lux-green:#3C7A62; --patola-green:#3C7A62; --heritage-green:#3C7A62;
  --plx-oldmoney-ink:#1A1A1A; --plx-oldmoney-espresso:#24231F; --plx-oldmoney-olive:#2C3028; --plx-oldmoney-ivory:#FBF9F6; --plx-oldmoney-paper:#F4F0E9; --plx-oldmoney-gold:#B99655; --plx-oldmoney-sage:#DDE4DC; --plx-oldmoney-muted:#B9B3A9; --plx-oldmoney-ease:cubic-bezier(.2,.7,.2,1);
  color-scheme:light;
}

*{ box-sizing: border-box; }
html{ -webkit-font-smoothing: antialiased; }
body{
  margin: 0;
  background: linear-gradient(135deg, var(--cream) 0%, var(--pastel-lavender) 100%);
  color: var(--charcoal);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.65;
  letter-spacing: 0.3px;
}
a{ color: inherit; text-decoration: none; }
button{ font: inherit; }
.container{ width: min(var(--container), calc(100% - 40px)); margin-inline: auto; }

.site-header{
  position: fixed;
  top: 0;
  z-index: 9990;
  width: 100%;
  background: rgba(250,249,246,.96);
  border-bottom: 1.5px solid rgba(232,224,213,.72);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
  box-shadow: var(--shadow-soft);
}
.header-inner{
  min-height: 76px;
  display: flex;
  align-items: center;
  gap: 30px;
}
.brand{
  font-size: 1.05rem;
  letter-spacing: .24em;
  font-weight: 600;
  white-space: nowrap;
}
.main-nav{ display: flex; gap: 28px; margin-inline: auto; }
.main-nav a, .header-actions{ font-size: .88rem; }
.main-nav a{ transition: color .2s ease; }
.main-nav a:hover, .text-link:hover{ color: var(--gold); }
.header-actions{ display: flex; gap: 10px; align-items: center; }
.icon-btn{
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 8px;
}
.cart-count{ color: var(--gold); }
.menu-toggle{ display: none; }

.hero{
  min-height: 680px;
  position: relative;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #F7F3EE;
}
.hero-media{ position: absolute; inset: 0; }
.hero-media::after{
  content: "";
  position: absolute;
  inset: 0;
  /* background: linear-gradient(90deg, rgba(28,28,28,.52), rgba(28,28,28,.05) 70%); */
}




.eyebrow{
  margin: 0 0 14px;
  color: var(--gold);
  font-size: .72rem;
  letter-spacing: .2em;
  font-weight: 600;
}
.hero .eyebrow{ color: #D9ECF3; }
h1, h2, h3{ font-family:  serif; line-height: 1.15; font-weight: 600; }
h1{ max-width: 760px; margin: 0 0 22px; font-size: clamp(3rem, 7vw, 5.7rem); }
h2{ margin: 0; font-size: clamp(2rem, 4vw, 3.3rem); }
h3{ margin: 0; font-size: 1.25rem; }
.section{ padding-block: 100px; }
.section-soft{ background: var(--white); }
.section-heading{
  display: flex; justify-content: space-between; align-items: end;
  gap: 20px; margin-bottom: 42px;
}
.text-link{ font-size: .85rem; }
.product-grid{ display: grid; gap: 22px; }







.product-grid{ grid-template-columns: repeat(4, 1fr); }
.product-card{ 
  min-width: 0; 
  background: white;
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--light-border);
  box-shadow: var(--shadow-md);
  transition: all 0.3s ease;
}
.product-card:hover {
  border-color: var(--pastel-pink);
  box-shadow: var(--shadow);
}
.product-image{ 
  aspect-ratio: 4/5; 
  min-height: 0; 
  background: linear-gradient(135deg, var(--pastel-mint), var(--pastel-lavender));
  overflow: hidden;
}


.price{ 
  margin: 12px 0 0; 
  font-size: .95rem; 
  font-weight: 600;
  color: var(--primary);
}

.btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 28px;
  border: 1.5px solid transparent;
  font-size: .82rem;
  letter-spacing: .06em;
  transition: all 0.3s ease;
  border-radius: var(--radius);
  font-weight: 600;
  cursor: pointer;
}
.btn-primary{ 
  background: linear-gradient(135deg, var(--primary), #416F8A);
  color: white;
  box-shadow: var(--shadow-md);
}
.btn-primary:hover{ 
  background: linear-gradient(135deg, #234F70, #5E849A);
  transform: translateY(-2px);
  box-shadow: var(--shadow);
}
.btn-outline{ 
  border-color: var(--charcoal); 
  background: white;
  color: var(--charcoal);
}
.btn-outline:hover{ 
  border-color: var(--gold); 
  color: var(--gold);
  background: var(--pastel-sand);
}

.heritage{ padding-block: 100px; background: var(--ivory); }


.heritage-copy p:not(.eyebrow){ max-width: 510px; color: var(--muted); margin: 24px 0 30px; }

.cta{ padding-block: 100px; text-align: center; background: var(--charcoal); color: white; }
.cta p:not(.eyebrow){ max-width: 560px; margin: 18px auto 28px; color: #E8E0D5; }

.site-footer{ background: #E8F2F7; color: #1A1A1A; }

.brand-footer{ display: inline-block; margin-bottom: 14px; }


.footer-grid a:not(.brand){ display: block; color: #8A857E; font-size: .84rem; margin: 8px 0; }
.footer-bottom{ border-top: 1px solid #6C8797; padding-block: 20px; color: #8A857E; font-size: .75rem; }

@media (max-width: 900px) {
  .main-nav{ gap: 16px; }
  .product-grid{ grid-template-columns: repeat(2, 1fr); }
  
}

@media (max-width: 700px) {
  .container{ width: min(var(--container), calc(100% - 28px)); }
  .header-inner{ min-height: 64px; justify-content: space-between; }
  .menu-toggle{
    display: grid; gap: 4px; width: 38px; height: 38px; place-content: center;
    border: 0; background: transparent; cursor: pointer; order: -1;
  }
  .menu-toggle span{ display: block; width: 21px; height: 1px; background: var(--charcoal); }
  .main-nav{
    display: none; position: absolute; top: 64px; left: 0; right: 0;
    padding: 18px 14px; background: var(--ivory); border-bottom: 1px solid var(--border);
    flex-direction: column; gap: 0;
  }
  .main-nav.open{ display: flex; }
  .main-nav a{ padding: 13px; }
  .header-actions{ margin-left: auto; }
  .hero{ min-height: 610px; }
  .hero-media::after{/* background: linear-gradient(90deg, rgba(28,28,28,.62), rgba(28,28,28,.15)); */}
  
  .section, .heritage, .cta{ padding-block: 70px; }
  .section-heading{ align-items: start; flex-direction: column; margin-bottom: 28px; }
  
  
  
}

@media (max-width: 480px) {
  h1{ font-size: 2.8rem; }
  
  .product-grid{ gap: 14px; }
  
}


/* V0.2 Luxury Refinement */
.site-header{ transition: background .25s ease, box-shadow .25s ease, min-height .25s ease; }
.site-header.scrolled{ box-shadow: 0 8px 28px rgba(28,28,28,.07); }
.brand{ font-family:  serif; letter-spacing: .18em; }
.main-nav a{ position: relative; padding-block: 7px; }
.main-nav a::after{
  content: ""; position: absolute; left: 0; right: 0; bottom: 0;
  height: 1px; background: var(--gold); transform: scaleX(0);
  transform-origin: center; transition: transform .22s ease;
}
.main-nav a:hover::after, .main-nav a:focus-visible::after{ transform: scaleX(1); }

.hero{ min-height: 720px; }



.btn{ position: relative; overflow: hidden; }
.btn-primary{ box-shadow: 0 8px 20px rgba(197,160,89,.18); }
.btn-primary:hover{ transform: translateY(-1px); box-shadow: 0 12px 25px rgba(197,160,89,.24); }

.product-card{ position: relative; }
.product-image{ transition: transform .45s cubic-bezier(.2,.7,.2,1); overflow: hidden; }
.product-card:hover .product-image{ transform: scale(1.015); }

.product-card{ padding-bottom: 4px; }
.product-card::after{
  content: ""; display: block; width: 0; height: 1px;
  background: var(--gold); transition: width .25s ease;
}
.product-card:hover::after{ width: 34px; }


.product-card:hover .product-info h3{ color: var(--gold); }


.cta .eyebrow{ color: var(--champagne); }

:focus-visible{ outline: 2px solid var(--gold); outline-offset: 4px; }

@media (max-width: 700px) {
  .hero{ min-height: 640px; }
  
  
  .btn{ min-height: 50px; padding-inline: 20px; }
  .product-image{ aspect-ratio: 3 / 4; }
}


/* V0.6 REAL IMAGE LAYOUT FIX */
.hero-media{ overflow: hidden; }
.hero-product-image{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center 38%;
}
.product-image{
  overflow: hidden;
  position: relative;
  aspect-ratio: 4 / 5;
}
.product-image img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  transition: transform .45s cubic-bezier(.2,.7,.2,1);
}
.product-card:hover .product-image img{ transform: scale(1.025); }

@media (max-width: 700px) {
  .hero{ min-height: 590px; }
  .hero-product-image{ object-position: center 35%; }
  .product-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .product-image{ aspect-ratio: 3 / 4; }
  
  
  .price{ font-size: .78rem; }
}


/* V0.7 — robust mobile layout correction */
html, body{ width: 100%; max-width: 100%; overflow-x: hidden; }
body{ min-width: 0; }

.hero{
  position: relative;
  width: 100%;
  min-height: 620px;
  overflow: hidden;
}
.hero-media{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}
.hero-product-image{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
}

.container{
  width: min(1200px, calc(100% - 32px));
  margin-inline: auto;
}


.product-card{
  min-width: 0;
  width: 100%;
}



.product-grid{
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.product-image{
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 5 !important;
  overflow: hidden !important;
}
.product-image img{
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  display: block !important;
}

@media (max-width: 900px) {
  .product-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  
}

@media (max-width: 600px) {
  .container{ width: calc(100% - 24px); }
  .hero{ min-height: 570px; }
  .hero-product-image{ object-position: center center !important; }
  
  
  
  
  .product-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px 10px !important;
  }
  .product-image{
    aspect-ratio: 3 / 4 !important;
  }
  
  
  .price{ font-size: .75rem !important; }
}


/* V0.8 — mobile image containment fix
   Prevents section images from using their intrinsic dimensions.
*/



@media (max-width: 700px) {
  
  
}

/* Phase 3 shared pages */
.page-main{ padding: 110px 0 70px; }
.page-title{ max-width: 760px; margin-bottom: 42px; }
.page-title .eyebrow{ margin-bottom: 10px; }
.page-title h1{ margin: 0 0 14px; font-family:  serif; font-size: clamp(2.4rem, 5vw, 4rem); line-height: 1.05; }
.page-title p{ color: var(--muted); max-width: 650px; line-height: 1.7; }

.catalog-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px 18px; }
.catalog-card{ min-width:0; }
.catalog-card .catalog-image{ width:100%; aspect-ratio:4/5; overflow:hidden; background:#F7F3EE; }
.catalog-card .catalog-image img{ width:100%; height:100%; object-fit:cover; display:block; }
.catalog-card .catalog-info{ padding-top:12px; }
.catalog-card .catalog-info h2{ margin:5px 0; font-family:serif; font-size:1.2rem; }
.catalog-card .catalog-info p{ margin:0; color:var(--muted); font-size:.82rem; }

.product-detail{ display:grid; grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr); gap:54px; align-items:start; }
.product-detail-media{ aspect-ratio:4/5; overflow:hidden; background:#F7F3EE; }
.product-detail-media img{ width:100%; height:100%; object-fit:cover; display:block; }
.product-detail-copy h1{ margin:8px 0 14px; font-family:serif; font-size:clamp(2rem,4vw,3.4rem); line-height:1.08; }
.product-detail-copy .detail-meta{ color:var(--muted); line-height:1.8; }

.button-row{ display:flex; gap:10px; flex-wrap:wrap; }


.cart-item{ display:grid; grid-template-columns:100px 1fr auto; gap:18px; align-items:center; border-bottom:1px solid var(--border); padding:12px 0; }
.cart-item img{ width:100px; height:120px; object-fit:cover; }
.cart-item h3{ margin:0 0 6px; font-family:serif; }
.cart-item p{ margin:0; color:var(--muted); font-size:.82rem; }
.cart-empty{ padding:35px; border:1px solid var(--border); background:#FFFFFF; color:var(--muted); }
.site-note{ margin-top:25px; color:var(--muted); font-size:.82rem; }

@media (max-width: 800px) {
  .catalog-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 12px; }
  .product-detail{ grid-template-columns:1fr; gap:28px; }
}
@media (max-width: 560px) {
  .page-main{ padding:88px 0 52px; }
  .catalog-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .catalog-card .catalog-info h2{ font-size:1rem; }

  .cart-item{ grid-template-columns:70px 1fr; }
  .cart-item img{ width:70px; height:88px; }
  .cart-item .cart-remove{ grid-column:2; justify-self:start; }
}


/* Phase 3.3 — Product Detail Experience */
.product-detail-media-wrap{ position:relative; }
.product-detail-media{ position:relative; }
.image-zoom{
  position:relative;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  background:transparent;
  cursor:zoom-in;
  display:block;
  overflow:hidden;
}
.image-zoom img{
  transition:transform .55s cubic-bezier(.2,.7,.2,1);
}
.image-zoom:hover img{ transform:scale(1.018); }
.image-zoom span{
  position:absolute;
  left:16px;
  bottom:16px;
  padding:8px 11px;
  background:rgba(20,17,13,.78);
  color:#fff;
  font-size:.68rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.detail-price{
  margin:0 0 18px;
  font-size:1.1rem;
  letter-spacing:.02em;
}

.detail-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:26px 0 30px;
}
.btn-primary{ background:var(--text); color:#fff; }
.product-specs{
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
  padding:24px 0;
}
.product-specs h2{
  margin:0 0 12px;
  font-family:serif;
  font-size:1.25rem;
}
.product-specs dl{ margin:0; }
.spec-row{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:18px;
  padding:10px 0;
  border-top:1px solid rgba(0,0,0,.06);
}
.spec-row:first-child{ border-top:0; }
.spec-row dt{ color:var(--muted); font-size:.8rem; }
.spec-row dd{ margin:0; font-size:.85rem; }


.back-link{
  display:inline-block;
  margin-top:22px;
  color:inherit;
  text-decoration:none;
  font-size:.8rem;
  border-bottom:1px solid currentColor;
  padding-bottom:3px;
}
.product-not-found{ padding:70px 0; }

.image-lightbox{
  position:fixed;
  inset:0;
  z-index:9999;
  background:rgba(10,9,7,.94);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:28px;
  opacity:0;
  transition:opacity .18s ease;
}
.image-lightbox.is-open{ opacity:1; }
.image-lightbox img{
  max-width:min(92vw,1100px);
  max-height:90vh;
  width:auto;
  height:auto;
  object-fit:contain;
}
.lightbox-close{
  position:absolute;
  top:16px;
  right:18px;
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:50%;
  background:transparent;
  color:#fff;
  font-size:26px;
  cursor:pointer;
}
@media (max-width:800px) {
  .product-detail{ gap:24px; }
  .product-detail-media{ aspect-ratio:3/4; }
  .detail-price{ font-size:1rem; }
  .spec-row{ grid-template-columns:115px 1fr; gap:12px; }
  .image-lightbox{ padding:14px; }
}

/* Step 3.4 — Enquiry Flow */
.enquiry-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);gap:3rem;align-items:start}
.enquiry-items{display:grid;gap:1rem}.enquiry-row{display:grid;grid-template-columns:96px 1fr auto;gap:1.25rem;align-items:center;padding:1rem;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.025)}
.enquiry-row img{width:96px;height:120px;object-fit:cover}.enquiry-row-info{min-width:0}.enquiry-row h3{margin:.25rem 0}

.text-button{border:0;background:transparent;color:inherit;cursor:pointer}.text-button.danger{opacity:.7}.enquiry-card{position:sticky;top:6rem;padding:2rem;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.025)}
.enquiry-card form{display:grid;gap:1rem}.enquiry-card label{display:grid;gap:.4rem;font-size:.85rem}.enquiry-card input, .enquiry-card textarea{width:100%;box-sizing:border-box;padding:.8rem 0;border:0;border-bottom:1px solid rgba(255,255,255,.18);background:transparent;color:inherit;font:inherit;outline:0}
.form-note, .muted{opacity:.65;font-size:.85rem}.empty-state{padding:3rem 1rem;border:1px solid rgba(255,255,255,.12)}
@media(max-width:800px){.enquiry-layout{grid-template-columns:1fr;gap:2rem}.enquiry-card{position:static}.enquiry-row{grid-template-columns:72px 1fr;gap:.9rem}.enquiry-row img{width:72px;height:92px}.enquiry-row>.text-button{grid-column:2;justify-self:start}}

/* STEP 3.5 PART 2 — CUSTOMER DETAILS */










.form-error{
  margin: 1rem 0;
  padding: .8rem 1rem;
  border-radius: 10px;
  background: rgba(170,50,50,.08);
}



/* ===== PATOLALUX PHASE 3.5 — REVIEW & CONFIRMATION ===== */
.enquiry-review, .enquiry-confirmation{
  margin-top: 3rem;
  padding: 2rem;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.025);
}
.review-grid{ display:grid; gap:1rem; }





.review-details{ display:grid; gap:.65rem; margin:0; }
.review-details div{ display:grid; grid-template-columns:110px 1fr; gap:1rem; }
.review-details dt{ opacity:.6; }
.review-details dd{ margin:0; word-break:break-word; }
.review-actions, .confirmation-actions{ display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1.5rem; }
.enquiry-confirmation{ text-align:center; }
@media (max-width:700px) {
  .enquiry-review, .enquiry-confirmation{ padding:1.25rem; }
  .review-details div{ grid-template-columns:1fr; gap:.2rem; }
  .review-actions, .confirmation-actions{ flex-direction:column; }
  .review-actions .btn, .confirmation-actions .btn{ width:100%; }
}


/* ===== PHASE 3.6 — ORDER / PAYMENT READINESS ===== */
.order-review, .order-confirmation{
  margin-top: 2rem;
}

.order-review-card, .order-confirmation-card{
  padding: 2rem;
  border: 1px solid rgba(197,160,89,.22);
  border-radius: 18px;
  background: #fff;
}

.order-review-items{
  margin: 1.5rem 0;
  border-top: 1px solid rgba(0,0,0,.08);
}

.order-review-item{
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 0;
  border-bottom: 1px solid rgba(0,0,0,.08);
}

.order-review-item div{
  display: flex;
  flex-direction: column;
  gap: .25rem;
}

.order-review-item span{
  font-size: .9rem;
  opacity: .7;
}

.order-review-total{
  display: flex;
  justify-content: space-between;
  padding: 1.1rem 0;
  font-size: 1.05rem;
}

.order-review-customer{
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(0,0,0,.08);
}

.payment-readiness{
  margin-top: 1.25rem;
  padding: 1rem;
  border-radius: 12px;
  background: rgba(197,160,89,.07);
}

.order-review-actions{
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: 1.25rem;
}

.order-reference{
  display: block;
  margin: .75rem 0 1rem;
  font-size: 1.35rem;
  letter-spacing: .04em;
}

@media (max-width: 700px) {
  .order-review-card, .order-confirmation-card{
    padding: 1.25rem;
  }

  .order-review-item{
    align-items: flex-start;
  }

  .order-review-actions .btn, .purchase-flow-action .btn{
    width: 100%;
  }
}


/* ===== PHASE 3.7 — CASHFREE PAYMENT ===== */
.payment-box{
  margin-top: 1.5rem;
  padding: 1.25rem;
  border: 1px solid rgba(197,160,89,.24);
  border-radius: 14px;
  background: rgba(197,160,89,.055);
}
.payment-box .btn:disabled{ opacity: .55; cursor: not-allowed; }
.payment-status{ margin-top: 1rem; }
.payment-state{ padding-top: .75rem; }




/* ===== PHASE 3.8 — PAYMENT RELIABILITY / ORDER STATUS ===== */
.payment-receipt{
  margin-top: 2rem;
}

.payment-receipt-card{
  padding: 2rem;
  border: 1px solid rgba(197,160,89,.22);
  border-radius: 18px;
  background: #fff;
}

@media (max-width: 700px) {
  .payment-receipt-card{
    padding: 1.25rem;
  }
}

body{padding-top:76px}.catalog-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:20px}.catalog-tools select{width:100%;padding:12px 14px;border:1px solid var(--border);background:#fff;color:inherit;border-radius:4px}.catalog-tools select{width:auto;min-width:170px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.catalog-image.image-error{display:grid;place-items:center}.catalog-image.image-error::after{content:"Image unavailable";font-size:.75rem;color:var(--muted)}.product-gallery-thumbs{display:flex;gap:8px;margin-top:10px;overflow:auto}.product-thumb{border:1px solid var(--border);background:#fff;padding:2px;cursor:pointer;flex:0 0 72px}.product-thumb img{display:block;width:68px;height:84px;object-fit:cover}.product-thumb.is-active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.single-piece-badge{display:inline-block;margin-top:8px;padding:4px 8px;border:1px solid var(--border);font-size:.75rem}
@media(max-width:800px){body{padding-top:64px}.catalog-tools select{width:100%}.site-header .main-nav{max-height:calc(100vh - 64px);overflow:auto}}


/* PATOLALUX MASTER BRAND SYSTEM — Royal Patola Blue / Antique Gold */
body{background:var(--ivory);color:var(--charcoal)}
.site-header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:9999!important;background:rgba(250,248,242,.97)!important;border-bottom:1px solid var(--border)!important;box-shadow:0 5px 20px rgba(26,26,26,.06)}
.brand{color:var(--secondary)}
.main-nav a:hover, .text-link:hover{color:var(--gold)}
.main-nav a::after{background:var(--gold)}
.btn-primary{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}
.btn-primary:hover{background:var(--secondary)!important;border-color:var(--secondary)!important}
.btn-outline{border-color:var(--primary);color:var(--primary)}
.btn-outline:hover{border-color:var(--gold);color:var(--gold)}
.eyebrow{color:var(--gold)}





/* Product imagery: preserve the full textile rather than crop it */
.catalog-card .catalog-image, .product-image{background:#fff!important}
.catalog-card .catalog-image img, .product-image img{object-fit:contain!important;object-position:center!important;background:#fff!important}



.product-gallery-thumbs{display:flex;gap:9px;margin-top:12px;overflow:auto;padding-bottom:3px}
.product-thumb{width:72px;height:88px;flex:0 0 72px;border:1px solid var(--border);background:#fff;padding:2px;cursor:pointer}
.product-thumb img{width:100%;height:100%;object-fit:contain!important;background:#fff}

.catalog-tools select:focus, .catalog-tools input:focus{border-color:var(--gold);outline:2px solid rgba(197,160,89,.16)}


@media(max-width:900px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:700px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}


/* PATOLALUX MASTER UI v4.1 — unified navigation, palette, gallery, footer */
body{background:var(--patola-ivory);color:var(--patola-text)}
a{color:inherit}.site-header{position:fixed!important;top:0;left:0;right:0;z-index:1000;background:rgba(250,248,242,.96);border-bottom:1px solid var(--patola-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 2px 18px rgba(26,26,26,.06)}
.site-header.scrolled{background:rgba(250,248,242,.98);box-shadow:0 5px 24px rgba(26,26,26,.10)}
.header-inner{min-height:76px}.brand{display:inline-flex!important;align-items:center;gap:9px;color:var(--patola-navy)!important;font-weight:700;letter-spacing:.03em}.brand-name{font-family:serif;font-size:1.18rem}
.main-nav{display:flex;align-items:center;gap:4px;margin-left:0;margin-right:auto}.main-nav>a, .nav-dropdown>a{padding:27px 10px;color:var(--patola-navy);position:relative;font-size:.88rem}.main-nav a:hover, .main-nav a.is-active, .nav-dropdown>a:hover, .nav-dropdown>a.is-active{color:var(--patola-gold)!important}.main-nav a.is-active:after, .nav-dropdown>a.is-active:after{content:"";position:absolute;left:10px;right:10px;bottom:17px;height:2px;background:var(--patola-gold)}
.nav-dropdown{position:relative}.nav-caret{font-size:.72rem;margin-left:3px}.nav-submenu{position:absolute;top:100%;left:0;min-width:220px;background:var(--patola-white);border:1px solid var(--patola-border);box-shadow:0 14px 30px rgba(26,26,26,.12);padding:8px;display:none}.nav-dropdown:hover .nav-submenu, .nav-dropdown:focus-within .nav-submenu, .nav-dropdown.is-open .nav-submenu{display:block}.nav-submenu a{display:block;padding:10px 12px;color:var(--patola-navy);white-space:nowrap}.nav-submenu a:hover{background:var(--patola-ivory);color:var(--patola-gold)}
.header-actions{display:flex;align-items:center;gap:6px}.icon-btn{color:var(--patola-navy)!important}.cart-count{color:var(--patola-gold);font-weight:700}.page-main, main{padding-top:76px}.hero{padding-top:76px}.page-title{padding-top:40px}
.site-footer{background:var(--patola-navy)!important;color:var(--patola-white);}.site-footer a{color:var(--patola-white);opacity:.9}.site-footer a:hover{color:var(--patola-gold);opacity:1}.brand-footer{color:var(--patola-white)!important;margin-bottom:8px}.footer-brand-block p{margin:0;color:rgba(255,255,255,.72);line-height:1.65}.footer-bottom{margin-top:32px;padding-top:16px;border-top:1px solid rgba(232,224,213,.28);display:flex;justify-content:space-between;gap:20px;color:rgba(255,255,255,.65);font-size:.82rem}
.catalog-image{background:var(--patola-white)}.catalog-image img{object-fit:contain!important}.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-gallery-thumbs{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.product-thumb{width:72px;height:88px;padding:3px;background:var(--patola-white);border:1px solid var(--patola-border);cursor:pointer}.product-thumb.is-active{border:2px solid var(--patola-gold)}.product-thumb img{width:100%;height:100%;object-fit:contain!important}.product-detail-media img{object-fit:contain!important;background:var(--patola-white)}.product-description{margin:22px 0;line-height:1.8;color:var(--patola-muted)}
.demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:36px auto}.demo-grid article, .demo-panel{background:var(--patola-white);border:1px solid var(--patola-border);padding:28px}.demo-panel{margin:24px auto 0}.contact-demo{max-width:1100px}.demo-content{padding-bottom:20px}
.catalog-tools select, .catalog-tools input{border-color:var(--patola-border);background:var(--patola-white)}
@media(min-width:801px){.featured-grid .catalog-card:nth-child(4n/**/+1), .catalog-grid .catalog-card:nth-child(4n/**/+1){clear:none}}
@media(max-width:1100px) and (min-width:801px){.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.main-nav>a, .nav-dropdown>a{padding-left:7px;padding-right:7px;font-size:.78rem}}
@media(max-width:800px){.site-header{position:fixed!important}.main-nav{position:fixed;top:76px;left:0;right:0;max-height:calc(100vh - 76px);overflow:auto;background:var(--patola-ivory);border-bottom:1px solid var(--patola-border);display:none;flex-direction:column;align-items:stretch;padding:10px}.main-nav.open{display:flex}.main-nav>a, .nav-dropdown>a{display:block;padding:13px 14px}.main-nav a.is-active:after, .nav-dropdown>a.is-active:after{display:none}.nav-dropdown{width:100%}.nav-submenu{position:static;display:block;border:0;box-shadow:none;background:transparent;padding:0 0 5px 14px}.nav-submenu a{padding:9px 14px;font-size:.84rem}.header-actions{margin-left:auto}.icon-btn:first-child{display:none}.menu-toggle{display:flex!important}.footer-bottom{flex-direction:column}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-grid{grid-template-columns:1fr}.hero{padding-top:76px}}
@media(max-width:520px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.brand-name{font-size:1.05rem}}

/* =========================================================
   PATOLALUX LUXURY MASTER OVERRIDES — v5.0
   Royal Patola Blue + Antique Gold + Exact Brand Mark
   ========================================================= */
body{padding-top:0;background:var(--ivory);color:var(--text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}

.site-header{
  background:rgba(250,248,242,.94)!important;
  border-bottom:1px solid rgba(232,224,213,.82)!important;
  box-shadow:0 4px 22px rgba(26,26,26,.055)!important;
  -webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%);
  transition:background .25s ease,box-shadow .25s ease,transform .25s ease;
}
.site-header.scrolled{background:rgba(250,248,242,.985)!important;box-shadow:0 10px 34px rgba(26,26,26,.10)!important}
.header-inner{min-height:78px;gap:22px}
.brand{display:inline-flex!important;align-items:center;gap:10px;color:var(--secondary)!important;font-family:serif!important;letter-spacing:.08em!important;font-weight:600;white-space:nowrap}
.brand-logo{width:43px;height:43px;display:block;flex:0 0 43px;object-fit:contain;object-position:center;filter:drop-shadow(0 3px 5px rgba(26,26,26,.10));transition:transform .3s ease,filter .3s ease}
.brand:hover .brand-logo{transform:translateY(-1px) scale(1.025);filter:drop-shadow(0 6px 10px rgba(26,26,26,.14))}
.brand-name{font-family:serif!important;font-size:1.18rem!important;letter-spacing:.05em!important}


.main-nav{gap:3px;align-items:center}
.main-nav>a, .nav-dropdown>a{padding:27px 11px!important;color:var(--secondary)!important;font-size:.82rem!important;font-weight:500;letter-spacing:.02em;transition:color .2s ease,background .2s ease}
.main-nav>a:hover, .main-nav>a.is-active, .nav-dropdown>a:hover, .nav-dropdown>a.is-active{color:var(--gold)!important}
.main-nav a::after{height:2px!important;background:var(--gold)!important;bottom:18px!important;transform:scaleX(0);transition:transform .25s cubic-bezier(.2,.7,.2,1)!important}
.main-nav a:hover::after, .main-nav a:focus-visible::after, .main-nav a.is-active::after{transform:scaleX(1)}

.nav-dropdown>a{display:inline-flex;align-items:center;gap:4px}
.nav-caret{font-size:.72rem;color:currentColor;transition:transform .22s ease}
.nav-dropdown:hover>a .nav-caret, .nav-dropdown:focus-within>a .nav-caret{transform:rotate(180deg)}
.nav-submenu{top:calc(100% - 2px)!important;min-width:235px!important;padding:10px!important;border:1px solid var(--border)!important;border-radius:12px!important;background:rgba(255,255,255,.98)!important;box-shadow:var(--nav-shadow)!important;animation:menuDrop .18s ease both}
.nav-submenu a{padding:11px 13px!important;border-radius:8px;color:var(--secondary)!important;font-size:.78rem;transition:background .2s ease,color .2s ease,transform .2s ease}
.nav-submenu a:hover{background:var(--ivory)!important;color:var(--gold)!important;transform:translateX(2px)}
@keyframes menuDrop{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}

.header-actions{gap:3px}
.icon-btn{color:var(--secondary)!important;border-radius:999px;padding:9px 10px;transition:color .2s ease,background .2s ease,transform .2s ease}
.icon-btn:hover{color:var(--gold)!important;background:rgba(197,160,89,.08);transform:translateY(-1px)}
.cart-count{color:var(--gold)!important;font-weight:700}
.menu-toggle{display:none;border:0;background:transparent;color:var(--secondary);cursor:pointer}
.menu-toggle span{background:var(--primary)!important;height:2px!important;border-radius:2px;transition:transform .25s ease,opacity .2s ease}
.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

.hero{min-height:clamp(620px,78vh,800px);background:var(--secondary);isolation:isolate}
.hero-media::after{/* background:linear-gradient(90deg,rgba(26,26,26,.72) 0%,rgba(26,26,26,.34) 52%,rgba(26,26,26,.06) 100%)!important; */}
.hero-product-image{object-fit:cover!important;object-position:center 45%!important;filter:saturate(.96) contrast(1.03);transform:scale(1.01);transition:transform 4s cubic-bezier(.2,.7,.2,1)}
.hero:hover .hero-product-image{transform:scale(1.035)}


.hero .eyebrow{color:#C5A059!important}

.section{padding-block:92px}
.section-heading{margin-bottom:34px}
.section-heading h2{color:var(--secondary)}
.text-link{color:var(--primary);font-weight:600;transition:color .2s ease,transform .2s ease}
.text-link:hover{color:var(--gold);transform:translateX(2px)}












.catalog-card{position:relative;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.catalog-card:hover{transform:translateY(-5px)}
.catalog-card .catalog-image{border:1px solid rgba(232,224,213,.75)!important;border-radius:12px!important;box-shadow:0 7px 22px rgba(26,26,26,.045);background:var(--white)!important}
.catalog-card .catalog-image img{object-fit:contain!important;padding:8px;background:var(--white)!important;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .3s ease}
.catalog-card:hover .catalog-image img{transform:scale(1.025);filter:saturate(1.03)}
.catalog-card .catalog-info h2{color:var(--secondary)!important;transition:color .2s ease}
.catalog-card:hover .catalog-info h2{color:var(--gold)!important}
.catalog-card .catalog-info p{color:var(--muted)}


.btn{border-radius:999px;min-height:48px;padding-inline:22px;letter-spacing:.05em;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease,color .22s ease}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--primary)!important;border-color:var(--primary)!important;box-shadow:0 10px 24px rgba(6,59,115,.18)!important}
.btn-primary:hover{background:var(--secondary)!important;border-color:var(--secondary)!important;box-shadow:0 14px 30px rgba(26,26,26,.23)!important}
.btn-outline{border-color:var(--primary)!important;color:var(--primary)!important}
.btn-outline:hover{border-color:var(--gold)!important;color:var(--gold)!important;background:rgba(197,160,89,.05)}

.product-detail{gap:60px}
.product-detail-media-wrap{position:relative}
.product-detail-media{border:1px solid var(--border)!important;border-radius:16px!important;box-shadow:0 18px 42px rgba(26,26,26,.09);background:var(--white)!important}
.product-detail-media img{object-fit:contain!important;background:var(--white)!important;padding:10px}
.image-zoom span{left:18px;bottom:18px;border:1px solid rgba(232,224,213,.45);border-radius:999px;background:rgba(26,26,26,.82)!important;-webkit-backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff}
.product-gallery-thumbs{gap:10px!important;margin-top:14px!important;overflow-x:auto;padding:2px 2px 7px;scrollbar-width:thin}
.product-thumb{width:78px!important;height:96px!important;flex:0 0 78px!important;padding:3px!important;border:1px solid var(--border)!important;border-radius:9px!important;background:var(--white)!important;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.product-thumb:hover{transform:translateY(-2px);border-color:var(--gold)!important}
.product-thumb.is-active{border:2px solid var(--gold)!important;box-shadow:0 0 0 2px rgba(197,160,89,.12)!important}
.product-thumb img{width:100%!important;height:100%!important;object-fit:contain!important;background:var(--white)!important}
.product-description{color:var(--muted)!important;line-height:1.85!important}
.product-specs{border-color:var(--border)!important}
.spec-row{border-color:rgba(232,224,213,.55)!important}


.page-title h1, .product-detail-copy h1{color:var(--secondary)}
.page-title p{color:var(--muted)}

.site-footer{background:var(--secondary)!important;color:#fff!important;}
.site-footer a{color:#fff!important;transition:color .2s ease,transform .2s ease}
.site-footer a:hover{color:#C5A059!important}
.brand-footer{display:inline-flex!important;margin-bottom:14px}
.brand-footer .brand-logo{width:50px;height:50px;flex-basis:50px}



.footer-bottom{border-top-color:rgba(232,224,213,.24)!important;color:rgba(255,255,255,.58)!important}

.catalog-tools{padding:14px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.72);box-shadow:0 8px 24px rgba(26,26,26,.04)}
.catalog-tools select{border:1px solid var(--border)!important;border-radius:999px!important;background:var(--white)!important;color:var(--text)!important;min-height:44px}
.catalog-tools select:focus{outline:2px solid rgba(197,160,89,.18);border-color:var(--gold)!important}

.image-lightbox{background:rgba(8,20,32,.96)!important;-webkit-backdrop-filter:blur(10px)}
.image-lightbox img{border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.image-lightbox img{border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.lightbox-close{border-color:rgba(232,224,213,.55)!important}

/* Scroll reveal */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
.reveal.is-visible{opacity:1;transform:none}

/* Give existing homepage blocks a subtle reveal without changing markup. */
.section-heading, .cta .container{animation:patolaFadeUp .75s cubic-bezier(.2,.7,.2,1) both}
@keyframes patolaFadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

@media (max-width:800px){
  .header-inner{min-height:64px;gap:10px}
  .brand-logo{width:36px;height:36px;flex-basis:36px}
  .brand-name{font-size:1.04rem!important;letter-spacing:.035em!important}
  .menu-toggle{display:grid!important;place-content:center;gap:4px;width:40px;height:40px;order:-1;padding:0}
  .main-nav{top:64px!important;max-height:calc(100vh - 64px);padding:12px!important;gap:0!important;border-bottom:1px solid var(--border);background:rgba(250,248,242,.985)!important;box-shadow:0 18px 35px rgba(26,26,26,.12)}
  .main-nav>a, .nav-dropdown>a{padding:13px 14px!important;font-size:.88rem!important}
  .nav-dropdown>a{width:100%;justify-content:space-between}
  .nav-dropdown:hover .nav-submenu, .nav-dropdown:focus-within .nav-submenu{display:none}
  .nav-dropdown.is-open>.nav-submenu{display:grid!important;gap:3px;animation:menuDrop .18s ease both}
  .nav-submenu{position:static!important;min-width:0!important;box-shadow:none!important;border:0!important;border-left:1px solid var(--border)!important;border-radius:0!important;padding:3px 0 7px 10px!important;background:transparent!important}
  .nav-submenu a{padding:10px 13px!important}
  .main-nav a::after{display:none!important}
  .header-actions{margin-left:auto}
  .section{padding-block:72px}
  
  
  
  
  .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 10px!important}
  .product-detail{grid-template-columns:1fr;gap:30px}
}

@media (min-width:801px) and (max-width:1180px){
  .main-nav>a, .nav-dropdown>a{padding-left:7px!important;padding-right:7px!important;font-size:.76rem!important}
  .header-inner{gap:12px}
  .brand-name{font-size:1.05rem!important}
  .brand-logo{width:38px;height:38px;flex-basis:38px}
  .catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

@media (max-width:800px) and (orientation:landscape) and (min-width:600px){
  .catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
  .catalog-card .catalog-info h2{font-size:.85rem!important}

}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *, *::before, *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}


/* PATOLALUX v4.2 — LIGHT LUXURY / COLLECTION + GALLERY POLISH */
body{background:linear-gradient(180deg,#FBFCFA 0%,#FFFFFF 52%,#FBFCFA 100%);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.site-header{background:rgba(250,248,242,.88)!important;border-bottom:1px solid rgba(232,224,213,.72)!important;box-shadow:0 8px 32px rgba(26,26,26,.055)!important;-webkit-backdrop-filter:blur(18px) saturate(1.05)}
.header-inner{min-height:78px}
.brand{gap:10px!important}
.brand-logo{width:42px;-webkit-backdrop-filter:blur(18px) saturate(1.05);backdrop-filter:blur(18px) saturate(1.05)}


.brand-logo{width:42px;height:42px;flex:0 0 42px;object-fit:contain;object-position:center;filter:drop-shadow(0 4px 8px rgba(26,26,26,.10));transition:transform .35s cubic-bezier(.2,.7,.2,1),filter .35s ease}
.brand:hover .brand-logo{transform:translateY(-1px) scale(1.025);filter:drop-shadow(0 7px 12px rgba(26,26,26,.14))}
.brand-name{font-family:serif!important;font-weight:600!important;letter-spacing:.035em!important;color:var(--secondary)!important}
.main-nav{margin-left:8px!important;margin-right:auto!important;gap:2px!important}
.main-nav>a, .nav-dropdown>a{padding:28px 12px!important;color:var(--secondary)!important;font-weight:500;transition:color .22s ease,background .22s ease}
.main-nav>a:hover, .main-nav a.is-active, .nav-dropdown>a:hover, .nav-dropdown>a.is-active{color:var(--gold)!important}
.main-nav a.is-active:after, .nav-dropdown>a.is-active:after{background:linear-gradient(90deg,transparent,var(--gold),transparent)!important;height:2px!important}

.nav-caret{display:inline-block;transition:transform .22s ease;color:var(--gold)}
.nav-dropdown:hover>.nav-caret{transform:rotate(180deg)}
.nav-submenu{border:1px solid rgba(232,224,213,.82)!important;border-radius:12px!important;padding:7px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 18px 50px rgba(26,26,26,.12)!important}
.nav-submenu a{border-radius:8px;transition:background .2s ease,color .2s ease,transform .2s ease}
.nav-submenu a:hover{background:var(--soft-gold)!important;color:var(--gold)!important;transform:translateX(2px)}
.header-actions{margin-left:auto!important}
.icon-btn{transition:color .2s ease,transform .2s ease!important}.icon-btn:hover{color:var(--gold)!important;transform:translateY(-1px)}

/* Collections: large imagery, minimal copy */














/* Product cards: textile-first, no boxy white frame */
.catalog-card{background:transparent!important;border:0!important;box-shadow:none!important;transition:transform .42s cubic-bezier(.2,.7,.2,1)!important}
.catalog-card:hover{transform:translateY(-7px)!important}
.catalog-card-link{display:block;position:relative}
.catalog-card .catalog-image{position:relative;border:0!important;border-radius:16px!important;box-shadow:0 12px 32px rgba(26,26,26,.07)!important;background:linear-gradient(180deg,#fff,#FBFCFA)!important;overflow:hidden!important}
.catalog-card .catalog-image::after{content:"";position:absolute;inset:0;border:1px solid rgba(232,224,213,.46);border-radius:16px;pointer-events:none;transition:border-color .3s ease,box-shadow .3s ease}
.catalog-card:hover .catalog-image::after{border-color:rgba(197,160,89,.65);box-shadow:inset 0 0 0 1px rgba(197,160,89,.12)}
.catalog-card .catalog-image img{width:100%!important;height:100%!important;object-fit:contain!important;padding:0!important;background:#fff!important;transition:transform .75s cubic-bezier(.16,.7,.2,1),filter .4s ease!important}
.catalog-card:hover .catalog-image img{transform:scale(1.035)!important;filter:saturate(1.04)!important}


.catalog-info{padding:16px 2px 0!important}
.product-card-category{margin:0 0 6px!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}

.product-card-category{margin:0 0 6px!important;color:var(--muted)!important;font-size:.66rem!important;letter-spacing:.14em!important;text-transform:uppercase}
.catalog-card .catalog-info h2{margin:0!important;font-size:1.1rem!important;line-height:1.35!important;color:var(--secondary)!important}
.product-card-price{margin:8px 0 0!important;color:var(--gold)!important;font-weight:600}


/* Gallery: thumbnails are always visible when multiple images exist */
.product-detail-media{border:0!important;border-radius:20px!important;box-shadow:0 22px 60px rgba(26,26,26,.09)!important;overflow:hidden;background:#fff!important}
.product-detail-media .image-zoom{display:block;width:100%;background:#fff!important}
.product-detail-media .image-zoom img{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain!important;padding:0!important;transition:transform .6s cubic-bezier(.16,.7,.2,1)!important}
.product-detail-media .image-zoom:hover img{transform:scale(1.018)}
.product-gallery-thumbs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px!important;margin:14px!important;overflow:visible!important;padding:0!important}
.product-thumb{width:auto!important;height:auto!important;aspect-ratio:4/5;min-width:0!important;flex:unset!important;padding:0!important;border:1px solid rgba(232,224,213,.70)!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important}
.product-thumb:hover{transform:translateY(-2px)!important;border-color:var(--gold)!important}
.product-thumb.is-active{border:2px solid var(--gold)!important;box-shadow:0 7px 20px rgba(197,160,89,.14)!important}
.product-thumb img{width:100%!important;height:100%!important;object-fit:contain!important;padding:0!important;background:#fff!important}

/* Light, premium controls */
.catalog-tools{border:1px solid rgba(232,224,213,.72)!important;border-radius:18px!important;background:rgba(255,255,255,.72)!important;box-shadow:0 10px 30px rgba(26,26,26,.045)!important;-webkit-backdrop-filter:blur(12px)}
.catalog-tools select{box-shadow:0 4px 14px rgba(26,26,26,.035);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.catalog-tools select:focus{box-shadow:0 0 0 4px rgba(197,160,89,.10)!important;transform:translateY(-1px)}
.btn{box-shadow:0 7px 18px rgba(26,26,26,.05)}
.btn:hover{box-shadow:0 12px 28px rgba(26,26,26,.11)!important}
.btn-primary{background:linear-gradient(135deg,#1A1A1A,#1A1A1A)!important;border-color:#1A1A1A!important}
.btn-primary:hover{background:linear-gradient(135deg,#1A1A1A,#1A1A1A)!important}

@keyframes menuDrop{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@keyframes softGlow{0%, 100%{box-shadow:0 12px 34px rgba(26,26,26,.055)}50%{box-shadow:0 18px 46px rgba(197,160,89,.10)}}


@media(max-width:800px){
  html{scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch}
  .header-inner{min-height:64px!important;gap:10px!important}
  .brand-logo{width:36px!important;height:36px!important;flex-basis:36px!important}
  .main-nav{margin:0!important;left:0!important;right:0!important}
  
  
  
  
  .product-gallery-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))!important;margin:10px!important;gap:7px!important}
  .catalog-info{padding-top:12px!important}

}
@media(max-width:520px){
  .brand-logo{width:32px!important;height:32px!important;flex-basis:32px!important}
  
  
  .product-gallery-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

/* =========================================================
   PATOLALUX v6.0 — FINAL LUXURY / ACCESSIBLE / PERFORMANCE
   Final override layer kept intentionally small so the existing
   architecture remains intact while conflicting legacy rules settle.
   ========================================================= */
html{scroll-behavior:smooth;overflow-x:clip}
body{overflow-x:clip;background:linear-gradient(180deg,var(--lux-ivory) 0%,#fff 48%,var(--lux-ivory) 100%)}
button, a, input, select, textarea{ -webkit-tap-highlight-color:transparent }
:focus-visible{outline:2px solid var(--lux-gold);outline-offset:3px}

/* Header / navigation */
.site-header{isolation:isolate;transition:background .28s ease,box-shadow .28s ease,border-color .28s ease}
.header-inner{min-height:78px;display:flex;align-items:center;gap:22px}
.brand{display:inline-flex!important;align-items:center;gap:10px!important;min-width:0}
.brand-logo{width:44px!important;height:44px!important;flex:0 0 44px!important;object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 3px 6px rgba(26,26,26,.10));transition:transform .3s ease,filter .3s ease}
.brand-name{font-family:serif!important;font-size:1.16rem!important;font-weight:600!important;letter-spacing:.045em!important;color:var(--lux-navy)!important}
.main-nav{margin-left:0!important;margin-right:auto!important;display:flex;align-items:center;gap:2px!important}
.main-nav>a, .nav-dropdown>a{padding:27px 11px!important;color:var(--lux-navy)!important;font-size:.84rem!important;font-weight:500;letter-spacing:.015em;white-space:nowrap}
.main-nav>a:hover, .main-nav>a.is-active, .nav-dropdown>a:hover, .nav-dropdown>a.is-active{color:var(--lux-gold)!important}
.nav-dropdown>a{display:inline-flex;align-items:center;gap:5px}
.nav-caret{font-size:.72rem;color:currentColor;transition:transform .24s ease}
.nav-dropdown:hover>a .nav-caret, .nav-dropdown:focus-within>a .nav-caret, .nav-dropdown.is-open>a .nav-caret{transform:rotate(180deg)}
.nav-submenu{min-width:238px!important;padding:9px!important;border:1px solid rgba(232,224,213,.88)!important;border-radius:14px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 22px 55px rgba(26,26,26,.13)!important;transform-origin:top left}
.nav-submenu a{display:block;padding:11px 13px!important;border-radius:9px;color:var(--lux-navy)!important;transition:background .22s ease,color .22s ease,transform .22s ease}
.nav-submenu a:hover, .nav-submenu a:focus-visible{background:var(--lux-ivory)!important;color:var(--lux-gold)!important;transform:translateX(2px)}
.header-actions{margin-left:auto!important;display:flex;align-items:center;gap:4px}
.icon-btn{color:var(--lux-navy)!important;border-radius:999px;transition:color .22s ease,background .22s ease,transform .22s ease}
.icon-btn:hover{color:var(--lux-gold)!important;background:rgba(197,160,89,.07);transform:translateY(-1px)}
.menu-toggle{display:none!important;border:0;background:transparent;cursor:pointer;position:relative;z-index:10001;border-radius:999px}
.menu-toggle span{display:block;width:23px;height:2px;background:var(--lux-navy);border-radius:999px;transform-origin:center;transition:transform .25s ease,opacity .2s ease,background .2s ease}
.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}

.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
body.menu-open{overflow:hidden}

/* Editorial collections: image first, minimal copy */














/* Product cards: editorial, image-dominant */
.catalog-card{background:transparent!important;border:0!important;box-shadow:none!important;transform:none;transition:transform .45s cubic-bezier(.2,.7,.2,1)!important}
.catalog-card:hover{transform:translateY(-5px)!important}
.catalog-card .catalog-image{aspect-ratio:4/5;position:relative;border:0!important;border-radius:12px!important;background:linear-gradient(180deg,#fff 0%,var(--lux-ivory) 100%)!important;box-shadow:0 10px 28px rgba(26,26,26,.055)!important;overflow:hidden!important}
.catalog-card .catalog-image::after{content:"";position:absolute;inset:0;border:1px solid rgba(232,224,213,.42);border-radius:12px;pointer-events:none;transition:border-color .3s ease,box-shadow .3s ease}
.catalog-card:hover .catalog-image::after{border-color:rgba(197,160,89,.62);box-shadow:inset 0 0 0 1px rgba(197,160,89,.08)}
.catalog-card .catalog-image img{width:100%!important;height:100%!important;object-fit:contain!important;padding:0!important;background:#fff!important;transition:transform .7s cubic-bezier(.16,.7,.2,1),filter .45s ease!important}
.catalog-card:hover .catalog-image img{transform:scale(1.028)!important;filter:saturate(1.025)!important}
.catalog-info{padding:14px 1px 0!important}
.product-card-category{font-size:.62rem!important;letter-spacing:.14em!important;color:var(--lux-muted)!important}
.catalog-card .catalog-info h2{font-size:1.02rem!important;color:var(--lux-navy)!important;line-height:1.35!important}
.product-card-price{color:var(--lux-gold)!important;font-weight:600!important}



/* Product gallery */
.product-detail-media{border:0!important;border-radius:16px!important;background:#fff!important;box-shadow:0 18px 46px rgba(26,26,26,.08)!important;overflow:hidden}
.product-detail-media .image-zoom{background:#fff!important}
.product-detail-media .image-zoom img{display:block;width:100%;aspect-ratio:4/5;object-fit:contain!important;padding:0!important;background:#fff!important;transition:opacity .18s ease,transform .55s cubic-bezier(.16,.7,.2,1)!important}
.product-detail-media .image-zoom img.is-changing{opacity:.35;transform:scale(.992)}
.product-gallery-thumbs{display:flex!important;flex-wrap:nowrap!important;gap:9px!important;margin:12px 12px 14px!important;padding:2px 2px 7px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity;scrollbar-width:thin}
.product-thumb{width:78px!important;height:96px!important;min-width:78px!important;flex:0 0 78px!important;padding:2px!important;border:1px solid var(--lux-border)!important;border-radius:9px!important;background:#fff!important;overflow:hidden;scroll-snap-align:start;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important}
.product-thumb:hover, .product-thumb:focus-visible{transform:translateY(-2px)!important;border-color:var(--lux-gold)!important}
.product-thumb.is-active{border:2px solid var(--lux-gold)!important;box-shadow:0 0 0 2px rgba(197,160,89,.10)!important}
.product-thumb img{display:block;width:100%!important;height:100%!important;object-fit:contain!important;background:#fff!important}
.image-lightbox{z-index:20000!important;overscroll-behavior:contain}
.image-lightbox img{max-width:min(92vw,1400px)!important;max-height:88vh!important;object-fit:contain!important}
.lightbox-close{width:44px!important;height:44px!important;border-radius:50%!important;background:rgba(250,248,242,.94)!important;color:var(--lux-navy)!important}

/* Buttons and controls */
.btn{border-radius:999px!important;transition:transform .24s ease,box-shadow .24s ease,background .24s ease,border-color .24s ease,color .24s ease!important}

.btn-primary{background:var(--lux-blue)!important;border-color:var(--lux-blue)!important;box-shadow:0 10px 24px rgba(6,59,115,.15)!important}
.btn-primary:hover{background:var(--lux-navy)!important;border-color:var(--lux-navy)!important;box-shadow:0 14px 30px rgba(26,26,26,.18)!important}
.catalog-tools{background:rgba(255,255,255,.78)!important;border-color:rgba(232,224,213,.72)!important;box-shadow:0 10px 28px rgba(26,26,26,.045)!important}

/* Footer */
.site-footer{background:var(--lux-navy)!important;}
.brand-footer .brand-logo{width:52px!important;height:52px!important;flex-basis:52px!important}

/* Scroll reveal and page entrance */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}

body{animation:pageIn .35s ease both}
@keyframes pageIn{from{opacity:.94;transform:translateY(4px)}to{opacity:1;transform:none}}

/* Premium same-origin page transitions. Native View Transitions take over
   when supported; the class-based fallback keeps the effect lightweight. */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.42s;animation-timing-function:cubic-bezier(.16,1,.3,1)}
::view-transition-old(root){animation-name:plxPageOut}
::view-transition-new(root){animation-name:plxPageIn}
@keyframes plxPageOut{from{opacity:1;transform:none}to{opacity:0;transform:scale(.992)}}
@keyframes plxPageIn{from{opacity:0;transform:scale(1.008)}to{opacity:1;transform:none}}
body.pl-page-leaving{animation:plxDeparture .22s cubic-bezier(.16,1,.3,1) both}
@keyframes plxDeparture{from{opacity:1}to{opacity:.86}}
html.plx-view-transitions body.pl-page-leaving{animation:none}

@media(max-width:800px){
  /* Keep touch scrolling native and responsive; reveal motion remains the
     subtle scroll-linked polish on mobile. */
  html{scroll-behavior:smooth;overscroll-behavior-y:auto}
  body{touch-action:pan-y;overscroll-behavior-y:auto}
}
@media(prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  body.pl-page-leaving{animation:none!important}
}

@media(max-width:800px){
  .header-inner{min-height:64px!important;gap:8px!important}
  .brand-logo{width:36px!important;height:36px!important;flex-basis:36px!important}
  .menu-toggle{display:grid!important;place-content:center!important;gap:0!important;width:42px!important;height:42px!important;order:-1!important;padding:0!important}
  .main-nav{top:64px!important;left:0!important;right:0!important;max-height:calc(100vh - 64px)!important;padding:10px 12px 18px!important;overflow:auto!important;background:rgba(250,248,242,.985)!important;border-bottom:1px solid var(--lux-border)!important;box-shadow:0 18px 40px rgba(26,26,26,.12)!important}
  .main-nav>a, .nav-dropdown>a{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;padding:14px 13px!important;font-size:.9rem!important}
  .nav-dropdown{width:100%!important}
  .nav-dropdown:hover .nav-submenu, .nav-dropdown:focus-within .nav-submenu{display:none!important}
  .nav-dropdown.is-open>.nav-submenu{display:grid!important;gap:2px!important;animation:menuDrop .18s ease both}
  .nav-submenu{position:static!important;min-width:0!important;width:100%!important;padding:3px 0 7px 12px!important;border:0!important;border-left:1px solid var(--lux-border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  .nav-submenu a{padding:10px 13px!important;font-size:.84rem!important}
  
  
  
  
  .product-gallery-thumbs{margin-inline:8px!important}
  
}
@media(max-width:520px){
  .brand-logo{width:33px!important;height:33px!important;flex-basis:33px!important}
  .brand-name{font-size:1rem!important}
  .header-actions{gap:0!important}
  
  
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  body{animation:none!important}
  *, *::before, *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}
.skip-link{position:fixed;top:10px;left:10px;z-index:30000;padding:10px 14px;border-radius:999px;background:var(--lux-navy);color:#fff;transform:translateY(-160%);transition:transform .2s ease}.skip-link:focus{transform:none}

/* =========================================================
   PATOLALUX — WORLD-CLASS LIGHT LUXURY / PASTEL REFINEMENT
   Final visual layer: calm editorial, soft pastel, restrained gold.
   ========================================================= */
body{
  background:
    radial-gradient(circle at 8% 10%,rgba(238,245,250,.82),transparent 28rem),
    radial-gradient(circle at 92% 42%,rgba(251,243,240,.72),transparent 30rem),
    linear-gradient(180deg,var(--pl-ivory) 0%,#fff 46%,var(--pl-mist) 100%)!important;
  color:var(--pl-text)!important;
}

/* Header: logo left, navigation left-to-right, actions right */
.site-header{
  background:rgba(252,250,246,.88)!important;
  border-bottom:1px solid rgba(26,26,26,.075)!important;
  box-shadow:0 8px 32px rgba(26,26,26,.045)!important;
  -webkit-backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);backdrop-filter:blur(22px) saturate(135%);
  -webkit-backdrop-filter:blur(22px) saturate(135%);
}
.site-header.scrolled{
  background:rgba(252,250,246,.97)!important;
  box-shadow:0 14px 38px rgba(26,26,26,.085)!important;
}
.header-inner{min-height:80px!important;gap:24px!important}
.brand{gap:11px!important;color:var(--pl-navy)!important}
.brand-logo{width:45px!important;height:45px!important;flex-basis:45px!important;filter:drop-shadow(0 4px 8px rgba(26,26,26,.09))!important}
.brand-name{font-size:1.13rem!important;letter-spacing:.055em!important;color:var(--pl-navy)!important}

.main-nav{gap:1px!important;margin-left:0!important;margin-right:auto!important}
.main-nav>a, .nav-dropdown>a{
  min-height:48px;
  padding:25px 10px!important;
  color:var(--pl-navy)!important;
  font-size:.79rem!important;
  letter-spacing:.018em;
}
.main-nav>a:hover, .main-nav>a:focus-visible, .main-nav>a.is-active, .nav-dropdown>a:hover, .nav-dropdown>a:focus-visible, .nav-dropdown>a.is-active{
  color:var(--pl-gold)!important;
}
.nav-submenu{
  background:rgba(255,255,255,.985)!important;
  border:1px solid rgba(197,160,89,.18)!important;
  border-radius:12px!important;
  box-shadow:0 22px 60px rgba(26,26,26,.12)!important;
}
.nav-submenu a:hover, .nav-submenu a:focus-visible{
  background:var(--pl-powder)!important;
  color:var(--pl-blue)!important;
  transform:translateX(3px);
}
.header-actions{gap:6px!important}
.icon-btn{color:var(--pl-navy)!important}

/* Hero: softer, brighter and more editorial */
.hero{background:linear-gradient(180deg,#FFFDFC 0%,#fff 100%)!important}
.hero-media{background:linear-gradient(120deg,#F7F3EE,#F1F7FA)!important}
.hero-media::after{
  /* background:linear-gradient(90deg,rgba(252,250,246,.82) 0%,rgba(252,250,246,.30) 34%,rgba(252,250,246,.04) 68%,rgba(252,250,246,.16) 100%)!important; */
}
.hero-product-image{filter:saturate(.93) contrast(.97) brightness(1.04)!important}




/* Section hierarchy */
.section{padding-block:clamp(62px,8vw,112px)!important}
.section-soft{background:linear-gradient(180deg,rgba(238,245,250,.50),rgba(255,255,255,.68))!important}
.section-heading{margin-bottom:28px!important}
.section-heading h2{color:var(--pl-navy)!important;letter-spacing:-.02em!important}
.eyebrow{color:#4F86A3!important;letter-spacing:.18em!important}
.text-link{color:var(--pl-blue)!important}
.text-link:hover{color:var(--pl-gold)!important}

/* Collections: large editorial visuals, minimal copy */









/* Product cards: no heavy frame, catalogue-first */
.product-grid, .catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important}
.catalog-card{border:0!important;background:transparent!important}
.catalog-card .catalog-image{
  aspect-ratio:4/5!important;
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,#F7F3EE,#F4F9FB)!important;
  box-shadow:0 10px 30px rgba(26,26,26,.055)!important;
}
.catalog-card .catalog-image::after{border:1px solid rgba(26,26,26,.055)!important;border-radius:14px!important}
.catalog-card:hover .catalog-image{box-shadow:0 18px 42px rgba(26,26,26,.095)!important}
.catalog-card .catalog-image img{background:transparent!important;mix-blend-mode:multiply;transition:transform .8s cubic-bezier(.16,.7,.2,1)!important}
.catalog-card:hover .catalog-image img{transform:scale(1.035)!important}
.catalog-info{padding:15px 2px 0!important}
.catalog-card .catalog-info h2{font-family:serif!important;font-size:1.03rem!important;font-weight:600!important;color:var(--pl-navy)!important;line-height:1.35!important}
.product-card-category{color:#6F8796!important}
.product-card-price{color:var(--pl-blue)!important;font-weight:600!important}


/* Buttons: understated luxury */
.btn{
  border-radius:999px!important;
  border:1px solid rgba(26,26,26,.14)!important;
  background:rgba(255,255,255,.78)!important;
  color:var(--pl-navy)!important;
  box-shadow:0 6px 18px rgba(26,26,26,.045)!important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease!important;
}
.btn:hover{transform:translateY(-2px)!important;box-shadow:0 12px 28px rgba(26,26,26,.10)!important;border-color:rgba(197,160,89,.48)!important}
.btn-primary{
  background:var(--pl-navy)!important;
  border-color:var(--pl-navy)!important;
  color:#fff!important;
}
.btn-primary:hover{background:var(--pl-blue)!important}
.btn-outline{background:rgba(255,255,255,.55)!important}

/* Product detail / gallery */
.product-detail-media-wrap{background:linear-gradient(145deg,#edf4f7,#EDF5F9)!important;border-radius:18px!important;padding:12px!important;box-shadow:0 18px 48px rgba(26,26,26,.065)!important}
.product-detail-media{background:rgba(255,255,255,.62)!important;border-radius:13px!important;overflow:hidden}
.product-detail-media img{background:transparent!important;mix-blend-mode:multiply!important}
.product-gallery-thumbs{gap:9px!important;margin:12px 4px 2px!important;scrollbar-width:thin}
.product-thumb{width:72px!important;height:88px!important;border:1px solid rgba(26,26,26,.10)!important;border-radius:8px!important;background:#fff!important;padding:2px!important;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease!important}
.product-thumb:hover{transform:translateY(-2px)!important;border-color:rgba(197,160,89,.62)!important}
.product-thumb.is-active{border:2px solid var(--pl-gold)!important;box-shadow:0 8px 22px rgba(197,160,89,.13)!important}
.product-thumb img{object-fit:contain!important;border-radius:5px!important}
.image-zoom{background:transparent!important}
.product-description{color:#68645F!important;line-height:1.85!important}
.spec-row{border-color:rgba(26,26,26,.09)!important}

/* Heritage / CTA become softer pastel panels */
.heritage{background:linear-gradient(135deg,#eef5fa 0%,#F7F3EE 100%)!important}

.cta{background:linear-gradient(135deg,#F7F3EE,#eef5fa)!important;border-top:1px solid rgba(26,26,26,.06);border-bottom:1px solid rgba(26,26,26,.06)}

/* Forms / enquiry / admin-facing public controls */
input, select, textarea{border-color:rgba(26,26,26,.12)!important;background:rgba(255,255,255,.82)!important;border-radius:10px!important}
input:focus, select:focus, textarea:focus{border-color:rgba(197,160,89,.62)!important;box-shadow:0 0 0 4px rgba(197,160,89,.08)!important;outline:0!important}

/* Footer: same visual language, less heavy */
.site-footer{
  background:linear-gradient(135deg,#1A1A1A,#3A3937)!important;
  border-top:1px solid rgba(197,160,89,.52)!important;
  padding-top:56px!important;
}
.site-footer a{transition:color .2s ease,opacity .2s ease,transform .2s ease}
.site-footer a:hover{transform:translateX(2px)}
.brand-footer .brand-logo{width:54px!important;height:54px!important;flex-basis:54px!important}
.footer-bottom{border-top-color:rgba(232,224,213,.22)!important}

/* Reveal: restrained */
.reveal{transform:translateY(20px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)!important}

@media(max-width:1100px) and (min-width:801px){
  .product-grid, .catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
  .main-nav>a, .nav-dropdown>a{padding-inline:7px!important;font-size:.73rem!important}
  .brand-name{display:inline!important}
}

@media(max-width:800px){
  .header-inner{min-height:68px!important;gap:10px!important}
  .brand-logo{width:36px!important;height:36px!important;flex-basis:36px!important}
  .brand-name{font-size:1rem!important}
  .menu-toggle{order:0!important;margin-left:auto!important;width:42px!important;height:42px!important}
  .header-actions{margin-left:0!important}
  .main-nav{top:68px!important;max-height:calc(100vh - 68px)!important;background:rgba(252,250,246,.98)!important}
  .main-nav>a, .nav-dropdown>a{font-size:.92rem!important;min-height:52px!important}
  .nav-submenu a{font-size:.86rem!important}
  
  
  
  .product-grid, .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  .catalog-card .catalog-image{border-radius:11px!important}
  .catalog-info{padding-top:11px!important}
  .catalog-card .catalog-info h2{font-size:.94rem!important}

}

@media(prefers-reduced-motion:reduce){
  .catalog-card, .catalog-card .catalog-image img, .btn, .brand-logo, .nav-submenu a{transition:none!important}
}

/* ==========================================================
   PATOLALUX NAVIGATION STRICT HOTFIX v6.1.1
   Mobile menu and submenu state are controlled by JS/classes.
   These rules intentionally come LAST to override legacy CSS.
   ========================================================== */
@media (max-width:800px){
  /* Closed mobile navigation MUST be completely hidden. */
  .site-header .main-nav:not(.open){
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  /* Open navigation occupies the available viewport below the header. */
  .site-header .main-nav.open{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    position:fixed!important;
    top:68px!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-height:calc(100dvh - 68px)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    margin:0!important;
    padding:10px 12px 22px!important;
    box-sizing:border-box!important;
    z-index:9998!important;
  }

  /* Submenus MUST start closed and only open via .is-open. */
  .site-header .nav-dropdown > .nav-submenu{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    height:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }

  .site-header .nav-dropdown.is-open > .nav-submenu{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    height:auto!important;
    overflow:visible!important;
    pointer-events:auto!important;
    gap:2px!important;
    animation:patolaMobileSubmenuIn .22s ease both!important;
  }

  .site-header .nav-dropdown:hover > .nav-submenu, .site-header .nav-dropdown:focus-within > .nav-submenu{
    display:none!important;
  }

  .site-header .nav-dropdown.is-open:hover > .nav-submenu, .site-header .nav-dropdown.is-open:focus-within > .nav-submenu{
    display:grid!important;
  }

  .site-header .nav-dropdown > a{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    box-sizing:border-box!important;
    cursor:pointer!important;
  }

  .site-header .nav-submenu{
    position:static!important;
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    padding:3px 0 7px 14px!important;
    margin:0!important;
    border:0!important;
    border-left:1px solid rgba(197,160,89,.28)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  .site-header .nav-submenu a{
    display:block!important;
    width:100%!important;
    box-sizing:border-box!important;
  }

  /* Prevent the page behind the open menu from scrolling. */
  body.menu-open{
    overflow:hidden!important;
    touch-action:none!important;
  }

  .site-header .menu-toggle{
    display:grid!important;
    place-content:center!important;
    width:42px!important;
    height:42px!important;
    margin-left:auto!important;
    padding:0!important;
    z-index:10001!important;
  }
}

@keyframes patolaMobileSubmenuIn{
  from{opacity:0;transform:translateY(-4px)}
  to{opacity:1;transform:translateY(0)}
}

@media (min-width:801px){
  /* Desktop keeps the normal navigation visible. */
  .site-header .main-nav{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }

  /* Desktop submenu remains hover/focus based. */
  .site-header .nav-submenu{display:none;}
  .site-header .nav-dropdown:hover > .nav-submenu, .site-header .nav-dropdown:focus-within > .nav-submenu{
    display:block;
  }
}

@media (prefers-reduced-motion:reduce){
  .site-header .nav-submenu, .site-header .menu-toggle span{animation:none!important;transition:none!important}
}


/* =========================================================
   PATOLALUX v6.2 — PRODUCT GALLERY + LUXURY REFINEMENT
   Final corrective layer: removes gallery cropping, makes the
   thumbnail gallery unmistakably visible, and refines the
   product-detail experience without replacing the architecture.
   ========================================================= */
/* Product detail: let the real image define its own height.
   The previous fixed/aspect-ratio stack could visually crop the page. */
.product-detail{
  align-items:start!important;
  grid-template-columns:minmax(0,1.04fr) minmax(320px,.96fr)!important;
  gap:clamp(28px,5vw,72px)!important;
}
.product-detail-media-wrap{
  min-width:0!important;
  padding:clamp(8px,1.2vw,14px)!important;
  border:1px solid rgba(26,26,26,.075)!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,var(--pl-powder),var(--pl-blush) 58%,var(--pl-cream))!important;
  box-shadow:0 22px 70px rgba(26,26,26,.075)!important;
}
.product-detail-media{
  height:auto!important;
  aspect-ratio:auto!important;
  overflow:visible!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.78)!important;
  box-shadow:0 10px 35px rgba(26,26,26,.045)!important;
}
.product-detail-media .image-zoom{
  height:auto!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:#fff!important;
}
.product-detail-media .image-zoom img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  padding:0!important;
  margin:0!important;
  background:#fff!important;
  mix-blend-mode:normal!important;
  transition:opacity .24s ease,transform .65s cubic-bezier(.16,.7,.2,1)!important;
}
.product-detail-media .image-zoom:hover img{transform:scale(1.012)!important}
.product-detail-media .image-zoom span{
  left:16px!important;
  bottom:16px!important;
  border:1px solid rgba(255,255,255,.55)!important;
  border-radius:999px!important;
  background:rgba(26,26,26,.78)!important;
  -webkit-backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;
}

/* Make the thumbnail gallery a distinct, unmistakable gallery row. */
.product-gallery-thumbs{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  gap:10px!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:12px 0 0!important;
  padding:3px 3px 8px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x proximity!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin!important;
}
.product-thumb{
  position:relative!important;
  display:block!important;
  width:82px!important;
  min-width:82px!important;
  height:104px!important;
  flex:0 0 82px!important;
  padding:0!important;
  border:1px solid rgba(26,26,26,.12)!important;
  border-radius:11px!important;
  background:#fff!important;
  overflow:hidden!important;
  cursor:pointer!important;
  scroll-snap-align:start!important;
  opacity:.82!important;
  box-shadow:0 5px 16px rgba(26,26,26,.045)!important;
  transition:transform .25s ease,opacity .25s ease,border-color .25s ease,box-shadow .25s ease!important;
}
.product-thumb::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:10px;
  border:1px solid transparent;
  transition:border-color .25s ease;
}
.product-thumb:hover, .product-thumb:focus-visible{
  opacity:1!important;
  transform:translateY(-3px)!important;
  border-color:rgba(197,160,89,.72)!important;
  box-shadow:0 10px 24px rgba(26,26,26,.10)!important;
  outline:none!important;
}
.product-thumb.is-active{
  opacity:1!important;
  border:2px solid var(--lux-gold)!important;
  box-shadow:0 9px 24px rgba(197,160,89,.16)!important;
}
.product-thumb.is-active::after{border-color:rgba(197,160,89,.22)}
.product-thumb img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:0!important;
  margin:0!important;
  background:#fff!important;
}

/* Give the gallery an obvious image count without adding visual clutter. */
.product-gallery-thumbs::before{
  content:"Gallery";
  position:absolute;
  width:1px;height:1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;
}

.product-detail-copy{
  min-width:0!important;
  padding-top:clamp(4px,1vw,14px)!important;
}
.product-detail-copy h1{
  letter-spacing:-.025em!important;
  color:var(--pl-ink)!important;
}
.product-detail-copy .product-description{
  max-width:620px!important;
  color:var(--pl-soft-ink)!important;
}
.product-specs{
  border-color:rgba(26,26,26,.10)!important;
  background:rgba(255,255,255,.36)!important;
}
.spec-row{border-color:rgba(26,26,26,.075)!important}

/* Luxury micro-interactions — restrained and editorial. */
.product-detail-copy .btn-primary{
  position:relative!important;
  overflow:hidden!important;
}
.product-detail-copy .btn-primary::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.16) 50%,transparent 65%);
  transform:translateX(-120%);
  transition:transform .7s ease;
  pointer-events:none;
}
.product-detail-copy .btn-primary:hover::after{transform:translateX(120%)}

@media(max-width:800px){
  .product-detail{grid-template-columns:1fr!important;gap:28px!important}
  .product-detail-media-wrap{padding:8px!important;border-radius:20px!important}
  .product-detail-copy{padding-top:4px!important}
}
@media(max-width:560px){
  .product-detail-media-wrap{border-radius:17px!important;padding:6px!important}
  .product-detail-media, .product-detail-media .image-zoom{border-radius:13px!important}
  .product-gallery-thumbs{gap:8px!important;margin-top:10px!important;padding:2px 2px 7px!important}
  .product-thumb{width:70px!important;min-width:70px!important;height:88px!important;flex-basis:70px!important;border-radius:9px!important}
  .product-detail-copy h1{font-size:clamp(1.85rem,8vw,2.5rem)!important}
}
@media(prefers-reduced-motion:reduce){
  .product-detail-media .image-zoom img, .product-thumb, .product-detail-copy .btn-primary::after{transition:none!important}
}


/* ================================================================
   PATOLALUX FINAL LUXURY LOCK — AUG 2026
   Priority: typography > navigation stability > imagery > polish
   ================================================================ */
html{background:#FBFCFA}
body{background:#FBFCFA!important;color:#1A1A1A!important;font-family:"Inter",sans-serif!important}
h1, h2, h3, h4{font-family:"Playfair Display",serif!important;color:#1A1A1A!important}
.hero-script, .section-script{font-family:"Playfair Display",cursive!important;color:#C5A059!important;font-weight:400!important;letter-spacing:.02em!important}
.hero-script{font-size:clamp(2rem,3.6vw,3.2rem);line-height:1;margin:0 0 12px}
.section-script{font-size:2rem;margin-bottom:0}

/* HEADER LOCK: fixed, clean, stable, no accidental scroll/hover opening on mobile */
.site-header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:auto!important;z-index:10000!important;background:rgba(252,252,250,.96)!important;border-bottom:1px solid #E8E0D5!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;box-shadow:0 8px 28px rgba(26,26,26,.07)!important}
.header-inner{min-height:78px!important;display:flex!important;align-items:center!important;gap:20px!important}
.brand-logo{width:44px!important;height:44px!important;flex:0 0 44px!important}
.brand-name{font-family:"Playfair Display",serif!important;font-size:1.5rem!important;font-weight:700!important;letter-spacing:.055em!important;color:#1A1A1A!important}
.main-nav{margin-left:auto!important;margin-right:0!important;display:flex!important;align-items:center!important;gap:0!important}
.main-nav>a, .nav-dropdown>a{font-family:"Inter",sans-serif!important;color:#1A1A1A!important;font-size:.82rem!important;font-weight:500!important;padding:27px 10px!important}
.main-nav a:hover, .main-nav a.is-active, .nav-dropdown>a:hover, .nav-dropdown>a.is-active{color:#C5A059!important}
.nav-submenu{background:#FFFFFF!important;border:1px solid #E8E0D5!important;box-shadow:0 18px 45px rgba(26,26,26,.13)!important}
.header-actions{margin-left:8px!important;display:flex!important;align-items:center!important;gap:4px!important;order:3!important}
.icon-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;color:#1A1A1A!important;border:0!important;background:transparent!important;border-radius:0!important;padding:9px!important;min-width:38px!important;min-height:38px!important}
.icon-btn:hover{background:transparent!important;color:#C5A059!important;transform:none!important}
.icon-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;display:block}
.enquiry-bag{position:relative!important}
.bag-label{font-family:"Inter",sans-serif;font-size:.78rem;letter-spacing:.04em}
.cart-count{color:#C5A059!important;font-weight:700!important}
.menu-toggle{display:none!important;order:4!important;border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;outline:none!important;padding:0!important;width:42px!important;height:42px!important}
.menu-toggle span{display:block!important;width:24px!important;height:2px!important;background:#1A1A1A!important;border-radius:0!important;margin:0!important;box-shadow:none!important}
.menu-toggle span+span{margin-top:5px!important}
.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)!important}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0!important}
.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}

/* HERO: editorial split, real supplied textile, readable luxury typography */
.hero-editorial{min-height:720px!important;background:#FBFCFA!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;place-items:stretch!important;padding-top:0!important}
.hero-editorial .hero-media{position:absolute!important;inset:0!important;height:100%!important}
.hero-editorial .hero-media::after{/* background:linear-gradient(90deg,rgba(26,26,26,.78) 0%,rgba(26,26,26,.50) 34%,rgba(26,26,26,.10) 67%,rgba(26,26,26,.02) 100%)!important; */}
.hero-editorial .hero-product-image{object-fit:cover!important;object-position:center 50%!important;filter:saturate(1.05) contrast(1.02)!important}
.hero-editorial .hero-content{align-self:center!important;padding-top:130px!important;padding-bottom:100px!important;z-index:2!important}
.hero-editorial .hero-content h1{font-size:clamp(3.4rem,7.2vw,6.4rem)!important;max-width:760px!important;letter-spacing:-.025em!important;color:#FFFFFF!important;margin-bottom:20px!important}
.hero-editorial .hero-content h1 span{color:#D6E8F0!important}
.hero-editorial .hero-copy{max-width:520px!important;color:rgba(255,255,255,.9)!important;font-size:1.02rem!important}
.hero-editorial .eyebrow{color:#D6E8F0!important}
.hero-editorial .btn-primary{background:#C5A059!important;border-color:#C5A059!important;color:#FFFFFF!important}

/* Collections: two large editorial cards */












/* Product cards: image truly fills the frame, no artificial white padding */
.catalog-card .catalog-image{aspect-ratio:4/5!important;background:#FFFFFF!important;border-radius:14px!important;overflow:hidden!important;box-shadow:0 12px 34px rgba(26,26,26,.08)!important}
.catalog-card .catalog-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;padding:0!important;background:transparent!important;mix-blend-mode:normal!important;transform:scale(1.035)!important;transition:transform .65s cubic-bezier(.16,.7,.2,1),filter .45s ease!important}
.catalog-card:hover .catalog-image img{transform:scale(1.07)!important;filter:saturate(1.04) contrast(1.02)!important}

.catalog-card .catalog-info h2{font-family:"Playfair Display",serif!important;font-size:1.28rem!important;line-height:1.15!important;color:#1A1A1A!important}
.product-card-category{color:#68645F!important;font-size:.62rem!important;letter-spacing:.15em!important}
.product-card-price{color:#C5A059!important;font-weight:700!important}

/* Product detail: no blank frame around the main image */
.product-detail-media-wrap{background:transparent!important;padding:0!important;border-radius:20px!important;box-shadow:none!important}
.product-detail-media{background:#FFFFFF!important;border:1px solid #E8E0D5!important;border-radius:18px!important;box-shadow:0 20px 55px rgba(26,26,26,.10)!important;overflow:hidden!important}
.product-detail-media .image-zoom{background:#FFFFFF!important;width:100%!important}
.product-detail-media .image-zoom img{width:100%!important;height:min(72vh,760px)!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important;padding:0!important;background:#FFFFFF!important}
.product-gallery-thumbs{gap:10px!important;margin:12px 2px 4px!important;padding:0 0 7px!important}
.product-thumb{width:78px!important;height:94px!important;min-width:78px!important;border:1px solid #E8E0D5!important;border-radius:10px!important;padding:0!important;background:#FFFFFF!important}
.product-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;padding:0!important;background:#FFFFFF!important}
.product-thumb.is-active{border:2px solid #C5A059!important;box-shadow:0 0 0 2px rgba(197,160,89,.14)!important}

/* Search/filter UI keeps the working JS behavior while matching the brand */
.catalog-tools{background:#FFFFFF!important;border:1px solid #E8E0D5!important;border-radius:16px!important;padding:12px!important;box-shadow:0 12px 30px rgba(26,26,26,.05)!important}
.catalog-tools select{background:#FFFFFF!important;border:1px solid #E8E0D5!important;color:#1A1A1A!important;border-radius:10px!important}
.catalog-tools select:focus{border-color:#C5A059!important;outline:3px solid rgba(197,160,89,.13)!important}

/* Buttons */
.btn{font-family:"Inter",sans-serif!important;border-radius:999px!important}
.btn-primary{background:#1A1A1A!important;border-color:#1A1A1A!important}
.btn-primary:hover{background:#1A1A1A!important;border-color:#1A1A1A!important}
.btn-outline{border-color:#1A1A1A!important;color:#1A1A1A!important}
.btn-outline:hover{border-color:#C5A059!important;color:#C5A059!important}

/* Heritage + footer */
.heritage{background:#FBFCFA!important}


.cta{background:#1A1A1A!important}
.cta h2{color:#FFFFFF!important}
.site-footer{background:#1A1A1A!important;}
.site-footer h4{color:#D6E8F0!important}

/* Mobile: bag immediately left of hamburger; menu never opens on hover */
@media(max-width:800px){
  body{padding-top:64px!important}
  .header-inner{min-height:64px!important;gap:4px!important}
  .brand-logo{width:34px!important;height:34px!important;flex-basis:34px!important}
  .brand-name{font-size:1.28rem!important}
  .main-nav{display:none!important;position:absolute!important;top:64px!important;left:0!important;right:0!important;width:100%!important;margin:0!important;padding:12px 14px 18px!important;background:#FBFCFA!important;border-bottom:1px solid #E8E0D5!important;box-shadow:0 18px 35px rgba(26,26,26,.10)!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;max-height:calc(100vh - 64px)!important;overflow:auto!important}
  .main-nav.open{display:flex!important}
  .main-nav>a, .nav-dropdown>a{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:50px!important;padding:13px 10px!important}
  .nav-dropdown{width:100%!important}
  .nav-dropdown:hover>.nav-submenu, .nav-dropdown:focus-within>.nav-submenu{display:none!important}
  .nav-dropdown.is-open>.nav-submenu{display:grid!important;position:static!important;width:100%!important;min-width:0!important;padding:4px 0 8px 10px!important;border:0!important;border-left:1px solid #E8E0D5!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  .header-actions{order:3!important;margin-left:auto!important;gap:0!important}
  .menu-toggle{display:grid!important;place-content:center!important;order:4!important;margin-left:0!important;width:38px!important;height:38px!important}
  
  .enquiry-bag{min-width:38px!important;padding:7px!important}
  .bag-label{display:none!important}
  .enquiry-bag svg{width:21px!important;height:21px!important}
  .hero-editorial{min-height:640px!important}
  .hero-editorial .hero-media::after{/* background:linear-gradient(90deg,rgba(26,26,26,.82),rgba(26,26,26,.35) 70%,rgba(26,26,26,.08))!important; */}
  .hero-editorial .hero-content{padding-top:92px!important;padding-bottom:72px!important}
  .hero-script{font-size:2.35rem!important}
  .hero-editorial .hero-content h1{font-size:clamp(3rem,13vw,4.5rem)!important}
  
  
  
  
  .catalog-card .catalog-image{aspect-ratio:4/5!important}
  .catalog-card .catalog-image img{transform:scale(1.045)!important}
  .product-detail-media .image-zoom img{height:auto!important;aspect-ratio:4/5!important;object-fit:cover!important}
  .product-gallery-thumbs{overflow-x:auto!important;flex-wrap:nowrap!important}
}
@media(max-width:480px){
  .brand-name{font-size:1.18rem!important}
  .hero-editorial{min-height:610px!important}
  .hero-script{font-size:2rem!important}
  .hero-editorial .hero-content h1{font-size:clamp(2.75rem,14vw,3.8rem)!important}
  .section{padding-block:68px!important}
}


/* ================================================================
   PATOLALUX FINAL POLISH — HERO SPACE + PRODUCT SWIPE
   Locked design remains unchanged; only requested refinements added.
   ================================================================ */
.hero-editorial{min-height:660px!important}
.hero-editorial .hero-product-image{
  object-position:center 53%!important;
  transform:scale(1.035)!important;
  transform-origin:center center!important;
}
.hero-editorial .hero-content{
  padding-top:88px!important;
  padding-bottom:82px!important;
  transform:translateY(-10px)!important;
}
.hero-editorial .hero-media::after{
  /* background:linear-gradient(90deg,rgba(26,26,26,.80) 0%,rgba(26,26,26,.48) 34%,rgba(26,26,26,.13) 68%,rgba(26,26,26,.03) 100%)!important; */
}

/* Footer wordmark: keep the logo, but make the PatolaLux name unmistakable. */
.brand-footer{display:inline-flex!important;align-items:center!important;gap:10px!important}
.brand-footer .brand-name{
  display:inline-block!important;
  color:#D6E8F0!important;
  font-family:"Playfair Display",serif!important;
  font-size:1.55rem!important;
  font-weight:700!important;
  letter-spacing:.06em!important;
}
.brand-footer .brand-logo{flex:0 0 52px!important;width:52px!important;height:52px!important}

/* Swipe feedback on the locked product gallery. */
.product-detail-media .image-zoom{touch-action:pan-y!important;cursor:zoom-in!important;overflow:hidden!important}
.product-detail-media .image-zoom img{will-change:transform,opacity,filter!important}
.product-detail-media .image-zoom img.is-changing{
  opacity:.42!important;
  filter:blur(2.5px) saturate(.92)!important;
  transform:scale(.985)!important;
}
.product-detail-media .image-zoom::after{
  content:"";
  position:absolute;
  left:50%;bottom:14px;
  width:34px;height:3px;
  border-radius:99px;
  background:rgba(255,255,255,.72);
  transform:translateX(-50%);
  opacity:0;
  transition:opacity .25s ease;
  pointer-events:none;
}
.product-detail-media .image-zoom.is-swiping::after{opacity:1}

@media(max-width:800px){
  .hero-editorial{min-height:585px!important}
  .hero-editorial .hero-product-image{object-position:center 52%!important;transform:scale(1.045)!important}
  .hero-editorial .hero-content{padding-top:72px!important;padding-bottom:62px!important;transform:translateY(-8px)!important}
  .brand-footer .brand-name{font-size:1.38rem!important}
}
@media(max-width:480px){
  .hero-editorial{min-height:560px!important}
  .hero-editorial .hero-product-image{object-position:center 50%!important;transform:scale(1.055)!important}
  .hero-editorial .hero-content{padding-top:58px!important;padding-bottom:50px!important;transform:translateY(-5px)!important}
  .brand-footer .brand-name{font-size:1.22rem!important}
}

/* PATOLALUX 6.5 CONTROLLED REFINEMENT */
body{background:var(--background);color:var(--text)}
/* Keep approved header structure stable; only add the requested utility bar. */
.site-header{padding-top:34px!important}
.patola-marquee{position:absolute;top:0;left:0;right:0;height:34px;overflow:hidden;background:var(--secondary);color:#fff;display:flex;align-items:center;white-space:nowrap;border-bottom:1px solid rgba(197,160,89,.38);z-index:5}
.patola-marquee-track{display:flex;align-items:center;gap:22px;min-width:max-content;padding-left:100%;animation:patolaMarquee 22s linear infinite;font-size:.67rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600}
.patola-marquee-track i{font-style:normal;color:#A7CAD9}
@keyframes patolaMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.site-header .header-inner{min-height:76px}
.main-nav a.is-active:after, .nav-dropdown>a.is-active:after{background:var(--gold)!important;background-image:none!important;left:10px!important;right:10px!important;height:2px!important}
.main-nav a:hover:after, .nav-dropdown>a:hover:after{background:var(--gold)!important;background-image:none!important}
/* Approved hamburger remains three clean lines. */
.menu-toggle{border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
.menu-toggle span{display:block!important;width:24px!important;height:2px!important;background:var(--secondary)!important;border-radius:0!important}
/* Admin-facing controls are intentionally tactile without changing the luxury storefront. */
.floating-whatsapp{position:fixed;right:20px;bottom:20px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#087A32;color:#fff;z-index:1100;box-shadow:0 14px 30px rgba(26,26,26,.20);transition:transform .25s ease,box-shadow .25s ease}
.floating-whatsapp:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 18px 36px rgba(26,26,26,.25)}
.floating-whatsapp svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
/* Gallery: photo-first, editorial and text-free. */







.experience-section{background:linear-gradient(180deg,#FBFCFA,#F1F8FB)}




.policy-content{max-width:900px}.policy-content h2{font-family:"Playfair Display",serif;color:var(--secondary);font-size:2rem;margin:30px 0 8px}.policy-content p{max-width:760px;color:var(--muted);line-height:1.85}

@media(max-width:800px){
  .site-header{padding-top:32px!important}.patola-marquee{height:32px}.patola-marquee-track{font-size:.59rem;gap:16px}
  .main-nav{top:108px!important;max-height:calc(100vh - 108px)!important}
  .hero{min-height:clamp(500px,72svh,680px)!important}.hero-media{inset:0!important}.hero-product-image{object-position:center 58%!important}
  
  
  .floating-whatsapp{width:52px;height:52px;right:16px;bottom:16px}
}
@media(max-width:520px){
  .hero{min-height:500px!important}.hero-product-image{object-position:center 64%!important}
  
}
@media(prefers-reduced-motion:reduce){.patola-marquee-track{animation:none}.floating-whatsapp{transition:none}}

/* Enquiry feedback — restrained luxury interaction */
.detail-actions .btn.is-added{transform:translateY(-1px);box-shadow:0 8px 20px rgba(26,26,26,.12)}
.floating-whatsapp{background:#25D366!important;color:#fff!important;box-shadow:0 12px 28px rgba(37,211,102,.22)!important}
.floating-whatsapp svg{width:30px!important;height:30px!important;fill:currentColor!important;stroke:none!important}

/* ==========================================================
   PATOLALUX FINAL CONTROLLED POLISH — AUG 2026
   Only requested changes: hero slider, collection cards,
   marquee reliability, submenu underline cleanup, WhatsApp
   mark cleanup, and admin multi-image upload support.
   ========================================================== */

/* Reliable premium marquee: two identical groups create a seamless loop. */
.site-header{padding-top:34px!important;overflow:visible!important}
.patola-marquee{position:absolute!important;top:0!important;left:0!important;right:0!important;height:34px!important;overflow:hidden!important;display:block!important;background:#1A1A1A!important;color:#fff!important;z-index:20!important}
.patola-marquee-track{height:100%!important;width:max-content!important;display:flex!important;align-items:center!important;animation:patolaMarqueeFinal 26s linear infinite!important;will-change:transform!important}
.patola-marquee-group{height:100%;display:flex;align-items:center;gap:22px;padding-right:44px;flex:0 0 auto}
.patola-marquee-group span{display:inline-block;font-size:.67rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;line-height:1;white-space:nowrap}
.patola-marquee-group i{font-style:normal;color:#A7CAD9;font-size:.9rem}
@keyframes patolaMarqueeFinal{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

/* Desktop: only top-level navigation gets the gold active/hover rule. */
@media(min-width:801px){
  .site-header .nav-submenu a::after, .site-header .nav-submenu a:hover::after, .site-header .nav-submenu a:focus-visible::after{content:none!important;display:none!important;transform:none!important}
  .site-header .main-nav>a::after, .site-header .nav-dropdown>a::after{pointer-events:none}
}

/* Hero: one complete image at a time, exact 3:2 canvas. */
.hero-editorial{
  width:100%!important;
  aspect-ratio:3/2!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  position:relative!important;
  background:#FFFDFC!important;
}
.hero-editorial .hero-media{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  background:#FFFDFC!important;
}
.hero-slider{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  transform:none!important;
  transition:none!important;
  overflow:hidden!important;
}
.hero-slide{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity 1.1s ease,visibility 0s linear 1.1s!important;
}
.hero-slide.is-active{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transition:opacity 1.1s ease!important;
}
.hero-slide .hero-product-image{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  filter:none!important;
  background:#FFFDFC!important;
}
.hero-slide::after{display:none!important;content:none!important}


/* Collections: less copy, more luxury; title becomes the visual signature. */











/* WhatsApp: clean single-mark icon, no mixed artwork. */
.floating-whatsapp{background:#25D366!important;color:#fff!important;width:56px!important;height:56px!important;border-radius:50%!important;display:grid!important;place-items:center!important;box-shadow:0 12px 28px rgba(37,211,102,.24)!important;border:2px solid rgba(255,255,255,.88)!important}
.floating-whatsapp svg{width:30px!important;height:30px!important;fill:none!important;stroke:#fff!important;stroke-width:1.65!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.floating-whatsapp svg circle{fill:none!important;stroke:#fff!important}

@media(max-width:800px){
  .site-header{padding-top:32px!important}
  .patola-marquee{height:32px!important}
  .patola-marquee-group{gap:16px;padding-right:32px}
  .patola-marquee-group span{font-size:.58rem;letter-spacing:.13em}
  .main-nav{top:100px!important;max-height:calc(100dvh - 100px)!important}
  .hero-editorial{min-height:560px!important}
  .hero-slide .hero-product-image{object-position:center 55%!important}
  
  
  
  
  
  .floating-whatsapp{width:52px!important;height:52px!important;right:16px!important;bottom:16px!important}
}
@media(max-width:520px){
  .hero-editorial{min-height:500px!important}
  .hero-slide .hero-product-image{object-position:center 60%!important}
  
}
@media(prefers-reduced-motion:reduce){
  .patola-marquee-track{animation:none!important}
}

/* ==========================================================
   PATOLALUX HERO + MOBILE HEADER LOCK — FINAL
   Hero is an exact 3:2 viewport with one complete image visible.
   ========================================================== */
.hero-image-only{
  width:100%!important;
  aspect-ratio:3/2!important;
  min-height:0!important;
  max-height:none!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  background:#FFFDFC!important;
}
.hero-image-only .hero-media, .hero-image-only .hero-slider{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
}
.hero-image-only .hero-content{display:none!important}
.hero-image-only .hero-slide{
  flex:none!important;
  width:100%!important;
  height:100%!important;
}
.hero-image-only .hero-product-image{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}






@media(max-width:800px){
  .site-header .header-inner{
    padding-inline:14px!important;
    gap:12px!important;
    min-height:68px!important;
  }
  .site-header .brand{
    margin-left:4px!important;
    margin-right:auto!important;
    min-width:0!important;
  }
  .site-header .brand-logo{
    width:38px!important;
    height:38px!important;
    flex:0 0 38px!important;
  }
  .site-header .header-actions{margin-left:auto!important;flex:0 0 auto!important}
  .site-header .menu-toggle{
    position:relative!important;display:flex!important;flex:0 0 44px!important;width:44px!important;height:44px!important;
    margin:0 0 0 2px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
    border-radius:0!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important;order:4!important;
  }
  .site-header .menu-toggle span, .site-header .menu-toggle span+span{
    display:block!important;width:23px!important;height:2px!important;margin:0!important;background:#1A1A1A!important;border-radius:999px!important;
    transform-origin:center!important;transition:transform .22s ease,opacity .18s ease!important;
  }
  .site-header .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)!important}
  .site-header .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0!important}
  .site-header .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}
}
@media(max-width:480px){
  .site-header .header-inner{padding-inline:12px!important}
  .site-header .brand{margin-left:5px!important}
  .site-header .brand-logo{width:36px!important;height:36px!important;flex-basis:36px!important}
  .site-header .menu-toggle{flex-basis:42px!important;width:42px!important;height:42px!important}
}

/* ==========================================================
   PATOLALUX SENIOR UI/UX REFINEMENT — SAFE GLOBAL LAYER
   Uses the existing locked palette and component architecture.
   ========================================================== */

body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img{max-width:100%;}
button, .btn, .icon-btn, .text-link, .nav-submenu a, .main-nav>a, .nav-dropdown>a{ -webkit-tap-highlight-color:transparent }
button:focus-visible, .btn:focus-visible, .icon-btn:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{outline:2px solid rgba(197,160,89,.78)!important;outline-offset:3px!important}
.btn, .icon-btn, .catalog-card{transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease,background-color .28s ease,border-color .28s ease}
.btn:active, .icon-btn:active{transform:translateY(1px) scale(.985)}
.catalog-card{backface-visibility:hidden;transform:translateZ(0)}
.catalog-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(26,26,26,.08)}

.section-heading h2{letter-spacing:-.012em}
.site-note{line-height:1.6}
@media(max-width:800px){
  .btn, .icon-btn, .menu-toggle{min-height:42px}
  .section-heading{gap:10px}
  .catalog-card:hover{transform:none;box-shadow:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn, .icon-btn, .catalog-card{transition:none!important}}

/* ==========================================================
   PATOLALUX — HERO RIGHT-TO-LEFT SLIDER FINAL LOCK
   - Exact 3:2 hero viewport
   - Complete source image visible (NO CROP)
   - One image per slide
   - Right-to-left horizontal slide, matching the requested reference behavior
   - Seamless last -> first loop
   ========================================================== */
.hero-image-only, .hero-editorial{
  width:100%!important;
  aspect-ratio:3 / 2!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  position:relative!important;
  padding:0!important;
  margin:0!important;
  background:#FFFDFC!important;
}

.hero-image-only .hero-media, .hero-editorial .hero-media{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  background:#FFFDFC!important;
}

.hero-image-only .hero-slider, .hero-editorial .hero-slider{
  position:absolute!important;
  inset:0 auto auto 0!important;
  width:calc(var(--hero-slide-count, 1) * 100%)!important;
  height:100%!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  direction:ltr!important;
  overflow:visible!important;
  transform:translate3d(var(--hero-offset, 0%),0,0)!important;
  transition:transform 4s cubic-bezier(.22,.72,.18,1)!important;
  will-change:transform!important;
  background:#FFFDFC!important;
}

.hero-image-only .hero-slider.is-resetting, .hero-editorial .hero-slider.is-resetting{
  transition:none!important;
}

.hero-image-only .hero-slide, .hero-editorial .hero-slide{
  position:relative!important;
  inset:auto!important;
  flex:0 0 calc(100% / var(--hero-slide-count, 1))!important;
  width:calc(100% / var(--hero-slide-count, 1))!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
  transition:none!important;
  background:#FFFDFC!important;
}

.hero-image-only .hero-slide.is-active, .hero-editorial .hero-slide.is-active{
  pointer-events:auto!important;
}

.hero-image-only .hero-slide::after, .hero-editorial .hero-slide::after{
  display:none!important;
  content:none!important;
}

.hero-image-only .hero-product-image, .hero-editorial .hero-product-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  filter:none!important;
  background:#FFFDFC!important;
}

@media(max-width:800px){
  .hero-image-only, .hero-editorial{aspect-ratio:3 / 2!important;min-height:0!important}
}

@media(prefers-reduced-motion:reduce){
  /* Deliberately keep the hero slider moving: the storefront requirement is
     an actual horizontal carousel, independent of the OS motion preference. */
  .hero-image-only .hero-slider, .hero-editorial .hero-slider{transition:transform 4s cubic-bezier(.22,.72,.18,1)!important}
}


/* PATOLALUX — MOBILE HERO SPLIT TRANSITION
   Desktop hero remains untouched. On mobile the next image advances halfway,
   pauses briefly, then completes the right-to-left move. */
@media(max-width:800px){
  .hero-image-only .hero-slider.hero-mobile-split, .hero-editorial .hero-slider.hero-mobile-split{
    transition:transform 1.7s cubic-bezier(.22,.72,.18,1)!important;
  }
}

/* PATOLALUX — PREMIUM CTA / FOOTER DIFFERENTIATION */
.cta{
  background:radial-gradient(circle at 50% 0%,rgba(232,224,213,.32),transparent 48%),linear-gradient(135deg,#EFF6F9 0%,#E8F2F7 100%)!important;
  color:#292929!important;
  border-top:1px solid rgba(127,175,198,.18)!important;
  border-bottom:1px solid rgba(127,175,198,.18)!important;
  position:relative!important;
}
.cta::before{content:"";display:block;width:64px;height:1px;background:#C5A059;margin:0 auto 28px;opacity:.8}
.cta h2{color:#1A1A1A!important;font-family:"Playfair Display",serif!important;letter-spacing:-.015em!important}
.cta p:not(.eyebrow){color:#5E8195!important}
.cta .eyebrow{color:#6F9DB5!important}
.cta .btn-primary{background:#1A1A1A!important;border-color:#1A1A1A!important;color:#EDF5F9!important;box-shadow:0 10px 28px rgba(26,26,26,.10)!important}
.cta .btn-primary:hover{background:#292929!important;border-color:#292929!important}
.site-footer{
  background:linear-gradient(180deg,#12293C 0%,#0E2232 100%)!important;
  border-top:1px solid rgba(127,175,198,.34)!important;
  color:#E9F2F6!important;
}
.site-footer h4{color:#9CC4D8!important}
.site-footer a{color:#E7F1F5!important}
.site-footer a:hover{color:#91BDD2!important}
.site-footer .footer-grid p{color:rgba(26,26,26,.62)!important}
.site-footer .footer-bottom{border-top-color:rgba(127,175,198,.22)!important;color:rgba(26,26,26,.48)!important}

/* ==========================================================================
   PATOLALUX — WORLD-CLASS ENHANCEMENT LAYER (added on request)
   Additive only: refined micro-interactions, entrance polish, safety nets.
   Does not remove or restructure any prior rule; follows existing convention
   of layering later, more specific rules on top of earlier phases.
   ========================================================================== */

/* Button press feedback — tactile response on click/tap */
.btn:active{transform:scale(.97)!important}
.icon-btn:active{transform:scale(.92)!important}

/* Floating WhatsApp button — gentle entrance + breathing attention cue */
@keyframes patolaWaIn{from{opacity:0;transform:translateY(16px) scale(.9)}to{opacity:1;transform:none}}
@keyframes patolaWaPulse{0%, 100%{box-shadow:0 12px 28px rgba(37,211,102,.24),0 0 0 0 rgba(37,211,102,.35)}50%{box-shadow:0 12px 28px rgba(37,211,102,.24),0 0 0 10px rgba(37,211,102,0)}}
.floating-whatsapp{animation:patolaWaIn .5s cubic-bezier(.2,.7,.2,1) .3s both,patolaWaPulse 2.8s ease-in-out 1.2s 3}
.floating-whatsapp:hover{animation:none}

/* Loading state — subtle shimmer instead of static text while catalog loads */
.site-note[id$="Status"]:empty, .site-note[id$="Status"]:not(:empty){transition:opacity .3s ease}

/* Product / collection grid skeleton shimmer (shown briefly before JS paints real cards) */
.product-grid:empty, .catalog-grid:empty{
  min-height:280px;
  background:linear-gradient(100deg,rgba(232,224,213,.12) 30%,rgba(232,224,213,.32) 45%,rgba(232,224,213,.12) 60%);
  background-size:200% 100%;
  border-radius:14px;
  animation:patolaShimmer 1.6s ease-in-out infinite;
}
@keyframes patolaShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* Refined focus-visible consistency across interactive elements */
.btn:focus-visible, .icon-btn:focus-visible, .catalog-card-link:focus-visible, .floating-whatsapp:focus-visible{
  outline:2px solid var(--lux-gold,#C5A059)!important;
  outline-offset:3px!important;
}

/* Ensure minimum comfortable touch target on mobile (44x44 per WCAG 2.5.5) */
@media(max-width:800px){
  .icon-btn, .menu-toggle, .floating-whatsapp{min-width:44px;min-height:44px}
  .nav-submenu a, .main-nav>a, .nav-dropdown>a{min-height:44px;display:flex;align-items:center}
}

@media(prefers-reduced-motion:reduce){
  .floating-whatsapp{animation:none!important}
  .product-grid:empty, .catalog-grid:empty{animation:none!important}
  .btn:active, .icon-btn:active{transform:none!important}
}


/* ==========================================================
   PATOLALUX — FINAL WORLD-CLASS QA / POLISH LAYER
   Requested fixes only; existing approved product/catalog behaviour stays.
   ========================================================== */

/* Stable page geometry: prevent scroll jitter from reveal transforms and
   horizontal animation layers. */
html{overflow-x:clip!important}
body{overflow-x:clip!important}
@media(min-width:801px){
  .site-header{transition:box-shadow .25s ease!important}
  .site-header .header-inner{
    transition:transform .42s cubic-bezier(.2,.75,.2,1),opacity .28s ease!important;
  }
  .site-header.desktop-header-hidden .header-inner{
    transform:translateY(-100%)!important;
    opacity:.02!important;
    pointer-events:none!important;
  }
  .site-header:not(.desktop-header-hidden) .header-inner{transform:translateY(0)!important;opacity:1!important}
  .page-main{padding-top:110px!important}
  body.product-page .page-main{padding-top:110px!important}
}

/* Keep the marquee itself fixed/static in the header while its text loops
   reliably. */
.patola-marquee{display:flex!important;align-items:center!important;justify-content:flex-start!important;overflow:hidden!important}
.patola-marquee-track{
  min-width:max-content!important;
  padding-left:0!important;
  color:#fff!important;
  animation:patolaMarqueeFinal 26s linear infinite!important;
}
.patola-marquee-group{flex:0 0 auto!important}
.patola-marquee-group span{color:#fff!important}

/* Hero: preserve the 3:2 source canvas but keep the complete hero visible
   inside the first desktop viewport, so the page does not require a scroll
   just to see the hero. */
@media(min-width:801px){
  .hero-image-only, .hero-editorial{
    height:calc(100svh - 110px)!important;
    min-height:0!important;
    max-height:calc(100svh - 110px)!important;
    aspect-ratio:auto!important;
    margin-top:0!important;
  }
  .hero-image-only .hero-product-image, .hero-editorial .hero-product-image{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
  }
}
@media(max-width:800px){
  .hero-image-only, .hero-editorial{
    aspect-ratio:3/2!important;
    height:auto!important;
    min-height:0!important;
  }
}

/* True uninterrupted slow right-to-left hero motion.
   No mobile half-step pause and no last-slide dead time. */
.hero-image-only .hero-slider, .hero-editorial .hero-slider{
  transition:transform 3.6s cubic-bezier(.22,.72,.18,1)!important;
}
@media(max-width:800px){
  .hero-image-only .hero-slider, .hero-editorial .hero-slider{transition:transform 3.6s cubic-bezier(.22,.72,.18,1)!important}
  .hero-image-only .hero-slider.hero-mobile-split, .hero-editorial .hero-slider.hero-mobile-split{transition:transform 3.6s cubic-bezier(.22,.72,.18,1)!important}
}

/* PDP desktop / laptop / tablet width correction — approved 50/50 layout. */
@media(min-width:801px){
  body.product-page .page-main > .container{
    width:calc(100% - 48px)!important;
    max-width:none!important;
  }
  body.product-page .product-detail{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:clamp(28px,3.5vw,56px)!important;
  }
  body.product-page .product-detail-media-wrap,
  body.product-page .product-detail-copy{
    min-width:0!important;
  }
}

/* Product pages: the fixed header must never cover the main product image. */
body.product-page .page-main{scroll-margin-top:110px!important}

/* Buy-now dialog sits above the fixed header and has its own safe scroll area. */
.patola-buy-modal{
  z-index:20000!important;
  padding:20px!important;
  align-items:center!important;
}
.patola-buy-sheet{
  max-height:min(760px,calc(100svh - 40px))!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
}
.patola-buy-head{
  position:sticky!important;
  top:0!important;
  z-index:3!important;
  padding-bottom:14px!important;
  background:linear-gradient(180deg,#FFFFFF 86%,rgba(255,253,250,0))!important;
}
.patola-buy-close{
  flex:0 0 auto!important;
  position:relative!important;
  z-index:5!important;
}
@media(max-width:600px){
  .patola-buy-modal{padding:12px!important;align-items:flex-start!important}
  .patola-buy-sheet{max-height:calc(100svh - 24px)!important;margin-top:6px!important}
}

/* Eliminate transform-based reveal movement that can look like page vibration
   during touch scrolling; retain the premium fade. */
.reveal{transform:none!important;transition:opacity .65s ease!important}
.reveal.is-visible{transform:none!important}

/* Compact luxury footer: same information, substantially less vertical weight. */
.site-footer{
  background:linear-gradient(180deg,#12293C 0%,#0E2232 100%)!important;
}
.footer-main{
  display:grid!important;
  grid-template-columns:minmax(240px,1.6fr) repeat(3,minmax(140px,1fr))!important;
  gap:34px!important;
  padding-bottom:34px!important;
}
.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.footer-column h4{margin:0 0 8px!important}
.footer-column a{margin:0!important}
.footer-column p{margin:0 0 8px!important;max-width:290px!important}
.footer-brand-block p{margin:10px 0 0!important}
.footer-bottom{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:18px!important;
  padding:16px 0!important;
}
@media(max-width:800px){
  .footer-main{grid-template-columns:1fr 1fr!important;gap:26px 22px!important}
}
@media(max-width:520px){
  .footer-main{grid-template-columns:1fr!important;gap:24px!important}
  .footer-bottom{align-items:flex-start!important;flex-direction:column!important;gap:6px!important}
}

/* Video-consultation replacement section, inspired by the reference site's
   "Experience Patola From Anywhere" pattern without copying its design. */
.video-consultation-section{background:linear-gradient(180deg,#FBFCFA 0%,#EFF7FA 100%)!important}
.video-consultation-grid{
  display:grid!important;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
  gap:clamp(38px,7vw,96px)!important;
  align-items:center!important;
}
.video-consultation-media{
  position:relative!important;
  aspect-ratio:4/5!important;
  overflow:hidden!important;
  border-radius:22px!important;
  box-shadow:0 24px 65px rgba(26,26,26,.12)!important;
}
.video-consultation-media img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.video-consultation-media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(26,26,26,0) 50%,rgba(26,26,26,.48) 100%)!important;
  pointer-events:none;
}
.video-consultation-badge{
  position:absolute!important;left:20px!important;bottom:20px!important;z-index:2!important;
  display:grid!important;gap:2px!important;color:#fff!important;
  text-shadow:0 2px 16px rgba(0,0,0,.25)!important;
}
.video-consultation-badge span{font-size:.62rem;letter-spacing:.18em;font-weight:600}
.video-consultation-badge strong{font-family:"Playfair Display",serif;font-size:1.8rem}
.video-consultation-copy{max-width:620px}
.video-consultation-copy h2{font-size:clamp(2.4rem,4.6vw,4.4rem)!important}
.video-consultation-copy>p:not(.eyebrow):not(.hero-script){color:#68645F;line-height:1.85;max-width:560px;margin:20px 0 28px}
@media(max-width:800px){
  .video-consultation-grid{grid-template-columns:1fr!important;gap:34px!important}
  .video-consultation-media{max-width:620px}
  .video-consultation-copy h2{font-size:2.45rem!important}
}

/* Safer motion defaults: no perpetual card glow while the user scrolls. */


.payment-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:24px 0;text-align:left}
.payment-proof-grid>div{padding:14px;border:1px solid #E8E0D5;border-radius:12px;background:#FFFFFF}
.payment-proof-grid span{display:block;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#8A857E;margin-bottom:5px}
.payment-proof-grid strong{display:block;color:#1A1A1A;overflow-wrap:anywhere}
@media(max-width:520px){.payment-proof-grid{grid-template-columns:1fr}}


/* ==========================================================
   PATOLALUX V2 — VERIFIED REFINEMENT PASS
   Existing approved hero height, marquee and admin UI remain locked.
   ========================================================== */
@media(min-width:801px){
  /* Hide the entire desktop header, not only its inner content. A slim
     reveal edge remains so the same header can be brought back by pointer. */
  .site-header.desktop-header-hidden{
    transform:translateY(calc(-100% + 9px))!important;
    opacity:1!important;
    pointer-events:auto!important;
    background:transparent!important;
    border-bottom-color:transparent!important;
    box-shadow:none!important;
    transition:transform .42s cubic-bezier(.2,.75,.2,1),background .2s ease!important;
  }
  .site-header.desktop-header-hidden .header-inner{transform:none!important;opacity:1!important;pointer-events:auto!important}
  .site-header.desktop-header-hidden:hover, .site-header.desktop-header-hidden:focus-within{
    transform:translateY(0)!important;
    background:rgba(250,248,242,.96)!important;
    border-bottom-color:var(--patola-border,#C7DCE7)!important;
    box-shadow:0 5px 24px rgba(26,26,26,.10)!important;
  }
  .site-header:not(.desktop-header-hidden){transform:translateY(0)!important}
  .page-main, main{padding-top:0!important}
  .hero-image-only, .hero-editorial{margin-top:0!important}
  /* The product detail gets its own safe optical top because the header is an
     overlay; normal storefront sections do not reserve header space. */
  body.product-page .product-detail{padding-top:24px!important}
}
@media(min-width:801px) and (max-width:1199px){
  body.product-page .product-detail{padding-top:20px!important}
  .page-title{padding-top:calc(clamp(76px,9vw,120px) + 110px)!important}
  main:has(.editorial-page-image) .page-title,
  main:has(.editorial-page-image) .page-hero{
    padding-top:calc(clamp(76px,9vw,120px) + 110px)!important;
  }
}

/* Approved desktop hero height is retained; images now fill the full canvas. */
.hero-image-only .hero-product-image, .hero-editorial .hero-product-image{object-fit:cover!important;background:transparent!important}
@media(min-width:801px){
  .hero-image-only, .hero-editorial{
    margin-top:80px!important;
    margin-bottom:32px!important;
  }
  .hero-image-only .hero-product-image, .hero-editorial .hero-product-image{object-fit:cover!important;width:100%!important;height:100%!important}
}


/* Collections and Featured Pieces are true continuous rails: four cards on
   desktop, two on mobile, all items included, duplicated once for a seamless
   loop with no programmed stop between cards. */
.featured-rail{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:20px!important;
  width:max-content!important;
  max-width:none!important;
  min-width:100%!important;
  overflow:visible!important;
  animation:patolaRail var(--rail-duration,48s) linear infinite!important;
  will-change:transform!important;
  transform:translate3d(0,0,0)!important;
}
#featured .container{overflow:hidden!important}
.featured-rail .catalog-card, .featured-rail .product-card{flex:0 0 calc((100vw - 2 * clamp(20px,4vw,64px) - 3 * 20px)/4)!important;width:calc((100vw - 2 * clamp(20px,4vw,64px) - 3 * 20px)/4)!important;max-width:none!important}
@keyframes patolaRail{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-50% - 10px),0,0)}}
@media(max-width:800px){
  .featured-rail{gap:12px!important;animation-duration:var(--rail-duration,42s)!important}
  .featured-rail .catalog-card, .featured-rail .product-card{flex:0 0 calc((100vw - 2 * 14px - 12px)/2)!important;width:calc((100vw - 2 * 14px - 12px)/2)!important}
  @keyframes patolaRail{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-50% - 6px),0,0)}}
}
@media(prefers-reduced-motion:reduce){
  .featured-rail{animation:none!important;transform:none!important}
}

/* Video consultation image: editorial story scale, never an oversized hero. */
.video-consultation-media{width:min(360px,100%)!important;max-width:360px!important;aspect-ratio:4/5!important;justify-self:start!important}
.video-consultation-media img{object-fit:cover!important}
@media(max-width:800px){
  .video-consultation-media{width:min(270px,78vw)!important;max-width:270px!important;margin-inline:auto!important}
}

/* Luxury palette: warm ivory + Patola navy + antique gold, shared by the
   exceptional CTA and footer so the bottom of the page feels intentional. */
.cta{
  background:linear-gradient(135deg,#FFFDFC 0%,#EDF6FA 52%,#E3EEF3 100%)!important;
  color:#1A1A1A!important;
  border-top:1px solid rgba(197,160,89,.35)!important;
  border-bottom:1px solid rgba(197,160,89,.35)!important;
}
.cta h2{color:#1A1A1A!important}.cta p:not(.eyebrow){color:#5e625f!important}.cta .eyebrow{color:#C5A059!important}
.cta .btn-primary{background:#1A1A1A!important;border-color:#1A1A1A!important;color:#fff!important}
.site-footer{
  background:linear-gradient(145deg,#1A1A1A 0%,#3A3937 68%,#1A1A1A 100%)!important;
  color:#F2ECE4!important;;
}
.site-footer h4{color:#C5A059!important}.site-footer a{color:#F7F3EE!important}
.site-footer .footer-brand-block p, .site-footer .footer-grid p, .site-footer .footer-column p{color:rgba(248,244,234,.72)!important}
.site-footer .footer-bottom{border-top-color:rgba(197,160,89,.28)!important;color:rgba(248,244,234,.58)!important}

/* Product media: desktop/tablet uses the approved cover treatment.
   The image fills its existing 4:5 frame; no extra contain rule may shrink it. */
@media(min-width:801px){
  body.product-page .product-detail-media .image-zoom img{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    object-fit:cover!important;
    object-position:center!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
  }
}

/* Buy-now modal: always above the header, with a visible close control and a
   mobile-safe sheet. */
.patola-buy-modal{z-index:2147483000!important;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))!important}
.patola-buy-sheet{position:relative!important;width:min(560px,calc(100vw - 32px))!important;max-height:calc(100svh - 32px)!important;padding:24px!important}
.patola-buy-head{padding-right:46px!important}
.patola-buy-close{position:absolute!important;right:18px!important;top:18px!important;z-index:20!important;display:grid!important;place-items:center!important}
@media(max-width:520px){.patola-buy-sheet{border-radius:18px!important;padding:20px!important}.patola-buy-head img{width:70px!important;height:88px!important}.patola-buy-title{font-size:1.55rem!important}.patola-buy-close{right:14px!important;top:14px!important}}

/* Keep one WhatsApp button even when a page contains a legacy inline copy. */
.floating-whatsapp{z-index:19000!important;width:52px!important;height:52px!important}
@media(max-width:520px){.floating-whatsapp{width:48px!important;height:48px!important}}

/* ==========================================================
   PATOLALUX — REQUESTED FINAL REFINEMENT
   Only requested storefront/admin surface changes live here.
   ========================================================== */

.featured-rail{
  --rail-gap:20px;
  animation:patolaRailFinal var(--rail-duration,42s) linear infinite!important;
  animation-play-state:running!important;
  gap:var(--rail-gap)!important;
}
.featured-rail .catalog-card, .featured-rail .product-card{
  flex:0 0 calc((100vw - 2 * clamp(20px,4vw,64px) - 3 * var(--rail-gap))/4)!important;
  width:calc((100vw - 2 * clamp(20px,4vw,64px) - 3 * var(--rail-gap))/4)!important;
}
@keyframes patolaRailFinal{from{transform:translate3d(0,0,0)}to{transform:translate3d(var(--rail-distance,-1200px),0,0)}}
@media(max-width:800px){
  .featured-rail{--rail-gap:12px}
  .featured-rail .catalog-card, .featured-rail .product-card{
    flex-basis:calc((100vw - 28px - var(--rail-gap))/2)!important;
    width:calc((100vw - 28px - var(--rail-gap))/2)!important;
  }
}

@media(min-width:801px){
  .video-consultation-section{min-height:clamp(600px,calc(100vh - 96px),760px)!important;display:flex!important;align-items:center!important}
  .video-consultation-grid{width:min(1240px,calc(100% - 64px))!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:clamp(44px,6vw,88px)!important}
  .video-consultation-media{width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:5/6!important;max-height:640px!important}
  .video-consultation-copy{max-width:620px!important}
}
@media(min-width:801px) and (max-width:1199px){
  .video-consultation-media{max-height:500px!important}
}
@media(min-width:1200px) and (max-width:1599px){
  .video-consultation-media{max-height:570px!important}
}
@media(min-width:1600px){
  .video-consultation-media{max-height:620px!important}
}
@media(max-width:800px){.video-consultation-media{width:min(300px,82vw)!important;max-width:300px!important}}

.hero-image-only, .hero-editorial{width:100%!important;max-width:none!important;overflow:hidden!important}
.hero-image-only .hero-media, .hero-editorial .hero-media{width:100%!important;max-width:none!important}
body>.floating-whatsapp~.floating-whatsapp{display:none!important}
.floating-whatsapp{right:max(16px,env(safe-area-inset-right))!important;bottom:max(16px,env(safe-area-inset-bottom))!important}

/* ==========================================================
   PATOLALUX — LOCKED REQUEST ONLY: COLLECTION IMAGE + RAIL FIX
   ========================================================== */

/* The storefront rails must be a single horizontal flex track. The previous
   grid layout created rows, so translating the grid could not produce a
   continuous train-like horizontal sequence. */
.featured-rail{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  width:max-content!important;
  max-width:none!important;
  min-width:max-content!important;
  animation-name:patolaRailFinal!important;
  animation-timing-function:linear!important;
  animation-iteration-count:infinite!important;
  animation-play-state:running!important;
  will-change:transform!important;
}
.featured-rail .catalog-card, .featured-rail .product-card{
  transform:none!important;
  transition:none!important;
  flex-shrink:0!important;
}



@media(max-width:800px){
  .featured-rail{--rail-gap:12px!important}
  
  
  
  
  
}



/* ==========================================================
   PATOLALUX — FEATURED PRODUCTS ONLY: TRUE MARQUEE RAIL
   Collections and every other storefront surface remain locked.
   The grid is only the viewport; the inner track is the moving rail,
   matching the architecture of the approved announcement marquee.
   ========================================================== */
#featuredGrid.featured-marquee{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  position:relative!important;
  padding:0!important;
  margin:0!important;
  transform:none!important;
  animation:none!important;
}
#featuredGrid.featured-marquee .featured-marquee-track{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  width:max-content!important;
  max-width:none!important;
  min-width:max-content!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  transform:translate3d(0,0,0);
  animation:patolaFeaturedMarquee 48s linear infinite!important;
  animation-play-state:running!important;
  will-change:transform!important;
}
#featuredGrid.featured-marquee .featured-marquee-group{
  display:flex!important;
  flex:0 0 auto!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  gap:24px!important;
  width:max-content!important;
  max-width:none!important;
  min-width:max-content!important;
  margin:0!important;
  padding:0 24px 0 0!important;
}
#featuredGrid.featured-marquee .featured-marquee-group .catalog-card{
  flex:0 0 calc((100vw - 2 * clamp(20px,4vw,64px) - 3 * 24px)/4)!important;
  width:calc((100vw - 2 * clamp(20px,4vw,64px) - 3 * 24px)/4)!important;
  min-width:0!important;
  max-width:none!important;
  transform:none!important;
  transition:none!important;
}
@keyframes patolaFeaturedMarquee{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@media(max-width:800px){
  #featuredGrid.featured-marquee .featured-marquee-group{gap:12px!important;padding-right:12px!important}
  #featuredGrid.featured-marquee .featured-marquee-group .catalog-card{
    flex-basis:calc((100vw - 28px - 12px)/2)!important;
    width:calc((100vw - 28px - 12px)/2)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  /* The Featured Pieces rail is an explicitly requested continuous product
     marquee; keep it moving across all supported device sizes. */
  #featuredGrid.featured-marquee .featured-marquee-track{
    animation:patolaFeaturedMarquee 48s linear infinite!important;
    animation-play-state:running!important;
  }
}

/* ==========================================================
   PATOLALUX HOMEPAGE — APPROVED LUXURY REFINEMENT PASS
   Scope: Collections, Video Consultation, Story and Assistance CTA only.
   Hero, Featured Products marquee, header, footer, admin and commerce UI
   remain locked.
   ========================================================== */

/* Collections: stronger editorial image-first presentation while preserving
   the existing continuous rail and its 4-desktop / 2-mobile geometry. */


















/* Video consultation: intentional split-screen editorial moment. The desktop
   block fits inside the viewport; mobile keeps the image slightly larger. */
#video-consultation{
  background:linear-gradient(180deg,#FBFCFA 0%,#F1F7FA 100%)!important;
  border-top:1px solid rgba(232,224,213,.72)!important;
  border-bottom:1px solid rgba(232,224,213,.72)!important;
}
#video-consultation .video-consultation-grid{
  width:min(1240px,calc(100% - 48px))!important;
  min-height:clamp(600px,calc(100vh - 120px),780px)!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:clamp(42px,6vw,88px)!important;
}
#video-consultation .video-consultation-media{
  width:100%!important;max-width:none!important;height:min(620px,calc(100vh - 150px))!important;
  aspect-ratio:4/5!important;border-radius:20px!important;
  box-shadow:0 22px 60px rgba(26,26,26,.11)!important;
}
#video-consultation .video-consultation-copy{max-width:570px!important;padding-block:12px!important}
#video-consultation .video-consultation-copy .section-script{color:#C5A059!important;font-size:1.42rem!important;margin-bottom:4px!important}
#video-consultation .video-consultation-copy .eyebrow{color:#C5A059!important;letter-spacing:.2em!important}
#video-consultation .video-consultation-copy h2{font-family:"Playfair Display",serif!important;font-size:clamp(2.8rem,4.8vw,5rem)!important;line-height:.98!important;letter-spacing:-.02em!important;color:#1A1A1A!important;max-width:540px!important}
#video-consultation .video-consultation-copy>p:not(.eyebrow):not(.hero-script){font-size:.96rem!important;line-height:1.9!important;color:#68645F!important;max-width:500px!important;margin:22px 0 30px!important}
#video-consultation .btn-primary{min-height:50px!important;padding-inline:26px!important;background:#1A1A1A!important;border-color:#1A1A1A!important;box-shadow:0 10px 24px rgba(26,26,26,.12)!important}
#video-consultation .btn-primary:hover{background:#3A3937!important;border-color:#3A3937!important}
@media(max-width:800px){
  #video-consultation{padding-block:72px!important}
  #video-consultation .video-consultation-grid{width:min(100% - 28px,620px)!important;min-height:0!important;grid-template-columns:1fr!important;gap:30px!important}
  #video-consultation .video-consultation-media{width:min(320px,84vw)!important;height:auto!important;aspect-ratio:4/5!important;margin-inline:auto!important}
  #video-consultation .video-consultation-copy{padding:0!important}
  #video-consultation .video-consultation-copy h2{font-size:clamp(2.5rem,11vw,3.7rem)!important}
}

/* Story: quieter editorial contrast after the moving product section. */
#heritage{background:#FBFCFA!important;border-top:1px solid rgba(232,224,213,.65)!important}
#heritage .heritage-grid{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)!important;gap:clamp(42px,7vw,96px)!important}
#heritage .heritage-media{border-radius:20px!important;overflow:hidden!important;box-shadow:0 20px 58px rgba(26,26,26,.09)!important}
#heritage .heritage-media img{transition:transform .9s cubic-bezier(.2,.7,.2,1)!important}
#heritage .heritage-media:hover img{transform:scale(1.018)!important}
#heritage .heritage-copy{max-width:600px!important}
#heritage .heritage-copy h2{font-family:"Playfair Display",serif!important;font-size:clamp(2.7rem,4.5vw,4.6rem)!important;line-height:1!important;letter-spacing:-.018em!important;color:#1A1A1A!important}
#heritage .heritage-copy p:not(.eyebrow){font-size:.96rem!important;line-height:1.9!important;color:#68645F!important;margin:22px 0 30px!important}
#heritage .heritage-copy .eyebrow{color:#C5A059!important}
#heritage .btn-outline{border-color:#1A1A1A!important;color:#1A1A1A!important}
#heritage .btn-outline:hover{border-color:#C5A059!important;color:#C5A059!important}
@media(max-width:800px){
  #heritage{padding-block:76px!important}
  #heritage .heritage-grid{grid-template-columns:1fr!important;gap:32px!important}
  #heritage .heritage-copy h2{font-size:clamp(2.5rem,10vw,3.6rem)!important}
}

/* Assistance CTA: compact, confident finish rather than a heavy block. */
#contact.cta{padding-block:82px!important;background:linear-gradient(135deg,#FFFDFC 0%,#EDF6FA 55%,#E5F0F5 100%)!important}
#contact.cta::before{width:58px!important;margin-bottom:22px!important;background:#C5A059!important}
#contact.cta h2{font-family:"Playfair Display",serif!important;font-size:clamp(2.5rem,4.3vw,4.2rem)!important;line-height:1!important;letter-spacing:-.018em!important}
#contact.cta p:not(.eyebrow){max-width:520px!important;line-height:1.8!important;margin:16px auto 26px!important;color:#68645F!important}
#contact.cta .eyebrow{color:#C5A059!important;letter-spacing:.2em!important}
#contact.cta .btn-primary{min-height:50px!important;padding-inline:28px!important;background:#1A1A1A!important;border-color:#1A1A1A!important}
@media(max-width:800px){#contact.cta{padding-block:70px!important}}

@media(prefers-reduced-motion:reduce){
  #heritage .heritage-media img{transition:none!important}
}

/* LOCKED HOMEPAGE COLLECTION SIZE — requested mobile/desktop refinement only */





/* ================================================================
   PATOLALUX HOMEPAGE — WORLD-CLASS EDITORIAL PASS
   Scope: homepage-only unlocked areas. The header, hero, featured
   marquee, video consultation, admin and product detail surfaces are
   intentionally left untouched.
   ================================================================ */
.homepage .desktop-only{display:inline}
.homepage .home-manifesto{
  position:relative; overflow:hidden; background:#F8FBFD;
  padding:clamp(82px,10vw,138px) 0 clamp(88px,11vw,148px);
  text-align:center; border-top:1px solid rgba(26,26,26,.06);
}
.homepage .home-manifesto::before{
  content:""; position:absolute; width:520px; height:520px; border-radius:50%;
  left:-250px; top:-240px; background:radial-gradient(circle,rgba(197,160,89,.11),transparent 68%); pointer-events:none;
}
.homepage .manifesto-inner{position:relative; max-width:980px; margin:auto}
.homepage .manifesto-inner .eyebrow{margin-bottom:12px; color:#C5A059!important; letter-spacing:.22em!important}
.homepage .manifesto-script{margin:0 0 12px; font:400 clamp(1.35rem,2.2vw,1.8rem)/1.1 "Playfair Display",cursive; color:#C5A059}
.homepage .manifesto-inner h2{
  margin:0; font:600 clamp(2.65rem,5.7vw,5.65rem)/.98 "Playfair Display",serif;
  letter-spacing:-.025em; color:#1A1A1A;
}
.homepage .manifesto-copy{max-width:650px; margin:25px auto 24px; color:#68645F; font-size:1rem; line-height:1.9}
.homepage .manifesto-link{font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; font-weight:700}
.homepage .manifesto-link span, .homepage .text-link span{margin-left:5px}

.homepage .home-house-edit{padding:clamp(82px,9vw,120px) 0; background:#fff}
.homepage .luxury-heading{max-width:720px; margin:0 auto 42px}
.homepage .luxury-heading-centered{text-align:center}
.homepage .luxury-heading .eyebrow{margin-bottom:9px; color:#C5A059!important; letter-spacing:.2em!important}
.homepage .luxury-heading h2{
  margin:0; color:#1A1A1A; font:600 clamp(2.6rem,4.5vw,4.6rem)/.98 "Playfair Display",serif; letter-spacing:-.02em
}
.homepage .luxury-heading p:not(.eyebrow){max-width:570px; margin:17px auto 0; color:#68645F; line-height:1.8}
.homepage .house-edit-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px}
.homepage .house-tile{position:relative; min-width:0; aspect-ratio:4/5; overflow:hidden; border-radius:18px; background:#EEF5F8; isolation:isolate; box-shadow:0 18px 48px rgba(26,26,26,.08)}
.homepage .house-tile::after{content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg,rgba(26,26,26,0) 45%,rgba(26,26,26,.72) 100%)}
.homepage .house-tile img{width:100%; height:100%; display:block; object-fit:cover; transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .6s ease}
.homepage .house-tile:hover img{transform:scale(1.045); filter:saturate(1.03)}
.homepage .house-tile-copy{position:absolute; z-index:2; left:24px; right:24px; bottom:24px; display:flex; flex-direction:column; color:#fff}
.homepage .house-tile-copy small{font-size:.65rem; letter-spacing:.18em; color:#C5A059; margin-bottom:5px}
.homepage .house-tile-copy strong{font:600 clamp(1.55rem,2.3vw,2.25rem)/1 "Playfair Display",serif}
.homepage .house-tile-copy em{font-style:normal; margin-top:7px; font-size:.67rem; letter-spacing:.13em; text-transform:uppercase; color:rgba(255,255,255,.82)}

.homepage .home-craft{padding:clamp(92px,10vw,140px) 0; background:#F2ECE4; border-top:1px solid rgba(26,26,26,.06); border-bottom:1px solid rgba(26,26,26,.06)}
.homepage .home-craft>.container{display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(48px,8vw,120px); align-items:start}
.homepage .craft-intro{position:sticky; top:110px; max-width:520px}
.homepage .craft-intro .eyebrow{color:#C5A059!important; letter-spacing:.2em!important}
.homepage .craft-intro h2{margin:10px 0 22px; color:#1A1A1A; font:600 clamp(3rem,5.2vw,5.4rem)/.9 "Playfair Display",serif; letter-spacing:-.025em}
.homepage .craft-intro h2 em, .homepage .home-private h2 em{font-style:italic; font-weight:500}
.homepage .craft-intro>p:not(.eyebrow){color:#68645F; line-height:1.9; max-width:480px; margin-bottom:28px}
.homepage .craft-intro .btn-outline{border-color:#1A1A1A; color:#1A1A1A}
.homepage .craft-list{border-top:1px solid rgba(26,26,26,.15)}
.homepage .craft-item{display:grid; grid-template-columns:54px 1fr; gap:24px; padding:26px 0 28px; border-bottom:1px solid rgba(26,26,26,.15)}
.homepage .craft-item>span{font:500 .75rem/1 "Inter",sans-serif; color:#C5A059; letter-spacing:.12em; padding-top:6px}
.homepage .craft-item h3{margin:0; color:#1A1A1A; font:600 clamp(1.45rem,2.2vw,2rem)/1.1 "Playfair Display",serif}
.homepage .craft-item p{margin:8px 0 0; color:#68645F; line-height:1.75; max-width:570px}

.homepage .home-story{padding:clamp(92px,10vw,140px) 0; background:#fff}
.homepage .home-story-grid{display:grid; grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr); gap:clamp(46px,7vw,96px); align-items:center}
.homepage .home-story-image{position:relative; aspect-ratio:5/6; overflow:hidden; border-radius:20px; background:#EAF3F7; box-shadow:0 24px 65px rgba(26,26,26,.11)}
@media(min-width:801px) and (max-width:1199px){.homepage .home-story-image{max-height:500px}}
@media(min-width:1200px) and (max-width:1599px){.homepage .home-story-image{max-height:570px}}
@media(min-width:1600px){.homepage .home-story-image{max-height:620px}}
.homepage .home-story-image::after{content:""; position:absolute; inset:0; border:1px solid rgba(255,255,255,.35); border-radius:20px; pointer-events:none}
.homepage .home-story-image img{width:100%; height:100%; object-fit:cover; display:block; transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.homepage .home-story-image:hover img{transform:scale(1.025)}
.homepage .home-story-copy{max-width:620px}
.homepage .home-story-copy .eyebrow{color:#C5A059!important; letter-spacing:.2em!important}
.homepage .story-script{margin:10px 0 4px; font:400 clamp(1.35rem,2.2vw,1.8rem)/1 "Playfair Display",cursive; color:#C5A059}
.homepage .home-story-copy h2{margin:0; color:#1A1A1A; font:600 clamp(2.8rem,5vw,5rem)/.94 "Playfair Display",serif; letter-spacing:-.02em}
.homepage .home-story-copy>p:not(.eyebrow):not(.story-script){color:#68645F; line-height:1.9; margin:23px 0 28px; max-width:540px}
.homepage .story-actions{display:flex; align-items:center; gap:22px; flex-wrap:wrap}
.homepage .story-actions .text-link{font-size:.7rem; text-transform:uppercase; letter-spacing:.14em; font-weight:700}

.homepage .home-private{position:relative; overflow:hidden; background:#1A1A1A; color:#fff; padding:clamp(88px,10vw,132px) 0; text-align:center}
.homepage .home-private::before, .homepage .home-private::after{content:""; position:absolute; border:1px solid rgba(139,191,211,.22); border-radius:50%; pointer-events:none}
.homepage .home-private::before{width:560px;height:560px;left:-300px;top:-260px}
.homepage .home-private::after{width:420px;height:420px;right:-220px;bottom:-250px}
.homepage .private-inner{position:relative; z-index:1; max-width:780px}
.homepage .private-inner .eyebrow{color:#C5A059!important; letter-spacing:.22em!important}
.homepage .home-private h2{margin:10px 0 20px; font:600 clamp(3rem,6vw,5.8rem)/.9 "Playfair Display",serif; letter-spacing:-.025em}
.homepage .home-private> .container>p:not(.eyebrow){max-width:590px; margin:0 auto 28px; color:rgba(255,255,255,.74); line-height:1.85}
.homepage .private-actions{display:flex; justify-content:center; align-items:center; gap:24px; flex-wrap:wrap}
.homepage .home-private .btn-primary{background:#C5A059; border-color:#C5A059; color:#1A1A1A; min-height:50px; padding-inline:26px; box-shadow:0 12px 30px rgba(0,0,0,.16)}
.homepage .home-private .text-link{color:#fff; font-size:.7rem; text-transform:uppercase; letter-spacing:.14em; font-weight:700}

.homepage .floating-whatsapp{box-shadow:0 12px 28px rgba(26,26,26,.18)!important}

@media(max-width:900px){
  .homepage .home-craft>.container{grid-template-columns:1fr;gap:46px}
  .homepage .craft-intro{position:static;max-width:680px}
  .homepage .home-story-grid{grid-template-columns:1fr;gap:40px}
  .homepage .home-story-image{max-width:680px}
}
@media(max-width:800px){
  .homepage .desktop-only{display:none}
  .homepage .home-manifesto{padding:72px 0 84px}
  .homepage .manifesto-inner h2{font-size:clamp(2.55rem,12vw,4.25rem)}
  .homepage .manifesto-copy{font-size:.92rem;line-height:1.8}
  .homepage .home-house-edit{padding:72px 0 82px}
  .homepage .luxury-heading{margin-bottom:28px}
  .homepage .house-edit-grid{grid-template-columns:1fr;gap:14px}
  .homepage .house-tile{aspect-ratio:4/5;border-radius:15px}
  .homepage .house-tile-copy{left:18px;right:18px;bottom:18px}
  .homepage .home-craft{padding:78px 0}
  .homepage .craft-intro h2{font-size:clamp(3rem,14vw,4.2rem)}
  .homepage .craft-item{grid-template-columns:42px 1fr;gap:16px;padding:22px 0}
  .homepage .home-story{padding:78px 0}
  .homepage .home-story-image{border-radius:15px}
  .homepage .home-story-image::after{border-radius:15px}
  .homepage .home-story-copy h2{font-size:clamp(2.8rem,12vw,4rem)}
  .homepage .home-private{padding:78px 0}
  .homepage .home-private h2{font-size:clamp(3rem,14vw,4.35rem)}
}
@media(max-width:520px){
  .homepage .house-tile-copy strong{font-size:1.85rem}
  .homepage .story-actions, .homepage .private-actions{align-items:stretch; flex-direction:column}
  .homepage .story-actions .btn, .homepage .private-actions .btn{width:100%; text-align:center}
}

/* ================================================================
   PATOLALUX — LUXURY MOTION PASS
   Unlocked homepage sections only. Motion uses opacity/transform so
   scrolling stays responsive and does not hijack the user's wheel.
   ================================================================ */
html{scroll-padding-top:88px;scroll-behavior:smooth;overscroll-behavior-x:none}
body{-webkit-overflow-scrolling:touch}
.homepage .home-motion{will-change:auto}
.homepage .house-tile.reveal{transform:translate3d(42px,0,0);opacity:0}
.homepage .house-tile.reveal.is-visible{transform:translate3d(0,0,0);opacity:1}
.homepage .craft-item.reveal{transform:translate3d(30px,0,0);opacity:0}
.homepage .craft-item.reveal.is-visible{transform:translate3d(0,0,0);opacity:1}
.homepage .home-story-image.reveal{transform:translate3d(-28px,0,0);opacity:0}
.homepage .home-story-image.reveal.is-visible{transform:translate3d(0,0,0);opacity:1}
.homepage .home-story-copy.reveal{transform:translate3d(30px,0,0);opacity:0}
.homepage .home-story-copy.reveal.is-visible{transform:translate3d(0,0,0);opacity:1}
.homepage .home-private.reveal{transform:translate3d(0,22px,0);opacity:0}
.homepage .home-private.reveal.is-visible{transform:translate3d(0,0,0);opacity:1}
.homepage .house-tile,.homepage .craft-item,.homepage .home-story-image,.homepage .home-story-copy,.homepage .home-private{transition:opacity .72s ease,transform .82s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
.homepage .house-tile:focus-visible{outline:2px solid #C5A059;outline-offset:4px}
.homepage .house-tile:hover{box-shadow:0 24px 60px rgba(26,26,26,.13)}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .homepage .home-motion,.homepage .house-tile.reveal,.homepage .craft-item.reveal,.homepage .home-story-image.reveal,.homepage .home-story-copy.reveal,.homepage .home-private.reveal{opacity:1!important;transform:none!important;transition:none!important;will-change:auto!important}
}


/* ==========================================================
   PATOLALUX — FINAL EDITORIAL REVEAL REPAIR
   Viewport-triggered motion only. Locked Hero, Featured Products,
   Video Consultation, header and product detail remain untouched.
   ========================================================== */
html{scroll-behavior:smooth!important;}
.homepage .house-tile.reveal,
.homepage .craft-item.reveal,
.homepage .home-story-image.reveal,
.homepage .home-story-copy.reveal,
.homepage .home-private.reveal{
  opacity:0!important;
  transition:opacity .78s ease,transform .88s cubic-bezier(.2,.72,.2,1)!important;
  transition-delay:var(--reveal-delay,0ms)!important;
  will-change:opacity,transform;
}
.homepage .house-tile.reveal{transform:translate3d(56px,0,0)!important;}
.homepage .craft-item.reveal{transform:translate3d(38px,0,0)!important;}
.homepage .home-story-image.reveal{transform:translate3d(-42px,0,0)!important;}
.homepage .home-story-copy.reveal{transform:translate3d(42px,0,0)!important;}
.homepage .home-private.reveal{transform:translate3d(0,28px,0)!important;}
@media(max-width:800px){
  .homepage .house-tile.reveal,
  .homepage .craft-item.reveal,
  .homepage .home-story-image.reveal,
  .homepage .home-story-copy.reveal,
  .homepage .home-private.reveal{will-change:auto;}
}
.homepage .house-tile.reveal.is-visible,
.homepage .craft-item.reveal.is-visible,
.homepage .home-story-image.reveal.is-visible,
.homepage .home-story-copy.reveal.is-visible,
.homepage .home-private.reveal.is-visible{
  opacity:1!important;
  transform:translate3d(0,0,0)!important;
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .homepage .house-tile.reveal,
  .homepage .craft-item.reveal,
  .homepage .home-story-image.reveal,
  .homepage .home-story-copy.reveal,
  .homepage .home-private.reveal{
    opacity:1!important;transform:none!important;transition:none!important;will-change:auto!important;
  }
}
.floating-whatsapp svg{width:28px!important;height:28px!important;fill:none!important;stroke:#fff!important;stroke-width:1.55!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.floating-whatsapp svg circle,.floating-whatsapp svg path{fill:none!important;stroke:#fff!important}

/* =========================================================================
   PATOLALUX — VIVAAN REQUESTED ENHANCEMENTS (Aug 2026)
   1. Trust strip (20+ Years / 100+ Weavers / Authentic / Certified)
   2. Craft-in-motion video section (homepage)
   3. Product page image zoom / magnifier lens
   4. Product page "Book a Video Call" CTA
   ========================================================================= */

/* ---- 1. Trust strip ---------------------------------------------------- */
.trust-strip{
  padding-block: clamp(40px,5vw,56px);
  background: linear-gradient(180deg,#F8FBFD 0%,#F2ECE4 100%);
  border-top: 1px solid rgba(26,26,26,.08);
  border-bottom: 1px solid rgba(26,26,26,.08);
}
.trust-strip-inner{
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: clamp(20px,3vw,32px);
  text-align: center;
}
.trust-item{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding-inline: 8px;
  border-left: 1px solid rgba(26,26,26,.1);
}
.trust-item:first-child{ border-left: 0; }
.trust-number{
  font-family: "Playfair Display", serif;
  font-weight: 600;
  font-size: clamp(2.1rem,3.4vw,2.9rem);
  line-height: 1;
  color: var(--gold,#C5A059);
  letter-spacing: -.01em;
}
.trust-number-text{ font-size: clamp(1.6rem,2.6vw,2.1rem); }
.trust-suffix{ margin-left: 1px; }
.trust-label{
  font-size: .74rem;
  letter-spacing: .08em;
  color: #68645F;
  text-transform: uppercase;
  max-width: 160px;
}
@media (max-width: 700px){
  .trust-strip-inner{ grid-template-columns: repeat(2,minmax(0,1fr)); row-gap: 28px; }
  .trust-item:nth-child(3){ border-left: 0; }
}

/* ---- 2. Craft-in-motion video section ---------------------------------- */
.craft-motion-section{ background: #fff; }
.craft-motion-grid{
  display: grid;
  grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
  column-gap: clamp(44px,5.5vw,80px);
  row-gap: 40px;
  align-items: center;
}
@media (min-width: 801px) and (max-width: 1199px){
  .craft-motion-grid{column-gap:44px;}
  .craft-motion-frame{max-height:470px;}
}
@media (min-width: 1200px) and (max-width: 1599px){
  .craft-motion-grid{column-gap:60px;}
  .craft-motion-frame{max-height:530px;}
}
@media (min-width: 1600px){
  .craft-motion-grid{column-gap:76px;}
  .craft-motion-frame{max-height:570px;}
}
.craft-motion-frame{
  position: relative;
  aspect-ratio: 5/6;
  overflow: hidden;
  border-radius: var(--radius,2px);
  background: #F7F3EE;
  box-shadow: var(--shadow);
}
.craft-motion-fallback,
.craft-motion-video{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.craft-motion-fallback{
  animation: patolaCraftKenBurns 14s ease-in-out infinite alternate;
}
.craft-motion-video{
  opacity: 0;
  visibility: hidden;
  transition: opacity .6s ease, visibility .6s ease;
}
.craft-motion-frame.is-video-ready .craft-motion-video{ opacity: 1; }
.craft-motion-frame.is-video-ready .craft-motion-fallback{ opacity: 0; }
@keyframes patolaCraftKenBurns{
  0%{ transform: scale(1) translate3d(0,0,0); }
  100%{ transform: scale(1.09) translate3d(-1%,-1%,0); }
}
.craft-motion-badge{
  position: absolute;
  left: 18px;
  bottom: 18px;
  background: rgba(26,26,26,.72);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  color: #fff;
  font-size: .62rem;
  letter-spacing: .18em;
  padding: 8px 14px;
  border-radius: 999px;
}
.craft-motion-copy h2{
  font-family: "Playfair Display", serif;
  font-weight: 600;
  font-size: clamp(2.4rem,4vw,3.4rem);
  line-height: 1.05;
  color: #1A1A1A;
  margin: 10px 0 18px;
}
.craft-motion-copy > p:not(.eyebrow){
  color: #68645F;
  line-height: 1.9;
  max-width: 480px;
  margin-bottom: 18px;
}
@media (max-width: 800px){
  .craft-motion-grid{ grid-template-columns: 1fr; gap: 28px; }
  .craft-motion-frame{ max-width: 420px; margin-inline: auto; width: 100%; }
}
@media (prefers-reduced-motion: reduce){
  .craft-motion-fallback{ animation: none; }
}

/* ---- 3. Product image zoom / magnifier --------------------------------- */
.product-detail-media{ position: relative; }
.image-zoom{ position: relative; overflow: hidden; }
/* High-specificity + !important here because this stylesheet already has a
   generic ".image-zoom span" rule (used for the "View image" caption) that
   would otherwise force our lens/hint spans into the wrong position. */
.image-zoom .zoom-lens,
.product-detail-media .image-zoom .zoom-lens{
  position: absolute!important;
  left: 0!important;
  top: 0!important;
  right: auto!important;
  pointer-events: none!important;
  border: 2px solid rgba(255,255,255,.9)!important;
  border-radius: 50%!important;
  width: 160px!important;
  height: 160px!important;
  padding: 0!important;
  box-shadow: 0 8px 26px rgba(0,0,0,.3)!important;
  background-color: transparent!important;
  background-repeat: no-repeat!important;
  -webkit-backdrop-filter: none!important;
  backdrop-filter: none!important;
  display: none;
  z-index: 5;
}
.image-zoom.has-lens .zoom-lens{ display: block!important; }
.image-zoom .zoom-hint,
.product-detail-media .image-zoom .zoom-hint{
  position: absolute!important;
  right: 14px!important;
  left: auto!important;
  bottom: 14px!important;
  top: auto!important;
  background: rgba(26,26,26,.72)!important;
  color: #fff!important;
  font-size: .68rem!important;
  letter-spacing: .1em!important;
  padding: 7px 12px!important;
  border-radius: 999px!important;
  border: 0!important;
  pointer-events: none!important;
  opacity: .92;
}
@media (hover: none){
  .zoom-hint{ display: none; } /* touch devices use tap-to-zoom lightbox instead */
}
.image-lightbox img{
  transition: transform .25s ease;
  transform-origin: center center;
  touch-action: pinch-zoom;
}
.image-lightbox img.is-zoomed{ transform: scale(2); cursor: zoom-out; }
.image-lightbox img:not(.is-zoomed){ cursor: zoom-in; }

/* ---- 4. Product page "Book a Video Call" CTA --------------------------- */
.product-video-cta{
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 14px 0 22px;
  padding: 14px 16px;
  background: #F2ECE4;
  border: 1px solid rgba(26,26,26,.1);
  border-radius: var(--radius,2px);
}
.product-video-cta p{
  margin: 0;
  font-size: .84rem;
  color: #445;
  line-height: 1.5;
}
.product-video-cta .btn{
  white-space: nowrap;
  min-height: 42px;
  padding-inline: 16px;
  font-size: .8rem;
}
@media (max-width: 520px){
  .product-video-cta{ flex-direction: column; align-items: flex-start; }
  .product-video-cta .btn{ width: 100%; }
}

/* ========================================================================
   PATOLALUX — BLUE / PASTEL LIGHT MASTER SYSTEM 2026
   Final visual layer: one light canvas, logo-led blue, soft pastel depth.
   IMPORTANT: homepage .hero is intentionally NOT styled here (locked).
   ======================================================================== */
html{background:var(--plx-ivory)!important;color-scheme:light!important;}
body{
  background:var(--plx-ivory)!important;
  color:var(--plx-ink)!important;
  -webkit-text-size-adjust:100%;
  text-rendering:optimizeLegibility;
  overflow-x:clip;
}
*,*::before,*::after{box-sizing:border-box;}
img,svg,video{max-width:100%;}
button,input,select,textarea{font:inherit;}
a{color:inherit;}

/* ------------------------------------------------------------------------
   ONE CONTINUOUS CANVAS
   Section separation is created by whitespace, type and imagery — not boxes.
   ------------------------------------------------------------------------ */
main > section:not(.hero),
.section-soft,
.home-manifesto,
.home-featured,
.home-house-edit,
.experience-section,
.video-consultation-section,
.heritage,
.craft-motion-section,
.home-story,
.home-private,
.cta{
  background:transparent!important;
  background-color:transparent!important;
  border-top-color:transparent!important;
  border-bottom-color:transparent!important;
}
main > section:not(.hero)::before,
main > section:not(.hero)::after{pointer-events:none;}

/* Keep only a few atmospheric washes; they fade into the same canvas. */
.home-manifesto::before,
.home-featured::before,
.home-house-edit::before,
.experience-section::before,
.video-consultation-section::before,
.heritage::before{
  background:linear-gradient(115deg,rgba(232,242,247,.72),rgba(251,252,250,0) 68%)!important;
  opacity:.58!important;
}

/* ------------------------------------------------------------------------
   TYPOGRAPHY
   ------------------------------------------------------------------------ */
body,button,input,select,textarea{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;}
h1, h2, h3, h4, .brand-name, .product-detail h1, .page-title h1{
  font-family:"Playfair Display",Georgia,serif!important;
  color:var(--plx-ink)!important;
}
h1,h2,h3{ text-wrap:balance; }
p{ text-wrap:pretty; }
.eyebrow,.manifesto-script,.section-script,.hero-script{
  color:var(--plx-blue-700)!important;
}
.manifesto-copy,
.home-story-copy>p:not(.eyebrow),
.video-consultation-copy>p:not(.eyebrow),
.craft-motion-copy>p:not(.eyebrow),
.home-private>p:not(.eyebrow),
.page-intro,
.policy-content p{
  color:var(--plx-muted)!important;
}

/* ------------------------------------------------------------------------
   HEADER
   ------------------------------------------------------------------------ */
.site-header,.site-header.scrolled{
  background:rgba(251,252,250,.94)!important;
  color:var(--plx-blue-950)!important;
  border-color:rgba(31,93,137,.10)!important;
  box-shadow:0 10px 32px rgba(20,66,97,.06)!important;
  -webkit-backdrop-filter:blur(18px) saturate(120%);
  backdrop-filter:blur(18px) saturate(120%);
}
.brand, .brand a, .brand-name, .main-nav a, .header-actions a, .icon-btn{
  color:var(--plx-blue-950)!important;
}
.brand-name{font-weight:700!important;letter-spacing:.055em!important;}
.main-nav a:hover, .main-nav a:focus-visible, .main-nav .active, .main-nav a[aria-current="page"]{color:var(--plx-blue-700)!important;}
.nav-submenu{background:rgba(255,255,255,.98)!important;border-color:var(--plx-border)!important;box-shadow:var(--plx-shadow)!important;}
.nav-submenu a:hover,.nav-submenu a:focus-visible{background:var(--plx-blue-50)!important;color:var(--plx-blue-800)!important;}
.menu-toggle span{background:var(--plx-blue-900)!important;}

/* ------------------------------------------------------------------------
   SECTIONS / EDITORIAL RHYTHM
   ------------------------------------------------------------------------ */
.section-heading,.home-story-copy,.video-consultation-copy,.craft-motion-copy{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.section-heading h2,.home-manifesto h2,.home-story-copy h2,.video-consultation-copy h2,
.craft-motion-copy h2,.home-private h2,.page-title h1{color:var(--plx-ink)!important;}
.home-private{
  background:linear-gradient(105deg,rgba(232,242,247,.82),rgba(244,249,251,.44),rgba(251,252,250,0))!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* ------------------------------------------------------------------------
   TRUST STRIP — quiet proof, not a coloured block
   ------------------------------------------------------------------------ */
.trust-strip{
  background:transparent!important;
  border-top:1px solid var(--plx-border)!important;
  border-bottom:1px solid var(--plx-border)!important;
}
.trust-item{border-color:var(--plx-border)!important;}
.trust-number{color:var(--plx-blue-800)!important;}
.trust-label{color:var(--plx-muted)!important;}

/* ------------------------------------------------------------------------
   PRODUCT / COLLECTION PRESENTATION
   ------------------------------------------------------------------------ */
.product-card,.catalog-card,.collection-card,.editorial-card,.house-tile,.craft-item,.trust-card{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
.product-card,.catalog-card,.collection-card,.editorial-card,.house-tile{
  min-width:0;
}
.product-image,.catalog-image{
  background:var(--plx-blue-50)!important;
  border:1px solid rgba(199,220,231,.65)!important;
  box-shadow:none!important;
  overflow:hidden;
}
.product-card h3,.catalog-card h3,.catalog-card .catalog-info h2{color:var(--plx-ink)!important;}
.product-card-category{color:var(--plx-muted)!important;}
.product-card-price{color:var(--plx-blue-800)!important;}
.product-card:hover .product-image,.catalog-card:hover .catalog-image{border-color:var(--plx-blue-300)!important;box-shadow:0 16px 38px rgba(20,66,97,.09)!important;}
.product-card:hover .product-image img,.catalog-card:hover .catalog-image img{filter:saturate(1.035)!important;}

.discount-tag{background:#F7F3EE!important;color:var(--plx-blue-800)!important;}
.reserved-tag{background:#F7F3EE!important;color:#57534D!important;}
.sold-out-tag{background:#EFF3F5!important;color:#6E7E89!important;border-color:#DCE5EA!important;}

/* ------------------------------------------------------------------------
   BUTTONS / LINKS
   ------------------------------------------------------------------------ */
.btn,.button{transition:transform .35s var(--plx-ease),box-shadow .35s var(--plx-ease),background-color .25s ease,border-color .25s ease!important;}
.btn-primary{
  background:var(--plx-blue-800)!important;
  border-color:var(--plx-blue-800)!important;
  color:#fff!important;
  box-shadow:0 10px 25px rgba(31,93,137,.16)!important;
}
.btn-primary:hover,.btn-primary:focus-visible{
  background:var(--plx-blue-950)!important;
  border-color:var(--plx-blue-950)!important;
  box-shadow:0 16px 34px rgba(18,58,90,.20)!important;
  transform:translateY(-1px);
}
.btn-outline{
  background:rgba(255,255,255,.72)!important;
  border-color:var(--plx-blue-300)!important;
  color:var(--plx-blue-800)!important;
}
.btn-outline:hover,.btn-outline:focus-visible{
  background:var(--plx-blue-50)!important;
  border-color:var(--plx-blue-600)!important;
  color:var(--plx-blue-950)!important;
}
.text-link{color:var(--plx-blue-700)!important;text-decoration-color:rgba(47,112,155,.30)!important;}
.text-link:hover{color:var(--plx-blue-950)!important;text-decoration-color:var(--plx-gold)!important;}

/* ------------------------------------------------------------------------
   SHOP / FILTERS — contained so S24 cannot push the page sideways
   ------------------------------------------------------------------------ */
.catalog-tools{
  width:100%;max-width:100%;min-width:0;
  background:rgba(240,246,249,.78)!important;
  border:1px solid var(--plx-border)!important;
  box-shadow:none!important;
  overflow:visible;
}
.catalog-tools *{min-width:0;}
.catalog-grid, .product-grid{min-width:0;}
input,select,textarea{
  max-width:100%;
  background:#fff!important;
  color:var(--plx-ink)!important;
  border-color:var(--plx-border)!important;
}
input::placeholder,textarea::placeholder{color:#8A857E!important;opacity:1;}
input:focus,select:focus,textarea:focus{
  border-color:var(--plx-blue-500)!important;
  box-shadow:0 0 0 3px rgba(67,135,174,.13)!important;
  outline:none!important;
}

/* ------------------------------------------------------------------------
   VIDEO / CRAFT / CONSULTATION
   ------------------------------------------------------------------------ */
.craft-motion-section{background:transparent!important;}
.craft-motion-frame{background:var(--plx-blue-50)!important;box-shadow:var(--plx-shadow)!important;}
.craft-motion-badge{background:rgba(23,74,115,.86)!important;}
.product-video-cta{
  background:linear-gradient(105deg,var(--plx-blue-50),rgba(255,255,255,.65))!important;
  border-color:var(--plx-border)!important;
}
.product-video-cta p{color:var(--plx-muted)!important;}

/* ------------------------------------------------------------------------
   PRODUCT DETAIL / ZOOM
   ------------------------------------------------------------------------ */
.product-thumb{border-color:var(--plx-border)!important;}
.product-thumb.is-active{border-color:var(--plx-blue-600)!important;box-shadow:0 0 0 1px var(--plx-blue-600)!important;}
.image-zoom .zoom-hint,.product-detail-media .image-zoom .zoom-hint{background:rgba(23,74,115,.86)!important;}
.image-zoom .zoom-lens,.product-detail-media .image-zoom .zoom-lens{border-color:rgba(255,255,255,.96)!important;box-shadow:0 8px 26px rgba(18,58,90,.22)!important;}

/* ------------------------------------------------------------------------
   PAGE HEROES / INNER PAGES
   ------------------------------------------------------------------------ */
.page-hero,.page-title{
  background:linear-gradient(120deg,var(--plx-blue-100),var(--plx-sky),var(--plx-ivory))!important;
  color:var(--plx-ink)!important;
  border-bottom:1px solid rgba(199,220,231,.55)!important;
}

/* ------------------------------------------------------------------------
   TOAST / FLOATING ACTION
   ------------------------------------------------------------------------ */
.pl-toast{
  background:rgba(255,255,255,.98)!important;
  color:var(--plx-ink)!important;
  border-color:var(--plx-border)!important;
  box-shadow:0 20px 55px rgba(18,58,90,.15)!important;
}
.pl-toast span{color:var(--plx-muted)!important;}
.pl-toast-close{border-color:var(--plx-border)!important;color:var(--plx-muted)!important;}
.floating-whatsapp{box-shadow:0 12px 30px rgba(18,58,90,.16)!important;}

/* ------------------------------------------------------------------------
   FOOTER — medium/deep blue endpoint, still part of the LIGHT system
   ------------------------------------------------------------------------ */
.site-footer{
  background:linear-gradient(180deg,var(--plx-blue-800),var(--plx-blue-900))!important;
  color:#FFFDFC!important;
}
.footer-cities{
  background:rgba(23,74,115,.78)!important;
  border-bottom-color:rgba(217,234,242,.16)!important;
}
.footer-cities h2,.site-footer h4{color:#fff!important;}
.city-group,.footer-column a,.footer-brand-block p,.footer-address{color:rgba(245,250,252,.74)!important;}
.footer-column h4{color:var(--plx-gold-soft)!important;}
.footer-column a:hover,.footer-map-link:hover{color:#fff!important;}
.footer-bottom{border-top-color:rgba(217,234,242,.15)!important;color:rgba(245,250,252,.58)!important;}

/* ------------------------------------------------------------------------
   GLOBAL QUALITY GUARDS
   ------------------------------------------------------------------------ */
:focus-visible{outline:2px solid var(--plx-blue-600)!important;outline-offset:3px;}
button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent; }
.container, .header-inner, .section-heading, .catalog-tools{min-width:0;}

/* Mobile: the site becomes lighter and more spacious, never a shrunken desktop. */
@media(max-width:900px){
  .catalog-tools{background:rgba(240,246,249,.86)!important;}
  .product-grid,.catalog-grid{min-width:0;}
  .btn,.button{min-height:44px;}
}
@media(max-width:600px){
  .home-private{margin-inline:0!important;}
  .product-image,.catalog-image{border-radius:14px!important;}
  .trust-strip{border-top-color:rgba(232,224,213,.75)!important;border-bottom-color:rgba(232,224,213,.75)!important;}
}
@media(max-width:380px){
  .container{width:calc(100% - 28px)!important;}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important;}
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}
}

/* ========================================================================
   PATOLALUX 1000X — BLUE / PASTEL / CONTINUOUS LIGHT EXPERIENCE
   Final corrective layer. No legacy warm palette, no dark theme, no section dividers,
   no rounded storefront photography. WhatsApp green remains intentional.
   ======================================================================== */
html,body{background:var(--plx-bg)!important;color:var(--plx-text)!important;color-scheme:light!important;}
body{overflow-x:clip!important;}

/* Storefront palette is exclusively blue, ivory and soft pastels. */
.site-header, .main-nav, .nav-submenu{color:var(--plx-blue-deep)!important;background:#FFFFFF!important;border-color:var(--plx-line)!important;}
.site-header{box-shadow:0 8px 28px rgba(23,50,74,.055)!important;}
.brand,.brand-name,.main-nav a,.nav-dropdown>a,.icon-btn{color:var(--plx-blue-deep)!important;}
.main-nav a:hover,.main-nav a.is-active,.nav-dropdown>a:hover,.nav-dropdown>a.is-active,.text-link:hover{color:var(--plx-blue)!important;}
.main-nav a::after,.main-nav a.is-active::after,.nav-dropdown>a.is-active::after{background:var(--plx-blue-soft)!important;}
.menu-toggle span{background:var(--plx-blue-deep)!important;}

/* Marquee: explicit royal blue. */
.patola-marquee{background:var(--plx-blue)!important;color:#fff!important;border:0!important;}
.patola-marquee-track{color:#fff!important;}
.patola-marquee-track i{color:var(--plx-sky)!important;}

/* Hero is intentionally left structurally untouched. */
.hero{border:0!important;}

/* Continuous page canvas — remove visual section dividers. */
main>section, main>section:not(.hero), .section, .section-soft, .home-manifesto, .home-featured, .home-house-edit, .experience-section, .video-consultation-section, .heritage, .craft-motion-section, .home-story, .home-private, .cta, .page-hero, .page-title, .trust-strip{
  border-top:0!important;border-bottom:0!important;background:transparent!important;
}
main>section+section{margin-top:0!important;}
.trust-strip{box-shadow:none!important;}
.trust-item{border:0!important;}

/* Use pastel atmosphere through soft washes, never boxed blocks. */
.home-manifesto::before,.home-featured::before,.home-house-edit::before,
.experience-section::before,.video-consultation-section::before,.heritage::before{
  background:radial-gradient(circle at 18% 30%,rgba(207,229,239,.38),transparent 58%)!important;
  opacity:1!important;
}
.home-private{background:linear-gradient(105deg,rgba(234,244,248,.78),rgba(242,248,251,.34),transparent)!important;border-radius:0!important;}
.experience-section{background:linear-gradient(180deg,transparent,rgba(234,244,248,.30),transparent)!important;}

/* Storefront photography: square/editorial corners. */
.catalog-image, .product-image, .product-detail-media, .product-detail-media-wrap, .house-tile, .home-story-image, .craft-motion-frame, .editorial-card .media, .collection-card .collection-image, .video-consultation-media, .video-consultation-image, .story-image{
  border-radius:0!important;
}
.catalog-image::after,.home-story-image::after{border-radius:0!important;}
.catalog-image,.product-image,.product-detail-media{border-color:var(--plx-line)!important;background:#fff!important;box-shadow:none!important;}
.catalog-card:hover .catalog-image,.product-card:hover .product-image{border-color:var(--plx-sky)!important;box-shadow:0 16px 38px rgba(23,50,74,.08)!important;}

/* Product UI stays softly rounded; only photos are square. */
.btn,.button,.detail-actions .btn{border-radius:999px!important;}
.catalog-tools{background:rgba(242,248,251,.72)!important;border:1px solid var(--plx-line)!important;box-shadow:none!important;border-radius:14px!important;}
.product-thumb{border-color:var(--plx-line)!important;border-radius:0!important;}
.image-lightbox img{border-radius:0!important;}

/* Typography and pastel accents. */
h1,h2,h3,h4,.brand-name,.page-title h1,.product-detail h1{color:var(--plx-text)!important;}
.eyebrow,.manifesto-script,.section-script,.hero-script{color:var(--plx-blue)!important;}
.product-card-price, .cart-count{color:var(--plx-blue)!important;}

/* Cities: clean editorial service directory with a quiet pastel treatment. */
.footer-cities .container{max-width:1200px!important;}
.footer-cities .eyebrow{margin-bottom:8px!important;color:var(--plx-blue)!important;}
.footer-cities h2{margin-bottom:24px!important;font-size:clamp(2rem,4vw,3.1rem)!important;}
.city-group{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px 28px!important;
  align-items:start!important;
  max-height:none!important;
  font-size:.79rem!important;
  line-height:1.65!important;
}



.city-name{display:inline!important;}

/* City separators are intentionally hidden in the final directory. */
.city-group .city-sep{color:#A8C5D2!important;}

/* Remove all decorative section rules, including legacy homepage rules. */
.homepage .home-craft,.homepage .craft-list,.homepage .craft-item,
.homepage .home-story-image::after,.homepage .site-footer .footer-bottom{
  border-top:0!important;border-bottom:0!important;border-color:transparent!important;
}

/* Keep WhatsApp icon exactly as a WhatsApp action. */
.floating-whatsapp{background:#25D366!important;color:#fff!important;border-color:rgba(255,255,255,.9)!important;}

/* Mobile: more breathing room, no sideways overflow. */
@media(max-width:900px){
  .container{width:min(100% - 28px,1200px)!important;}
  .city-group{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px 20px!important;}
}
@media(max-width:520px){
  .city-group{grid-template-columns:1fr!important;gap:6px!important;font-size:.76rem!important;}
  .footer-cities{padding-bottom:34px!important;}
}

/* City directory markup enhancement */
.city-directory{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:28px!important;}
.city-directory .city-column{display:flex!important;flex-wrap:wrap!important;align-content:flex-start!important;gap:0!important;min-width:0!important;}
.city-directory .city-name{position:relative!important;display:inline-block!important;color:#496B7E!important;line-height:1.65!important;white-space:normal!important;}
.city-directory .city-name:not(:last-child)::after{content:"";display:inline-block;width:1px;height:11px;margin:0 9px;background:#A8C5D2;vertical-align:-1px;}
.city-directory .city-sep,.city-directory .city-line{display:none!important;}
@media(max-width:900px){.city-directory{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important;}}
@media(max-width:520px){.city-directory{grid-template-columns:1fr!important;gap:6px!important}.city-directory .city-column{display:block!important}.city-directory .city-name{margin-right:0!important}.city-directory .city-name:not(:last-child)::after{margin:0 8px!important;}}

/* 1000X photo rule: all editorial/product photography uses clean square edges. */
main img:not(.brand-logo), main picture img, main figure img, .collection-card img, .house-tile img, .home-story-image img, .product-detail-media img, .product-thumb img, .catalog-image img{border-radius:0!important;}

/* Final footer/city cleanup */
.footer-cities .city-directory{margin-top:4px!important;}
.footer-cities .city-column{padding:0!important;border:0!important;}
.footer-cities .city-name{font-weight:400!important;}

/* ========================================================================
   PATOLALUX 1000X — PASTEL CONTINUOUS LUXURY POLISH
   Final visual pass: airy pastel canvas, stronger hierarchy, elevated footer,
   editorial city directory, no section-divider boxes, no warm/brown tones.
   Hero structure remains locked.
   ======================================================================== */
html,body{
  background:
    radial-gradient(900px 520px at 0% 12%,rgba(232,224,213,.52),transparent 68%),
    radial-gradient(900px 560px at 100% 34%,rgba(240,237,250,.46),transparent 70%),
    radial-gradient(760px 520px at 18% 78%,rgba(234,246,242,.42),transparent 68%),
    linear-gradient(180deg,#FCFBF8 0%,#FFFFFF 42%,#F8FCFD 100%)!important;
  color:var(--plx-ink)!important;
}
body{font-family:"Inter",sans-serif!important;overflow-x:clip!important;}

/* One continuous page instead of stacked colour cards. */
main>section:not(.hero),
main>section.section,
main>section.section-soft,
main>section.home-manifesto,
main>section.home-house-edit,
main>section.video-consultation-section,
main>section.craft-motion-section,
main>section.home-story,
main>section.home-private,
main>section.trust-strip{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  position:relative;
}
main>section:not(.hero)::before,
main>section:not(.hero)::after{border:0!important;}
main>section+section{border-top:0!important;}

/* Pastel atmosphere: broad, soft, never a hard rectangular section split. */
.home-manifesto,
.home-house-edit,
.video-consultation-section,
.craft-motion-section,
.home-story,
.home-private,
#featured{
  isolation:isolate;
}
.home-manifesto::before,
.home-house-edit::before,
.video-consultation-section::before,
.craft-motion-section::before,
.home-story::before,
#featured::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(55% 80% at 8% 50%,rgba(232,224,213,.28),transparent 72%),
    radial-gradient(48% 72% at 92% 45%,rgba(240,237,250,.22),transparent 72%);
}
.home-private::before{
  content:"";
  position:absolute;
  inset:10% 0;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(65% 90% at 50% 50%,rgba(234,246,242,.62),transparent 74%);
}

/* Section rhythm — luxury spacing, no divider lines. */
.home-manifesto,.home-house-edit,.video-consultation-section,
.craft-motion-section,.home-story,.home-private,#featured{padding-block:clamp(72px,8vw,128px)!important;}
.trust-strip{padding-block:28px!important;background:rgba(255,255,255,.28)!important;}
.trust-strip-inner{border:0!important;}
.trust-item{border:0!important;box-shadow:none!important;}

/* Typography hierarchy. */
h1,h2,h3,h4,.brand-name,.page-title h1,.product-detail h1{
  color:var(--plx-ink)!important;
  text-wrap:balance;
}
.eyebrow,.hero-script,.section-script,.manifesto-script{color:var(--plx-blue)!important;}
.eyebrow{letter-spacing:.17em!important;}
.section-heading{align-items:end!important;}
.section-heading h2,.luxury-heading h2{letter-spacing:-.025em!important;}
.text-link{color:var(--plx-blue)!important;}
.text-link:hover{color:var(--plx-blue-deep)!important;}

/* Buttons: refined blue, pastel hover, consistent touch targets. */
.btn,.button{
  min-height:46px;
  border-radius:999px!important;
  transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease,border-color .25s ease!important;
}
.btn-primary{
  background:var(--plx-blue)!important;
  border-color:var(--plx-blue)!important;
  color:#fff!important;
  box-shadow:0 10px 28px rgba(57,127,168,.14)!important;
}
.btn-primary:hover{background:var(--plx-blue-deep)!important;border-color:var(--plx-blue-deep)!important;transform:translateY(-2px);box-shadow:0 16px 34px rgba(26,26,26,.16)!important;}

/* Cards remain elegant; photos stay editorial/square. */
.catalog-card, .product-card, .collection-card, .house-tile, .editorial-card{
  background:rgba(255,255,255,.70)!important;
  border-color:transparent!important;
  box-shadow:0 14px 42px rgba(34,91,119,.055)!important;
}
.catalog-card:hover, .product-card:hover, .collection-card:hover, .house-tile:hover, .editorial-card:hover{
  box-shadow:0 22px 54px rgba(34,91,119,.10)!important;
}
main img:not(.brand-logo), main picture img, main figure img, .catalog-image, .product-image, .product-detail-media, .product-detail-media-wrap, .house-tile, .home-story-image, .craft-motion-frame, .editorial-card .media, .collection-card .collection-image, .video-consultation-media, .video-consultation-image, .story-image{
  border-radius:0!important;
}
.catalog-image, .product-image, .product-detail-media, .product-detail-media-wrap, .craft-motion-frame, .video-consultation-media{
  border:0!important;
  background:rgba(245,250,252,.72)!important;
}
.catalog-image img,.product-image img,.product-detail-media img,
.house-tile img,.collection-card img,.home-story-image img,
.craft-motion-frame img,.video-consultation-media img{border-radius:0!important;}

/* Inputs/toolbars use pastel surfaces rather than boxed grey panels. */
.catalog-tools{
  background:rgba(242,248,251,.78)!important;
  border:1px solid rgba(232,224,213,.82)!important;
  box-shadow:0 12px 34px rgba(34,91,119,.045)!important;
  border-radius:16px!important;
}
.catalog-tools input, .catalog-tools select, input, select, textarea{
  background:rgba(255,255,255,.86)!important;
  color:var(--plx-ink)!important;
  border-color:var(--plx-line)!important;
}

/* Header: airy white with a pastel glass treatment. */
.site-header{
  background:rgba(252,251,248,.88)!important;
  border-bottom:1px solid rgba(232,224,213,.78)!important;
  box-shadow:0 8px 30px rgba(26,26,26,.055)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.main-nav a,.nav-dropdown>a,.icon-btn,.brand-name{color:var(--plx-ink)!important;}
.main-nav a:hover,.main-nav a.is-active,.nav-dropdown>a:hover,.nav-dropdown>a.is-active,.icon-btn:hover{color:var(--plx-blue)!important;}
.menu-toggle span{background:var(--plx-ink)!important;}
.cart-count{background:var(--plx-blue)!important;color:#fff!important;}

/* Announcement marquee — only blue/pastel. */

.patola-marquee-track,.patola-marquee-group span{color:#fff!important;}
.patola-marquee-track i,.patola-marquee-group i{color:var(--plx-sky)!important;}

/* Featured rail — clean, slow, product-led. */
#featuredGrid.featured-marquee{background:transparent!important;border:0!important;}
#featuredGrid.featured-marquee .featured-marquee-track{gap:18px!important;}
#featuredGrid.featured-marquee .featured-marquee-group .catalog-card{background:rgba(255,255,255,.76)!important;}

/* Video / story areas: soft pastel glow rather than section boxes. */
.video-consultation-grid,.craft-motion-grid,.home-story-grid,.private-inner{position:relative;}
.video-consultation-copy,.craft-motion-copy,.home-story-copy{max-width:620px;}
.video-consultation-badge,.craft-motion-badge{background:rgba(255,255,255,.88)!important;color:var(--plx-blue-deep)!important;border-color:rgba(232,224,213,.82)!important;backdrop-filter:blur(10px);}

/* WhatsApp: preserve the good icon/action. */
.floating-whatsapp{background:#25D366!important;color:#fff!important;border:0!important;box-shadow:0 12px 30px rgba(37,211,102,.22)!important;}

/* Cities are now a calm editorial directory, not a dense text wall. */
.footer-cities{
  background:transparent!important;
  border:0!important;
  padding:clamp(70px,8vw,108px) 0 62px!important;
}
.footer-cities .container{max-width:1240px!important;}
.footer-cities-intro{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:40px!important;
  align-items:end!important;
  margin-bottom:38px!important;
}
.footer-cities .eyebrow{color:var(--plx-blue)!important;margin:0 0 10px!important;}
.footer-cities h2{
  color:var(--plx-ink)!important;
  font-size:clamp(2.6rem,5.2vw,5rem)!important;
  line-height:.92!important;
  letter-spacing:-.045em!important;
  margin:0!important;
}
.footer-cities-copy{
  max-width:650px!important;
  margin:18px 0 0!important;
  color:#527188!important;
  font-size:.98rem!important;
  line-height:1.8!important;
}
.footer-city-count{
  min-width:170px!important;
  display:flex!important;
  align-items:baseline!important;
  gap:10px!important;
  padding:14px 0 4px!important;
  color:var(--plx-blue-deep)!important;
}
.footer-city-count strong{
  font-family:"Playfair Display",serif!important;
  font-size:4.4rem!important;
  line-height:.75!important;
  font-weight:500!important;
  color:var(--plx-blue)!important;
}
.footer-city-count span{
  font-size:.68rem!important;
  line-height:1.35!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  color:#5D7B8C!important;
}

.city-directory{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:0 24px!important;
  align-items:start!important;
  padding-top:10px!important;
}
.city-directory .city-column{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  min-width:0!important;
  align-content:start!important;
}
.city-directory .city-name{
  display:flex!important;
  align-items:center!important;
  min-height:32px!important;
  padding:3px 0!important;
  color:#57534D!important;
  font-size:.79rem!important;
  line-height:1.45!important;
  font-weight:450!important;
  letter-spacing:.01em!important;
  transition:color .2s ease,transform .2s ease!important;
}
.city-directory .city-name::before{
  content:""!important;
  width:4px!important;
  height:4px!important;
  flex:0 0 4px!important;
  margin-right:10px!important;
  border-radius:50%!important;
  background:#9EC7D7!important;
}
.city-directory .city-name::after{display:none!important;content:none!important;}
.city-directory .city-name:hover{color:var(--plx-blue-deep)!important;transform:translateX(3px);}


/* Footer main: strong hierarchy without heavy dark panels. */
.footer-main{
  display:grid!important;
  grid-template-columns:1.45fr repeat(4,1fr)!important;
  gap:46px 34px!important;
  padding-top:58px!important;
  padding-bottom:52px!important;
}
.footer-brand-block{max-width:360px!important;}
.brand-footer .brand-name{color:var(--plx-ink)!important;}
.brand-footer .brand-logo{filter:none!important;}
.footer-brand-block>p,.footer-column p,.footer-address{
  color:#527188!important;
  line-height:1.75!important;
}
.footer-brand-block>p{max-width:320px!important;margin:14px 0 16px!important;}
.footer-column{gap:8px!important;}
.footer-column h4{
  color:var(--plx-ink)!important;
  margin:0 0 9px!important;
  font-size:.78rem!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
.footer-column a,.footer-map-link{
  color:#57534D!important;
  line-height:1.6!important;
  transition:color .2s ease,transform .2s ease!important;
}
.footer-column a:hover,.footer-map-link:hover{color:var(--plx-blue)!important;transform:translateX(2px);}
.footer-bottom{
  border:0!important;
  padding:20px 0 26px!important;
  color:#668293!important;
  font-size:.72rem!important;
  background:rgba(255,255,255,.20)!important;
}

/* All visual section boundaries remain invisible. */
.site-footer .footer-bottom, .site-footer .footer-cities, .site-footer .footer-main, .trust-strip, .trust-item, .craft-item{border-top:0!important;border-bottom:0!important;border-color:transparent!important;}

/* Responsive footer + city directory. */
@media(max-width:1100px){
  .city-directory{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0 20px!important;}
  .footer-main{grid-template-columns:1.4fr repeat(2,1fr)!important;}
}
@media(max-width:760px){
  .home-manifesto,.home-house-edit,.video-consultation-section,.craft-motion-section,.home-story,.home-private,#featured{padding-block:66px!important;}
  .footer-cities{padding:60px 0 42px!important;}
  .footer-cities-intro{grid-template-columns:1fr!important;gap:24px!important;align-items:start!important;}
  .footer-city-count{min-width:0!important;padding:0!important;}
  .footer-city-count strong{font-size:3.8rem!important;}
  .city-directory{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 24px!important;}
  .footer-main{grid-template-columns:1fr 1fr!important;gap:34px 24px!important;padding-top:42px!important;}
}
@media(max-width:520px){
  .home-manifesto,.home-house-edit,.video-consultation-section,.craft-motion-section,.home-story,.home-private,#featured{padding-block:56px!important;}
  .footer-cities h2{font-size:clamp(2.45rem,14vw,3.8rem)!important;}
  .footer-cities-copy{font-size:.9rem!important;line-height:1.7!important;}
  .city-directory{grid-template-columns:1fr!important;gap:0!important;}
  .city-directory .city-name{min-height:31px!important;font-size:.78rem!important;}
  .footer-main{grid-template-columns:1fr!important;gap:28px!important;padding-top:36px!important;padding-bottom:34px!important;}
  .footer-bottom{flex-direction:column!important;align-items:flex-start!important;gap:6px!important;}
}

/* Accessibility / motion guard. */
:focus-visible{outline:2px solid var(--plx-blue)!important;outline-offset:3px!important;}
@media(prefers-reduced-motion:reduce){
  .city-directory .city-name,.footer-column a,.btn,.button{transition:none!important;}
}


/* ========================================================================
   PATOLALUX 1000X — FINAL PREMIUM CORRECTION PASS
   Requested fixes: header count, readable contrast, single WhatsApp mark,
   text-free VC image, compact city directory, footer separation, gentle
   House Edit rounding, richer pastel atmosphere and luxury motion.
   Hero remains locked.
   ======================================================================== */
/* Final palette guard: warm legacy accents are neutralized above. */
body,html{
  background:
    radial-gradient(900px 560px at -8% 8%,rgba(230,214,183,.58),transparent 68%),
    radial-gradient(760px 520px at 108% 28%,rgba(240,237,250,.48),transparent 70%),
    radial-gradient(820px 560px at 15% 92%,rgba(234,246,242,.42),transparent 70%),
    linear-gradient(180deg,#FCFBF8 0%,#FFFFFF 42%,#FFFDFC 100%)!important;
  color:var(--plx-ink)!important;
}

/* Header: the bag count is a calm status indicator, never an alert-looking
   saturated badge. */
.site-header{background:rgba(255,255,255,.88)!important;border-bottom:1px solid rgba(215,233,240,.82)!important;box-shadow:0 10px 34px rgba(26,26,26,.055)!important;}
.header-actions .icon-btn{background:transparent!important;color:var(--plx-ink)!important;}
.header-actions .icon-btn:hover{background:rgba(230,214,183,.34)!important;color:var(--plx-blue)!important;}
.cart-count{
  display:inline-grid!important;
  place-items:center!important;
  min-width:18px!important;
  height:18px!important;
  padding:0 5px!important;
  margin-left:4px!important;
  border-radius:999px!important;
  background:#E4F2F7!important;
  color:var(--plx-blue-deep)!important;
  border:1px solid #CFE5EF!important;
  font-size:.68rem!important;
  line-height:1!important;
  font-weight:700!important;
  box-shadow:none!important;
  vertical-align:middle!important;
}
.cart-count[hidden]{display:none!important;}

/* Marquee: clean royal/pastel blue only. */
.patola-marquee{background:linear-gradient(90deg,#746E65,#397FA8,#4387AE)!important;color:#fff!important;border:0!important;box-shadow:0 4px 18px rgba(26,26,26,.08)!important;}

.patola-marquee-track i,.patola-marquee-group i{color:#CFE8F2!important;}

/* Video Consultation: remove the ugly text background and image darkening.
   The image carries the visual story; typography stays outside it. */
.video-consultation-media::after{display:none!important;content:none!important;background:none!important;}
.video-consultation-badge{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  color:#fff!important;
  text-shadow:0 2px 18px rgba(0,0,0,.42)!important;
  padding:0!important;
}
.video-consultation-badge span{color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.5)!important;}
.video-consultation-badge strong{color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.5)!important;}

/* House Edit: intentionally the only photography group with a small,
   fashion-editorial radius as requested. */
.homepage .house-tile,
.homepage .house-tile img{border-radius:14px!important;overflow:hidden!important;}
.homepage .house-tile{box-shadow:0 18px 48px rgba(34,91,119,.08)!important;transition:transform .65s cubic-bezier(.2,.7,.2,1),box-shadow .65s ease!important;}
.homepage .house-tile:hover{transform:translateY(-6px)!important;box-shadow:0 28px 62px rgba(34,91,119,.13)!important;}
.homepage .house-tile:hover img{transform:scale(1.045)!important;}

/* Cities: compact inline directory — no one-city-per-line wall. */
.footer-cities{
  background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(228,242,247,.28))!important;
  padding:clamp(72px,8vw,110px) 0 72px!important;
  margin:0!important;
}
.footer-cities-intro{margin-bottom:34px!important;}
.city-directory{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:22px!important;
  padding:26px 0 0!important;
}
.city-directory .city-column{
  display:flex!important;
  flex-wrap:wrap!important;
  align-content:flex-start!important;
  gap:0!important;
  min-width:0!important;
}
.city-directory .city-name{
  display:inline-flex!important;
  align-items:center!important;
  min-height:0!important;
  padding:4px 0!important;
  margin:0!important;
  color:#3F657B!important;
  font-size:.78rem!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  transform:none!important;
}
.city-directory .city-name::before{
  width:3px!important;height:3px!important;flex:0 0 3px!important;
  margin:0 8px 0 0!important;background:#8DBED1!important;
}
.city-directory .city-name:not(:last-child)::after{
  content:""!important;display:inline-block!important;
  width:1px!important;height:10px!important;margin:0 9px!important;
  background:#B7D5E1!important;vertical-align:middle!important;
}
.city-directory .city-name:hover{color:var(--plx-blue-deep)!important;transform:translateY(-1px)!important;}

/* The city directory and footer navigation are separated by rhythm and
   tonal shift, not a border/divider. */
.footer-main{
  padding-top:72px!important;
  padding-bottom:54px!important;
}
.site-footer{
  background:
    radial-gradient(70% 120% at 0% 0%,rgba(255,255,255,.78),transparent 62%),
    radial-gradient(60% 100% at 100% 30%,rgba(240,237,250,.68),transparent 65%),
    linear-gradient(135deg,#E8F4F8 0%,#DCEFF5 48%,#EEF0F9 100%)!important;
  color:var(--plx-ink)!important;
  border:0!important;
}
.site-footer .footer-brand-block,
.site-footer .footer-column{position:relative!important;z-index:2!important;}
.site-footer .brand-name,
.site-footer h4{color:var(--plx-blue-deep)!important;}
.site-footer .footer-brand-block>p,
.site-footer .footer-column p,
.site-footer .footer-address{color:#476C80!important;}
.site-footer .footer-column a,
.site-footer .footer-map-link{color:#315E78!important;}
.site-footer .footer-column a:hover,
.site-footer .footer-map-link:hover{color:var(--plx-blue-deep)!important;}
.site-footer .footer-bottom{
  background:rgba(255,255,255,.26)!important;
  color:#587789!important;
  border:0!important;
  margin-top:0!important;
  padding-top:22px!important;
}
.site-footer .footer-bottom span{color:#3F657B!important;}

/* Remove any remaining section-divider line, while preserving layout. */
main>section, main>section+section, .section, .section-soft, .craft-item, .trust-strip, .trust-item, .site-footer, .footer-cities, .footer-main, .footer-bottom{
  border-top:0!important;border-bottom:0!important;
}

/* One floating WhatsApp button only; footer WhatsApp is a normal link and
   cannot visually collide with the fixed control. */
.floating-whatsapp{
  width:56px!important;height:56px!important;
  right:max(18px,env(safe-area-inset-right))!important;
  bottom:max(20px,env(safe-area-inset-bottom))!important;
  display:grid!important;place-items:center!important;
  background:#25D366!important;color:#fff!important;
  border:3px solid rgba(255,255,255,.94)!important;
  border-radius:50%!important;
  box-shadow:0 14px 34px rgba(37,211,102,.20)!important;
  z-index:20000!important;
}
.floating-whatsapp svg{width:29px!important;height:29px!important;display:block!important;fill:none!important;stroke:#fff!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.floating-whatsapp svg circle{fill:none!important;stroke:#fff!important;}
.floating-whatsapp:hover{transform:translateY(-4px) scale(1.035)!important;box-shadow:0 18px 40px rgba(37,211,102,.25)!important;}
/* Keep the footer CTA away from the fixed button on narrow screens. */
@media(max-width:760px){.site-footer .footer-main{padding-bottom:104px!important;}.floating-whatsapp{width:52px!important;height:52px!important;right:max(14px,env(safe-area-inset-right))!important;bottom:max(16px,env(safe-area-inset-bottom))!important;}.floating-whatsapp svg{width:27px!important;height:27px!important;}}

/* Premium motion system: restrained, purposeful, never game-like. */
@keyframes plxSoftFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-5px,0)}}
@keyframes plxPastelDrift{0%{transform:translate3d(-1%,0,0) scale(1)}50%{transform:translate3d(1%,1%,0) scale(1.015)}100%{transform:translate3d(-1%,0,0) scale(1)}}
.home-manifesto::before,.home-house-edit::before,.video-consultation-section::before,
.craft-motion-section::before,.home-story::before,#featured::before{
  animation:plxPastelDrift 16s ease-in-out infinite!important;
  transform-origin:center!important;
}
.eyebrow,.section-script,.manifesto-script{transition:letter-spacing .35s ease,color .35s ease!important;}
.btn, .icon-btn, .catalog-card, .product-card, .collection-card, .editorial-card, .house-tile, .floating-whatsapp, .footer-column a{
}
.btn:hover{transform:translateY(-2px)!important;}
.catalog-card, .product-card, .collection-card, .editorial-card{
  transition:transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .55s ease!important;
}
.catalog-card:hover, .product-card:hover, .collection-card:hover, .editorial-card:hover{transform:translateY(-5px)!important;}
.catalog-card img,.product-card img,.collection-card img{
  transition:transform .85s cubic-bezier(.2,.7,.2,1),filter .55s ease!important;
}
.catalog-card:hover img,.product-card:hover img,.collection-card:hover img{transform:scale(1.025)!important;filter:saturate(1.025)!important;}

/* Mobile: keep the luxury rhythm without horizontal drift. */
@media(max-width:1100px){
  .city-directory{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;}
}
@media(max-width:760px){
  .city-directory{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 20px!important;}
  .footer-cities{padding:58px 0 56px!important;}
  .footer-cities-intro{margin-bottom:24px!important;}
  .city-directory .city-name{font-size:.76rem!important;padding:3px 0!important;}
  .city-directory .city-name:not(:last-child)::after{margin-inline:7px!important;}
}
@media(max-width:480px){
  .city-directory{grid-template-columns:1fr!important;gap:0!important;}
  .city-directory .city-column{display:flex!important;flex-wrap:wrap!important;}
  .city-directory .city-name{font-size:.74rem!important;}
  .footer-main{padding-top:54px!important;}
}

@media(prefers-reduced-motion:reduce){
  .home-manifesto::before,.home-house-edit::before,.video-consultation-section::before,
  .craft-motion-section::before,.home-story::before,#featured::before{animation:none!important;}
  .btn, .icon-btn, .catalog-card, .product-card, .collection-card, .editorial-card, .house-tile, .floating-whatsapp, .footer-column a{transition:none!important;will-change:auto!important;}
}


/* ========================================================================
   PATOLALUX MASTER DESIGN SYSTEM — QUIET LUXURY / OLD MONEY
   Final visual layer. Hero geometry and existing hero slider behavior remain
   untouched. No backend or business logic is represented here.
   ======================================================================== */
html,body{background:var(--plx-pearl)!important;color:var(--plx-charcoal)!important;color-scheme:light!important;overflow-x:clip;}
body,button,input,select,textarea{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;}
h1, h2, h3, h4, .brand-name, .product-detail h1, .page-title h1{font-family:"Playfair Display",Georgia,serif!important;color:var(--plx-charcoal)!important;letter-spacing:-.012em;}
h1,h2,h3{font-weight:600!important;text-wrap:balance;}
p{line-height:1.72;}

/* Continuous editorial canvas */
main>section:not(.hero),.section-soft,.home-manifesto,.home-featured,.home-house-edit,
.experience-section,.video-consultation-section,.heritage,.craft-motion-section,.home-story,.home-private,.cta,
.trust-strip{background:transparent!important;border-color:transparent!important;box-shadow:none!important;}
main>section:not(.hero)::before,main>section:not(.hero)::after{display:none!important;}
.container{width:min(1240px,calc(100% - 48px));min-width:0;margin-inline:auto;}
.section{padding-block:clamp(76px,9vw,144px)!important;}
.section-heading{margin-bottom:clamp(30px,4vw,58px)!important;}
.eyebrow{color:var(--plx-gold)!important;letter-spacing:.18em!important;font-weight:600!important;}
.page-intro,.manifesto-copy,.home-story-copy>p:not(.eyebrow),.video-consultation-copy>p:not(.eyebrow),.craft-motion-copy>p:not(.eyebrow),.home-private>p:not(.eyebrow),.policy-content p{color:var(--plx-muted)!important;}

/* Header */
.site-header,.site-header.scrolled{background:rgba(251,249,246,.92)!important;color:var(--plx-charcoal)!important;border-color:rgba(26,26,26,.08)!important;box-shadow:0 8px 30px rgba(26,26,26,.045)!important;backdrop-filter:blur(18px) saturate(110%);}
.brand, .brand a, .brand-name, .main-nav a, .header-actions a, .icon-btn{color:var(--plx-charcoal)!important;}
.brand-name{font-family:"Playfair Display",Georgia,serif!important;font-weight:600!important;letter-spacing:.035em!important;}
.main-nav a:hover, .main-nav a:focus-visible, .main-nav .active, .main-nav a[aria-current=page]{color:var(--plx-gold)!important;}
.nav-submenu{background:#FFFDFC!important;border:1px solid var(--plx-border)!important;box-shadow:var(--plx-shadow)!important;}
.nav-submenu a:hover,.nav-submenu a:focus-visible{background:#F7F1E8!important;color:var(--plx-charcoal)!important;}
.menu-toggle span{background:var(--plx-charcoal)!important;}
.cart-count{background:transparent!important;color:var(--plx-gold)!important;border:1px solid var(--plx-gold-soft)!important;box-shadow:none!important;}

/* Buttons */
.btn,.button,.icon-btn{transition:transform .45s var(--plx-ease),box-shadow .45s var(--plx-ease),background-color .35s ease,border-color .35s ease,color .35s ease!important;}
.btn-primary{background:var(--plx-charcoal)!important;border-color:var(--plx-charcoal)!important;color:#fff!important;box-shadow:0 12px 28px rgba(26,26,26,.10)!important;}
.btn-primary:hover,.btn-primary:focus-visible{background:#30302E!important;border-color:#30302E!important;box-shadow:0 18px 42px rgba(26,26,26,.16)!important;transform:translateY(-2px)!important;}
.btn-outline{background:rgba(255,253,250,.8)!important;border-color:var(--plx-border-strong)!important;color:var(--plx-charcoal)!important;}
.btn-outline:hover,.btn-outline:focus-visible{background:#F7F1E8!important;border-color:var(--plx-gold)!important;color:var(--plx-charcoal)!important;transform:translateY(-1px)!important;}
.text-link{color:var(--plx-charcoal)!important;text-decoration-color:rgba(197,160,89,.45)!important;text-underline-offset:5px;}
.text-link:hover{color:#8E6D34!important;text-decoration-color:var(--plx-gold)!important;}

/* Cards / photography */
.product-card,.catalog-card,.collection-card,.editorial-card,.house-tile,.craft-item,.trust-card{background:transparent!important;border-color:transparent!important;box-shadow:none!important;min-width:0;}
.product-image,.catalog-image{background:#F4EEE6!important;border:0!important;border-radius:0!important;overflow:hidden!important;box-shadow:none!important;}
.product-image img,.catalog-image img{transition:transform 1s var(--plx-ease),filter 1s ease!important;}
.product-card:hover .product-image img,.catalog-card:hover .catalog-image img{transform:scale(1.025)!important;filter:saturate(1.02)!important;}
.house-tile img{border-radius:10px!important;transition:transform 1.1s var(--plx-ease),filter .8s ease!important;}
.house-tile:hover img{transform:scale(1.025)!important;}
.house-tile-copy strong{font-family:"Playfair Display",Georgia,serif!important;}
.product-card h3,.catalog-card h3,.catalog-card .catalog-info h2{color:var(--plx-charcoal)!important;}
.product-card-category{color:var(--plx-soft)!important;}
.product-card-price{color:var(--plx-charcoal)!important;}
.discount-tag, .reserved-tag{background:#F4EEE6!important;color:#665537!important;border:1px solid #E7DAC5!important;}
.sold-out-tag{background:#EFEAE3!important;color:#777168!important;border-color:#DDD4C8!important;}

/* Video consultation — no text panel over image */
.video-consultation-media{position:relative;overflow:hidden;background:#F4EEE6!important;}
.video-consultation-media::before,.video-consultation-media::after{display:none!important;}
.video-consultation-media img{display:block;transition:transform 1.2s var(--plx-ease)!important;}
.video-consultation-media:hover img{transform:scale(1.02)!important;}
.video-consultation-copy{background:transparent!important;border:0!important;box-shadow:none!important;}
.video-consultation-copy h2{max-width:12ch;}

/* Craft / story */
.craft-motion-frame{background:#F4EEE6!important;box-shadow:none!important;border-radius:0!important;overflow:hidden;}
.craft-motion-frame img,.craft-motion-frame video{transition:transform 1.2s var(--plx-ease)!important;}
.craft-motion-frame:hover img,.craft-motion-frame:hover video{transform:scale(1.015)!important;}
.craft-motion-badge{background:rgba(26,26,26,.78)!important;color:#fff!important;}
.home-story-image img{transition:transform 1.1s var(--plx-ease)!important;}
.home-story-image:hover img{transform:scale(1.018)!important;}

/* Shop / filters */
.catalog-tools{width:100%;max-width:100%;min-width:0;background:rgba(246,241,234,.72)!important;border:1px solid var(--plx-border)!important;box-shadow:none!important;border-radius:10px!important;}

input,select,textarea{background:#FFFDFC!important;color:var(--plx-charcoal)!important;border-color:var(--plx-border)!important;}
input::placeholder,textarea::placeholder{color:#8C867D!important;opacity:1;}
input:focus,select:focus,textarea:focus{border-color:var(--plx-gold)!important;box-shadow:0 0 0 3px rgba(197,160,89,.13)!important;outline:none!important;}

/* PDP */
.product-detail{align-items:start;gap:clamp(36px,6vw,90px)!important;}

.product-detail-copy{position:sticky;top:110px;align-self:start;}
.product-thumb{border-color:var(--plx-border)!important;border-radius:4px!important;}
.product-thumb.is-active{border-color:var(--plx-gold)!important;box-shadow:0 0 0 1px var(--plx-gold)!important;}
.image-zoom .zoom-hint,.product-detail-media .image-zoom .zoom-hint{background:rgba(26,26,26,.72)!important;color:#fff!important;}
.product-video-cta{background:#F6F1EA!important;border:1px solid var(--plx-border)!important;}
.product-specs,.product-story-grid article{border-color:var(--plx-border)!important;}

/* Page titles */
.page-hero,.page-title{background:transparent!important;color:var(--plx-charcoal)!important;border-bottom:0!important;}
.page-title{padding-block:clamp(76px,9vw,120px)!important;}

/* Cities: premium editorial delivery directory — inspired by the reference, redesigned for PatolaLux. */
.footer-cities{
  background:linear-gradient(180deg,#F8F3EC 0%,#F5EFE7 100%)!important;
  border:0!important;
  padding-block:clamp(64px,7vw,104px)!important;
  position:relative!important;
  overflow:hidden!important;
}
.footer-cities::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 12% 8%,rgba(197,160,89,.10),transparent 34%),radial-gradient(circle at 88% 92%,rgba(157,189,204,.12),transparent 36%);
}
.footer-cities .container{position:relative!important;z-index:1!important;max-width:1240px!important;}
.footer-cities-intro{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:48px!important;
  align-items:end!important;
  margin-bottom:42px!important;
}
.footer-cities .eyebrow{color:var(--plx-blue)!important;margin:0 0 10px!important;letter-spacing:.16em!important;}
.footer-cities-intro h2{
  color:var(--plx-ink)!important;
  font-size:clamp(2.35rem,4.6vw,4.6rem)!important;
  line-height:.95!important;
  letter-spacing:-.04em!important;
  margin:.15em 0 .3em!important;
}
.footer-cities-copy{
  max-width:650px!important;
  margin:16px 0 0!important;
  color:#5C7180!important;
  font-size:.96rem!important;
  line-height:1.8!important;
}
.footer-city-count{
  min-width:176px!important;
  border:1px solid rgba(197,160,89,.42)!important;
  background:rgba(255,253,250,.62)!important;
  color:var(--plx-charcoal)!important;
  border-radius:2px!important;
  padding:18px 24px!important;
  text-align:center!important;
  box-shadow:0 12px 30px rgba(26,26,26,.045)!important;
}
.footer-city-count strong{
  display:block!important;
  font-family:"Playfair Display",Georgia,serif!important;
  font-size:clamp(2.8rem,4vw,4rem)!important;
  line-height:.9!important;
  font-weight:500!important;
  color:var(--plx-gold)!important;
}
.footer-city-count span{
  display:block!important;
  margin-top:9px!important;
  font-size:.64rem!important;
  line-height:1.45!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
  color:#667C89!important;
}
.city-directory{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px 34px!important;
  align-items:start!important;
  padding-top:22px!important;
  border-top:1px solid rgba(197,160,89,.32)!important;
}
.city-directory .city-column{
  display:flex!important;
  flex-wrap:wrap!important;
  align-content:flex-start!important;
  gap:0!important;
  min-width:0!important;
  padding:0!important;
  background:transparent!important;
}
.city-directory .city-name{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:30px!important;
  padding:4px 0!important;
  margin:0!important;
  color:#536C7A!important;
  border:0!important;
  font-size:.82rem!important;
  line-height:1.45!important;
  white-space:nowrap!important;
  cursor:default!important;
  transition:color .25s ease,transform .25s ease!important;
  animation:cityDirectoryReveal .7s ease both!important;
}
.city-directory .city-name::after{
  content:""!important;
  display:inline-block!important;
  width:1px!important;
  height:12px!important;
  margin:0 10px!important;
  background:var(--plx-gold)!important;
  opacity:.72!important;
  transform:translateY(1px)!important;
}
.city-directory .city-column .city-name:last-child::after{display:none!important;}
.city-directory .city-name:hover{
  color:var(--plx-blue)!important;
  transform:translateY(-1px)!important;
}
.city-directory .city-name:hover::after{opacity:.92!important;}
@keyframes cityDirectoryReveal{
  from{opacity:0;transform:translateY(5px)}
  to{opacity:1;transform:none}
}
.city-directory .city-column:nth-child(1) .city-name{animation-delay:40ms!important;}
.city-directory .city-column:nth-child(2) .city-name{animation-delay:100ms!important;}
.city-directory .city-column:nth-child(3) .city-name{animation-delay:160ms!important;}
.city-directory .city-column:nth-child(4) .city-name{animation-delay:220ms!important;}


@media(max-width:1100px){
  .city-directory{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px 26px!important;}
}
@media(max-width:900px){
  .footer-cities{padding-block:58px 48px!important;}
  .footer-cities-intro{grid-template-columns:1fr auto!important;gap:28px!important;margin-bottom:34px!important;}
  .city-directory{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 22px!important;}
  .city-directory .city-name{font-size:.8rem!important;}
}
@media(max-width:760px){
  .footer-cities-intro{grid-template-columns:1fr!important;gap:22px!important;align-items:start!important;}
  .footer-city-count{justify-self:start!important;min-width:150px!important;}
}
@media(max-width:520px){
  .footer-cities{padding-block:52px 40px!important;}
  .footer-cities-intro h2{font-size:clamp(2.25rem,12vw,3.6rem)!important;}
  .footer-cities-copy{font-size:.88rem!important;line-height:1.7!important;}
  .city-directory{grid-template-columns:1fr!important;gap:4px!important;}
  .city-directory .city-column{display:block!important;}
  .city-directory .city-name{display:inline-flex!important;min-height:30px!important;font-size:.78rem!important;}
}
@media(prefers-reduced-motion:reduce){
  .city-directory .city-name{animation:none!important;transition:none!important;}
}

/* Footer — unmistakably separate from cities */
.site-footer{background:var(--plx-charcoal)!important;color:#F8F5EF!important;border-top:0!important;}
.footer-main{padding-block:clamp(70px,8vw,112px)!important;display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:42px!important;}
.footer-brand-block .brand,.footer-brand-block .brand-name{color:#FFFDFC!important;}
.footer-brand-block p,.footer-address,.footer-column p{color:rgba(248,245,239,.68)!important;}
.site-footer h4{color:#FFFDFC!important;font-family:Inter,sans-serif!important;font-size:.72rem!important;letter-spacing:.16em!important;text-transform:uppercase;}
.footer-column a,.footer-map-link{color:rgba(248,245,239,.74)!important;transition:color .3s ease,transform .3s ease!important;}
.footer-column a:hover,.footer-map-link:hover{color:#fff!important;transform:translateX(2px);}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12)!important;color:rgba(248,245,239,.55)!important;padding-block:22px!important;}
.floating-whatsapp{box-shadow:0 14px 32px rgba(0,0,0,.18)!important;}

/* Toast */
.pl-toast{background:#FFFDFC!important;color:var(--plx-charcoal)!important;border-color:var(--plx-border)!important;box-shadow:0 20px 55px rgba(26,26,26,.14)!important;}



/* Luxury loader */
.plx-loader{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:var(--plx-pearl);opacity:1;transition:opacity .6s var(--plx-ease),visibility .6s ease;}
.plx-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none;}
.plx-loader-inner{width:min(280px,70vw);text-align:center;}
.plx-loader-mark{display:block;font:600 13px/1 "Playfair Display",Georgia,serif;letter-spacing:.28em;color:var(--plx-charcoal);margin-left:.28em;}
.plx-loader-line{display:block;height:1px;margin-top:18px;background:#E8E0D5;overflow:hidden;}
.plx-loader-line i{display:block;width:34%;height:100%;background:var(--plx-gold);animation:plxLoader 1.5s var(--plx-ease) infinite;}
@keyframes plxLoader{0%{transform:translateX(-120%)}100%{transform:translateX(330%)}}

/* Reveal / micro interactions */
.reveal,.home-motion,.catalog-card,.house-tile,.product-detail-copy,.product-detail-media{opacity:0;transform:translateY(18px);transition:opacity .9s var(--plx-ease),transform 1s var(--plx-ease);transition-delay:var(--reveal-delay,0ms);}
.reveal.is-visible,.home-motion.is-visible,.catalog-card.is-visible,.house-tile.is-visible,.product-detail-copy.is-visible,.product-detail-media.is-visible{opacity:1;transform:none;}
.catalog-card:hover .catalog-info h2{color:#8E6D34!important;}
.btn:active{transform:scale(.985)!important;}

/* Skeletons */
.plx-skeleton-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.5vw,32px);}
.plx-skeleton-card{min-width:0;}
.plx-skeleton-media{aspect-ratio:4/5;background:linear-gradient(90deg,#F1EBE3 20%,#FAF6F0 40%,#F1EBE3 60%);background-size:200% 100%;animation:plxShimmer 1.5s ease-in-out infinite;}
.plx-skeleton-line{height:11px;width:72%;margin-top:16px;background:#EDE5DA;border-radius:99px;}
.plx-skeleton-line.short{width:42%;margin-top:9px;}
@keyframes plxShimmer{to{background-position:-200% 0}}
.image-load-error{opacity:0!important;}

/* Accessibility / motion */
:focus-visible{outline:2px solid var(--plx-gold)!important;outline-offset:4px!important;}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important;}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;}
  .reveal,.home-motion,.catalog-card,.house-tile,.product-detail-copy,.product-detail-media{opacity:1!important;transform:none!important;}
}
@media(max-width:1024px){
  .footer-main{grid-template-columns:1.4fr repeat(2,1fr)!important;}
  .city-directory{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .plx-skeleton-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:700px){
  .container{width:min(100% - 32px,1240px);}
  .section{padding-block:68px!important;}
  .footer-cities-intro{grid-template-columns:1fr;gap:24px;align-items:start;}
  .footer-city-count{justify-self:start;}
  .city-directory{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:2px 18px!important;}
  .footer-main{grid-template-columns:1fr 1fr!important;gap:34px 22px!important;}
  .footer-brand-block{grid-column:1/-1;}
  .plx-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
  .product-detail-copy{position:static;}
}
@media(max-width:420px){
  .city-directory{grid-template-columns:1fr 1fr!important;}
  .city-name{font-size:.78rem!important;}
  .footer-main{grid-template-columns:1fr!important;}
  .footer-brand-block{grid-column:auto;}
}


/* FINAL QA SAFETY LAYER — 2026-09-04 */
/* Enquiry flow: override legacy dark-theme rules with the same light luxury system as the storefront. */
.enquiry-layout, .enquiry-items, .enquiry-row, .enquiry-card, .enquiry-review, .enquiry-confirmation, .empty-state{color:var(--plx-charcoal)!important;}
.enquiry-row, .enquiry-card, .enquiry-review, .enquiry-confirmation, .empty-state{background:#FFFDFC!important;border-color:var(--plx-border)!important;box-shadow:none!important;}
.enquiry-card input,.enquiry-card textarea{background:#FFFDFC!important;color:var(--plx-charcoal)!important;border:1px solid var(--plx-border)!important;border-radius:8px!important;padding:.8rem .9rem!important;}
.enquiry-card input:focus,.enquiry-card textarea:focus{border-color:var(--plx-gold)!important;box-shadow:0 0 0 3px rgba(197,160,89,.13)!important;}
.enquiry-row h3, .order-review-card h2, .order-confirmation-card h2{color:var(--plx-charcoal)!important;}
.enquiry-row .muted,.review-panel .muted,.enquiry-card .muted{color:var(--plx-muted)!important;opacity:1!important;}

.form-error{background:#F9EEEE!important;color:#8E4D50!important;border:1px solid #E8CCCC!important;}


html{color-scheme:light!important;}
body{overscroll-behavior-x:none;}
.house-tile,.house-tile img,.home-house-edit .collection-card img{border-radius:14px!important;}
.product-image,.catalog-image,.product-detail-media{border-radius:0!important;}
/* Prevent generated content from creating accidental horizontal overflow. */
.catalog-grid, .product-grid, .footer-main, .city-directory{min-width:0;}
img,video{max-width:100%;}
@media(max-width:800px){.city-directory{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.footer-main{grid-template-columns:1fr 1fr!important;}}
@media(max-width:520px){.city-directory{grid-template-columns:1fr!important;}.footer-main{grid-template-columns:1fr!important;}}

/* ==========================================================
   PATOLALUX V2 — REQUESTED VISIBILITY + BRAND ASSET FIXES
   ========================================================== */
/* Loader: circular PatolaLux mark + wordmark, never a square image. */
.plx-loader-inner{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;}
.plx-loader-logo{width:64px!important;height:64px!important;display:block!important;object-fit:cover!important;border-radius:50%!important;background:#fff!important;box-shadow:0 8px 24px rgba(26,26,26,.08)!important;margin:0 auto 18px!important;}
.plx-loader-mark{display:block!important;color:var(--plx-charcoal)!important;font-family:"Playfair Display",Georgia,serif!important;font-size:14px!important;font-weight:600!important;letter-spacing:.30em!important;line-height:1!important;margin-left:.30em!important;}
.plx-loader-line{width:100%!important;margin-top:18px!important;}

/* Trust figures: numbers are the visual accent; labels stay quiet. */
.trust-strip .trust-number,
.trust-strip .trust-number-text,
.trust-strip .trust-count,
.trust-strip .trust-suffix{color:var(--plx-gold)!important;font-family:"Playfair Display",Georgia,serif!important;}
.trust-strip .trust-number{font-size:clamp(30px,3vw,44px)!important;line-height:1.05!important;display:block!important;}
.trust-strip .trust-label{color:var(--plx-muted)!important;font-family:Inter,system-ui,sans-serif!important;display:block!important;margin-top:7px!important;}

/* Story / concierge CTAs: never allow white-on-white or transparent-button states. */
.home-story-copy .btn-primary,
.home-private .btn-primary,
.story-actions .btn-primary,
.private-actions .btn-primary,
.video-consultation-copy .btn-primary{
  background:var(--plx-charcoal)!important;
  border:1px solid var(--plx-charcoal)!important;
  color:#FFFDFC!important;
  text-shadow:none!important;
  opacity:1!important;
  visibility:visible!important;
}
.home-story-copy .btn-primary:hover,
.home-private .btn-primary:hover,
.story-actions .btn-primary:hover,
.private-actions .btn-primary:hover,
.video-consultation-copy .btn-primary:hover{background:#30302E!important;color:#FFFDFC!important;border-color:#30302E!important;}
.story-actions .text-link,.home-story-copy .text-link,.home-private .text-link{color:var(--plx-charcoal)!important;opacity:1!important;visibility:visible!important;}
.homepage .private-actions .text-link{color:#1A1A1A!important;opacity:1!important;visibility:visible!important;transition:color .25s ease,transform .25s ease!important;}
.homepage .private-actions .text-link:hover{color:var(--plx-gold)!important;transform:translateX(2px)!important;}

/* Footer: explicit high-contrast brand lockup and supporting line. */
.site-footer .brand-footer,
.site-footer .brand-footer .brand-name{color:#FFFDFC!important;opacity:1!important;visibility:visible!important;}
.site-footer .brand-footer .brand-logo{background:#FFFDFC!important;border-radius:50%!important;opacity:1!important;}
.site-footer .footer-brand-block>p{color:rgba(255,253,250,.82)!important;opacity:1!important;visibility:visible!important;}
.site-footer .footer-address{color:rgba(255,253,250,.68)!important;opacity:1!important;visibility:visible!important;}
.site-footer .footer-map-link{color:#FFFDFC!important;}

/* One consistent local WhatsApp asset on every storefront page. */
.floating-whatsapp{background:#25D366!important;border:3px solid rgba(255,255,255,.94)!important;border-radius:50%!important;overflow:hidden!important;display:grid!important;place-items:center!important;}
.floating-whatsapp img{width:30px!important;height:30px!important;display:block!important;max-width:none!important;object-fit:contain!important;}
@media(max-width:760px){.floating-whatsapp img{width:27px!important;height:27px!important;}}

/* Featured pieces: cards must be visible immediately; the rail itself handles motion. */
#featuredGrid.featured-marquee .catalog-card{opacity:1!important;visibility:visible!important;transform:none!important;}
#featuredGrid.featured-marquee .catalog-card .catalog-image{opacity:1!important;visibility:visible!important;}
#featuredGrid.featured-marquee .catalog-card img{opacity:1!important;visibility:visible!important;}

@media(prefers-reduced-motion:reduce){
  .plx-loader-logo{box-shadow:none!important;}
}

/* ==========================================================
   PATOLALUX — FINAL STOREWIDE VISIBILITY + PRODUCT RIBBON PASS
   ========================================================== */
/* Product imagery is the hero of every card. Labels live on the image,
   never as a noisy stack beneath it. */
.catalog-image{position:relative!important;isolation:isolate!important;background:#F4EEE6!important;overflow:hidden!important;}
.catalog-image img{position:relative!important;z-index:1!important;display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;}
.product-ribbons{position:absolute!important;inset:14px 14px auto 14px!important;z-index:4!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:7px!important;pointer-events:none!important;}
.luxury-ribbon{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:28px!important;padding:6px 11px 5px!important;border-radius:2px!important;border:1px solid rgba(197,160,89,.58)!important;background:rgba(251,249,246,.94)!important;color:#3E3529!important;font:600 9px/1 Inter,system-ui,sans-serif!important;letter-spacing:.16em!important;text-transform:uppercase!important;box-shadow:0 5px 18px rgba(26,26,26,.08)!important;backdrop-filter:blur(8px)!important;}

.ribbon-discount{background:#C5A059!important;border-color:#C5A059!important;color:#1A1A1A!important;}
.ribbon-status{background:rgba(251,249,246,.96)!important;color:#514B43!important;border-color:#D8CCBC!important;}
.catalog-info{padding-top:16px!important;}
.catalog-info .product-card-category{margin-bottom:5px!important;}

/* Header Bag: zero is completely absent; when items exist the count floats
   like a refined mobile notification badge over the bag icon. */
.header-actions .enquiry-bag,.header-actions .icon-btn{position:relative!important;overflow:visible!important;}
.header-actions .cart-count{position:absolute!important;top:-7px!important;right:-7px!important;min-width:20px!important;height:20px!important;padding:0 5px!important;display:grid!important;place-items:center!important;border-radius:999px!important;background:#C5A059!important;color:#1A1A1A!important;border:2px solid #FBF9F6!important;box-shadow:0 4px 14px rgba(26,26,26,.14)!important;font:700 10px/1 Inter,system-ui,sans-serif!important;letter-spacing:0!important;z-index:8!important;}
.header-actions .cart-count[hidden]{display:none!important;}

/* Buttons/links: enforce readable contrast on light editorial sections. */
.home-story-copy .btn,.home-private .btn,.video-consultation-copy .btn,.story-actions .btn,.private-actions .btn,.cta .btn,
main .btn:not(.btn-disabled){text-shadow:none!important;}
.home-story-copy .btn:not(.btn-primary),.home-private .btn:not(.btn-primary),.video-consultation-copy .btn:not(.btn-primary),
.story-actions .btn:not(.btn-primary),.private-actions .btn:not(.btn-primary){background:#FFFDFC!important;color:#1A1A1A!important;border:1px solid #CFC4B5!important;}
.home-story-copy .btn-primary,.home-private .btn-primary,.video-consultation-copy .btn-primary,.story-actions .btn-primary,.private-actions .btn-primary{background:#1A1A1A!important;color:#FFFDFC!important;border-color:#1A1A1A!important;}

/* Storewide light-surface contrast audit: headings and body copy stay dark;
   white text is reserved for genuinely dark overlays/footer/primary buttons. */
main .section-soft h1,main .section-soft h2,main .section-soft h3,main .section-soft h4,
main .home-story h1,main .home-story h2,main .home-story h3,main .home-private h1,main .home-private h2,main .home-private h3,
main .video-consultation-section h1,main .video-consultation-section h2,main .video-consultation-section h3,
main .page-title h1,main .page-title h2,main .page-hero h1,main .page-hero h2{color:#1A1A1A!important;}
main .section-soft p:not(.eyebrow),main .home-story p:not(.eyebrow),main .home-private p:not(.eyebrow),
main .video-consultation-section p:not(.eyebrow),main .page-intro{color:#68645F!important;}
main .text-link:not(.private-actions .text-link){color:#1A1A1A!important;}
main .text-link:hover:not(.private-actions .text-link){color:#8E6D34!important;}

/* Form surfaces across every page: dark text against pearl/white inputs. */
input,select,textarea{color:#1A1A1A!important;background:#FFFDFC!important;}
label{color:#4F4A44!important;}
input::placeholder,textarea::placeholder{color:#8A857E!important;}

@media(max-width:700px){
  .product-ribbons{inset:10px 10px auto 10px!important;gap:6px!important;}
  .luxury-ribbon{min-height:25px!important;padding:5px 8px 4px!important;font-size:8px!important;letter-spacing:.12em!important;}
  .header-actions .cart-count{top:-6px!important;right:-5px!important;min-width:19px!important;height:19px!important;font-size:9px!important;}
}
@media(prefers-reduced-motion:reduce){.catalog-card:hover .catalog-image img{transform:none!important;}}


/* ========================================================================
   PATOLALUX — LOCKED SCOPE FINAL POLISH
   Only requested areas are affected: header surface, product media/ribbons,
   price layout, footer, story/video presentation, contact details and motion.
   Cities section remains intentionally untouched.
   ======================================================================== */
/* Header: one continuous surface; no grey-white-grey banding. */
.site-header,.site-header.scrolled{background:rgba(251,249,246,.97)!important;background-image:none!important;border:0!important;border-bottom:1px solid rgba(26,26,26,.075)!important;box-shadow:0 8px 30px rgba(26,26,26,.045)!important;backdrop-filter:blur(18px) saturate(105%)!important;-webkit-backdrop-filter:blur(18px) saturate(105%)!important;}
.site-header::before,.site-header::after,.site-header .header-inner::before,.site-header .header-inner::after{content:none!important;background:none!important;box-shadow:none!important}
.header-inner{background:transparent!important;background-image:none!important}
.brand-logo{width:38px!important;height:38px!important;flex-basis:38px!important;background:transparent!important;border-radius:50%!important;object-fit:contain!important;box-shadow:none!important;padding:0!important}
.brand-name{font-size:1.22rem!important}
@media(max-width:800px){.brand-logo{width:32px!important;height:32px!important;flex-basis:32px!important}.brand-name{font-size:1.12rem!important}}

/* Product cards: only Discount + Sold Out live over the photography. */
.catalog-card .catalog-image{position:relative!important;aspect-ratio:4/5!important;background:#F4EEE6!important;overflow:hidden!important;border-radius:14px!important;box-shadow:0 16px 40px rgba(26,26,26,.09)!important;transform:translateZ(0)!important}
.catalog-card .catalog-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;padding:0!important;transform:scale(1)!important;transition:transform .9s var(--plx-ease),filter .7s ease!important}
.catalog-card:hover .catalog-image img{transform:scale(1.045)!important;filter:saturate(1.04) contrast(1.02)!important}
.product-ribbons{position:absolute!important;inset:0!important;display:block!important;z-index:5!important;pointer-events:none!important}
.product-ribbons .ribbon-discount{position:absolute!important;top:14px!important;left:0!important;transform:none!important}
.product-ribbons .ribbon-status{position:absolute!important;top:14px!important;right:0!important}
.luxury-ribbon{min-height:26px!important;padding:7px 13px 7px 15px!important;border-radius:0!important;font:700 8px/1 Inter,sans-serif!important;letter-spacing:.14em!important;box-shadow:0 8px 20px rgba(26,26,26,.12)!important;backdrop-filter:blur(9px)!important;position:relative!important}
/* Gift/packaging-inspired folded ribbon: compact, premium, never a large badge. */
.ribbon-discount{background:linear-gradient(135deg,#C5A059,#D6B875)!important;color:#1A1A1A!important;border:0!important;padding-left:17px!important;padding-right:18px!important;clip-path:polygon(0 0,100% 0,88% 50%,100% 100%,0 100%)!important;filter:drop-shadow(0 6px 10px rgba(26,26,26,.13))!important}
.ribbon-discount::after{content:"";position:absolute;left:0;bottom:-6px;border-style:solid;border-width:6px 6px 0 0;border-color:#8E6D34 transparent transparent transparent;opacity:.75}
.ribbon-status{background:rgba(26,26,26,.9)!important;color:#FFFDFC!important;border:0!important;clip-path:polygon(0 0,100% 0,92% 50%,100% 100%,0 100%)!important;padding-right:16px!important}
.product-subtle-tags{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin:0 0 8px!important;min-height:0!important}
.subtle-product-tag{display:inline-flex!important;align-items:center!important;padding:5px 9px!important;border:1px solid rgba(197,160,89,.42)!important;background:rgba(197,160,89,.08)!important;color:#806735!important;border-radius:999px!important;font:600 8px/1 Inter,sans-serif!important;letter-spacing:.13em!important;text-transform:uppercase!important}
.catalog-info{padding:12px 2px 0!important}

/* Price: discounted/current price left, original price right. */
.product-card-price, .detail-price, .cart-item-price{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:12px!important;width:100%!important}
.product-card-price strong, .detail-price strong, .cart-item-price strong{order:1!important;color:#1A1A1A!important;font-size:1rem!important;font-weight:700!important}
.product-card-price del, .detail-price del, .cart-item-price del{order:2!important;margin-left:auto!important;color:#8B847A!important;font-size:.78em!important;font-weight:500!important}
.product-card-price .discount-tag,.catalog-card-price .discount-tag,.detail-price .discount-tag,.cart-item-price .discount-tag{display:none!important}

/* Buy Now: visible at rest, richer on hover. */


/* Product detail media: full-frame desktop/mobile image + 2.6x cursor lens. */
body.product-page .product-detail{align-items:start!important;gap:clamp(28px,4vw,64px)!important}
body.product-page .product-detail-media-wrap{min-width:0!important;width:100%!important}
body.product-page .product-detail-media{width:100%!important;min-width:0!important;background:#F4EEE6!important;border:1px solid rgba(26,26,26,.08)!important;border-radius:16px!important;overflow:visible!important;box-shadow:0 22px 60px rgba(26,26,26,.11)!important}
body.product-page .image-zoom{width:100%!important;aspect-ratio:4/5!important;display:block!important;background:#F4EEE6!important;border:0!important;border-radius:16px!important;overflow:hidden!important;cursor:zoom-in!important}
body.product-page .product-detail-media .image-zoom img{display:block!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important;padding:0!important;background:#F4EEE6!important;transition:transform .55s var(--plx-ease),filter .5s ease,opacity .2s ease!important}
body.product-page .product-detail-media .image-zoom:hover img{transform:scale(1.04)!important}
body.product-page .zoom-lens{width:210px!important;height:210px!important;border:1px solid rgba(255,255,255,.92)!important;background-color:transparent!important;box-shadow:0 14px 34px rgba(0,0,0,.24),inset 0 0 0 1px rgba(197,160,89,.35)!important;mix-blend-mode:normal!important}
@media(max-width:800px){
 body.product-page .product-detail-media{border-radius:12px!important}
 body.product-page .image-zoom{aspect-ratio:4/5!important;border-radius:12px!important}
 body.product-page .product-detail-media .image-zoom img{width:100%!important;height:100%!important;object-fit:cover!important}
 body.product-page .zoom-lens{display:none!important}
}

/* Story: use the configured approved image without desktop crop surprises. */
.home-story-image,.home-story-image img{overflow:hidden!important}
.home-story-image img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
@media(min-width:801px){.home-story-image{aspect-ratio:786/1200!important}.home-story-image img{object-fit:contain!important;background:#F4EEE6!important}}

/* Craft video: desktop source stays visible and fills its frame. */
.craft-motion-frame{background:#F4EEE6!important;overflow:hidden!important}
.craft-motion-video,.craft-motion-fallback{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
.craft-motion-video{opacity:0!important;visibility:hidden!important;transition:opacity .8s var(--plx-ease),visibility .8s ease!important}
.craft-motion-frame.is-video-ready .craft-motion-video{opacity:1!important;visibility:visible!important}
.craft-motion-frame.is-video-ready .craft-motion-fallback{opacity:0!important}

.footer-cities{position:relative!important;z-index:1!important}
.footer-main,.footer-bottom{position:relative!important;z-index:2!important}
.footer-main{background:transparent!important;padding-block:clamp(66px,8vw,108px)!important;grid-template-columns:1.45fr repeat(4,1fr)!important;gap:42px!important}
.site-footer .footer-brand-block,.site-footer .footer-column{transform:translateZ(0);transition:transform .55s var(--plx-ease),opacity .55s ease}
.site-footer .footer-brand-block:hover,.site-footer .footer-column:hover{transform:translate3d(0,-4px,18px)}
.site-footer .brand-footer{gap:12px!important;margin-bottom:18px!important}
.site-footer .brand-footer .brand-logo{width:46px!important;height:46px!important;flex-basis:46px!important;background:transparent!important;border-radius:50%!important;box-shadow:0 8px 24px rgba(0,0,0,.22)!important}
.site-footer .brand-footer .brand-name{color:#FFFDFC!important;font-family:"Playfair Display",Georgia,serif!important;font-size:1.65rem!important;letter-spacing:-.02em!important}
.site-footer .footer-brand-block>p{color:rgba(248,245,239,.76)!important;max-width:330px!important;line-height:1.75!important}
.site-footer .footer-address{color:rgba(248,245,239,.62)!important;line-height:1.75!important}
.site-footer .footer-map-link{color:#DDE8E0!important}
.site-footer h4{color:#C5A059!important;font-family:Inter,sans-serif!important;font-size:.68rem!important;letter-spacing:.18em!important;text-transform:uppercase!important;margin-bottom:18px!important}
.site-footer .footer-column a{display:block!important;width:max-content;max-width:100%;color:rgba(248,245,239,.78)!important;margin:0 0 10px!important;transition:color .3s ease,transform .35s var(--plx-ease)!important}
.site-footer .footer-column a:hover{color:#FFFDFC!important;transform:translateX(5px)!important}
.site-footer .footer-column p{color:rgba(248,245,239,.68)!important;line-height:1.75!important}
.site-footer .footer-bottom{background:rgba(255,255,255,.025)!important;border-top:1px solid rgba(197,160,89,.24)!important;color:rgba(248,245,239,.58)!important;padding-block:20px!important}
.site-footer .footer-bottom span{color:rgba(248,245,239,.68)!important}

/* Storewide restrained depth/micro-motion — does not alter layout/content. */
.catalog-card, .collection-card, .house-tile, .editorial-card, .trust-card{transform-style:preserve-3d;backface-visibility:hidden;transition:transform .65s var(--plx-ease),box-shadow .65s ease,filter .5s ease!important}
.catalog-card:hover, .collection-card:hover, .house-tile:hover, .editorial-card:hover, .trust-card:hover{transform:translate3d(0,-6px,0) perspective(900px) rotateX(.35deg)!important;filter:saturate(1.015)!important}
.btn,.icon-btn{transition:transform .35s var(--plx-ease),box-shadow .35s ease,background .3s ease,color .3s ease!important}
.btn:hover{transform:translate3d(0,-2px,0)!important}
.home-story-image,.craft-motion-frame,.video-consultation-media{transform-style:preserve-3d;transition:transform .8s var(--plx-ease),box-shadow .8s ease!important}
.home-story-image:hover,.craft-motion-frame:hover,.video-consultation-media:hover{transform:translate3d(0,-4px,0) perspective(1200px) rotateX(.35deg)!important;box-shadow:0 28px 70px rgba(26,26,26,.14)!important}
@media(max-width:800px){
 .product-ribbons .ribbon-discount{top:9px!important}.product-ribbons .ribbon-status{top:9px!important}
 .luxury-ribbon{min-height:23px!important;padding:6px 10px!important;font-size:7px!important;letter-spacing:.11em!important}
 .product-subtle-tags{gap:5px!important;margin-bottom:7px!important}
 .subtle-product-tag{padding:4px 7px!important;font-size:7px!important}
 .footer-main{grid-template-columns:1fr 1fr!important;gap:34px 22px!important}
}
@media(max-width:520px){.footer-main{grid-template-columns:1fr!important}.site-footer .brand-footer .brand-name{font-size:1.45rem!important}}
@media(prefers-reduced-motion:reduce){
 .site-footer::before,.site-footer::after{animation:none!important}.catalog-card, .collection-card, .house-tile, .editorial-card, .trust-card, .home-story-image, .craft-motion-frame, .video-consultation-media{transition:none!important}.catalog-card:hover, .collection-card:hover, .house-tile:hover, .editorial-card:hover, .trust-card:hover, .home-story-image:hover, .craft-motion-frame:hover, .video-consultation-media:hover{transform:none!important}.btn:hover{transform:none!important}
}


/* ========================================================================
   PATOLALUX — GOD-LEVEL FINAL EXPERIENCE / RESPONSIVE QA OVERRIDE
   Scope: latest approved storefront requests only.
   ======================================================================== */

/* Loader — same approved composition, simply more discreet. */
.plx-loader-logo{width:52px!important;height:52px!important;flex:0 0 52px!important;object-fit:contain!important;background:transparent!important;box-shadow:none!important;margin:0 auto 14px!important}
@media(max-width:700px){.plx-loader-logo{width:48px!important;height:48px!important;flex-basis:48px!important;margin-bottom:12px!important}}

/* Header — one continuous quiet-luxury surface; logo is transparent, not boxed. */
.site-header,.site-header.scrolled,.site-header.is-scrolled{background:#FBF9F6!important;background-image:none!important}
.site-header .header-inner,.site-header .brand{background:transparent!important}
.site-header .brand-logo{width:36px!important;height:36px!important;flex-basis:36px!important;object-fit:contain!important;background:transparent!important;box-shadow:none!important;padding:0!important}
@media(max-width:800px){.site-header .brand-logo{width:30px!important;height:30px!important;flex-basis:30px!important}}

/* Product cards — clean editorial cards; commerce actions belong on the PDP. */
.product-card-availability{min-height:16px!important;margin-top:7px!important}
.product-availability-note{display:inline-flex!important;align-items:center!important;gap:7px!important;font:600 8px/1 Inter,system-ui,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#756D63!important}
.product-availability-note::before{content:"";width:5px;height:5px;border-radius:50%;background:#C5A059;display:inline-block}
.product-availability-note.is-sold{color:#7D5F56!important}
.product-availability-note.is-sold::before{background:#9A7469!important}
.product-availability-note.is-reserved{color:#6C685F!important}
.product-subtle-tags{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin:0 0 7px!important}
.subtle-product-tag{display:inline-flex!important;align-items:center!important;padding:5px 8px!important;border:1px solid rgba(197,160,89,.34)!important;background:rgba(255,253,250,.72)!important;color:#6B5B45!important;border-radius:999px!important;font:600 7px/1 Inter,system-ui,sans-serif!important;letter-spacing:.13em!important;text-transform:uppercase!important}

/* Product-card imagery — cover/fill, with only Discount and Sold Out/Reserved over it. */
.catalog-card .catalog-image{aspect-ratio:4/5!important;overflow:hidden!important;background:#F4EEE6!important;border-radius:14px!important}
.catalog-card .catalog-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;padding:0!important}
.product-ribbons{inset:0!important}
.product-ribbons .ribbon-discount{top:12px!important;left:0!important;right:auto!important}
.product-ribbons .ribbon-status{top:12px!important;right:0!important;left:auto!important}
.luxury-ribbon{min-height:25px!important;padding:7px 11px 6px!important;border-radius:0 2px 2px 0!important;font:600 8px/1 Inter,system-ui,sans-serif!important;letter-spacing:.15em!important}
.product-ribbons .ribbon-status{border-radius:2px 0 0 2px!important}

/* Price hierarchy — sale/current on the left, original struck price on the right. */
.product-card-price{display:flex!important;align-items:baseline!important;justify-content:space-between!important;width:100%!important;gap:10px!important}
.product-card-price strong{order:1!important;margin-right:auto!important;color:#1A1A1A!important}
.product-card-price del{order:2!important;margin-left:auto!important;color:#8C857B!important;font-size:.78em!important}
.product-card-price .discount-tag,.catalog-card-price .discount-tag{display:none!important}

/* PDP safety: the renderer always owns a real .product-detail wrapper. */
body.product-page #productDetail > .product-detail{display:grid!important;}

/* PDP — never allow reveal/cascade rules to collapse the actual product content. */
body.product-page #productDetail{display:grid!important;min-height:40vh!important}
body.product-page .product-detail{display:grid!important;visibility:visible!important;opacity:1!important;transform:none!important;position:relative!important;z-index:1!important}
body.product-page .product-detail-copy,body.product-page .product-detail-media{visibility:visible!important;opacity:1!important;transform:none!important}

body.product-page .product-detail-media{width:100%!important;overflow:visible!important;background:#F4EEE6!important}
body.product-page .image-zoom{position:relative!important;display:block!important;width:100%!important;aspect-ratio:4/5!important;overflow:hidden!important;background:#F4EEE6!important}
body.product-page .image-zoom img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;padding:0!important;background:#F4EEE6!important}
body.product-page .zoom-lens{pointer-events:none!important}
body.product-page .zoom-hint{z-index:8!important}
@media(max-width:800px){
  body.product-page #productDetail{display:grid!important;min-height:0!important}
  body.product-page .product-detail{grid-template-columns:minmax(0,1fr)!important;display:grid!important;gap:30px!important}
  body.product-page .product-detail-media-wrap{width:100%!important}
  body.product-page .image-zoom{aspect-ratio:4/5!important}
  body.product-page .product-detail-media .image-zoom img{height:100%!important;object-fit:cover!important}
  body.product-page .zoom-lens{display:none!important}
}

/* Story — same configured approved image, with its full composition retained on desktop. */
.home-story-image{aspect-ratio:786/1200!important;overflow:hidden!important}
.home-story-image img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:#F4EEE6!important}

/* Craft video — visible frame first; real video fades in when playable. */
.craft-motion-frame{position:relative!important;overflow:hidden!important;min-height:0!important;height:auto!important;aspect-ratio:4/5!important;max-height:570px!important;background:#F4EEE6!important}
.craft-motion-video{display:block!important;width:100%!important;height:100%!important;min-height:100%!important;object-fit:cover!important;object-position:center!important;opacity:1!important;visibility:visible!important;position:absolute!important;inset:0!important;z-index:2!important;background:#F4EEE6!important}
.craft-motion-fallback{width:100%!important;height:100%!important;object-fit:cover!important;position:absolute!important;inset:0!important;z-index:1!important}


.craft-motion-frame.video-failed .craft-motion-video{opacity:1!important;visibility:visible!important}
.craft-motion-frame.video-failed .craft-motion-fallback{opacity:1!important;z-index:3!important}

/* Cities We Deliver — LOCKED structure; only fix the unreadable paragraph. */
.site-footer .footer-cities-copy{color:#4E4A44!important;opacity:1!important;visibility:visible!important;text-shadow:none!important;max-width:650px!important}
.site-footer .footer-cities .eyebrow{color:#8E6D34!important}
.site-footer .footer-cities h2{color:#1A1A1A!important}

/* Desktop / laptop catalog breathing room — keep the filter controls visually separate from the product grid. */
@media(min-width:801px){
  .catalog-tools{margin-bottom:32px!important}
  .catalog-tools + .catalog-grid{margin-top:0!important}
}

/* Mobile catalog — tools and grid get a deliberate breathing gap; no mixing/overlap. */
@media(max-width:800px){
  .catalog-tools{margin-bottom:18px!important}
  .catalog-tools + .catalog-grid,.shop-toolbar + .catalog-grid,.filter-bar + .catalog-grid{margin-top:18px!important}
  .catalog-grid,.product-grid{row-gap:24px!important;column-gap:10px!important;align-items:start!important}
  .catalog-card{min-width:0!important;overflow:visible!important}
  .catalog-card-link{display:block!important;position:relative!important;z-index:1!important;min-width:0!important}
  .catalog-image{margin-bottom:0!important}
  .catalog-info{position:relative!important;z-index:2!important;background:transparent!important}
  .product-ribbons{z-index:6!important;pointer-events:none!important}
  .product-subtle-tags{min-height:0!important}
}

/* Visible, restrained motion — transforms only, no layout thrashing. */
@media(hover:hover) and (pointer:fine){
  .catalog-card:hover, .collection-card:hover, .house-tile:hover, .editorial-card:hover, .trust-card:hover, .home-story-image:hover, .craft-motion-frame:hover, .video-consultation-media:hover{will-change:transform}
}
.catalog-card:hover .catalog-image{box-shadow:0 24px 54px rgba(26,26,26,.13)!important}
.catalog-card:hover h2{transform:translateY(-1px)!important}
.catalog-card h2{transition:transform .45s var(--plx-ease)!important}
.product-detail-media{transform-style:preserve-3d!important}
.product-detail-copy .detail-actions .btn{box-shadow:0 10px 26px rgba(26,26,26,.08)!important}

/* Global page entrance: elegant rather than theatrical. */
body:not(.product-page){animation:plxPageIn .55s ease both}
@keyframes plxPageIn{from{opacity:.01}to{opacity:1}}

@media(prefers-reduced-motion:reduce){
  body:not(.product-page){animation:none!important}
  .catalog-card, .collection-card, .house-tile, .editorial-card, .trust-card, .home-story-image, .craft-motion-frame, .video-consultation-media{will-change:auto!important}
  .catalog-card:hover .catalog-image,.catalog-card:hover h2{transform:none!important}
}

/* =====================================================================
   PATOLALUX — OWNER-APPROVED FINAL LAYER — 2026-09-05
   Approved: Story B / Footer A / Quiet Motion A / Contrast YES /
             Buy Now A / 3D B / Old Money B / Design-system cleanup YES
   ===================================================================== */
/* STORY — image-native sizing: no forced crop, no artificial blank space, no stretch. */
.home-story-image{
  aspect-ratio:auto!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  align-self:start!important;
  background:transparent!important;
}
.home-story-image img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  object-fit:initial!important;
  object-position:center!important;
  background:transparent!important;
}

/* FOOTER — one authoritative Old Money treatment across all customer pages. */
.site-footer{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:var(--plx-oldmoney-espresso)!important;
  color:var(--plx-oldmoney-ivory)!important;
  margin-top:0!important;
  padding-top:0!important;
  border-top:0!important;
}
.site-footer::before{
  content:"";position:absolute;inset:-25% -12% auto auto;width:520px;height:520px;border-radius:50%;
  background:radial-gradient(circle,rgba(221,228,220,.10),rgba(221,228,220,0) 68%);
  pointer-events:none;z-index:0;animation:plxFooterBreath 18s ease-in-out infinite alternate;
}
.site-footer::after{
  content:"";position:absolute;left:-160px;bottom:80px;width:420px;height:420px;border-radius:50%;
  background:radial-gradient(circle,rgba(185,150,85,.07),rgba(185,150,85,0) 70%);
  pointer-events:none;z-index:0;animation:plxFooterBreath2 22s ease-in-out infinite alternate;
}
.site-footer .footer-main,.site-footer .footer-bottom,.site-footer .footer-cities{position:relative!important;z-index:1!important}
.site-footer .footer-main{background:transparent!important}
.site-footer .footer-brand-block,.site-footer .footer-column{position:relative!important;z-index:2!important;transition:transform .55s var(--plx-oldmoney-ease),opacity .55s ease!important}
.site-footer .footer-brand-block:hover,.site-footer .footer-column:hover{transform:translate3d(0,-3px,0)!important}
.site-footer .brand-footer .brand-logo{width:44px!important;height:44px!important;background:transparent!important;box-shadow:none!important;object-fit:contain!important}
.site-footer .brand-footer .brand-name{color:#FFFDFC!important;font-family:"Playfair Display",Georgia,serif!important;letter-spacing:-.02em!important}
.site-footer h4{color:var(--plx-oldmoney-gold)!important}
.site-footer a,.site-footer .footer-column a,.site-footer .footer-brand-block a{color:#F8F4EC!important;opacity:1!important;visibility:visible!important}
.site-footer a:hover,.site-footer a:focus-visible,.site-footer .footer-column a:hover{color:#D5BA7B!important;transform:translateX(3px)!important}
.site-footer p,.site-footer .footer-address{color:rgba(248,244,236,.80)!important;opacity:1!important;visibility:visible!important}
.site-footer .footer-map-link{color:#DDE4DC!important}
.site-footer .footer-bottom{background:rgba(255,255,255,.025)!important;border-top:1px solid rgba(185,150,85,.22)!important;color:rgba(248,244,236,.68)!important}
.site-footer .footer-bottom span{color:rgba(248,244,236,.72)!important}
.site-footer .footer-cities{background:var(--plx-oldmoney-paper)!important;color:var(--plx-oldmoney-ink)!important}
.site-footer .footer-cities-copy{color:#4E4A44!important;opacity:1!important;visibility:visible!important}
.site-footer .footer-cities .eyebrow{color:#806532!important}
.site-footer .footer-cities h2{color:var(--plx-oldmoney-ink)!important}
.site-footer .footer-cities .city-name{color:#5B554D!important}
.site-footer .footer-cities .city-column{border-color:rgba(185,150,85,.32)!important}
@keyframes plxFooterBreath{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-35px,24px,0) scale(1.05)}}
@keyframes plxFooterBreath2{from{transform:translate3d(0,0,0)}to{transform:translate3d(35px,-18px,0) scale(1.04)}}

/* BUY NOW — unambiguous dark luxury primary; no white-on-white collision. */
.product-detail-copy .detail-actions .buy-now-btn,
.detail-actions .btn-primary{
  background:#1A1A1A!important;
  color:#FFFDFC!important;
  border:1px solid #1A1A1A!important;
  opacity:1!important;
  visibility:visible!important;
  text-shadow:none!important;
}
.product-detail-copy .detail-actions .buy-now-btn:hover,
.detail-actions .btn-primary:hover{background:#30302E!important;color:#FFFDFC!important;border-color:#30302E!important}
.product-detail-copy .detail-actions .btn:not(.btn-primary){
  background:#FBF9F6!important;color:#1A1A1A!important;border:1px solid #CFC4B5!important;
}

/* OLD MONEY MOTION — layered depth, restrained movement, no heavy 3D/WebGL. */
.catalog-card, .collection-card, .house-tile, .editorial-card, .trust-card, .video-consultation-media, .home-story-image, .craft-motion-frame, .product-detail-media-wrap{
  transform-style:preserve-3d!important;
  perspective:1200px!important;
}
.catalog-card, .collection-card, .house-tile, .editorial-card, .trust-card, .video-consultation-media, .home-story-image, .craft-motion-frame, .product-detail-media-wrap{
  transition:transform .65s var(--plx-oldmoney-ease),box-shadow .65s ease,opacity .55s ease!important;
}
@media (hover:hover) and (pointer:fine){
  .catalog-card:hover, .collection-card:hover, .house-tile:hover, .editorial-card:hover, .trust-card:hover{transform:translate3d(0,-5px,10px)!important}
  .video-consultation-media:hover,.home-story-image:hover,.craft-motion-frame:hover{
    transform:translate3d(0,-4px,0) rotateX(.28deg)!important;
    box-shadow:0 26px 65px rgba(26,26,26,.13)!important;
  }
  .product-detail-media-wrap:hover{transform:translate3d(0,-2px,0)!important}
}
.btn,.button{transition:transform .35s var(--plx-oldmoney-ease),background-color .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease!important}
.btn:hover,.button:hover{transform:translate3d(0,-2px,0)!important}

/* DESIGN-SYSTEM CLEANUP — shared tokens and component-safe contrast. */
.btn-primary{background:#1A1A1A!important;color:#FFFDFC!important;border-color:#1A1A1A!important}
.btn-outline{background:transparent!important;color:#1A1A1A!important;border-color:#B9B0A3!important}
.eyebrow{letter-spacing:.16em!important}

@media(max-width:800px){
  .home-story-image{width:100%!important}
  .home-story-image img{width:100%!important;height:auto!important}
  .site-footer .footer-brand-block:hover,.site-footer .footer-column:hover{transform:none!important}
}
/* BAG CHECKOUT — one field per row, aligned like the approved Buy Now form. */
.checkout-card .checkout-form{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;margin-top:22px!important}
.checkout-card .checkout-form>label:not(.terms-check){display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin:0!important;color:#4F4A44!important;font-size:.78rem!important;letter-spacing:.045em!important}
.checkout-card .checkout-form>label:not(.terms-check) input,
.checkout-card .checkout-form>label:not(.terms-check) textarea{width:100%!important;min-height:52px!important;padding:14px 15px!important;border:1px solid #D8CCBC!important;border-radius:8px!important;background:#FFFDFC!important;color:#1A1A1A!important;line-height:1.5!important}
.checkout-card .checkout-form>label:not(.terms-check) textarea{min-height:120px!important;resize:vertical!important}
.checkout-card .checkout-form .cart-total{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:18px 0!important;border-top:1px solid #E8E0D5!important;border-bottom:1px solid #E8E0D5!important;margin-top:2px!important}
.checkout-card .checkout-form .terms-check{display:flex!important;align-items:flex-start!important;gap:10px!important;margin:0!important}
.checkout-card .checkout-form .terms-check input{width:18px!important;min-width:18px!important;height:18px!important;margin-top:2px!important}
.checkout-card .checkout-form .btn-primary{width:100%!important;min-height:54px!important}
.checkout-card .order-note{margin:0!important;font-size:.75rem!important;line-height:1.7!important;color:#7B756D!important}

/* Editorial image blocks — lightweight visual breaks for selected text-heavy pages. */
.editorial-page-image{width:100%;max-width:1240px;margin:0 auto clamp(34px,5vw,58px);overflow:hidden;background:#F4F0E9;border-radius:12px;box-shadow:0 20px 55px rgba(26,26,26,.08)}
.editorial-page-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center;border-radius:12px}
@media(max-width:800px){
  .editorial-page-image img{aspect-ratio:1/1;height:auto;border-radius:12px}
}

/* Cities We Deliver — continuous, restrained movement through the existing dots; no DOM/layout changes. */
.footer-cities .city-directory .city-name::before{animation:plxCityDot 5.8s ease-in-out infinite}
@keyframes plxCityDot{0%,100%{opacity:.48;transform:scale(.9)}50%{opacity:.95;transform:scale(1.35)}}

/* Performance: skip rendering cost for distant content without removing it from the DOM. */
@media(min-width:801px){
  .home-story, .video-consultation-section, .trust-strip, .demo-content, .policy-content{content-visibility:auto;contain-intrinsic-size:700px}
}

/* Footer container must retain the shared .container's horizontal auto margin. */
.site-footer .footer-main{width:min(1240px,calc(100% - 48px))!important;margin-inline:auto!important}

@media(prefers-reduced-motion:reduce){
  .site-footer::before,.site-footer::after{animation:none!important}
  .footer-cities .city-directory .city-name::before{animation:none!important}
  .site-footer .footer-brand-block, .site-footer .footer-column, .catalog-card, .collection-card, .house-tile, .editorial-card, .trust-card, .video-consultation-media, .home-story-image, .craft-motion-frame, .product-detail-media-wrap, .btn, .button{transition:none!important}
  .catalog-card:hover, .collection-card:hover, .house-tile:hover, .editorial-card:hover, .trust-card:hover, .video-consultation-media:hover, .home-story-image:hover, .craft-motion-frame:hover, .product-detail-media-wrap:hover, .btn:hover, .button:hover{transform:none!important}
}



/* PDP layout correction — keep the renderer mount as a normal wrapper.
   The actual generated .product-detail must own the two-column layout. */
@media (min-width:801px){
  body.product-page .page-main > .container{
    width:calc(100% - 48px)!important;
    max-width:none!important;
  }
  body.product-page #productDetail{
    display:block!important;
    width:100%!important;
    min-height:0!important;
  }
  body.product-page #productDetail > .product-detail{
    display:grid!important;
    width:100%!important;
    max-width:none!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:clamp(28px,3.5vw,56px)!important;
    align-items:start!important;
  }
  body.product-page #productDetail > .product-detail > .product-detail-media-wrap,
  body.product-page #productDetail > .product-detail > .product-detail-copy{
    min-width:0!important;
    width:100%!important;
  }
}
@media (max-width:800px){
  body.product-page #productDetail{
    display:block!important;
    width:100%!important;
    min-height:0!important;
  }
  body.product-page #productDetail > .product-detail{
    display:grid!important;
    width:100%!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:30px!important;
  }
}

/* Desktop/laptop PDP: when the header is hidden, reclaim its reserved
   vertical space and fit the complete left gallery (main image + thumbnails)
   inside the visible viewport. The approved 50/50 left/right structure stays. */
@media(min-width:1024px){
  body.product-page .site-header.desktop-header-hidden + .page-main{
    padding-top:18px!important;
  }
  body.product-page .site-header.desktop-header-hidden + .page-main > .container{
    padding-top:0!important;
    padding-bottom:18px!important;
  }
  body.product-page .site-header.desktop-header-hidden + .page-main #productDetail > .product-detail{
    min-height:calc(100svh - 36px)!important;
    align-items:start!important;
  }
  body.product-page .site-header.desktop-header-hidden + .page-main .product-detail-media-wrap{
    padding:8px!important;
  }
  body.product-page .site-header.desktop-header-hidden + .page-main .product-detail-media .image-zoom{
    height:clamp(390px,calc(100svh - 190px),620px)!important;
    min-height:0!important;
  }
  body.product-page .site-header.desktop-header-hidden + .page-main .product-detail-media .image-zoom img{
    width:100%!important;
    height:100%!important;
    aspect-ratio:auto!important;
    object-fit:cover!important;
  }
  body.product-page .site-header.desktop-header-hidden + .page-main .product-gallery-thumbs{
    gap:7px!important;
    margin-top:8px!important;
    padding:2px 2px 4px!important;
    overflow-x:auto!important;
    max-height:82px!important;
  }
  body.product-page .site-header.desktop-header-hidden + .page-main .product-thumb{
    width:60px!important;
    min-width:60px!important;
    height:72px!important;
    flex-basis:60px!important;
    border-radius:8px!important;
  }
}

/* ==========================================================
   PATOLALUX — TRUST MARQUEE
   Single-source styling: one brown strip, transparent track/text layer.
   ========================================================== */
.plx-trust-marquee{
  width:100%!important;
  height:78px!important;
  min-height:78px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  isolation:isolate!important;
  background:#2B241D!important;
  border:0!important;
  box-shadow:none!important;
  z-index:3!important;
}
.plx-trust-marquee::before,
.plx-trust-marquee::after,
.plx-trust-marquee-track::before,
.plx-trust-marquee-track::after,
.plx-trust-marquee-group::before,
.plx-trust-marquee-group::after{
  content:none!important;
  display:none!important;
  background:transparent!important;
  box-shadow:none!important;
}
.plx-trust-marquee-track{
  display:flex!important;
  flex:0 0 auto!important;
  width:max-content!important;
  min-width:max-content!important;
  height:100%!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  will-change:transform;
  animation:plxTrustMarquee 19s linear infinite!important;
}
.plx-trust-marquee-group{
  flex:0 0 auto!important;
  min-height:100%!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:26px!important;
  margin:0!important;
  padding:0 28px!important;
  white-space:nowrap!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#C2A05F!important;
  font-family:"Allura","Alex Brush","Segoe Script","Brush Script MT",cursive!important;
  font-size:clamp(35px,3.05vw,43px)!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
  text-align:center!important;
  transform:translateY(0)!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:optimizeLegibility!important;
}
.plx-trust-marquee-group span{
  display:inline-block!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
  color:#D8BE83!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  font-family:Inter,system-ui,sans-serif!important;
  font-size:10px!important;
  line-height:1!important;
  opacity:.92!important;
}
@keyframes plxTrustMarquee{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}

@media(max-width:800px){
  .plx-trust-marquee{
    height:66px!important;
    min-height:66px!important;
  }
  .plx-trust-marquee-track{
    animation-duration:21s!important;
  }
  .plx-trust-marquee-group{
    min-height:100%!important;
    height:100%!important;
    font-size:clamp(25px,7.2vw,30px)!important;
    gap:18px!important;
    padding:0 20px!important;
  }
  .plx-trust-marquee-group span{font-size:7px!important;}
}

/* Preserve smooth scrolling performance around the Cities/footer region. */
.footer-cities{
  contain:paint!important;
}
.footer-cities::before{animation:none!important;}
.site-footer::before,.site-footer::after{animation:none!important;}
.city-directory .city-name{
  animation:none!important;
  will-change:auto!important;
}
.featured-rail{will-change:auto!important;}
#featuredGrid.featured-marquee .featured-marquee-track{will-change:transform!important;}

@media(min-width:801px) and (hover:hover) and (pointer:fine){
  .homepage .home-manifesto,.homepage .home-house-edit,
  .homepage .experience-section,.homepage .video-consultation-section{
    contain:paint!important;
  }
}