.dial-detail .detail-overview{align-items:start;gap:60px}
.dial-detail .detail-product-photo{overflow:hidden;border:0;border-radius:12px;background:#f7f4ef}
.dial-detail .detail-product-photo>img{display:block;aspect-ratio:1;object-fit:contain}
.dial-detail .detail-product-photo figcaption{inset:auto 18px 16px;font-size:11px}
.dial-detail .detail-summary{padding-top:16px}
.dial-detail .detail-description{font-size:15px;margin:20px 0}
.dial-detail .detail-features{margin-bottom:24px}
.dial-detail .detail-features li{border-radius:6px}
.dial-patent-label{display:inline-flex;margin:0 0 16px;padding:7px 10px;border-radius:6px;background:#f1e5df;color:#79584f;font-size:11px;font-weight:750;letter-spacing:.02em}
.dial-colour-selection{margin:0 0 12px;color:var(--muted);font-size:13px}
.dial-colour-selection strong{color:var(--ink)}
.dial-colour-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:24px}
.dial-colour-button{display:flex;align-items:center;gap:10px;min-height:43px;padding:10px 13px;border:1px solid #e0dad5;border-radius:8px;background:transparent;color:var(--muted);text-align:left;font-family:inherit;font-size:12px;line-height:1.35;font-weight:600;cursor:pointer}
.dial-colour-button::before,.dial-card-colours a::before{content:"";display:block;flex-shrink:0;width:18px;height:18px;border:1px solid #00000012;border-radius:50%;background:var(--dial-colour)}
.dial-colour-button[aria-pressed=true]{border-color:#153b5c;background:#fff;color:#153b5c}
.dial-colour-button:hover{border-color:#ac8b83}
.dial-colour-button:focus-visible,.dial-thumb:focus-visible,.dial-card-colours a:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.dial-thumbnails{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}
.dial-thumb{min-width:0;padding:4px 4px 8px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer}
.dial-thumb img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:4px;background:#f7f4ef}
.dial-thumb span{display:block;margin-top:6px;font-size:10px;line-height:1.35}
.dial-thumb[aria-pressed=true]{border-color:#153b5c;color:#153b5c;background:#ffffff70}
.dial-thumb:hover{background:#fff}
.dial-image-status{min-height:18px;margin:8px 0 0;font-size:12px;color:#80564e}
.dial-detail .detail-actions{border-top:0;padding-top:0}
.dial-feature-link{font-size:12px;font-weight:700;color:var(--navy);text-decoration:underline;text-underline-offset:4px}
.dial-fit-section{padding-block:64px;background:#f2eee7}
.dial-fit-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:60px;align-items:center}
.dial-closeup{margin:0;min-width:0}
.dial-closeup-image{display:block;overflow:hidden;aspect-ratio:4/3;border-radius:12px;background:#f7f4ef}
.dial-closeup-image img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(2.1);transform-origin:50% 88%}
.dial-closeup figcaption{margin-top:12px;color:var(--muted);font-size:11px}
.dial-fit-copy h2{margin:0;font-size:clamp(32px,3.6vw,46px);line-height:1.12;letter-spacing:-.025em}
.dial-fit-copy>p:not(.kicker){margin:22px 0;max-width:440px;color:var(--muted);font-size:15px;line-height:1.75}
.dial-fit-list{display:grid;gap:13px;margin:0;padding:0;list-style:none;color:var(--ink);font-size:13px}
.dial-fit-list li{position:relative;padding-left:17px}
.dial-fit-list li::before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--coral)}
.dial-sampling-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;padding-block:64px}
.dial-sampling-section h2{margin:0;font-size:clamp(28px,3vw,38px);line-height:1.2}
.dial-sampling-section p:not(.kicker){margin:0 0 20px;color:var(--muted);font-size:14px;line-height:1.8}
.dial-card-colours{display:flex;align-items:center;gap:5px;margin:16px 0}
.dial-card-colours a{display:grid;place-items:center;width:30px;height:30px;padding:0!important;border:0!important;border-radius:50%}
.dial-card-colours a:hover{background:#e9e3dc}
.dial-card-colours .dial-colour-count{margin-left:8px;font-size:11px;color:var(--muted)}
.dial-card-media .catalog-detail-photo{display:block}
.dial-card-media .catalog-view-tools{pointer-events:none}
.dial-card-media .catalog-view-toggle{pointer-events:auto}
.dial-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.dial-detail .detail-overview,.dial-fit-layout,.dial-sampling-section{gap:32px}.dial-detail .detail-summary{padding-top:0}}
@media(max-width:760px){.dial-detail .detail-overview,.dial-fit-layout,.dial-sampling-section{grid-template-columns:1fr;gap:30px}.dial-fit-section{padding-block:46px}.dial-sampling-section{padding-block:46px}.dial-detail .detail-summary h1{font-size:36px}.dial-detail .detail-product-photo figcaption{inset:auto 14px 13px;font-size:10px}.dial-thumbnails{gap:5px}.dial-thumb{padding:3px 3px 7px}.dial-thumb span{font-size:9px}}
