/* =========================================================
   INNOVA DECO — LUXURY E-COMMERCE POLISH
   Direction: premium Shopify-style commerce, not hospitality.
   Social-media icon rules are intentionally untouched.
   ========================================================= */

:root{
  --lux-shadow-soft:0 18px 55px rgba(18,18,18,.075);
  --lux-shadow-card:0 22px 70px rgba(18,18,18,.10);
  --lux-border:rgba(26,26,26,.105);
  --lux-muted:rgba(26,26,26,.64);
  --lux-ease:cubic-bezier(.22,1,.36,1);
}

::selection{background:var(--primary);color:var(--secondary)}
body{background:#f8f6f1}
/* NOVA keeps the existing storefront header readable at the top. */
.nova-product-page .site-header{background:var(--secondary)}
.nova-product-page .site-header .nav-link{color:var(--primary);text-shadow:none}
.nova-product-page .site-header .lang-btn{color:var(--primary)}
.nova-product-page .site-header .lang-btn.active{color:var(--gold)}

/* ---------- Header: cleaner premium-commerce presence ---------- */
.site-header{
  border-bottom:1px solid transparent;
  transition:padding .35s var(--lux-ease),background .35s ease,box-shadow .35s ease,border-color .35s ease;
}
.site-header.scrolled{
  background:rgba(248,246,241,.965);
  border-bottom-color:rgba(26,26,26,.08);
  box-shadow:0 10px 36px rgba(18,18,18,.055);
  backdrop-filter:blur(18px) saturate(130%);
}
.header-inner{gap:clamp(24px,3vw,48px)}
.desktop-nav{gap:clamp(22px,2.15vw,38px)}
.nav-link{transition:color .25s ease,opacity .25s ease}
.nav-link::after{height:2px;bottom:-10px;transition:width .35s var(--lux-ease)}
.header-cta{min-height:50px;padding-inline:25px}
.site-header.scrolled .header-cta{box-shadow:0 8px 24px rgba(26,26,26,.10)}

/* ---------- Buttons: tactile, commercial, refined ---------- */
.btn{
  position:relative;
  overflow:hidden;
  min-width:156px;
  box-shadow:none;
  transition:transform .3s var(--lux-ease),background .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.btn:hover{transform:translateY(-2px)}
.btn-dark:hover{box-shadow:0 14px 30px rgba(26,26,26,.16)}
.btn-gold:hover{box-shadow:0 14px 30px rgba(26,26,26,.13)}
.btn-outline-light:hover,.btn-outline-dark:hover{box-shadow:0 14px 30px rgba(26,26,26,.10)}

/* ---------- Hero: cinematic enough to feel premium, still commerce-first ---------- */
.hero{
  min-height:760px;
  height:min(960px,100svh);
  padding-top:104px;
  background:#151515;
}
.hero-bg{
  transform:scale(1.015);
  filter:saturate(.92) contrast(1.02);
  animation:luxHeroDrift 14s ease-out both;
}
.hero-overlay{
  background:
    linear-gradient(90deg,rgba(15,15,15,.88) 0%,rgba(15,15,15,.68) 38%,rgba(15,15,15,.28) 68%,rgba(15,15,15,.08) 100%),
    linear-gradient(180deg,rgba(10,10,10,.12),rgba(10,10,10,.22));
}
html[dir="rtl"] .hero-overlay{
  background:
    linear-gradient(270deg,rgba(15,15,15,.88) 0%,rgba(15,15,15,.68) 38%,rgba(15,15,15,.28) 68%,rgba(15,15,15,.08) 100%),
    linear-gradient(180deg,rgba(10,10,10,.12),rgba(10,10,10,.22));
}
.hero-copy{padding-bottom:18px}
.hero-title{text-wrap:balance;text-shadow:0 7px 36px rgba(0,0,0,.16)}
.hero-description{color:rgba(255,255,255,.86)}
.hero-buttons{gap:12px}
.hero-buttons .btn{min-width:198px}
.scroll-indicator{height:78px;bottom:34px;background:rgba(255,255,255,.22)}
@keyframes luxHeroDrift{from{transform:scale(1.055)}to{transform:scale(1.015)}}

/* ---------- Commerce assurance rail ---------- */
.commerce-assurance{
  position:relative;
  z-index:6;
  background:#1b1b1a;
  color:#f7f5f0;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.commerce-assurance-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.commerce-assurance-item{
  min-height:92px;
  display:flex;
  align-items:center;
  gap:15px;
  padding:22px clamp(18px,2.3vw,34px);
  border-inline-end:1px solid rgba(255,255,255,.09);
}
.commerce-assurance-item:last-child{border-inline-end:0}
.commerce-assurance-item b{
  flex:0 0 auto;
  color:var(--gold);
  font-size:11px;
  letter-spacing:.14em;
  font-weight:700;
}
.commerce-assurance-item span{
  font-size:13px;
  font-weight:650;
  letter-spacing:.06em;
  line-height:1.4;
  text-transform:uppercase;
}
html[dir="rtl"] .commerce-assurance-item span{font-size:14px;letter-spacing:0;text-transform:none;line-height:1.7}
html[dir="rtl"] .commerce-assurance-item b{letter-spacing:0}

/* ---------- Homepage section rhythm ---------- */
.home-categories{background:#f8f6f1}
.home-categories .section-intro,.home-projects .section-intro{max-width:960px}
.section-intro h2{text-wrap:balance}
.section-intro p{color:var(--lux-muted)}

/* Category cards: editorial imagery + stronger shopping affordance */
.home-categories .home-category-grid{gap:26px !important}
.home-categories .home-category-card{
  background:#fff;
  border:1px solid rgba(26,26,26,.07);
  box-shadow:0 0 0 rgba(0,0,0,0);
  transition:transform .45s var(--lux-ease),box-shadow .45s var(--lux-ease),border-color .35s ease;
}
.home-categories .home-category-card:hover{
  transform:translateY(-7px);
  border-color:rgba(26,26,26,.12);
  box-shadow:var(--lux-shadow-card);
}
.home-categories .home-category-card .category-image-wrap::after{
  background:linear-gradient(180deg,rgba(8,8,8,.015),rgba(8,8,8,.10));
}
.home-categories .home-category-card .category-image-wrap img{
  transition:transform 1s var(--lux-ease),filter .45s ease;
}
.home-categories .home-category-card:hover .category-image-wrap img{transform:scale(1.055)}
.home-categories .home-category-card .category-card-copy>span{font-size:15px;line-height:1.75;color:rgba(26,26,26,.62)}
.home-categories .home-category-card .category-card-copy em{margin-top:5px}

/* Signature / acoustic feature */
.signature-section{border-block:1px solid rgba(26,26,26,.07)}
.signature-media{overflow:hidden}
.signature-media img{transition:transform 1.15s var(--lux-ease),filter .55s ease;filter:saturate(.93)}
.signature-section:hover .signature-media img{transform:scale(1.035);filter:saturate(1)}
.signature-copy{background:#fff}
.signature-copy .editorial-link{margin-top:7px}

/* Projects: portfolio cards with product-like clarity */
.home-projects{background:#eee9e0}
.home-projects-grid{gap:20px !important}
.home-project-card{
  overflow:hidden;
  box-shadow:0 0 0 rgba(0,0,0,0);
  transition:transform .45s var(--lux-ease),box-shadow .45s var(--lux-ease);
}
.home-project-card:hover{transform:translateY(-5px);box-shadow:0 22px 60px rgba(18,18,18,.14)}
.home-project-card img{transition:transform 1s var(--lux-ease),filter .45s ease;filter:saturate(.92)}
.home-project-card:hover img{transform:scale(1.045);filter:saturate(1)}
.home-project-card .project-overlay{background:linear-gradient(to top,rgba(10,10,10,.78),rgba(10,10,10,.02) 68%)}
.project-content{gap:7px}
.project-action{margin-top:8px}

/* Brand story: architectural, not hotel-like */
.home-brand-story{background:#191918}
.home-brand-story .about-image{box-shadow:0 30px 70px rgba(0,0,0,.20)}
.home-brand-story .about-image img{transition:transform 1s var(--lux-ease)}
.home-brand-story .about-image:hover img{transform:scale(1.025)}
.brand-pillars{border-color:rgba(255,255,255,.14)}

/* Full image feature */
.home-featured{min-height:760px;height:86vh;max-height:960px}
.home-featured .featured-bg{filter:saturate(.86) contrast(1.04);transition:transform 1.4s var(--lux-ease)}
.home-featured:hover .featured-bg{transform:scale(1.025)}
.featured-overlay{background:linear-gradient(90deg,rgba(10,10,10,.80),rgba(10,10,10,.30) 64%,rgba(10,10,10,.12))}
html[dir="rtl"] .featured-overlay{background:linear-gradient(270deg,rgba(10,10,10,.80),rgba(10,10,10,.30) 64%,rgba(10,10,10,.12))}

/* Process: cleaner premium-commerce service assurance */
.home-process{background:#f8f6f1}
.home-process .process-wrap{border-top:1px solid rgba(26,26,26,.12)}
.home-process .process-card{transition:background .3s ease,transform .35s var(--lux-ease)}
.home-process .process-card:hover{background:rgba(255,255,255,.55);transform:translateY(-3px)}

/* Final CTA: direct conversion, less “hotel brochure” */
.home-final-cta{min-height:680px;max-height:820px}
.home-final-cta .cta-bg{filter:saturate(.82) contrast(1.05)}
.cta-overlay{background:rgba(13,13,13,.66)}
.home-final-cta .cta-content{max-width:1000px}

/* ---------- Inner pages ---------- */
.inner-page{background:#f8f6f1}
.page-hero{min-height:560px;background:#151515}
.page-hero img{filter:saturate(.9);transform:scale(1.01)}
.page-hero::after{background:linear-gradient(90deg,rgba(13,13,13,.86),rgba(13,13,13,.42) 62%,rgba(13,13,13,.12))}
html[dir="rtl"] .page-hero::after{background:linear-gradient(270deg,rgba(13,13,13,.86),rgba(13,13,13,.42) 62%,rgba(13,13,13,.12))}
.breadcrumbs{opacity:.84}
.rich-copy p,.rich-copy li{color:rgba(26,26,26,.70)}
.info-card{
  background:#fff;
  border:1px solid var(--lux-border);
  box-shadow:var(--lux-shadow-soft);
}
.link-card{
  background:#fff;
  border:1px solid rgba(26,26,26,.075);
  box-shadow:0 0 0 rgba(0,0,0,0);
  transition:transform .42s var(--lux-ease),box-shadow .42s var(--lux-ease),border-color .3s ease;
}
.link-card:hover{transform:translateY(-6px);box-shadow:var(--lux-shadow-card);border-color:rgba(26,26,26,.13)}
.link-card img{transition:transform .9s var(--lux-ease),filter .4s ease;filter:saturate(.94)}
.link-card:hover img{transform:scale(1.04);filter:saturate(1)}
.page-cta{background:#1b1b1a;color:#f7f5f0}
.page-cta p{color:rgba(247,245,240,.66)}

/* Category collection pages */
.category-detail-page .category-product-card{
  border:1px solid rgba(26,26,26,.08);
  transition:transform .42s var(--lux-ease),box-shadow .42s var(--lux-ease);
}
.category-detail-page .category-product-card:hover{transform:translateY(-6px);box-shadow:0 24px 68px rgba(18,18,18,.16)}
.category-detail-page .category-product-card::after{background:linear-gradient(180deg,rgba(8,8,8,.01) 22%,rgba(8,8,8,.80) 100%)}
.category-detail-page .category-product-card>img{filter:saturate(.93);transition:transform 1s var(--lux-ease),filter .45s ease}
.category-detail-page .category-product-card:hover>img{transform:scale(1.055);filter:saturate(1)}
.category-detail-page .category-product-card .category-product-index{backdrop-filter:blur(12px)}

/* ---------- Product pages: strongest ecommerce polish ---------- */
.product-commerce-hero{background:#f3efe7;border-bottom:1px solid rgba(26,26,26,.07)}
.product-commerce-grid{gap:clamp(32px,4.3vw,70px)}
.commerce-gallery-card{
  background:#fff;
  border:1px solid rgba(26,26,26,.085);
  box-shadow:0 20px 65px rgba(18,18,18,.065);
}
.premium-gallery .product-gallery-main{background:#ebe7df;overflow:hidden}
.premium-gallery .product-gallery-main img{transition:transform .8s var(--lux-ease),opacity .25s ease}
.premium-gallery .product-gallery-main:hover img{transform:scale(1.025)}
.premium-gallery .product-gallery-thumb{border-color:rgba(26,26,26,.11);transition:border-color .25s ease,transform .3s var(--lux-ease),opacity .25s ease;opacity:.75}
.premium-gallery .product-gallery-thumb:hover{transform:translateY(-2px);opacity:1}
.premium-gallery .product-gallery-thumb-active{opacity:1;border-color:var(--primary)}
.product-purchase-panel{
  background:#fff;
  border:1px solid rgba(26,26,26,.085);
  box-shadow:0 24px 72px rgba(18,18,18,.09);
}
.product-category-line{font-weight:700;letter-spacing:.12em;color:rgba(26,26,26,.52)}
.product-purchase-panel h1{text-wrap:balance}
.product-lead{color:rgba(26,26,26,.66)}
.product-quote-line{border-block:1px solid rgba(26,26,26,.09);padding-block:20px}
.product-quick-features{padding-block:8px}
.product-quick-features li{padding-block:10px}
.purchase-actions .btn-wide{min-height:60px;font-size:14px}
.purchase-secondary{min-height:52px}
.purchase-assurance{background:#f7f4ee;border:1px solid rgba(26,26,26,.07)}
.purchase-assurance>div{padding:17px 15px}
.purchase-assurance strong{font-size:13px}
.purchase-assurance small{font-size:12px}
.purchase-fineprint{font-size:13px;line-height:1.7;color:rgba(26,26,26,.48)}
.product-value-strip{background:#1b1b1a}
.product-value-grid article{transition:background .3s ease}
.product-value-grid article:hover{background:rgba(255,255,255,.035)}
.product-value-grid h3,.product-value-grid h2{font-size:18px}
.product-value-grid p{font-size:14px;line-height:1.75}
.product-details-premium{background:#f8f6f1}
.product-options-card{background:#fff;border:1px solid rgba(26,26,26,.09);box-shadow:var(--lux-shadow-soft)}
.product-options-card li{font-size:15px;line-height:1.7;padding-block:16px}
.product-options-card>p{font-size:12px;line-height:1.7}
.product-process-section{background:#191918}
.product-process-grid h3{font-size:18px}
.product-process-grid p{font-size:14px;line-height:1.8}
.premium-order-section{background:#eee9e0}
.order-product-preview,.premium-order-card{background:#fff;border:1px solid rgba(26,26,26,.08);box-shadow:0 22px 65px rgba(18,18,18,.07)}
.premium-order-card .product-order-form label{font-size:13px;letter-spacing:.035em;font-weight:650}
.premium-order-card .product-order-form input,
.premium-order-card .product-order-form textarea,
.premium-order-card .product-order-form select{min-height:54px;font-size:15px;border-color:rgba(26,26,26,.14)}
.order-submit{min-height:60px;font-size:14px}
.order-assurance{font-size:12px;line-height:1.7}
.order-price-row span{font-size:14px}
.order-price-row small{font-size:12px}
.order-price-row strong{font-size:20px}
.order-price-total strong{font-size:25px}
.order-price-disclaimer{font-size:11px;line-height:1.65}
.product-faq-section{background:#f8f6f1}
.faq-list details{border-color:rgba(26,26,26,.12)}
.faq-list summary{font-size:15px;font-weight:650}
.faq-list details p{font-size:15px;line-height:1.8}
.product-final-cta{background:#1b1b1a;color:#f7f5f0;border-top:0;padding:76px 0}
.product-final-cta p{color:rgba(247,245,240,.62)}
.product-final-cta-inner>div>span{font-size:11px}
.product-final-cta h2{font-size:clamp(36px,4vw,54px)}
.product-mobile-order{box-shadow:0 -9px 30px rgba(18,18,18,.12)}

/* Contact / forms */
.contact-form-card{background:#fff;border:1px solid rgba(26,26,26,.08);box-shadow:var(--lux-shadow-soft)}
.field input,.field select,.field textarea,.contact-form-card input,.contact-form-card select,.contact-form-card textarea{
  background:#fff;border-color:rgba(26,26,26,.14);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.field input:focus,.field select:focus,.field textarea:focus,.contact-form-card input:focus,.contact-form-card select:focus,.contact-form-card textarea:focus{
  outline:0;border-color:rgba(197,160,89,.85);box-shadow:0 0 0 4px rgba(197,160,89,.10)
}

/* Inner footer only. Homepage social-media presentation is untouched. */
.inner-footer{background:#191918;border-top:1px solid rgba(255,255,255,.07)}
.inner-footer a{transition:color .25s ease}
.inner-footer a:hover{color:var(--gold)}

/* ---------- Motion polish ---------- */
.reveal{transform:translateY(24px);transition:opacity .75s ease,transform .85s var(--lux-ease)}
.reveal.visible{transform:translateY(0)}

@media(max-width:1100px){
  .hero{min-height:700px;height:min(880px,100svh)}
  .commerce-assurance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .commerce-assurance-item:nth-child(2){border-inline-end:0}
  .commerce-assurance-item:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.09)}
  .home-featured{min-height:680px}
}

@media(max-width:760px){
  .site-header{padding-block:19px}
  .site-header.scrolled{padding-block:13px}
  .hero{min-height:720px;height:100svh;padding-top:88px;align-items:flex-end;padding-bottom:88px}
  .hero-title{text-wrap:pretty}
  .hero-description{max-width:95%}
  .hero-buttons .btn{min-width:0}
  .scroll-indicator{display:none}
  .commerce-assurance-grid{grid-template-columns:1fr 1fr}
  .commerce-assurance-item{min-height:82px;padding:17px 16px;gap:10px}
  .commerce-assurance-item b{font-size:10px}
  .commerce-assurance-item span{font-size:11px;letter-spacing:.04em}
  html[dir="rtl"] .commerce-assurance-item span{font-size:12px;line-height:1.55}
  .home-categories .home-category-card:hover,.home-project-card:hover,.link-card:hover,.category-detail-page .category-product-card:hover{transform:none}
  .home-featured{min-height:650px;height:78svh}
  .page-hero{min-height:500px}
  .product-purchase-panel{box-shadow:0 14px 42px rgba(18,18,18,.07)}
  .product-final-cta{padding:62px 0}
}

@media(max-width:460px){
  .commerce-assurance-item{padding:15px 12px}
  .commerce-assurance-item span{font-size:10px}
  html[dir="rtl"] .commerce-assurance-item span{font-size:11px}
  .commerce-assurance-item b{display:none}
}

@media(prefers-reduced-motion:reduce){
  .hero-bg{animation:none;transform:none}
  .signature-media img,.home-featured .featured-bg,.home-project-card img,.link-card img,.category-detail-page .category-product-card>img,.premium-gallery .product-gallery-main img{transition:none}
  .reveal{transition:none;transform:none}
}

/* =========================================================
   CLIENT REVISION — WARM LUXURY / LIGHT PREMIUM
   Goal: preserve contrast and premium character while reducing
   the perceived darkness of the site across home + inner pages.
   Footer intentionally remains dark as a strong visual anchor.
   ========================================================= */

/* Hero — reveal more of the interior photography while keeping copy legible. */
.hero-overlay{
  background:
    linear-gradient(90deg,rgba(18,18,18,.64) 0%,rgba(18,18,18,.44) 38%,rgba(18,18,18,.18) 68%,rgba(18,18,18,.04) 100%),
    linear-gradient(180deg,rgba(10,10,10,.06),rgba(10,10,10,.14));
}
html[dir="rtl"] .hero-overlay{
  background:
    linear-gradient(270deg,rgba(18,18,18,.64) 0%,rgba(18,18,18,.44) 38%,rgba(18,18,18,.18) 68%,rgba(18,18,18,.04) 100%),
    linear-gradient(180deg,rgba(10,10,10,.06),rgba(10,10,10,.14));
}
.hero-bg{filter:saturate(.98) contrast(1.01) brightness(1.03)}

/* Assurance rail — light warm bridge between hero and collections. */
.commerce-assurance{
  background:#efe9df;
  color:var(--primary);
  border-bottom-color:rgba(26,26,26,.08);
}
.commerce-assurance-item{border-inline-end-color:rgba(26,26,26,.09)}
@media(max-width:1100px){.commerce-assurance-item:nth-child(-n+2){border-bottom-color:rgba(26,26,26,.09)}}
.commerce-assurance-item b{color:#9d7a3f}

/* Brand story — switch the largest solid dark block to warm ivory. */
.home-brand-story{
  background:#f7f3ec;
  color:var(--primary);
}
.home-brand-story .about-image{box-shadow:0 30px 70px rgba(26,26,26,.11)}
.home-brand-story .about-image-small{border-color:#f7f3ec}
.home-brand-story .about-copy h2{color:var(--primary)}
.home-brand-story .about-text{color:rgba(26,26,26,.68)}
.home-brand-story .about-text .about-emphasis{color:#8d6d36}
.home-brand-story .eyebrow{color:#9d7a3f}
.brand-pillars{
  border-top-color:rgba(26,26,26,.14);
  border-bottom-color:rgba(26,26,26,.14);
}
.brand-pillar{border-inline-end-color:rgba(26,26,26,.14)}
.brand-pillar span{color:#9d7a3f}
.brand-pillar strong{color:var(--primary)}
.home-brand-story .btn-dark{background:var(--primary);color:var(--white)}
.home-brand-story .btn-dark:hover{background:var(--gold);color:var(--primary)}

/* Featured project — retain cinematic contrast, but show more material detail. */
.home-featured .featured-bg{filter:saturate(.96) contrast(1.01) brightness(1.03)}
.featured-overlay,
.home-featured .featured-overlay{
  background:linear-gradient(90deg,rgba(16,16,16,.52) 0%,rgba(16,16,16,.31) 50%,rgba(16,16,16,.07) 100%);
}
html[dir="rtl"] .featured-overlay,
html[dir="rtl"] .home-featured .featured-overlay{
  background:linear-gradient(270deg,rgba(16,16,16,.52) 0%,rgba(16,16,16,.31) 50%,rgba(16,16,16,.07) 100%);
}

/* Final CTA — clearer photography with enough contrast for white content. */
.home-final-cta .cta-bg{
  opacity:.82;
  filter:saturate(.96) contrast(1.01) brightness(1.02);
}
.cta-overlay,
.home-final-cta .cta-overlay{background:rgba(18,18,18,.48)}

/* Inner-page heroes — same lighter photographic treatment for consistency. */
.page-hero{background:#242320}
.page-hero img{filter:saturate(.97) brightness(1.03);transform:scale(1.01)}
.page-hero::after{
  background:linear-gradient(90deg,rgba(18,18,18,.68),rgba(18,18,18,.35) 62%,rgba(18,18,18,.08));
}
html[dir="rtl"] .page-hero::after{
  background:linear-gradient(270deg,rgba(18,18,18,.68),rgba(18,18,18,.35) 62%,rgba(18,18,18,.08));
}

/* Conversion sections on inner/product pages use warm surfaces instead of another black block. */
.page-cta,
.product-final-cta{
  background:#eee8de;
  color:var(--primary);
  border-top:1px solid rgba(26,26,26,.08);
}
.page-cta p,
.product-final-cta p{color:rgba(26,26,26,.64)}
.page-cta .btn-outline-light,
.product-final-cta .btn-outline-light{
  color:var(--primary);
  border-color:rgba(26,26,26,.42);
}
.page-cta .btn-outline-light:hover,
.product-final-cta .btn-outline-light:hover{
  background:var(--primary);
  color:var(--white);
  border-color:var(--primary);
}

/* Mobile brand-pillar separators need the light-surface border as well. */
@media(max-width:600px){
  .home-brand-story .brand-pillar,
  .home-brand-story .brand-pillar:not(:first-child),
  .home-brand-story .brand-pillar:last-child{
    border-bottom-color:rgba(26,26,26,.13);
  }
  .home-brand-story .brand-pillar:last-child{border-bottom:0}
}

/* Product request preview: keep text readable on the light luxury card. */
.order-product-preview{
  color:#1a1a1a;
}
.order-product-preview .order-preview-copy>span{
  color:#9a7330;
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
}
.order-product-preview .order-preview-copy h3{
  color:#1a1a1a;
}
.order-product-preview .order-preview-copy p{
  color:rgba(26,26,26,.72);
  font-size:14px;
  line-height:1.75;
}
.order-product-preview .order-preview-copy ul{
  border-top-color:rgba(26,26,26,.12);
}
.order-product-preview .order-preview-copy li{
  color:rgba(26,26,26,.78);
  font-size:13px;
  line-height:1.55;
}

/* =========================================================
   Homepage process — editorial architectural composition
   Replaces the generic horizontal timeline with a premium,
   asymmetric layout aligned with the rest of INNOVA DECO.
   ========================================================= */
.home-process{
  position:relative;
  overflow:hidden;
  background:#f4f0e8;
  padding:132px 0 138px;
}
.home-process::before{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  top:-220px;
  inset-inline-end:-110px;
  border:1px solid rgba(197,160,89,.16);
  border-radius:50%;
  pointer-events:none;
}
.home-process .process-layout{
  display:grid;
  grid-template-columns:minmax(280px,.82fr) minmax(0,1.75fr);
  gap:clamp(64px,8vw,132px);
  align-items:start;
}
.home-process .process-heading{
  position:sticky;
  top:145px;
  margin:0;
  text-align:start;
  max-width:430px;
}
.home-process .process-heading .eyebrow{
  margin-bottom:20px;
  color:#a37c36;
}
.home-process .center-heading{
  margin:0;
  max-width:390px;
  font-family:var(--font-display);
  font-size:clamp(42px,4.6vw,68px);
  font-weight:500;
  line-height:1.04;
  letter-spacing:-.035em;
  text-align:start;
}
html[dir="rtl"] .home-process .center-heading{
  font-family:var(--font-arabic);
  line-height:1.22;
  letter-spacing:0;
}
.home-process .process-heading-rule{
  width:72px;
  height:1px;
  margin-top:34px;
  background:var(--gold);
}
.home-process .process-wrap{
  border-top:1px solid rgba(26,26,26,.15);
}
.home-process .process-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
}
.home-process .process-card{
  position:relative;
  min-height:265px;
  padding:34px 42px 38px 0;
  border:0;
  border-bottom:1px solid rgba(26,26,26,.12);
  text-align:start;
  transition:background .32s ease,transform .35s var(--lux-ease),padding .35s var(--lux-ease);
}
html[dir="rtl"] .home-process .process-card{
  padding:34px 0 38px 42px;
}
.home-process .process-card:nth-child(odd){
  border-inline-end:1px solid rgba(26,26,26,.12);
}
.home-process .process-card:nth-child(even){
  padding-inline-start:42px;
}
.home-process .process-card:nth-last-child(-n+2){
  border-bottom:0;
}
.home-process .process-card:hover{
  background:rgba(255,255,255,.46);
  transform:none;
}
.home-process .process-number{
  position:static;
  width:auto;
  height:auto;
  margin:0 0 54px;
  display:block;
  border:0;
  background:transparent;
  color:#b28a43;
  font-family:var(--font-display);
  font-size:42px;
  font-weight:500;
  line-height:1;
  letter-spacing:-.04em;
}
html[dir="rtl"] .home-process .process-number{
  font-family:var(--font-arabic);
  letter-spacing:0;
}
.home-process .process-card h3{
  margin:0 0 13px;
  font-size:17px;
  font-weight:700;
  letter-spacing:.08em;
  line-height:1.25;
}
.home-process .process-card p{
  margin:0;
  max-width:290px;
  color:rgba(26,26,26,.63);
  font-size:15px;
  line-height:1.75;
}
.home-process .process-card::after{
  content:"";
  position:absolute;
  top:37px;
  inset-inline-end:34px;
  width:8px;
  height:8px;
  border-top:1px solid rgba(26,26,26,.35);
  border-inline-end:1px solid rgba(26,26,26,.35);
  transform:rotate(45deg);
  opacity:.55;
  transition:transform .3s ease,opacity .3s ease;
}
html[dir="rtl"] .home-process .process-card::after{
  transform:rotate(-135deg);
}
.home-process .process-card:hover::after{
  opacity:1;
  transform:translateX(4px) rotate(45deg);
}
html[dir="rtl"] .home-process .process-card:hover::after{
  transform:translateX(-4px) rotate(-135deg);
}

@media(max-width:960px){
  .home-process{padding:100px 0 106px}
  .home-process .process-layout{grid-template-columns:1fr;gap:58px}
  .home-process .process-heading{position:static;max-width:650px}
  .home-process .center-heading{max-width:620px}
}

@media(max-width:680px){
  .home-process{padding:78px 0 82px}
  .home-process::before{display:none}
  .home-process .process-layout{gap:42px}
  .home-process .center-heading{font-size:clamp(36px,11vw,48px)}
  .home-process .process-heading-rule{margin-top:26px}
  .home-process .process-grid{grid-template-columns:1fr}
  .home-process .process-card,
  html[dir="rtl"] .home-process .process-card,
  .home-process .process-card:nth-child(even){
    min-height:0;
    padding:27px 8px 30px 0;
    border-inline-end:0;
    border-bottom:1px solid rgba(26,26,26,.12);
  }
  html[dir="rtl"] .home-process .process-card,
  html[dir="rtl"] .home-process .process-card:nth-child(even){padding:27px 0 30px 8px}
  .home-process .process-card:last-child{border-bottom:0}
  .home-process .process-number{margin-bottom:28px;font-size:34px}
  .home-process .process-card h3{font-size:16px}
  .home-process .process-card p{font-size:15px;max-width:92%}
  .home-process .process-card::after{top:31px;inset-inline-end:8px}
}

/* =========================================================
   Homepage process — compact horizontal revision
   Four steps stay on one line on desktop to reduce page height.
   ========================================================= */
@media(min-width:961px){
  .home-process{
    padding:88px 0 94px;
  }
  .home-process .process-layout{
    display:block;
  }
  .home-process .process-heading{
    position:static;
    display:grid;
    grid-template-columns:minmax(150px,.42fr) minmax(0,1.5fr) 72px;
    column-gap:36px;
    align-items:end;
    max-width:none;
    margin:0 0 40px;
  }
  .home-process .process-heading .eyebrow{
    margin:0 0 7px;
  }
  .home-process .center-heading{
    max-width:760px;
    font-size:clamp(36px,3.55vw,52px);
    line-height:1.07;
  }
  .home-process .process-heading-rule{
    width:72px;
    margin:0 0 11px;
  }
  .home-process .process-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .home-process .process-card,
  html[dir="rtl"] .home-process .process-card,
  .home-process .process-card:nth-child(even){
    min-height:220px;
    padding:30px 28px 26px;
    border-bottom:0;
    border-inline-end:1px solid rgba(26,26,26,.12);
  }
  .home-process .process-card:first-child{
    padding-inline-start:0;
  }
  .home-process .process-card:last-child{
    padding-inline-end:0;
    border-inline-end:0;
  }
  .home-process .process-number{
    margin-bottom:35px;
    font-size:36px;
  }
  .home-process .process-card h3{
    margin-bottom:11px;
    font-size:16px;
  }
  .home-process .process-card p{
    max-width:245px;
    font-size:14px;
    line-height:1.65;
  }
  .home-process .process-card::after{
    top:32px;
    inset-inline-end:22px;
  }
}

@media(min-width:681px) and (max-width:960px){
  .home-process{padding:82px 0 88px}
  .home-process .process-layout{display:block}
  .home-process .process-heading{margin:0 0 38px;max-width:720px}
  .home-process .center-heading{font-size:clamp(38px,6vw,50px)}
  .home-process .process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-process .process-card,
  html[dir="rtl"] .home-process .process-card,
  .home-process .process-card:nth-child(even){
    min-height:210px;
    padding:28px 30px 28px;
  }
  .home-process .process-card:nth-child(odd){border-inline-end:1px solid rgba(26,26,26,.12)}
  .home-process .process-card:nth-child(-n+2){border-bottom:1px solid rgba(26,26,26,.12)}
  .home-process .process-number{margin-bottom:30px;font-size:36px}
}


/* Scroll-performance overrides — v1.5.3 */
.site-header.scrolled{
  background:rgba(248,246,241,.985);
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}
@media (hover:none), (pointer:coarse), (max-width:760px){
  /* Avoid large filtered/animated image layers while finger-scrolling. */
  .hero-bg,
  .home-featured .featured-bg,
  .home-final-cta .cta-bg,
  .page-hero img{
    filter:none !important;
    animation:none !important;
  }
  .hero-bg{transform:none !important}
}