@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap";.buy-box-coffee,.buy-box-coffee *,.buy-box-coffee *:before,.buy-box-coffee *:after{box-sizing:border-box;margin:0;padding:0;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.buy-box-coffee{--bbc-page-bg: #ffffff;--bbc-bg: #ffffff;--bbc-border: #e5e7eb;--bbc-text: #212529;--bbc-text-muted: #6b7280;--bbc-primary: #2563eb;--bbc-primary-foreground: #ffffff;--bbc-success: #22c55e;--bbc-success-foreground: #ffffff;--bbc-warning: #f59e0b;--bbc-badge-bg: rgba(34, 197, 94, .1);--bbc-badge-text: #22c55e;--bbc-gradient-primary: linear-gradient(135deg, #2563eb, #7c3aed);--bbc-shadow-card: 0 4px 20px -4px rgba(33, 37, 41, .1);--bbc-shadow-glow: 0 8px 30px -8px rgba(37, 99, 235, .4)}.buy-box-coffee{width:100%;background:var(--bbc-page-bg);line-height:1.5}.buy-box-coffee__container{display:flex;flex-direction:column;gap:24px;max-width:1200px;margin:0 auto}@media(min-width:768px){.buy-box-coffee__container{flex-direction:row;gap:32px;align-items:flex-start}.buy-box-coffee__gallery,.buy-box-coffee__card{flex:1;max-width:50%}}.buy-box-coffee__gallery{width:100%;padding:0 10px}@media(min-width:768px){.buy-box-coffee__gallery{padding:0}}.buy-box-coffee__gallery-main{position:relative;aspect-ratio:1 / 1;border-radius:16px;overflow:hidden;background:#f4f4f5;margin-bottom:12px;box-shadow:var(--bbc-shadow-card);padding:0}.buy-box-coffee__gallery-image{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important;opacity:0;transition:opacity .3s ease}.buy-box-coffee__gallery-image[data-index="0"]{top:20px!important;right:20px!important;bottom:20px!important;left:20px!important;width:calc(100% - 40px)!important;height:calc(100% - 40px)!important;object-fit:contain!important}.buy-box-coffee__gallery-image--active{opacity:1}.buy-box-coffee__gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--bbc-border);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--bbc-text);opacity:0;transition:opacity .2s ease;box-shadow:0 2px 8px #0000001a}.buy-box-coffee__gallery-main:hover .buy-box-coffee__gallery-arrow{opacity:1}.buy-box-coffee__gallery-arrow--prev{left:12px}.buy-box-coffee__gallery-arrow--next{right:12px}.buy-box-coffee__gallery-arrow svg{width:20px;height:20px}.buy-box-coffee__gallery-counter{position:absolute;bottom:12px;right:12px;padding:6px 10px;border-radius:9999px;background:#fffffff2;font-size:var(--bbc-gallery-counter-size-mobile, 12px);font-weight:600;color:var(--bbc-text-muted);line-height:1}@media(min-width:768px){.buy-box-coffee__gallery-counter{font-size:var(--bbc-gallery-counter-size-desktop, 12px)}}.buy-box-coffee__thumbnails{display:flex;justify-content:center;gap:8px}.buy-box-coffee__thumbnail{width:48px;height:48px;border-radius:8px;overflow:hidden;border:2px solid transparent;padding:0;cursor:pointer;opacity:.6;transition:all .2s ease;background:transparent}.buy-box-coffee__thumbnail:hover{opacity:1}.buy-box-coffee__thumbnail--active{opacity:1;border-color:var(--bbc-primary)}.buy-box-coffee__thumbnail img{width:100%;height:100%;object-fit:cover}.buy-box-coffee__card{background:var(--bbc-bg);border-radius:16px;padding:20px;box-shadow:var(--bbc-shadow-card)}@media(min-width:768px){.buy-box-coffee__card{padding:32px}}.buy-box-coffee__social-proof{display:flex;align-items:center;gap:6px;margin-bottom:16px;flex-wrap:nowrap;background:none;border:none;padding:0;font-size:inherit;cursor:auto}.buy-box-coffee__social-proof--clickable{cursor:pointer;transition:opacity .2s ease}.buy-box-coffee__social-proof--clickable:hover{opacity:.7}.buy-box-coffee__stars{display:flex;align-items:center;gap:2px}.buy-box-coffee__star{width:14px;height:14px;color:var(--bbc-warning);fill:var(--bbc-warning)}.buy-box-coffee__rating-number{font-size:var(--bbc-rating-number-size-mobile, 14px);font-weight:700;color:var(--bbc-text);line-height:1;margin-left:4px}@media(min-width:768px){.buy-box-coffee__rating-number{font-size:var(--bbc-rating-number-size-desktop, 14px)}}.buy-box-coffee__review-count{font-size:var(--bbc-review-count-size-mobile, 12px);color:var(--bbc-text-muted);line-height:1}@media(min-width:768px){.buy-box-coffee__review-count{font-size:var(--bbc-review-count-size-desktop, 12px)}}.buy-box-coffee__title{font-size:var(--bbc-title-size-mobile, 24px);font-weight:800;color:var(--bbc-text);margin:0 0 4px;line-height:1.2;letter-spacing:-.01em}@media(min-width:768px){.buy-box-coffee__title{font-size:var(--bbc-title-size-desktop, 28px)}}.buy-box-coffee__specs{font-size:var(--bbc-specs-size-mobile, 14px);color:var(--bbc-text-muted);margin:0;line-height:1.5;white-space:nowrap}@media(min-width:768px){.buy-box-coffee__specs{font-size:var(--bbc-specs-size-desktop, 14px)}}.buy-box-coffee__description{font-size:var(--bbc-description-size-mobile, 14px);color:var(--bbc-text-muted);margin:12px 0 16px;line-height:1.375}@media(min-width:768px){.buy-box-coffee__description{font-size:var(--bbc-description-size-desktop, 14px)}}.buy-box-coffee__description p{margin:0;line-height:1.375}.buy-box-coffee__description strong,.buy-box-coffee__description b{color:var(--bbc-text);font-weight:600}.buy-box-coffee__mug-callout{margin-bottom:20px;text-align:center}.buy-box-coffee__mug-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:9999px;border:1px solid rgba(34,197,94,.3);background:var(--bbc-badge-bg);font-size:12px;font-weight:600;color:var(--bbc-badge-text);font-style:italic;line-height:1.3}.buy-box-coffee__section-label{font-size:var(--bbc-label-size-mobile, 14px);font-weight:700;color:var(--bbc-text);margin:0 0 12px;line-height:1.4}@media(min-width:768px){.buy-box-coffee__section-label{font-size:var(--bbc-label-size-desktop, 14px)}}.buy-box-coffee__plans{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.buy-box-coffee__plan{position:relative;border-radius:12px;border:2px solid var(--bbc-border);padding:12px;text-align:left;background:transparent;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:8px}.buy-box-coffee__plan:hover{border-color:#6b72804d}.buy-box-coffee__plan--selected{border-color:var(--bbc-primary);background:#2563eb0d}.buy-box-coffee__plan-top{display:flex;align-items:center;gap:6px}.buy-box-coffee__plan-freq{font-size:var(--bbc-plan-label-size-mobile, 12px);font-weight:700;color:var(--bbc-text);text-transform:uppercase;line-height:1}@media(min-width:768px){.buy-box-coffee__plan-freq{font-size:var(--bbc-plan-label-size-desktop, 12px)}}.buy-box-coffee__radio{width:16px;height:16px;min-width:16px;min-height:16px;border-radius:50%;border:2px solid var(--bbc-text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.buy-box-coffee__plan--selected .buy-box-coffee__radio{border-color:var(--bbc-primary);background:var(--bbc-primary)}.buy-box-coffee__radio--muted{border-color:var(--bbc-text-muted)}.buy-box-coffee__plan--selected .buy-box-coffee__radio--muted{border-color:var(--bbc-text-muted);background:var(--bbc-text-muted)}.buy-box-coffee__radio-check{width:10px;height:10px;color:var(--bbc-primary-foreground);opacity:0;transition:opacity .2s ease}.buy-box-coffee__plan--selected .buy-box-coffee__radio-check{opacity:1}.buy-box-coffee__discount-badge{display:inline-block;padding:2px 6px;font-size:var(--bbc-discount-badge-size-mobile, 11px);font-weight:700;border-radius:4px;background:var(--bbc-success);color:var(--bbc-success-foreground);white-space:nowrap;line-height:1.3;align-self:flex-start}@media(min-width:768px){.buy-box-coffee__discount-badge{font-size:var(--bbc-discount-badge-size-desktop, 11px)}}.buy-box-coffee__plan-pricing{display:flex;align-items:baseline;gap:6px}.buy-box-coffee__plan-price{font-size:var(--bbc-plan-price-size-mobile, 18px);font-weight:800;color:var(--bbc-text);line-height:1.2}@media(min-width:768px){.buy-box-coffee__plan-price{font-size:var(--bbc-plan-price-size-desktop, 20px)}}.buy-box-coffee__plan-compare{font-size:var(--bbc-compare-size-mobile, 12px);color:var(--bbc-text-muted);text-decoration:line-through;line-height:1.2}@media(min-width:768px){.buy-box-coffee__plan-compare{font-size:var(--bbc-compare-size-desktop, 12px)}}.buy-box-coffee__plan-interval{font-size:10px;color:var(--bbc-text-muted);margin:0;line-height:1.3}.buy-box-coffee__perks{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:8px}.buy-box-coffee__perk{display:flex;align-items:center;gap:8px;font-size:var(--bbc-perks-size-mobile, 14px);color:var(--bbc-text-muted);line-height:1.4}@media(min-width:768px){.buy-box-coffee__perk{font-size:var(--bbc-perks-size-desktop, 14px)}}.buy-box-coffee__perk-icon{width:16px;height:16px;min-width:16px;color:var(--bbc-success);flex-shrink:0}.buy-box-coffee__cta{width:100%;padding:14px 16px;border-radius:12px;font-weight:800;font-size:var(--bbc-cta-size-mobile, 16px);border:none;cursor:pointer;transition:all .2s ease;text-align:center;line-height:1}@media(min-width:768px){.buy-box-coffee__cta{font-size:var(--bbc-cta-size-desktop, 16px)}}.buy-box-coffee__cta--primary{background:var(--bbc-gradient-primary);color:var(--bbc-primary-foreground);box-shadow:var(--bbc-shadow-glow)}@media(prefers-reduced-motion:no-preference){.buy-box-coffee__cta--primary{animation:bbc-cta-breathe 8s ease-in-out infinite;will-change:transform;transform-origin:center}}.buy-box-coffee__cta--primary:hover{opacity:.9}.buy-box-coffee__cta--primary:disabled,.buy-box-coffee__cta--loading{opacity:.6;cursor:not-allowed;animation:none}.buy-box-coffee__cta--loading:after{content:"";display:inline-block;width:1em;height:1em;margin-left:.5em;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:bbc-cta-spin .6s linear infinite}@keyframes bbc-cta-spin{to{transform:rotate(360deg)}}.buy-box-coffee__cta--secondary{display:block!important;width:100%!important;background:var(--bbc-gradient-primary);color:var(--bbc-primary-foreground);box-shadow:var(--bbc-shadow-glow);opacity:.7}.buy-box-coffee__cta--secondary:hover{opacity:.9}.buy-box-coffee__cta--faded{opacity:.5;box-shadow:none;animation:none}@keyframes bbc-cta-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}@media(prefers-reduced-motion:reduce){.buy-box-coffee__cta--primary,.cta-breathe{animation:none!important}}.buy-box-coffee__badge-wrap{margin-top:12px;text-align:center}.buy-box-coffee__badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:9999px;border:1px solid rgba(34,197,94,.3);background:var(--bbc-badge-bg);font-size:var(--bbc-badge-size-mobile, 12px);font-weight:600;color:var(--bbc-badge-text);line-height:1}@media(min-width:768px){.buy-box-coffee__badge{font-size:var(--bbc-badge-size-desktop, 12px)}}.buy-box-coffee__plan--onetime{margin-top:16px;width:100%!important;max-width:100%!important;grid-column:1 / -1}.buy-box-coffee__plan-content{display:flex;align-items:center;justify-content:space-between;gap:12px}.buy-box-coffee__plan-left{display:flex;align-items:center;gap:8px}.buy-box-coffee__plan-details{display:flex;flex-direction:column;gap:0}.buy-box-coffee__plan-label{font-size:14px;font-weight:600;color:var(--bbc-text);margin:0;line-height:1.3}.buy-box-coffee__plan-perday{font-size:12px;font-weight:600;color:var(--bbc-success);margin:0;line-height:1.3}.buy-box-coffee__plan-perday--muted{color:var(--bbc-text-muted)}.buy-box-coffee__onetime-expand{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .3s ease,opacity .3s ease}.buy-box-coffee__plan--onetime.buy-box-coffee__plan--selected .buy-box-coffee__onetime-expand{grid-template-rows:1fr;opacity:1}.buy-box-coffee__onetime-expand-inner{overflow:hidden;width:100%}.buy-box-coffee__onetime-expand{width:100%}.buy-box-coffee__onetime-expand-inner>.buy-box-coffee__cta{margin-top:12px;padding-top:12px;border-top:1px solid var(--bbc-border);width:100%!important;max-width:100%!important}.buy-box-coffee__footer-note{text-align:center;font-size:12px;color:var(--bbc-text-muted);margin:12px 0 0;line-height:1.4}
/*# sourceMappingURL=/cdn/shop/t/2/assets/buy-box-coffee.css.map */