.combination-links{padding-block:40px 60px}.combination-links .section-heading{margin-bottom:22px}.combination-links .section-heading>p{max-width:620px;color:#52616b;line-height:1.7}.size-directory-search{display:grid;gap:8px;font-size:13px;font-weight:700;max-width:420px;margin-bottom:12px}.size-directory-search input{padding:14px 16px;background:#fff;border:1px solid #aab8c1;border-radius:8px;font:inherit}.size-directory-status{font-size:13px;color:#52616b;min-height:20px}.size-directory{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}.size-group{background:#fff;border:1px solid #d8dee4;border-radius:8px;overflow:hidden}.size-group summary{padding:18px;cursor:pointer;font-size:18px}.size-group summary span{display:block;font-size:12px;color:#52616b;margin:8px 0 0 18px}.size-group[open] summary{background:#f1f5e7;border-bottom:1px solid #d8dee4}.combination-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:8px;padding:12px}.combination-grid a{padding:12px 9px;border:1px solid #d8dee4;border-radius:6px;color:#17202a;font-size:14px;font-weight:700;text-align:center}.combination-grid a:hover{background:#eaf1cd;border-color:#6e861e}.nav-guide-links{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}.nav-guide-links a{display:grid;gap:10px;padding:24px;border:1px solid #c3cdd2;border-radius:10px;background:#eef3e7;color:#17202a;text-decoration:none}.nav-guide-links a:hover{border-color:#6e861e}.nav-guide-links span{font-size:14px;line-height:1.65;color:#52616b}.cookie-reopen{padding:0;background:none;border:0;color:inherit;font:inherit;cursor:pointer}.cookie-reopen:hover{text-decoration:underline}.ring-detail .nav-guide-links{margin-top:40px}.size-directory [hidden]{display:none!important}@media(max-width:650px){.size-directory,.nav-guide-links{grid-template-columns:1fr}.site-header{flex-wrap:wrap;gap:14px}.site-header nav{order:3;width:100%;justify-content:center;display:flex;gap:24px}.combination-links{padding-block:25px 40px}}

.hero{overflow-x:clip}.hero>*{min-width:0}.ring-visual{min-width:0;max-width:100%}.navring-product-photo{max-width:100%}

/* Keep the storefront navigation reachable on every mobile width. */
@media(max-width:900px){
    .site-header{flex-wrap:wrap;gap:8px 12px;padding:10px 14px}
    .site-header nav{display:flex;order:3;flex:0 0 100%;width:100%;justify-content:flex-start;gap:6px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}
    .site-header nav::-webkit-scrollbar{display:none}
    .site-header nav a{flex:0 0 auto;padding:9px 11px;font-size:14px}
    .cart-pill{min-height:44px;padding-inline:12px}
}
@media(max-width:900px){
    html{scroll-padding-top:124px}
    .hero{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:16px 12px;padding-block:24px;overflow:visible}
    .hero-copy{display:contents}
    .hero-copy>*{grid-column:1/-1}
    .hero .eyebrow{grid-row:1;font-size:10px;letter-spacing:.06em;gap:8px}
    .hero h1{grid-column:1;grid-row:2;align-self:center;margin:0;font-size:clamp(30px,8vw,38px);line-height:1.06;letter-spacing:-1.4px}
    .hero .ring-visual{grid-column:2;grid-row:2;align-self:center;min-height:0;height:100px;border-radius:12px;box-shadow:none}
    .hero .navring-product-photo{min-height:0;height:100%;border-radius:12px;object-fit:cover}
    .hero-lead{margin:0;font-size:16px;line-height:1.5}
    .hero-actions{display:flex;flex-direction:row;align-items:stretch;margin:0;gap:0}
    .hero-actions .primary-link{width:100%;min-height:48px;font-size:16px}
    .hero-actions .text-link{display:none}
    .hero .trust-row{margin:0;gap:6px 14px;box-shadow:none}
    .hero .trust-row span{padding:0;border:0;background:none;font-size:11px}
    .selector-wrap{margin:0 auto 36px;padding:20px 12px;border-radius:12px;box-shadow:none}
    .selector-intro{margin-bottom:18px;padding:0 0 16px}
    .selector-intro h2{font-size:30px;letter-spacing:-1px}
    .selector-intro p{font-size:15px;line-height:1.5}
    .measurement-mode{margin-bottom:16px}
    .measurement-mode button{min-height:44px;padding-inline:6px;font-size:14px}
    .choice-column{padding:16px 12px}
    .choice-heading{gap:10px;margin-bottom:16px}
    .choice-heading h3{font-size:18px}
    .choice-heading p,.choice-hint{font-size:13px}
    .step-number{width:34px;height:34px;font-size:15px}
    .size-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
    .size-option span{min-height:48px}
    #innerSizes:not(:has(input:enabled)){display:none}
    .custom-panel{padding:18px 12px;min-height:0}
    .custom-intro h3{font-size:22px}
    .custom-fields{margin-top:20px}
    .order-summary{display:flex;padding:20px 16px}
    .order-summary .primary-button{gap:10px;padding-inline:14px;font-size:16px}
    .cart-panel{padding:18px 16px max(18px,env(safe-area-inset-bottom))}
    .mini-quantity button{min-width:44px;min-height:44px}
    .ring-detail{padding-top:24px}
    .ring-detail-grid{gap:20px}
    .ring-detail-photo{max-width:240px;margin-inline:auto;padding:16px}
    .ring-detail h1{font-size:34px}
    .buy-row{gap:8px}
    .buy-row input{min-width:0;width:60px;font-size:16px}
    .buy-row .primary-button{flex:1;gap:8px;padding-inline:12px;font-size:15px}
}
@media(max-width:460px){
    .site-header{width:100%;padding-inline:14px}
    .site-header nav{margin-inline:-14px;padding-inline:14px}
    .site-header nav a{padding-inline:10px;font-size:13px}
}