/* v39: light sans product names, stacked prices and new gothic navigation. Fonts are self-hosted under OFL 1.1. */
@font-face{font-family:"Mysterez Product Sans";src:url("../fonts/inter/Inter-Variable.ttf") format("truetype");font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:"UnifrakturCook";src:url("../fonts/unifrakturcook/UnifrakturCook-Bold.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}
.collection-product-card .collection-product-info h2,
.products-section .product-card .product-info h3{font-family:"Mysterez Product Sans",var(--modern);font-size:18px;font-weight:300;font-synthesis:none;line-height:1.35;letter-spacing:0;text-transform:none;overflow-wrap:anywhere}
.collection-product-info>div,.product-info>div{min-width:0}
/* The frame is independent of whichever gallery image is active. Positioning
   defeats old intrinsic image sizing while retaining the existing fade/controls. */
.collection-product-card .collection-product-media,
.collection-product-card .collection-product-media[data-gallery-count="0"]{width:100%;height:auto;min-height:0;aspect-ratio:3/4;align-self:start;overflow:hidden}
.collection-product-card .collection-product-images{position:absolute;inset:0;width:100%;height:100%}
.collection-product-card .collection-product-images img,
.collection-product-card .collection-product-images img.is-active{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:var(--mysterez-frame-fit,contain);object-position:var(--mysterez-framed-position,50% 50%);transform:none}
/* Builder/static product cards use the same portrait proportion; focal and fit
   properties remain authored and are inherited at desktop/mobile breakpoints. */
.products-section .product-card>.product-media{aspect-ratio:3/4}
/* Header and drawer only. Explicit nested span state beats builder menu colors. */
.site-header .desktop-nav a:hover,.site-header .desktop-nav a:focus-visible,
.site-header .desktop-nav a:hover span,.site-header .desktop-nav a:focus-visible span,
.site-header .desktop-nav .mysterez-mega-menu.is-freeform a:hover span,
.site-header .desktop-nav .mysterez-mega-menu.is-freeform a:focus-visible span,
.mobile-menu a:hover,.mobile-menu a:focus-visible,
.mobile-menu a:hover span,.mobile-menu a:focus-visible span{color:var(--luxury-red,#9f1733)!important}
/* All three Nightlife cards have identical portrait image boxes. Absolute images
   cannot enlarge grid tracks from their intrinsic dimensions. No image distortion. */
.nightlife-campaign{align-items:start}
.nightlife-campaign .nightlife-campaign-scene{width:100%;height:auto;min-height:0;aspect-ratio:2/3}
.nightlife-campaign .nightlife-campaign-scene>img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;object-position:center}
@media(max-width:760px){.collection-product-card .collection-product-info h2,.products-section .product-card .product-info h3{font-size:16px;line-height:1.4}}

/* Saved Builder text styles may declare their own font on the title link. */
.collection-product-card .collection-product-info h2 a,.collection-product-card .collection-product-info h2 a *,
.products-section .product-card .product-info h3 a,.products-section .product-card .product-info h3 a *{font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;letter-spacing:inherit!important}

/* Reading order follows the markup: title, designer/collection, then price.
   Quick-add retains its right-hand second-row position and 44px hit area. */
.collection-product-card .collection-product-info,
.products-section .product-card .product-info{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;align-items:start}
.collection-product-info>.product-card-details,
.product-info>.product-card-details{display:contents}
.collection-product-info .product-card-details h2,
.product-info .product-card-details h3{grid-column:1;grid-row:1;margin:0;min-width:0}
.collection-product-info .product-card-price,
.product-info .product-card-price{grid-column:1;grid-row:3;margin:0!important;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:400;line-height:1.55;letter-spacing:0;text-align:left;white-space:nowrap}
.collection-product-info .product-card-price del,
.product-info .product-card-price del{display:block;margin:0;font-size:12px;line-height:1.4;opacity:.65}
.collection-product-info .product-card-collection,
.product-info .product-card-collection{grid-column:1;grid-row:2;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:500;line-height:1.5;letter-spacing:.14em;color:#68655f}
.collection-product-info>.product-add,
.product-info>.product-add{grid-column:2;grid-row:2 / span 2;align-self:start;justify-self:end;min-width:44px;min-height:44px;margin:0}
@media(max-width:760px){
 .collection-product-card .collection-product-info,.products-section .product-card .product-info{column-gap:8px}
 .collection-product-info .product-card-price,.product-info .product-card-price{font-size:14px}
 .collection-product-info .product-card-collection,.product-info .product-card-collection{font-size:9px;letter-spacing:.1em}
}
