.featured{padding:58px 6% 0}.featured-intro{display:grid;grid-template-columns:1.45fr 1fr;gap:60px;align-items:end;margin-bottom:35px}.featured-intro h1{font-size:clamp(38px,4.1vw,64px)}.featured-intro>div:last-child{max-width:350px;margin-left:auto}.featured-intro p:not(.eyebrow){font-size:17px;color:#726d65;line-height:1.65;margin:0 0 17px}.same-bottle{font-size:13px;color:#8a5b30}.signature-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.cap-choice{border:1px solid var(--line);background:white;min-width:0}.cap-choice.is-selected{border-color:#ed7500;box-shadow:0 0 0 1px #ed7500}.photo-button{display:block;padding:0;border:0;background:#fff;width:100%;cursor:zoom-in}.photo-button img{display:block;object-fit:contain;width:100%;height:auto;aspect-ratio:1}.pair-caption{display:flex;align-items:center;justify-content:space-between;padding:21px 23px;gap:14px}.pair-caption span{font-size:11px;letter-spacing:1.6px;color:#908171}.pair-caption h2{font-size:24px;letter-spacing:-.5px;margin:8px 0}.pair-caption p{font-size:14px;line-height:1.5;color:#7b7167;margin:0}.select-cap{padding:10px 15px;border:1px solid #d6c8b9;border-radius:3px;white-space:nowrap;color:#615344;background:white;font-size:14px}.select-cap[aria-pressed=true]{background:#fff2e5;color:#b34e00;border-color:#ed7500}.selection-bar{display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid var(--line);padding:30px 0 35px}.selection-bar>div>span{font-size:11px;letter-spacing:1.5px;color:var(--orange)}.selection-bar p{font-size:20px;margin:8px 0 10px;font-weight:600}.selection-bar small{display:block;font-size:12px;line-height:1.6;color:#8b8176;max-width:620px}.selection-bar .primary{flex-shrink:0}.recommended-heading{margin:55px 0 28px;display:flex;justify-content:space-between;align-items:end;gap:25px}.recommended-heading .eyebrow{margin-bottom:14px}.recommended-heading h2{font-size:34px;letter-spacing:-.8px;line-height:1.15;margin:0}.recommended-heading>p{font-size:15px;color:#82776d;max-width:250px;line-height:1.6;margin:0}.featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.featured-card{min-width:0}.featured-card .photo-button{border:1px solid var(--line)}.featured-card h3{font-size:20px;line-height:1.2;margin:16px 0 10px;letter-spacing:-.4px}.featured-card p{font-size:14px;line-height:1.6;color:#7c7166;margin:0;min-height:46px}.featured-card .card-footer{align-items:start;gap:8px}.featured-card .card-footer button{font-size:13px}.featured-card .card-footer span{font-size:14px;white-space:nowrap}.featured-card .card-footer small{display:block;font-size:11px;margin-top:3px}.featured+#patent-designs{margin-top:65px;border-top:1px solid var(--line)}#collection-title{font-size:clamp(35px,3.7vw,56px);line-height:1.06;letter-spacing:-1.5px;margin:0}#featured-detail-photo{width:100%;height:auto;object-fit:contain;align-self:start}#featured-demo-result{font-size:14px;line-height:1.7;color:#a44c08}@container(max-width:1000px){.featured-intro{gap:35px;grid-template-columns:1.4fr 1fr}.pair-caption{padding:18px;align-items:start;flex-direction:column}.pair-caption h2{font-size:23px}.select-cap{align-self:stretch}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-card .card-footer button{font-size:15px}.selection-bar .primary{max-width:255px}.header nav{gap:16px}}@container(max-width:650px){.featured{padding-top:35px}.featured-intro{display:block;margin-bottom:28px}.featured-intro h1{font-size:38px;letter-spacing:-1.3px}.featured-intro>div:last-child{margin:22px 0 0;max-width:none}.featured-intro p:not(.eyebrow){font-size:16px}.signature-pair{grid-template-columns:1fr;gap:24px}.pair-caption{flex-direction:row;padding:20px;align-items:center}.pair-caption h2{font-size:21px}.pair-caption p{font-size:13px}.select-cap{align-self:center;font-size:12px;padding:10px}.selection-bar{display:block;padding:25px 0 30px}.selection-bar p{font-size:18px;line-height:1.5}.selection-bar .primary{margin-top:22px;max-width:none;width:100%}.recommended-heading{display:block;margin-top:38px}.recommended-heading h2{font-size:30px}.recommended-heading>p{margin-top:16px;max-width:none}.featured-grid{grid-template-columns:1fr;gap:30px}.featured-card h3{font-size:22px}.featured-card p{min-height:0;font-size:15px}.featured-card .card-footer button{font-size:15px}.featured-card .card-footer span{font-size:16px}.featured+#patent-designs{margin-top:40px}.header nav{gap:10px;font-size:11px}.header nav a:last-child{display:none}#collection-title{font-size:36px}.header{gap:10px}.logo{font-size:30px}}
.dialog-head{position:sticky;top:0;background:white;z-index:2}dialog{container-type:inline-size}.preview.mobile~dialog{width:min(390px,94vw)}@container(max-width:520px){.dialog-layout{grid-template-columns:1fr;gap:8px}.dialog-head h2{font-size:23px}.dialog-head .eyebrow{font-size:10px;letter-spacing:1px}}
.collection-whatsapp{display:flex;align-items:center;justify-content:center;min-height:48px;width:100%;margin-top:12px;padding:13px 18px;border:1px solid #0d766c;border-radius:3px;background:#0d766c;color:#fff;font-size:16px;font-weight:700;line-height:1.4;text-align:center;text-decoration:none}.collection-whatsapp:hover{background:#085f57}.detail-copy #featured-chat-help{margin:12px 0 0;font-size:14px;line-height:1.6}
#oulu-manage-analytics{border:0;background:transparent;padding:0;color:inherit;font:inherit;text-decoration:underline}
.selection-actions{display:grid;gap:10px;width:280px;flex-shrink:0}.selection-actions .collection-whatsapp{margin:0}.selection-bar .selection-actions .primary{width:100%;max-width:none;margin:0;justify-content:center;min-height:48px}.selection-actions #signature-chat-help{font-size:14px;line-height:1.5}.selection-actions a:focus-visible,.selection-actions button:focus-visible{outline:3px solid #171714;outline-offset:3px}@container(max-width:650px){.selection-actions{width:100%;margin-top:22px}}
/* Keep enquiry text legible and the sticky detail heading opaque while scrolling. */
.primary{background:#b94e00}.primary:hover{background:#963f00}
.dialog-head::before{content:"";position:absolute;inset:-26px 0 auto;height:26px;background:#fff;pointer-events:none}
.dialog-head button{width:44px;height:44px;min-width:44px;min-height:44px}
.analytics-consent{position:fixed;z-index:150;left:22px;bottom:22px;width:min(620px,calc(100vw - 44px));padding:22px;border:1px solid #d8d2c8;background:#fff;box-shadow:0 22px 60px #0003;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;color:#171714}
.analytics-consent strong{display:block;margin-bottom:6px;font-size:16px}.analytics-consent p{margin:0;color:#625d55;font-size:14px;line-height:1.55}.analytics-consent a{font-weight:700;text-decoration:underline;text-underline-offset:2px}.analytics-consent-actions{display:flex;gap:8px}.analytics-consent button{min-height:44px;padding:0 15px;border:1px solid #bbb4a9;background:#fff;color:#171714;font-size:14px;font-weight:700;white-space:nowrap}.analytics-consent .analytics-consent-allow{border-color:#b94e00;background:#b94e00;color:#fff}
@media(max-width:650px){.analytics-consent{left:12px;bottom:12px;width:calc(100vw - 24px);padding:16px;grid-template-columns:1fr;gap:14px}.analytics-consent-actions{display:grid;grid-template-columns:1fr 1fr}}