/* A quieter path through the ROMELÍ story and its fragrances. */
.delivery-banner{background:#e9e2d4;color:#6a604d;font-size:9px;letter-spacing:.15em}
.site-header{background:#f6f2e9f5}
.header-cart{background:transparent;color:var(--ink);border:1px solid #c7c1b2;padding:11px 15px}
.header-cart:hover{background:#eae5d9}
.header-cart b{background:#e4dfd2}
.floating-cart[hidden]{display:none}
.hero-secondary{color:#eee6d7}
.hero-content{padding-top:205px}
.elements-mark{width:88px;height:88px;object-fit:contain;mix-blend-mode:multiply;border-radius:50%;margin:0 0 20px}
.intro{padding-top:80px;padding-bottom:80px}
.intro h2{font-size:clamp(35px,3.3vw,54px)}
.memory-story{grid-template-columns:1.1fr .9fr;gap:10vw;align-items:center;padding-top:105px;padding-bottom:105px;background:#eee5d5;border-bottom:1px solid #d7cbb7}
.memory-copy{max-width:500px}
.memory-story h2{font-size:clamp(54px,5.6vw,84px);margin-top:25px;line-height:1.04}
.memory-story h2 em{color:#786447}
.memory-rule{display:block;width:80px;height:1px;background:#ae9470;margin:29px 0}
.memory-story .story-body{padding:0;max-width:420px}
.memory-story .story-body .story-lead{font-size:28px;line-height:1.4;margin-bottom:20px}
.memory-story .story-body p{font-size:14px;line-height:1.95;color:#6e6252;margin-bottom:21px}
.memory-story .story-signature{font-size:21px;line-height:1.4;max-width:370px;padding-top:13px;color:#8a7352}
.memory-photo{margin:0;max-width:450px;justify-self:end;background:#e1d2b8;padding:17px 17px 0;transform:rotate(.6deg)}
.memory-photo img{width:100%;height:auto;object-fit:contain;filter:saturate(.7)}
.memory-photo figcaption{font-size:7px;letter-spacing:.16em;color:#867258;line-height:1.8;padding:18px 8px;text-align:center}
.card-price{font:11px/1.7 var(--sans);color:#6e6a60;margin:0 0 19px}
.card-price small{font-size:9px;color:#878172;margin-top:4px;max-width:210px}
.offers-section{background:#f1ece2}
.offers-grid{gap:32px}
.offer{border:1px solid #d8cfbe}
.discovery-offer{background:#eee7da}
.offer h3{font-size:43px}
.offer-price{font:23px/1.4 var(--serif);margin:24px 0;color:var(--ink)}
.offer-price small{font:8px var(--sans);color:var(--muted)}
.six-offer{background:#e6decd;color:var(--ink)}
.six-number{font-size:74px;color:#8b795c;margin:26px 0 22px}
.six-number span{font-size:25px}
.six-offer .offer-saving{color:#796c55;font-size:10px}
.six-offer .offer-extra{color:#7d7464}
.six-offer .offer-price{margin:22px 0 10px}
.culture-section{display:grid;grid-template-columns:1.05fr .95fr;gap:9vw;align-items:center;background:#f0e8d9;border-bottom:1px solid var(--line)}
.culture-copy h2{font-size:clamp(45px,4.6vw,70px);line-height:1.08;margin:25px 0}
.culture-copy h2 em{color:#8b7252}
.culture-lead{font:26px/1.4 var(--serif);max-width:340px;margin:30px 0 18px}
.culture-copy .section-copy{max-width:360px;font-size:13px}
.culture-copy .text-button{margin-top:30px;font-size:11px}
.culture-figure{margin:0;max-width:445px;justify-self:end}
.culture-open{display:block;padding:0;width:100%;text-align:left;background:#dfcfb6}
.culture-open img{height:auto;object-fit:contain}
.culture-open>span{padding:14px 17px;font-size:10px;color:#6f5941;display:flex;align-items:center;justify-content:space-between;gap:15px}
.culture-open b{font-size:19px;font-weight:400}
.culture-open:hover>span{background:#d9c5a5}
.culture-figure figcaption{font:italic 16px/1.5 var(--serif);color:#927b5c;padding-top:15px}
.culture-dialog{width:850px;padding:50px 18px 18px;background:#ede2ce}
.culture-dialog img{width:100%;height:auto;object-fit:contain}
.pack-dialog{max-height:94svh}
.pack-price{justify-content:space-between;gap:20px;padding:12px 0}
.pack-price strong{font:23px/1.4 var(--serif);white-space:nowrap}
.pack-inputs{align-items:start;gap:19px 16px}
.aroma-picker{min-width:0}
.pack-inputs .aroma-picker>label{display:block;font-size:10px;letter-spacing:.06em;margin-bottom:7px}
.picker-field{display:flex;align-items:stretch;border:1px solid #c4bdac;background:#f8f4eb}
.picker-field:focus-within{border-color:var(--olive);box-shadow:0 0 0 1px var(--olive)}
.pack-inputs .aroma-query{font:12px/1.6 var(--sans);border:0;background:none;margin:0;padding:11px 12px;width:100%;min-width:0;min-height:46px;outline:none}
.pack-inputs .aroma-query::placeholder{font-size:11px}
.picker-toggle{padding:0 12px;border-left:1px solid #ded6c7;min-width:41px;font-size:22px;line-height:1}
.picker-toggle:hover{background:#eae3d5}
.picker-toggle:focus-visible{outline:2px solid var(--rust);outline-offset:-3px}
.aroma-options{margin-top:5px;background:#f9f5ec;border:1px solid #b8b09d;max-height:222px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.aroma-options[hidden]{display:none}
.aroma-option{display:block;width:100%;text-align:left;padding:12px;border-bottom:1px solid #e3ddcf;min-height:65px;line-height:1.5}
.aroma-option:last-child{border-bottom:0}
.aroma-option>span{display:block;font:20px/1.2 var(--serif);color:var(--ink)}
.aroma-option>small{display:block;font:10px/1.6 var(--sans);color:#7b705e;margin-top:5px}
.aroma-option:hover,.aroma-option.is-active,.aroma-option[aria-selected=true]{background:#e6dfcf}
.picker-empty{font-size:12px;line-height:1.8;padding:18px;color:var(--muted)}
.pack-inputs .chosen-aroma{font-size:10px;line-height:1.6;min-height:16px;margin-top:7px}
@media(max-width:1100px){.memory-story,.culture-section{gap:6vw}.site-header nav{gap:19px}.memory-story{padding-top:80px;padding-bottom:80px}}
@media(max-width:760px){
 .delivery-banner{font-size:8px;letter-spacing:.08em;white-space:normal;text-align:center}
 .header-cart{padding:9px 10px}
 .hero-content{padding-top:181px}
 .intro{padding-top:60px;padding-bottom:60px}
 .intro h2{font-size:39px}
 .intro-aside{align-items:center;gap:20px}
 .elements-mark{width:76px;height:76px;flex-shrink:0;margin:0}
 .memory-story{display:flex;flex-direction:column;align-items:stretch;padding-top:65px;padding-bottom:65px;gap:38px}
 .memory-story h2{font-size:58px}
 .memory-story .story-body{padding:0}
 .memory-story .story-body .story-lead{font-size:27px}
 .memory-story .story-body p{font-size:13px}
 .memory-story .story-signature{font-size:20px}
 .memory-photo{width:88%;max-width:370px;align-self:center;padding:12px 12px 0;transform:rotate(.6deg)}
 .memory-photo figcaption{font-size:6px;padding:14px 4px}
 .card-price{font-size:10px;line-height:1.8;margin-bottom:18px}
 .card-price small{font-size:8px;line-height:1.7}
 .offer h3{font-size:41px}
 .offer-price{font-size:23px}
 .six-number{font-size:69px;margin:24px 0}
 .six-number span{font-size:24px}
 .culture-section{display:flex;flex-direction:column;align-items:stretch;gap:38px}
 .culture-copy h2{font-size:47px}
 .culture-lead{font-size:26px}
 .culture-figure{width:100%;max-width:430px;align-self:center}
 .culture-dialog{padding:49px 10px 10px}
 .pack-dialog{padding:43px 23px 27px}
 .pack-price{display:block}
 .pack-price strong{font-size:24px}
 .pack-price>span{display:block;font-size:9px;margin-top:5px}
 .pack-inputs{display:grid;grid-template-columns:1fr;gap:15px}
 .pack-inputs .aroma-query{font-size:16px;line-height:1.5;min-height:48px;padding:11px 12px}
 .pack-inputs .aroma-query::placeholder{font-size:13px}
 .picker-toggle{min-width:44px}
 .aroma-options{max-height:235px}
 .aroma-option{padding:13px 12px;min-height:68px}
 .aroma-option>span{font-size:21px}
 .aroma-option>small{font-size:11px}
 .pack-inputs .chosen-aroma{min-height:0}
}

.decants-image{height:auto;aspect-ratio:5/4;padding:0;overflow:hidden;background:#eae0cd}
.decants-image img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
@media(min-width:761px){.detail-image img{height:auto;aspect-ratio:2/3;object-fit:cover}}