@charset "UTF-8";

/* cs-koopflow-r6 */

/* H1 balk boven het raster */
.cs-toolbar { display: none; }
@media (min-width: 850px) {
    body.cs-kf6-arch .shop-page-title .page-title-inner { min-height: 0 !important; padding-top: 14px !important; padding-bottom: 14px !important; }
    html.cs-kf6-bar .shop-page-title .category-filtering,
    html.cs-kf6-bar .shop-page-title .woocommerce-ordering { display: none !important; }
    .cs-toolbar { display: flex; align-items: center; gap: 16px; margin: 22px 10px 22px; padding: 0; }
    .cs-toolbar .filter-button { display: inline-flex !important; align-items: center; gap: 9px; flex: 0 0 auto; background: #14171d; border: 1px solid rgba(255,255,255,.14); border-radius: 11px; padding: 10px 18px 10px 15px; color: #e7eaf0 !important; font: 600 .95rem/1.2 Montserrat, Inter, sans-serif; text-transform: none !important; letter-spacing: 0; margin: 0; transition: border-color .15s, background-color .15s; }
    .cs-toolbar .filter-button:hover { border-color: rgba(255,255,255,.28); background: #191d24; }
    .cs-toolbar .filter-button strong { font-weight: 600; }
    .cs-toolbar .filter-button i { color: #2196F3; font-size: 15px; }
    .cs-toolbar__count { flex: 0 0 auto; color: #8a93a1; font: 400 .92rem/1.2 Montserrat, Inter, sans-serif; white-space: nowrap; }
    .cs-toolbar__active { min-width: 0; font-size: .85rem; }
    .cs-toolbar__active ul { display: flex; flex-wrap: wrap; gap: 4px 8px; list-style: none; margin: 0 !important; padding: 0 !important; }
    .cs-toolbar__active li { margin: 0 !important; border: 0 !important; }
    .cs-toolbar .woocommerce-ordering { margin: 0 0 0 auto !important; flex: 0 1 auto; }
    .cs-toolbar .woocommerce-ordering select { margin: 0 !important; width: auto !important; min-width: 250px; max-width: 100%; }
    body.cs-kf6-arch .cs-usps { margin-bottom: 0 !important; }
}
/* H3 filterpaneel */
.off-canvas .product-categories li { border: 0 !important; margin: 0 !important; }
.off-canvas .product-categories li a { display: flex !important; justify-content: space-between; align-items: center; gap: 12px; padding: 8px 2px !important; border-bottom: 1px solid rgba(255,255,255,.07) !important; color: #e5e7eb !important; font-size: 1rem !important; }
.off-canvas .product-categories li a .cs-fc { flex: 0 0 auto; color: #9aa4b2; font-size: .82rem; font-variant-numeric: tabular-nums; }
.off-canvas .widget { margin-bottom: 22px !important; }
/* H4 een aanbiedingslabel: de bel van het thema weg waar het rode procentlabel staat */
.single-product .product-gallery .badge-container .callout.badge { display: none !important; }
/* H5 gewone productbeelden hebben geen doorzichtige rand */
.cs-cp__chip img.cs-kf6-cimg { inset: -5%; width: 110%; height: 110%; }
/* H6 zoeklaag op de telefoon */
@media (max-width: 849px) {
    html:has(.mfp-wrap #search-lightbox) .mfp-bg { background: #070a10 !important; opacity: 1 !important; }
    .mfp-wrap:has(#search-lightbox) .mfp-container { padding-top: 76px !important; }
    .mfp-wrap:has(#search-lightbox) .mfp-container:before { display: none !important; }
    .mfp-wrap:has(#search-lightbox) .mfp-content { vertical-align: top !important; width: 100%; max-width: 520px; }
    #search-lightbox .search-field { background: #14171d !important; border: 1px solid rgba(255,255,255,.18) !important; border-radius: 999px !important; color: #fff !important; height: 52px !important; padding-left: 20px !important; font-size: 17px !important; }
    #search-lightbox .ux-search-submit { color: #2196F3 !important; }
    #search-lightbox .autocomplete-suggestions { min-width: 0 !important; max-width: none !important; width: 100% !important; left: 0 !important; right: 0 !important; }
}
/* S1 foutpagina */
.cs-404-logo { display: none !important; }
.cs-404-help { margin: 22px auto 36px; max-width: 420px; font: 400 14.5px/1.6 "Inter", sans-serif; color: #94A3B8; text-wrap: balance; }
.cs-404-help a { color: #60A5FA; font-weight: 600; text-decoration: none; white-space: nowrap; }
.cs-404-help a:hover { text-decoration: underline; }


/* cs-mi-styles */

/* =========================================================================
   1) PRODUCT CARDS - hover lift + tilt + image parallax
   Targets WooCommerce loop cards on shop + category + tag archives.
   Excludes the cinema-roll marquee cards which already have hover treatment.
   ========================================================================= */
.product-small.col,
.products .product-small {
    transition:
        transform 0.25s cubic-bezier(.2,.7,.2,1),
        box-shadow 0.25s cubic-bezier(.2,.7,.2,1);
    will-change: transform;
}
.product-small.col .box,
.products .product-small .box {
    transition: box-shadow 0.25s cubic-bezier(.2,.7,.2,1);
    border-radius: 6px;
}
.product-small.col .box-image,
.products .product-small .box-image {
    overflow: hidden;
    border-radius: 6px;
}
.product-small.col .box-image img,
.products .product-small .box-image img {
    transition: transform 0.35s cubic-bezier(.2,.7,.2,1);
    will-change: transform;
}

@media (hover: hover) {
    .product-small.col:hover,
    .products .product-small:hover {
        transform: translateY(-5px) rotate(-1deg);
        z-index: 2;
    }
    .product-small.col:hover .box,
    .products .product-small:hover .box {
        box-shadow:
            0 18px 32px -12px rgba(15, 23, 42, .35),
            0 6px 12px -6px rgba(15, 23, 42, .22);
    }
    .product-small.col:hover .box-image img,
    .products .product-small:hover .box-image img {
        transform: scale(1.04);
    }
}

/* Make sure marquee card children are not caught by the lift effect */
.cs-marquee__card,
.cs-banner-marquee-card,
.cs-home-marquee__card,
.cs-marquee__card:hover,
.cs-banner-marquee-card:hover,
.cs-home-marquee__card:hover {
    transform: none;
}

/* =========================================================================
   2) HIDE-THE-PAIN HAROLD - subtle wink animation
   The marquee plugin already transforms the OUTER .img wrapper, so we animate
   the inner <img decoding="async"> element to avoid clobbering that translateX(250px).
   Harold (right side, 14.png) gets a "blink" (vertical squash).
   The left character (15.png) gets a softer, slower head-tilt.
   ========================================================================= */
body.home .cs-banner-has-marquee .banner-layers > .img.x100 img,
body.home .cs-banner-has-marquee .banner-layers > .img.lg-x95 img,
body.home .cs-banner-has-marquee .banner-layers > .img.md-x95 img {
    transform-origin: 50% 65%;
    animation: cs-mi-harold-wink 9s ease-in-out infinite;
    animation-delay: 2.4s;
    will-change: transform;
}
body.home .cs-banner-has-marquee .banner-layers > .img.x5 img,
body.home .cs-banner-has-marquee .banner-layers > .img.lg-x5 img,
body.home .cs-banner-has-marquee .banner-layers > .img.md-x5 img {
    transform-origin: 50% 70%;
    animation: cs-mi-sidekick-tilt 11s ease-in-out infinite;
    animation-delay: 5.1s;
    will-change: transform;
}

@keyframes cs-mi-harold-wink {
    /* Resting most of the time, brief blink near the end */
    0%, 86%   { transform: scaleY(1)    scaleX(1)    rotate(0deg); }
    88%       { transform: scaleY(.55)  scaleX(1.02) rotate(0deg); }
    90%       { transform: scaleY(1)    scaleX(1)    rotate(0deg); }
    /* Tiny micro-nod a moment later */
    94%       { transform: scaleY(1)    scaleX(1)    rotate(1deg); }
    97%       { transform: scaleY(1)    scaleX(1)    rotate(0deg); }
    100%      { transform: scaleY(1)    scaleX(1)    rotate(0deg); }
}

@keyframes cs-mi-sidekick-tilt {
    /* A shy "look around" - very gentle */
    0%, 78%  { transform: rotate(0deg) translateY(0); }
    84%      { transform: rotate(-2deg) translateY(-2px); }
    90%      { transform: rotate(0deg) translateY(0); }
    100%     { transform: rotate(0deg) translateY(0); }
}

/* =========================================================================
   3) FOOTER - payment + social icon hover polish
   ========================================================================= */

/* Payment icons (in .absolute-footer .payment-icons) */
.absolute-footer .payment-icons .payment-icon {
    transition:
        transform 0.2s ease,
        filter 0.2s ease;
    will-change: transform, filter;
}
@media (hover: hover) {
    .absolute-footer .payment-icons .payment-icon:hover {
        transform: translateY(-2px);
        filter: saturate(1.6) brightness(1.1);
    }
}

/* Social icons (the .social-icons.follow-icons block above the footer) */
.social-icons.follow-icons a.icon,
.absolute-footer .social-icons a.icon {
    transition:
        transform 0.2s ease,
        background-color 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease;
    will-change: transform;
}
@media (hover: hover) {
    .social-icons.follow-icons a.icon:hover,
    .absolute-footer .social-icons a.icon:hover {
        animation: cs-mi-social-bounce 0.42s cubic-bezier(.34,1.56,.64,1) 1;
    }
}

@keyframes cs-mi-social-bounce {
    0%   { transform: translateY(0)    rotate(0deg); }
    45%  { transform: translateY(-4px) rotate(5deg); }
    70%  { transform: translateY(-1px) rotate(2deg); }
    100% { transform: translateY(0)    rotate(0deg); }
}

/* =========================================================================
   Reduced motion - kill non-essential animation
   ========================================================================= */
@media (prefers-reduced-motion: reduce) {
    .product-small.col,
    .products .product-small,
    .product-small.col .box-image img,
    .products .product-small .box-image img,
    .absolute-footer .payment-icons .payment-icon,
    .social-icons.follow-icons a.icon,
    .absolute-footer .social-icons a.icon {
        transition: none !important;
    }
    body.home .cs-banner-has-marquee .banner-layers > .img img {
        animation: none !important;
    }
    @media (hover: hover) {
        .product-small.col:hover,
        .products .product-small:hover {
            transform: none;
        }
        .product-small.col:hover .box-image img,
        .products .product-small:hover .box-image img {
            transform: none;
        }
        .absolute-footer .payment-icons .payment-icon:hover {
            transform: none;
        }
        .social-icons.follow-icons a.icon:hover,
        .absolute-footer .social-icons a.icon:hover {
            animation: none;
        }
    }
}


/* cs-product-ronde1-css */

@media (max-width:849px){
body.single-product .product-page-title .page-title-inner{min-height:0!important;padding:10px 15px 9px!important}
body.single-product .product-page-title h1.product-title{font-size:19px!important;margin:0!important;line-height:1.25}
body.single-product .product-page-title .is-large{font-size:11px!important;margin-top:1px;opacity:.8}
body.single-product .product-page-title .next-prev-thumbs{display:none!important}
body.single-product .product-page-title .flex-col:first-child{display:none!important}
body.single-product .product-main{padding-top:14px!important}
}
.cs-shipline{margin:6px 0 14px!important;font-size:13.5px;line-height:1.4;color:rgba(255,255,255,.62)}
.cs-shipline strong{color:#7fd69a;font-weight:600}
body.single-product .cs-product-desc{background:#111722!important;color:#e8edf5!important;border-color:rgba(255,255,255,.07)!important;box-shadow:none!important}
body.single-product .cs-product-desc h2,body.single-product .cs-product-desc h3,body.single-product .cs-product-desc h4,body.single-product .cs-product-desc .cs-pick-title{color:#fff!important}
body.single-product .cs-product-desc p,body.single-product .cs-product-desc li,body.single-product .cs-product-desc .cs-pick-foot{color:rgba(232,237,245,.66)!important}
body.single-product .cs-product-desc .cs-feature,body.single-product .cs-product-desc .cs-cross-sell,body.single-product .cs-product-desc .cs-pick-pack{background:#161e2b!important;border-color:rgba(255,255,255,.08)!important;color:#e8edf5!important}
body.single-product .cs-product-desc a.cs-pick-card{background:#1b2535!important;border-color:rgba(255,255,255,.1)!important;color:#fff!important}
body.single-product .cs-product-desc a.cs-pick-card *{color:#fff!important}
body.single-product .cs-product-desc a.cs-pick-card p,body.single-product .cs-product-desc a.cs-pick-card [class*=desc],body.single-product .cs-product-desc a.cs-pick-card [class*=text]{color:rgba(232,237,245,.7)!important}
body.single-product .cs-product-desc a.cs-pick-card .cs-pick-card-tag{background:rgba(33,150,243,.16)!important;color:#64b5f6!important}
body.single-product .cs-product-desc a.cs-pick-card .cs-pick-price,body.single-product .cs-product-desc a.cs-pick-card .cs-pick-arrow{color:#64b5f6!important}
body.single-product .cs-product-desc .cs-trust{background:rgba(33,150,243,.1)!important;border-color:rgba(33,150,243,.3)!important}
body.single-product .cs-product-desc .cs-trust-item{color:#cfe4fb!important}
body.single-product .cs-product-desc .cs-cross-sell a,body.single-product .cs-product-desc .cs-cross-sell a:visited{color:#64b5f6!important;border-bottom-color:rgba(100,181,246,.5)!important}
body.single-product .cs-product-desc .cs-cross-sell a:hover{color:#9fd0fb!important}
body.single-product .cs-product-desc .cs-cross-sell,body.single-product .cs-product-desc .cs-cross-sell p{color:rgba(232,237,245,.75)!important}


/* cs-ronde2-css */

body.single-product .product-info .social-icons.share-icons{display:none!important}


/* cs-ronde3-css */

@media (max-width:849px){
body.woocommerce.archive .cs-usps{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:4px 14px!important;padding-top:10px!important;padding-bottom:10px!important}
body.woocommerce.archive .cs-usps .cs-usp{font-size:12.5px!important;gap:5px!important;margin:0!important;padding:0!important;width:auto!important;flex:0 0 auto!important}
body.woocommerce.archive .cs-usps .cs-usp svg{width:14px!important;height:14px!important}
}
.products .product .price .woocommerce-price-suffix{display:none!important}
@media (max-width:549px){
.footer-wrapper .payment-icons{display:flex!important;flex-wrap:nowrap;justify-content:center;gap:4px;width:100%}
.footer-wrapper .payment-icons .payment-icon{margin:0!important;padding:3px 4px 4px!important;flex:0 1 auto;min-width:0}
.footer-wrapper .payment-icons .payment-icon svg{width:34px!important;height:auto!important}
}
@media (min-width:850px){
body.single-product .cs-product-desc .cs-trust{gap:8px 16px!important;padding-left:12px!important;padding-right:12px!important}
body.single-product .cs-product-desc .cs-trust .cs-trust-item{font-size:12.5px!important;gap:6px!important}
}
/* menu-overlay: bijna dekkend, zodat de pagina er niet doorheen leest */
.mfp-bg.main-menu-overlay.mfp-ready{opacity:.97!important}


/* cs-ronde4-css */

/* Nieuwsbriefblok: veld en knop even breed, zelfde ronding, vaste afstand. */
body .cs-nl .cs-nl__form .cs-nl__input{border-radius:10px!important;margin:0!important;height:48px!important;box-shadow:none}
body .cs-nl .cs-nl__form .cs-nl__btn{margin:0!important;min-height:48px!important;line-height:1.2!important}
@media (max-width:560px){
  body .cs-nl .cs-nl__form{gap:10px!important}
  body .cs-nl .cs-nl__form .cs-nl__btn{width:100%!important}
}


/* cs-skip-link-css */

.skip-link.screen-reader-text:focus,
.skip-link:focus {
    position: fixed;
    top: 16px;
    left: 16px;
    z-index: 99999;
    padding: 12px 20px;
    background: #0c2740;
    color: #f5f7fa;
    border: 2px solid #2196f3;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.2;
    box-shadow: 0 8px 24px rgba(0,0,0,.4);
    width: auto;
    height: auto;
    clip: auto;
    clip-path: none;
    overflow: visible;
    white-space: nowrap;
    outline: none;
}
.skip-link.screen-reader-text:focus-visible,
.skip-link:focus-visible {
    outline: 3px solid #f5f7fa;
    outline-offset: 2px;
}


/* cs-tb-nb-nl */

/* === A. Top bar (cs-tb-) ===================================== */
/* Wrap target: #top-bar.header-top .html_topbar_left strong.uppercase */
.cs-tb-emoji {
    display: inline-block;
    margin-right: 0.3em;
    transform-origin: 50% 60%;
    will-change: transform;
    animation: cs-tb-float 1.6s ease-in-out infinite;
    /* Keep the emoji visible even when parent uses gradient text fill */
    -webkit-text-fill-color: initial !important;
            color: initial !important;
    background: none !important;
}
@keyframes cs-tb-float {
    0%   { transform: translateY(0)    rotate(-3deg); }
    50%  { transform: translateY(-2px) rotate(3deg);  }
    100% { transform: translateY(0)    rotate(-3deg); }
}

/* Optional shimmer sweep across the announcement text (every 6s) */
.cs-tb-shimmer {
    background-image: linear-gradient(
        90deg,
        currentColor 0%,
        currentColor 40%,
        rgba(255,255,255,.95) 50%,
        currentColor 60%,
        currentColor 100%
    );
    background-size: 220% 100%;
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
            color: transparent;
    animation: cs-tb-shimmer 6s linear infinite;
}
@keyframes cs-tb-shimmer {
    0%   { background-position: 120% 0; }
    60%  { background-position: -20% 0; }
    100% { background-position: -20% 0; }
}

/* === B. NEW badges (cs-nb-) ================================== */
/* Targets Flatsome callouts that say NEW / Nieuw inside .badge-container */
.badge-container .cs-nb-pulse,
.callout.label-new.cs-nb-pulse,
.callout.cs-nb-pulse {
    animation: cs-nb-pulse 1.6s ease-in-out infinite;
    transform-origin: 50% 50%;
    will-change: transform, box-shadow;
    border-radius: 999px;
}
@keyframes cs-nb-pulse {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(37, 99, 235, 0.45);
    }
    50% {
        transform: scale(1.08);
        box-shadow: 0 0 0 8px rgba(37, 99, 235, 0);
    }
}

/* === C. Newsletter (cs-nl-) ================================== */
.cs-nl-form {
    transition: transform .25s ease, box-shadow .25s ease;
}
.cs-nl-form:focus-within {
    transform: scale(1.01);
}
.cs-nl-input:focus,
.cs-nl-form input[type="email"]:focus {
    outline: none !important;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.18) !important;
    border-color: #2196F3 !important;
    transition: box-shadow .25s ease, border-color .25s ease;
}
.cs-nl-cta {
    transition: transform .2s ease, box-shadow .2s ease;
}
.cs-nl-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(37, 99, 235, 0.28);
}
.cs-nl-cta.cs-nl-cta-primary {
    animation: cs-nl-once 1.4s ease-out 1;
}
@keyframes cs-nl-once {
    0%   { transform: scale(1);    box-shadow: 0 0 0 0 rgba(37,99,235,.55); }
    50%  { transform: scale(1.04); box-shadow: 0 0 0 10px rgba(37,99,235,0); }
    100% { transform: scale(1);    box-shadow: 0 0 0 0 rgba(37,99,235,0); }
}

@media (prefers-reduced-motion: reduce) {
    .cs-tb-emoji,
    .cs-tb-shimmer,
    .badge-container .cs-nb-pulse,
    .callout.cs-nb-pulse,
    .cs-nl-cta,
    .cs-nl-cta-primary,
    .cs-nl-form { animation: none !important; transition: none !important; }
}


/* cs-typo-widows-css */

h1,h2,h3,h4,
.cs-banner-marquee-headline,
.cs-consent-title,
.product-title,
.section-title,
.woocommerce-loop-product__title{text-wrap:balance}
p,li,.product-short-description,
.cs-consent-text,
.woocommerce-product-details__short-description,
.entry-content,
.woocommerce-error,.woocommerce-info,.woocommerce-message{text-wrap:pretty}


/* cs-x-mobile-qty-css */

/* === A1. Hide language switcher on mobile when sticky CTA is visible === */
@media (max-width: 768px) {
  body.cs-has-sticky-cta .cs-lang-switch,
  body.cs-has-sticky-cta .lang_switcher_class,
  body.cs-has-sticky-cta .flag-switcher,
  body.cs-has-sticky-cta .lang_sel_sel,
  body.cs-has-sticky-cta .weglot-container,
  body.cs-has-sticky-cta .weglot-flags,
  body.cs-has-sticky-cta .footer-language-switcher,
  body.cs-has-sticky-cta div[class*="lang-switch"],
  body.cs-has-sticky-cta div[class*="language-switcher"] { display: none !important; }
}

/* === A2. Allow full price (incl. decimals) to render in sticky CTA === */
.cs-sticky-cta__price {
  white-space: nowrap;
  overflow: visible;
  min-width: 0;
  flex: 0 0 auto;
  max-width: 60%;
}
.cs-sticky-cta__price small {
  display: block;
  line-height: 1.2;
}





/* === C. Add-to-cart button polish: brand blauw gradient + cart-icon === */
form.cart .single_add_to_cart_button,
form.cart button.single_add_to_cart_button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    background: linear-gradient(135deg, #2196F3 0%, #1976D2 100%) !important;
    background-color: #2196F3 !important;
    color: #ffffff !important;
    border: 0 !important;
    box-shadow: 0 8px 24px rgba(33,150,243,.32), inset 0 1px 0 rgba(255,255,255,.18) !important;
    height: 48px !important;
    padding: 0 26px !important;
    font-family: "Inter", -apple-system, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: .03em !important;
    font-size: 14px !important;
    border-radius: 10px !important;
    text-shadow: none !important;
    text-transform: uppercase !important;
    transition: filter .2s ease, box-shadow .25s ease, transform .12s ease-out !important;
}
form.cart .single_add_to_cart_button::before {
    content: "";
    display: inline-block;
    width: 18px; height: 18px;
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="21" r="1.2"/><circle cx="20" cy="21" r="1.2"/><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"/></svg>') no-repeat center / contain;
            mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="21" r="1.2"/><circle cx="20" cy="21" r="1.2"/><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"/></svg>') no-repeat center / contain;
}
form.cart .single_add_to_cart_button:hover,
form.cart button.single_add_to_cart_button:hover {
    background: linear-gradient(135deg, #1976D2 0%, #1565C0 100%) !important;
    box-shadow: 0 12px 32px rgba(33,150,243,.42), inset 0 1px 0 rgba(255,255,255,.20) !important;
    filter: brightness(1.05) !important;
    color: #ffffff !important;
}
form.cart .single_add_to_cart_button:active { transform: scale(.97) !important; }

/* === A3. Push CookieYes revisit + reCAPTCHA badge above sticky CTA on mobile === */
@media (max-width: 768px) {
  body.cs-has-sticky-cta .cky-btn-revisit-wrapper.cky-revisit-bottom-left,
  body.cs-has-sticky-cta .cky-btn-revisit-wrapper.cky-revisit-bottom-right,
  body.cs-has-sticky-cta .cky-btn-revisit-wrapper { bottom: 100px !important; }
  body.cs-has-sticky-cta .grecaptcha-badge { bottom: 100px !important; }
}

/* === B. Restyle WooCommerce quantity selector === */
form.cart .quantity {
  display: inline-flex;
  align-items: stretch;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 12px;
  overflow: hidden;
  height: 48px;
  margin-right: 10px !important;
}
form.cart .quantity .minus,
form.cart .quantity .plus {
  background: transparent !important;
  color: #cbd5e1 !important;
  border: 0 !important;
  width: 38px !important;
  font-size: 18px !important;
  cursor: pointer;
  transition: color .15s, background .15s;
  padding: 0 !important;
  line-height: 48px !important;
}
form.cart .quantity .minus:hover,
form.cart .quantity .plus:hover {
  color: #2196F3 !important;
  background: rgba(33,150,243,.1) !important;
}
form.cart .quantity input.qty {
  background: transparent !important;
  color: #fff !important;
  border: 0 !important;
  border-left: 1px solid rgba(255,255,255,.12) !important;
  border-right: 1px solid rgba(255,255,255,.12) !important;
  width: 50px !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  text-align: center !important;
  height: 48px !important;
}
form.cart .quantity input.qty:focus {
  outline: 0 !important;
  box-shadow: inset 0 0 0 2px rgba(33,150,243,.3) !important;
}
/* hide native number spinners */
form.cart input.qty::-webkit-inner-spin-button,
form.cart input.qty::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
form.cart input.qty { -moz-appearance: textfield; }


/* cs-trust-dark-override */

/* Subtle dark theme - barely there, just a quiet trust line */
.cs-trust-bar,
.woocommerce div.product .cs-trust-bar,
.single-product .cs-trust-bar {
    background: transparent !important;
    border-top: 1px solid rgba(96, 165, 250, .08) !important;
    border-bottom: 1px solid rgba(96, 165, 250, .08) !important;
    border-radius: 0 !important;
    padding: 18px 16px !important;
}
.cs-trust-cell {
    color: #94A3B8 !important;
    font-weight: 400 !important;
}
.cs-trust-cell + .cs-trust-cell {
    border-left-color: rgba(96, 165, 250, .08) !important;
}
.cs-trust-icon {
    color: #60A5FA !important;
    opacity: .7;
}
@media (max-width: 768px) {
    .cs-trust-cell + .cs-trust-cell {
        border-left: none !important;
        border-top: 1px solid rgba(96, 165, 250, .06) !important;
    }
}


/* cs-adl-widows */
:where(body *){text-wrap:pretty}.cs-adl__name,.cs-trio__hd,.cs-rw__title,.cs-fsbar__msg,.cs-consent-title{text-wrap:balance}