.bentovox-top-three-cards{--bttc-sf: "SF Pro Display", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Inter Display", "Inter", system-ui, sans-serif;--bttc-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--bttc-ease: cubic-bezier(.22, 1, .36, 1);--bttc-blue: #2f7df6;--bttc-green: #27c499;--bttc-orange: #d06a42;--bttc-ink: #0b0d12;--bttc-ink-2: rgba(11, 13, 18, .66);--bttc-ink-3: rgba(11, 13, 18, .45);--grain-opacity: .236;--grain-url: url(https://cdn.shopify.com/s/files/1/0900/3470/0652/files/Grain.gif?v=1738476637);--grain-size: 150px;position:relative;background-color:var(--bttc-bg, #ffffff);background-image:linear-gradient(color-mix(in srgb,var(--bttc-bg, #ffffff) calc((1 - var(--grain-opacity)) * 100%),transparent),color-mix(in srgb,var(--bttc-bg, #ffffff) calc((1 - var(--grain-opacity)) * 100%),transparent)),var(--grain-url);background-repeat:no-repeat,repeat;background-position:center,top left;background-size:100% 100%,var(--grain-size) var(--grain-size);color:var(--bttc-ink);font-family:var(--bttc-sf);-webkit-font-smoothing:antialiased;padding:80px clamp(20px,5vw,56px) 88px;overflow:hidden}.bentovox-top-three-cards *,.bentovox-top-three-cards *:before,.bentovox-top-three-cards *:after{box-sizing:border-box}.bentovox-top-three-cards__inner{position:relative;z-index:46;max-width:1240px;margin:0 auto}.bentovox-top-three-cards__head{margin-bottom:clamp(34px,4vw,52px)}.bentovox-top-three-cards__eye{font-family:var(--bttc-mono);font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--bttc-ink-3);margin-bottom:14px}.bentovox-top-three-cards__title{font-family:var(--bttc-sf);font-size:clamp(16px,5.6vw,82px);line-height:.92;letter-spacing:-.04em;font-weight:800;margin:0;max-width:none;white-space:nowrap;color:var(--bttc-ink)}.bentovox-top-three-cards__title .bttc-d{color:var(--bttc-orange)}.bentovox-top-three-cards__sub{margin-top:16px;font-size:clamp(14px,1.5vw,17px);color:var(--bttc-ink-2);max-width:52ch}.bentovox-top-three-cards__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}@media(max-width:920px){.bentovox-top-three-cards__grid{display:flex;align-items:stretch;gap:16px;max-width:none;margin-inline:calc(-1*clamp(14px,4vw,20px));padding-top:18px;padding-inline:clamp(14px,4vw,20px);padding-bottom:8px;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;scroll-padding-inline:clamp(14px,4vw,20px);-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none}.bentovox-top-three-cards__grid::-webkit-scrollbar{display:none}.bentovox-top-three-cards__grid .bttc-card{flex:0 0 min(82vw,340px);width:min(82vw,340px);max-width:340px;height:auto;scroll-snap-align:center}}@media(max-width:600px){.bentovox-top-three-cards{padding-left:14px;padding-right:14px}.bentovox-top-three-cards__grid{gap:14px;margin-inline:-14px;padding-top:20px;padding-inline:14px;scroll-padding-inline:14px}.bentovox-top-three-cards__grid .bttc-card{flex-basis:min(85vw,320px);width:min(85vw,320px)}}.bttc-card{--bttc-c: var(--bttc-blue);position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:#fff;color:#0b0d12;border:1px solid rgba(11,13,18,.09);border-radius:22px;padding:clamp(1.25rem,3vw,1.75rem);text-align:center;box-shadow:0 34px 90px -28px #0b0d124d;transition:transform .3s var(--bttc-ease),box-shadow .3s,filter .3s ease,opacity .3s ease}.bttc-card:hover{transform:translateY(-5px);box-shadow:0 40px 100px -28px #0b0d1261}@media(hover:hover){.bentovox-top-three-cards__grid:has(.bttc-card:hover) .bttc-card:not(:hover){filter:blur(5px);opacity:.5}}.bttc-card__flag{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);z-index:3;white-space:nowrap;padding:5px 14px;border-radius:999px;font-family:var(--bttc-mono);font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:var(--bttc-c);color:#fff;box-shadow:0 8px 22px -8px color-mix(in oklab,var(--bttc-c) 70%,transparent)}.bttc-card__flag--plain{background:#fff;color:var(--bttc-ink-2);border:1px solid rgba(11,13,18,.16);box-shadow:0 8px 22px -10px #0b0d1240}.bttc-card__name{margin:0 0 .1rem;font-family:var(--bttc-sf);font-size:clamp(1.4rem,4vw,1.75rem);font-weight:800;letter-spacing:-.02em;line-height:1.15;color:#0b0d12}.bttc-card__tagline{margin:0 0 .8rem;font-size:.875rem;font-weight:600;color:#0b0d128c}.bttc-card__stack{position:relative;width:min(76%,250px);aspect-ratio:1 / .94;margin:0 auto .9rem}.bttc-card__stack img{position:absolute;height:auto;border-radius:8px;box-shadow:0 14px 30px -12px #0b0d1280}.bttc-card__stack .bttc-a{width:47%;top:1%;left:7%;transform:rotate(-9deg);z-index:1}.bttc-card__stack .bttc-b{width:47%;top:4%;right:5%;transform:rotate(8deg);z-index:1}.bttc-card__stack .bttc-c{width:56%;bottom:7%;left:0;transform:rotate(-5deg);z-index:3}.bttc-card__stack .bttc-d{width:52%;bottom:4%;right:1%;transform:rotate(6deg);z-index:2}.bttc-card__stack--three .bttc-c{width:56%;left:50%;bottom:5%;transform:translate(-50%) rotate(-3deg)}.bttc-card__stack--single{aspect-ratio:auto;width:min(98%,330px);margin:-3.6rem auto -2rem}.bttc-card__stack--single img{position:static;width:100%;height:auto;border-radius:0;box-shadow:none;filter:drop-shadow(0 8px 14px rgba(11,13,18,.22))}.bttc-card__stack--one .bttc-s{width:82%;left:50%;top:50%;transform:translate(-50%,-50%)}.bttc-card__pill{display:inline-block;margin-bottom:.55rem;padding:.3rem .8rem;border-radius:6px;background:var(--bttc-c);color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.bttc-card__pricing{display:flex;align-items:baseline;justify-content:center;gap:.8rem;margin-bottom:.9rem}.bttc-card__price{display:inline-block;font-size:2.5rem;font-weight:900;color:#0b0d12;line-height:1}.bttc-card__price .bttc-cur{font-size:1.5rem;font-weight:800}.bttc-card__once{font-size:1rem;font-weight:600;color:#0b0d1266}.bttc-card form{width:100%;display:flex;justify-content:center;align-items:center;margin:0}.bttc-card__btn{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:.6rem;width:86%;max-width:100%;margin-inline:auto;padding:.78rem 1rem;border:none;border-radius:12px;background:#0b0d12;color:#fff;font-family:var(--bttc-sf);font-size:clamp(.95rem,2.4vw,1.25rem);font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;cursor:pointer;text-decoration:none;box-shadow:0 12px 30px -12px #0b0d1299;transition:transform .25s ease,box-shadow .25s ease;box-sizing:border-box}.bttc-card__btn:hover,.bttc-card__btn:focus,.bttc-card__btn:active{color:#fff;text-decoration:none}.bttc-card__btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px -12px #0b0d12b3}.bttc-card__btn:disabled,.bttc-card__btn[aria-busy=true]{opacity:.65;cursor:wait;transform:none;pointer-events:none}.bttc-card__btn:after{content:"";position:absolute;top:0;bottom:0;left:-160%;width:55%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.32) 50%,transparent 100%);transform:skew(-18deg);animation:bttc-btn-shimmer 3.2s ease-in-out infinite}@keyframes bttc-btn-shimmer{0%,55%{left:-160%}to{left:160%}}.bttc-card:nth-child(2) .bttc-card__btn:after{animation-delay:1.1s}.bttc-card:nth-child(3) .bttc-card__btn:after{animation-delay:2.2s}.bttc-card__micro{margin:.65rem 0 .9rem;font-size:.78rem;color:#0b0d128c}.bttc-card__list{list-style:none;margin:auto 0 0;padding:.9rem 0 0;border-top:1px solid rgba(11,13,18,.1);display:flex;flex-direction:column;gap:.6rem;text-align:left}.bttc-card__list li{display:flex;align-items:flex-start;gap:.6rem;font-size:.9rem;font-weight:800;color:#0b0d12e0;line-height:1.35}.bttc-card__list svg{flex-shrink:0;color:var(--bttc-c);margin-top:.15rem}.bttc-card__hl{margin:.9rem 0 0;padding:.7rem .85rem;border-radius:10px;border:1px dashed color-mix(in oklab,var(--bttc-c) 45%,transparent);background:color-mix(in oklab,var(--bttc-c) 7%,transparent);text-align:left;flex-shrink:0}.bttc-card__hl:first-of-type,.bttc-card>.bttc-card__hl{margin-top:auto}.bttc-card__list+.bttc-card__hl{margin-top:.9rem}.bttc-card__hl-eye{font-family:var(--bttc-mono);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--bttc-c);margin-bottom:4px}.bttc-card__hl-tt{display:flex;align-items:center;gap:6px;font-size:.84rem;font-weight:800;color:#0b0d12}.bttc-card__hl-tt svg{color:var(--bttc-c);width:14px;height:14px;flex-shrink:0}.bttc-card__hl-bd{margin-top:3px;font-size:.72rem;line-height:1.45;color:#0b0d128c}.bentovox-top-three-cards__empty{text-align:center;opacity:.7;padding:2rem 0}.bentovox-top-three-cards__head,.bentovox-top-three-cards__grid{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .7s var(--bttc-ease)}.bentovox-top-three-cards__grid{transition-delay:.12s}.bentovox-top-three-cards.is-in .bentovox-top-three-cards__head,.bentovox-top-three-cards.is-in .bentovox-top-three-cards__grid{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.bentovox-top-three-cards__head,.bentovox-top-three-cards__grid{opacity:1;transform:none;transition:none}.bentovox-top-three-cards__grid:has(.bttc-card:hover) .bttc-card:not(:hover){filter:none;opacity:1}.bttc-card__btn:after{display:none}.bentovox-top-three-cards *{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/bentovox-top-three-cards.css.map */