/*
Generated time: February 13, 2025 13:20
This file was created by the app developer. Feel free to contact the original developer with any questions. It was minified (compressed) by AVADA. AVADA do NOT own this script.
*/
.t4s_nt_se_template--15906931736770__6a449425-fdb4-487b-95ec-c09b5fb7b060 .t4s-group-products-item .t4s-group-products__heading:after{height:0}.t4s_nt_se_template--15906931736770__5eb70796-52ca-4179-b437-bb7509fa5885 .t4s-article-item .t4s-article-metas span{color:#d4ba80}
.t4s-price-save{font-size:12px;line-height:1.4;margin-top:3px;font-weight:500;color:#0f7b52}
.t4s-pr-expiry{font-size:10px;line-height:1.3;color:#8a8a8a;margin-top:2px}
.t4s-pr-expiry--pdp{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:12.5px;line-height:1.2;color:#5d5d5d;background:#f7f5f9;border:1px solid #ebe5f1;border-radius:6px;padding:6px 10px}
.t4s-cart_expiry{font-size:11px;line-height:1.3;color:#8a8a8a;margin-top:2px}

/* ── Rebuy widget corrections, desktop only ─────────────────────────────────
   Mobile is deliberately untouched: Rebuy already drops to small-columns-2
   there and it reads fine, which is why the owner reported desktop as the
   worse of the two. Everything below is gated at 768px up so mobile cannot
   regress. Delete this block to revert both widgets to Rebuy's own styling. */
@media (min-width:768px){
/* "Complete Your Routine" is embedded in the product info column, which is
   570px wide, but the widget is configured large-columns-4. Splide therefore
   set width:calc(25%) inline and every card came out 133x529px, holding a
   93px image and a product name broken over five lines. Two up is the most
   that column can carry legibly. The real fix is Rebuy's own desktop-columns
   setting; this is the same result from the theme side. */
.t4s-product__info-container .rebuy-product-block{width:calc(50%)!important}
/* The media box is a hard 200px tall, so the 93px image left 107px of dead air
   beneath it. Let the image use the width the card now has. */
.t4s-product__info-container .rebuy-product-media,
.t4s-product__info-container .rebuy-product-image{height:auto!important}
.t4s-product__info-container .rebuy-product-image img{width:100%!important;height:auto!important;aspect-ratio:1/1;object-fit:contain}
/* Two lines, always: clamped so a long name cannot stretch the card, and a
   matching min-height so prices and buttons align across cards whose titles
   differ in length. */
.t4s-product__info-container .rebuy-product-title{height:auto!important;min-height:34px}
.t4s-product__info-container .rebuy-product-title-link{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;font-size:12.5px!important;line-height:1.35!important}
/* Splide re-measures the DOM, so its arrows still advance exactly one card.
   Its pagination does not -- perPage is still 4, so it draws 2 dots for what
   are now 3 pages. Wrong dots are worse than no dots; the arrows work. */
.t4s-product__info-container .rebuy-widget .splide__pagination{display:none!important}
/* Frequently Bought Together carried max-width:none, so on a 1680px screen the
   rows and both variant selects spanned the entire viewport for what is just a
   checkbox list. 900px holds the widest row (729px measured) and the image
   strip with no dead space, and the border makes it read as one module. */
.rebuy-widget.widget-type-dynamic-bundle .rebuy-widget-content{max-width:900px;margin-inline:auto;border:1px solid #e9e6ee;border-radius:12px;padding:22px 24px;background:#fff}
.rebuy-widget.widget-type-dynamic-bundle .rebuy-product-options,
.rebuy-widget.widget-type-dynamic-bundle .rebuy-product-options select{max-width:300px}
}
/* FBT on mobile had no horizontal gutter at all: Rebuy sets no padding on
   .rebuy-widget-content (verified -- it is the only padding rule in the whole
   cascade, and it is the desktop one above), and every ancestor up to
   .shopify-section is padding:0 / max-width:none. So the rows and selects sat
   flush against both screen edges. 15px matches the theme container's gutter,
   which is what the rest of the page aligns to. */
@media (max-width:767px){
.rebuy-widget.widget-type-dynamic-bundle .rebuy-widget-content{padding-inline:15px}
}