.df-picker{display:block;padding:var(--dc-section-inset) 0;background:var(--dc-color-background);color:rgb(var(--color-foreground))}.df-picker__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"image intro" "image controls";column-gap:56px;align-items:start}.df-picker__intro{grid-area:intro}.df-picker__eyebrow{margin:0 0 14px;font-size:1.4rem;font-weight:600;letter-spacing:.12em}.df-picker h1,.df-picker h2{margin:0;font-size:clamp(3.2rem,3.8vw,5rem);line-height:1.12;letter-spacing:-.025em;max-width:26ch}.df-picker__description p{margin:0}.df-picker__description{font-size:1.8rem;line-height:1.65;margin:22px 0 18px;max-width:46ch}.df-picker__media{grid-area:image;align-self:start;min-width:0;background:var(--dc-color-surface);border-radius:14px;overflow:hidden}.df-picker__stage{position:relative;aspect-ratio:1;background:var(--dc-color-surface)}.df-picker__slide{display:block;position:relative;width:100%;height:100%;padding:0;border:0;background:var(--dc-color-surface);color:var(--dc-color-ink)}.df-picker__slide img{display:block;width:100%;height:100%;object-fit:contain}.df-picker__thumbnail-controls>button{display:grid;place-items:center;min-width:44px;min-height:44px;padding:0;border:1px solid var(--dc-color-line);border-radius:50%;background:var(--dc-color-surface);color:var(--dc-color-ink);font-size:2.6rem;line-height:1;cursor:pointer}.df-picker__thumbnail-controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:10px;align-items:center;padding:16px 8px 12px}.df-picker__thumbnail-controls>button:disabled{opacity:.3;cursor:default}.df-picker__thumbnails{position:relative;display:flex;gap:8px;min-width:0;overflow-x:auto;padding:2px;scroll-padding-inline:2px;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.df-picker__thumbnails::-webkit-scrollbar{display:none}.df-picker__thumbnails button{flex:0 0 calc((100% - 32px)/5);width:auto;height:auto;min-width:0;aspect-ratio:1;overflow:hidden;border:2px solid transparent;border-radius:7px;padding:2px;background:var(--dc-color-surface);cursor:pointer;scroll-snap-align:start}.df-picker__thumbnails button[aria-pressed=true]{border-color:var(--dc-color-primary)}.df-picker__thumbnails img{display:block;width:100%;height:100%;object-fit:contain}.df-picker__thumbnails button:focus-visible,.df-picker__thumbnail-controls>button:focus-visible{outline:2px solid var(--dc-color-primary);outline-offset:-4px}.df-picker__body{grid-area:controls;min-width:0}.df-picker__features{display:flex;gap:8px 20px;flex-wrap:wrap;padding:0;margin:0 0 22px;list-style:none;font-size:1.5rem;line-height:1.6}.df-picker__features li{padding-left:14px;position:relative}.df-picker__features li:before{content:"";position:absolute;left:0;top:.65em;width:5px;height:5px;border-radius:50%;background:currentColor}.df-picker fieldset{border:0;padding:0;margin:0 0 18px;min-width:0}.df-picker legend{font-size:1.5rem;font-weight:600;padding:0;margin-bottom:9px}.df-picker__choices{display:flex;gap:10px;flex-wrap:wrap}.df-picker__choices label[hidden],.df-picker fieldset[hidden]{display:none}.df-picker__choices label{position:relative;display:block;cursor:pointer}.df-picker__choices input{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%)}.df-picker__choices label>span{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:1px solid var(--dc-color-control-line);border-radius:7px;padding:9px 15px;font-size:1.5rem;line-height:1.4;background:var(--dc-color-surface);color:var(--dc-color-ink)}.df-picker__choices input:checked+span{background:var(--dc-color-primary);color:var(--dc-color-on-dark);border-color:var(--dc-color-primary)}.df-picker__choices input:focus-visible+span{outline:2px solid var(--dc-color-focus);outline-offset:4px}.df-swatch{display:inline-block;width:13px;height:13px;border-radius:50%;box-shadow:0 0 0 1px #00000029}.df-picker__selection{font-size:1.5rem;line-height:1.6;margin:8px 0}.df-picker__price{font-size:2.8rem;line-height:1.3;font-weight:600;margin:0 0 18px}.df-picker__actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.df-picker__actions form{margin:0}.df-picker__actions .button{min-width:15rem;min-height:48px}.df-picker__promise{font-size:1.5rem;line-height:1.8;margin:20px 0 12px}.df-picker__promise a,.df-picker__help a{color:inherit;text-underline-offset:3px}.df-picker__help{display:flex;gap:8px 24px;flex-wrap:wrap;font-size:1.5rem;line-height:1.7;margin:0}.df-picker__note{font-size:1.4rem;line-height:1.7;max-width:52ch;margin:14px 0 0}.df-picker__gallery[hidden],.df-picker__slide[hidden],.df-picker__offer[hidden],.df-picker__controls[hidden]{display:none}@media(max-width:989px){.df-picker__thumbnails button{flex-basis:calc((100% - 24px)/4)}.df-picker__thumbnail-controls{gap:6px}.df-picker__layout{column-gap:28px}.df-picker h1,.df-picker h2{font-size:3.4rem}.df-picker__description{font-size:1.7rem}.df-picker__choices label>span{padding:9px 11px}}@media(max-width:749px){.df-picker{padding:var(--dc-section-inset) 0}.df-picker__layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "image" "controls";row-gap:20px}.df-picker h1,.df-picker h2{font-size:3.2rem;max-width:23ch}.df-picker__description{margin:16px 0 0}.df-picker__media{width:100%;max-width:420px;justify-self:center}.df-picker__stage{height:320px;max-height:90vw;aspect-ratio:auto}.df-picker__features{margin-bottom:20px}.df-picker__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.df-picker__actions .button{width:100%;min-width:0;font-size:1.5rem;padding:0 12px}.df-picker__actions form{min-width:0}}.df-picker__choices input:disabled+span{opacity:.35;cursor:default}.df-picker__variant{margin:0 0 16px}.df-picker__variant label{display:block;font-size:1.5rem;margin-bottom:8px}.df-picker__variant select{width:100%;min-height:46px;padding:10px;border:1px solid var(--dc-color-control-line);border-radius:7px;background:var(--dc-color-surface);color:var(--dc-color-ink);font:inherit}.df-picker__slide svg{width:100%;height:100%}.df-picker--compact{padding:var(--dc-section-inset) 0;background:var(--dc-color-background)}.df-picker--compact .df-picker__layout{width:calc(100% - 100px);max-width:1120px;padding:0 28px;border:0;border-radius:0;background:transparent;grid-template-columns:minmax(0,360px) minmax(0,1fr);grid-template-rows:min-content 1fr;column-gap:48px;row-gap:20px}.df-picker--compact h1,.df-picker--compact h2{font-size:2.8rem;line-height:1.25;letter-spacing:-.015em;max-width:none}.df-picker--compact .df-picker__eyebrow{font-size:1.2rem;margin-bottom:10px}.df-picker--compact .df-picker__description{font-size:1.6rem;line-height:1.6;margin:12px 0 0;max-width:none}.df-picker--compact .df-picker__media{width:100%;max-width:360px;justify-self:center;border-radius:12px}.df-picker--compact .df-picker__thumbnail-controls{padding:12px 4px 8px}.df-picker--compact .df-picker__thumbnails button{flex-basis:calc((100% - 24px)/4)}.df-picker--compact .df-picker__features{font-size:1.4rem;gap:6px 18px;margin-bottom:16px}.df-picker--compact fieldset{margin-bottom:16px}.df-picker--compact legend{font-size:1.4rem;margin-bottom:8px}.df-picker--compact .df-picker__choices{gap:8px}.df-picker--compact .df-picker__choices label>span{min-height:44px;padding:9px 12px;font-size:1.4rem}.df-picker--compact .df-picker__selection{font-size:1.4rem;margin:8px 0}.df-picker--compact .df-picker__price{font-size:2.6rem;margin-bottom:16px}.df-picker--compact .df-picker__promise{font-size:1.4rem;margin:16px 0 10px}.df-picker--compact .df-picker__help{font-size:1.4rem;gap:8px 20px}.df-picker--compact .df-picker__note{margin-top:12px}@media(min-width:750px)and (max-width:989px){.df-picker--compact .df-picker__layout{width:calc(100% - 48px);padding:0 24px;grid-template-columns:minmax(0,280px) minmax(0,1fr);column-gap:28px}.df-picker--compact h1,.df-picker--compact h2{font-size:2.6rem}.df-picker--compact .df-picker__media{max-width:280px}}@media(max-width:749px){.df-picker--compact{padding:var(--dc-section-inset) 0}.df-picker--compact .df-picker__layout{width:calc(100% - 30px);padding:0 20px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"intro" "image" "controls";gap:24px}.df-picker--compact h1,.df-picker--compact h2{font-size:2.4rem}.df-picker--compact .df-picker__media{max-width:280px}.df-picker--compact .df-picker__stage{height:280px;max-height:80vw}.df-picker--compact .df-picker__choices label{flex:1 1 auto}.df-picker--compact .df-picker__choices label>span{padding:9px 10px}.df-picker--compact .df-picker__colors label{flex:0 1 auto}.df-picker--compact .df-picker__actions{gap:8px}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/delmicure-vhp1303-picker.css.map */