.card-wrapper{position:relative}.product-hover-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#f0ebdd;border:1px solid black;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:15;display:flex;align-items:center;justify-content:center;padding:1rem;pointer-events:none;transform:translateZ(0);will-change:opacity,visibility}.card-wrapper:hover .product-hover-overlay:not(:empty):not(.no-metafields){opacity:1;visibility:visible;pointer-events:auto}.card-wrapper:hover .product-hover-overlay.no-metafields{opacity:0;visibility:hidden;pointer-events:none}.card-wrapper:hover .product-hover-overlay:not(:empty):not(.no-metafields){opacity:1!important;visibility:visible!important;pointer-events:auto!important}@media screen and (max-width: 915px){.card-wrapper:hover .product-hover-overlay{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.card-wrapper:hover .product-hover-overlay:not(:empty):not(.no-metafields){opacity:0!important;visibility:hidden!important;pointer-events:none!important}}.product-hover-overlay *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.product-hover-content{contain:layout style paint;overflow:hidden}.card-wrapper{transform:translateZ(0);isolation:isolate}.card-wrapper:hover .card__heading a:after{pointer-events:none}.product-hover-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;text-align:left;padding:8px;pointer-events:auto}.product-hover-tasting-notes{color:#000;text-align:justify;font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin-bottom:14px}.product-hover-details{margin-bottom:1rem}.product-hover-detail{display:flex;align-items:center;margin-bottom:.3rem;font-size:.7rem;gap:4px}.product-hover-label{color:#312c28;font-size:10px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.05px;font-family:Grotesk Mono Regular}.product-hover-value{color:#312c28;font-size:22px;font-style:normal;font-weight:400;line-height:28px}.product-hover-flavor-profiles{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1rem;margin-top:18px}.product-hover-flavor-item{display:flex;flex-direction:column;align-items:center;text-align:center}.product-hover-flavor-icon{position:relative;padding:19px 23px;clip-path:polygon(8% 0%,92% 0%,100% 8%,100% 92%,92% 100%,8% 100%,0% 92%,0% 8%);border:1px solid black;display:flex;background-color:#000;align-items:center;justify-content:center;margin-bottom:.3rem}.product-hover-flavor-icon:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#efe8d8;clip-path:polygon(8% 0%,92% 0%,100% 8%,100% 92%,92% 100%,8% 100%,0% 92%,0% 8%);z-index:0}.product-hover-flavor-icon img{width:47px;height:46px;position:relative;z-index:1}.product-hover-flavor-icon svg{width:16px;height:16px;color:#fff}.product-hover-flavor-text{font-size:.6rem;font-weight:400;color:#333;text-transform:uppercase;line-height:1.2}.product-hover-flavor-name{display:block}.product-hover-actions{display:flex;justify-content:space-between;align-items:center;pointer-events:auto;margin-top:8px}.hover-quick-add-form{margin:0;padding:0;display:inline-block;pointer-events:auto}.product-hover-quick-add{background:#333;border:none;padding:6px 24px;text-transform:none;cursor:pointer;transition:background .2s ease;border-radius:0;color:#fff;text-align:center;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.032px;pointer-events:auto;position:relative;z-index:1}.product-hover-quick-add:hover:not(:disabled){background:#555}.product-hover-quick-add:disabled{background:#999;cursor:not-allowed}.product-hover-read-more{color:#111827;font-size:16px;font-style:normal;font-weight:400;line-height:28px;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;pointer-events:auto;position:relative;z-index:1}.product-hover-read-more:hover{color:#666}@media screen and (min-width: 1024px){.product-hover-variants{margin-bottom:10px!important}}@media screen and (max-width: 1440px){.product-hover-tasting-notes{font-size:12px}.product-hover-value{font-size:16px}.product-hover-flavor-profiles{grid-template-columns:repeat(4,1fr);margin-top:12px}.product-hover-flavor-icon img{width:100%;height:auto}.product-hover-flavor-icon{padding:12px}.product-hover-quick-add{padding:6px;font-size:12px}.product-hover-read-more{font-size:12px}}@media screen and (max-width: 1280px){.product-hover-tasting-notes{font-size:10px;margin-bottom:0}.product-hover-flavor-profiles{display:none}.product-hover-quick-add{padding:2px 8px;font-size:12px}.product-hover-read-more{font-size:12px}.product-hover-actions{flex-direction:column;margin-top:0}}@media screen and (max-width: 1170px){.product-hover-details{display:none}}@media screen and (max-width: 749px){.product-hover-overlay{padding:.75rem}.product-hover-tasting-notes{font-size:.75rem;margin-bottom:.75rem}.product-hover-flavor-profiles{grid-template-columns:repeat(4,1fr);gap:.4rem}.product-hover-flavor-icon{width:28px;height:28px}.product-hover-flavor-icon img,.product-hover-flavor-icon svg{width:14px;height:14px}}.product-hover-variant-select,.product-hover-grind-select,.product-hover-quantity-input{border:1px solid #312D29;background:#f0ebdd;color:#131313;font-family:Grotesk Regular;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.07px;padding:8px 16px;outline:none;box-shadow:none}.product-hover-variant-select,.product-hover-grind-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left 12px center;background-size:16px;padding-left:36px;padding-right:16px}.product-hover-variant-select:focus,.product-hover-grind-select:focus,.product-hover-quantity-input:focus{outline:none;box-shadow:none}.product-hover-variant-section .product-hover-label{color:#131313;font-family:Grotesk Mono Regular;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.07px;display:block;margin-bottom:8px}.product-hover-variant-options{width:100%;margin-bottom:4px}.product-hover-variant-select{width:100%}.product-hover-grind-quantity{display:flex;gap:0px}.product-hover-grind,.product-hover-quantity{flex:1}@media screen and (max-width: 1440px){.product-hover-variant-select,.product-hover-grind-select,.product-hover-quantity-input{padding:6px 12px;font-size:12px;line-height:16px}.product-hover-variant-select,.product-hover-grind-select{background-position:left 8px center;background-size:14px;padding-left:28px;padding-right:12px}.product-hover-variant-section .product-hover-label{font-size:12px;line-height:16px;margin-bottom:4px}.product-hover-variant-options{margin-bottom:2px}.product-hover-grind-quantity{flex-direction:column;gap:2px}.product-hover-grind,.product-hover-quantity{width:100%}.product-hover-tasting-notes{display:none}}@media screen and (max-width: 1280px){.product-hover-variant-select,.product-hover-grind-select,.product-hover-quantity-input{padding:4px 8px;font-size:10px;line-height:14px}.product-hover-variant-select,.product-hover-grind-select{background-position:left 6px center;background-size:12px;padding-left:22px;padding-right:8px}.product-hover-variant-section .product-hover-label{font-size:10px;line-height:14px;margin-bottom:2px}}@media screen and (max-width: 1023px){.product-hover-quantity{margin-bottom:10px}}@media screen and (max-width: 749px){.product-hover-variant-select,.product-hover-grind-select,.product-hover-quantity-input{padding:4px 6px;font-size:9px;line-height:12px}.product-hover-variant-select,.product-hover-grind-select{background-position:left 4px center;background-size:10px;padding-left:18px;padding-right:6px}.product-hover-variant-section .product-hover-label{font-size:9px;line-height:12px;margin-bottom:2px}}@media (hover: none){.product-hover-overlay{display:none}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/component-product-hover.css.map */