/* Colours drawn from the supplied Blood Orange, Blue Hawaiian,
   Margarita, Mojito and Lemon Martini packaging. */
:root{--paper:#ffffff;--ink:#172d35;--muted:#546369;--line:#d8e1df;--orange:#ed4d2f;--blue:#007bb7;--deep-blue:#005b91;--lime:#b8d42b;--yellow:#ffd039}
.announcement{background:var(--deep-blue)}
.announcement span{color:#fff}
.header{background:#fff;border-bottom-color:#e6e9e7}
.header nav a:hover,.footer a:hover,.text-link:hover,.product-name:hover{color:var(--deep-blue)}
.hero-copy{background:var(--yellow)}
.hero h1 em{color:var(--deep-blue)}
.hero-footnote{color:var(--ink)}
.small-rule{background:var(--ink)}
.hero-image-caption{background:rgba(23,45,53,.72);padding:6px 10px;left:22px;bottom:22px}
.button-dark{background:var(--deep-blue)}
.button-dark:hover{background:#004c7b}
.intro-strip{background:#fff;border-bottom:5px solid var(--orange)}
.intro-strip>div:not(.intro-availability){color:var(--deep-blue)}
.filters button.active{background:var(--deep-blue);border-color:var(--deep-blue)}
.product-photo{border-bottom:6px solid var(--flavour,var(--blue))}
.quick-add{border-color:var(--deep-blue);color:var(--deep-blue)}
.quick-add:hover{background:var(--deep-blue);border-color:var(--deep-blue);color:#fff}
.pairings{background:var(--lime);border-color:#a0bb23}
.pairing-copy .eyebrow,.pairing-copy p{color:var(--ink)}
.pairing-display{background:#fff}
.pairing-images img{mix-blend-mode:normal}
.pairing-tabs button{border-color:#6b8120}
.pairing-tabs button.active{background:var(--deep-blue);border-color:var(--deep-blue)}
.serve{background:var(--yellow)}
.serve-steps{border-color:#b79b27}
.serve-steps p,.serve-steps article>span,.serve .section-heading>p,.serve .eyebrow{color:#3b4638}
.about{background:#fff}
.about h2 em{color:var(--deep-blue)}
.where-to-buy{background:#fff}
.order-banner{background:var(--deep-blue)}
.order-banner .eyebrow,.order-banner p:not(.eyebrow),.order-banner .retailer-ordering-note,.retailer-address{color:#fff}
.order-banner .button-light{background:var(--lime);color:var(--ink)}
.order-banner .button-light:hover{background:#cee448}
.footer{background:var(--yellow)}
.footer>p>span{color:#3b4638}
.order-toggle span{border-color:var(--deep-blue);color:var(--deep-blue)}
.toast{background:var(--deep-blue);border-color:#3990bc}
.recipes{background:var(--blue);color:#fff}
.recipes .section-heading .eyebrow,.recipes .section-heading>p{color:#fff}
.recipes h2 em{color:var(--yellow)}
.recipe-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.1fr);gap:28px;align-items:start}
.recipe-picker{display:grid;grid-template-columns:1fr;gap:10px}
.recipe-mobile-selector{display:none}
.recipe-choice{display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:#fff;color:var(--ink);border-left:8px solid var(--recipe-colour);padding:17px 18px;min-height:78px;transition:background .2s,transform .2s}
.recipe-choice:hover{transform:translateX(3px)}
.recipe-choice.active{background:var(--recipe-colour);color:var(--recipe-text,var(--ink));box-shadow:inset 0 0 0 2px #fff}
.recipe-choice strong{font-family:var(--serif);font-size:23px;font-weight:400;line-height:1.1;letter-spacing:-.025em}
.recipe-choice span{font-size:12px;line-height:1.5;margin-top:6px}
.recipe-panel{background:#fff;color:var(--ink);min-width:0;border-top:8px solid var(--recipe-colour,var(--orange));padding:32px}
.recipe-panel-header{display:grid;grid-template-columns:1fr 150px;gap:20px;align-items:center}
.recipe-panel-header .eyebrow{color:var(--deep-blue);margin-bottom:10px}
.recipe-panel h3{font-family:var(--serif);font-size:39px;line-height:1.07;letter-spacing:-.04em;margin-bottom:12px}
.recipe-spirit{font-size:15px;line-height:1.5;color:var(--muted)}
.recipe-products{display:flex;align-items:center;justify-content:center;height:155px;min-width:0}
.recipe-products img{height:100%;width:90px;object-fit:contain}
.recipe-products img+img{width:80px;height:65%;margin-left:-20px;align-self:flex-end;margin-bottom:10px}
.recipe-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin:24px 0}
.recipe-controls>span{font-size:14px;color:var(--muted)}
.recipe-unit-switch{display:flex;gap:4px;background:#e8f0f4;padding:4px}
.recipe-unit-switch button{padding:8px 13px;font-size:14px}
.recipe-unit-switch button.active{color:#fff;background:var(--deep-blue)}
.recipe-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:32px}
.recipe-body h4{font-family:var(--serif);font-size:25px;line-height:1.1;font-weight:400;margin:0 0 20px;letter-spacing:-.025em}
.recipe-ingredients{list-style:none;padding:0;margin:0}
.recipe-ingredients li{padding:0 0 13px;margin-bottom:13px;border-bottom:1px solid var(--line);font-size:16px;line-height:1.5}
.recipe-ingredients li:last-child{margin-bottom:0}
.recipe-ingredients span{display:block;font-size:13px;font-weight:600;color:var(--deep-blue);margin-bottom:3px}
.recipe-steps{margin:0;padding-left:22px}
.recipe-steps li{font-size:16px;line-height:1.65;padding-left:5px;margin-bottom:20px}
.recipe-steps li::marker{font-family:var(--serif);color:var(--deep-blue);font-size:20px}
.recipe-save{margin-top:26px}
.recipe-reference{font-size:12px;color:var(--muted);line-height:1.6;margin-top:22px}
.recipe-reference a{text-decoration:underline;text-underline-offset:3px}
.recipe-guidance{font-size:14px;line-height:1.7;max-width:800px;margin:26px 0 0 auto;color:#fff}
@media(max-width:1050px){.recipe-layout{grid-template-columns:1fr 2fr;gap:20px}.recipe-choice{padding:15px 13px}.recipe-choice strong{font-size:21px}.recipe-panel{padding:25px}.recipe-panel-header{grid-template-columns:1fr 100px}.recipe-products{height:135px}.recipe-products img{width:80px}.recipe-products img+img{width:65px}.recipe-panel h3{font-size:34px}.recipe-body{grid-template-columns:1fr;gap:28px}}
@media(max-width:760px){.recipe-layout{grid-template-columns:1fr;gap:24px}.recipe-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.recipe-choice{min-height:95px;border-left-width:6px;padding:13px 11px}.recipe-choice strong{font-size:21px}.recipe-choice span{font-size:12px}.recipe-choice:hover{transform:none}.recipe-panel{padding:24px 20px}.recipe-panel-header{grid-template-columns:1fr 80px;gap:10px}.recipe-panel h3{font-size:34px}.recipe-spirit{font-size:14px}.recipe-products{height:130px}.recipe-products img{width:67px}.recipe-products img+img{width:54px;margin-left:-21px}.recipe-controls{align-items:flex-start;flex-wrap:wrap}.recipe-body{grid-template-columns:1fr}.recipe-save{width:100%}.recipe-reference{font-size:12px}.recipe-guidance{font-size:14px}.serve-steps article{border-color:#b79b27}}
@media(max-width:760px){.recipe-picker{display:none}.recipe-mobile-selector{display:block;background:#fff;padding:16px;color:var(--ink)}.recipe-mobile-selector label{display:block;font-size:14px;margin-bottom:8px}.recipe-mobile-selector select{display:block;width:100%;min-width:0;max-width:100%;background:#fff;color:var(--ink);border:1px solid #b8cbd3;border-radius:0;min-height:48px;font-size:16px;padding:10px 8px}}
