/* LUMA COLLECTION — Live category sections + editorial motion (October 2026)
   Additive stylesheet: original luxury brand design, cart and checkout untouched. */
:root{--luma-warm-gold:#dfbc79}
.luma-category-collections{background:#080808;padding:24px 0 82px;overflow:hidden}
.luma-category-section{width:min(calc(100% - 80px),1350px);margin:0 auto;padding:68px 0 80px;border-top:1px solid #5e4c2b79;scroll-margin-top:110px}
.luma-category-section:first-child{border-top:0}
.luma-section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:26px}
.luma-section-heading h2{font:500 clamp(42px,5vw,74px)/.93 'Cormorant Garamond',serif;color:#f4eee4;margin:13px 0 10px;letter-spacing:-.015em}
.luma-section-heading p{font-size:13px;color:#b9aea0;margin:0}
.luma-section-more{align-self:end;color:var(--luma-warm-gold);background:transparent;border:1px solid #a1834f;padding:13px 20px;font-size:11px;font-weight:750;letter-spacing:.12em;transition:background .25s,color .25s,transform .25s;white-space:nowrap}
.luma-section-more:hover{background:var(--luma-warm-gold);color:#16110b;transform:translateY(-2px)}
.luma-category-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.luma-category-products .product-card{height:100%;box-shadow:0 20px 50px #0003;transition:border-color .3s,transform .32s,box-shadow .32s}
.luma-category-products .product-card:hover{transform:translateY(-6px);border-color:#b58d58;box-shadow:0 25px 55px #0008}
.luma-category-section>.luma-section-more{margin-top:22px}
.luma-featured-empty{grid-column:1/-1;background:linear-gradient(110deg,#18130e,#0f0e0d);color:#b9aea0;border:1px dashed #51412d;border-radius:8px;text-align:center;padding:28px 18px;font-size:13px}
.luma-empty-edit{display:grid;grid-template-columns:minmax(210px,39%) 1fr;align-items:center;min-height:240px;max-height:350px;overflow:hidden;border:1px solid #42331f;border-radius:12px;background:radial-gradient(ellipse at 25% 50%,#32221188,#15110e 66%,#0c0b0a);box-shadow:0 17px 50px #0004}
.luma-empty-photo{height:100%;min-height:245px;position:relative;overflow:hidden}
.luma-empty-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#14100ce8)}
.luma-empty-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.87);transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.luma-empty-edit:hover .luma-empty-photo img{transform:scale(1.055)}
.luma-empty-content{padding:36px 32px}
.luma-empty-kicker{font-size:10px;letter-spacing:.3em;font-weight:800;color:#d9b87a}
.luma-empty-content h3{font:500 clamp(27px,3.3vw,45px)/1.05 'Cormorant Garamond',serif;color:#f5ede1;margin:13px 0}
.luma-empty-content p{max-width:480px;color:#c4b6a3;line-height:1.8;font-size:13px}
.luma-empty-line{color:#d5b67d;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.15em;border-bottom:1px solid #a38456;padding:12px 0 7px}
/* Elegant micro-interactions across the website. */
.hero .hero-visual img{transition:transform 8s ease,opacity .6s ease}
.hero:hover .hero-visual img{transform:scale(1.028)}
.luma-banner-animate .hero-visual img{animation:lumaBannerImage 1.3s ease both}
.luma-banner-animate .hero-copy>*{animation:lumaBannerCopy .9s ease both}
@keyframes lumaBannerImage{from{opacity:.56;transform:scale(1.045)}to{opacity:1;transform:scale(1)}}
@keyframes lumaBannerCopy{from{opacity:.5;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
.category-circle{transition:transform .4s cubic-bezier(.18,.8,.2,1),border-color .4s,box-shadow .4s}
.category-card:hover .category-circle{box-shadow:0 0 0 5px #97713d25,0 12px 33px #e0b16923}
.luma-motion-ready .luma-reveal{opacity:0;transform:translateY(21px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.luma-motion-ready .luma-reveal.luma-visible{opacity:1;transform:translateY(0)}
@media(max-width:980px){.luma-category-products{grid-template-columns:repeat(3,minmax(0,1fr))}.luma-category-section{width:calc(100% - 48px)}}
@media(max-width:760px){.luma-category-collections{padding:2px 0 50px}.luma-category-section{width:calc(100% - 28px);padding:48px 0 54px}.luma-category-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.luma-section-heading{align-items:start;flex-direction:column}.luma-section-heading h2{font-size:52px}.luma-section-more{align-self:flex-start;padding:11px 14px}.luma-empty-edit{grid-template-columns:37% 63%;min-height:220px}.luma-empty-photo{min-height:220px}.luma-empty-content{padding:19px 15px}.luma-empty-content h3{font-size:31px}.luma-empty-content p{font-size:11px;line-height:1.5}.luma-empty-kicker{font-size:8px}.luma-empty-line{font-size:8px}}
@media(max-width:430px){.luma-empty-edit{grid-template-columns:33% 67%}.luma-empty-content h3{font-size:25px}.luma-section-heading h2{font-size:45px}.luma-category-products .product-card .product-photo{aspect-ratio:1.05}}
@media(prefers-reduced-motion:reduce){.luma-motion-ready .luma-reveal,.luma-banner-animate .hero-copy>*,.luma-banner-animate .hero-visual img{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}
/* LUMA Hero alignment fix (23 Oct 2026): correct excessive 9.2vw title gutter.
   Hero only. Preserve product sections, slideshow, AI, WhatsApp, cart and checkout. */
@media (min-width: 1180px) {
  .hero .hero-copy {
    padding: clamp(34px, 2.7vw, 48px) 18px 0 clamp(86px, 5.2vw, 112px) !important;
    width: min(59%, 920px);
    max-width: none;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .hero .hero-copy h1 {
    font-size: clamp(62px, 4.5vw, 84px) !important;
    line-height: .97;
    letter-spacing: -.025em;
    margin: 16px 0 15px;
  }
  .hero .hero-copy p { max-width: 455px; line-height: 1.57; margin-top: 5px; }
  .hero .hero-actions { margin-top: 23px; gap: 19px; }
  .hero .hero-benefits { left: clamp(86px, 5.2vw, 112px); bottom: 19px; }
  .hero .hero-arrow.prev { left: 23px; }
}
@media (min-width: 761px) and (max-width: 1179px) {
  .hero .hero-copy {
    padding: 42px 12px 0 clamp(65px, 6.5vw, 84px) !important;
    width: min(64%, 740px);
  }
  .hero .hero-copy h1 {
    font-size: clamp(49px, 5.3vw, 65px) !important;
    line-height: .99;
    margin: 15px 0 14px;
  }
  .hero .hero-copy p { max-width: 360px; font-size: 13px; }
  .hero .hero-actions { margin-top: 18px; gap: 13px; }
  .hero .hero-benefits { left: clamp(65px, 6.5vw, 84px); gap: 17px; }
  .hero .hero-benefits strong { font-size: 10px; }
  .hero .hero-benefits small { font-size: 9px; }
  .hero .hero-arrow.prev { left: 14px; }
}
@media (max-width: 760px) {
  .hero .hero-copy { max-width: 100%; }
  .hero .hero-copy h1 { white-space: normal; }
}

/* Website Studio: campaign image stays editable and visible above real products. */
.luma-section-cover{margin-bottom:24px}
.luma-section-cover.luma-has-products{min-height:210px;max-height:300px}
.luma-section-cover.luma-has-products .luma-empty-photo{min-height:210px}
.luma-section-cover .luma-section-more{align-self:start;margin-top:13px}
.luma-footer-collections{display:flex;flex-direction:column;gap:10px}
.luma-featured-empty{display:block}
@media(max-width:760px){.luma-section-cover.luma-has-products{min-height:200px;max-height:none}.luma-section-cover.luma-has-products .luma-empty-photo{min-height:200px}}