/* Escencia Pizano: restrained navy and gold storefront. */
body>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(20px,3vw,52px);padding:18px 5.5%;min-height:96px;background:#0b1927;color:#f5f0e6;border-bottom:1px solid var(--market-accent,#c9aa65);box-shadow:none}
body>header a{color:inherit;text-decoration:none}
body>header .brand{display:block;color:var(--market-accent,#c9aa65);line-height:1}
body>header nav{display:flex;justify-content:center;align-items:center;gap:clamp(20px,3vw,44px);font:400 12px/1.5 Arial,sans-serif;letter-spacing:.04em}
body>header nav a{position:relative;padding:9px 0;white-space:nowrap}
body>header nav a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--market-accent,#c9aa65);transform:scaleX(0);transform-origin:left;transition:transform .2s}
body>header nav a:hover::after,body>header nav a:focus-visible::after{transform:scaleX(1)}
body>header a:hover{color:var(--market-accent,#c9aa65)}
body>header .account-links{display:flex;align-items:center;gap:20px;font:400 11px/1.5 Arial,sans-serif;white-space:nowrap}
body>header .account-links svg{width:23px;height:23px;stroke-width:1.25;color:inherit}
body>header .account-links>a:last-child{padding-left:20px;border-left:1px solid #ffffff30}
body>header a:focus-visible{outline:2px solid var(--market-accent,#c9aa65);outline-offset:6px}
.announcement{background:#0b1927;color:#c9aa65}
.hero:not([data-theme-hero]){grid-template-columns:60% 40%;min-height:650px;background-position:center}
.hero:not([data-theme-hero]) .hero-copy{padding:clamp(65px,7vw,110px) 7% 40px;background:linear-gradient(90deg,#0b1927ed,#0b19278c,transparent);color:#f5f0e6}
.hero:not([data-theme-hero]) .hero-copy h1{font-size:clamp(42px,4.7vw,72px);line-height:1.08;letter-spacing:-.035em;max-width:22ch;color:inherit;text-wrap:balance}
.hero:not([data-theme-hero]) .hero-copy .eyebrow{color:var(--market-accent,#c9aa65);letter-spacing:.28em;font-size:10px}
.hero:not([data-theme-hero]) .hero-copy .intro{color:#f5f0e6;font-size:15px;line-height:1.8;max-width:40ch}
.hero:not([data-theme-hero]) .hero-copy .button.gold{background:transparent;color:var(--market-accent,#c9aa65);border:1px solid var(--market-accent,#c9aa65);padding:18px 26px;font-weight:400;text-decoration:none;transition:background .2s}
.hero:not([data-theme-hero]) .hero-copy .button.gold:hover{background:#c9aa6518}
.hero:not([data-theme-hero]) .hero-link{color:#f5f0e6;text-decoration:none}
@media(max-width:1000px){body>header{grid-template-columns:auto minmax(0,1fr) auto;gap:16px;padding:16px 5%}body>header nav{grid-column:auto;grid-row:auto;justify-content:center;border-top:0;padding-top:0;gap:22px}.hero:not([data-theme-hero]){grid-template-columns:65% 35%;min-height:580px}}
@media(max-width:700px){body>header{min-height:0;padding:15px 4%;gap:12px}body>header .brand{max-width:25vw}body>header .brand img{max-width:100%!important}body>header nav{justify-content:flex-start;min-width:0;gap:16px;font-size:11px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}body>header nav::-webkit-scrollbar{display:none}body>header .account-links{gap:12px;font-size:10px}body>header .account-links>a:last-child{padding-left:12px}.hero:not([data-theme-hero]) .hero-copy h1{font-size:clamp(38px,6.5vw,52px)}}
@media(max-width:520px){.hero:not([data-theme-hero]){grid-template-columns:1fr;min-height:0;background:none}.hero:not([data-theme-hero]) .hero-copy{padding:48px 7% 32px;background:linear-gradient(90deg,#0b1927f5,#0b1927de),url('/escencia/assets/wood-story-v2.webp') center/cover}.hero:not([data-theme-hero]) .hero-copy h1{font-size:42px;max-width:18ch}.hero:not([data-theme-hero]) .hero-copy .intro{font-size:14px}.hero:not([data-theme-hero]) .hero-art{height:430px}}
@media(prefers-reduced-motion:reduce){body>header nav a::after,.hero:not([data-theme-hero]) .button{transition:none}}

/* Hover belongs to the editable menu links; the main logo stays complete. */
body>header nav a{padding-left:25px;transition:color .2s}
body>header nav a::before{content:"";position:absolute;left:0;top:50%;width:18px;height:24px;transform:translateY(-50%);background:#e0bd63;mask-image:url("/escencia/monogram.png");mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-image:url("/escencia/monogram.png");-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;opacity:0;transition:opacity .2s;pointer-events:none}
body>header nav a:hover,body>header nav a:focus-visible{color:#e0bd63}
body>header nav a:hover::before,body>header nav a:focus-visible::before{opacity:1}
body>header nav a::after{display:none}
@media(prefers-reduced-motion:reduce){body>header nav a,body>header nav a::before{transition:none}}

/* Full-width storefront and uncropped editorial photography. */
html{width:100%;max-width:none;margin:0;padding:0}
html body{width:100%;max-width:none;margin:0;padding:0}
body>header,body>main,body>.announcement,body>footer{width:100%;max-width:none;margin-left:0;margin-right:0;box-sizing:border-box}
@media(min-width:521px){.hero:not([data-theme-hero]){width:100%;max-width:none;margin:0;background-image:url("/escencia/assets/hero-collection-v1.webp");background-size:auto 100%;background-position:right center;background-repeat:no-repeat;background-color:#0b1927}.hero:not([data-theme-hero]) .hero-art{background:none}}
@media(max-width:520px){.hero:not([data-theme-hero]) .hero-art{background-image:url("/escencia/assets/hero-collection-v1.webp");background-size:auto 100%;background-position:right center;background-repeat:no-repeat;background-color:#0b1927}}

/* Compact desktop hero: size the photograph by height to preserve the bottle. */
@media(min-width:1100px){
.hero:not([data-theme-hero]){--market-hero-height:clamp(600px,74vh,760px);position:relative;isolation:isolate;aspect-ratio:auto;min-height:600px;height:var(--market-hero-height);grid-template-columns:44% 56%;background-size:0 0;background-color:#0b1927}
.hero:not([data-theme-hero]) .hero-copy{position:relative;z-index:1;justify-content:center;padding:40px 9% 30px;background:linear-gradient(90deg,#0b1927ed,#0b1927a6 65%,transparent)}
.hero:not([data-theme-hero])::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:inherit;background-size:auto 100%;background-position:right center;background-repeat:no-repeat;mask-image:linear-gradient(to right,transparent max(0px,calc(100% - var(--market-hero-height)*var(--market-photo-ratio,1.5))),#000 max(240px,calc(100% - var(--market-hero-height)*var(--market-photo-ratio,1.5) + 240px)));-webkit-mask-image:linear-gradient(to right,transparent max(0px,calc(100% - var(--market-hero-height)*var(--market-photo-ratio,1.5))),#000 max(240px,calc(100% - var(--market-hero-height)*var(--market-photo-ratio,1.5) + 240px)))}
.hero:not([data-theme-hero]) .hero-art{z-index:1;min-height:0}
.hero:not([data-theme-hero]) .hero-art>img{height:100%;max-height:100%;min-height:0}
.hero:not([data-theme-hero]) .hero-copy h1{font-size:clamp(42px,3.5vw,58px)}
.hero:not([data-theme-hero]) .hero-copy .intro{margin:22px 0}
.hero:not([data-theme-hero]) .hero-link{margin:20px 0}
.hero:not([data-theme-hero]) .hero-bottom{margin-top:28px}
}

/* Panorama ratio applies only to the supplied collection image. Uploaded photos remain editable. */
.hero:not([data-theme-hero]):not([style*="background-image"]),.hero:not([data-theme-hero])[style*="hero-collection-v1.webp"]{--market-photo-ratio:3}

/* Editorial collection: original product photography on a continuous white surface. */
#coleccion.collection{background:#fff;color:#153750;padding:64px clamp(16px,5vw,80px) 72px}
#coleccion .section-top{display:block;text-align:center;max-width:760px;margin:0 auto 34px}
#coleccion .section-top .eyebrow{color:#506b83;font-size:10px;letter-spacing:.24em;margin-bottom:16px}
#coleccion .section-top h2{color:#153750;font-size:clamp(36px,4.5vw,60px);line-height:1.1;letter-spacing:-.03em}
#coleccion .section-top>p{color:#506b83;font-size:15px;line-height:1.7;margin-top:18px}
#coleccion .catalog-tools{margin:30px 0 20px;gap:24px}
#coleccion .filters button{min-height:44px;border-color:#c2d0dc;color:#153750}
#coleccion .filters button.active,#coleccion .filters button[aria-pressed=true]{background:#153750;color:#fff;border-color:#153750}
#coleccion .result-count{font-size:11px;color:#506b83;margin-bottom:24px}
#coleccion #products.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px;row-gap:0;align-items:stretch}
#coleccion #products>.product-card{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0;min-width:0;padding:0 0 40px;margin:0;background:#fff;color:#153750;border:0;border-radius:0;box-shadow:none}
#coleccion #products .image-button{aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;background:#faf7f3;border:0;border-radius:0;overflow:hidden;margin:0}
#coleccion #products .image-button img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;mix-blend-mode:normal;transition:transform .3s ease}
#coleccion #products .badge{top:14px;left:14px;max-width:calc(100% - 28px);padding:7px 10px;border:1px solid #a9bdce;border-radius:3px;background:#fff;color:#153750;font-size:9px;line-height:1.4;letter-spacing:.04em}
#coleccion #products .product-card:has(.mini-add:not(:disabled)) .badge{background:#153750;border-color:#153750;color:#fff}
#coleccion #products h3{font-size:clamp(26px,2.7vw,36px);line-height:1.15;letter-spacing:-.02em;margin:18px 0 7px;overflow-wrap:anywhere;align-self:start}
#coleccion #products h3 a{color:#153750;text-decoration:none}
#coleccion #products h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
#coleccion #products .product-card>p{font-size:13px;line-height:1.6;color:#506b83;min-height:0;margin:0 0 14px;overflow-wrap:anywhere}
#coleccion #products .product-bottom{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:14px;margin:0;min-width:0}
#coleccion #products .price{font-size:15px;font-weight:500;line-height:1.5;color:#153750}
#coleccion #products .mini-add{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:12px 14px;margin:0;border:1px solid #153750;border-radius:4px;background:#153750;color:#fff;font-size:13px;font-weight:600;line-height:1.4;box-shadow:none;opacity:1;transition:box-shadow .2s ease;text-align:center}
#coleccion #products .mini-add:disabled{background:#fff;color:#64778a;border-color:#a6b7c7;cursor:not-allowed;opacity:1}
#coleccion #products a:focus-visible,#coleccion #products button:focus-visible{outline:2px solid #153750;outline-offset:4px}
#coleccion #products>.empty{grid-column:1/-1;padding:30px 0;color:#506b83}
@media(hover:hover){#coleccion #products .mini-add:not(:disabled):hover{background:#153750;color:#fff;border-color:#153750;box-shadow:0 0 18px #387ebd45}}
@media(max-width:800px){#coleccion #products.products{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}#coleccion.collection{padding-top:44px;padding-bottom:44px}}
@media(max-width:520px){#coleccion.collection{padding-left:16px;padding-right:16px}#coleccion .section-top{margin-bottom:24px}#coleccion .section-top h2{font-size:36px}#coleccion .section-top>p{font-size:14px}#coleccion #products.products{column-gap:16px}#coleccion #products>.product-card{padding-bottom:30px}#coleccion #products h3{font-size:26px;margin-top:13px}#coleccion #products .product-card>p{font-size:12px;line-height:1.5;margin-bottom:12px}#coleccion #products .price{font-size:12px;overflow-wrap:anywhere}#coleccion #products .mini-add{min-height:46px;padding:10px 6px;font-size:11px}#coleccion #products .badge{top:8px;left:8px;max-width:calc(100% - 16px);font-size:8px;padding:5px 7px}#coleccion #products .product-bottom{gap:10px}}
@media(prefers-reduced-motion:reduce){#coleccion #products .image-button img,#coleccion #products .mini-add{transition:none}#coleccion #products .image-button:hover img{transform:none}}

/* Product purchase controls: navy surfaces and an emerald signature. */
.product-page .product-purchase-actions{gap:12px;max-width:none}
.product-page .product-purchase-actions button.button:is([data-store-add],[data-buy-now]),
.product-page .product-purchase-actions button.button[data-buy-now]{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;box-sizing:border-box;padding:14px 44px;border:1px solid #153750!important;border-radius:4px;background:#153750!important;color:#fff!important;font:500 16px/1.4 'Cormorant Garamond',Georgia,serif;letter-spacing:.01em;text-align:center;box-shadow:none;filter:none;transform:none;transition:box-shadow .2s ease}
.product-page .product-purchase-actions button.button[data-buy-now]{background:#fff!important;color:#153750!important}
.product-page .product-purchase-actions button:is([data-store-add],[data-buy-now])::after{content:"";position:absolute;right:24px;top:50%;width:2px;height:24px;background:#16b98a;transform:translateY(-50%) skewX(-22deg);box-shadow:none;pointer-events:none;transition:transform .2s ease,box-shadow .2s ease}
.product-page .product-purchase-actions button:is([data-store-add],[data-buy-now]):disabled::after{display:none}
.product-page .product-purchase-actions button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
.product-page .product-purchase-actions button:focus-visible{outline:2px solid #153750;outline-offset:4px}
.product-page .product-purchase-actions button:is([data-store-add],[data-buy-now]):focus-visible::after{box-shadow:0 0 9px #16b98a99}
@media(hover:hover) and (pointer:fine){
 .product-page .product-purchase-actions button:is([data-store-add],[data-buy-now]):not(:disabled):hover{box-shadow:5px 0 16px -8px #16b98a99}
 .product-page .product-purchase-actions button:is([data-store-add],[data-buy-now]):not(:disabled):hover::after{transform:translate(4px,-50%) skewX(-22deg);box-shadow:0 0 8px #16b98acc,0 0 15px #16b98a66}
 .product-page .product-purchase-actions button[data-buy-now]:not(:disabled):hover{box-shadow:0 0 18px #16b98a66,0 3px 12px #15375014}
}
@media(hover:none){.product-page .product-purchase-actions button:is([data-store-add],[data-buy-now]):not(:disabled):active::after{box-shadow:0 0 9px #16b98a99}}
@media(max-width:520px){.product-page .product-purchase-actions button.button:is([data-store-add],[data-buy-now]),.product-page .product-purchase-actions button.button[data-buy-now]{font-size:16px;padding:13px 36px;min-height:50px}.product-page .product-purchase-actions button:is([data-store-add],[data-buy-now])::after{right:18px;height:22px}}
@media(prefers-reduced-motion:reduce){.product-page .product-purchase-actions button.button,.product-page .product-purchase-actions button:is([data-store-add],[data-buy-now])::after{transition:none}.product-page .product-purchase-actions button:is([data-store-add],[data-buy-now]):hover::after{transform:translateY(-50%) skewX(-22deg)}}

/* A larger image-led purchase section with the full bottle visible. */
.product-page{width:100%;max-width:1500px;margin:0 auto;padding:36px clamp(18px,4vw,64px) 56px}
.product-page .detail-layout:not(.layout-top){grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:clamp(28px,4vw,64px);align-items:start}
.product-page .detail-layout .detail-copy{min-width:0;padding-top:clamp(18px,3vw,42px)}
.product-page .product-gallery{width:100%;min-width:0}
.product-page .ratio-square .gallery-slide{aspect-ratio:4/5}
.product-page .product-gallery .gallery-slide{max-height:760px}
.product-page .fit-contain .gallery-slide{object-fit:contain}
.product-page .gallery-thumb{width:66px;height:72px}
@media(max-width:700px){.product-page{padding:24px 18px 40px}.product-page .detail-layout:not(.layout-top){grid-template-columns:minmax(0,1fr);gap:22px}.product-page .detail-layout .detail-copy{padding:0}.product-page .product-gallery .gallery-slide{max-height:540px}.product-page .gallery-thumb{width:58px;height:64px}}

/* Editorial typography in the product purchase introduction. */
.product-page .detail-copy .product-house{margin:0 0 28px;color:#506b83;font-size:10px;line-height:1.9;letter-spacing:.2em;text-transform:uppercase}
.product-page .detail-copy .product-house p{margin:0}
.product-page .detail-copy h1{font-size:clamp(48px,5.5vw,78px);line-height:1.05;letter-spacing:-.035em;margin:0 0 18px}
.product-page .detail-copy .product-presentation{font-size:13px;letter-spacing:.16em;color:#506b83;margin:0 0 28px}
.product-page .detail-copy .product-intro-line{position:relative;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(21px,2vw,27px);line-height:1.45;color:#506377;max-width:30ch;padding-top:26px;margin:0 0 28px}
.product-page .detail-copy .product-intro-line::before{content:"";position:absolute;left:0;top:0;width:46px;height:1px;background:#8da5ba}
.product-page .detail-copy>.price{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(26px,2.6vw,36px);line-height:1.25;margin:28px 0;color:#153750}
.product-page .product-purchase-actions button[data-buy-now]:focus-visible{box-shadow:0 0 16px #16b98a66}
@media(hover:none){.product-page .product-purchase-actions button[data-buy-now]:not(:disabled):active{box-shadow:0 0 16px #16b98a66}}
@media(max-width:700px){.product-page .detail-copy .product-house{margin-bottom:20px;font-size:9px}.product-page .detail-copy h1{font-size:48px}.product-page .detail-copy .product-presentation{font-size:12px;margin-bottom:20px}.product-page .detail-copy .product-intro-line{font-size:23px;margin-bottom:22px}.product-page .detail-copy>.price{font-size:29px;margin:22px 0}}

/* Quiet collection-return control, independent of purchase buttons. */
.product-page>a.product-back-link{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:44px;max-width:100%;padding:10px 16px;border:1px solid #bdcddd;border-radius:3px;background:#fff;color:#153750;font:500 12px/1.5 Manrope,Arial,sans-serif;text-decoration:none;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}
.product-page>a.product-back-link svg{width:19px;height:19px;flex:0 0 19px;transition:transform .2s ease}
.product-page>a.product-back-link span{overflow-wrap:anywhere}
.product-page>a.product-back-link:hover{border-color:#153750;box-shadow:0 3px 12px #1537500b;color:#153750}
.product-page>a.product-back-link:hover svg{transform:translateX(-3px)}
.product-page>a.product-back-link:focus-visible{outline:2px solid #153750;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.product-page>a.product-back-link,.product-page>a.product-back-link svg{transition:none}.product-page>a.product-back-link:hover svg{transform:none}}

/* Consistent purchase signature across the collection and product recommendations. */
#coleccion #products .mini-add,
.related-fragrances .related-card button[data-store-add],
.sticky-product-buy button[data-store-add]{position:relative;display:flex;align-items:center;justify-content:center;min-height:52px;padding:12px 36px;box-sizing:border-box;background:#153750!important;color:#fff!important;border:1px solid #153750!important;border-radius:4px;font:500 16px/1.4 'Cormorant Garamond',Georgia,serif;text-align:center;opacity:1;filter:none;transform:none;box-shadow:none;transition:box-shadow .2s ease}
#coleccion #products .mini-add::after,
.related-fragrances .related-card button[data-store-add]::after,
.sticky-product-buy button[data-store-add]::after{content:"";position:absolute;right:20px;top:50%;width:2px;height:23px;background:#16b98a;transform:translateY(-50%) skewX(-22deg);box-shadow:none;pointer-events:none;transition:transform .2s ease,box-shadow .2s ease}
#coleccion #products .mini-add:disabled,
.related-fragrances .related-card button[data-store-add]:disabled,
.sticky-product-buy button[data-store-add]:disabled,
body .product-page .product-purchase-actions button.button:is([data-store-add],[data-buy-now]):disabled{background:#e6e8ea!important;color:#626b73!important;border-color:#c5cbd0!important;opacity:1;cursor:not-allowed;box-shadow:none!important;filter:none}
#coleccion #products .mini-add:disabled::after,
.related-fragrances .related-card button[data-store-add]:disabled::after,
.sticky-product-buy button[data-store-add]:disabled::after{display:none}
@media(hover:hover) and (pointer:fine){
 #coleccion #products .mini-add:not(:disabled):hover,
 .related-fragrances .related-card button[data-store-add]:not(:disabled):hover,
 .sticky-product-buy button[data-store-add]:not(:disabled):hover{box-shadow:0 0 16px #16b98a44}
 #coleccion #products .mini-add:not(:disabled):hover::after,
 .related-fragrances .related-card button[data-store-add]:not(:disabled):hover::after,
 .sticky-product-buy button[data-store-add]:not(:disabled):hover::after{transform:translate(3px,-50%) skewX(-22deg);box-shadow:0 0 8px #16b98acc,0 0 14px #16b98a66}
}
#coleccion #products .mini-add:focus-visible{outline:2px solid #153750;outline-offset:4px}
@media(max-width:520px){#coleccion #products .mini-add{min-height:60px;font-size:14px;padding:10px 27px}#coleccion #products .mini-add::after{right:13px;height:22px}}
@media(prefers-reduced-motion:reduce){#coleccion #products .mini-add,.related-fragrances .related-card button[data-store-add],.sticky-product-buy button[data-store-add],#coleccion #products .mini-add::after,.related-fragrances .related-card button[data-store-add]::after,.sticky-product-buy button[data-store-add]::after{transition:none}#coleccion #products .mini-add:hover::after,.related-fragrances .related-card button[data-store-add]:hover::after,.sticky-product-buy button[data-store-add]:hover::after{transform:translateY(-50%) skewX(-22deg)}}