body:after{pointer-events:none;content:"";position:fixed;z-index:0;top:0;left:0;width:100%;height:100%;visibility:hidden;opacity:0;background-color:var(--color-black-900);transition:opacity var(--transition-default),visibility var(--transition-default)}body:has(.product-tile__popup.-active):after{visibility:visible;opacity:.25}body .product-tile{max-width:calc(100% - 3.2rem);margin-left:var(--space-16);padding:var(--space-16) 0;border-bottom:.1rem solid var(--color-line)}@media (min-width: 1010px){body .product-tile{display:grid;grid-template-columns:1.6rem .8rem 1fr 11.3rem 34.9rem 11.3rem 11.9rem;gap:0;align-items:center;max-width:100%;margin-left:0;padding:var(--space-16) 0}}@media (min-width: 1010px){body .product-tile.-variations{grid-template-rows:auto auto;padding-bottom:0}}@media (min-width: 1010px){body .product-tile.-variations:has(.product-tile__button.-hidden) .product-tile__price bdi{transform:translate(-3.6rem)}}@media (min-width: 1010px){body .product-tile.-variations .product-tile__quantity.-active{transform:translate(6.8rem)}}@media (min-width: 1010px){body .product-tile.-cart{display:grid;grid-template-columns:1fr 33rem;grid-template-rows:auto auto}}@media (min-width: 1010px){body .product-tile.-cart .product-tile__bar{grid-area:1/1/2/4;margin-bottom:var(--space-16)}}@media (min-width: 1010px){body .product-tile.-cart .product-tile__bar .product-tile__icon,body .product-tile.-cart .product-tile__bar .product-tile__badge{display:flex}}body .product-tile.-cart .product-tile__bar .product-tile__icon{margin-left:0}@media (min-width: 1010px){body .product-tile.-cart .product-tile__bar .product-tile__info-svg path:first-child{fill:unset}}@media (min-width: 1010px){body .product-tile.-cart .product-tile__details{display:none}}@media (min-width: 1010px){body .product-tile.-cart .product-tile__title{display:block;grid-area:2/1/3/2}}@media (min-width: 1010px){body .product-tile.-cart .product-tile__subtitle{display:block;margin-top:var(--space-8);margin-bottom:var(--space-8)}}@media (min-width: 1010px){body .product-tile.-cart .product-tile__actions{grid-area:2/2/3/3;align-self:flex-end}}@media (min-width: 1010px){body .product-tile.-cart.-variations{grid-template-rows:auto auto auto}}@media (min-width: 1010px){body .product-tile.-cart.-variations:has(.product-tile__button.-hidden) .product-tile__variations{transform:translate(0)}}@media (min-width: 1010px){body .product-tile.-cart.-variations:has(.product-tile__button.-hidden) .product-tile__price bdi{transform:translate(0)}}@media (min-width: 1010px){body .product-tile.-cart.-variations .product-tile__variations{grid-area:3/1/4/3;background-color:var(--color-white)}}@media (min-width: 1010px){body .product-tile.-cart.-variations .product-tile__quantity.-active{transform:translate(0)}}@media (min-width: 1010px){body .product-tile:has(.product-tile__button.-hidden) .product-tile__price bdi{transform:translate(0)}}body .product-tile:has(.product-tile__button.-hidden) .product-tile__variations{transform:translate(0);max-height:22rem;margin-top:var(--space-8)}@media (min-width: 1010px){body .product-tile:has(.product-tile__button.-hidden) .product-tile__variations{transform:translate(6.8rem);margin-bottom:var(--space-16)}}body .product-tile button{cursor:pointer;display:flex;align-items:center;justify-content:center;margin:0;padding:0;border:unset;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:unset}body .product-tile__bar{display:flex;gap:var(--space-8);align-items:center;height:2rem;margin-bottom:var(--space-16)}@media (min-width: 1010px){body .product-tile__bar{margin-bottom:0}}@media (min-width: 1010px){body .product-tile__bar .product-tile__icon,body .product-tile__bar .product-tile__badge{display:none}}body .product-tile__info{width:1.6rem;height:1.6rem}body .product-tile__info:hover .product-tile__info-svg *{fill:var(--color-white)}body .product-tile__info:hover .product-tile__info-svg *:first-child,body .product-tile__info:hover .product-tile__info-svg *:nth-child(2){fill:var(--color-black)}body .product-tile__info-svg *{transition:fill var(--transition-default)}body .product-tile__icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem}body .product-tile__icon:first-of-type{margin-left:auto}body .product-tile__badge{display:flex;align-items:center;height:2rem;padding:0 var(--space-4);border-radius:var(--radius);font-size:1rem;color:var(--color-secondary-400);background-color:var(--color-secondary-300)}body .product-tile__remove[data-action=remove]{display:inline-flex;align-items:center;height:2.4rem;margin-left:auto;padding:var(--space-4) var(--space-8);border-radius:var(--radius-sm);font-size:1.2rem;line-height:1.2;color:var(--color-black-400);background-color:var(--color-black-50)}@media (min-width: 1010px){body .product-tile__remove[data-action=remove]{position:relative;padding-right:var(--space-24);background-color:var(--color-black-100);transition:background-color var(--transition-default)}}@media (min-width: 1010px){body .product-tile__remove[data-action=remove]:hover{background-color:var(--color-line)}}body .product-tile__remove-svg{display:none}@media (min-width: 1010px){body .product-tile__remove-svg{position:absolute;top:.2rem;right:0;display:block;width:2rem;height:2rem}}body .product-tile__title{margin-bottom:var(--space-24)}@media (min-width: 1010px){body .product-tile__title{display:flex;grid-area:1/3/2/4;flex-wrap:wrap;gap:var(--space-8);align-items:flex-end;margin:0;font-weight:500}}body .product-tile__title .product-title__product-type{font-weight:500}body .product-tile__title button[data-element]{color:var(--color-black)}body .product-tile__main-title{font-weight:700}body .product-tile__subtitle{display:block;margin-top:var(--space-8);font-family:var(--font-primary);font-size:1.2rem;line-height:120%;color:var(--color-black-300)}@media (min-width: 1010px){body .product-tile__subtitle{margin:0;font-size:1.3rem;font-weight:400}}body .product-tile__actions{position:relative;display:flex;gap:var(--space-16);align-items:center;justify-content:space-between;height:3.6rem}@media (min-width: 1010px){body .product-tile__actions{display:grid;grid-area:1/5/2/6;grid-template-columns:1fr 15.6rem;gap:var(--space-16)}}body .product-tile__price{font-size:1.6rem}body .product-tile__price bdi{display:flex;gap:var(--space-4);align-items:center}@media (min-width: 1010px){body .product-tile__price bdi{transform:translate(4.2rem);transition:transform var(--transition-move)}}body .product-tile__button{width:3.6rem;height:3.6rem;transition:transform var(--transition-move),opacity var(--transition-move),visibility var(--transition-move)}@media (min-width: 1010px){body .product-tile__button[data-action]{margin-right:var(--space-40);margin-left:auto}}body .product-tile__button:hover .product-tile__button-svg path:first-child{fill:var(--color-black-50)}body .product-tile__button.-hidden{transform:translate(-2rem);visibility:hidden;opacity:0}body .product-tile__button-svg{width:3.6rem;height:3.6rem}body .product-tile__button-svg path{transition:fill var(--transition-default)}body .product-tile__button-svg path:first-child{fill:var(--color-white)}body .product-tile__quantity{position:absolute;top:0;right:0;transform:translate(6rem);display:flex;gap:var(--space-4);align-items:center;height:3.6rem;padding:var(--space-4) var(--space-12);border-radius:var(--radius);visibility:hidden;opacity:0;background-color:var(--color-black-50);transition:transform var(--transition-move),opacity var(--transition-move),visibility var(--transition-move)}body .product-tile__quantity.-active{transform:translate(0);visibility:visible;opacity:1}body .product-tile__quantity-button{width:2.4rem;height:2.4rem;transition:opacity var(--transition-default)}body .product-tile__quantity-button.-disabled{pointer-events:none;opacity:.5}body .product-tile__quantity-button-svg{width:2.4rem;height:2.4rem}body .product-tile__quantity-value{position:relative;overflow:hidden;width:2.1rem;height:1.7rem}body .product-tile__quantity-value-wrapper{position:relative;display:flex;flex-direction:column;transition:transform var(--transition-move)}body .product-tile__quantity-value-item{width:100%;height:1.7rem;font-size:1.3rem;line-height:1.7rem;text-align:center}body .product-tile__variations{transform:translate(100vw);overflow:hidden;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);max-height:0;transition:max-height var(--transition-move),transform var(--transition-move)}@media (min-width: 1010px){body .product-tile__variations{grid-area:2/5/3/6;padding:var(--space-8) var(--space-12);border-radius:var(--radius)}}body .product-tile__variation{cursor:pointer;position:relative;display:flex;align-items:center}body .product-tile__variation:hover .product-tile__variation-label{background-color:var(--color-black-100)}body .product-tile__variation-input{cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0}body .product-tile__variation-input:checked+.product-tile__variation-label{color:var(--color-white);background-color:var(--color-black-900)}body .product-tile__variation-input:checked+.product-tile__variation-label:before{background-color:var(--color-white)}body .product-tile__variation-label{cursor:pointer;overflow:hidden;display:flex;gap:var(--space-8);align-items:center;justify-content:center;width:100%;height:100%;padding:var(--space-8);border-radius:var(--radius);font-size:1.3rem;color:var(--color-black-900);background-color:var(--color-black-50);transition:background-color var(--transition-default)}body .product-tile__variation-label .description{display:none}body .product-tile__note{position:relative;width:2.6rem;height:2.6rem}body .product-tile__note.-has-notes .product-tile__note-svg.-hover,body .product-tile__note:hover .product-tile__note-svg.-hover{opacity:1}body .product-tile__note-svg{width:2.6rem;height:2.6rem}body .product-tile__note-svg.-hover{position:absolute;top:0;left:0;opacity:0;transition:opacity var(--transition-default)}body .product-tile__uom{min-width:1.5rem;margin:0 var(--space-4);font-size:1rem;line-height:120%;color:var(--color-black-300);text-align:center;vertical-align:middle}body .product-tile__details{display:none}@media (min-width: 1010px){body .product-tile__details{display:flex;grid-area:1/7/2/8;gap:var(--space-16);align-items:center}}body .product-tile__description{display:none}body .product-tile__popup{position:fixed;z-index:3;top:20%;left:0;transform:translate(100vw);width:calc(100% - 1rem);margin:var(--space-4);padding:var(--space-24) var(--space-16) var(--space-24) var(--space-32);border-radius:var(--radius);transition:transform var(--transition-move)}@media (min-width: 1010px){body .product-tile__popup{top:calc(100% - (100dvh - 31.2rem));right:2rem;left:unset;width:37.3rem;max-height:57.4rem}}body .product-tile__popup:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--radius);background-color:var(--color-black-50)}body .product-tile__popup.-active{transform:translate(0)}body .product-tile__popup.-hidden{display:none}body .product-tile__popup *{position:relative;z-index:2}body .product-tile__popup button.product-tile__popup-close{width:2.4rem;height:2.4rem;margin-bottom:var(--space-8);margin-left:auto}body .product-tile__popup-header{display:flex;flex-direction:column;gap:var(--space-12);margin-bottom:var(--space-24)}body .product-tile__popup-header-svg{width:2.6rem;height:2.6rem}body .product-tile__popup-header-title{margin:0;font-family:var(--font-primary);font-size:1.3rem;line-height:120%;color:var(--color-black-300)}body .product-tile__popup-textarea{width:100%;max-width:100%;height:calc(100% - 18.4rem);min-height:20rem;max-height:calc(100% - 18.4rem);padding:0 var(--space-32) 0 0;border:unset;font-size:1.6rem;line-height:120%;color:var(--color-black-800);background-color:unset}body .product-tile__popup-textarea::placeholder{color:var(--color-black-800)}body .product-tile__popup-content{overflow:auto;height:calc(100% - 18.4rem);padding-right:var(--space-20)}body .product-tile__popup-content p{margin:0;font-size:1.3rem;line-height:120%;color:var(--color-black-800)}body .product-tile__popup-content p+p{margin-top:var(--space-8)}body .product-tile__popup-footer{display:flex;gap:var(--space-16);align-items:center;justify-content:flex-end;margin-top:var(--space-24)}body .product-tile__popup-footer button{height:3.6rem;padding:var(--space-16);border-radius:var(--radius);color:var(--color-white)}body .product-tile__popup-footer button.-save{background-color:var(--color-black)}body .product-tile__popup-footer button.-save:hover{color:var(--color-black);background-color:var(--color-line)}body .product-tile__popup-footer button.-clear{background-color:var(--color-black-300)}body .product-tile__popup-footer button.-clear:hover{color:var(--color-black);background-color:var(--color-line)}