/* Product typography stays aligned across equipment, materials and jewelry. Author: imyzt */
.page-hero h1{font:700 clamp(30px,3.9vw,56px)/1.2 var(--ff-display)}
body.jewelry{--accent:var(--gold);--accent-dim:var(--gold-dim)}
body.jewelry :is(.page-hero h1,.sec-title,.c4 h3,.swatch b,.shape b,.gal-item h3,.cert h4,.lede){font-family:var(--ff-display);font-weight:700}
body.jewelry .c4 .letter{color:var(--text-dim)}body.jewelry .carat-item .gem{background:var(--cyan)}
body.jewelry .page-hero::before{display:none}.jewelry-tabs{border-top-color:var(--line)}.jewelry-tab.on{background:var(--surface)}
.managed-detail.managed-theme-jewelry{--managed-accent:var(--gold);--bg:#0a0e14;--surface:#111824;--text:#e8edf4;--text-soft:#9fb0c3;background:var(--bg);color:var(--text)}
.managed-detail :is(.managed-product-hero h1,.managed-product-section h2,.managed-product-section h3){font-family:var(--ff-display);font-weight:700;color:var(--text)}
.managed-detail .managed-product-hero h1{font-size:clamp(30px,3.9vw,56px);line-height:1.2}
.managed-detail .managed-product-hero{background:var(--bg-soft);padding-top:140px;padding-bottom:64px;min-height:0}
.managed-detail.managed-theme-jewelry :is(.managed-product-section.alt,.managed-product-anchor,.managed-product-cta){background:var(--bg-soft)}
.managed-detail .managed-product-figure img{object-fit:contain;filter:none;transform:none}
[data-product-list="materials"] .prod-card .pic{aspect-ratio:1/1}
[data-product-list="materials"] .prod-card .pic img{object-fit:contain;object-position:center}
.managed-detail .managed-product-back{min-height:44px;display:inline-flex;align-items:center}
.managed-detail .managed-product-body{font:16px/1.85 var(--ff-body)}.managed-detail .managed-product-body :is(ul,ol){padding-left:24px;list-style:revert}.managed-detail .managed-product-body li{list-style:inherit}
@media(max-width:768px){.managed-detail .managed-product-hero{padding-top:110px;padding-bottom:36px}}
@media(min-width:1025px) and (max-width:1439px){.site-header .wrap{gap:16px}.site-header .main-nav a{padding-inline:10px;font-size:14px}.site-header .main-nav ul{gap:0}.site-header .header-tel{font-size:16px;gap:6px}}
@media(min-width:1025px) and (max-width:1200px){.site-header .header-tel{display:none}}
