<link rel="stylesheet" href="https://www.nespresso.com/shared_res/agility/next-components/content-composer/v1.1/css/content-composer.css">
<link rel="stylesheet" href="https://www.nespresso.com/shared_res/agility/next-components/container/v1.1/css/container.css">
<link rel="stylesheet" href="https://www.nespresso.com/shared_res/agility/web-components/zone/v1.1/css/zone.css">
<link rel="stylesheet" href="https://www.nespresso.com/shared_res/agility/next-components/detailed-description/v1.1/css/detailed-description.css">
<link rel="stylesheet" href="https://www.nespresso.com/shared_res/agility/next-components/pdp-detailed-description/v1.1/css/pdp-detailed-description.css">
<link rel="stylesheet" href="https://www.nespresso.com/shared_res/agility/next-components/pdp-context/v1.1/css/pdp-context.css">
<link rel="stylesheet" href="https://www.nespresso.com/shared_res/agility/next-components/collapse/v1.1/css/collapse.css">
<link rel="stylesheet" href="https://www.nespresso.com/shared_res/agility/next-components/cta/v1.1/css/cta.css">
<link rel="stylesheet" href="https://www.nespresso.com/shared_res/agility/next-components/icon/v1.1/css/icon.css">
<link rel="stylesheet" href="https://www.nespresso.com/shared_res/agility/next-components/level/v1.1/css/level.css">
<link rel="stylesheet" href="https://www.nespresso.com/shared_res/agility/next-components/list/v1.1/css/list.css">
<link rel="stylesheet" href="https://www.nespresso.com/shared_res/agility/next-components/usp/v1.1/css/usp.css?1.1.3">
<link rel="stylesheet" href="https://www.nespresso.com/shared_res/agility/next-components/card-recipe/v1.1/css/card-recipe.css?1.1.1">
<link rel="stylesheet" href="https://www.nespresso.com/shared_res/agility/next-components/modal-recipe/v1.1/css/modal-recipe.css">
<link rel="stylesheet" href="https://www.nespresso.com/shared_res/agility/web-components/slider/v1.1/css/slider.css">
<link rel="stylesheet" href="https://www.nespresso.com/shared_res/agility/next-components/image-text/v1.1/css/image-text.css">
<link rel="stylesheet" href="https://www.nespresso.com/shared_res/agility/ispirazioneItaliana/ispirazioneItaliana/css/chunk-vendors.css">
<link rel="stylesheet" href="https://www.nespresso.com/shared_res/agility/ispirazioneItaliana/ispirazioneItaliana/css/Swiper.css">
<link rel="stylesheet" href="https://www.nespresso.com/shared_res/agility/next-components/video/v1.1/css/video.css">
<link rel="stylesheet" href="https://www.nespresso.com/shared_res/agility/next-components/recipes/v1.1/css/recipes.css">
<link rel="stylesheet" href="https://www.nespresso.com/shared_res/agility/next-components/popin/v1.1/css/popin.css">
<link rel="stylesheet" href="https://www.nespresso.com/shared_res/agility/next-components/popin/v1.1/css/popin.css?1.1.2">
<link rel="stylesheet" href="https://www.nespresso.com/shared_res/agility/next-components/hero-banner/v1.1/css/hero-banner.css?1.1.2">
<link rel="stylesheet" href="https://www.nespresso.com/shared_res/agility/next-components/recipes/v1.1/css/recipes.css">
<link rel="stylesheet" href="https://www.nespresso.com/shared_res/agility/next-components/modal-recipe/v1.1/css/modal-recipe.css?1.1.1">
<link rel="stylesheet" href="https://www.nespresso.com/shared_res/agility/web-components/paragraph/v1.1/css/paragraph.css">
<link rel="stylesheet" href="https://www.nespresso.com/shared_res/agility/next-components/context/v1.1/css/context.css?1.1.1">
<link rel="stylesheet" href="https://www.nespresso.com/shared_res/agility/next-components/pdp-assortment-bundles/v1.1/css/pdp-assortment-bundles.css">
<div style="background: #faf9f8;">
<nb-pdp-detailed-description>
<nb-detailed-description>
<nb-container contrast="light">
<section class="pt9 pb9" contrast="light" style="">
<div class="cb-bg-color white_1000">
</div>
<div class="cb-inner ">
<div class="cb-header">
<h2 class="h-2xl-300-sl">TASTE</h2>
</div>
<div class="cb-desc cb-no-capsule-prop">
<div class="description wysiwyg t-sm-400">Each of these coffee is profoundly linked to its country of origin, thus reflecting its soul, climate, flavour and nuance. Discover the richness of far-flung terroirs with each sip of our coffee
capsules. With this specially curated series, allow yourself to venture beyond the world you know through Nespresso’s finest coffee capsules.</div>
<div class="cb-cols">
<div class="cb-col caption">
<div class="cb-cell">
<nb-list>
<div class="nb-list">
<div class="nb-list__heading t-xs-700-caps">Best served as</div>
<div class="nb-list__items">
<div class="nb-list__item ">
<div class="nb-list__item-icon">
<nb-icon icon="24/cupsize/cupsize-ristretto-ol" aria-hidden="true" class="nb-svg nb-icon lazy-loaded"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24">
<path
d="M16 9h-.22l.301-2H5.92l1.458 9.723c.112.74.736 1.277 1.484 1.277h4.278c.737 0 1.375-.549 1.483-1.277l.484-3.223H16c2.175 0 2.5-1.41 2.5-2.25 0-.84-.325-2.25-2.5-2.25Zm-2.861 8H8.86a.504.504 0 0 1-.494-.426l-.46-3.074h6.189l-.461 3.074a.503.503 0 0 1-.495.426Zm1.106-4.5h-6.49L7.082 8h7.838l-.675 4.5Zm1.755 0h-.744l.375-2.5H16c1.318 0 1.5.6 1.5 1.25s-.182 1.25-1.5 1.25Z">
</path>
</svg></nb-icon>
</div>
<div class="nb-list__item-label t-2xs-500">
Ristretto (25ml)
</div>
</div>
<div class="nb-list__item ">
<div class="nb-list__item-icon">
<nb-icon icon="24/cupsize/cupsize-espresso-ol" aria-hidden="true" class="nb-svg nb-icon lazy-loaded"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24">
<path
d="M16 9h-.22l.301-2H5.92l1.458 9.723c.112.74.736 1.277 1.484 1.277h4.278c.737 0 1.375-.549 1.483-1.277l.484-3.223H16c2.175 0 2.5-1.41 2.5-2.25 0-.84-.325-2.25-2.5-2.25Zm-1.081-1-.3 2H7.381l-.3-2h7.838Zm-1.285 8.574a.503.503 0 0 1-.495.426H8.86a.504.504 0 0 1-.494-.426L7.53 11h6.938l-.835 5.574ZM16 12.5h-.744l.375-2.5H16c1.318 0 1.5.6 1.5 1.25s-.182 1.25-1.5 1.25Z">
</path>
</svg></nb-icon>
</div>
<div class="nb-list__item-label t-2xs-500">
Espresso (40ml)
<br>40 ML
</div>
</div>
<div class="nb-list__item ">
<div class="nb-list__item-icon">
<nb-icon icon="24/cupsize/cupsize-lungo-ol" aria-hidden="true" class="nb-svg nb-icon lazy-loaded"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24">
<path
d="m17.62 8.009.463-3.01H4.917l1.958 12.73a1.493 1.493 0 0 0 1.483 1.27h6.284c.746 0 1.37-.534 1.483-1.27l.727-4.73h.648c2.48 0 3-1.358 3-2.5 0-1.12-.513-2.443-2.88-2.49Zm-.703-2.01-.305 1.983H6.388L6.083 6h10.834Zm-1.78 11.577a.498.498 0 0 1-.495.424H8.358a.498.498 0 0 1-.494-.424L6.542 8.982h9.916l-1.321 8.594ZM17.5 12h-.494l.462-3h.032c1.758 0 2 .72 2 1.5s-.242 1.5-2 1.5Z">
</path>
</svg></nb-icon>
</div>
<div class="nb-list__item-label t-2xs-500">
Lungo (110ml)
<br>110 ML
</div>
</div>
</div>
</div>
</nb-list>
</div>
</div>
</div>
</div>
</div>
</section>
</nb-container>
</nb-detailed-description>
</nb-pdp-detailed-description>
<nb-pdp-assortment-bundles>
<nb-container contrast="light">
<section class="pt9 pb9" contrast="light" style="">
<div class="cb-inner " style="max-width: 1120px !important;">
<h2 class="t-md-400 pdp-assortments__header">This assortment contains:</h2>
<div class="pdp-assortments__list">
<ul>
<li>
<div class="pdp-assortments-listing">
<div class="pdp-assortments-listing__image">
<img loading="lazy" src="https://www.nespresso.co.id/media/wysiwyg/nespresso/capsules/ispirazione_napoli.png" alt="ISPIRAZIONE NAPOLI">
</div>
<div class="pdp-assortments-listing__desc">
<h3 class="t-sm-700-caps">ISPIRAZIONE NAPOLI </h3>
<p class="t-sm-400">Exceptionally Dark And Creamy​</p>
<p class="t-2xs-500-sl">x10</p>
<a href="https://www.nespresso.co.id/coffee/ispirazione-napoli.html" class="t-2xs-500">
<span>More information</span>
</a>
</div>
</div>
</li>
<li>
<div class="pdp-assortments-listing">
<div class="pdp-assortments-listing__image">
<img loading="lazy" src="https://www.nespresso.co.id/media/wysiwyg/nespresso/capsules/ispirazione_ristretto_italiano_-_caps.png" alt="ISPIRAZIONE RISTRETTO ITALIANO​">
</div>
<div class="pdp-assortments-listing__desc">
<h3 class="t-sm-700-caps">ISPIRAZIONE RISTRETTO ITALIANO​</h3>
<p class="t-sm-400">Hint Of Fruity, Intensely Roasted</p>
<p class="t-2xs-500-sl">x10</p>
<a href="https://www.nespresso.co.id/coffee/ispirazione-ristretto-italiano.html" class="t-2xs-500">
<span>More information</span>
</a>
</div>
</div>
</li>
<li>
<div class="pdp-assortments-listing">
<div class="pdp-assortments-listing__image">
<img loading="lazy" src="https://www.nespresso.co.id/media/wysiwyg/nespresso/capsules/ispirazione_firenze_arpeggio_-caps.png" alt="ISPIRAZIONE FIRENZE ARPEGGIO">
</div>
<div class="pdp-assortments-listing__desc">
<h3 class="t-sm-700-caps">ISPIRAZIONE FIRENZE ARPEGGIO</h3>
<p class="t-sm-400">Intense, Intensely Roasted, Cocoa</p>
<p class="t-2xs-500-sl">x10</p>
<a href="https://www.nespresso.co.id/ispirazione-firenze-arpeggio.html" class="t-2xs-500">
<span>More information</span>
</a>
</div>
</div>
</li>
<li>
<div class="pdp-assortments-listing">
<div class="pdp-assortments-listing__image">
<img loading="lazy" src="https://www.nespresso.co.id/media/wysiwyg/nespresso/capsules/ispirazione_roma_-_caps.png" alt="ISPIRAZIONE ROMA">
</div>
<div class="pdp-assortments-listing__desc">
<h3 class="t-sm-700-caps">ISPIRAZIONE ROMA</h3>
<p class="t-sm-400">Cereal, Intense, Woody</p>
<p class="t-2xs-500-sl">x10</p>
<a href="https://www.nespresso.co.id/coffee/ispirazione-roma.html" class="t-2xs-500">
<span>More information</span>
</a>
</div>
</div>
</li>
<li>
<div class="pdp-assortments-listing">
<div class="pdp-assortments-listing__image">
<img loading="lazy" src="https://www.nespresso.co.id/media/wysiwyg/nespresso/capsules/stockholm_1.png" alt="STOCKHOLM FORTISSIO LUNGO">
</div>
<div class="pdp-assortments-listing__desc">
<h3 class="t-sm-700-caps">STOCKHOLM FORTISSIO LUNGO</h3>
<p class="t-sm-400">Warm Heritage Rich & Full Bodied</p>
<p class="t-2xs-500-sl">x10</p>
<a href="https://www.nespresso.co.id/coffee/stockholm-fortissio-lungo.html" class="t-2xs-500">
<span>More information</span>
</a>
</div>
</div>
</li>
<li>
<div class="pdp-assortments-listing">
<div class="pdp-assortments-listing__image">
<img loading="lazy" src="https://www.nespresso.co.id/media/wysiwyg/nespresso/capsules/cape_town_1.png" alt="CAPE TOWN ENVIVO LUNGO">
</div>
<div class="pdp-assortments-listing__desc">
<h3 class="t-sm-700-caps">CAPE TOWN ENVIVO LUNGO</h3>
<p class="t-sm-400">Tread A Path Potent & Roasted</p>
<p class="t-2xs-500-sl">x10</p>
<a href="https://www.nespresso.co.id/coffee/cape-town-envivo-lungo.html" class="t-2xs-500">
<span>More information</span>
</a>
</div>
</div>
</li>
<li>
<div class="pdp-assortments-listing">
<div class="pdp-assortments-listing__image">
<img loading="lazy" src="https://www.nespresso.co.id/media/wysiwyg/nespresso/capsules/tokyo_1.png" alt="TOKYO VIVALTO LUNGO">
</div>
<div class="pdp-assortments-listing__desc">
<h3 class="t-sm-700-caps">TOKYO VIVALTO LUNGO</h3>
<p class="t-sm-400">Sips Of Elegance Floral & Complex</p>
<p class="t-2xs-500-sl">x10</p>
<a href="https://www.nespresso.co.id/coffee/tokyo-vivalto-lungo.html" class="t-2xs-500">
<span>More information</span>
</a>
</div>
</div>
</li>
<li>
<div class="pdp-assortments-listing">
<div class="pdp-assortments-listing__image">
<img loading="lazy" src="https://www.nespresso.co.id/media/wysiwyg/nespresso/capsules/paris_1_.png" alt="PARIS ESPRESSO">
</div>
<div class="pdp-assortments-listing__desc">
<h3 class="t-sm-700-caps">PARIS ESPRESSO</h3>
<p class="t-sm-400">Cereal And Biscuity, With A Hint A Citrus</p>
<p class="t-2xs-500-sl">x10</p>
<a href="https://www.nespresso.co.id/world-exploration-paris-espresso.html" class="t-2xs-500">
<span>More information</span>
</a>
</div>
</div>
</li>
<li>
<div class="pdp-assortments-listing">
<div class="pdp-assortments-listing__image">
<img loading="lazy" src="https://www.nespresso.co.id/media/wysiwyg/nespresso/capsules/c-0360-indonesia-2000x2000.png" alt="INDONESIA">
</div>
<div class="pdp-assortments-listing__desc">
<h3 class="t-sm-700-caps">MASTER ORIGINS INDONESIA</h3>
<p class="t-sm-400">Rich And Woody</p>
<p class="t-2xs-500-sl">x10</p>
<a href="https://www.nespresso.co.id/coffee/indonesia.html" class="t-2xs-500">
<span>More information</span>
</a>
</div>
</div>
</li>
<li>
<div class="pdp-assortments-listing">
<div class="pdp-assortments-listing__image">
<img loading="lazy" src="https://www.nespresso.co.id/media/wysiwyg/nespresso/capsules/colombia_1.png" alt="COLOMBIA">
</div>
<div class="pdp-assortments-listing__desc">
<h3 class="t-sm-700-caps">MASTER ORIGINS COLOMBIA</h3>
<p class="t-sm-400">Fruity And Vibrant</p>
<p class="t-2xs-500-sl">x10</p>
<a href="https://www.nespresso.co.id/coffee/colombia.html" class="t-2xs-500">
<span>More information</span>
</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</section>
</nb-container>
</nb-pdp-assortment-bundles>
</div>
<div id="why-nespresso-container" style="display: block;">
<h2 class="h-3xl-700 nb-hero-banner__title">WHY CHOOSE NESPRESSO?</h2>
<div class="nb-hero-banner__cta">
<a href="https://www.nespresso.co.id/why-choose-nespresso" title="Compare machines" class="button--cta button--secondary button--dark size--48 t-md-400-sl">
<span>FIND OUT NOW</span>
</a>
</div>
</div>
<style media="screen">
.g .g_content {
padding: 0;
height: auto;
}
nb-pdp-assortment-bundles .pdp-assortments__list>ul {
padding: 0;
margin: 0;
}
#why-nespresso-container {
background-image: url(https://www.nespresso.co.id/media/wysiwyg/nespresso/landing-page/homepage-hero-banner-1920x465.webp);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
text-align: left;
padding: 120px;
display: none;
}
#why-nespresso-container h2.h-3xl-700.nb-hero-banner__title {
text-align: left;
font-family: 'NespressoLucas-SemiBd';
letter-spacing: 2px;
}
@media (max-width: 769px) {
#why-nespresso-container {
background-image: url(https://www.nespresso.co.id/media/wysiwyg/nespresso/landing-page/homepage-hero-banner-750-840.webp);
text-align: center;
padding: 48px 16px 300px;
margin-top: 10px;
}
#why-nespresso-container h2.h-3xl-700.nb-hero-banner__title {
text-align: center;
}
}
#why-nespresso-container .nb-hero-banner__cta {
color: #fff;
background: #17171a;
border: solid 1px transparent;
border-radius: 62.4375rem !important;
margin: 10px auto 0;
white-space: normal;
overflow: hidden;
position: relative;
display: inline-block;
vertical-align: middle;
transition: .3s ease-in-out;
transition-property: background-color, color, border, box-shadow, text-shadow;
min-height: 3rem;
padding: 11px 24px;
display: inline-flex;
align-items: center;
}
#why-nespresso-container .nb-hero-banner__cta:hover {
color: #000;
background: #fff;
border: solid 1px #000;
cursor:pointer;
}
#why-nespresso-container .nb-hero-banner__cta a {
color: #fff;
}
#why-nespresso-container .nb-hero-banner__cta:hover a {
color: #000;
text-decoration:none;
}
nb-cta .size--48 span {
font-size: 18px;
font-weight: 500;
letter-spacing: 2px;
line-height: 1;
padding: 5px;
}
.mobile {
display: none;
}
.desktop {
display: block;
}
.product.data.items>.item.content {
padding: 0;
}
.catalog-product-view .detail-product-description .page-main.clearfix .product.info.detailed,
.detail-product-description .page-main,
.page-main.clearfix {
max-width: 100% !important;
background: #fff;
}
.v_swiper .v_swiperOverflow:after,
.v_swiper .v_swiperOverflow:before {
background-image: none;
}
.detail-product-description .page-main {
max-width: 100%;
background: #fff;
}
.pdp-assortments-listing__desc a span {
color: #000;
border-bottom: 1px solid #000;
}
nb-pdp-assortment-bundles .pdp-assortments-listing {
align-items: start;
display: grid;
grid-template-columns: 25% 75%;
}
nb-pdp-assortment-bundles .pdp-assortments-listing .pdp-assortments-listing__image img {
width: 90px;
}
nb-pdp-assortment-bundles .pdp-assortments-listing .pdp-assortments-listing__image {
margin-right: 10px;
}
@media only screen and (max-width: 767px) {
.detail-product-description .page-main {
max-width: 100%;
padding-left: 0px;
padding-right: 0px;
}
nb-pdp-assortment-bundles .pdp-assortments-listing .pdp-assortments-listing__image img {
width: 70px;
}
.mobile {
display: block;
}
.desktop {
display: none;
}
}
nb-context nb-container .inner {
display: block;
}
@media only screen and (min-width: 768px) {
nb-detailed-description .inner {
display: flex;
}
}
section .highlight_040 {
background-color: #faf9f8;
}
section .white_1000 {
background-color: #fff;
color: #17171a;
}
nb-context>nb-container .inner>img {
height: 85px;
}
nb-container .cb-inner {
max-width: 1200px !important;
}
nb-text-chunk nb-container .cb-specific-restrict {
max-width: 650px !important;
}
nb-detailed-description .table {
padding: 20px 0;
}
nb-context>nb-container .inner>p {
margin: 0 auto 30px;
}
nb-level>div {
padding: 12px 0;
}
nb-recipes section .inner>.col1 {
margin-bottom: 40px;
}
nb-collapse button,
nb-collapse button:hover,
nb-collapse button:focus {
padding: 15px 0;
background: #fff;
border: 0;
box-shadow: none;
}
.nb-list__items {
grid-gap: 14px 8px;
}
.slick-list {
padding: 0 !important;
}
nb-card-recipe .heading {
padding: 2rem 1.5rem 2rem;
text-align: left;
}
.inner,
.c-recipes-v2 .c-pdp-popin .c-pdp-popin__wrapper ul li,
.c-recipes-v2 .c-pdp-popin .c-pdp-popin__process .c-Paragraph,
.c-recipes-v2 .c-pdp-popin .c-pdp-popin__icons div span {
font-family: 'NespressoLucas-Regular';
}
.c-Paragraph *,
.c-Paragraph__m {
font-family: 'NespressoLucas-Light';
}
.h-3xl-700,
.h-3xl-700-sl {
font-size: 45px;
font-family: 'NespressoLucas-XtraBd';
font-weight: 600;
letter-spacing: 3px;
line-height: 1.3;
text-transform: uppercase;
}
.h-3xl-700-sl {
line-height: 1.2;
}
.h-3xl-300,
.h-3xl-300-sl {
font-size: 3rem;
font-weight: 300;
letter-spacing: 0.25rem;
line-height: 1.3;
text-transform: uppercase;
}
.h-3xl-300-sl {
line-height: 1.2;
}
.h-2xl-700,
.h-2xl-700-sl {
font-size: 2.5rem;
font-weight: 700;
letter-spacing: 0.25rem;
line-height: 1.3;
text-transform: uppercase;
}
.h-2xl-700-sl {
line-height: 1.2;
}
.h-2xl-300,
.h-2xl-300-sl {
font-size: 36px;
font-weight: 300;
letter-spacing: 0.25rem;
line-height: 1.3;
text-transform: uppercase;
}
.h-2xl-300-sl {
line-height: 1.2;
}
.h-xl-700,
.h-xl-700-sl {
font-size: 1.875rem;
font-weight: 700;
letter-spacing: 0.25rem;
line-height: 1.3;
text-transform: uppercase;
}
.h-xl-700-sl {
line-height: 1.2;
}
.h-xl-300,
.h-xl-300-sl {
font-size: 32px;
font-weight: 300;
color: #17171a;
letter-spacing: 0.25rem;
line-height: 1.3;
text-transform: uppercase;
}
.h-xl-300-sl {
line-height: 1.2;
}
.h-lg-700-caps,
.h-lg-700-caps-sl {
font-size: 1.5rem;
font-weight: 700;
letter-spacing: 0.1875rem;
line-height: 1.5;
text-transform: uppercase;
}
.h-lg-700-caps-sl {
line-height: 1.2;
}
.h-lg-500-caps,
.h-lg-500-caps-sl {
font-size: 1.5rem;
font-weight: 500;
letter-spacing: 0.1875rem;
line-height: 1.5;
text-transform: uppercase;
}
.h-lg-500-caps-sl {
line-height: 1.2;
}
.h-lg-300-caps,
.h-lg-300-caps-sl {
font-size: 1.5rem;
font-weight: 300;
letter-spacing: 0.1875rem;
line-height: 1.5;
text-transform: uppercase;
}
.h-lg-300-caps-sl {
line-height: 1.2;
}
.h-lg-700,
.h-lg-700-sl {
font-size: 24px;
font-weight: 700;
letter-spacing: 0.1875rem;
line-height: 1.5;
}
.h-lg-700-sl {
line-height: 1.2;
}
.h-lg-500,
.h-lg-500-sl {
font-size: 1.5rem;
font-weight: 500;
letter-spacing: 0.1875rem;
line-height: 1.5;
}
.h-lg-500-sl {
line-height: 1.2;
}
.h-lg-300,
.h-lg-300-sl {
font-size: 32px;
font-weight: 300;
letter-spacing: 0.1875rem;
line-height: 1.5;
}
.h-lg-300-sl {
line-height: 1.2;
font-family: 'NespressoLucas-Light';
}
h2.c-Heading__l {
font-size: 36px;
font-weight: 300;
letter-spacing: 8px;
line-height: 48px;
color: #000;
}
.v_swiper .v_swiperOverflow:before {
background-image: none;
}
.t-md-700-caps,
.t-md-700-caps-sl {
font-size: 1.25rem;
font-weight: 700;
letter-spacing: 2px;
line-height: 1.3;
text-transform: uppercase;
}
.t-md-700-caps-sl {
line-height: 1.2;
}
.t-md-400-caps,
.t-md-400-caps-sl {
font-size: 16px;
font-weight: 400;
letter-spacing: 2px;
line-height: 1.3;
text-transform: uppercase;
}
.t-md-400-caps-sl {
line-height: 1.2;
}
.t-md-700,
.t-md-700-sl {
font-size: 1.25rem;
font-weight: 700;
letter-spacing: 0.0625rem;
line-height: 1.5;
}
.t-md-700-sl {
line-height: 1.2;
}
.t-md-400,
.t-md-400-sl {
font-size: 18px;
font-weight: 400;
letter-spacing: 2px;
line-height: 1.3;
}
.t-md-400-sl {
line-height: 1.2;
}
.t-sm-700-caps,
.t-sm-700-caps-sl {
font-size: 14px !important;
font-family: 'NespressoLucas-XtraBd' !important;
font-weight: 700 !important;
letter-spacing: 0.0625rem;
line-height: 1.3;
text-transform: uppercase;
}
.t-sm-700-caps-sl {
line-height: 1.2;
}
.t-sm-500-cta {
font-size: 14px;
font-weight: 500;
letter-spacing: 0.125rem;
line-height: 1;
text-transform: uppercase;
}
.t-sm-400-caps,
.t-sm-400-sl-caps {
font-size: 1rem;
font-weight: 400;
letter-spacing: 0.0625rem;
line-height: 1.3;
text-transform: uppercase;
}
.t-sm-400-sl-caps {
line-height: 1.2;
}
.t-sm-500-caps,
.t-sm-500-caps-sl {
font-size: 1rem;
font-weight: 500;
letter-spacing: 0.0625rem;
line-height: 1.3;
text-transform: uppercase;
}
.t-sm-500-caps-sl {
line-height: 1.2;
}
.t-sm-700,
.t-sm-700-sl {
font-size: 1rem;
font-weight: 700;
letter-spacing: 0.0625rem;
line-height: 1.5;
}
.t-sm-700-sl {
line-height: 1.2;
}
.t-sm-500,
.t-sm-500-sl {
font-size: 14px;
font-weight: 500;
letter-spacing: 0.0625rem;
line-height: 1.5;
}
.t-sm-500-sl {
line-height: 1.2;
}
.t-sm-400,
.t-sm-400-sl {
font-size: 16px;
font-weight: 400;
letter-spacing: 2px;
line-height: 1.5;
color: #17171a;
}
.t-sm-400-sl {
line-height: 1.2;
}
.t-xs-700-caps,
.t-xs-700-caps-sl {
font-size: 12px;
font-weight: 700;
letter-spacing: 2px;
line-height: 1.3;
text-transform: uppercase;
}
.t-xs-700-caps-sl {
line-height: 1.2;
}
.t-xs-500-caps,
.t-xs-500-caps-sl {
font-size: 0.875rem;
font-weight: 500;
letter-spacing: 0.125rem;
line-height: 1.3;
text-transform: uppercase;
}
.t-xs-500-caps-sl {
line-height: 1.2;
}
.t-xs-700,
.t-xs-700-sl {
font-size: 0.875rem;
font-weight: 700;
letter-spacing: 0.0625rem;
line-height: 1.5;
}
.t-xs-700-sl {
line-height: 1.2;
}
.t-xs-500,
.t-xs-500-sl {
font-size: 0.875rem;
font-weight: 500;
letter-spacing: 0.0625rem;
line-height: 1.5;
}
.t-xs-500-sl {
line-height: 1.2;
}
.t-2xs-700,
.t-2xs-700-sl {
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.0625rem;
line-height: 1.5;
}
.t-2xs-700-sl {
line-height: 1.2;
}
.t-2xs-500,
.t-2xs-500-sl {
font-size: 12px;
font-weight: 500;
letter-spacing: 0.0625rem;
line-height: 1.5;
}
.t-2xs-500-sl {
line-height: 1.2;
}
.t-3xs-700,
.t-3xs-700-sl {
font-size: 0.625rem;
font-weight: 700;
letter-spacing: 0.125rem;
line-height: 1.3;
text-transform: uppercase;
}
.t-3xs-700-sl {
line-height: 1.2;
}
.t-3xs-500,
.t-3xs-500-sl {
font-size: 0.625rem;
font-weight: 500;
letter-spacing: 0.125rem;
line-height: 1.3;
text-transform: uppercase;
}
.t-3xs-500-sl {
line-height: 1.2;
}
.pb7 {
padding-bottom: 40px;
}
.pt7 {
padding-top: 40px;
}
.pb9 {
padding-bottom: 60px;
}
.pt9 {
padding-top: 60px;
}
.nb-list__heading {
font-family: 'NespressoLucas-Regular';
}
.wysiwyg> :not(:last-child) {
margin-bottom: 1rem;
}
.wysiwyg strong {
font-weight: 700;
}
.wysiwyg a {
-webkit-text-decoration-skip: ink;
color: #876c43;
text-decoration: underline;
text-decoration-skip-ink: auto;
}
.wysiwyg ol,
.wysiwyg ul {
margin-left: 1.5rem;
}
.wysiwyg ul {
list-style: disc;
}
.wysiwyg li:not(last-child) {
margin-bottom: 0.5rem;
}
.wysiwyg ol li::marker {
font-weight: 700;
}
@media screen and (max-width: 767px) {
.h-2xl-300,
.h-2xl-300-sl,
.h-2xl-700,
.h-2xl-700-sl,
.h-3xl-300,
.h-3xl-300-sl,
.h-3xl-700,
.h-3xl-700-sl {
font-size: 30px;
}
.h-2xl-700 {
font-family: 'NespressoLucas-XtraBd';
}
.h-xl-300,
.h-xl-300-sl,
.h-xl-700,
.h-xl-700-sl {
font-size: 1.625rem;
}
nb-detailed-description .caption {
width: 100%;
max-width: 100%;
padding: 0 15px;
}
}
.c-recipes-v2__section-slider .g_carousel__item.slick-active {
opacity: 1;
}
.c-recipes-v2__item-bg {
padding-top: 136.775%;
position: relative;
}
.c-recipes-v2__item-bg img {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
}
.c-recipes-v2__item__title .c-Heading__m {
text-align: left;
color: #000;
}
.c-recipes-v2__item__title {
height: 48px;
}
.c-pdp-popin__process img {
width: 100%;
}
.c-recipes-v2 .c-Popin.c-Popin--open {
z-index: 1100 !important;
}
.nb-collapse.active .chevron {
transform: rotate(-180deg);
}
.nb-collapse.active .panel {
max-height: 277px;
opacity: 1;
overflow: visible;
visibility: visible;
}
nb-card-recipe button,
nb-card-recipe button:hover {
background: transparent;
}
@media screen and (min-width: 768px) {
nb-card-recipe {
max-width: 300px;
}
}
header.page-header.sticky {
z-index: 1;
}
.product.data.items {
z-index: auto;
}
nb-popin.isOpen {
z-index: 100000;
}
</style>