:root{--color-bg: #FAFAFA;--color-surface: #FFFFFF;--color-text: #1A1A1A;--color-text-muted: #6B7280;--color-accent: #1A1A1A;--color-accent-hover: #374151;--color-border: #E5E7EB;--color-arrow: #1A1A1A;--color-selection: #E63946;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--content-padding: 2rem;--content-gap: 2rem;--wheel-size: min(100vh, calc((100vw - 2 * var(--content-padding) - var(--content-gap)) * .75));--product-width: calc((100vw - 2 * var(--content-padding) - var(--content-gap)) * .25);--product-height: var(--wheel-size)}.flavor-wheel-section{padding-top:0;position:relative;z-index:1}@media (max-width: 768px){.flavor-wheel-section{display:none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page-container{min-height:100vh;display:flex;flex-direction:column}.flavor-wheel-header{text-align:center;padding:2rem 1.5rem}.flavor-wheel-header .quiz-heading{margin:0 0 1rem;line-height:1.3}.flavor-wheel-header .quiz-subheading{margin:0}.main-content{flex:1;display:grid;grid-template-columns:1fr;gap:var(--content-gap);margin:0;padding:0 var(--content-padding) 3rem;width:100%;justify-items:center}@media (min-width: 1024px){.main-content{grid-template-columns:var(--wheel-size) var(--product-width);align-items:center;justify-content:center;padding-left:.5rem;padding-right:var(--content-padding)}}.footer{text-align:center;padding:1.5rem;color:var(--color-text-muted);font-size:.875rem;border-top:1px solid var(--color-border)}.flavor-wheel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.flavor-wheel__wrapper{position:relative;width:var(--wheel-size);height:var(--wheel-size);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.flavor-wheel__wrapper:active{cursor:grabbing}#flavor-wheel-svg{width:100%;height:100%;overflow:visible}.wheel-segment{transition:transform .15s ease-out,filter .15s ease-out;cursor:pointer;opacity:.9}.wheel-segment path{filter:saturate(.8) brightness(.95)}.wheel-segment:hover{opacity:1;filter:brightness(1.05);transform:scale(1.12)}.wheel-segment:hover path{filter:saturate(.95) brightness(1)}.wheel-segment--inner{pointer-events:none;cursor:default}.wheel-segment--inner:hover{transform:none;filter:none}.wheel-segment--inner:hover path{filter:saturate(.8) brightness(.95)}.wheel-segment--faded{opacity:.4;filter:saturate(.5)}.wheel-segment--selected{opacity:1!important;filter:none!important;transform:scale(1.15)!important;z-index:10}.wheel-segment--selected path{filter:saturate(1) brightness(1)!important;stroke-width:3}.count-segment{pointer-events:none}.wheel-segment text{pointer-events:none;font-family:var(--font-family);font-weight:600;fill:#fff}.flavor-wheel__arrow{display:none}.flavor-wheel__center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(var(--wheel-size) * .11);height:calc(var(--wheel-size) * .11);background:var(--color-surface);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;z-index:5}.flavor-wheel__center:hover{transform:translate(-50%,-50%) scale(1.05);box-shadow:var(--shadow-lg),0 0 0 4px #1a1a1a1a}.flavor-wheel__center:active{transform:translate(-50%,-50%) scale(.98)}.flavor-wheel__center-text{font-size:clamp(8px,calc(var(--wheel-size) * .028),16px);font-weight:700;letter-spacing:.1em;color:var(--color-text);white-space:nowrap}.products{display:flex;flex-direction:column;width:100%;max-width:var(--product-width);height:var(--wheel-size);max-height:var(--wheel-size);overflow:visible;padding:15% 0;box-sizing:border-box}@media (min-width: 1024px){.products{width:var(--product-width);min-width:240px;max-width:320px}}.products__wrapper{display:flex;flex-direction:column;height:100%;flex:1}.products__title{font-size:1.5rem;font-weight:600;color:var(--color-text)}.products__grid{display:grid;grid-template-columns:1fr;gap:1rem}.products__empty{grid-column:1 / -1;text-align:center;padding:3rem 1.5rem;color:var(--color-text-muted);background:var(--color-surface);border-radius:var(--radius-md);border:2px dashed var(--color-border)}.products__loading{grid-column:1 / -1;text-align:center;padding:3rem 1.5rem;color:var(--color-text-muted)}.product-card{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:transform .2s ease,box-shadow .2s ease}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.product-card__image{aspect-ratio:1;width:100%;object-fit:cover;background:var(--color-bg)}.product-card__content{padding:1.25rem}.product-card__vendor{font-size:.75rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.product-card__title{font-size:1.125rem;font-weight:600;color:var(--color-text);margin-bottom:.5rem;line-height:1.3}.product-card__flavors{font-size:.875rem;color:var(--color-text-muted);margin-bottom:1rem}.product-card__footer{display:flex;align-items:center;justify-content:space-between}.product-card__price{font-size:1.125rem;font-weight:700;color:var(--color-text)}.product-card__button{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;background:var(--color-accent);color:#fff;font-size:.875rem;font-weight:600;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .2s ease}.product-card__button:hover{background:var(--color-accent-hover)}.flavor-tag{display:inline-block;padding:.125rem .375rem;background:#e639461a;color:var(--color-selection);border-radius:4px;font-weight:500}@keyframes spin-pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}.flavor-wheel__center--spinning{animation:spin-pulse .5s ease infinite}@media (min-width: 1400px){:root{--content-padding: 3rem;--content-gap: 3rem}}@media (max-width: 1024px){:root{--wheel-size: min(80vh, 90vw);--product-width: min(400px, 90vw);--product-height: auto}.main-content{grid-template-columns:1fr;justify-items:center}.products{height:auto;min-height:400px}.products__grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 768px){:root{--wheel-size: min(70vh, 95vw);--content-padding: 1rem;--content-gap: 1.5rem}.products__grid{grid-template-columns:1fr}}@media (max-width: 480px){:root{--wheel-size: min(60vh, 95vw)}}.flavor-wheel-section .quiz-product-card{flex:1;max-height:none;min-height:0}.flavor-wheel-section .quiz-product-image,.flavor-wheel-section .products__grid{flex:1;min-height:0}.flavor-wheel-section .products__wrapper{height:100%}.flavor-all-button-wrapper{margin-top:.75rem;flex-shrink:0;text-align:center}.flavor-all-button{display:block;text-align:center;padding:8px 16px;border:1px solid #000000;border-radius:100px;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flavor-all-button:hover{opacity:.85;transform:translateY(-2px)}@media screen and (min-width: 750px){.flavor-all-button{font-size:14px;padding:10px 20px}}.products__wrapper{position:relative;display:flex;flex-direction:column;height:100%}.products__grid{flex:1;display:flex;flex-direction:column;min-height:0}.products__pagination{position:absolute;top:35%;left:0;right:0;transform:translateY(-50%);pointer-events:none;z-index:10;display:none}.products__pagination.has-pagination{display:flex;justify-content:space-between;align-items:center}.products__pagination .quiz-pagination-arrow{pointer-events:auto}.products__pagination .quiz-pagination-prev{margin-left:-56px}.products__pagination .quiz-pagination-next{margin-right:-56px}
/*# sourceMappingURL=/cdn/shop/t/3/assets/flavor-wheel.css.map */