
:root{
  --black:#090909;--black2:#151515;--gold:#c9a45b;--gold2:#e0bf78;
  --cream:#f5f1e8;--white:#fff;--line:#332a1b;--muted:#a9a39a;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#f7f4ee;font-family:Arial,Helvetica,sans-serif;padding-bottom:72px}
button,input,textarea,select{font:inherit}button{cursor:pointer}.promo{background:#000;color:var(--gold2);font-size:10px;letter-spacing:1.2px;text-align:center;padding:9px 8px;border-bottom:1px solid #292116;white-space:nowrap;overflow:hidden}
.header{height:66px;background:rgba(8,8,8,.97);display:flex;align-items:center;justify-content:space-between;padding:0 16px;position:sticky;top:0;z-index:30;border-bottom:1px solid #3b2c18}.icon-btn{background:none;border:0;color:#fff;font-size:25px;width:42px;height:42px}.logo{text-decoration:none;color:var(--gold2);text-align:center;line-height:.9;letter-spacing:5px}.logo span{display:block;font-size:8px;letter-spacing:4px;color:#d9d0bf}.logo b{font:500 25px Georgia,serif}.header-actions{display:flex;gap:2px}.cart-icon{position:relative}.cart-icon i{position:absolute;right:1px;top:0;background:var(--gold2);color:#111;border-radius:50%;font-size:9px;font-style:normal;width:17px;height:17px;line-height:17px}
.hero{min-height:470px;display:flex;align-items:flex-end;padding:36px 24px 42px;background:linear-gradient(90deg,rgba(0,0,0,.93) 0%,rgba(0,0,0,.62) 48%,rgba(0,0,0,.12)),url("supremacy-1.jpg") center/cover;position:relative;border-bottom:1px solid #5b421f}.hero:after{content:"";position:absolute;inset:auto 0 0;height:90px;background:linear-gradient(transparent,var(--black))}.hero-copy{position:relative;z-index:1;max-width:560px}.hero small,.eyebrow{color:var(--gold2);letter-spacing:3px;font-size:10px}.hero h1{font:500 53px/.9 Georgia,serif;letter-spacing:5px;margin:15px 0}.hero h1 em{font-style:normal;color:var(--gold2)}.hero p{color:#e7e2d9;max-width:390px;line-height:1.5;font-size:14px}.btn{display:inline-block;background:var(--gold2);color:#111;text-decoration:none;border:1px solid var(--gold2);padding:13px 20px;font-size:11px;letter-spacing:1.3px;font-weight:bold;margin-top:10px}.btn:hover{background:#efd18e}
.welcome{text-align:center;padding:42px 24px 28px;background:#0d0d0d}.welcome h2,.section-title h2,.trust-card h2,.contact h2{font:500 29px Georgia,serif;letter-spacing:2px;margin:9px 0}.welcome p:last-child{color:#bbb3a5;max-width:650px;margin:0 auto;line-height:1.6;font-size:13px}
.categories{display:grid;grid-template-columns:1fr 1fr;background:#0b0b0b;padding:8px;gap:1px}.cat{height:145px;border:1px solid #3b2d1a;color:#fff;display:flex;align-items:flex-end;padding:15px;background-size:cover;background-position:center;position:relative}.cat:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,rgba(0,0,0,.85))}.cat span{position:relative;z-index:1;font:500 18px Georgia,serif;letter-spacing:2px}.cat-dark{background-image:url("supremacy-2.jpg")}.cat-set{background-image:url("nineam-1.jpg")}.cat-fresh{background-image:url("heaven-1.jpg")}.cat-all{background-image:url("royal-1.jpg")}
.catalog{background:var(--cream);color:#171717;padding:40px 14px}.section-title{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #c7b99f;padding:0 4px 14px}.section-title .eyebrow{color:#8d6b2d}.section-title h2{font-size:24px;margin-bottom:0}.filter-btn{background:none;border:0;text-decoration:underline;font-size:11px}.search-wrap{display:none;padding:12px 0}.search-wrap.show{display:block}.search-wrap input{width:100%;padding:13px;border:1px solid #cfc3ae;background:#fff;outline:none}.products{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.product-card{background:#fff;border:1px solid #e0d6c4;box-shadow:0 4px 14px rgba(0,0,0,.08)}.product-photo{width:100%;height:205px;border:0;padding:0;background:#171717;position:relative;overflow:hidden}.product-photo img{width:100%;height:100%;object-fit:cover;display:block}.tag{position:absolute;top:8px;left:8px;background:var(--gold2);color:#111;font-size:8px;font-weight:bold;letter-spacing:.8px;padding:5px 7px;z-index:2}.product-info{padding:10px 10px 12px}.brand{font-size:9px;text-transform:uppercase;letter-spacing:1.4px;color:#8b6c38;margin:0 0 4px}.product-info h3{font:500 15px Georgia,serif;margin:0 0 5px;min-height:35px}.size{font-size:9px;color:#777;margin:0}.product-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.product-bottom strong{font-size:14px}.product-bottom button{border:1px solid #b18a43;background:#111;color:var(--gold2);width:32px;height:30px;font-size:20px}
.banner{min-height:300px;padding:42px 24px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.2)),url("royal-2.jpg") center/cover;border-top:1px solid #332717;border-bottom:1px solid #332717}.banner h2{font:500 35px Georgia,serif;max-width:500px}.banner p:not(.eyebrow){color:#ddd;max-width:440px;line-height:1.6}
.trust{background:#111;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #302719}.trust-card{padding:30px 20px;border-right:1px solid #302719}.trust-card h2{font-size:21px}.trust-card>p:last-child{font-size:12px;line-height:1.55;color:#aaa}.payment-list{display:flex;flex-wrap:wrap;gap:6px}.payment-list span{border:1px solid #604a28;color:#e2c37d;padding:7px;font-size:9px}
.contact{text-align:center;padding:45px 22px;background:#080808;border-top:1px solid #302719}.contact h2{max-width:600px;margin:10px auto 15px}.whatsapp{display:inline-block;background:#1fbd62;color:#fff;text-decoration:none;padding:13px 18px;font-size:11px;font-weight:bold}
.footer{text-align:center;padding:35px 20px 90px;background:#050505;border-top:1px solid #332716;color:#9f988c;font-size:11px}.footer strong{font:500 23px Georgia,serif;color:var(--gold2);letter-spacing:4px}.footer p{margin:8px 0}
.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:68px;background:rgba(8,8,8,.98);display:grid;grid-template-columns:repeat(4,1fr);z-index:50;border-top:1px solid #3c2d1a}.bottom-nav a,.bottom-nav button{background:none;border:0;color:#d8d1c5;text-decoration:none;text-align:center;padding:8px 2px;font-size:18px}.bottom-nav span{display:block;font-size:9px;letter-spacing:.5px;margin-top:3px}.bottom-nav b{background:var(--gold2);color:#111;border-radius:10px;padding:1px 5px;font-size:8px}
.drawer{position:fixed;z-index:60;left:-290px;top:0;bottom:0;width:280px;background:#101010;padding:20px;transition:.25s;border-right:1px solid #4c381e}.drawer.open{left:0}.drawer-head{display:flex;justify-content:space-between;align-items:center;color:var(--gold2);padding-bottom:20px;border-bottom:1px solid #332817}.drawer-head button{background:none;border:0;color:#fff;font-size:30px}.drawer a{display:block;color:#eee;text-decoration:none;padding:17px 4px;border-bottom:1px solid #29231a;font-size:13px}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:55;display:none}.overlay.show{display:block}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:70;display:none;align-items:flex-end}.modal.show{display:flex}.modal-card{background:var(--cream);color:#171717;width:100%;max-height:92vh;overflow:auto;border-radius:18px 18px 0 0;padding:20px;position:relative}.modal-close{position:absolute;right:13px;top:10px;border:0;background:#111;color:#fff;border-radius:50%;width:38px;height:38px;font-size:24px;line-height:38px;text-align:center;padding:0;z-index:1000;cursor:pointer;pointer-events:auto;touch-action:manipulation}.detail-gallery{height:310px;background:#151515}.detail-gallery img{width:100%;height:100%;object-fit:cover}.detail-info{padding:18px 0}.detail-info h2{font:500 28px Georgia,serif;margin:8px 0}.price{font-size:22px;font-weight:bold}.gallery-thumbs{display:flex;gap:7px;margin:15px 0}.gallery-thumbs button{width:58px;height:58px;padding:0;border:1px solid #cbbda6;background:#fff}.gallery-thumbs img{width:100%;height:100%;object-fit:cover}.full{width:100%;text-align:center}.cart-row{display:grid;grid-template-columns:58px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #d5cab8}.cart-row img{width:58px;height:58px;object-fit:cover}.cart-row small{display:block;color:#777;margin:4px 0}.qty{display:flex;align-items:center;gap:10px;font-size:12px}.qty button{border:1px solid #c8bca7;background:#fff;width:24px;height:24px}.cart-total{display:flex;justify-content:space-between;font-size:17px;padding:17px 0}.checkout-box{display:grid;gap:8px;background:#eee6d8;padding:14px;margin-bottom:12px}.checkout-box input,.checkout-box textarea,.checkout-box select{border:1px solid #cfc2ac;padding:12px;background:#fff;outline:none}.checkout-box small{color:#756b5e}.empty{text-align:center;padding:25px;color:#777}
@media(min-width:760px){body{padding-bottom:0}.hero{min-height:610px;padding-left:8%;}.hero h1{font-size:72px}.categories{grid-template-columns:repeat(4,1fr);padding:14px}.cat{height:190px}.products{grid-template-columns:repeat(4,1fr);gap:16px}.product-photo{height:280px}.catalog,.welcome{padding-left:7%;padding-right:7%}.trust{grid-template-columns:1fr 1fr}.bottom-nav{display:none}.modal{align-items:center;justify-content:center}.modal-card{max-width:650px;border-radius:18px}.detail-gallery{height:390px}}


/* ===== LEXUS PERFUMS — BRAND SYSTEM ===== */
.logo{
  display:flex;
  align-items:center;
  justify-content:center;
  width:188px;
  height:58px;
  color:var(--gold,#c9a45c);
  text-decoration:none;
  flex:0 0 auto;
}
.brand-logo{
  width:100%;
  height:100%;
  display:block;
  overflow:visible;
}
.brand-logo .brand-monogram{
  font-family:Georgia,"Times New Roman",serif;
  font-size:28px;
  font-weight:700;
  letter-spacing:-2px;
  fill:currentColor;
}
.brand-logo .brand-word{
  font-family:Georgia,"Times New Roman",serif;
  font-size:28px;
  font-weight:700;
  letter-spacing:3px;
  fill:currentColor;
}
.brand-logo .brand-sub{
  font-family:Arial,sans-serif;
  font-size:10px;
  font-weight:600;
  letter-spacing:4px;
  fill:currentColor;
}
.brand-logo .brand-line{
  fill:none;
  stroke:currentColor;
  stroke-width:1;
  opacity:.8;
}
.drawer-brand{
  display:flex;
  justify-content:center;
  padding:16px 12px 4px;
}
.drawer-logo{
  width:185px;
  height:55px;
  color:var(--gold,#c9a45c);
}
@media (max-width:759px){
  .logo{width:158px;height:52px}
  .brand-logo .brand-word{font-size:24px;letter-spacing:2.5px}
  .brand-logo .brand-monogram{font-size:24px}
  .brand-logo .brand-sub{font-size:8px;letter-spacing:3px}
}
@media (min-width:760px){
  .logo{width:220px;height:66px}
}


/* ===== STOREFRONT POLISH — BOCETO 1 ===== */
:root{
  --gold:#c8a35a;
  --gold2:#e0bd73;
  --ink:#0a0a0a;
  --soft:#f5efe5;
  --line:#332817;
}
body{background:#080808;color:#f7f2e9}
.promo{
  font-size:9px;letter-spacing:1.25px;text-transform:uppercase;
  padding:9px 12px;background:#050505;color:#d9c28f;
  border-bottom:1px solid #241b10;text-align:center
}
.header{
  min-height:72px;background:rgba(7,7,7,.96);
  border-bottom:1px solid #2d2418;backdrop-filter:blur(10px)
}
.header .icon-btn{color:#eee;font-size:22px}
.hero{
  min-height:560px;position:relative;isolation:isolate;
  background-position:center;background-size:cover
}
.hero:after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.56) 48%,rgba(0,0,0,.18) 100%)
}
.hero-copy{max-width:560px}
.hero-copy small{letter-spacing:3px;color:var(--gold2);font-size:10px}
.hero h1{letter-spacing:-1px;text-shadow:0 4px 22px rgba(0,0,0,.5)}
.hero h1 em{color:var(--gold2);font-style:normal}
.hero p{color:#e8e0d3;max-width:420px}
.btn{
  background:linear-gradient(135deg,#e2c27a,#ae8641);
  color:#0b0b0b;border:0;box-shadow:0 8px 24px rgba(0,0,0,.28)
}
.benefits{
  display:grid;grid-template-columns:repeat(3,1fr);
  background:#0d0d0d;border-bottom:1px solid #2a2115
}
.benefit{
  padding:15px 7px;text-align:center;border-right:1px solid #272016
}
.benefit:last-child{border-right:0}
.benefit span{display:block;color:var(--gold2);font-size:17px;margin-bottom:5px}
.benefit strong{display:block;font-size:9px;letter-spacing:1px;text-transform:uppercase}
.benefit small{display:block;color:#8e877b;font-size:8px;margin-top:3px}
.welcome{padding-top:42px;padding-bottom:42px}
.welcome h2{letter-spacing:4px}
.welcome p:last-child{max-width:570px}
.categories{background:#090909;padding:10px}
.cat{position:relative;overflow:hidden;border:1px solid #3a2c1c}
.cat:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.75))}
.cat span{position:relative;z-index:2;letter-spacing:2px}
.editorial{
  display:grid;grid-template-columns:1fr;
  background:#f2ebdf;color:#161411
}
.editorial-copy{padding:46px 24px}
.editorial-copy h2{
  font:500 34px/1.08 Georgia,serif;margin:8px 0 16px;
  color:#17130e
}
.editorial-copy p:not(.eyebrow){color:#675e50;line-height:1.7;max-width:520px}
.outline-btn{
  display:inline-block;margin-top:15px;padding:12px 16px;
  border:1px solid #17130e;color:#17130e;text-decoration:none;
  font-size:10px;letter-spacing:1.4px;font-weight:700
}
.editorial-image{min-height:330px}
.editorial-image img{width:100%;height:100%;object-fit:cover;display:block}
.catalog{background:#f7f1e7;color:#171717}
.section-title h2{font:500 30px Georgia,serif}
.search-wrap input{
  border:1px solid #d7c9b2;background:#fff;box-shadow:0 5px 18px rgba(0,0,0,.04)
}
.product-card{
  border:1px solid #ded3c1;background:#fff;
  box-shadow:0 10px 28px rgba(34,26,15,.07);
  transition:transform .2s,box-shadow .2s
}
.product-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(34,26,15,.11)}
.product-photo{background:#f4eee4}
.product-photo .tag{background:#111;color:var(--gold2);letter-spacing:1px}
.product-info h3{font-family:Georgia,serif;font-weight:500}
.product-bottom button{
  width:34px;height:34px;border-radius:50%;
  background:#111;color:var(--gold2);border:0;font-size:22px;line-height:1
}
.banner{
  min-height:300px;display:flex;align-items:center;
  background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.48)),url("heaven-2.jpg") center/cover
}
.banner h2{font-size:38px}
.trust{background:#0a0a0a}
.trust-card{border-color:#332817}
.payment-list span{
  border:1px solid #594526;background:#111;color:#dfc27e;
  border-radius:30px;padding:8px 11px
}
.faq{background:#f4ede2;color:#171717;padding:46px 20px}
.faq .section-title{margin-bottom:15px}
.faq-list{max-width:900px;margin:auto;border-top:1px solid #d3c5ae}
.faq details{border-bottom:1px solid #d3c5ae}
.faq summary{
  list-style:none;cursor:pointer;padding:18px 2px;
  font-size:13px;font-weight:700
}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";float:right;color:#8e6a30;font-size:18px}
.faq details[open] summary:after{content:"−"}
.faq details p{margin:0 0 18px;color:#6d6355;line-height:1.65;font-size:12px}
.contact{background:linear-gradient(180deg,#0c0c0c,#050505);padding:55px 20px}
.contact h2{font:500 32px Georgia,serif}
.whatsapp{border-radius:2px;box-shadow:0 8px 22px rgba(0,0,0,.3)}
.footer-links{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:16px}
.footer-links a{color:#b9a27a;text-decoration:none;font-size:10px}
.floating-wa{
  position:fixed;right:16px;bottom:82px;z-index:48;
  width:50px;height:50px;border-radius:50%;
  background:#1db954;color:#fff;text-decoration:none;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 25px rgba(0,0,0,.32);font-size:20px
}
.floating-wa span{display:none}
@media(min-width:760px){
  .benefits{padding:0 7%}
  .benefit{padding:18px}
  .editorial{grid-template-columns:1.05fr .95fr}
  .editorial-copy{padding:72px 8%}
  .editorial-image{min-height:430px}
  .faq{padding:65px 7%}
  .floating-wa{right:28px;bottom:28px;width:auto;height:auto;border-radius:30px;padding:12px 17px;font-size:13px;gap:7px}
  .floating-wa span{display:inline}
}
/* LEXUS PERFUMS premium image logo */
.logo{display:flex;align-items:center;justify-content:center;width:150px;height:60px;overflow:hidden}
.site-logo{width:92px;height:92px;object-fit:contain;display:block;mix-blend-mode:screen}
.drawer-logo-img{width:150px;height:150px;object-fit:contain;display:block;margin:0 auto}
@media(max-width:520px){.logo{width:124px;height:58px}.site-logo{width:82px;height:82px}.drawer-logo-img{width:140px;height:140px}}


/* ===== BOCETO 4 — PORTADA PREMIUM LEXUS PERFUMS ===== */
.hero{
  min-height:620px;
  padding:34px 24px 52px;
  background-image:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.72) 42%,rgba(0,0,0,.18) 100%),url("supremacy-1.jpg");
  background-position:center;
  overflow:hidden;
}
.hero:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 78% 42%,rgba(224,189,115,.12),transparent 28%),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.35));
}
.hero-copy{z-index:2}
.hero-logo{width:118px;height:118px;margin:0 0 20px;overflow:hidden;border:1px solid rgba(224,189,115,.55);border-radius:50%;box-shadow:0 0 0 6px rgba(0,0,0,.22),0 12px 35px rgba(0,0,0,.42)}
.hero-logo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.hero h1{font-size:56px;line-height:.94;margin:14px 0 15px;letter-spacing:-1.5px}
.hero p{font-size:13px;line-height:1.65;color:#e9e1d4;max-width:455px}
.hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:12px}
.hero-link{color:#f1dfb7;text-decoration:none;font-size:9px;letter-spacing:1.3px;border-bottom:1px solid rgba(224,189,115,.55);padding-bottom:5px}
.hero-signature{position:absolute;right:18px;bottom:24px;z-index:2;color:rgba(224,189,115,.58);font-size:8px;letter-spacing:3px;writing-mode:vertical-rl;transform:rotate(180deg)}
@media(min-width:760px){
  .hero{min-height:680px;padding-left:8%;background-position:center 58%}
  .hero-logo{width:145px;height:145px;margin-bottom:24px}
  .hero h1{font-size:78px}
  .hero p{font-size:14px}
  .hero-signature{right:4%;bottom:42px}
}
@media(max-width:520px){
  .hero{min-height:600px}
  .hero-logo{width:105px;height:105px}
  .hero h1{font-size:51px}
  .hero-actions{gap:13px}
}

/* ===== BOCETO 5 — CATEGORIAS PREMIUM ===== */
.category-section{background:#0b0b0b;padding:48px 14px 14px;color:#fff}
.category-heading{text-align:center;padding:0 12px 25px}
.category-heading .eyebrow{color:#c8a35c;margin-bottom:7px}
.category-heading h2{font:500 29px/1.1 Georgia,serif;letter-spacing:1px;margin:0 0 9px}
.category-heading>p:last-child{margin:0 auto;color:#aaa39a;font-size:12px;line-height:1.6;max-width:440px}
.category-section .categories{padding:0;gap:10px;background:transparent}
.category-section .cat{height:190px;border:1px solid #4a3922;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);transition:transform .2s,border-color .2s}
.category-section .cat:hover{transform:translateY(-3px);border-color:#b9924c}
.category-section .cat:before{background:linear-gradient(180deg,rgba(0,0,0,.02) 15%,rgba(0,0,0,.2) 45%,rgba(0,0,0,.9) 100%)}
.category-section .cat:after{background:linear-gradient(135deg,rgba(214,174,94,.13),transparent 42%)}
.category-section .cat>div{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.category-section .cat span{font:500 17px Georgia,serif;letter-spacing:2px}
.category-section .cat em{font-style:normal;font-size:9px;letter-spacing:.7px;color:#d2c6b1;text-transform:uppercase}
.category-section .cat>b{position:absolute;right:14px;top:14px;z-index:3;width:28px;height:28px;border:1px solid rgba(222,190,126,.65);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#e0bf7a;font-size:14px;font-weight:400}
@media(min-width:760px){
 .category-section{padding:70px 7% 20px}
 .category-heading h2{font-size:38px}
 .category-heading>p:last-child{font-size:13px}
 .category-section .cat{height:245px}
 .category-section .cat span{font-size:20px}
}

/* BOCETO 7 — Fichas de producto premium */
.product-detail{max-width:980px!important;padding:0!important;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:0;background:#0b0b0b!important;color:#f6f2ea!important;border:1px solid rgba(201,163,75,.32)!important}
.detail-gallery{min-height:620px;background:radial-gradient(circle at 50% 42%,#262626 0,#111 42%,#080808 100%);position:relative;display:flex;align-items:center;justify-content:center;padding:44px}
.detail-gallery:after{content:"";position:absolute;inset:12px;border:1px solid rgba(201,163,75,.16);pointer-events:none}
.detail-gallery>img{width:100%;height:520px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 22px 28px rgba(0,0,0,.6))}
.detail-tag{position:absolute;top:28px;left:28px;z-index:3;padding:8px 12px;border:1px solid rgba(211,174,83,.5);color:#d8b65f;font-size:10px;letter-spacing:2px;background:rgba(0,0,0,.55)}
.detail-info{padding:58px 48px 42px;display:flex;flex-direction:column;justify-content:center}
.detail-info .eyebrow{color:#d3ad5b;margin:0 0 10px}
.detail-info h2{font-family:Georgia,serif;font-size:42px;line-height:1.05;margin:0 0 12px;color:#fff}
.detail-meta{display:flex;gap:9px;text-transform:uppercase;letter-spacing:1.8px;font-size:10px;color:#a9a49b;margin-bottom:22px}
.detail-info .price{font-size:29px;color:#e1bf68;font-weight:700;margin-bottom:16px}
.detail-copy{color:#bbb6ae;line-height:1.65;font-size:14px;margin:0 0 20px}
.detail-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}
.detail-points>div{display:flex;gap:9px;padding:12px;border:1px solid rgba(255,255,255,.08);background:#111}
.detail-points b{color:#d6b15b}.detail-points span{font-size:11px;line-height:1.35}.detail-points small{color:#888;font-size:9px}
.gallery-thumbs{display:flex;gap:9px;margin:4px 0 22px;overflow:auto;padding-bottom:3px}
.gallery-thumbs button{width:62px;height:62px;flex:0 0 62px;padding:3px;background:#111;border:1px solid rgba(255,255,255,.08);cursor:pointer}.gallery-thumbs button.active{border-color:#d3ad5b}.gallery-thumbs img{width:100%;height:100%;object-fit:cover}
.detail-buy{display:flex;gap:10px}.detail-buy .btn{flex:1}.detail-qty{display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.16);min-width:112px;background:#111}.detail-qty button{border:0;background:none;color:#fff;font-size:20px;width:34px;height:44px;cursor:pointer}.detail-qty b{width:32px;text-align:center;font-size:13px}
.detail-wa{margin-top:10px;width:100%;height:46px;background:transparent;border:1px solid rgba(211,174,83,.45);color:#d9b866;letter-spacing:1.5px;font-size:10px;font-weight:700;cursor:pointer}.detail-wa:hover{background:rgba(211,174,83,.08)}
@media(max-width:760px){.product-detail{display:block;max-height:94vh;overflow:auto}.product-detail .modal-close{position:fixed;right:16px;top:14px;width:44px;height:44px;line-height:44px;font-size:28px;z-index:10000;box-shadow:0 4px 16px rgba(0,0,0,.55)}.detail-gallery{min-height:330px;padding:30px}.detail-gallery>img{height:310px}.detail-info{padding:30px 22px 26px}.detail-info h2{font-size:31px}.detail-info .price{font-size:25px}.detail-points{grid-template-columns:1fr 1fr}.detail-buy{position:static;background:transparent;padding-top:0}.detail-qty{min-width:100px}}

/* BOCETO 8 — CARRITO + CHECKOUT PREMIUM */
.cart-card{max-width:680px!important;background:#0b0b0b!important;color:#f7f3eb!important;border:1px solid rgba(211,174,83,.34)!important;padding:34px 30px 28px!important;box-shadow:0 30px 90px rgba(0,0,0,.6)}
.cart-card h2{font-family:Georgia,serif;font-size:34px;margin:2px 0 22px;letter-spacing:.2px}
#cartItems{max-height:330px;overflow:auto;padding-right:4px}
.cart-row{display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.cart-row img{width:72px;height:72px;object-fit:cover;background:#151515;border:1px solid rgba(211,174,83,.18)}
.cart-row strong{display:block;font-family:Georgia,serif;font-size:16px;margin-bottom:3px}.cart-row small{display:block;color:#999;font-size:10px;letter-spacing:1px;text-transform:uppercase}
.cart-row>b{color:#e0bc64;font-size:14px}.qty{display:flex;align-items:center;gap:10px;margin-top:9px;color:#eee;font-size:12px}.qty button{width:25px;height:25px;border:1px solid rgba(211,174,83,.4);background:#111;color:#d9b866;cursor:pointer}
.cart-summary{margin:18px 0 4px;border-top:1px solid rgba(255,255,255,.08)}.cart-summary>div{display:flex;justify-content:space-between;padding:8px 0;color:#aaa;font-size:12px}.cart-summary .free{color:#d7b25c;font-size:10px;letter-spacing:1px}.cart-summary .cart-total{padding-top:13px;margin-top:4px;border-top:1px solid rgba(211,174,83,.24);color:#fff;font-size:14px}.cart-summary .cart-total strong{color:#e1bf68;font-size:22px}
.checkout-box{margin-top:18px;padding:20px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,#111,#0d0d0d)}.checkout-box .eyebrow{color:#d3ad5b;margin-bottom:13px}.checkout-box input,.checkout-box textarea,.checkout-box select{width:100%;box-sizing:border-box;background:#080808;color:#f5f1e9;border:1px solid rgba(255,255,255,.1);padding:13px 14px;margin:0 0 9px;border-radius:0;outline:none;font:12px Arial,sans-serif}.checkout-box input:focus,.checkout-box textarea:focus,.checkout-box select:focus{border-color:rgba(211,174,83,.65)}.checkout-box .invalid{border-color:#a65a5a}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.field-grid input{margin:0}.select-label{display:block;color:#8f8b84;font-size:8px;letter-spacing:1.6px;margin-top:2px}.select-label select{display:block;margin-top:6px}.checkout-note{display:flex;gap:10px;align-items:flex-start;padding-top:5px}.checkout-note span{color:#d8b55e;font-size:13px}.checkout-note small{color:#8f8b84;font-size:10px;line-height:1.5}.cart-card>.btn{margin-top:14px;height:49px}.empty{text-align:center;color:#8e8a83;padding:28px 0;font-size:12px}
@media(max-width:760px){.cart-card{width:calc(100% - 20px)!important;max-height:92vh;overflow:auto;padding:27px 18px 20px!important}.cart-card h2{font-size:29px}.cart-row{grid-template-columns:60px 1fr auto;gap:10px}.cart-row img{width:60px;height:60px}.cart-row strong{font-size:14px}.field-grid{grid-template-columns:1fr}.field-grid input{margin-bottom:9px}.checkout-box{padding:15px}.cart-card>.btn{position:sticky;bottom:0}}

/* ===== TEMA BLANCO + DORADO LEXUS PERFUMS ===== */
:root{--white-gold:#fbf8f1;--white-soft:#f5f0e7;--gold-lux:#b78b32;--gold-lux2:#d4af61;--ink:#171717}
html,body{background:var(--white-gold)!important;color:var(--ink)!important}
body{padding-bottom:72px}
.promo{background:#fff!important;color:#a77b26!important;border-bottom:1px solid #dcc9a4!important}
.header{background:rgba(255,255,255,.97)!important;color:#171717!important;border-bottom:1px solid #d9c39a!important;box-shadow:0 2px 12px rgba(80,60,20,.06)}
.header .icon-btn{color:#171717!important}
.logo{color:#a77b26!important}
.logo span{color:#7d6330!important}
.cart-icon i{background:var(--gold-lux2)!important;color:#171717!important}
.hero{background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.84) 52%,rgba(255,255,255,.18) 100%),url("angels-share-hero.jpg") center/cover!important;border-bottom:1px solid #d8c19a!important;color:#171717!important}
.hero:after{background:linear-gradient(transparent,var(--white-gold))!important}
.hero p{color:#514c43!important}
.hero-link{color:#8c6824!important;border-bottom-color:#c7a258!important}
.btn{background:linear-gradient(135deg,#e0bd72,#b78b32)!important;border-color:#b78b32!important;color:#171717!important}
.welcome{background:var(--white-gold)!important;color:#171717!important}
.welcome p:last-child{color:#756e63!important}
.categories{background:var(--white-soft)!important}
.category-section{background:var(--white-gold)!important;color:#171717!important}
.category-heading>p:last-child{color:#756e63!important}
.category-section .cat{border-color:#d7c29a!important}
.catalog{background:#f5efe4!important;color:#171717!important}
.section-title{border-bottom-color:#d4c09b!important}
.section-title .eyebrow{color:#9a7228!important}
.filter-btn{color:#171717!important}
.product-card{background:#fff!important;border-color:#ded2bd!important;box-shadow:0 5px 18px rgba(72,52,20,.07)!important}
.product-photo{background:#f4eee3!important}
.product-photo img{object-fit:contain!important;padding:8px!important}
.product-info h3{color:#171717!important}
.size{color:#777066!important}
.product-bottom strong{color:#171717!important}
.product-bottom button{background:#171717!important;color:#e1be70!important;border-color:#b78b32!important}
.banner{background:linear-gradient(90deg,rgba(255,255,255,.93),rgba(255,255,255,.35)),url("heaven-2.jpg") center/cover!important;color:#171717!important;border-color:#d8c19a!important}
.banner p:not(.eyebrow){color:#514c43!important}
.trust{background:#fff!important;color:#171717!important;border-color:#d8c8aa!important}
.trust-card{border-color:#e1d5bf!important}
.trust-card>p:last-child{color:#756e63!important}
.payment-list span{border-color:#c9ad72!important;color:#8e6926!important;background:#fff!important}
.contact{background:linear-gradient(180deg,#fff,#f6f0e5)!important;color:#171717!important;border-color:#d8c19a!important}
.contact p{color:#655e54!important}
.footer{background:#fff!important;color:#756e63!important;border-color:#d8c19a!important}
.footer strong{color:#a77b26!important}
.bottom-nav{background:rgba(255,255,255,.98)!important;border-top-color:#d9c39a!important;box-shadow:0 -3px 12px rgba(70,50,20,.08)}
.bottom-nav a,.bottom-nav button{color:#514c43!important}
.bottom-nav b{background:#d4af61!important;color:#171717!important}
.drawer{background:#fff!important;color:#171717!important;border-right-color:#d5bd8e!important}
.drawer-head{color:#a77b26!important;border-bottom-color:#e2d5bd!important}
.drawer-head button{color:#171717!important}
.drawer a{color:#28251f!important;border-bottom-color:#eee6d8!important}
.overlay{background:rgba(35,27,12,.38)!important}
.modal{background:rgba(35,27,12,.38)!important}
.modal-card{background:#fff!important;color:#171717!important}
.modal-close{background:#171717!important;color:#e1be70!important}
.product-detail{background:#fff!important;color:#171717!important;border-color:#d4b875!important}
.detail-gallery{background:radial-gradient(circle at 50% 42%,#fff 0,#f3eee5 55%,#e8dfd0 100%)!important}
.detail-gallery:after{border-color:rgba(183,139,50,.25)!important}
.detail-gallery>img{filter:drop-shadow(0 18px 22px rgba(0,0,0,.22))!important}
.detail-tag{color:#8e6926!important;background:rgba(255,255,255,.9)!important;border-color:#d3b676!important}
.detail-info h2{color:#171717!important}
.detail-meta{color:#756e63!important}
.detail-info .price{color:#a77b26!important}
.detail-copy{color:#5f5a52!important}
.detail-points>div{background:#faf7f0!important;border-color:#e5dac7!important}
.detail-points b{color:#a77b26!important}
.detail-points small{color:#81796e!important}
.gallery-thumbs button{background:#fff!important;border-color:#ded2bd!important}
.gallery-thumbs button.active{border-color:#c69d50!important}
.detail-qty{background:#fff!important;border-color:#d8c9ad!important}
.detail-qty button{color:#171717!important}
.detail-wa{background:#fff!important;color:#9a7228!important;border-color:#c8aa6b!important}
.cart-card{background:#fff!important;color:#171717!important;border-color:#d5bb83!important;box-shadow:0 30px 90px rgba(60,42,12,.2)!important}
.cart-card h2{color:#171717!important}
.cart-row{border-bottom-color:#e7ddcd!important}
.cart-row img{background:#f5efe4!important;border-color:#e0d2ba!important}
.cart-row strong{color:#171717!important}
.cart-row small{color:#81796e!important}
.cart-row>b{color:#a77b26!important}
.qty{color:#171717!important}
.qty button{background:#fff!important;color:#9a7228!important;border-color:#cdb27c!important}
.cart-summary{border-top-color:#e6dccb!important}
.cart-summary>div{color:#756e63!important}
.cart-summary .free{color:#9a7228!important}
.cart-summary .cart-total{border-top-color:#d8c39d!important;color:#171717!important}
.cart-summary .cart-total strong{color:#a77b26!important}
.checkout-box{background:#f8f3ea!important;border-color:#e2d6c2!important}
.checkout-box input,.checkout-box textarea,.checkout-box select{background:#fff!important;color:#171717!important;border-color:#d8cbb5!important}
.checkout-box input:focus,.checkout-box textarea:focus,.checkout-box select:focus{border-color:#bd984e!important}
.checkout-note small{color:#756e63!important}
.empty{color:#81796e!important}

@media(max-width:760px){
 .hero{min-height:520px!important;background-position:center!important}
 .product-photo{height:205px!important}
 .product-photo img{padding:10px!important}
 .category-section{padding-top:38px!important}
}

/* LEXUS PERFUMS — ajuste visual global de imágenes: producto completo y fondo blanco hasta el marco */
.product-photo{background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;padding:0!important}
.product-photo img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:#fff!important;padding:4px!important;display:block!important}
.detail-gallery{background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;padding:18px!important}
.detail-gallery:after{inset:12px!important;border:1px solid rgba(183,139,50,.30)!important;pointer-events:none!important}
.detail-gallery>img{width:100%!important;height:100%!important;max-height:520px!important;object-fit:contain!important;object-position:center!important;background:#fff!important;filter:drop-shadow(0 18px 22px rgba(0,0,0,.18))!important}
.gallery-thumbs img{object-fit:contain!important;background:#fff!important}
@media(max-width:760px){
  .product-photo{height:205px!important}
  .product-photo img{padding:3px!important}
  .detail-gallery{min-height:330px!important;height:330px!important;padding:16px!important}
  .detail-gallery>img{height:298px!important;max-height:298px!important}
}

/* ===== AJUSTE LOGO + CONTRASTE TEMA BLANCO/DORADO ===== */
.site-logo{mix-blend-mode:normal!important;width:76px!important;height:76px!important;object-fit:contain!important;filter:none!important}
.logo{background:#fff!important;border-radius:50%;box-shadow:0 1px 8px rgba(91,63,20,.12);width:78px!important;height:60px!important}
.drawer-logo-img{mix-blend-mode:normal!important;background:#fff;border-radius:50%;padding:6px;box-sizing:border-box}
.hero-logo{background:#fff!important;border-color:#c49a4a!important;box-shadow:0 5px 20px rgba(80,55,20,.18)!important}
.hero-logo img{object-fit:contain!important;padding:6px;box-sizing:border-box;background:#fff!important}
.hero{background-image:linear-gradient(90deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.68) 48%,rgba(255,255,255,.24) 100%),url("supremacy-1.jpg")!important}
.hero h1{text-shadow:0 2px 10px rgba(255,255,255,.55)!important}
.hero h1 em{color:#b17e20!important}
.hero-copy small{color:#a67825!important;font-weight:700}
@media(max-width:520px){.site-logo{width:72px!important;height:72px!important}.logo{width:76px!important;height:58px!important}.hero-logo{width:105px!important;height:105px!important}}
/* Logo premium dorado sobre fondo blanco */
.site-logo{mix-blend-mode:normal!important;width:82px!important;height:82px!important;object-fit:contain!important;filter:none!important}
.logo{background:transparent!important;border-radius:0!important;box-shadow:none!important;width:94px!important;height:60px!important;overflow:visible!important}
.drawer-logo-img{background:transparent!important;border-radius:0!important;padding:0!important;mix-blend-mode:normal!important}
.hero-logo{background:transparent!important;border-color:#c49a4a!important;box-shadow:0 5px 20px rgba(80,55,20,.14)!important}
.hero-logo img{object-fit:contain!important;padding:4px!important;box-sizing:border-box;background:transparent!important}
@media(max-width:520px){.logo{width:94px!important;height:58px!important}.site-logo{width:80px!important;height:80px!important}.drawer-logo-img{width:140px!important;height:140px!important}}


/* ===== LEXUS PERFUMS — ANIMACIÓN HERO V2, LIGERA Y COMPATIBLE CON NETLIFY ===== */
.hero-animated{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:
    radial-gradient(circle at 78% 52%,rgba(201,162,76,.12),transparent 30%),
    linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.82) 52%,rgba(0,0,0,.60) 100%),
    url("angels-share-hero.jpg") center/cover!important;
}
.hero-animated:after{
  content:"";position:absolute;inset:-10%;z-index:-1;pointer-events:none;
  background:radial-gradient(circle at 72% 50%,rgba(255,255,255,.08),transparent 24%);
  animation:heroGlow 7s ease-in-out infinite;
}
.hero-perfume-float{
  position:absolute!important;z-index:0!important;pointer-events:none!important;
  right:-3%;top:50%;width:min(42vw,520px);height:78%;
  transform:translateY(-50%);opacity:.20;
  filter:blur(.2px) drop-shadow(0 25px 35px rgba(0,0,0,.55));
  animation:perfumeFloat 8s ease-in-out infinite;
  mix-blend-mode:screen;
}
.hero-perfume-float img{
  width:100%!important;height:100%!important;object-fit:contain!important;
  object-position:center!important;background:transparent!important;
  border:0!important;box-shadow:none!important;
}
.hero-animated .hero-copy,.hero-animated .hero-signature{position:relative;z-index:2}
@keyframes perfumeFloat{
  0%,100%{transform:translateY(-50%) translateX(0) scale(1)}
  50%{transform:translateY(calc(-50% - 12px)) translateX(-8px) scale(1.025)}
}
@keyframes heroGlow{
  0%,100%{opacity:.35;transform:translateX(0)}
  50%{opacity:.8;transform:translateX(-18px)}
}
@media(max-width:760px){
  .hero-perfume-float{right:-18%;width:78vw;height:70%;opacity:.14;top:53%}
  .hero-animated{background-position:center!important}
}
@media(prefers-reduced-motion:reduce){
  .hero-perfume-float,.hero-animated:after{animation:none!important}
}
/* Original logo de portada: negro + dorado, como la primera versión */
.hero-animated .hero-logo{background:#000!important;border-color:#c49a4a!important;box-shadow:0 8px 28px rgba(0,0,0,.45)!important}
.hero-animated .hero-logo img{object-fit:cover!important;padding:0!important;background:#000!important}

/* ===== KILIAN ANGELS' SHARE — HERO LUXURY ===== */
.hero-animated{
  background:
    radial-gradient(circle at 78% 52%,rgba(201,162,76,.16),transparent 32%),
    linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.88) 48%,rgba(0,0,0,.52) 100%),
    url("angels-share-hero.jpg") center/cover!important;
}
.hero-perfume-float{opacity:.27!important;animation:perfumeFloat 9s ease-in-out infinite!important}
@media(max-width:760px){.hero-perfume-float{opacity:.16!important}}


/* ===== ANIMACIÓN FINAL KILIAN ANGELS' SHARE — LIGERA ===== */
.hero-animated{
  background-size:112% auto!important;
  background-position:50% 50%!important;
  animation:heroCameraMove 12s ease-in-out infinite!important;
}
.hero-perfume-float{display:none!important;}
.hero-animated:after{
  animation:heroGlow 6s ease-in-out infinite!important;
}
@keyframes heroCameraMove{
  0%,100%{background-position:48% 50%;}
  50%{background-position:53% 50%;}
}
@keyframes heroGlow{
  0%,100%{opacity:.28;transform:translateX(0) scale(1);}
  50%{opacity:.72;transform:translateX(-12px) scale(1.03);}
}
@media(max-width:760px){
  .hero-animated{background-size:145% auto!important;animation:heroCameraMoveMobile 12s ease-in-out infinite!important;}
}
@keyframes heroCameraMoveMobile{
  0%,100%{background-position:45% 50%;}
  50%{background-position:55% 50%;}
}
@media(prefers-reduced-motion:reduce){
  .hero-animated{animation:none!important;background-position:50% 50%!important;}
  .hero-animated:after{animation:none!important;}
}

/* ===== HERO FINAL — KILIAN ANGELS' SHARE VISIBLE + PREMIUM + ANIMADO ===== */
.hero-animated{
  min-height:650px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 78% 48%,rgba(211,166,76,.16),transparent 34%),
    linear-gradient(90deg,#050505 0%,rgba(5,5,5,.92) 38%,rgba(5,5,5,.42) 72%,rgba(5,5,5,.16) 100%)!important;
  background-color:#050505!important;
  animation:none!important;
}
.hero-animated .hero-copy{max-width:510px!important;z-index:3!important}
.hero-animated .hero-logo{width:116px!important;height:116px!important;margin-bottom:18px!important;background:#000!important;border:1px solid rgba(224,189,115,.72)!important;box-shadow:0 10px 32px rgba(0,0,0,.5)!important}
.hero-animated .hero-logo img{object-fit:cover!important;padding:0!important;background:#000!important}
.hero-animated small{color:#e0bd73!important;font-weight:700!important;letter-spacing:3px!important}
.hero-animated h1{color:#fff!important;text-shadow:0 5px 24px rgba(0,0,0,.72)!important;font-size:58px!important;line-height:.94!important}
.hero-animated h1 em{color:#e0bd73!important}
.hero-animated p{color:#f2eee6!important;text-shadow:0 2px 10px rgba(0,0,0,.7)!important;font-size:14px!important;max-width:430px!important}
.hero-animated .hero-perfume-float{
  display:block!important;
  right:-2%!important;
  top:52%!important;
  width:min(48vw,610px)!important;
  height:92%!important;
  opacity:.72!important;
  z-index:1!important;
  mix-blend-mode:normal!important;
  filter:drop-shadow(0 28px 38px rgba(0,0,0,.58)) saturate(1.08)!important;
  animation:lexusKilianFloat 9s ease-in-out infinite!important;
}
.hero-animated .hero-perfume-float img{object-fit:contain!important;opacity:1!important}
.hero-animated:after{
  z-index:2!important;
  inset:0!important;
  background:radial-gradient(circle at 70% 44%,rgba(255,205,105,.12),transparent 22%)!important;
  animation:lexusKilianGlow 6s ease-in-out infinite!important;
}
@keyframes lexusKilianFloat{
  0%,100%{transform:translateY(-50%) translateX(0) scale(1)}
  50%{transform:translateY(calc(-50% - 10px)) translateX(-7px) scale(1.018)}
}
@keyframes lexusKilianGlow{
  0%,100%{opacity:.35;transform:translateX(0)}
  50%{opacity:.9;transform:translateX(-12px)}
}
@media(max-width:760px){
  .hero-animated{min-height:690px!important;padding:34px 22px 42px!important;background:linear-gradient(90deg,rgba(3,3,3,.92) 0%,rgba(3,3,3,.72) 48%,rgba(3,3,3,.28) 100%)!important}
  .hero-animated .hero-copy{max-width:72%!important;z-index:3!important}
  .hero-animated .hero-logo{width:102px!important;height:102px!important;margin-bottom:16px!important}
  .hero-animated h1{font-size:49px!important;letter-spacing:-1.8px!important}
  .hero-animated p{font-size:13px!important;line-height:1.55!important}
  .hero-animated .hero-perfume-float{right:-39%!important;top:58%!important;width:100vw!important;height:76%!important;opacity:.62!important;z-index:1!important}
  .hero-animated .hero-actions{position:relative;z-index:4!important}
}
@media(max-width:420px){
  .hero-animated{min-height:675px!important}
  .hero-animated .hero-copy{max-width:76%!important}
  .hero-animated h1{font-size:45px!important}
  .hero-animated .hero-perfume-float{right:-48%!important;width:108vw!important;opacity:.58!important}
}
@media(prefers-reduced-motion:reduce){
  .hero-animated .hero-perfume-float,.hero-animated:after{animation:none!important}
}

/* ===== LEXUS PERFUMS — KILIAN INTEGRADO AL FONDO ===== */
.hero-animated{
  position:relative!important;
  overflow:hidden!important;
  background-color:#070504!important;
  background-image:
    linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.45) 42%,rgba(0,0,0,.10) 100%),
    url("angels-share-hero-premium.jpg")!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:58% 50%!important;
  animation:lexusIntegratedCamera 14s ease-in-out infinite!important;
}
.hero-animated:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 76% 52%,rgba(244,190,78,.20),transparent 30%),
    linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.18))!important;
  mix-blend-mode:screen!important;
  animation:lexusIntegratedGlow 7s ease-in-out infinite!important;
}
.hero-animated .hero-copy{position:relative!important;z-index:3!important}
.hero-animated .hero-logo{position:relative!important;z-index:4!important}
.hero-animated:after{z-index:2!important;pointer-events:none!important;background:linear-gradient(90deg,rgba(0,0,0,.12),transparent 55%,rgba(0,0,0,.04))!important}
.hero-animated .hero-perfume-float{display:none!important}
@keyframes lexusIntegratedCamera{
  0%,100%{background-position:56% 50%;background-size:cover}
  50%{background-position:61% 50%;background-size:cover}
}
@keyframes lexusIntegratedGlow{
  0%,100%{opacity:.55;transform:translateX(0) scale(1)}
  50%{opacity:.92;transform:translateX(-10px) scale(1.025)}
}
@media(max-width:760px){
  .hero-animated{
    min-height:690px!important;
    padding:34px 22px 42px!important;
    background-position:64% 50%!important;
    background-size:cover!important;
    background-image:
      linear-gradient(90deg,rgba(0,0,0,.74) 0%,rgba(0,0,0,.36) 48%,rgba(0,0,0,.08) 100%),
      url("angels-share-hero-premium.jpg")!important;
    animation:lexusIntegratedCameraMobile 14s ease-in-out infinite!important;
  }
  .hero-animated .hero-copy{max-width:76%!important}
  .hero-animated h1{font-size:49px!important;text-shadow:0 4px 20px rgba(0,0,0,.72)!important}
  .hero-animated p{font-size:13px!important;line-height:1.55!important;text-shadow:0 2px 9px rgba(0,0,0,.75)!important}
}
@media(max-width:420px){
  .hero-animated{min-height:675px!important;background-position:66% 50%!important}
  .hero-animated .hero-copy{max-width:79%!important}
  .hero-animated h1{font-size:46px!important}
}
@keyframes lexusIntegratedCameraMobile{
  0%,100%{background-position:62% 50%}
  50%{background-position:69% 50%}
}
@media(prefers-reduced-motion:reduce){
  .hero-animated,.hero-animated:before{animation:none!important}
}

/* ===== LEXUS PERFUMS — TEXTO MÁS ABAJO PARA DAR PROTAGONISMO AL PERFUME ===== */
@media(max-width:760px){
  .hero-animated .hero-copy > small,
  .hero-animated .hero-copy > h1,
  .hero-animated .hero-copy > p,
  .hero-animated .hero-copy > .hero-actions{
    position:relative!important;
    transform:translateY(62px)!important;
  }
  .hero-animated .hero-copy > small{display:block!important;margin-bottom:12px!important}
  .hero-animated .hero-copy > h1{margin-top:0!important;margin-bottom:16px!important}
  .hero-animated .hero-copy > p{margin-bottom:18px!important}
}
@media(max-width:420px){
  .hero-animated .hero-copy > small,
  .hero-animated .hero-copy > h1,
  .hero-animated .hero-copy > p,
  .hero-animated .hero-copy > .hero-actions{
    transform:translateY(52px)!important;
  }
}

/* ===== HERO FINAL — PORTADA LIBRE + TEXTO DEBAJO ===== */
.site-logo{display:block!important;visibility:visible!important}
.logo{visibility:visible!important}

.hero-animated{
  min-height:860px!important;
  display:flex!important;
  align-items:flex-end!important;
  padding:0 28px 54px!important;
  background-color:#070504!important;
  background-image:
    linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 46%,rgba(7,5,4,.76) 62%,#070504 78%),
    url("angels-share-hero-premium.jpg")!important;
  background-repeat:no-repeat!important;
  background-size:100% auto, cover!important;
  background-position:center top, 58% 42%!important;
  animation:lexusFinalHero 16s ease-in-out infinite!important;
}
.hero-animated:before{display:none!important}
.hero-animated:after{
  display:block!important;
  background:linear-gradient(180deg,transparent 45%,rgba(7,5,4,.35) 62%,#070504 82%)!important;
  z-index:1!important;
}
.hero-animated .hero-copy{
  width:100%!important;
  max-width:760px!important;
  margin:0 auto!important;
  padding-top:560px!important;
  position:relative!important;
  z-index:3!important;
}
.hero-animated .hero-logo,
.hero-animated .hero-signature{display:none!important}
.hero-animated .hero-copy > small,
.hero-animated .hero-copy > h1,
.hero-animated .hero-copy > p,
.hero-animated .hero-copy > .hero-actions{
  transform:none!important;
  position:static!important;
}
.hero-animated .hero-copy > small{display:block!important;margin:0 0 12px!important}
.hero-animated h1{margin:0 0 16px!important}
.hero-animated p{margin:0 0 18px!important}

@keyframes lexusFinalHero{
  0%,100%{background-position:center top,55% 42%;}
  50%{background-position:center top,61% 42%;}
}

@media(max-width:760px){
  .hero-animated{
    min-height:820px!important;
    padding:0 22px 42px!important;
    background-image:
      linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 49%,rgba(7,5,4,.70) 64%,#070504 79%),
      url("angels-share-hero-premium.jpg")!important;
    background-size:100% auto,cover!important;
    background-position:center top,64% 38%!important;
    animation:lexusFinalHeroMobile 16s ease-in-out infinite!important;
  }
  .hero-animated:after{background:linear-gradient(180deg,transparent 48%,rgba(7,5,4,.34) 64%,#070504 80%)!important}
  .hero-animated .hero-copy{
    max-width:100%!important;
    padding-top:470px!important;
  }
  .hero-animated h1{font-size:48px!important;line-height:.94!important;letter-spacing:-1px!important}
  .hero-animated p{font-size:13px!important;line-height:1.55!important;max-width:430px!important}
}
@media(max-width:420px){
  .hero-animated{min-height:790px!important;background-position:center top,67% 37%!important}
  .hero-animated .hero-copy{padding-top:455px!important}
  .hero-animated h1{font-size:45px!important}
}
@keyframes lexusFinalHeroMobile{
  0%,100%{background-position:center top,63% 38%;}
  50%{background-position:center top,69% 38%;}
}

/* ===== HEADER PREMIUM — LOGO ORIGINAL VISIBLE ===== */
.header{
  background:#070504!important;
  border-bottom:1px solid #6d5427!important;
  box-shadow:0 2px 18px rgba(0,0,0,.35)!important;
}
.header .icon-btn{color:#f4eee3!important}
.logo{
  width:112px!important;
  height:60px!important;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.site-logo{
  width:66px!important;
  height:66px!important;
  object-fit:cover!important;
  display:block!important;
  mix-blend-mode:normal!important;
}
@media(max-width:520px){
  .logo{width:108px!important;height:58px!important}
  .site-logo{width:64px!important;height:64px!important}
}


/* ===== BARRA DE ANUNCIO EN MOVIMIENTO — ESTILO MARQUEE ===== */
.promo{
  position:relative!important;
  padding:0!important;
  height:34px!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  background:#050505!important;
  color:#d9c28f!important;
  border-bottom:1px solid #241b10!important;
  text-align:left!important;
  font-size:9px!important;
  letter-spacing:1.15px!important;
  text-transform:uppercase!important;
}
.promo-marquee{
  width:100%;
  overflow:hidden;
  display:flex;
  align-items:center;
}
.promo-track{
  display:flex;
  align-items:center;
  width:max-content;
  flex-shrink:0;
  animation:lexusPromoScroll 25s linear infinite;
  will-change:transform;
}
.promo-track span{display:inline-block;padding:0 17px}
.promo-track b{display:inline-block;color:#c9a45b;font-weight:400}
@keyframes lexusPromoScroll{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
@media(max-width:520px){
  .promo{height:32px!important;font-size:8.5px!important;letter-spacing:1px!important}
  .promo-track{animation-duration:22s}
  .promo-track span{padding:0 14px}
}
@media(prefers-reduced-motion:reduce){
  .promo-track{animation:none}
}

/* ===== LEXUS PERFUMS · LIMPIEZA PREMIUM DESDE EL FINAL DE LA PORTADA ===== */
.benefits{
  background:#fff;
  color:#171717;
  border-bottom:1px solid #e3d7c3;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  padding:0;
}
.benefit{
  min-height:78px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:12px 8px;
  border-right:1px solid #e3d7c3;
}
.benefit:last-child{border-right:0}
.benefit span{color:#b28a43;font-size:15px;line-height:1;margin-bottom:5px}
.benefit strong{font-size:10px;letter-spacing:.9px;text-transform:uppercase}
.benefit small{font-size:9px;color:#777;margin-top:3px}

.collection{
  background:#fff;
  color:#171717;
  padding:52px 18px 44px;
}
.collection-head{text-align:center;max-width:650px;margin:0 auto 28px}
.collection-head .eyebrow{color:#a77b26;margin:0 0 8px}
.collection-head h2{font:500 31px/1.1 Georgia,serif;letter-spacing:1px;margin:0 0 10px}
.collection-head>p:last-child{color:#756e63;font-size:12px;line-height:1.6;margin:0 auto;max-width:480px}
.collection .categories{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;background:transparent}
.collection .cat{height:145px;border:1px solid #d8c39b;position:relative;overflow:hidden;background:#f8f4ec;color:#fff;text-align:left;padding:18px;display:flex;align-items:flex-end;box-shadow:none;border-radius:2px}
.collection .cat:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.78));z-index:1}
.collection .cat:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(214,174,94,.16),transparent 45%);z-index:1}
.collection .cat>div,.collection .cat>b{position:relative;z-index:2}
.collection .cat>div{display:flex;flex-direction:column;gap:4px}
.collection .cat span{font:500 14px Georgia,serif;letter-spacing:1.6px}
.collection .cat em{font-style:normal;font-size:8px;letter-spacing:.6px;color:#e5dccd;text-transform:uppercase}
.collection .cat>b{position:absolute;right:12px;top:12px;width:27px;height:27px;border:1px solid rgba(224,189,115,.65);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#e0bf7a;font-size:13px;font-weight:400}
.collection .cat-dark{background:linear-gradient(135deg,#171717,#6c5533)}
.collection .cat-set{background:linear-gradient(135deg,#211d18,#8b6c3d)}
.collection .cat-fresh{background:linear-gradient(135deg,#4e5b59,#b4a77d)}
.collection .cat-all{background:linear-gradient(135deg,#151515,#34302a)}

.catalog{padding:48px 18px 54px!important;background:#f7f3eb!important;border-top:1px solid #e3d7c3;border-bottom:1px solid #e3d7c3}
.catalog .section-title{max-width:1000px;margin:0 auto;border-bottom:1px solid #d6c8b0;padding:0 0 14px}
.catalog .section-title h2{font:500 28px Georgia,serif;letter-spacing:1px;margin:7px 0 0}
.catalog .section-title .eyebrow{color:#a77b26}
.catalog .filter-btn{color:#6f572d;text-decoration:none;border:1px solid #cdb88d;padding:8px 11px;background:#fff}
.catalog .search-wrap{max-width:1000px;margin:0 auto}
.catalog .products{max-width:1000px;margin:22px auto 0;gap:14px}
.catalog .product-card{border:1px solid #e1d7c8;box-shadow:0 5px 18px rgba(50,35,15,.06);border-radius:2px;overflow:hidden}
.catalog .product-photo{background:#fff!important}
.catalog .product-photo img{object-fit:contain!important;background:#fff!important;padding:10px;box-sizing:border-box}
.catalog .product-info{padding:12px 12px 14px}
.catalog .product-bottom strong{color:#171717}

.faq{background:#fff!important;color:#171717;padding:46px 20px!important;border-bottom:1px solid #e3d7c3}
.faq-heading{text-align:center;max-width:700px;margin:0 auto 20px}
.faq-heading .eyebrow{color:#a77b26;margin:0 0 8px}
.faq-heading h2{font:500 28px Georgia,serif;letter-spacing:1px;margin:0}
.faq-list{max-width:850px!important;margin:auto;border-top:1px solid #d8ccb9!important}
.faq details{border-bottom:1px solid #d8ccb9!important}
.faq summary{padding:17px 4px!important;font-size:12px!important}
.faq details p{padding-right:20px;color:#756e63!important}

.contact{background:#0a0908!important;color:#fff!important;border:0!important;text-align:center;padding:52px 20px!important}
.contact .eyebrow{color:#d6b16a}
.contact h2{font:500 30px Georgia,serif!important;letter-spacing:1px;margin:9px auto 8px!important}
.contact>p:not(.eyebrow){color:#bdb5a8;font-size:12px;margin:0 auto 18px}

.footer{padding:34px 20px 90px!important;background:#050505!important;color:#9f988c!important}
.footer strong{color:#d4ad62!important}

@media(max-width:700px){
  .benefit{min-height:72px;padding:10px 4px}
  .benefit strong{font-size:8.5px;letter-spacing:.6px}
  .benefit small{font-size:8px}
  .collection{padding:42px 14px 36px}
  .collection-head h2{font-size:28px}
  .collection .categories{grid-template-columns:1fr 1fr;gap:9px}
  .collection .cat{height:126px;padding:13px}
  .collection .cat span{font-size:12px;letter-spacing:1.2px}
  .collection .cat em{font-size:7px}
  .catalog{padding:40px 12px 46px!important}
  .catalog .products{gap:9px}
  .faq{padding:40px 16px!important}
}


/* LEXUS — categorías editoriales rectangulares, coloridas y animadas */
.collection .categories{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  max-width:1000px!important;
  margin:0 auto!important;
  background:transparent!important;
  padding:0!important;
}
.collection .cat{
  width:100%!important;
  height:210px!important;
  min-height:210px!important;
  border:1px solid #dbc69c!important;
  border-radius:12px!important;
  padding:22px 24px!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  color:#171717!important;
  background-color:#eee!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:cover!important;
  overflow:hidden!important;
  box-shadow:0 8px 22px rgba(65,45,20,.07)!important;
  isolation:isolate;
  animation:lexusCategoryBreath 8s ease-in-out infinite alternate;
  transition:transform .35s ease,box-shadow .35s ease,background-size .7s ease!important;
}
.collection .cat:nth-child(2){animation-delay:-2s}
.collection .cat:nth-child(3){animation-delay:-4s}
.collection .cat:hover{transform:translateY(-3px)!important;background-size:107%!important;box-shadow:0 14px 30px rgba(65,45,20,.12)!important}
.collection .cat:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  background:linear-gradient(90deg,rgba(255,250,241,.97) 0%,rgba(255,250,241,.84) 34%,rgba(255,250,241,.18) 66%,rgba(255,250,241,.02) 100%)!important;
}
.collection .cat:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  background:linear-gradient(135deg,rgba(255,255,255,.25),transparent 42%)!important;
}
.collection .cat>div{position:relative!important;z-index:3!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important;max-width:390px!important}
.collection .cat small{font-size:9px!important;letter-spacing:3px!important;color:#9a7128!important;font-weight:700!important}
.collection .cat span{font:500 27px/1.05 Georgia,serif!important;letter-spacing:1.5px!important;color:#171717!important}
.collection .cat em{font-style:normal!important;font-size:11px!important;line-height:1.45!important;letter-spacing:.2px!important;color:#4e4a43!important;text-transform:none!important}
.collection .cat>b{position:relative!important;right:auto!important;top:auto!important;z-index:4!important;width:auto!important;height:auto!important;border:1px solid #b68a3b!important;border-radius:999px!important;padding:9px 15px!important;margin-top:10px!important;display:block!important;color:#8f6828!important;background:rgba(255,255,255,.72)!important;font-size:10px!important;font-weight:600!important;letter-spacing:.2px!important}
.collection .cat-caballero{background-image:url("cat-caballero.jpg")!important;background-position:center right!important}
.collection .cat-dama{background-image:url("cat-dama.jpg")!important;background-position:center right!important}
.collection .cat-set{background-image:url("cat-sets.jpg")!important;background-position:center right!important}
@keyframes lexusCategoryBreath{from{background-size:100%}to{background-size:104%}}
@media(max-width:600px){
  .collection{padding-left:14px!important;padding-right:14px!important}
  .collection-head{margin-bottom:22px!important}
  .collection-head h2{font-size:30px!important}
  .collection .categories{gap:10px!important}
  .collection .cat{height:185px!important;min-height:185px!important;padding:18px 17px!important;border-radius:10px!important}
  .collection .cat:before{background:linear-gradient(90deg,rgba(255,250,241,.98) 0%,rgba(255,250,241,.82) 43%,rgba(255,250,241,.12) 78%,rgba(255,250,241,0) 100%)!important}
  .collection .cat span{font-size:22px!important;max-width:250px!important}
  .collection .cat em{font-size:10px!important;max-width:225px!important}
  .collection .cat>b{font-size:9px!important;padding:8px 12px!important}
}

/* Ajuste final — conservar casi todo el color y detalle de las fotografías */
.collection .cat:before{
  background:linear-gradient(90deg,
    rgba(255,250,241,.58) 0%,
    rgba(255,250,241,.40) 28%,
    rgba(255,250,241,.12) 52%,
    rgba(255,250,241,.02) 72%,
    rgba(255,250,241,0) 100%)!important;
}
.collection .cat:after{
  background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 38%)!important;
}
.collection .cat>div{
  text-shadow:0 1px 8px rgba(255,255,255,.55)!important;
}
@media(max-width:600px){
  .collection .cat:before{
    background:linear-gradient(90deg,
      rgba(255,250,241,.58) 0%,
      rgba(255,250,241,.36) 30%,
      rgba(255,250,241,.10) 55%,
      rgba(255,250,241,0) 78%)!important;
  }
}

/* LEXUS — banners finales: usar las 3 fotografías horizontales aprobadas, visibles y con color */
.collection .cat-caballero{background-image:url("cat-caballero.jpg")!important;background-position:center center!important;background-size:cover!important}
.collection .cat-dama{background-image:url("cat-dama.jpg")!important;background-position:center center!important;background-size:cover!important}
.collection .cat-set{background-image:url("cat-sets.jpg")!important;background-position:center center!important;background-size:cover!important}
.collection .cat:before{
  background:linear-gradient(90deg,
    rgba(255,250,241,.84) 0%,
    rgba(255,250,241,.64) 24%,
    rgba(255,250,241,.28) 40%,
    rgba(255,250,241,.06) 57%,
    rgba(255,250,241,0) 72%)!important;
}
.collection .cat:after{background:linear-gradient(135deg,rgba(255,255,255,.05),transparent 36%)!important}
.collection .cat>div{max-width:45%!important}
@media(max-width:600px){
  .collection .cat{height:205px!important;min-height:205px!important;padding:17px 17px!important}
  .collection .cat>div{max-width:48%!important}
  .collection .cat:before{
    background:linear-gradient(90deg,
      rgba(255,250,241,.82) 0%,
      rgba(255,250,241,.58) 23%,
      rgba(255,250,241,.22) 40%,
      rgba(255,250,241,.05) 56%,
      rgba(255,250,241,0) 72%)!important;
  }
  .collection .cat span{font-size:21px!important;letter-spacing:1px!important}
  .collection .cat em{font-size:9.5px!important;max-width:190px!important}
  .collection .cat>b{margin-top:7px!important;padding:8px 12px!important;background:rgba(255,255,255,.78)!important}
}


/* Catálogo separado de la portada: solo aparece al entrar a Tienda, buscar o explorar una categoría. */
.catalog:not(.catalog-visible){display:none!important;}
.catalog.catalog-visible{display:block!important;}

/* LEXUS — carrusel pequeño de perfumes en tendencia, debajo de categorías */
.trending{
  background:#fff;
  padding:28px 18px 34px;
  overflow:hidden;
}
.trending-head{
  max-width:1180px;
  margin:0 auto 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
}
.trending-title{display:flex;align-items:center;gap:22px;justify-content:center}
.trending-title span{width:62px;height:1px;background:#ded8cc;display:block}
.trending-title h2{margin:0;font-family:inherit;font-size:18px;font-weight:500;letter-spacing:.2px;color:#222}
.trending-all{position:absolute;right:0;border:0;background:none;color:#6e6558;font-size:13px;cursor:pointer;padding:6px 0}
.trending-track{
  max-width:1180px;
  margin:0 auto;
  display:flex;
  gap:14px;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  padding:2px 2px 10px;
}
.trending-track::-webkit-scrollbar{display:none}
.trend-card{
  flex:0 0 190px;
  scroll-snap-align:start;
  background:#fff;
  border:1px solid #eeeae3;
  box-shadow:0 5px 16px rgba(25,20,10,.06);
  overflow:hidden;
}
.trend-photo{
  display:block;
  width:100%;
  height:190px;
  border:0;
  background:#fff;
  padding:0;
  cursor:pointer;
  overflow:hidden;
}
.trend-photo img{width:100%;height:100%;object-fit:contain;display:block}
.trend-info{padding:11px 12px 14px;text-align:left}
.trend-brand{margin:0 0 4px;font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:#9a927f}
.trend-info h3{margin:0 0 7px;font-size:14px;line-height:1.25;font-weight:500;color:#222;min-height:35px}
.trend-info strong{font-size:14px;color:#171717;font-weight:600}
@media(max-width:600px){
 .trending{padding:24px 14px 28px}
 .trending-head{margin-bottom:14px;padding:0 2px}
 .trending-title{gap:12px}
 .trending-title span{width:38px}
 .trending-title h2{font-size:16px}
 .trending-all{right:2px;font-size:12px}
 .trend-card{flex-basis:172px}
 .trend-photo{height:172px}
 .trend-info{padding:10px 10px 13px}
 .trend-info h3{font-size:13px;min-height:33px}
 .trend-info strong{font-size:13px}
}
/* Presentaciones y decants */
.decant-picker{margin:18px 0 8px;padding:14px 0;border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08)}
.decant-label{font-size:10px;letter-spacing:.16em;font-weight:700;margin:0 0 10px}
.decant-options{display:flex;gap:8px}
.decant-option{flex:1;background:#fff;border:1px solid #d9d2c5;border-radius:12px;padding:10px 7px;font-size:12px;font-weight:700;cursor:pointer}
.decant-option small{display:block;font-size:9px;font-weight:500;opacity:.65;margin-top:3px}
.decant-option.active{border-color:#b08a45;box-shadow:inset 0 0 0 1px #b08a45}
.decant-shipping{font-size:10px;margin:9px 0 0;opacity:.7}
@media(max-width:520px){.decant-options{gap:6px}.decant-option{padding:9px 4px;font-size:11px}}
.free-shipping-hint{font-size:11px;line-height:1.4;padding:7px 0 10px;color:#9a7228;text-align:right}
.checkout-status{margin:10px 0 0;text-align:center;font-size:13px;color:#5b5b5b;min-height:18px}
.btn.full:disabled{opacity:.65;cursor:wait}

/* ===== LEXUS PERFUMS — REFINAMIENTO COMERCIAL 2026 ===== */
html{scroll-behavior:smooth}
body{background:#080706}
.promo{letter-spacing:1.2px}
.header{backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}
.header .site-logo{filter:drop-shadow(0 2px 5px rgba(184,139,50,.16))}
.hero-animated{box-shadow:inset 0 -80px 80px rgba(0,0,0,.18)!important}
.hero-animated .hero-copy{max-width:820px!important}
.hero-animated h1{font-weight:500!important}
.hero-actions .btn{border-radius:2px!important;box-shadow:0 10px 28px rgba(0,0,0,.24);transition:transform .2s,box-shadow .2s,background .2s}
.hero-actions .btn:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(0,0,0,.3)}
.benefits{position:relative!important;z-index:5!important;box-shadow:0 -1px 0 rgba(212,175,97,.15),0 12px 30px rgba(0,0,0,.14)!important}
.benefit{transition:transform .2s,background .2s}
.benefit:hover{transform:translateY(-2px);background:rgba(255,255,255,.035)}
.category-section{padding-top:58px!important}
.category-heading h2{letter-spacing:.4px!important}
.category-heading>p:last-child{max-width:560px!important}
.category-section .cat{border-radius:3px!important;min-height:195px;box-shadow:0 12px 35px rgba(0,0,0,.13),inset 0 0 0 1px rgba(255,255,255,.025)!important}
.category-section .cat:after{opacity:.9}
.trending{padding-top:52px!important;padding-bottom:50px!important}
.trending-head{margin-bottom:18px!important}
.trending-title h2{letter-spacing:.2px!important}
.trend-card{transition:transform .22s ease,box-shadow .22s ease!important}
.trend-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(0,0,0,.16)}
.catalog{padding-top:58px!important;padding-bottom:68px!important}
.section-title h2{letter-spacing:.2px!important}
.product-card{border-radius:4px!important;overflow:hidden!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}
.product-card:hover{border-color:#c6a15d!important}
.product-photo{cursor:pointer!important}
.product-photo img{transition:transform .45s ease!important}
.product-card:hover .product-photo img{transform:scale(1.035)}
.product-bottom button{border-radius:50%!important;transition:transform .2s,background .2s,color .2s}
.product-bottom button:hover{transform:scale(1.08);background:#c7a15b!important;color:#111!important}
.luxury-promise{background:#0a0908;color:#f6f0e5;padding:72px 7vw 66px;border-top:1px solid rgba(201,165,92,.16);border-bottom:1px solid rgba(201,165,92,.16)}
.promise-head{max-width:680px;margin:0 auto 34px;text-align:center}
.promise-head h2{font:500 35px/1.08 Georgia,serif;margin:8px 0 13px;letter-spacing:.2px}
.promise-head>p:last-child{color:#aaa39a;font-size:13px;line-height:1.7;margin:0 auto;max-width:600px}
.promise-grid{max-width:1050px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(205,169,93,.16)}
.promise-grid article{background:#0e0c0a;padding:28px 25px 30px;min-height:150px}
.promise-grid span{font-size:10px;letter-spacing:2px;color:#d3ad64}
.promise-grid h3{font:500 20px Georgia,serif;margin:13px 0 8px}
.promise-grid p{color:#a9a298;font-size:12px;line-height:1.6;margin:0}
.offer-banner{position:relative;overflow:hidden;min-height:430px;padding:76px 7vw;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(5,5,5,.96),rgba(5,5,5,.72) 46%,rgba(5,5,5,.2)),url("royal-2.jpg") center/cover;border-bottom:1px solid rgba(205,169,93,.22)}
.offer-banner>div{max-width:590px;position:relative;z-index:2}
.offer-banner h2{font:500 45px/.98 Georgia,serif;margin:10px 0 15px;letter-spacing:-.5px}
.offer-banner h2 em{font-style:normal;color:#d6b16a}
.offer-banner p:not(.eyebrow){color:#ded7cb;line-height:1.65;font-size:13px;max-width:510px}
.offer-banner .btn{margin-top:12px}
.footer{padding-bottom:92px!important}
@media(min-width:760px){
  .promise-grid article{padding:34px 34px 38px}
  .offer-banner{min-height:470px}
}
@media(max-width:760px){
  .luxury-promise{padding:58px 18px 54px}
  .promise-head h2{font-size:29px}
  .promise-grid{grid-template-columns:1fr;gap:1px}
  .promise-grid article{min-height:auto;padding:24px 22px}
  .offer-banner{min-height:470px;padding:58px 22px;background-position:68% center}
  .offer-banner h2{font-size:38px}
}
@media(max-width:420px){
  .offer-banner{min-height:440px}
  .offer-banner h2{font-size:35px}
}

/* ===== AJUSTE FINAL HERO: IMAGEN ARRIBA + MOVIMIENTO MÁS VIVO ===== */
.hero-animated{
  background-position:center top, 58% top!important;
  background-size:100% auto, cover!important;
  animation:lexusHeroAlive 6.5s ease-in-out infinite!important;
}
@keyframes lexusHeroAlive{
  0%,100%{background-position:center top, 52% top;}
  50%{background-position:center top, 68% top;}
}
@media(max-width:760px){
  .hero-animated{
    min-height:820px!important;
    background-size:100% auto, auto 100%!important;
    background-position:center top, 56% top!important;
    animation:lexusHeroAliveMobile 6s ease-in-out infinite!important;
  }
}
@media(max-width:420px){
  .hero-animated{
    min-height:790px!important;
    background-size:100% auto, auto 100%!important;
    background-position:center top, 55% top!important;
  }
}
@keyframes lexusHeroAliveMobile{
  0%,100%{background-position:center top, 48% top;}
  50%{background-position:center top, 66% top;}
}

/* ===== HERO FINAL: PERFUME COMPLETO + MOVIMIENTO MÁS VIVO ===== */
.hero-animated{
  min-height:820px!important;
  background-color:#050403!important;
  background-image:
    radial-gradient(circle at 50% 35%,rgba(201,162,76,.10),transparent 38%),
    linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.08) 58%,rgba(0,0,0,.92) 100%),
    url("angels-share-hero.jpg")!important;
  background-repeat:no-repeat!important;
  background-size:100% auto!important;
  background-position:center top!important;
  animation:heroPerfumeAlive 3.8s ease-in-out infinite!important;
}
.hero-animated:after{
  animation:heroGlowFast 3.8s ease-in-out infinite!important;
}
@keyframes heroPerfumeAlive{
  0%,100%{background-position:center top}
  25%{background-position:48% top}
  50%{background-position:52% top}
  75%{background-position:49% top}
}
@keyframes heroGlowFast{
  0%,100%{opacity:.28;transform:translateX(0)}
  50%{opacity:.72;transform:translateX(-10px)}
}
@media(max-width:760px){
  .hero-animated{
    min-height:820px!important;
    background-size:100% auto!important;
    background-position:center top!important;
    animation:heroPerfumeAliveMobile 3.4s ease-in-out infinite!important;
  }
}
@media(max-width:420px){
  .hero-animated{min-height:800px!important}
}
@keyframes heroPerfumeAliveMobile{
  0%,100%{background-position:center top}
  20%{background-position:49% top}
  40%{background-position:51% top}
  60%{background-position:48% top}
  80%{background-position:52% top}
}

/* ===== HERO ANGELS' SHARE — MOVIMIENTO CINEMATOGRÁFICO ===== */
.hero.hero-animated{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:#050505!important;
}
.hero.hero-animated::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:-9%;
  background-image:url("angels-share-hero.jpg");
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
  transform-origin:center center;
  animation:angelsShareLive 5.5s ease-in-out infinite alternate;
  will-change:transform,background-position;
}
.hero.hero-animated::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  height:auto!important;
  background:linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.04) 45%,rgba(0,0,0,.92) 100%)!important;
  pointer-events:none;
}
.hero.hero-animated .hero-copy{
  position:relative;
  z-index:2;
}
@keyframes angelsShareLive{
  0%{transform:scale(1.06) translate3d(-1.8%,-1.2%,0) rotate(-1.15deg);background-position:48% 49%;}
  28%{transform:scale(1.09) translate3d(1.4%,-.5%,0) rotate(.8deg);background-position:52% 47%;}
  55%{transform:scale(1.07) translate3d(1.9%,1.2%,0) rotate(1.15deg);background-position:54% 53%;}
  78%{transform:scale(1.10) translate3d(-1.3%,1.0%,0) rotate(-.65deg);background-position:49% 55%;}
  100%{transform:scale(1.06) translate3d(-2%,-.8%,0) rotate(-1.1deg);background-position:47% 48%;}
}
@media(max-width:760px){
  .hero.hero-animated{min-height:600px;background:#050505!important;}
  .hero.hero-animated::before{inset:-11%;background-size:cover;animation-duration:4.6s;}
}
@media(prefers-reduced-motion:reduce){
  .hero.hero-animated::before{animation:none;transform:scale(1.06);}
}

/* ===== HERO VIDEO-LIKE MOTION — ROBUST VERSION ===== */
.hero.hero-animated{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  min-height:0!important;
  padding:0!important;
  display:block!important;
  background:#050403!important;
}
.hero.hero-animated::before,.hero.hero-animated::after{display:none!important}
.hero-media{
  position:relative!important;
  z-index:0!important;
  width:100%!important;
  height:clamp(390px,92vw,560px)!important;
  overflow:hidden!important;
  background:#050403!important;
}
.hero-motion-img{
  position:absolute!important;
  inset:-7%!important;
  width:114%!important;
  height:114%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
  transform-origin:center center!important;
  animation:lexusPerfumeMotion 3.2s ease-in-out infinite alternate!important;
  will-change:transform!important;
}
.hero-media::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(5,4,3,.12) 66%,rgba(5,4,3,.95) 100%);
}
@keyframes lexusPerfumeMotion{
  0%{transform:translate3d(-2.2%,-1.2%,0) scale(1.04) rotate(-.7deg)}
  25%{transform:translate3d(1.7%,-.4%,0) scale(1.08) rotate(.45deg)}
  50%{transform:translate3d(2.1%,1.2%,0) scale(1.06) rotate(.8deg)}
  75%{transform:translate3d(-1.4%,.8%,0) scale(1.09) rotate(-.45deg)}
  100%{transform:translate3d(-2%,-.7%,0) scale(1.05) rotate(-.75deg)}
}
.hero.hero-animated .hero-copy{
  position:relative!important;z-index:3!important;
  max-width:820px!important;
  padding:0 24px 42px!important;
  margin:0!important;
}
.hero.hero-animated .hero-copy>small{display:block!important;margin:0 0 12px!important}
.hero.hero-animated h1{margin:0 0 16px!important}
.hero.hero-animated p{margin:0 0 18px!important}
@media(max-width:760px){
  .hero-media{height:clamp(400px,108vw,540px)!important}
  .hero.hero-animated .hero-copy{padding:0 40px 38px!important}
}
@media(max-width:420px){
  .hero-media{height:430px!important}
}

/* ===== HERO 360 REAL VISUAL — BOTELLA + NOTAS ORBITANDO ===== */
.hero-animated.hero-360{background:#050403!important;display:block!important;padding:0!important;min-height:0!important;overflow:hidden!important;}
.hero-animated.hero-360 .hero-media{height:clamp(520px,92vw,700px)!important;position:relative!important;overflow:hidden!important;background:#050403!important;}
.hero-360 .hero-bg-clean{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(1.04) contrast(1.02);}
.hero-360 .hero-bottle-stage{position:absolute;inset:0;z-index:2;perspective:1100px;pointer-events:none;}
.hero-360 .hero-bottle{position:absolute;left:50%;top:47%;width:min(68vw,560px);height:auto;transform:translate(-50%,-50%) rotateZ(0deg);transform-origin:50% 52%;filter:drop-shadow(0 28px 28px rgba(0,0,0,.55));animation:lexusBottleSpin 4.2s linear infinite;will-change:transform;}
.hero-360 .hero-bottle img{display:block;width:100%;height:auto;object-fit:contain;}
.hero-360 .orbit{position:absolute;left:50%;top:47%;width:min(92vw,720px);height:min(92vw,720px);transform:translate(-50%,-50%);border:1px solid rgba(224,189,115,.16);border-radius:50%;animation:orbitSpin 4.2s linear infinite;}
.hero-360 .note{position:absolute;display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(224,189,115,.45);background:rgba(5,4,3,.52);backdrop-filter:blur(5px);color:#f2d98f;font-size:10px;letter-spacing:1.7px;text-transform:uppercase;white-space:nowrap;box-shadow:0 6px 22px rgba(0,0,0,.25);}
.hero-360 .note:before{content:"";width:5px;height:5px;border-radius:50%;background:#e0bd73;box-shadow:0 0 10px rgba(224,189,115,.75);}
.hero-360 .n1{left:50%;top:-16px;transform:translateX(-50%)}
.hero-360 .n2{right:-45px;top:20%;}
.hero-360 .n3{right:-30px;bottom:17%;}
.hero-360 .n4{left:50%;bottom:-16px;transform:translateX(-50%)}
.hero-360 .n5{left:-55px;bottom:18%;}
.hero-360 .n6{left:-42px;top:20%;}
.hero-360 .orbit:after{content:"";position:absolute;inset:8%;border:1px dashed rgba(224,189,115,.12);border-radius:50%;}
.hero-360 .hero-media:after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(5,4,3,.02) 55%,rgba(5,4,3,.96) 100%);}
.hero-360 .hero-copy{position:relative!important;z-index:6!important;max-width:820px!important;padding:0 24px 42px!important;margin:0!important;background:#050403!important;}
@keyframes lexusBottleSpin{from{transform:translate(-50%,-50%) rotateZ(0deg) scale(1)}to{transform:translate(-50%,-50%) rotateZ(360deg) scale(1)}}
@keyframes orbitSpin{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(max-width:760px){
 .hero-animated.hero-360 .hero-media{height:clamp(500px,125vw,620px)!important}
 .hero-360 .hero-bottle{width:86vw;top:47%;animation-duration:3.8s}
 .hero-360 .orbit{width:112vw;height:112vw;top:47%;animation-duration:3.8s}
 .hero-360 .note{font-size:8px;letter-spacing:1.2px;padding:6px 7px}
 .hero-360 .n2{right:0}.hero-360 .n3{right:0}.hero-360 .n5{left:0}.hero-360 .n6{left:0}
}
@media(prefers-reduced-motion:reduce){.hero-360 .hero-bottle,.hero-360 .orbit{animation:none!important}}

/* ===== AJUSTE DEFINITIVO: GIRO 360 DEL FRASCO + ÓRBITA DE NOTAS ===== */
.hero-animated.hero-360 .hero-media{height:clamp(520px,92vw,700px)!important;background:#050403!important}
.hero-360 .hero-bg-clean{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;filter:saturate(1.05) contrast(1.02)!important}
.hero-360 .hero-bottle-stage{position:absolute!important;inset:0!important;z-index:3!important;perspective:1200px!important;transform-style:preserve-3d!important}
.hero-360 .hero-bottle{position:absolute!important;left:50%!important;top:47%!important;width:min(67vw,550px)!important;height:auto!important;transform:translate(-50%,-50%) rotateZ(0deg) rotateY(0deg)!important;transform-origin:50% 52%!important;filter:drop-shadow(0 28px 28px rgba(0,0,0,.58))!important;animation:lexusBottleTrueSpin 3.8s linear infinite!important;will-change:transform!important}
.hero-360 .hero-bottle img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important}
.hero-360 .orbit{position:absolute!important;left:50%!important;top:47%!important;width:min(94vw,730px)!important;height:min(94vw,730px)!important;transform:translate(-50%,-50%)!important;border:0!important;border-radius:50%!important;animation:lexusNotesOrbit 3.8s linear infinite!important;will-change:transform!important}
.hero-360 .orbit:before{content:"";position:absolute;inset:8%;border:1px solid rgba(224,189,115,.18);border-radius:50%;box-shadow:0 0 45px rgba(224,189,115,.05) inset}
.hero-360 .orbit:after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;transform:translate(-50%,-50%);border-radius:50%;background:#e0bd73;box-shadow:0 0 18px rgba(224,189,115,.8)}
.hero-360 .note{position:absolute!important;display:flex!important;align-items:center!important;gap:7px!important;padding:7px 10px!important;border:1px solid rgba(224,189,115,.46)!important;background:rgba(5,4,3,.62)!important;backdrop-filter:blur(5px)!important;color:#f2d98f!important;font-size:10px!important;letter-spacing:1.6px!important;text-transform:uppercase!important;white-space:nowrap!important;box-shadow:0 7px 24px rgba(0,0,0,.32)!important;transform-origin:center!important}
.hero-360 .note:before{content:""!important;width:5px!important;height:5px!important;flex:0 0 5px!important;border-radius:50%!important;background:#e0bd73!important;box-shadow:0 0 10px rgba(224,189,115,.8)!important}
.hero-360 .n1{left:50%!important;top:2%!important;transform:translateX(-50%) rotate(0deg)!important}
.hero-360 .n2{right:3%!important;top:23%!important}
.hero-360 .n3{right:3%!important;bottom:23%!important}
.hero-360 .n4{left:50%!important;bottom:2%!important;transform:translateX(-50%)!important}
.hero-360 .n5{left:3%!important;bottom:23%!important}
.hero-360 .n6{left:3%!important;top:23%!important}
.hero-360 .hero-media:after{content:""!important;position:absolute!important;inset:0!important;z-index:5!important;pointer-events:none!important;background:linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(5,4,3,.02) 54%,rgba(5,4,3,.96) 100%)!important}
.hero-360 .hero-copy{position:relative!important;z-index:7!important;background:#050403!important}
@keyframes lexusBottleTrueSpin{
  0%{transform:translate(-50%,-50%) rotateZ(0deg) rotateY(0deg) scale(1)}
  12.5%{transform:translate(-50%,-50%) rotateZ(45deg) rotateY(9deg) scale(1.01)}
  25%{transform:translate(-50%,-50%) rotateZ(90deg) rotateY(14deg) scale(.99)}
  37.5%{transform:translate(-50%,-50%) rotateZ(135deg) rotateY(7deg) scale(1.01)}
  50%{transform:translate(-50%,-50%) rotateZ(180deg) rotateY(0deg) scale(1)}
  62.5%{transform:translate(-50%,-50%) rotateZ(225deg) rotateY(-7deg) scale(1.01)}
  75%{transform:translate(-50%,-50%) rotateZ(270deg) rotateY(-14deg) scale(.99)}
  87.5%{transform:translate(-50%,-50%) rotateZ(315deg) rotateY(-9deg) scale(1.01)}
  100%{transform:translate(-50%,-50%) rotateZ(360deg) rotateY(0deg) scale(1)}
}
@keyframes lexusNotesOrbit{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(max-width:760px){
 .hero-animated.hero-360 .hero-media{height:clamp(500px,125vw,620px)!important}
 .hero-360 .hero-bottle{width:86vw!important;top:47%!important;animation-duration:3.4s!important}
 .hero-360 .orbit{width:112vw!important;height:112vw!important;top:47%!important;animation-duration:3.4s!important}
 .hero-360 .note{font-size:8px!important;letter-spacing:1.05px!important;padding:6px 7px!important}
}
@media(prefers-reduced-motion:reduce){.hero-360 .hero-bottle,.hero-360 .orbit{animation:none!important}}

/* ===== PORTADA OFICIAL: VIDEO LEXUS PERFUMS ===== */
.hero.hero-video-cover,
.hero.hero-video-cover::before,
.hero.hero-video-cover::after{animation:none!important;transform:none!important;background:#050505!important;}
.hero.hero-video-cover{position:relative!important;isolation:isolate!important;}
.hero-video-cover .hero-video-wrap{position:relative!important;z-index:1!important;}
.hero-video-cover .hero-video{filter:contrast(1.01) saturate(1.02);}


/* ===== PORTADA VIDEO: MOSTRAR EL CUADRO COMPLETO SIN RECORTE ===== */
.hero.hero-video-cover{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  background:#050505!important;
  display:flex!important;
  justify-content:center!important;
  align-items:flex-start!important;
}
.hero-video-cover .hero-video-wrap{
  width:100%!important;
  max-width:680px!important;
  height:auto!important;
  margin:0 auto!important;
  overflow:visible!important;
  background:#050505!important;
  line-height:0!important;
}
.hero-video-cover .hero-video{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center top!important;
  margin:0 auto!important;
  background:#050505!important;
  filter:contrast(1.03) saturate(1.03) sharpen(0)!important;
}
@media (min-width:761px){
  .hero-video-cover .hero-video-wrap{max-width:620px!important;}
}
@media (max-width:760px){
  .hero-video-cover .hero-video-wrap{max-width:100vw!important;width:100vw!important;}
  .hero-video-cover .hero-video{width:100vw!important;height:auto!important;}
}

/* ===== GALERÍA DE PRODUCTO — MOBILE: IMAGEN COMPLETA + MINIATURAS JUSTO DEBAJO ===== */
.detail-gallery{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;padding:16px 16px 12px!important;overflow:hidden!important}
.detail-gallery>img{flex:0 0 auto!important;width:100%!important;height:430px!important;max-height:430px!important;object-fit:contain!important;object-position:center!important}
.detail-gallery .gallery-thumbs{width:100%!important;display:flex!important;justify-content:center!important;gap:10px!important;margin:0!important;padding:2px 0 0!important;overflow-x:auto!important;overflow-y:hidden!important}
.detail-gallery .gallery-thumbs button{width:74px!important;height:74px!important;flex:0 0 74px!important;padding:3px!important;border:1px solid #ded2bd!important;border-radius:2px!important;background:#fff!important}
.detail-gallery .gallery-thumbs button.active{border:2px solid #c69d50!important}
.detail-gallery .gallery-thumbs img{width:100%!important;height:100%!important;object-fit:contain!important;background:#fff!important}
.detail-info{padding-top:24px!important}
@media(max-width:760px){
  .product-detail{max-height:94vh!important;overflow:auto!important}
  .detail-gallery{height:auto!important;min-height:0!important;padding:14px 12px 10px!important}
  .detail-gallery>img{height:310px!important;max-height:310px!important;width:100%!important}
  .detail-gallery .gallery-thumbs{justify-content:flex-start!important;padding-left:4px!important}
  .detail-gallery .gallery-thumbs button{width:72px!important;height:72px!important;flex-basis:72px!important}
  .detail-info{padding:24px 22px 26px!important}
}
@media(min-width:761px){
  .product-detail{grid-template-columns:1fr 1fr!important}
  .detail-gallery{min-height:620px!important}
  .detail-gallery>img{height:510px!important;max-height:510px!important}
  .detail-gallery .gallery-thumbs{width:100%!important}
}

/* =========================================================
   LEXUS PERFUMS — MÓDULO DE COMPRA LUXURY
   Mejora visual sin modificar la lógica de carrito/pago.
   ========================================================= */
.detail-buy{
  display:grid!important;
  grid-template-columns:118px 1fr!important;
  gap:12px!important;
  align-items:stretch!important;
  margin-top:4px!important;
}
.detail-qty{
  min-width:0!important;
  height:58px!important;
  box-sizing:border-box!important;
  border:1px solid #d8c39a!important;
  background:linear-gradient(180deg,#fff,#faf6ee)!important;
  border-radius:3px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 5px 16px rgba(100,70,20,.06)!important;
}
.detail-qty button{
  width:36px!important;height:56px!important;
  color:#171717!important;
  font-size:22px!important;
  font-weight:300!important;
  transition:color .2s,transform .2s!important;
}
.detail-qty button:hover{color:#a77b26!important;transform:scale(1.08)}
.detail-qty b{font-size:15px!important;color:#171717!important}
.luxury-add{
  position:relative!important;
  height:58px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:18px!important;
  border:1px solid #b78b32!important;
  border-radius:3px!important;
  background:linear-gradient(110deg,#c79a42 0%,#e4c477 45%,#b7862f 100%)!important;
  color:#15130f!important;
  letter-spacing:2.1px!important;
  font-size:11px!important;
  font-weight:800!important;
  box-shadow:0 12px 26px rgba(135,96,25,.22),inset 0 1px 0 rgba(255,255,255,.45)!important;
  overflow:hidden!important;
  transition:transform .22s,box-shadow .22s,filter .22s!important;
}
.luxury-add:before{
  content:"";position:absolute;top:0;bottom:0;left:-45%;width:28%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);
  transform:skewX(-20deg);transition:left .6s ease;
}
.luxury-add:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(135,96,25,.27),inset 0 1px 0 rgba(255,255,255,.45);filter:saturate(1.06)}
.luxury-add:hover:before{left:125%}
.luxury-add span,.luxury-add i{position:relative;z-index:1}
.luxury-add i{font-style:normal;font-size:18px;font-weight:400;line-height:1}
.purchase-assurance{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  margin:11px 0 2px!important;
  color:#7c7367!important;font-size:8px!important;letter-spacing:1.15px!important;
  text-transform:uppercase!important;white-space:nowrap!important;
}
.purchase-assurance span:first-child{color:#b78b32!important;font-size:11px!important}
.purchase-assurance b{font-weight:400;color:#c9b99d!important}
.detail-wa{
  height:48px!important;
  margin-top:12px!important;
  border:1px solid #d1b477!important;
  border-radius:3px!important;
  background:#fff!important;
  color:#8f6823!important;
  letter-spacing:1.7px!important;
  font-size:9px!important;
  transition:background .2s,border-color .2s,transform .2s!important;
}
.detail-wa:hover{background:#fbf6eb!important;border-color:#b78b32!important;transform:translateY(-1px)}
.detail-wa span{font-size:13px!important;margin-right:5px}

/* Carrito: sensación de boutique privada */
.cart-card{
  max-width:720px!important;
  border-radius:10px!important;
  padding:34px 32px 30px!important;
  background:linear-gradient(180deg,#fff 0%,#fcfaf6 100%)!important;
  border:1px solid #d5bb83!important;
  box-shadow:0 32px 90px rgba(48,34,13,.28)!important;
}
.cart-card .eyebrow{margin-bottom:6px!important;color:#a77b26!important}
.cart-card h2{font-size:38px!important;line-height:1!important;margin:0 0 22px!important;letter-spacing:-.3px!important}
#cartItems{max-height:300px!important;padding:4px 5px 2px 0!important}
.cart-row{grid-template-columns:82px 1fr auto!important;gap:16px!important;padding:15px 0!important;border-bottom:1px solid #ebe2d4!important}
.cart-row img{width:82px!important;height:82px!important;object-fit:contain!important;border-radius:4px!important;background:#f8f4ec!important;border:1px solid #e2d5bd!important;padding:3px!important;box-sizing:border-box!important}
.cart-row strong{font-size:16px!important}
.cart-row>b{font-size:15px!important;color:#9f7527!important}
.qty button{width:28px!important;height:28px!important;border-radius:50%!important;background:#fff!important;border:1px solid #d1b477!important;color:#9a7228!important}
.cart-summary{margin-top:20px!important;padding-top:4px!important}
.cart-summary>div{padding:9px 0!important;font-size:11px!important}
.cart-summary .cart-total{padding:16px 0 8px!important;margin-top:5px!important}
.cart-summary .cart-total strong{font-size:25px!important}
.free-shipping-hint{
  justify-content:center!important;text-align:center!important;
  padding:7px 0 10px!important;color:#9b742e!important;font-size:9px!important;letter-spacing:.6px!important;
}
.checkout-box{
  margin-top:20px!important;padding:20px!important;border-radius:6px!important;
  background:linear-gradient(145deg,#faf7f0,#f4eee3)!important;
  border:1px solid #e2d4bc!important;
  box-shadow:inset 0 1px 0 #fff!important;
}
.checkout-box .eyebrow{font-size:9px!important;letter-spacing:2.2px!important}
.checkout-box input,.checkout-box textarea,.checkout-box select{
  border-radius:3px!important;padding:13px 14px!important;
  border-color:#ddd0b9!important;background:#fff!important;
}
.checkout-box input:focus,.checkout-box textarea:focus,.checkout-box select:focus{box-shadow:0 0 0 2px rgba(183,139,50,.08)!important}
.checkout-note{padding:9px 0 0!important}
.checkout-note span{width:20px;height:20px;border-radius:50%;background:#b78b32;color:#fff!important;display:flex;align-items:center;justify-content:center;font-size:10px!important;flex:0 0 20px}
.cart-card>.btn.full{
  height:56px!important;margin-top:14px!important;border-radius:3px!important;
  font-size:11px!important;letter-spacing:2px!important;
  box-shadow:0 12px 25px rgba(130,92,24,.18)!important;
}
.checkout-status{font-size:10px!important;color:#81796e!important}

@media(max-width:760px){
  .detail-buy{grid-template-columns:100px 1fr!important;gap:9px!important}
  .luxury-add{height:56px!important;font-size:9px!important;letter-spacing:1.5px!important;gap:9px!important}
  .luxury-add i{font-size:16px!important}
  .purchase-assurance{font-size:7px!important;letter-spacing:.75px!important;gap:5px!important}
  .detail-wa{height:47px!important}
  .cart-card{width:calc(100% - 14px)!important;max-height:94vh!important;padding:28px 17px 20px!important;border-radius:12px!important}
  .cart-card:before{font-size:7px;letter-spacing:2.2px;margin:-4px 0 11px}
  .cart-card h2{font-size:32px!important}
  .cart-row{grid-template-columns:66px 1fr auto!important;gap:10px!important}
  .cart-row img{width:66px!important;height:66px!important}
  .cart-row strong{font-size:14px!important}
  .cart-row>b{font-size:12px!important}
  .checkout-box{padding:15px!important}
  .cart-card>.btn.full{height:54px!important}
}

/* Checkout completo LEXUS PERFUMS — captura de datos en un solo paso */
.luxury-checkout-form{position:relative;overflow:hidden}
.luxury-checkout-form:after{content:"";position:absolute;top:0;right:0;width:120px;height:120px;background:radial-gradient(circle,rgba(193,150,65,.12),transparent 68%);pointer-events:none}
.checkout-heading h3{font-family:Georgia,serif;font-size:25px;margin:0 0 5px;color:#171717}
.checkout-heading>p:not(.eyebrow){font-size:11px;line-height:1.55;color:#756e63;margin:0 0 20px;max-width:500px}
.checkout-section-title{display:flex;align-items:center;gap:9px;margin:20px 0 11px;padding-top:15px;border-top:1px solid #e7ddcc;color:#25211b;font-size:10px;font-weight:800;letter-spacing:1.8px}
.checkout-section-title span{display:inline-flex;width:25px;height:25px;border-radius:50%;align-items:center;justify-content:center;background:#171717;color:#d8b25d;font-size:9px;letter-spacing:0}
.checkout-box label{display:block;margin:0 0 10px;color:#514b42;font-size:9px;font-weight:700;letter-spacing:.55px}
.checkout-box label input,.checkout-box label select,.checkout-box label textarea{margin-top:6px!important;margin-bottom:0!important}
.checkout-box select{appearance:auto}
.checkout-box .optional{font-weight:400;color:#999184;margin-left:5px;letter-spacing:0}
.checkout-box textarea{resize:vertical;min-height:68px}
.luxury-checkout-btn{display:flex!important;align-items:center;justify-content:center;gap:12px!important;background:linear-gradient(135deg,#d9b25c 0%,#b98728 52%,#e0bb67 100%)!important;color:#151515!important;border:1px solid #b88a31!important;position:relative;overflow:hidden}
.luxury-checkout-btn:after{content:"";position:absolute;top:0;left:-35%;width:25%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transform:skewX(-18deg);transition:left .6s}
.luxury-checkout-btn:hover:after{left:115%}
.luxury-checkout-btn i{font-style:normal;font-size:17px}
@media(max-width:760px){
 .luxury-checkout-form{padding:17px!important}
 .checkout-heading h3{font-size:23px}
 .checkout-heading>p:not(.eyebrow){font-size:10px}
 .checkout-section-title{margin-top:17px;padding-top:13px;font-size:9px;letter-spacing:1.45px}
 .checkout-section-title span{width:23px;height:23px}
 .checkout-box label{font-size:8.5px}
 .checkout-box label input,.checkout-box label select,.checkout-box label textarea{font-size:11px!important}
 .luxury-checkout-btn{height:58px!important;font-size:10px!important;letter-spacing:1.8px!important}
}

/* =========================================================
   LEXUS PERFUMS — CHECKOUT SIGNATURE
   ========================================================= */
.checkout-luxury-shell{max-width:760px!important;background:#fdfbf7!important;color:#171717!important;border:1px solid #caa55a!important;border-radius:18px!important;padding:28px 28px 24px!important;box-shadow:0 35px 100px rgba(20,15,8,.34)!important}
.checkout-luxury-shell:before{display:none!important}
.checkout-brandline i{width:26px;height:1px;background:#d8c39a}
.checkout-herohead{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:0 2px 20px;border-bottom:1px solid #e7ddcc}.checkout-herohead h2{font-family:Georgia,serif!important;font-size:38px!important;line-height:1!important;margin:3px 0 8px!important;letter-spacing:-.5px;color:#151515!important}.checkout-herohead p:not(.eyebrow){font-size:11px;color:#81796e;line-height:1.5;margin:0;max-width:470px}.checkout-lock{width:58px;height:58px;border-radius:50%;border:1px solid #d6bd83;background:#191715;color:#e1bf68;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto}.checkout-lock span{font-size:18px;line-height:12px}.checkout-lock small{font-size:6px;letter-spacing:1px;text-align:center;line-height:1.25;margin-top:3px}
.checkout-progress{display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr;align-items:center;padding:18px 5px 20px}.progress-step{display:flex;align-items:center;gap:7px;color:#a19a8f}.progress-step span{width:24px;height:24px;border-radius:50%;border:1px solid #d9cfbf;display:grid;place-items:center;font-size:7px}.progress-step b{font-size:8px;letter-spacing:1.2px}.progress-step.active{color:#9e7425}.progress-step.active span{background:#b98a32;border-color:#b98a32;color:#fff}.checkout-progress>i{height:1px;background:#e0d6c6}
.checkout-order-card,.checkout-payment-card{background:#fff;border:1px solid #e5dbc9;border-radius:10px;padding:18px 18px 14px;box-shadow:0 8px 24px rgba(65,48,20,.05);margin-bottom:14px}.section-kicker{display:flex;align-items:center;gap:10px;margin-bottom:14px}.section-kicker>span{font-size:8px;letter-spacing:1px;color:#fff;background:#171717;width:25px;height:25px;border-radius:50%;display:grid;place-items:center}.section-kicker b{display:block;font-size:9px;letter-spacing:1.8px}.section-kicker small{display:block;color:#958b7d;font-size:9px;margin-top:3px}.checkout-order-card #cartItems{max-height:240px;padding-right:4px}.checkout-order-card .cart-row{grid-template-columns:70px 1fr auto!important;padding:12px 0!important}.checkout-order-card .cart-row img{width:70px!important;height:70px!important}.checkout-order-card .cart-summary{margin-top:10px!important;border-top:1px solid #eee6d9!important}.checkout-order-card .cart-total strong{font-size:24px!important;color:#9f7527!important}
.luxury-checkout-form{margin:0 0 14px!important;padding:18px!important;background:linear-gradient(145deg,#faf7f0,#f4ede1)!important;border:1px solid #e2d4bc!important;border-radius:10px!important;box-shadow:none!important}.luxury-checkout-form:after{width:180px;height:180px;background:radial-gradient(circle,rgba(193,150,65,.1),transparent 68%)}.luxury-checkout-form .checkout-heading>p:not(.eyebrow){margin:0 0 15px;color:#81796e;font-size:10px}.form-subtitle{display:flex;align-items:center;gap:7px;margin:17px 0 9px;padding-top:12px;border-top:1px solid #e4d9c7;font-size:8px;letter-spacing:1.8px;font-weight:800;color:#3d382f}.form-subtitle small{font-size:7px;color:#a09587;font-weight:500;letter-spacing:1px}.luxury-checkout-form label{font-size:8.5px!important;color:#4f493f!important;letter-spacing:.6px!important}.luxury-checkout-form input,.luxury-checkout-form select,.luxury-checkout-form textarea{border-radius:6px!important;background:#fff!important;border:1px solid #d9cbb5!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8);font-size:11px!important;padding:12px 13px!important}.luxury-checkout-form input:focus,.luxury-checkout-form select:focus,.luxury-checkout-form textarea:focus{border-color:#bd984e!important;box-shadow:0 0 0 3px rgba(189,152,78,.1)!important}.checkout-trust-row{display:flex;align-items:center;gap:10px;margin-top:14px;padding:11px 12px;border:1px solid #e5d8c1;background:#fffdf8;border-radius:6px}.checkout-trust-row>span{color:#b78931;font-size:18px}.checkout-trust-row b{display:block;font-size:9px;letter-spacing:.3px}.checkout-trust-row small{display:block;color:#938a7e;font-size:8px;margin-top:2px;line-height:1.35}
.checkout-payment-card{padding-bottom:16px}.payment-visual{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:7px;background:#171717;color:#fff;border:1px solid #2a2926}.payment-shield{width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg,#e0bd6a,#9d7024);display:grid;place-items:center;color:#151515;font-weight:900}.payment-visual strong{display:block;font-family:Georgia,serif;font-size:17px}.payment-visual span{display:block;color:#bdb6aa;font-size:8px;margin-top:3px;letter-spacing:.2px}.payment-visual em{margin-left:auto;font-style:normal;font-size:13px;opacity:.8}.luxury-checkout-btn{height:62px!important;border-radius:7px!important;background:linear-gradient(110deg,#a97822,#d8b45e 45%,#b58229)!important;box-shadow:0 16px 30px rgba(142,99,24,.22)!important;font-size:11px!important;letter-spacing:2.4px!important}.luxury-checkout-btn i{font-size:19px!important}.checkout-microcopy{text-align:center;color:#978e82;font-size:8px;letter-spacing:.2px;margin:9px 0 0}.checkout-status{text-align:center;font-size:9px!important;margin-top:7px}
@media(max-width:760px){.checkout-luxury-shell{width:calc(100% - 8px)!important;max-height:96vh!important;padding:23px 14px 18px!important;border-radius:15px!important}.checkout-herohead{padding-bottom:16px}.checkout-herohead h2{font-size:30px!important}.checkout-herohead p:not(.eyebrow){font-size:9px;max-width:310px}.checkout-lock{width:48px;height:48px}.checkout-progress{grid-template-columns:1fr 20px 1fr 20px 1fr;padding:14px 2px 16px}.progress-step{gap:5px}.progress-step span{width:22px;height:22px}.progress-step b{font-size:7px;letter-spacing:.8px}.checkout-order-card,.checkout-payment-card,.luxury-checkout-form{padding:14px!important;border-radius:8px!important}.section-kicker{margin-bottom:11px}.section-kicker b{font-size:8px;letter-spacing:1.4px}.section-kicker small{font-size:8px}.checkout-order-card .cart-row{grid-template-columns:58px 1fr auto!important;gap:9px!important}.checkout-order-card .cart-row img{width:58px!important;height:58px!important}.checkout-order-card .cart-row strong{font-size:13px!important}.checkout-order-card .cart-row>b{font-size:11px!important}.luxury-checkout-form .field-grid{grid-template-columns:1fr!important}.form-subtitle{margin-top:14px;padding-top:10px;font-size:7.5px;letter-spacing:1.5px}.luxury-checkout-form input,.luxury-checkout-form select,.luxury-checkout-form textarea{font-size:11px!important;padding:12px!important}.payment-visual span{font-size:7px;line-height:1.4}.luxury-checkout-btn{height:58px!important;font-size:9px!important;letter-spacing:1.8px!important}}

/* ===== TIPOGRAFÍA LUXURY LEGIBLE — CHECKOUT LEXUS PERFUMS ===== */
.checkout-luxury-shell,
.checkout-luxury-shell input,
.checkout-luxury-shell select,
.checkout-luxury-shell textarea,
.checkout-luxury-shell button{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.checkout-luxury-shell{font-size:16px;line-height:1.5;letter-spacing:0}

.checkout-herohead .eyebrow{font-size:13px!important;font-weight:800!important;letter-spacing:2.2px!important;color:#a47725!important}
.checkout-herohead h2{font-family:Georgia,"Times New Roman",serif!important;font-size:36px!important;line-height:1.08!important;font-weight:700!important;color:#171717!important}
.checkout-herohead>div:first-child>p:last-child{font-size:16px!important;line-height:1.55!important;color:#5f594f!important;max-width:560px}
.progress-step b{font-size:12px!important;font-weight:800!important;letter-spacing:1.1px!important;color:#332d24!important}
.progress-step span{font-size:12px!important;font-weight:800!important}
.section-kicker b{font-size:14px!important;font-weight:800!important;letter-spacing:2px!important;color:#24201b!important}
.section-kicker small{font-size:13px!important;line-height:1.45!important;color:#6f675d!important}
.section-kicker>span{font-size:13px!important;font-weight:800!important}
.cart-row strong{font-family:Georgia,"Times New Roman",serif!important;font-size:19px!important;font-weight:700!important;color:#171717!important}
.cart-row small{font-size:12px!important;font-weight:700!important;letter-spacing:1.2px!important;color:#71695e!important}
.cart-row>b{font-size:16px!important;font-weight:800!important;color:#9c7121!important}
.qty{font-size:15px!important;font-weight:600!important;color:#332d24!important}
.qty button{font-size:18px!important;font-weight:700!important;width:30px!important;height:30px!important;background:#fff!important;color:#9b7225!important}
.cart-summary>div{font-size:15px!important;color:#5c554c!important}
.cart-summary>div strong{font-size:15px!important;font-weight:750!important;color:#2a251f!important}
.cart-summary .free{font-size:13px!important;font-weight:800!important;color:#9b7225!important}
.cart-summary .cart-total{font-size:17px!important;font-weight:700!important;color:#29241d!important}
.cart-summary .cart-total strong{font-size:28px!important;font-weight:800!important;color:#9d7120!important}
.free-shipping-hint{font-size:14px!important;line-height:1.45!important;font-weight:600!important;color:#6a6258!important}
.checkout-heading p{font-size:16px!important;line-height:1.55!important;color:#5f584e!important}
.form-subtitle{font-size:13px!important;font-weight:850!important;letter-spacing:2px!important;color:#3c352c!important;margin-top:18px!important;margin-bottom:7px!important}
.form-subtitle small{font-size:11px!important;font-weight:700!important;letter-spacing:1px!important;color:#9b7225!important}
.luxury-checkout-form label{font-size:14px!important;font-weight:750!important;line-height:1.35!important;color:#3c352d!important}
.checkout-box input,.checkout-box select,.checkout-box textarea{font-size:16px!important;font-weight:500!important;line-height:1.4!important;color:#222!important;background:#fff!important;border:1px solid #d7c8ad!important;border-radius:10px!important;padding:15px 16px!important}
.checkout-box input::placeholder,.checkout-box textarea::placeholder{font-size:15px!important;color:#8a8278!important;opacity:1!important}
.checkout-box select{font-weight:550!important;color:#38322a!important}
.checkout-trust-row b{font-size:14px!important;font-weight:800!important;color:#2e2923!important}
.checkout-trust-row small{font-size:13px!important;line-height:1.5!important;color:#6c655b!important}
.checkout-payment-card .section-kicker{margin-bottom:12px}
.payment-visual strong{font-size:17px!important;font-weight:800!important}
.payment-visual span{font-size:13px!important;line-height:1.45!important;color:#655d53!important}
.luxury-checkout-btn{font-size:15px!important;font-weight:850!important;letter-spacing:2px!important;min-height:56px!important}
.checkout-microcopy{font-size:13px!important;line-height:1.5!important;color:#6d655b!important}
.checkout-status{font-size:14px!important;font-weight:600!important}
@media(max-width:760px){
  .checkout-luxury-shell{font-size:16px!important}
  .checkout-herohead h2{font-size:32px!important}
  .checkout-herohead>div:first-child>p:last-child{font-size:15px!important}
  .section-kicker b{font-size:13px!important;letter-spacing:1.7px!important}
  .section-kicker small{font-size:12px!important}
  .cart-row strong{font-size:18px!important}
  .cart-row small{font-size:11px!important}
  .cart-row>b{font-size:15px!important}
  .cart-summary>div{font-size:15px!important}
  .cart-summary .cart-total{font-size:17px!important}
  .cart-summary .cart-total strong{font-size:27px!important}
  .form-subtitle{font-size:12px!important;letter-spacing:1.8px!important}
  .luxury-checkout-form label{font-size:14px!important}
  .checkout-box input,.checkout-box select,.checkout-box textarea{font-size:16px!important;min-height:50px!important;padding:14px 15px!important}
  .checkout-box input::placeholder,.checkout-box textarea::placeholder{font-size:15px!important}
  .luxury-checkout-btn{font-size:14px!important;letter-spacing:1.7px!important}
  .checkout-microcopy{font-size:12px!important}
  .cart-card{padding-bottom:30px!important}
}


/* LEXUS PERFUMS — LOGO CENTRADO EN CHECKOUT */
.checkout-logo-centered{display:flex!important;justify-content:center!important;align-items:center!important;margin:0 0 18px!important;padding:2px 0 14px!important;border-bottom:1px solid #e4d6bd!important;}
.checkout-logo-centered img{display:block!important;width:96px!important;height:auto!important;max-height:96px!important;object-fit:contain!important;}
@media(max-width:760px){.checkout-logo-centered{margin:0 0 16px!important;padding:0 0 12px!important}.checkout-logo-centered img{width:82px!important;max-height:82px!important}}
/* LEXUS PERFUMS — checkout: solo logo centrado en la cabecera */
.checkout-luxury-shell .checkout-logo-centered{margin:0 auto 20px!important;padding:0 0 16px!important;border-bottom:1px solid #e4d6bd!important;min-height:112px!important;display:flex!important;justify-content:center!important;align-items:center!important}
.checkout-luxury-shell .checkout-logo-centered img{width:112px!important;height:112px!important;max-height:112px!important;object-fit:contain!important}
.checkout-luxury-shell .checkout-herohead{display:none!important}
@media(max-width:760px){
 .checkout-luxury-shell .checkout-logo-centered{margin:0 auto 18px!important;padding:0 0 14px!important;min-height:112px!important}
 .checkout-luxury-shell .checkout-logo-centered img{width:106px!important;height:106px!important;max-height:106px!important}
}

/* LOGO OFICIAL LEXUS PERFUMS — versión exacta de portada */
.checkout-luxury-shell .checkout-logo-centered img{width:150px!important;height:150px!important;max-height:150px!important;object-fit:contain!important;}
@media(max-width:760px){.checkout-luxury-shell .checkout-logo-centered img{width:138px!important;height:138px!important;max-height:138px!important;} .checkout-luxury-shell .checkout-logo-centered{min-height:142px!important;margin-bottom:18px!important;padding-bottom:14px!important;}}

/* Catálogo premium — filtros y búsqueda */
.catalog-tools{max-width:1000px;margin:18px auto 0}
.catalog-tools .search-wrap{position:relative;display:none;padding:0}
.catalog-tools .search-wrap.show{display:flex;align-items:center}
.search-glyph{position:absolute;left:14px;color:#8c6b35;font-size:20px;line-height:1;pointer-events:none}
.catalog-tools .search-wrap input{padding:14px 42px 14px 42px;border-radius:2px;font-size:13px;box-sizing:border-box}
#clearSearch{position:absolute;right:8px;border:0;background:none;color:#756a5c;font-size:20px;width:32px;height:32px;cursor:pointer}
.quick-filters{display:flex;gap:8px;overflow-x:auto;padding:12px 0 2px;scrollbar-width:none}
.quick-filters::-webkit-scrollbar{display:none}
.quick-filter{flex:0 0 auto;border:1px solid #d8c9ae;background:#fff;color:#5e5548;padding:9px 15px;border-radius:999px;font-size:10px;letter-spacing:.7px;text-transform:uppercase;cursor:pointer;transition:.2s ease}
.quick-filter.active{background:#171717;color:#d8b25d;border-color:#171717;box-shadow:0 5px 14px rgba(0,0,0,.1)}
.catalog-meta{max-width:1000px;margin:14px auto 0;display:flex;justify-content:space-between;gap:14px;color:#8a8072;font-size:10px;letter-spacing:.15px}
.catalog-meta #resultsCount{color:#6d5935;font-weight:700}
.photo-view{position:absolute;left:50%;bottom:10px;transform:translate(-50%,8px);opacity:0;background:#111;color:#d8b25d;border:1px solid rgba(216,178,93,.55);box-shadow:0 10px 26px rgba(0,0,0,.24);padding:8px 13px;font-size:8px;letter-spacing:1.25px;font-weight:800;transition:opacity .22s ease,transform .22s ease;white-space:nowrap;border-radius:2px;pointer-events:none}
.product-photo:hover .photo-view,.product-photo:focus-visible .photo-view,.product-photo.show-view .photo-view{opacity:1;transform:translate(-50%,0)}
@media(max-width:759px){
 .catalog-meta{font-size:9px;align-items:center}
 .catalog-meta span:last-child{display:none}
 .quick-filter{padding:8px 13px}
 .product-photo.show-view .photo-view{opacity:1;transform:translate(-50%,0);bottom:8px;background:#111}
}

/* ===== LEXUS PERFUMS — BOTÓN DETALLES + PRESENTACIONES LUXURY ===== */
.product-photo .photo-view{
  display:block!important;
  position:absolute!important;
  left:50%!important;
  bottom:14px!important;
  transform:translate(-50%,12px)!important;
  opacity:0!important;
  visibility:hidden!important;
  z-index:8!important;
  background:#0b0a09!important;
  color:#d8b25d!important;
  border:1px solid #c9a45a!important;
  box-shadow:0 10px 28px rgba(0,0,0,.42), inset 0 0 0 1px rgba(255,255,255,.04)!important;
  padding:10px 16px!important;
  font-size:9px!important;
  letter-spacing:1.5px!important;
  font-weight:800!important;
  line-height:1!important;
  border-radius:2px!important;
  white-space:nowrap!important;
  pointer-events:none!important;
  transition:opacity .22s ease,transform .22s ease,background .22s ease!important;
}
.product-photo:hover .photo-view,
.product-photo:focus-visible .photo-view,
.product-photo.show-view .photo-view{
  opacity:1!important;
  visibility:visible!important;
  transform:translate(-50%,0)!important;
}
.product-photo.show-view::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.30),transparent 45%);
  pointer-events:none;
  z-index:3;
}
.decant-option{color:#171717!important;background:#fff!important;border-color:#d9d2c5!important}
.decant-option.active{
  color:#d8b25d!important;
  background:#0b0a09!important;
  border-color:#c9a45a!important;
  box-shadow:0 8px 20px rgba(0,0,0,.14),inset 0 0 0 1px #c9a45a!important;
}
.decant-option.active small{color:#ead7ae!important;opacity:1!important}
@media(max-width:600px){
 .product-photo .photo-view{bottom:12px!important;padding:11px 17px!important;font-size:9px!important}
}

/* ===== CATÁLOGO — TARJETAS LUXURY DEFINITIVAS ===== */
.product-card{position:relative!important;background:#fff!important;border:1px solid #ded3c2!important;border-radius:4px!important;overflow:hidden!important;box-shadow:0 8px 24px rgba(35,25,12,.07)!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.product-card:hover{transform:translateY(-4px)!important;border-color:#c7a15b!important;box-shadow:0 16px 34px rgba(35,25,12,.13)!important}
.product-photo{background:#111!important}
.product-photo img{transition:transform .45s ease,filter .45s ease!important}
.product-card:hover .product-photo img{transform:scale(1.035)!important}
.original-badge{position:absolute!important;right:9px!important;top:9px!important;z-index:4!important;background:rgba(11,10,9,.94)!important;color:#d8b25d!important;border:1px solid rgba(201,164,90,.8)!important;padding:5px 7px!important;font-size:7px!important;font-weight:800!important;letter-spacing:1px!important;line-height:1!important}
.product-info{padding:12px 12px 14px!important}
.product-info h3{font-size:17px!important;line-height:1.15!important;min-height:39px!important}
.product-info .size{letter-spacing:.55px!important;text-transform:uppercase!important}
.product-bottom{margin-top:12px!important;padding-top:10px!important;border-top:1px solid #eee7dc!important}
.product-price{display:flex!important;flex-direction:column!important;gap:2px!important}
.product-price small{font-size:7px!important;letter-spacing:1.25px!important;color:#9a8a70!important;font-weight:700!important}
.product-price strong{font-family:Georgia,serif!important;font-size:16px!important;color:#171717!important}
.product-add{border:1px solid #c9a45a!important;background:#0b0a09!important;color:#d8b25d!important;width:36px!important;height:34px!important;border-radius:2px!important;font-size:22px!important;line-height:1!important;box-shadow:0 5px 12px rgba(0,0,0,.16)!important;transition:.2s ease!important}
.product-add:hover{background:#c9a45a!important;color:#111!important;transform:translateY(-1px)!important}
@media(max-width:600px){
 .product-info{padding:11px 10px 12px!important}
 .product-info h3{font-size:15px!important;min-height:35px!important}
 .product-price strong{font-size:14px!important}
 .original-badge{font-size:6.5px!important;padding:5px 6px!important}
}

/* ===== BUSCADOR LUXURY — siguiente etapa ===== */
.catalog-tools .search-wrap{
  max-width:760px;
  margin:0 auto;
  padding:0;
  position:relative;
}
.catalog-tools .search-wrap.show{
  display:flex;
  align-items:center;
  background:#fff;
  border:1px solid #c8a45b;
  box-shadow:0 12px 34px rgba(34,26,15,.09);
}
.catalog-tools .search-glyph{
  position:absolute;left:16px;top:50%;transform:translateY(-50%);
  color:#9b742d;font-size:20px;line-height:1;pointer-events:none;
}
.catalog-tools .search-wrap input{
  width:100%;height:50px;padding:0 92px 0 46px;
  border:0!important;outline:0;background:transparent;
  color:#17130e;font-size:13px;letter-spacing:.15px;
}
.catalog-tools .search-wrap input::placeholder{color:#9a9184}
.catalog-tools .search-wrap:focus-within{
  border-color:#a77b2f;
  box-shadow:0 0 0 3px rgba(197,157,78,.12),0 14px 36px rgba(34,26,15,.10);
}
.search-hint{
  position:absolute;right:43px;top:50%;transform:translateY(-50%);
  color:#a49a8a;font-size:9px;letter-spacing:.8px;border:1px solid #ded4c4;
  padding:4px 6px;border-radius:3px;pointer-events:none;
}
.catalog-tools #clearSearch{
  position:absolute;right:12px;top:50%;transform:translateY(-50%);
  width:28px;height:28px;border:0;background:transparent;color:#7e7465;
  font-size:20px;cursor:pointer;line-height:1;
}
.catalog-tools #clearSearch:hover{color:#111}
@media(max-width:520px){
  .catalog-tools .search-wrap input{height:48px;font-size:12px;padding-right:44px}
  .search-hint{display:none}
  .catalog-tools .search-glyph{left:14px}
}

/* CART LUXURY FINAL — boutique private */
.cart-lux-kicker{margin:-2px 0 18px;text-align:center;color:#a77b26;font-size:8px;font-weight:800;letter-spacing:3px}
.cart-lux-logo{margin-bottom:3px!important}
.cart-lux-logo img{filter:drop-shadow(0 5px 14px rgba(167,123,38,.10))}
.cart-summary-lux{position:relative}
.cart-summary-lux:after{content:"";display:block;height:1px;margin-top:8px;background:linear-gradient(90deg,transparent,#d4bd8c,transparent);opacity:.65}
@media(max-width:760px){.cart-lux-kicker{font-size:7px;letter-spacing:2.4px;margin-bottom:15px}.cart-lux-logo img{max-height:92px!important}}


/* =========================================================
   LEXUS PERFUMS — CHECKOUT MOBILE SIGNATURE 2026
   Inspirado en la nueva referencia Luxury: tipografía grande,
   campos cómodos y jerarquía clara. Solo presentación.
   ========================================================= */
.checkout-luxury-shell .luxury-checkout-form{
  padding:28px 28px 24px!important;
  background:linear-gradient(145deg,#fffdf9 0%,#f8f1e5 100%)!important;
  border:1px solid #d9c39a!important;
  border-radius:14px!important;
}
.checkout-luxury-shell .section-kicker>span{
  width:42px!important;height:42px!important;min-width:42px!important;
  font-size:14px!important;font-weight:800!important;
  border:1px solid #c89d4b!important;
  background:#171717!important;color:#e5c26d!important;
}
.checkout-luxury-shell .section-kicker{gap:13px!important;margin-bottom:20px!important}
.checkout-luxury-shell .section-kicker b{
  font-size:16px!important;letter-spacing:2.4px!important;font-weight:850!important;color:#1a1815!important;
}
.checkout-luxury-shell .section-kicker small{
  font-size:12px!important;letter-spacing:1.5px!important;color:#766e63!important;margin-top:5px!important;
}
.checkout-luxury-shell .checkout-heading>p:not(.eyebrow){
  font-size:18px!important;line-height:1.6!important;color:#4f4a43!important;
  max-width:620px!important;margin:0 0 26px!important;
}
.checkout-luxury-shell .form-subtitle{
  margin:24px 0 12px!important;padding-top:18px!important;
  font-size:14px!important;letter-spacing:2.5px!important;font-weight:850!important;color:#302c27!important;
}
.checkout-luxury-shell .form-subtitle small{font-size:10px!important;letter-spacing:1.2px!important}
.checkout-luxury-shell .luxury-checkout-form label{
  font-size:15px!important;font-weight:750!important;letter-spacing:.2px!important;color:#37332e!important;
  margin-bottom:16px!important;
}
.checkout-luxury-shell .luxury-checkout-form input,
.checkout-luxury-shell .luxury-checkout-form select,
.checkout-luxury-shell .luxury-checkout-form textarea{
  min-height:58px!important;box-sizing:border-box!important;
  margin-top:8px!important;padding:15px 17px!important;
  border-radius:12px!important;border:1.5px solid #d5c3a7!important;
  background:#fff!important;color:#1c1a17!important;
  font-size:17px!important;font-weight:500!important;letter-spacing:0!important;
  box-shadow:0 2px 0 rgba(255,255,255,.85),0 4px 14px rgba(82,61,27,.035)!important;
}
.checkout-luxury-shell .luxury-checkout-form input::placeholder,
.checkout-luxury-shell .luxury-checkout-form textarea::placeholder{font-size:16px!important;color:#9b958c!important}
.checkout-luxury-shell .luxury-checkout-form input:focus,
.checkout-luxury-shell .luxury-checkout-form select:focus,
.checkout-luxury-shell .luxury-checkout-form textarea:focus{
  border-color:#b78a35!important;box-shadow:0 0 0 4px rgba(183,138,53,.11)!important;
}
.checkout-luxury-shell .checkout-trust-row{
  margin-top:18px!important;padding:14px 15px!important;border-radius:10px!important;
}
.checkout-luxury-shell .checkout-trust-row b{font-size:12px!important}
.checkout-luxury-shell .checkout-trust-row small{font-size:10px!important}

@media(max-width:760px){
  .checkout-luxury-shell{padding:18px 12px 22px!important;border-radius:16px!important;width:calc(100% - 8px)!important}
  .checkout-luxury-shell .checkout-logo-centered{margin-bottom:14px!important}
  .checkout-luxury-shell .cart-lux-kicker{font-size:8px!important;letter-spacing:2.5px!important}
  .checkout-luxury-shell .checkout-progress{padding:12px 0 20px!important}
  .checkout-luxury-shell .progress-step b{font-size:9px!important;letter-spacing:1px!important}
  .checkout-luxury-shell .progress-step span{width:27px!important;height:27px!important;font-size:8px!important}
  .checkout-luxury-shell .checkout-order-card,
  .checkout-luxury-shell .luxury-checkout-form,
  .checkout-luxury-shell .checkout-payment-card{padding:18px 16px!important;border-radius:12px!important}
  .checkout-luxury-shell .section-kicker{gap:12px!important;margin-bottom:20px!important}
  .checkout-luxury-shell .section-kicker>span{width:44px!important;height:44px!important;min-width:44px!important;font-size:15px!important}
  .checkout-luxury-shell .section-kicker b{font-size:18px!important;letter-spacing:2px!important;line-height:1.15!important}
  .checkout-luxury-shell .section-kicker small{font-size:11px!important;letter-spacing:1.4px!important;line-height:1.35!important}
  .checkout-luxury-shell .checkout-heading>p:not(.eyebrow){font-size:18px!important;line-height:1.58!important;margin-bottom:24px!important}
  .checkout-luxury-shell .form-subtitle{font-size:14px!important;letter-spacing:2.2px!important;margin:22px 0 13px!important;padding-top:17px!important}
  .checkout-luxury-shell .luxury-checkout-form label{font-size:15px!important;margin-bottom:16px!important}
  .checkout-luxury-shell .luxury-checkout-form input,
  .checkout-luxury-shell .luxury-checkout-form select,
  .checkout-luxury-shell .luxury-checkout-form textarea{
    min-height:58px!important;padding:15px 17px!important;border-radius:12px!important;font-size:17px!important;
  }
  .checkout-luxury-shell .luxury-checkout-form input::placeholder,
  .checkout-luxury-shell .luxury-checkout-form textarea::placeholder{font-size:15px!important}
  .checkout-luxury-shell .address-city-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}
  .checkout-luxury-shell .address-city-grid label{min-width:0}
  .checkout-luxury-shell .address-city-grid select{font-size:15px!important;padding-right:9px!important}
  .checkout-luxury-shell .checkout-payment-card .section-kicker b{font-size:16px!important}
  .checkout-luxury-shell .payment-visual{padding:15px!important;border-radius:10px!important}
  .checkout-luxury-shell .payment-visual strong{font-size:19px!important}
  .checkout-luxury-shell .payment-visual span{font-size:10px!important;line-height:1.45!important}
  .checkout-luxury-shell .luxury-checkout-btn{height:62px!important;border-radius:10px!important;font-size:14px!important;letter-spacing:2px!important}
  .checkout-luxury-shell .checkout-microcopy{font-size:11px!important;line-height:1.45!important}
}

/* LEXUS PERFUMS — SIGNATURE MOBILE FORM FINISH */
.checkout-luxury-shell .luxury-checkout-form{position:relative;overflow:hidden}
.checkout-luxury-shell .luxury-checkout-form:before{content:"";position:absolute;right:-55px;top:-55px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(201,161,76,.16),rgba(201,161,76,0) 68%);pointer-events:none}
.checkout-luxury-shell .luxury-checkout-form .section-kicker,
.checkout-luxury-shell .luxury-checkout-form .form-subtitle,
.checkout-luxury-shell .luxury-checkout-form label,
.checkout-luxury-shell .luxury-checkout-form .checkout-trust-row{position:relative;z-index:1}
.checkout-luxury-shell .luxury-checkout-form .section-kicker>span{box-shadow:0 5px 16px rgba(0,0,0,.10)}
.checkout-luxury-shell .luxury-checkout-form .form-subtitle{color:#211e19;border-top-color:#dccdb2}
.checkout-luxury-shell .luxury-checkout-form label{font-family:inherit}
.checkout-luxury-shell .luxury-checkout-form input,
.checkout-luxury-shell .luxury-checkout-form select,
.checkout-luxury-shell .luxury-checkout-form textarea{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.checkout-luxury-shell .luxury-checkout-form input:focus,
.checkout-luxury-shell .luxury-checkout-form select:focus,
.checkout-luxury-shell .luxury-checkout-form textarea:focus{transform:translateY(-1px)}
@media(max-width:760px){
  .checkout-luxury-shell .luxury-checkout-form{padding:20px 17px 22px!important}
  .checkout-luxury-shell .luxury-checkout-form .checkout-heading>p:not(.eyebrow){font-size:18px!important;color:#39342e!important}
  .checkout-luxury-shell .luxury-checkout-form .form-subtitle{font-size:14px!important;font-weight:900!important}
  .checkout-luxury-shell .luxury-checkout-form label{font-size:16px!important;font-weight:800!important;color:#29251f!important}
  .checkout-luxury-shell .luxury-checkout-form input,
  .checkout-luxury-shell .luxury-checkout-form select,
  .checkout-luxury-shell .luxury-checkout-form textarea{min-height:60px!important;font-size:17px!important;padding:16px 17px!important;border-width:1.5px!important}
  .checkout-luxury-shell .luxury-checkout-form input::placeholder,
  .checkout-luxury-shell .luxury-checkout-form textarea::placeholder{font-size:15.5px!important}
  .checkout-luxury-shell .luxury-checkout-form .checkout-trust-row{padding:15px!important}
  .checkout-luxury-shell .luxury-checkout-form .checkout-trust-row b{font-size:12px!important}
  .checkout-luxury-shell .luxury-checkout-form .checkout-trust-row small{font-size:10px!important}
}

/* =========================================================
   LEXUS PERFUMS — BOTÓN CONTINUAR AL PAGO AL FINAL
   Nunca debe quedar fijo/sticky sobre los campos.
   ========================================================= */
.checkout-luxury-shell .luxury-checkout-btn{
  position:relative!important;
  inset:auto!important;
  bottom:auto!important;
  top:auto!important;
  margin-top:18px!important;
  z-index:1!important;
}
@media(max-width:760px){
  .checkout-luxury-shell .luxury-checkout-btn{
    position:relative!important;
    inset:auto!important;
    bottom:auto!important;
    top:auto!important;
    margin-top:18px!important;
    z-index:1!important;
  }
}

/* ===== SIN ZOOM AUTOMÁTICO EN PORTADA ===== */
.hero.hero-video-cover,
.hero.hero-video-cover::before,
.hero.hero-video-cover::after,
.hero-video-cover .hero-video-wrap,
.hero-video-cover .hero-video{
  animation:none!important;
  transform:none!important;
}
.hero-video-cover .hero-video{
  object-fit:contain!important;
  object-position:center top!important;
}

/* ===== CORRECCIÓN ÚNICA: BUSCADOR MÓVIL SIN ZOOM DE iPHONE =====
   Safari hace zoom automático al enfocar inputs con texto menor de 16px.
   Solo se ajusta el campo de búsqueda; no se toca la portada, video ni otras animaciones.
*/
@media(max-width:520px){
  .catalog-tools .search-wrap input{
    font-size:16px!important;
    -webkit-text-size-adjust:100%;
  }
}


/* =========================================================
   LEXUS PERFUMS — HERO LIMPIO + SOLO COMPRAR AHORA
   La animación/video original NO se modifica. Se oculta únicamente
   la franja inferior que venía incrustada en el video y se coloca
   encima el botón funcional.
   ========================================================= */
.hero.hero-video-cover{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  background:#050505!important;
}
.hero-video-cover .hero-video-wrap{
  position:relative!important;
  width:100%!important;
  max-width:620px!important;
  height:calc(100vw * 1.357421875)!important;
  max-height:843.6px!important;
  margin:0 auto!important;
  overflow:hidden!important;
  background:#050505!important;
  line-height:0!important;
}
.hero-video-cover .hero-video{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:center top!important;
  margin:0!important;
  filter:none!important;
}
.hero-buy-now{
  position:absolute!important;
  left:5%!important;
  right:5%!important;
  bottom:28px!important;
  height:64px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:22px!important;
  z-index:10!important;
  box-sizing:border-box!important;
  border:1.5px solid #d9b45f!important;
  border-radius:999px!important;
  background:rgba(5,5,5,.78)!important;
  color:#e7c87b!important;
  text-decoration:none!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:14px!important;
  font-weight:500!important;
  letter-spacing:4px!important;
  line-height:1!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.03) inset,0 10px 30px rgba(0,0,0,.35)!important;
  backdrop-filter:blur(3px)!important;
  -webkit-backdrop-filter:blur(3px)!important;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important;
}
.hero-buy-now:hover,
.hero-buy-now:focus-visible{
  transform:translateY(-2px)!important;
  background:rgba(15,13,9,.9)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.42),0 0 18px rgba(217,180,95,.12)!important;
}
.hero-buy-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;flex:0 0 30px!important}
.hero-buy-icon svg{width:26px!important;height:26px!important;fill:none!important;stroke:#e7c87b!important;stroke-width:1.5!important;stroke-linecap:round!important;stroke-linejoin:round!important;display:block!important}
.hero-buy-arrow{font-family:Arial,sans-serif!important;font-size:29px!important;line-height:1!important}
.hero-video-cover + .benefits{display:none!important}
@media(max-width:760px){
  .hero-video-cover .hero-video-wrap{
    width:100vw!important;
    max-width:none!important;
    height:135.7421875vw!important;
    max-height:none!important;
  }
  .hero-buy-now{
    left:5%!important;
    right:5%!important;
    bottom:24px!important;
    height:58px!important;
    gap:14px!important;
    font-size:12px!important;
    letter-spacing:3.1px!important;
    border-width:1.4px!important;
  }
  .hero-buy-icon{width:26px!important;height:26px!important;flex-basis:26px!important}.hero-buy-icon svg{width:23px!important;height:23px!important}
  .hero-buy-arrow{font-size:25px!important}
}


/* ===== LEXUS PERFUMS · CATEGORÍAS PREMIUM V1 ===== */
.collection-premium{
  background:#f8f5ee!important;
  padding:58px 18px 54px!important;
  border-bottom:1px solid #e3d7c3;
}
.collection-premium .collection-head{max-width:720px;margin:0 auto 30px!important}
.collection-premium .collection-head .eyebrow{
  color:#a77b26!important;
  font-size:10px!important;
  letter-spacing:4px!important;
}
.collection-premium .collection-head h2{
  color:#171717!important;
  font:500 34px/1.08 Georgia,'Times New Roman',serif!important;
  letter-spacing:.5px!important;
  margin:0 0 12px!important;
}
.collection-premium .collection-head>p:last-child{
  color:#756e63!important;
  font-size:13px!important;
  line-height:1.65!important;
}
.collection-premium .premium-categories{
  max-width:1120px!important;
  margin:0 auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:14px!important;
  background:transparent!important;
}
.collection-premium .cat{
  min-height:235px!important;
  height:235px!important;
  border:1px solid #d8c39b!important;
  border-radius:3px!important;
  padding:20px!important;
  color:#fff!important;
  background-size:cover!important;
  background-position:center!important;
  box-shadow:0 10px 28px rgba(49,35,13,.10)!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
.collection-premium .cat:hover{
  transform:translateY(-4px)!important;
  border-color:#b78b32!important;
  box-shadow:0 16px 34px rgba(49,35,13,.16)!important;
}
.collection-premium .cat-caballero{background-image:url("cat-caballero-vivid.jpg")!important}
.collection-premium .cat-dama{background-image:url("cat-dama-vivid.jpg")!important}
.collection-premium .cat-set{background-image:url("cat-sets-vivid.jpg")!important}
.collection-premium .cat:before{
  background:linear-gradient(180deg,rgba(0,0,0,.04) 15%,rgba(0,0,0,.25) 42%,rgba(0,0,0,.88) 100%)!important;
}
.collection-premium .cat:after{
  background:linear-gradient(135deg,rgba(222,184,101,.20),transparent 45%)!important;
}
.collection-premium .cat>div{
  position:absolute!important;
  left:20px!important;
  right:55px!important;
  bottom:20px!important;
  z-index:3!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:5px!important;
}
.collection-premium .cat small{
  font-size:8px!important;
  letter-spacing:2px!important;
  color:#dfc78e!important;
  font-weight:600!important;
}
.collection-premium .cat span{
  font:500 22px/1.05 Georgia,'Times New Roman',serif!important;
  letter-spacing:2px!important;
  color:#fff!important;
}
.collection-premium .cat em{
  font-style:normal!important;
  font-size:9px!important;
  line-height:1.35!important;
  letter-spacing:.8px!important;
  color:#eee7dc!important;
  text-transform:uppercase!important;
}
.collection-premium .cat>b{
  position:absolute!important;
  right:17px!important;
  top:17px!important;
  z-index:4!important;
  width:31px!important;
  height:31px!important;
  border:1px solid rgba(225,194,128,.75)!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#e3c27d!important;
  font-size:13px!important;
  font-weight:400!important;
  background:rgba(0,0,0,.20)!important;
}
@media(max-width:700px){
  .collection-premium{padding:46px 14px 42px!important}
  .collection-premium .collection-head{margin-bottom:24px!important}
  .collection-premium .collection-head h2{font-size:30px!important}
  .collection-premium .collection-head>p:last-child{font-size:12px!important}
  .collection-premium .premium-categories{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .collection-premium .cat{
    min-height:178px!important;
    height:178px!important;
    padding:17px!important;
  }
  .collection-premium .cat>div{left:17px!important;bottom:17px!important}
  .collection-premium .cat span{font-size:20px!important}
}


/* LEXUS PERFUMS — tipografía editorial premium elegida */
.collection-premium .collection-head .luxury-section-title{
  display:flex!important; flex-direction:column!important; align-items:center!important;
  gap:0!important; margin:0 0 14px!important; color:#17130e!important;
  font-size:0!important; line-height:.95!important; letter-spacing:0!important;
}
.collection-premium .luxury-section-title span{
  display:block!important; font-family:Georgia,'Times New Roman',serif!important;
  font-size:44px!important; line-height:.98!important; font-weight:500!important;
  letter-spacing:1px!important; color:#17130e!important;
}
.collection-premium .luxury-section-title em{
  display:block!important; margin-top:-1px!important;
  font-family:'Snell Roundhand','Segoe Script','Brush Script MT',cursive!important;
  font-size:51px!important; line-height:1.05!important; font-weight:400!important;
  font-style:normal!important; letter-spacing:.2px!important; color:#a77b26!important;
  transform:rotate(-2deg)!important;
}
.collection-premium .luxury-section-title em:after{
  content:""; display:block; width:72px; height:1px; margin:9px auto 0;
  background:linear-gradient(90deg,transparent,#b68a3b,transparent)!important;
}
.collection-premium .collection-head .luxury-section-subtitle{
  margin:18px auto 0!important; max-width:430px!important;
  color:#6d655b!important; font-family:Georgia,'Times New Roman',serif!important;
  font-size:13px!important; line-height:1.6!important; letter-spacing:.7px!important;
}
@media(max-width:600px){
 .collection-premium .luxury-section-title span{font-size:37px!important}
 .collection-premium .luxury-section-title em{font-size:44px!important}
 .collection-premium .collection-head .luxury-section-subtitle{font-size:12px!important;letter-spacing:.5px!important;margin-top:17px!important}
}


/* LEXUS PERFUMS — Opción 2: El arte de elegir TU ESENCIA */
.collection-premium .collection-head .luxury-section-title.option-two{
  gap:0!important;
}
.collection-premium .luxury-section-title.option-two em{
  order:1!important; margin-top:0!important;
  font-family:'Snell Roundhand','Segoe Script','Brush Script MT',cursive!important;
  font-size:52px!important; line-height:1.02!important; font-weight:400!important;
  font-style:normal!important; letter-spacing:.2px!important; color:#17130e!important;
  transform:rotate(-2deg)!important;
}
.collection-premium .luxury-section-title.option-two span{
  order:2!important; margin-top:-2px!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:42px!important; line-height:1!important; font-weight:500!important;
  letter-spacing:1.5px!important; color:#a77b26!important;
}
.collection-premium .luxury-section-title.option-two em:after{
  content:none!important;
}
.collection-premium .luxury-section-title.option-two span:after{
  content:""; display:block; width:72px; height:1px; margin:10px auto 0;
  background:linear-gradient(90deg,transparent,#b68a3b,transparent)!important;
}
@media(max-width:600px){
 .collection-premium .luxury-section-title.option-two em{font-size:43px!important}
 .collection-premium .luxury-section-title.option-two span{font-size:34px!important; letter-spacing:1.2px!important}
}


/* LEXUS PERFUMS — CORRECCIÓN DEFINITIVA DEL CTA DE PRODUCTO
   1) El bloque de cantidad/Agregar al carrito NO debe seguir el scroll.
   2) No debe existir una franja negra detrás del bloque.
*/
.product-detail .detail-buy {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  inset: auto !important;
  background: transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  margin-top: 4px !important;
  margin-bottom: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  z-index: auto !important;
}
.product-detail .detail-buy::before,
.product-detail .detail-buy::after {
  content: none !important;
  display: none !important;
}
@media (max-width:760px) {
  .product-detail .detail-buy {
    position: static !important;
    inset: auto !important;
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin-top: 4px !important;
  }
}
