.cubar-taste-finder,.cubar-taste-finder *{box-sizing:border-box}
.ctf{--ctf-blue:#07CCFF;--ctf-text:#333;--ctf-muted:#737373;--ctf-border:#e6e6e6;font-family:"Argentum Sans",Arial,Helvetica,sans-serif;color:var(--ctf-text);background:radial-gradient(circle at 30% 25%,#fff 25%,#f8f8f8 45%,#f2f2f2 70%,#ededed 100%);border:1px solid #e7e7e7;border-radius:24px;padding:26px;overflow:hidden}
.ctf__head{max-width:820px;margin-bottom:20px}.ctf__eyebrow{display:inline-flex;padding:6px 11px;border-radius:999px;background:var(--ctf-blue);color:#fff;font-size:10px;font-weight:900;letter-spacing:.05em}.ctf__head h2{font-size:clamp(30px,3vw,44px);line-height:1.04;margin:12px 0 7px;font-weight:500;letter-spacing:-.035em}.ctf__head h2 strong{color:var(--ctf-blue);font-weight:800}.ctf__head p{margin:0;color:#666;font-size:14px;line-height:1.5;max-width:760px}
.ctf__panel{background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.96);border-radius:18px;padding:15px}.ctf__label{font-size:10px;font-weight:900;letter-spacing:.075em;margin-bottom:8px;color:#5a5a5a} .ctf__chips{display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;padding:2px 1px 9px;scrollbar-width:thin;scrollbar-color:#bfc7cc #eef1f3;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}.ctf__chips::-webkit-scrollbar{height:7px}.ctf__chips::-webkit-scrollbar-track{background:#eef1f3;border-radius:999px}.ctf__chips::-webkit-scrollbar-thumb{background:#bfc7cc;border-radius:999px}.ctf__chips::-webkit-scrollbar-thumb:hover{background:#9fa9af}@media (max-width:767.98px){.ctf__chips{padding-bottom:4px;scrollbar-width:none}.ctf__chips::-webkit-scrollbar{display:none}}.ctf__chip{appearance:none;border:1px solid #ddd;background:#fff;color:#2f2f2f;border-radius:999px;padding:8px 12px;font:800 12px/1 "Argentum Sans",Arial,sans-serif;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.ctf__chip:hover{border-color:#aeeeff;transform:translateY(-1px)}.ctf__chip.is-active{border-color:var(--ctf-blue);box-shadow:0 0 0 3px rgba(7,204,255,.12)}.ctf__chip-icon{font-size:13px}.ctf__chip small{font-size:9px;color:#8a8a8a;font-weight:800}.ctf__selected{margin-top:11px;padding-top:11px;border-top:1px solid #ececec;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.ctf__selected>span{font-size:9px;font-weight:900;color:#666}.ctf__selected>div{display:flex;gap:5px;flex-wrap:wrap}.ctf__selected-pill{background:#333;color:#fff;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800}.ctf__selected button{margin-left:auto;border:0;background:none;color:#727272;font:800 10px/1 "Argentum Sans",Arial,sans-serif;cursor:pointer}.ctf__strength-row{margin-top:12px;padding-top:12px;border-top:1px solid #ececec}.ctf__chips--strength .ctf__chip{padding:7px 10px;font-size:11px}
.ctf__results{margin-top:16px;display:grid;gap:14px}.ctf__group{padding:14px;border:1px solid #e5e5e5;border-radius:18px;background:rgba(255,255,255,.68);overflow:hidden}.ctf__results-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.ctf__results-head>div{display:flex;flex-direction:column;min-width:0}.ctf__results-head>div>span{font-size:17px;font-weight:900;letter-spacing:-.015em}.ctf__results-head small{font-size:10px;color:#858585;margin-top:2px}.ctf__count{font-size:10px!important;background:#333;color:#fff;border-radius:999px;padding:7px 9px;white-space:nowrap}
.ctf__rail{display:grid;grid-auto-flow:column;grid-auto-columns:184px;gap:9px;overflow-x:auto;padding:2px 2px 7px;scroll-snap-type:x proximity;scrollbar-width:thin;overscroll-behavior-inline:contain}.ctf__card{scroll-snap-align:start;background:#fff;border:1px solid #e7e7e7;border-radius:15px;padding:8px;height:282px;min-height:282px;box-sizing:border-box;display:flex;flex-direction:column;color:#333;transition:border-color .15s ease,transform .15s ease}.ctf__card:hover{transform:translateY(-1px);border-color:#bfefff}.ctf__product-link{display:block;flex:0 0 auto;min-width:0;text-decoration:none!important;color:#333!important}.ctf__img{height:128px;border-radius:11px;background:#f7f7f7;display:flex;align-items:center;justify-content:center;overflow:hidden}.ctf__img img{width:100%;height:100%;object-fit:contain;padding:6px}.ctf__brand{display:none}.ctf__name{font-size:11px;line-height:1.28;font-weight:850;margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:29px;min-height:29px}.ctf__meta{font-size:9px;line-height:13px;height:13px;color:#818181;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ctf__card-foot{margin-top:auto;padding-top:7px;border-top:1px solid #f0f0f0}.ctf__price{font-size:15px;line-height:1;font-weight:900;color:#292929;margin-bottom:7px}.ctf__buy{display:flex;align-items:center;gap:7px;margin:0;padding:0}.ctf__qty{height:36px;display:grid;grid-template-columns:30px 32px 30px;align-items:stretch;border:1px solid #dedede;border-radius:10px;background:#fff;overflow:hidden;flex:0 0 94px;width:94px;min-width:94px;max-width:94px;box-sizing:border-box;margin:0!important;padding:0!important;column-gap:0!important;gap:0!important}.ctf__qty button{box-sizing:border-box;width:30px;min-width:30px;height:34px;margin:0!important;border:0!important;border-radius:0!important;background:#f7f7f7;color:#333;font:900 15px/1 "Argentum Sans",Arial,sans-serif;cursor:pointer;padding:0!important;display:grid;place-items:center;box-shadow:none!important;appearance:none;-webkit-appearance:none}.ctf__qty button:hover{background:#efefef}.ctf__qty-value{box-sizing:border-box;width:32px;min-width:32px;height:34px;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;background:#fff;display:grid;place-items:center;text-align:center;color:#333;font:800 12px/1 "Argentum Sans",Arial,sans-serif}.ctf__cart{box-sizing:border-box;width:38px;height:36px;min-width:38px;flex:0 0 38px;margin:0!important;border:0!important;border-radius:10px;background:var(--ctf-blue);color:#fff;cursor:pointer;display:grid;place-items:center;padding:0!important;box-shadow:none!important;appearance:none;-webkit-appearance:none;transition:filter .15s ease,background .15s ease}.ctf__cart svg{width:18px;height:18px}.ctf__cart:hover{filter:brightness(.95)}.ctf__cart:disabled{opacity:.55;cursor:wait}.ctf__cart.is-success{background:#333}.ctf__cart-status{height:15px;padding-top:4px;font-size:8px;font-weight:800;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ctf__cart-status.is-success{color:#198754}.ctf__cart-status.is-error{color:#b42318}.ctf__empty{background:#fff;border:1px dashed #d8d8d8;border-radius:14px;padding:16px;font-size:12px;color:#666;text-align:center}
.ctf__loading{height:39px;border-radius:999px;background:linear-gradient(90deg,#f1f1f1,#fafafa,#f1f1f1);background-size:200% 100%;animation:ctfLoad 1.2s linear infinite}.ctf__loading--card{height:282px;min-width:184px;border-radius:15px}@keyframes ctfLoad{to{background-position:-200% 0}}.ctf__api-error{display:block;padding:10px 12px;border:1px solid #e1e1e1;border-radius:12px;background:#fff;color:#666;font-size:12px;font-weight:700}
@media(max-width:767.98px){.ctf{border-radius:19px;padding:17px 13px}.ctf__head{margin-bottom:15px}.ctf__head h2{font-size:30px}.ctf__panel{padding:12px;border-radius:15px}.ctf__selected button{width:100%;text-align:left;margin-left:0;padding:4px 0}.ctf__group{padding:11px;border-radius:15px}.ctf__results-head{align-items:flex-end}.ctf__results-head>div>span{font-size:15px}.ctf__rail{grid-auto-columns:168px}.ctf__card{height:270px;min-height:270px}.ctf__img{height:116px}.ctf__loading--card{height:270px;min-width:168px}}

/* 6.4.8 hard reset against NOVA/child-theme button spacing */
.ctf .ctf__qty>button,.ctf .ctf__qty>.ctf__qty-value{margin:0!important;padding:0!important;transform:none!important;position:static!important;float:none!important}.ctf .ctf__qty>button:last-child{margin-right:0!important}.ctf .ctf__brand,.ctf [data-brand]{display:none!important}

/* 6.5.2 desktop aroma navigation: hidden native scrollbar + delicate side controls */
.ctf__chips-nav{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;gap:6px;min-width:0}
.ctf__chips-nav .ctf__chips{min-width:0;width:100%;padding:3px 1px 4px;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}
.ctf__chips-nav .ctf__chips::-webkit-scrollbar{display:none;width:0;height:0}
.ctf__chips-arrow{position:relative;width:30px;height:30px;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.82)!important;color:#7a7a7a!important;display:block;padding:0!important;margin:0!important;font-size:0!important;line-height:0!important;box-shadow:none!important;cursor:pointer;appearance:none;-webkit-appearance:none;transition:background .15s ease,color .15s ease,opacity .15s ease,transform .15s ease}
.ctf__chips-arrow::before{content:"";position:absolute;top:50%;left:50%;width:7px;height:7px;border-top:1.25px solid currentColor;border-right:1.25px solid currentColor;transform-origin:center}
.ctf__chips-arrow--prev::before{transform:translate(-38%,-50%) rotate(-135deg)}
.ctf__chips-arrow--next::before{transform:translate(-62%,-50%) rotate(45deg)}
.ctf__chips-arrow:hover:not(:disabled){background:#f5fcff!important;color:#00a9d4!important;transform:scale(1.03)}
.ctf__chips-arrow:focus-visible{outline:2px solid rgba(7,204,255,.28)!important;outline-offset:2px}
.ctf__chips-arrow:disabled{opacity:.18;cursor:default;transform:none}
@media(max-width:767.98px){.ctf__chips-nav{display:block}.ctf__chips-arrow{display:none!important}.ctf__chips-nav .ctf__chips{padding-bottom:4px}}


/* 6.5.3 progressive product loading */
.ctf__progressive-loader{
    flex:0 0 116px;
    min-height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;
    color:#777;
    font-size:11px;
}
.ctf__progressive-loader span{
    width:22px;
    height:22px;
    border:2px solid #e7e7e7;
    border-top-color:#07ccff;
    border-radius:50%;
    animation:ctfProgressiveSpin .7s linear infinite;
}
.ctf__progressive-loader small{font:600 10px/1.2 "Argentum Sans",Arial,Helvetica,sans-serif;white-space:nowrap}
@keyframes ctfProgressiveSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.ctf__progressive-loader span{animation:none;border-top-color:#e7e7e7}}


/* Nicotine facets live inside each product family */
.ctf__group-strength{margin:0 0 10px;padding:10px 11px 8px;border:1px solid #ececec;border-radius:13px;background:rgba(255,255,255,.78)}
.ctf__group-strength .ctf__label{margin-bottom:6px;font-size:9px;color:#666}
.ctf__group-strength .ctf__chips{padding:1px 1px 3px;scrollbar-width:none}
.ctf__group-strength .ctf__chips::-webkit-scrollbar{display:none}
.ctf__group-strength .ctf__chip{padding:6px 9px;font-size:10px}
.ctf__group-strength .ctf__chip small{font-size:8px}
@media(max-width:767.98px){.ctf__group-strength{padding:9px 9px 7px;margin-bottom:9px}.ctf__group-strength .ctf__label{font-size:8px}}
