.accessories{padding:var(--s8) var(--safe-area);padding-top:4.4375rem;overflow-x:clip}@media screen and (min-width:768px){.accessories{padding-top:var(--s8)}}@media screen and (min-width:992px){.accessories{padding:3.75rem var(--safe-area)}}.accessories__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.125rem}@media screen and (min-width:768px){.accessories__header{margin-bottom:var(--s7)}}.accessories__tag{margin-bottom:0}@media screen and (max-width:767px){.accessories__tag{line-height:1.25}}.accessories__nav{display:flex;gap:var(--s2)}.accessories__nav-button{color:var(--color-text);border:1px solid var(--color-primary);background:none;cursor:pointer;line-height:1;width:1.875rem;height:1.875rem;padding-bottom:calc(var(--s) / 2)}@media screen and (max-width:767px){.accessories__nav-button{font-size:1.25rem}}.accessories__track{overflow:hidden;margin-right:calc(var(--safe-area) * -1)}@media screen and (min-width:768px){.accessories__track{margin-right:0}}.accessories__list{display:flex;list-style:none;margin:0;padding:0 var(--safe-area) 0 0;gap:var(--s4)}@media screen and (min-width:768px){.accessories__list{padding:0;gap:var(--s8)}}.accessories__item{flex:0 0 calc(100% - var(--s4));display:flex;flex-direction:column;justify-content:space-between;padding:1.5625rem var(--s5) var(--s5);background-color:var(--color-primary-50);gap:var(--s11)}@media screen and (min-width:768px){.accessories__item{flex:0 0 70%;display:grid;grid-template-columns:repeat(7,1fr);gap:var(--gap);padding:var(--s6) var(--s5) var(--s5)}}@media screen and (min-width:992px){.accessories__item{padding:var(--s9) var(--s13) var(--s10) var(--s9);flex:0 0 58.33%}}.accessories__content{display:flex;flex-direction:column;align-items:flex-start;gap:.375rem}@media screen and (min-width:768px){.accessories__content{grid-column:span 4;gap:calc(var(--s10) * 3);justify-content:space-between}}@media screen and (min-width:992px){.accessories__content{grid-column:span 4}}.accessories__content .button{margin-top:var(--s6)}@media screen and (min-width:768px){.accessories__content .button{margin-top:var(--s4)}}.accessories__title{font-weight:700}.accessories__media{display:flex;justify-content:flex-end;padding-right:var(--s2)}@media screen and (min-width:768px){.accessories__media{grid-column:span 3;padding-right:0}}@media screen and (min-width:992px){.accessories__media{grid-column:span 3}}.accessories__media .picture__picture{height:9.0625rem;width:auto;max-width:none;aspect-ratio:142/145}@media screen and (min-width:992px){.accessories__media .picture__picture{height:auto;max-width:215px;width:100%}}.accessories--dark{background-color:var(--color-primary);color:var(--color-text-contrast)}.accessories--dark .accessories__nav-button{color:var(--color-text-contrast)}.hero-product{padding:calc(var(--s10) * 3.3) 0 var(--s9)}@media screen and (min-width:992px){.hero-product{display:flex;flex-direction:column;padding:0}}.hero-product__info{padding:0 var(--safe-area) var(--s6)}@media screen and (min-width:768px){.hero-product__info{padding-bottom:var(--s10)}}@media screen and (min-width:992px){.hero-product__info{flex:1;min-height:0;align-content:end;margin-top:30vh}}.hero-product__title{grid-column:span var(--cols);margin-bottom:var(--s6)}@media screen and (min-width:768px){.hero-product__title{grid-column:1/6;margin-bottom:5.75rem}}@media screen and (min-width:992px){.hero-product__title{margin-bottom:var(--s8)}}.hero-product__chips{grid-column:span var(--cols);list-style:none;padding:0;margin:var(--s6) 0 0;display:flex;flex-direction:column;gap:var(--s2)}@media screen and (min-width:768px){.hero-product__chips{grid-row:2;grid-column:9/13;margin-top:0}}.hero-product__chip{display:flex;align-items:baseline;gap:var(--s2)}.hero-product__content{grid-column:span var(--cols);display:flex;flex-direction:column;align-items:flex-start;gap:var(--s6);margin-top:var(--s4)}@media screen and (min-width:768px){.hero-product__content{grid-column:1/5;margin-top:0}}.hero-product__image{width:100%;aspect-ratio:404/471;overflow:hidden;position:relative}@media screen and (min-width:768px){.hero-product__image{aspect-ratio:1440/683}}.hero-product__image .picture{width:100%;height:100%}.hero-product__image--mobile{display:block}@media screen and (min-width:768px){.hero-product__image--mobile{display:none}}.hero-product__image--desktop{display:none}@media screen and (min-width:768px){.hero-product__image--desktop{display:block}}