/* Independent choices for the current editorial product study. */
.product-configurator .unique-grid{align-items:start}
.product-configurator .process-visual{position:sticky;top:115px;height:560px}
.product-configurator .vessel{margin-top:-20px}
.product-configurator .vessel .bottle{left:50%;transform:translateX(-50%);transition:width .65s,border-radius .65s,background .65s;overflow:hidden}
.product-configurator .vessel[data-shape=rounded] .bottle{width:200px;border-radius:62px 62px 24px 24px}
.product-configurator .vessel[data-shape=architectural] .bottle{width:210px;border-radius:12px 12px 16px 16px}
.product-configurator .vessel[data-shape=oval] .bottle{width:240px;border-radius:48% 48% 38% 38%}
.product-configurator .bottle:after{border-radius:inherit}
.product-configurator .bottle:before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,#d9eaf0aa,#eaf5fa55 36%,#d9eaf088 70%,#fff9);box-shadow:inset 12px 0 24px #fff5,inset -12px 0 22px #e5f2f855;opacity:0;transition:opacity .65s;z-index:1}
.product-configurator .vessel[data-surface=frosted] .bottle:before{opacity:.86}
.product-configurator .vessel .cap{transform:none;transition:width .65s,height .65s,left .65s,top .65s,border-radius .65s,background .65s;clip-path:none}
.product-configurator .vessel[data-cap=cylinder] .cap{width:92px;height:76px;left:54px;top:0;border-radius:5px;background:linear-gradient(90deg,#c8c8bd,#f2eee3 25%,#aaa99e 85%,#d5d1c6)}
.product-configurator .vessel[data-cap=sphere] .cap{width:94px;height:94px;left:53px;top:-18px;border-radius:50%;background:radial-gradient(circle at 30% 23%,#fff5d6 0%,#dbbb7e 22%,#a67a3e 58%,#674421 85%);box-shadow:inset -8px -6px 9px #432a2b55,2px 5px 20px #05273b55}
.product-configurator .vessel[data-cap=faceted] .cap{width:108px;height:76px;left:46px;top:0;border-radius:3px;clip-path:polygon(14% 0,86% 0,100% 16%,100% 84%,86% 100%,14% 100%,0 84%,0 16%);background:linear-gradient(90deg,#0e263a,#547185 17%,#243f53 18%,#1d3548 78%,#0a1e2e 79%,#4d6574)}
.product-configurator .config-selection{position:absolute;bottom:42px;left:0;right:0;text-align:center;font-size:13px!important;line-height:1.5!important;color:#d5e2e8;max-width:none;padding:0 12px}
.product-configurator .step{border-top:0;padding:24px 0 20px;align-items:center}
.product-configurator .step>span{padding-top:0}
.product-configurator .step h3{font-size:clamp(26px,2.4vw,38px)}
.product-configurator .step>b{font-family:Basis,Arial,sans-serif!important;font-size:26px;line-height:1}
.product-configurator .config-step{border-top:1px solid #ffffff30}
.product-configurator .config-panel{padding:0 0 28px 42px}
.product-configurator .config-panel[hidden]{display:none}
.product-configurator .config-panel>p{font-size:17px;line-height:1.65;max-width:420px;margin:0 0 22px}
.product-configurator .config-options{display:flex;flex-wrap:wrap;gap:10px}
.product-configurator .config-option{min-height:72px;min-width:90px;padding:12px 14px;border:1px solid #9ebbc580;border-radius:2px;color:#d5e2e8;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;font-size:14px;line-height:1.3;transition:background .2s,border-color .2s}
.product-configurator .config-option[aria-pressed=true]{background:#edf1e9;color:#063c66;border-color:#edf1e9}
.product-configurator .config-option:hover{border-color:#fff}
.product-configurator .config-option:focus-visible,.product-configurator .step:focus-visible{outline:2px solid #fff;outline-offset:4px}
.config-icon{display:block;width:24px;height:28px;border:1px solid currentColor}
.config-icon-shape{position:relative;margin-top:5px;height:24px}
.config-icon-shape:before{content:'';position:absolute;top:-6px;width:8px;height:5px;left:calc(50% - 5px);border:1px solid currentColor}
.config-icon-rounded{border-radius:8px 8px 3px 3px}.config-icon-architectural{border-radius:2px}.config-icon-oval{width:28px;border-radius:45%}
.config-icon-tint{width:22px;height:22px;border:0;border-radius:50%}.config-icon-tint.config-icon-clear{background:#d3e1e3;box-shadow:0 0 0 1px #063c6655}.config-icon-amber{background:#a96426}.config-icon-blue{background:#356a95}
.config-icon-surface{width:23px;height:26px;border-radius:5px;background:linear-gradient(110deg,#eef7fc55,transparent 50%,#eef7fc77)}
.config-icon-frosted{background:linear-gradient(110deg,#e7f1f5cc,#bdced9bb);box-shadow:inset 0 0 8px #fff9}
.config-icon-cap{width:26px;height:23px;background:linear-gradient(90deg,#b8b6a9,#f2eee3 28%,#a4a394 85%);border:0;border-radius:2px}.config-icon-sphere{width:25px;height:25px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff5d6,#b88b45 65%,#674421)}.config-icon-faceted{background:linear-gradient(90deg,#25465c,#597889 20%,#193449 22%,#0a1e2e 80%);clip-path:polygon(15% 0,85% 0,100% 18%,100% 82%,85% 100%,15% 100%,0 82%,0 18%)}
@media(max-width:1000px){.product-configurator .unique-grid{gap:5%}.product-configurator .config-panel{padding-left:0}.product-configurator .config-option{min-width:76px;padding:12px 10px}}
@media(max-width:600px){.product-configurator .process-visual{position:relative;top:auto;height:440px}.product-configurator .vessel{margin-top:-24px}.product-configurator .config-selection{bottom:28px;font-size:11px!important}.product-configurator .process-visual>.micro{font-size:6px}.product-configurator .unique-grid{gap:26px}.product-configurator .config-panel{padding-left:32px}.product-configurator .step{gap:18px}.product-configurator .config-option{min-width:72px;font-size:13px}.product-configurator .config-panel>p{font-size:16px!important}.product-configurator .step h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){.product-configurator .vessel,.product-configurator .vessel .cap,.product-configurator .vessel .bottle,.product-configurator .bottle:before,.product-configurator .config-option{transition:none}}

/* A sample perfume label completes the bottle in the finishing-touch chapter. */
.product-configurator .vessel .bottle-label{top:82px;left:50%;transform:translateX(-50%);width:122px;height:146px;padding:14px 10px;background:#f2eee2;color:#173e51;border:1px solid #d4c7ad;box-shadow:0 2px 5px #061d2e33;display:flex;flex-direction:column;justify-content:space-between;gap:0;z-index:2;opacity:0;pointer-events:none;transition:opacity .4s}
.product-configurator .vessel[data-active-step="3"] .bottle-label{opacity:1}
.product-configurator .bottle-label>span{position:static;display:block;bottom:auto;font-family:Basis,Arial,sans-serif!important;line-height:1.2;font-weight:400;text-align:center}
.product-configurator .bottle-label .sample-label-kicker{font-size:6px;letter-spacing:1.5px}
.product-configurator .bottle-label .sample-label-name{font-family:Adelia,Arial,sans-serif!important;font-size:25px;letter-spacing:1px;margin-top:13px}
.product-configurator .bottle-label .sample-label-rule{height:1px;width:26px;background:#a69065;margin:3px auto 8px}
.product-configurator .bottle-label .sample-label-note{font-size:6px;letter-spacing:1.2px}
.product-configurator .bottle-label .sample-label-volume{font-size:7px;letter-spacing:.5px;margin-top:12px}
@media(prefers-reduced-motion:reduce){.product-configurator .vessel .bottle-label{transition:none}}