.comp-fbt-block{margin:1.5rem 0;background-color:rgb(var(--color-background));overflow:hidden}.comp-fbt-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:1rem}.comp-fbt-titles{flex:1;min-width:0}.comp-fbt-title{font-size:1.0625rem;font-weight:700;margin:0 0 .2rem;color:rgb(var(--color-foreground-title))}.comp-fbt-subtitle{font-size:.8125rem;color:rgba(var(--color-foreground-secondary),1);margin:0;line-height:1.4}.comp-fbt-nav-wrap{display:flex;gap:.5rem;flex-shrink:0}.comp-fbt-nav{width:2rem;height:2rem;border-radius:50%;border:.0625rem solid rgb(var(--color-button));background-color:rgb(var(--color-background));color:rgb(var(--color-button));display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s,color .15s;padding:0}.comp-fbt-nav:hover{background-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}.comp-fbt-nav.swiper-button-disabled{opacity:.35;cursor:default}.comp-fbt-swiper{overflow:hidden}.comp-fbt-swiper:not(.swiper-initialized) .comp-fbt-slide{width:calc((100% - .625rem) / 1.15);margin-right:.625rem}@media(min-width:600px){.comp-fbt-swiper:not(.swiper-initialized) .comp-fbt-slide{width:calc((100% - .75rem) / 2.15);margin-right:.75rem}}.comp-fbt-card{border:none;border-radius:.6rem;padding:.75rem;background-color:rgb(var(--color-background-card));display:flex;flex-direction:column;gap:.625rem;height:100%;box-sizing:border-box}.comp-fbt-img-wrap{position:relative;width:100%;aspect-ratio:1;background-color:rgb(var(--color-background));border-radius:.375rem;overflow:hidden;display:flex;align-items:center;justify-content:center}.comp-fbt-img-wrap img{width:100%;height:100%;object-fit:contain}.comp-fbt-img-placeholder{width:100%;height:100%;background-color:rgb(var(--color-background))}.comp-fbt-check-label{position:absolute;top:.5rem;left:.5rem;cursor:pointer;display:block;width:1.375rem;height:1.375rem}.comp-fbt-checkbox{position:absolute;opacity:0;width:0;height:0}.comp-fbt-check-icon{display:flex;align-items:center;justify-content:center;width:1.375rem;height:1.375rem;border-radius:50%;background-color:rgba(var(--color-foreground),.25);border:.125rem solid rgb(var(--color-background));transition:background-color .15s;box-sizing:border-box}.comp-fbt-checkbox:checked+.comp-fbt-check-icon{background-color:rgb(var(--color-button));border-color:rgb(var(--color-button))}.comp-fbt-info{display:flex;flex-direction:column;gap:.3rem}.comp-fbt-name{font-size:.8125rem;font-weight:600;color:rgb(var(--color-foreground-title));text-decoration:none;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.comp-fbt-name:hover{text-decoration:underline}.comp-fbt-variant-select{width:100%;font-size:.75rem;padding:.3rem .5rem;border:.0625rem solid rgb(var(--color-border-input));border-radius:.375rem;background-color:rgb(var(--color-background-input));color:rgb(var(--color-foreground));cursor:pointer}.comp-fbt-price{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap}.comp-fbt-price--sale{font-weight:700;font-size:.9375rem;color:rgb(var(--color-foreground-title))}.comp-fbt-price--compare{font-size:.75rem;color:rgba(var(--color-foreground-secondary),1);text-decoration:line-through}.comp-fbt-price--regular{font-weight:700;font-size:.9375rem;color:rgb(var(--color-foreground-title))}.comp-fbt-footer{margin-top:1rem}.comp-fbt-btn{width:100%;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));border:none;border-radius:.375rem;padding:.8125rem 1.25rem;font-size:.9375rem;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:opacity .15s}.comp-fbt-btn:hover{opacity:.88}.comp-fbt-btn:disabled{opacity:.5;cursor:not-allowed}.comp-fbt-message{margin-top:.5rem;font-size:.8125rem;text-align:center;min-height:1.25rem;color:rgba(var(--color-foreground-secondary),1)}.comp-fbt-message.success,.comp-fbt-message.error{color:rgb(var(--color-accent))}.comp-fbt-block--float{margin:0;padding:.75rem 1rem;border-top:.0625rem solid rgb(var(--color-border))}.comp-fbt-block--float .comp-fbt-title{font-size:.9375rem}.comp-fbt-block--float .comp-fbt-subtitle{display:none}.comp-fbt-block--float .comp-fbt-card{padding:.5rem;gap:.5rem}
/*# sourceMappingURL=/cdn/shop/t/44/assets/complementary-fbt.css.map */
