@layer molecules{.product-accordion{padding-block:var(--fluid-48-64);padding-inline:var(--gutter-grid);background-color:#eff3fa}.product-accordion .collapsible{border-block:0;border-block-start:1px solid var(--color-border-darker)}.product-accordion .collapsible:first-of-type{border-block-start:0}.product-accordion .collapsible:last-of-type{border-block-end:0}.product-accordion .collapsible summary{min-block-size:3rem;padding-block:clamp(1.5rem,1.35rem + .5vw,1.75rem);transition:color .2s ease-in-out}.product-accordion .collapsible summary h2{font-family:var(--font-title);font-size:var(--fluid-18-20);line-height:120%}.product-accordion .collapsible[open] summary h2{color:var(--color-secondary-foreground)}.product-accordion-title{text-transform:uppercase;letter-spacing:1.2px;padding-block-end:1.5rem;font-size:.75rem;line-height:135%}.product-grain-characteristics{gap:2rem;margin-block:2rem 1.5rem;display:grid}.product-grain-item{gap:1rem;display:grid}.product-grain-label{font-size:1rem;font-weight:700;line-height:1.2}.product-grain-options{flex-wrap:wrap;gap:2rem;display:flex}.product-grain-option{color:#a8b3c9;flex-direction:column;align-items:center;gap:.5rem;font-size:.875rem;transition:color .2s;display:flex}.product-grain-option.is-active{color:#000}.product-grain-option.is-active .product-grain-icon{border-color:#000}.product-grain-option.is-active .product-grain-icon svg{color:#000}.product-grain-icon{border:1px solid #a8b3c9;border-radius:50%;place-items:center;block-size:5rem;inline-size:5rem;transition:border-color .2s;display:grid}.product-grain-icon svg{color:#a8b3c9;transition:color .2s}.product-composition-section,.product-nutrition-section{margin-block-start:1.5rem}:is(.product-composition-section,.product-nutrition-section):first-child{margin-block-start:0}:is(.product-composition-section,.product-nutrition-section) h3{margin-block-end:1rem;font-size:1rem;font-weight:700}.product-nutrition-table{border-collapse:collapse;border:1px solid var(--color-border-darker);inline-size:100%}.product-nutrition-table thead tr{border-block-end:1px solid var(--color-border-darker)}.product-nutrition-table tbody{padding:1rem}.product-nutrition-table tbody tr:last-child{border-block-end:1px solid var(--color-border-darker)}.product-nutrition-table tr:not(.product-nutrition-indent){border-block-start:1px solid var(--color-border-darker)}.product-nutrition-table th,.product-nutrition-table td{text-align:start;padding-block:.75rem;padding-inline:1rem}.product-nutrition-table th{font-size:.875rem;font-weight:400}.product-nutrition-table th:last-child{text-align:end}.product-nutrition-table td{font-size:.875rem}.product-nutrition-table td:last-child{text-align:end}.product-nutrition-table .product-nutrition-indent td{padding-block:0 .75rem}}@layer organisms{.product{reading-flow:grid-order;background:#fff;grid-auto-columns:100%;display:grid}@media (width>=64rem){.product{column-gap:var(--gutter-grid);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:min-content;align-items:start}}.product .quantity-selector{border:1px solid var(--color-border-darker)}.product-info{padding-block:1.5rem;padding-inline:var(--page-gutter);flex-direction:column;gap:2rem;font-size:.875rem;display:flex;overflow-x:clip}@media (width>=64rem){.product-info{--dynamic-top:0px;z-index:1;max-inline-size:calc(37.5rem + var(--page-gutter) * 2);padding-block:var(--fluid-48-56);grid-area:1/2/span 2;margin-inline:auto;transition:inset-block-start .3s ease-out;position:sticky;inset-block-start:var(--dynamic-top)}}.product-info-description{padding-block-start:1.5rem}.product-info-price{font-family:var(--font-title);flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;margin-block-start:.5rem;font-size:1.625rem;font-weight:700;line-height:110%;display:flex}@media (width>=64rem){.product-info-price{font-size:2rem}}.product-info-stock{justify-content:space-between;align-items:flex-end;margin-block-start:2rem;display:flex}.product-images{isolation:isolate;background-color:#eff3fa;order:-1;font-size:.75rem;display:grid;overflow:clip}@media (width>=64rem){.product-images{max-block-size:calc(100dvh - var(--header-block-size) - 2rem - 1rem);grid-area:1/1}}.product-images>:where(:not(swiper-container,[slot=container-end])){z-index:2;display:flex}.product-images .badge{place-self:start}.product-images>:is(swiper-container,div[data-part=carousel]){--swiper-pagination-bottom:var(--padding);--swiper-pagination-bullet-width:.375rem;--swiper-pagination-bullet-height:.375rem;--swiper-pagination-bullet-inactive-color:currentcolor;--swiper-pagination-bullet-inactive-opacity:.35;--swiper-pagination-bullet-horizontal-gap:.5625rem;margin:calc(var(--padding) * -1);display:grid;overflow-x:hidden}@media (width<64rem){.product-images>:is(swiper-container,div[data-part=carousel]){grid-auto-columns:100%;grid-auto-flow:column}}@media (width>=64rem){.product-images>:is(swiper-container,div[data-part=carousel]){overflow:hidden}.product-images>:is(swiper-container,div[data-part=carousel])::part(container){z-index:0;align-self:start;overflow:visible}}.product-images :is(swiper-slide,div[data-part=carousel]>div){background:linear-gradient(180deg, var(--color-secondary-background) 60%, var(--color-border) 40%);place-items:center;display:grid}.product-images[data-type=caviar] img{object-fit:contain}.product-images img{max-block-size:100%;max-inline-size:100%;aspect-ratio:var(--product-image-aspect-ratio);object-fit:cover}.product-images drawer-container{z-index:1;place-self:end}@media (width>=64rem){.product-images drawer-container{margin:calc(var(--padding) * -1);place-self:stretch stretch;display:grid}.product-images drawer-container>button{cursor:zoom-in}.product-images drawer-container>button>svg{display:none}[data-part=secondary]{grid-area:2/1}}.product-images-index{letter-spacing:1.2px;min-block-size:1.375rem;padding-block-start:1rem;display:flex}.product-images-navigation{z-index:2;padding-block:1rem 0;padding-inline:var(--gutter-grid);background-color:#fff;grid-area:auto;justify-content:space-between;align-items:center;display:flex}@media (width>=64rem){.product-images-navigation{background-color:#0000}}.product-images-navigation>div:first-child{flex-direction:column;gap:.5rem;inline-size:100%;display:flex}@media (width>=64rem){.product-images-navigation>div:first-child{inline-size:auto}}.product-images-navigation [slot=container-end]{display:none}@media (width>=64rem){.product-images-navigation [slot=container-end]{gap:.75rem;display:flex}}:is(.product-images-prev,.product-images-next){cursor:pointer;border:1px solid #000;border-radius:50%;place-items:center;block-size:2.5rem;inline-size:2.5rem;transition:background-color .2s;display:grid}:is(.product-images-prev,.product-images-next):hover{color:#fff;background-color:#000}:is(.product-images-prev,.product-images-next) svg{block-size:1.5rem;inline-size:1.5rem}.product-images-next svg{rotate:180deg}.product-features{text-align:center;flex-wrap:wrap;gap:2rem;margin-block-end:1.5rem;display:flex}.product-features>div{flex-direction:column;align-items:center;gap:.75rem;display:flex}.product-features .product-features-image{border:1px solid #000;border-radius:50%;block-size:5rem;inline-size:5rem;padding:.75rem}}