
/* ODDMARK product configurator v3 */
.od-pdp{grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);align-items:start}
.od-gallery{min-width:0}
.od-main-frame{aspect-ratio:1/1.06;display:grid;place-items:center;position:relative;background:#f5f5f2;overflow:hidden}
.od-main-frame>img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;transition:opacity .18s ease}
.od-main-frame img.is-switching{opacity:.5}
.od-no-image{font:clamp(42px,6vw,80px)/1 'Archivo Black',Arial,sans-serif;color:#181e18}
.od-no-image span{color:#9bd530}
.od-image-counter{position:absolute;right:14px;bottom:14px;background:#101411e8;color:#f4f4ee;font-size:10px;font-weight:800;letter-spacing:.08em;padding:7px 10px}
.od-thumbnails{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:11px;max-height:350px;overflow:auto}
.od-thumb{min-width:0;border:2px solid transparent;border-radius:0;background:#eff0ee;padding:0;aspect-ratio:1/1.14;cursor:pointer;overflow:hidden}
.od-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.od-thumb.is-current{border-color:var(--od-accent)}
.od-thumb:hover{border-color:#86a82b}
.od-pdp-info{position:sticky;top:105px}
.od-pdp-info h1{font:clamp(32px,3.5vw,54px)/1.05 'Archivo Black',Arial,sans-serif;letter-spacing:-.05em;margin:13px 0 14px}
.od-pdp-info .pdp-price{font-size:25px;font-weight:800;letter-spacing:-.025em}
.od-option-groups{display:flex;flex-direction:column;gap:19px;margin:19px 0 10px}
.od-option-group{border:0;padding:0;margin:0;min-width:0}
.od-option-group legend{margin:0 0 11px;padding:0;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--od-text)}
.od-selected-value{margin-left:8px;color:var(--od-muted);font-size:12px;letter-spacing:0;text-transform:none;font-weight:500}
.od-options{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.od-option-pill{display:inline-flex;align-items:center;justify-content:center;position:relative;min-width:53px;min-height:49px;border:1px solid var(--od-border);background:var(--od-panel);color:var(--od-text);border-radius:7px;cursor:pointer;font-size:13px;font-weight:750;transition:border .12s,box-shadow .12s}
.od-option-pill:hover{border-color:var(--od-accent)}
.od-option-pill input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}
.od-option-pill:has(input:checked){border:2px solid var(--od-accent);box-shadow:inset 0 0 0 1px var(--od-accent);background:color-mix(in srgb,var(--od-accent) 9%,var(--od-panel))}
.od-option-pill:has(input:focus-visible){outline:3px solid var(--od-accent);outline-offset:3px}
.od-option-pill:has(input:disabled){opacity:.33;cursor:not-allowed}
.od-option-pill:has(input:disabled) .od-option-label{text-decoration:line-through}
.od-option-pill:has(input:disabled) input{cursor:not-allowed}
.od-option-label{pointer-events:none;padding:0 15px;white-space:nowrap}
.od-color-pill{justify-content:start;padding:7px 12px 7px 9px;gap:8px;min-width:0}
.od-color-pill .od-option-label{padding:0}
.od-swatch{display:inline-block;flex:none;width:23px;height:23px;background:var(--swatch-color);border:1px solid #0005;border-radius:50%;box-shadow:0 0 0 1px #fff2;pointer-events:none}
.od-variant-feedback{font-size:12px;min-height:15px;color:var(--od-muted);margin:5px 0 10px}
.od-add{margin-top:4px!important}
.od-add:disabled{cursor:not-allowed;opacity:.65}
.od-thumbnails::-webkit-scrollbar{height:5px}
.od-thumbnails::-webkit-scrollbar-thumb{background:#596457}
@media(max-width:950px){.od-pdp{grid-template-columns:1fr;gap:24px}.od-pdp-info{position:static}.od-thumbnails{grid-template-columns:repeat(6,minmax(0,1fr))}.od-main-frame{aspect-ratio:1/.9}}
@media(max-width:560px){.od-main-frame{aspect-ratio:1/1.07}.od-thumbnails{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.od-option-pill{min-height:47px;min-width:49px}.od-option-label{padding:0 12px}.od-color-pill{padding:7px 11px 7px 8px}.od-pdp-info h1{font-size:31px}}
