@font-face{font-family:HoilLabel;src:url('label-book.otf') format('opentype');font-weight:400;font-display:swap}
.flavour-title{font-family:HoilLabel,Arial,sans-serif;font-size:20px;font-weight:400;line-height:1.4;margin:23px 0 16px}
.flavours{display:flex;flex-wrap:wrap;gap:7px}
 .flavour{font:400 11px/1.65 Arial,Helvetica,sans-serif;display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:20px;text-align:center;transition:border-color .15s,background .15s}
.flavour:hover{border-color:var(--olive);background:#eeece1}
.flavour[aria-current=page]{border-color:var(--olive);background:#eeece1}
.detail-page .wrap{max-width:1320px}
.detail-page header nav{gap:24px}
.detail-page header nav a{font-size:14px}
.crumbs{font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px;padding-top:27px;padding-bottom:27px}
.crumbs a{text-decoration:underline;text-underline-offset:4px}
.oil-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:62px;align-items:start;padding:12px 0 70px}
.oil-visual{margin:0;position:sticky;top:24px}
.oil-visual img{width:100%;height:auto;display:block;aspect-ratio:1;object-fit:contain;border-radius:5px}
.oil-visual figcaption{font-family:HoilLabel,Arial,sans-serif;font-size:14px;color:var(--muted);padding-top:14px;text-align:center}
.oil-copy h1{font:400 clamp(36px,4vw,56px)/1.12 HoilLabel,Arial,sans-serif;letter-spacing:-1px;margin:17px 0 18px;overflow-wrap:anywhere}
.oil-copy .tagline{font:400 25px/1.4 Georgia,serif;color:var(--olive);margin:0 0 26px}
.oil-copy p{font-size:16px;line-height:1.8;margin:0 0 19px;color:#4d5146}
.oil-copy section{border-top:1px solid var(--line);padding-top:23px;margin-top:23px}
.oil-copy h2{font:400 27px/1.3 Georgia,serif;letter-spacing:0;margin:0 0 12px}
.oil-copy .capacity{background:#eeece1;border-left:5px solid var(--flavour);padding:18px 22px;margin:25px 0}
.capacity strong{font:400 23px/1.5 HoilLabel,Arial,sans-serif;display:block}
.capacity span{font-size:14px;color:var(--muted)}
.oil-copy .sales-note{font-size:13px;color:var(--muted)}
.explore-oils{border-top:1px solid var(--line);padding:42px 0 50px}
.explore-oils h2{font-size:32px;margin:0 0 23px}
.collection-links{border-top:1px solid var(--line);padding:35px 0 65px;display:flex;flex-wrap:wrap;gap:12px}
.collection-links a{display:inline-flex;align-items:center;min-height:48px;border:1px solid var(--olive);padding:12px 20px;border-radius:5px;font-size:15px}
.collection-links a:hover{background:#eeece1}
.collection-links .home-link{background:var(--olive);color:white}
@media(max-width:900px){.oil-layout{gap:30px}.detail-page header nav{gap:15px}.detail-page header nav a{font-size:13px}}
@media(max-width:760px){.oil-layout{grid-template-columns:1fr;padding-bottom:40px;gap:30px}.oil-visual{position:static;max-width:540px;width:100%;margin:0 auto}.oil-copy h1{font-size:38px}.oil-copy .tagline{font-size:23px}.oil-copy p{font-size:16px}.detail-page header nav a:nth-child(2){display:inline}.detail-page header{height:auto;min-height:82px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}.detail-page header nav{flex-wrap:wrap}.crumbs{padding-top:20px;padding-bottom:20px}.flavours{gap:7px}.collection-links{padding-bottom:40px}.collection-links a{width:100%;justify-content:center}.explore-oils h2{font-size:29px}}
