/* Narrow-screen layout, loaded last. Desktop editorial layouts remain intact. */
/* Fluid defaults preserve natural image proportions at every viewport width. */
main img{max-width:100%;height:auto}
main :is(video,iframe){max-width:100%}
main :is(figure,aside,article){min-width:0}
main :is(h1,h2,h3,p,dd,figcaption){overflow-wrap:break-word}
body[data-mobile-kind="product"] .caption{white-space:normal;overflow-wrap:anywhere}
body[data-mobile-kind="product"] .vere-capacities{max-width:100%;white-space:normal;flex-wrap:wrap;gap:8px 12px}
body[data-mobile-kind="product"] :is(.scent-notes,.fragrance-layers){container-type:inline-size}
body[data-mobile-kind="product"] .scent-notes>div{grid-template-columns:minmax(7rem,.3fr) minmax(0,1fr)}
@container(max-width:30rem){body[data-mobile-kind="product"] .scent-notes>div,body[data-mobile-kind="product"] dl.fragrance-layers>.fragrance-layer{grid-template-columns:minmax(0,1fr);gap:8px}}

.vere-mobile-menu-button{display:none}
  /* A compact brand row with a deliberate, touch-sized navigation disclosure. */
  body.vere-commerce-enabled>header.site-header[data-compact-navigation],
  body.vere-mobile-footer-tools>header.site-header[data-compact-navigation]{height:84px!important;min-height:84px!important;max-height:none;padding:12px 20px;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;position:sticky;top:0;overflow:visible;z-index:40}
  html.paged body>header.site-header[data-compact-navigation]{position:fixed;inset:0 0 auto}
  body>header.site-header[data-compact-navigation]>.logo{position:static;transform:none;justify-self:center;width:auto;font-size:32px;line-height:1;letter-spacing:.16em;padding:0 0 0 .16em}
  body>header.site-header[data-compact-navigation]>.logo small{display:block;font-size:6px;line-height:1;margin-top:8px}
  body>header.site-header[data-compact-navigation]>.vere-mobile-menu-button{position:absolute;left:14px;top:20px;display:inline-flex;width:48px;height:44px;align-items:center;justify-content:center;padding:10px;border:0;background:transparent;color:#e7d6ae;cursor:pointer}
  .vere-mobile-menu-button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5}
  .vere-mobile-menu-button:focus-visible{outline:2px solid #c6ad76;outline-offset:2px}
  body>header.site-header[data-compact-navigation]>nav{display:none;position:absolute;top:100%;left:0;width:100%;min-height:0;max-height:calc(100svh - 84px);overflow-y:auto;background:#111210;padding:12px 20px 24px;border-top:1px solid #c6ad7633;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;box-sizing:border-box}
  body>header.site-header[data-compact-navigation][data-menu-open]>nav{display:grid}
  body>header.site-header[data-compact-navigation]>nav a,
  body.vere-mobile-footer-tools>header.site-header[data-compact-navigation]>nav a{display:flex;align-items:center;justify-content:flex-start;min-height:48px!important;font-size:15px!important;line-height:1.5;white-space:normal;text-align:left!important;padding:10px 0!important;min-width:0;overflow-wrap:anywhere}
  html.paged body.vere-commerce-enabled main{top:var(--vere-mobile-header-height,84px)}

@media(max-width:760px){
  /* HTML source dimensions reserve space, but must not fix the rendered height. */
  main img[width][height]{max-width:100%;height:auto}
  main video,main iframe{max-width:100%}
  main :is(h1,h2,h3,p,dd,figcaption){overflow-wrap:break-word}
  main :is(figure,aside,article){min-width:0}
  body[data-mobile-kind="product"] main :is(.intro-copy,.description,.editorial-copy,.scent-copy,.story,.campaign-edit,.fragrance-story) p{font-size:16px;line-height:1.85}
  body[data-mobile-kind="product"] main figcaption p{font-size:15px}
  body[data-mobile-kind="product"] main :is(.family,.keywords,.source){font-size:14px;line-height:1.75}
  body[data-mobile-kind="product"] dl.fragrance-layers>.fragrance-layer,
  body[data-mobile-kind="product"] .scent-notes>div{grid-template-columns:minmax(0,1fr);gap:6px}
  body[data-mobile-kind="product"] dl.fragrance-layers dt{font-size:15px;line-height:1.6}
  body[data-mobile-kind="product"] dl.fragrance-layers dd{font-size:16px;line-height:1.85}
  body[data-mobile-template="women02"] .hero>img{height:auto;aspect-ratio:auto;object-fit:contain}
  body[data-mobile-template="women02"] .hero>img.hero-relit{height:auto;aspect-ratio:auto}
  body[data-mobile-template="women02"] .light-toggle{top:calc(56.25vw - 48px)}
  body[data-mobile-kind="product"] .vere-enquiry-links{gap:8px 16px}
  body[data-mobile-kind="product"] .vere-enquiry-links a{min-height:44px}
  body[data-mobile-kind="product"] .hero h1{overflow-wrap:break-word}
  .site-footer :is(nav,.footer-company,.footer-brand){min-width:0}
  .site-footer a{overflow-wrap:anywhere}
  .service-facts-contact,.vere-enquiry-links{min-width:0;max-width:100%}
  main nav.filters{display:flex;flex-wrap:wrap;gap:8px 20px;max-width:100%;min-width:0}
  main nav.filters>a{min-height:44px;display:inline-flex;align-items:center;white-space:normal}
  html.paged:is(:lang(en),:lang(es)) .product-hero.is-editorial-slide[style]>img{object-fit:contain!important}
  html{scroll-padding-top:100px}
}
@media(max-width:359px){
  .site-footer .footer-main{grid-template-columns:minmax(0,1fr)!important}
  .site-footer .footer-company{grid-column:auto}
  .brand-intro .intro-controls{gap:4px;left:10px;right:10px;font-size:14px}
  .brand-intro .intro-controls button{padding-inline:4px}
  .vere-product-summary dl{gap:18px}
}

/* Natural document flow when the viewport cannot support full-screen chapters. */
html.paged[data-natural-flow]{height:auto;overflow:visible;scroll-behavior:smooth}
html.paged[data-natural-flow] body{height:auto;overflow:visible}
html.paged[data-natural-flow] main{position:relative;inset:auto;top:auto!important;overflow:visible;touch-action:pan-y pinch-zoom;padding-top:var(--vere-mobile-header-height,140px)}
html.paged[data-natural-flow] main>.chapter{position:relative!important;inset:auto;width:100%;height:auto!important;min-height:0!important;visibility:visible;opacity:1;transform:none;pointer-events:auto;overflow:visible;scroll-margin-top:var(--vere-mobile-header-height,140px)}
html.paged[data-natural-flow] .chapter-word{opacity:1;translate:none}
html.paged[data-natural-flow] .chapter-dots{display:none}
html.paged[data-natural-flow] main>.chapter.product-hero{min-height:640px!important;height:clamp(640px,80svh,820px)!important;overflow:hidden!important}
html.paged[data-natural-flow] main>.chapter.gift-entry{min-height:640px!important;height:clamp(640px,80svh,900px)!important;overflow:hidden!important}
html.paged[data-natural-flow] main>.chapter.men{min-height:620px!important}
html.paged[data-natural-flow] .story-campaign{min-height:680px!important}
html.paged[data-natural-flow] .women-series{min-height:620px!important}
html.paged[data-natural-flow] .featured-stage{min-height:600px;padding-block:48px}
html.paged[data-natural-flow] .men{min-height:620px!important}
html.paged[data-natural-flow] .unisex-campaign{min-height:620px!important}
html.paged[data-natural-flow] .refill-home{min-height:620px!important}
html.paged[data-natural-flow] footer.site-footer{min-height:0!important}
html.paged[data-natural-flow]:is(:lang(en),:lang(es)) .product-hero.is-editorial-slide[style]>img{inset:0!important;left:0!important;top:0!important;width:100%!important;height:56%!important;max-height:none;transform:none!important;object-fit:cover!important;object-position:22% center!important;mask-image:none;-webkit-mask-image:none}
html.paged[data-natural-flow]:is(:lang(en),:lang(es)) .product-hero.is-editorial-slide h1{inset:61% 10% auto!important;width:80%!important;font-size:clamp(30px,4.6vw,44px);line-height:1.12;transform:rotate(-5deg)}
html.paged[data-natural-flow]:is(:lang(en),:lang(es)) .product-hero.is-editorial-slide h1:before{font-size:clamp(52px,9vw,74px)}
html.paged[data-natural-flow]:is(:lang(en),:lang(es)) .product-hero.is-editorial-slide .home-slides>button{top:28%}
html.paged[data-natural-flow] .product-hero .hero-copy .link{position:absolute!important;inset:auto 10% 24px auto!important;max-width:80%;white-space:normal}
@media(max-width:760px){html.paged[data-natural-flow] .product-hero{min-height:640px!important}html.paged[data-natural-flow] .featured-stage{display:flex;flex-direction:column;height:auto;gap:24px}html.paged[data-natural-flow] .featured-copy{padding:24px 6vw}html.paged[data-natural-flow] .featured-photo{height:auto;max-height:none;width:100%}}
@media(max-width:1100px){body[data-mobile-kind="product"] :is(.hero,.editorial,.material){column-gap:clamp(8px,2vw,24px)}}
@media(min-width:761px) and (max-width:1100px){body[data-mobile-kind="product"] .hero h1{font-size:clamp(30px,4vw,46px)}.business-intro{column-gap:32px}}
@media(prefers-reduced-motion:reduce){html.paged[data-natural-flow]{scroll-behavior:auto}}