/* Editorial typography and layout corrections for Parfum Roma. */
:root{--font-display:'Cormorant Garamond',Georgia,serif;--font-body:'Outfit',sans-serif}
body{font-family:var(--font-body)}
.logo-text h1{font-family:var(--font-display);font-weight:600;font-size:25px;letter-spacing:1.5px;line-height:1.05}
.hero{height:auto!important;min-height:620px;padding:80px 24px;isolation:isolate;background-repeat:no-repeat}
.hero-content{width:100%;max-width:900px}
.hero h2{font-family:var(--font-display);font-size:clamp(44px,6.5vw,84px)!important;font-weight:500!important;line-height:1.06;letter-spacing:-1px!important;text-transform:none;color:#f6f0e5;margin-bottom:24px}
.hero h2 span{font-family:inherit;font-size:inherit;font-weight:500!important;font-style:italic;display:inline}
.hero p{margin:0 auto 24px;line-height:1.8;font-size:12px!important;letter-spacing:2px!important}
.hero .btn-wpp{font-family:var(--font-body);font-size:12px;letter-spacing:1.4px;min-height:48px}
.scent-intro h2,.scent-dialog h2,.scent-option strong,.section h2,footer h2{font-family:var(--font-display);font-weight:500;letter-spacing:-.5px;line-height:1.12}
.scent-intro h2{font-size:clamp(40px,4.6vw,60px)}
.scent-dialog h2{font-size:38px;padding-right:12px}
.scent-option strong{font-size:27px}
.scent-intro{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:64px}
.section{padding-top:64px;scroll-margin-top:90px}
.section h2{font-size:46px;margin:0 20px 24px;color:var(--text-main)}
#disenador{scroll-margin-top:104px;margin-top:64px}
.search-container{margin:0 auto 24px;width:calc(100% - 40px);z-index:auto}
#searchInput{border-radius:2px;box-shadow:none;font-size:16px;padding:16px 20px;color:var(--text-main)}
#searchInput:focus{transform:none;background:var(--bg-input);box-shadow:none}
.producto img,.producto:hover img{transform:none;object-fit:contain}
.producto h3{font-size:17px;font-weight:400;letter-spacing:.3px;text-transform:none;overflow-wrap:anywhere;min-height:0}
.producto .info{gap:12px;padding:28px 20px;min-width:0}
.producto h3,.producto .precio,.producto .desc{margin-bottom:0}
.producto .precio{font-size:20px;font-weight:400;letter-spacing:.2px}
.producto .btn-wpp{margin-top:auto;font:500 12px var(--font-body);letter-spacing:.5px;min-height:48px}
.desc{font-size:14px;font-weight:400;max-width:100%}
footer h2{font-size:38px}footer>p:last-child{color:var(--text-muted)!important}
a:focus-visible,button:focus-visible,[role=button]:focus-visible{outline:2px solid var(--primary)!important;outline-offset:4px}
.quick-label{display:none}
body:has(.cart-sidebar.active) .quick-actions{visibility:hidden}
@media(max-width:900px){.scent-intro{gap:40px;padding:40px 32px}.scent-orbit{width:170px;height:170px}.scent-orbit>span:not(.scent-monogram){letter-spacing:1px;font-size:8px}.scent-orbit>span:nth-child(3){right:-30px}}
@media(max-width:768px){
 body{padding-bottom:calc(72px + env(safe-area-inset-bottom));background:var(--bg-dark)}
 .header{padding:8px 16px}.logo-text h1{font-size:21px}.logo-container{gap:9px}.logo-text span{font-size:9px;letter-spacing:0}.header-actions{gap:4px}
 .theme-toggle,.menu-toggle{width:44px;height:44px;flex-shrink:0}
 .hero{min-height:calc(100svh - 144px);align-items:center;padding:64px 24px!important}
 .hero h2{font-size:clamp(44px,8vw,66px)!important;letter-spacing:-.6px!important}
 .hero h2 span{font-size:inherit;display:inline;margin:0}
 .hero-content>div{margin-top:28px!important;gap:12px!important}
 .hero .btn-wpp{width:100%!important;max-width:360px;padding:16px 20px!important;letter-spacing:1px}
 .section{padding-top:40px}.section h2{font-size:38px;margin-bottom:24px}
 .catalogo{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:16px}
 .producto img{height:auto;aspect-ratio:4/5;object-fit:contain;padding:8px;background:var(--bg-input)}
 .producto .info{padding:24px 12px 16px;gap:10px;background:var(--bg-card)}
 .producto h3{font-size:15px;line-height:1.35;letter-spacing:0}.producto .precio{font-size:17px}
 .producto .btn-wpp{font-size:11px;padding:12px 6px;letter-spacing:0}
 .quick-actions{position:fixed;inset:auto 0 0;z-index:1100;background:var(--bg-card);border-top:1px solid rgba(212,175,55,.25);padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:flex;gap:12px;align-items:center;justify-content:center}
 .quick-actions .whatsapp-float,.quick-actions .cart-float{position:relative;inset:auto;width:auto;height:48px;flex:1;max-width:260px;display:flex;gap:10px;justify-content:center;align-items:center;box-shadow:none;border-radius:2px;margin:0;transform:none}
 .quick-actions .whatsapp-float{background:transparent;color:var(--text-main);border:1px solid rgba(212,175,55,.3);text-decoration:none}
 .quick-actions .whatsapp-float img{width:24px;height:24px}.quick-actions .cart-float{background:var(--primary);color:#111}
 .quick-label{display:inline;font:500 13px var(--font-body)}
 .quick-actions .cart-float-icon{font-size:20px}
 .quick-actions #cart-float-count{position:static;min-width:20px;height:20px;line-height:20px;font-size:11px;margin:0}
 .cart-sidebar{height:100dvh}.cart-header{flex-shrink:0}.cart-items{min-height:0}
 .scent-dialog h2{font-size:33px}
}
@media(max-width:580px){.scent-intro{grid-template-columns:1fr;margin:24px 16px 0;padding:32px 24px;gap:40px}.scent-intro h2{font-size:44px}.scent-orbit{margin:8px auto 16px}.scent-dialog{padding:48px 20px 24px}.scent-dialog h2{font-size:32px}.scent-result h3{font-size:16px}.scent-option strong{font-size:25px}}
@media(max-width:360px){.logo-text h1{font-size:18px}.logo-container img{width:36px;height:36px}.header{padding:8px 10px}.catalogo{gap:10px;padding:12px}.producto .info{padding:24px 8px 14px}.producto h3{font-size:14px}.scent-intro h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){.hero h2,.hero p{animation:none;opacity:1}.producto,.producto img{transition:none}.producto:hover{transform:none}}
/* Keep the monogram clear of the aroma labels at every breakpoint. */
.scent-monogram{font-family:var(--font-display);font-size:42px;line-height:1;letter-spacing:-1px}
.scent-orbit>span:not(.scent-monogram){line-height:1.2;padding:6px}
@media(min-width:901px){.scent-monogram{font-size:52px}}
@media(max-width:900px){.scent-monogram{font-size:36px}}
body.light-mode .logo-text h1,body.light-mode .scent-intro h2 em,body.light-mode .scent-monogram,body.light-mode .producto .precio,body.light-mode .menu-toggle{color:#806318}
body.light-mode #searchInput::placeholder{color:#69645b}
@media(min-width:769px){.quick-actions .whatsapp-float,.quick-actions .cart-float{width:52px;height:52px}}