.configurator{--config-ease:cubic-bezier(.22, 1, .36, 1);--config-chrome:19.5rem;--config-workspace:max(24rem, calc(100svh - var(--config-chrome)));--config-stage:calc(var(--config-workspace) - 7.5rem);background:var(--paper);padding-block:1rem 7rem}.configurator>.container{max-inline-size:90rem}.configurator__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 2rem;margin-block-end:.75rem;display:flex}.configurator__head h1{max-inline-size:none;color:var(--forest);letter-spacing:-.045em;font-size:clamp(1.5rem,2.2vw,2rem);font-weight:700;line-height:1.15}.configurator__head>p{max-inline-size:52ch;color:var(--muted);font-size:.85rem;line-height:1.5}.configurator .step-nav{background:#f3f4f0;border-radius:999px;margin-block-end:1rem;padding:.3rem}.configurator .step-nav button{min-block-size:3rem;color:var(--forest);transition:background-color .25s var(--config-ease), color .15s;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.6rem;padding:.35rem .9rem;font-size:.9rem;font-weight:650;display:flex}.configurator .step-nav button:hover:enabled:not([aria-current]){background:var(--paper)}.configurator .step-nav button[aria-current=step]{background:var(--forest);color:var(--on-dark);font-weight:700;box-shadow:0 1px 5px #092e1314}.configurator .step-nav button[aria-current=step] .step-nav__number{background:var(--on-dark);border-color:var(--on-dark);color:var(--forest)}.configurator .step-nav button:focus-visible{border-radius:999px}.configurator__layout{block-size:var(--config-workspace);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:clamp(1.5rem,3vw,3rem);display:grid}.configurator__studio{min-inline-size:0}.configurator__controls{scroll-behavior:smooth;scrollbar-gutter:stable;scrollbar-width:thin;min-inline-size:0;padding:.25rem .75rem .25rem .25rem;overflow-y:auto}@media (width>=48.001rem){.configurator__studio,.configurator .bottle-studio,.configurator .bottle-studio>.product-gallery,.configurator .bottle-studio__viewer:not([hidden]),.configurator .viewer-frame:not([open]),.configurator .viewer-frame:not([open])>.bottle-preview{flex-direction:column;min-block-size:0;display:flex}.configurator .bottle-studio,.configurator .bottle-studio>.product-gallery,.configurator .bottle-studio__viewer:not([hidden]),.configurator .viewer-frame:not([open]),.configurator .viewer-frame:not([open])>.bottle-preview{flex:1}.configurator .bottle-preview__switch{align-self:start}.configurator .product-gallery__stage,.configurator .viewer-frame:not([open]) .bottle-preview__stage{flex:1;block-size:auto;min-block-size:8rem}}.configurator .bottle-preview{background:#f4f5f1;border:0;border-radius:1.2rem}.configurator .bottle-preview__stage{block-size:var(--config-stage)}.configurator .bottle-studio{--gallery-height:var(--config-stage)}.configurator .bottle-preview__caption{background:#f5f6f3;border:0;padding:.5rem 1rem;font-size:.72rem}.configurator .bottle-preview__switch{background:#f3f4f0;border:0;margin-block-end:.4rem;padding:.25rem}.configurator .bottle-preview__switch button{transition:background-color .25s var(--config-ease), color .15s;font-size:.8rem}.configurator .bottle-preview__switch button[aria-pressed=true]{background:var(--paper);color:var(--forest);box-shadow:0 1px 5px #092e1314}.configurator__panel:focus,.configurator__panel:focus-visible{box-shadow:none;outline:none}.configurator .configurator__step{margin-block-end:1.5rem}.configurator .configurator__step legend{letter-spacing:-.04em;inline-size:100%;margin-block-end:.9rem;font-size:1.2rem;font-weight:650;line-height:1.35}.configurator .configurator__step legend em{color:var(--muted);font-style:normal;font-weight:500}.configurator .configurator__step--capacity legend,.configurator .configurator__contents legend{letter-spacing:0;margin-block-end:.75rem;font-size:.9rem;font-weight:600}.configurator__legend-note{color:var(--muted);font-weight:400}.configurator__models{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.configurator .config-choice{background:var(--paper);border-color:#c5ccc4;transition:border-color .15s,background-color .15s,box-shadow .15s}.configurator .config-choice:has(input:checked){border-color:var(--forest);background:#f4f7f1}.configurator .config-choice--model{border-radius:.9rem;justify-content:start;gap:.5rem;min-block-size:5.5rem;padding:.5rem}.configurator .config-choice--model img{object-fit:contain;mix-blend-mode:multiply;block-size:4.4rem;inline-size:2.2rem;transition:transform .25s var(--config-ease)}.config-choice__model-copy{gap:.35rem;display:grid}.configurator .config-choice--model strong{letter-spacing:.025em;font-size:.85rem}.configurator .config-choice--model small{color:var(--muted);font-size:.7rem;line-height:1.4}.config-choice__check{color:#fff;background:var(--forest);opacity:0;block-size:1rem;inline-size:1rem;transition:opacity .15s ease, transform .25s var(--config-ease);border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem;transform:scale(.65)}.config-choice__check .icon{block-size:.7rem;inline-size:.7rem}.config-choice:has(input:checked) .config-choice__check{opacity:1;transform:scale(1)}.configurator__step--capacity .configurator__options{display:flex}.configurator__step--capacity .config-choice{border-radius:.75rem;flex:1;min-inline-size:5.5rem;padding:1rem}.configurator__step--capacity .config-choice strong{font-size:1rem}.configurator__fixed-capacity{min-block-size:var(--control-size);align-items:center;gap:1rem;margin-block:-1rem 1rem;font-size:.9rem;display:flex}.configurator__fixed-capacity>span{color:var(--muted)}.configurator__fixed-capacity>strong{color:var(--forest)}.configurator .configurator__specs{margin-block-end:.5rem}.configurator__links{flex-wrap:wrap;gap:0 1.5rem;display:flex}.configurator__links .link-arrow{min-block-size:var(--control-size);font-size:.82rem}.configurator__links .link-arrow .icon{inline-size:1rem}.configurator .configurator__colours{justify-content:flex-start;gap:.6rem}.configurator .config-choice--colour{box-shadow:none;background:0 0;border:0;gap:.6rem;min-inline-size:3.4rem;max-inline-size:4.7rem;padding:.4rem .25rem}.configurator .config-choice--colour:has(input:checked){box-shadow:none;background:0 0}.configurator .config-choice--colour:has(input:focus-visible){outline:2px solid var(--forest);outline-offset:4px;border-radius:.5rem}.configurator .config-choice--colour svg{outline-offset:2px;outline:1px solid #d5d9d2;block-size:2.5rem;inline-size:2.5rem;padding:3px}.configurator .config-choice--colour:has(input:checked) svg{outline:2px solid var(--forest)}.configurator .config-choice--colour span{font-size:.72rem}.configurator .configurator__hint{margin-block-start:.75rem;font-size:.78rem;line-height:1.55}.configurator__on-request{background:var(--beige);border-radius:var(--radius-small);gap:.35rem;padding:.75rem;font-size:.82rem;display:grid}.configurator__on-request span{color:var(--muted)}.configurator .ral-colours{margin-block-start:1.25rem}.configurator .ral-colours>legend{letter-spacing:0;margin-block-end:.5rem;font-size:.9rem;font-weight:600}.configurator .ral-colours__note{font-size:.76rem}.configurator__contents{border-block-start:1px solid var(--beige-line);padding-block-start:1.25rem}.configurator__contents .config-choice{border-radius:999px}.configurator .configurator__cap{background:var(--paper);border:1px solid #c5ccc4;border-radius:.9rem;align-items:center;margin:0;padding:1.2rem;transition:border-color .15s,background-color .15s}.configurator .configurator__cap:has(input:checked){border-color:var(--forest);box-shadow:inset 0 0 0 1px var(--forest);background:#f4f7f1}.configurator__cap-copy{gap:.5rem;display:grid}.configurator__cap-copy strong{font-size:.95rem;font-weight:600}.configurator__cap-copy>span{color:var(--muted);font-size:.78rem;font-weight:400;line-height:1.5}.configurator .configurator__cap input{block-size:1.35rem;inline-size:1.35rem;margin-inline-start:auto}.configurator__step>.configurator__links{margin-block-start:1rem}.configurator .configurator__volume{margin:0}.configurator .configurator__volume label{font-size:.9rem}.configurator .configurator__volume input{background:var(--paper);border-color:#c5ccc4;border-radius:.75rem;min-block-size:3.5rem;font-size:1rem}.configurator .configurator__volume .field__hint{font-size:.78rem}.configurator__more{border-block-start:1px solid var(--beige-line);padding-block-start:1rem}.configurator__contact{flex-wrap:wrap;align-items:center;gap:0 1rem;font-size:.8rem;display:flex}.configurator__contact>span{color:var(--muted)}.configurator__contact a{min-block-size:var(--control-size);color:var(--forest);-webkit-text-decoration-color:var(--beige-line);text-decoration-color:var(--beige-line);align-items:center;font-weight:600;display:inline-flex}.configurator__contact a:hover{-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold)}.configurator__share{min-block-size:var(--control-size);color:var(--forest);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.4rem;margin-inline-start:auto;padding:0;font-weight:600;display:inline-flex}.configurator__share .icon{inline-size:1rem}.configurator__share:focus-visible{outline:2px solid var(--forest);border-radius:.5rem}.configurator__share:disabled{opacity:.5;cursor:default}.configurator__more .configurator__hint{margin-block-start:.25rem}.configurator__bar{z-index:8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-block-start:1px solid var(--beige-line);padding-block:.8rem max(.8rem, env(safe-area-inset-bottom));background:#fffffff5;position:fixed;inset-block-end:0;inset-inline:0}.configurator__bar-inner{align-items:center;gap:1rem;max-inline-size:90rem;display:flex}.configurator__bar-product{gap:.2rem;min-inline-size:0;margin-inline-end:auto;text-decoration:none;display:grid}.configurator__bar-product strong{font-size:1rem;line-height:1.3}.configurator__bar-product strong span{margin-inline-start:.3rem;font-weight:400}.configurator__bar-product>span{color:var(--muted);font-size:.75rem}.configurator__bar-note{color:var(--muted);margin-inline-end:.5rem;font-size:.75rem}.configurator__bar .btn{white-space:nowrap;min-block-size:3rem;font-size:.85rem}body:has(.configurator) .site-footer{padding-block-end:7rem}@media (hover:hover) and (pointer:fine){.configurator .config-choice--model:hover img{transform:translateY(-3px)}}@media (width<=65rem) and (width>=48.001rem){.configurator .step-nav button{padding-inline:.5rem;font-size:.8rem}.configurator .config-choice--model{text-align:center;flex-direction:column;justify-content:center}.configurator .config-choice--model img{block-size:3.6rem}}@media (width>=48.001rem) and (height<=46rem){.configurator{--config-workspace:max(15rem, calc(100svh - var(--config-chrome)))}.configurator .bottle-preview__caption,.configurator .product-gallery__head,.configurator .product-gallery__position,.configurator .product-gallery__views,.configurator .product-gallery__caption{display:none}}@media (width<=52rem){.configurator{--config-chrome:23rem}}@media (width<=48rem){.configurator{--config-stage:clamp(9rem, 24svh, 12.5rem);--config-nav:3.9rem;padding-block-start:1.25rem}.configurator__head{margin-block-end:1rem}.configurator__head h1{font-size:clamp(1.5rem,6.5vw,2rem)}.configurator .step-nav{z-index:5;margin-inline:calc(-1 * var(--gutter));padding:.3rem var(--gutter);box-shadow:0 1px 0 var(--beige-line);border-radius:0;margin-block-end:0;position:sticky;inset-block-start:0}.configurator .step-nav button{border-radius:.9rem;flex-direction:column;gap:.15rem;min-block-size:3.3rem;padding:.25rem .2rem;font-size:.68rem;line-height:1.15}.configurator .step-nav__number{block-size:1.3rem;inline-size:1.3rem;font-size:.65rem}.configurator__layout{block-size:auto;display:block}.configurator__studio{z-index:4;margin-inline:calc(-1 * var(--gutter));padding:.5rem var(--gutter);background:var(--paper);box-shadow:0 1px 0 var(--beige-line);position:sticky;inset-block-start:var(--config-nav)}.configurator .bottle-preview__caption,.configurator .product-gallery__head,.configurator .product-gallery__position,.configurator .product-gallery__views,.configurator .product-gallery__caption{display:none}.configurator .bottle-preview__switch{border-radius:999px;flex-wrap:nowrap}.configurator .bottle-preview__switch button{padding-inline:.7rem;font-size:.72rem}.configurator__controls{margin-block-start:1.25rem;padding:0;overflow:visible}.configurator__panel{scroll-margin-block-start:calc(var(--config-nav) + var(--config-stage) + 6.5rem)}.configurator__models{grid-template-columns:repeat(2,minmax(0,1fr))}.configurator .config-choice--model{min-block-size:5.5rem}.configurator .config-choice--model strong{font-size:.8rem}.configurator .config-choice--model small{font-size:.65rem}.configurator__bar-inner{gap:.5rem}.configurator__bar-product strong{font-size:.85rem}.configurator__bar-product>span{text-overflow:ellipsis;white-space:nowrap;max-inline-size:40vw;font-size:.65rem;overflow:hidden}.configurator__bar .btn{gap:.4rem;padding-inline:.85rem;font-size:.75rem}.configurator__bar .btn .icon{inline-size:.9rem}.configurator__bar-note,.configurator__next-step{display:none}}@media (prefers-reduced-motion:reduce){.configurator *,.configurator :before,.configurator :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (forced-colors:active){:is(.configurator .config-choice:has(input:checked),.configurator .configurator__cap:has(input:checked)){border:2px solid highlight}.configurator .config-choice--colour:has(input:checked) svg{outline:2px solid highlight}}
