/* Carefree Theme + Menu Engine V31.0.48 - shop buttons. Linked only while the header controller decides the
   visitor gets them (setting crf_btn_mode: Off / Staff preview / On); the same decision prints the html class
   crf-btn before the page draws, and every rule here starts html.crf-btn, so Off = nothing here applies.
   Pink only for buying. Buying buttons (Add to Cart, cart Checkout, the Confirm Order step, the free tray Add,
   the wish list Add to Cart, Get Quote) get colour, border colour, inset shadow and outline ONLY: never size,
   font, display, visibility, opacity, position or transform, so every other mod that hides or sizes them
   (Stripe Trust font-size:0, Trade display:none) keeps doing so. Every other rule skips them through one
   :not(:where(list)) that adds nothing to the specificity count. Counts are (ids, classes, elements). */
:root { --crf-b-pink: #d81b60; --crf-b-pink-h: #c2185b; --crf-b-pink-p: #ad1457; --crf-b-char: #252525; --crf-b-tint: #f3efeb;
    --crf-b-quiet: #3d3530; --crf-b-line: #ddd0c3; --crf-b-red: #b91c1c; --crf-b-red-t: #fdecec; --crf-b-red-l: #d65b5b;
    --crf-b-off-bg: #ece6e0; --crf-b-off-ink: #9b918a; }

/* ---- one size for every non-buying button in the page body; (1,2,2), flat exclusions ---- */
html.crf-btn body #content .btn:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *, .input-group-btn > .btn, .btn-group > .btn, .btn-link)) {
    min-height: 44px; height: auto; padding: 10px 20px; border: 0 !important; border-radius: 10px; background-image: none; text-shadow: none;
    font-family: 'Montserrat', Arial, sans-serif; font-weight: 600; font-size: 15px; line-height: 1.35; text-transform: none; letter-spacing: 0; }
html.crf-btn body #content .btn.btn-sm:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *, .input-group-btn > .btn, .btn-group > .btn, .btn-link)),
html.crf-btn body #content .btn.btn-xs:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *, .input-group-btn > .btn, .btn-group > .btn, .btn-link)) { min-height: 36px; padding: 7px 14px; font-size: 14px; line-height: 1.35; } /* (1,3,2) */
@media (max-width: 767px) {
    html.crf-btn body #content .btn.btn-sm:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *, .input-group-btn > .btn, .btn-group > .btn, .btn-link)),
html.crf-btn body #content .btn.btn-xs:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *, .input-group-btn > .btn, .btn-group > .btn, .btn-link)) { min-height: 44px; } /* (1,3,2) */
    html.crf-btn body #content .btn.btn-block:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *, .input-group-btn > .btn, .btn-group > .btn, .btn-link)) { min-height: 48px; } /* (1,3,2) */
}
/* ---- buttons joined to a text box (coupon, voucher, cart quantity): colour only, outer corners rounded ---- */
html.crf-btn body #content .input-group-btn > .btn:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)) { border-radius: 0 !important; background-image: none !important; text-shadow: none !important; } /* (1,3,2) */
html.crf-btn body #content .input-group-btn:last-child > .btn:last-child:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)) { border-top-right-radius: 10px !important; border-bottom-right-radius: 10px !important; } /* (1,5,2) */
html.crf-btn body #content .input-group-btn:first-child > .btn:first-child:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)) { border-top-left-radius: 10px !important; border-bottom-left-radius: 10px !important; } /* (1,5,2) */
/* ---- main: charcoal fill, white text; (1,2,2), states (1,3,2) ---- */
html.crf-btn body #content .btn-primary:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)),
html.crf-btn body #content .btn-primary:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)):focus { background-color: var(--crf-b-char) !important; color: #fff !important; border-color: var(--crf-b-char) !important; box-shadow: 0 2px 6px rgba(0, 0, 0, .18) !important; }
html.crf-btn body #content .btn-primary:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)):hover { background-color: #000 !important; color: #fff !important; }
html.crf-btn body #content .btn-primary:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)):active { background-color: #000 !important; color: #fff !important; box-shadow: none !important; }
/* ---- quiet: grey outline (Back, Continue Shopping); (1,2,2), states (1,3,2) ---- */
html.crf-btn body #content .btn-default:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)),
html.crf-btn body #content .btn-default:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)):focus { background-color: #fff !important; color: var(--crf-b-quiet) !important; border-color: var(--crf-b-line) !important; box-shadow: inset 0 0 0 1px var(--crf-b-line) !important; }
html.crf-btn body #content .btn-default:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)):hover,
html.crf-btn body #content .btn-default:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)):active { background-color: var(--crf-b-tint) !important; color: #000 !important; }
/* ---- danger: red outline (Delete, cart remove, Clear Cart); (1,2,2), states (1,3,2) ---- */
html.crf-btn body #content .btn-danger:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)),
html.crf-btn body #content .btn-danger:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)):focus { background-color: #fff !important; color: var(--crf-b-red) !important; border-color: var(--crf-b-red-l) !important; box-shadow: inset 0 0 0 1.5px var(--crf-b-red-l) !important; }
html.crf-btn body #content .btn-danger:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)):hover,
html.crf-btn body #content .btn-danger:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)):active { background-color: var(--crf-b-red-t) !important; color: var(--crf-b-red) !important; border-color: var(--crf-b-red) !important; box-shadow: inset 0 0 0 1.5px var(--crf-b-red) !important; }
/* ---- secondary: charcoal outline (Apply coupon/voucher/shipping/points, Edit, New customer, order Return).
   .btn-info (1,2,2); ids (2,1,2) beat main and its states by ids; login New customer (1,5,3); order Return (1,5,3) ---- */
html.crf-btn body #content .btn-info:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)),
html.crf-btn body #content #button-coupon,
html.crf-btn body #content #button-voucher,
html.crf-btn body #content #button-quote,
html.crf-btn body #content #button-reward,
html.crf-btn body #content #button-account,
html.crf-btn body.account-login #content a.btn-primary[href*="register"]:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)),
html.crf-btn body.affiliate-login #content a.btn-primary[href*="register"]:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)),
html.crf-btn body.account-order-info #content a.btn-danger[href*="return"]:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)),
html.crf-btn body #content .btn-info:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)):focus,
html.crf-btn body #content #button-coupon:focus,
html.crf-btn body #content #button-voucher:focus,
html.crf-btn body #content #button-quote:focus,
html.crf-btn body #content #button-reward:focus,
html.crf-btn body #content #button-account:focus,
html.crf-btn body.account-login #content a.btn-primary[href*="register"]:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)):focus,
html.crf-btn body.affiliate-login #content a.btn-primary[href*="register"]:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)):focus,
html.crf-btn body.account-order-info #content a.btn-danger[href*="return"]:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)):focus { background-color: #fff !important; color: var(--crf-b-char) !important; border-color: var(--crf-b-char) !important; box-shadow: inset 0 0 0 2px var(--crf-b-char) !important; }
html.crf-btn body #content .btn-info:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)):hover,
html.crf-btn body #content #button-coupon:hover,
html.crf-btn body #content #button-voucher:hover,
html.crf-btn body #content #button-quote:hover,
html.crf-btn body #content #button-reward:hover,
html.crf-btn body #content #button-account:hover,
html.crf-btn body.account-login #content a.btn-primary[href*="register"]:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)):hover,
html.crf-btn body.affiliate-login #content a.btn-primary[href*="register"]:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)):hover,
html.crf-btn body.account-order-info #content a.btn-danger[href*="return"]:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)):hover,
html.crf-btn body #content .btn-info:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)):active,
html.crf-btn body #content #button-coupon:active,
html.crf-btn body #content #button-voucher:active,
html.crf-btn body #content #button-quote:active,
html.crf-btn body #content #button-reward:active,
html.crf-btn body #content #button-account:active,
html.crf-btn body.account-login #content a.btn-primary[href*="register"]:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)):active,
html.crf-btn body.affiliate-login #content a.btn-primary[href*="register"]:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)):active,
html.crf-btn body.account-order-info #content a.btn-danger[href*="return"]:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)):active { background-color: var(--crf-b-tint) !important; color: #000 !important; }
/* ---- the cart-panel buttons inside a box group (2,2,2): 1px inset over the kept 1px border; danger in a group (1,4,2): border only ---- */
html.crf-btn body #content .input-group-btn > #button-coupon,
html.crf-btn body #content .input-group-btn > #button-voucher,
html.crf-btn body #content .input-group-btn > #button-quote,
html.crf-btn body #content .input-group-btn > #button-reward,
html.crf-btn body #content .input-group-btn > #button-coupon:focus,
html.crf-btn body #content .input-group-btn > #button-voucher:focus,
html.crf-btn body #content .input-group-btn > #button-quote:focus,
html.crf-btn body #content .input-group-btn > #button-reward:focus,
html.crf-btn body #content .input-group-btn > #button-coupon:hover,
html.crf-btn body #content .input-group-btn > #button-voucher:hover,
html.crf-btn body #content .input-group-btn > #button-quote:hover,
html.crf-btn body #content .input-group-btn > #button-reward:hover,
html.crf-btn body #content .input-group-btn > #button-coupon:active,
html.crf-btn body #content .input-group-btn > #button-voucher:active,
html.crf-btn body #content .input-group-btn > #button-quote:active,
html.crf-btn body #content .input-group-btn > #button-reward:active { box-shadow: inset 0 0 0 1px var(--crf-b-char) !important; }
html.crf-btn body #content .input-group-btn > .btn.btn-danger:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)) { border-color: var(--crf-b-red-l) !important; box-shadow: none !important; }
/* ---- quiet look also for: the return form Back (red today) (1,6,2) and the cart Update icon (1,4,2) ---- */
html.crf-btn body.account-return-add #content .buttons .pull-left .btn-danger:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)),
html.crf-btn body #content .input-group-btn > .btn.btn-primary:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)),
html.crf-btn body.account-return-add #content .buttons .pull-left .btn-danger:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)):focus,
html.crf-btn body #content .input-group-btn > .btn.btn-primary:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)):focus { background-color: #fff !important; color: var(--crf-b-char) !important; border-color: var(--crf-b-line) !important; box-shadow: none !important; }
html.crf-btn body.account-return-add #content .buttons .pull-left .btn-danger:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)):hover,
html.crf-btn body #content .input-group-btn > .btn.btn-primary:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)):hover,
html.crf-btn body.account-return-add #content .buttons .pull-left .btn-danger:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)):active,
html.crf-btn body #content .input-group-btn > .btn.btn-primary:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)):active { background-color: var(--crf-b-tint) !important; color: #000 !important; }
/* ---- disabled, not buying: grey, no shadow, opacity 1; (1,5,2) or more: beats every family state.
   A loading button (class disabled + data-loading-text) is not "disabled" here: it keeps its colour. ---- */
html.crf-btn body #content .btn.btn-primary[disabled]:not(.disabled[data-loading-text]):not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)),
html.crf-btn body #content .btn.btn-primary.disabled:not(.disabled[data-loading-text]):not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)),
html.crf-btn body #content .btn.btn-primary[aria-disabled="true"]:not(.disabled[data-loading-text]):not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)),
html.crf-btn body #content .btn.btn-default[disabled]:not(.disabled[data-loading-text]):not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)),
html.crf-btn body #content .btn.btn-default.disabled:not(.disabled[data-loading-text]):not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)),
html.crf-btn body #content .btn.btn-default[aria-disabled="true"]:not(.disabled[data-loading-text]):not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)),
html.crf-btn body #content .btn.btn-danger[disabled]:not(.disabled[data-loading-text]):not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)),
html.crf-btn body #content .btn.btn-danger.disabled:not(.disabled[data-loading-text]):not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)),
html.crf-btn body #content .btn.btn-danger[aria-disabled="true"]:not(.disabled[data-loading-text]):not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)),
html.crf-btn body #content .btn.btn-info[disabled]:not(.disabled[data-loading-text]):not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)),
html.crf-btn body #content .btn.btn-info.disabled:not(.disabled[data-loading-text]):not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)),
html.crf-btn body #content .btn.btn-info[aria-disabled="true"]:not(.disabled[data-loading-text]):not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)) { background-color: var(--crf-b-off-bg) !important; color: var(--crf-b-off-ink) !important; border-color: var(--crf-b-off-bg) !important; box-shadow: none !important; opacity: 1; cursor: not-allowed; }
/* ---- loading, not buying: keeps its colour, progress cursor, a small spinner on real buttons ---- */
html.crf-btn body #content .btn.disabled[data-loading-text]:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *)) { cursor: progress; opacity: 1; } /* (1,4,2) */
html.crf-btn body #content button.btn.disabled[data-loading-text]:not(:where(#button-cart, #button-confirm, #product *, #collapse-checkout-confirm *, [id^="ffra-"], [id^="qb-"], .btn-wishlist-moved, .ftr-offer__add, [onclick*="cart.add"], .buttons .pull-right > a.btn-primary[href*="checkout"], .checkout-cart .buttons .pull-left ~ .pull-right > a.btn-primary, #modal-shipping *, .input-group-btn > .btn, .btn-group > .btn, .btn-link))::before { content: ""; display: inline-block; width: 14px; height: 14px; margin: 0 8px 0 0; vertical-align: -2px; box-sizing: border-box; border: 2px solid currentColor; border-top-color: transparent; border-radius: 50%; animation: crf-btn-spin .8s linear infinite; }
@keyframes crf-btn-spin { to { transform: rotate(360deg); } }
/* ======== BUYING: colour, border colour, inset shadow, outline ONLY ======== */
/* cart Checkout (1,5,3) by its link or (1,6,3) by its place on the cart page, free tray Add (1,3,2), wish list Add to Cart (1,3,2); no other rule here matches them */
html.crf-btn body #content .buttons .pull-right > a.btn-primary[href*="checkout"],
html.crf-btn body.checkout-cart #content .buttons .pull-left ~ .pull-right > a.btn-primary,
html.crf-btn body #content .btn.ftr-offer__add,
html.crf-btn body #content .btn-primary[onclick*="cart.add"],
html.crf-btn body #content .buttons .pull-right > a.btn-primary[href*="checkout"]:focus,
html.crf-btn body.checkout-cart #content .buttons .pull-left ~ .pull-right > a.btn-primary:focus,
html.crf-btn body #content .btn.ftr-offer__add:focus,
html.crf-btn body #content .btn-primary[onclick*="cart.add"]:focus { background-color: var(--crf-b-pink) !important; color: #fff !important; border-color: var(--crf-b-pink) !important; }
html.crf-btn body #content .buttons .pull-right > a.btn-primary[href*="checkout"]:hover,
html.crf-btn body.checkout-cart #content .buttons .pull-left ~ .pull-right > a.btn-primary:hover,
html.crf-btn body #content .btn.ftr-offer__add:hover,
html.crf-btn body #content .btn-primary[onclick*="cart.add"]:hover { background-color: var(--crf-b-pink-h) !important; border-color: var(--crf-b-pink-h) !important; color: #fff !important; }
html.crf-btn body #content .buttons .pull-right > a.btn-primary[href*="checkout"]:active,
html.crf-btn body.checkout-cart #content .buttons .pull-left ~ .pull-right > a.btn-primary:active,
html.crf-btn body #content .btn.ftr-offer__add:active,
html.crf-btn body #content .btn-primary[onclick*="cart.add"]:active { background-color: var(--crf-b-pink-p) !important; border-color: var(--crf-b-pink-p) !important; color: #fff !important; }
/* the cart Estimate shipping window (outside the page body): Apply main, Cancel quiet; colour, border colour, radius only */
html.crf-btn body #modal-shipping .btn-primary,
html.crf-btn body #modal-shipping .btn-primary:focus { background-color: var(--crf-b-char) !important; color: #fff !important; border-color: var(--crf-b-char) !important; border-radius: 10px !important; }
html.crf-btn body #modal-shipping .btn-primary:hover,
html.crf-btn body #modal-shipping .btn-primary:active { background-color: #000 !important; border-color: #000 !important; color: #fff !important; }
html.crf-btn body #modal-shipping .btn-default,
html.crf-btn body #modal-shipping .btn-default:focus { background-color: #fff !important; color: var(--crf-b-quiet) !important; border-color: var(--crf-b-line) !important; border-radius: 10px !important; }
html.crf-btn body #modal-shipping .btn-default:hover,
html.crf-btn body #modal-shipping .btn-default:active { background-color: var(--crf-b-tint) !important; color: #000 !important; }
html.crf-btn body #modal-shipping .btn:focus-visible { outline: 2px solid var(--crf-b-char) !important; outline-offset: 2px !important; }
/* product Add to Cart (3,2,2), states (3,3,2): above product.css (3,1,2) / (3,2,2) */
html.crf-btn body #content #product #button-cart[id],
html.crf-btn body #content #product #button-cart[id]:focus { background-color: var(--crf-b-pink) !important; color: #fff !important; border-color: var(--crf-b-pink) !important; }
html.crf-btn body #content #product #button-cart[id]:hover { background-color: var(--crf-b-pink-h) !important; border-color: var(--crf-b-pink-h) !important; color: #fff !important; }
html.crf-btn body #content #product #button-cart[id]:active { background-color: var(--crf-b-pink-p) !important; border-color: var(--crf-b-pink-p) !important; color: #fff !important; }
/* the Confirm Order step: (2,2,2) and (3,1,2), states +1 class; below Stripe Trust (4,0,1), above every other Pay rule */
html.crf-btn body #accordion #collapse-checkout-confirm .btn-primary,
html.crf-btn body #accordion #collapse-checkout-confirm #button-confirm,
html.crf-btn body #accordion #collapse-checkout-confirm .btn-primary:focus,
html.crf-btn body #accordion #collapse-checkout-confirm #button-confirm:focus { background-color: var(--crf-b-pink) !important; color: #fff !important; border-color: var(--crf-b-pink) !important; }
html.crf-btn body #accordion #collapse-checkout-confirm .btn-primary:hover,
html.crf-btn body #accordion #collapse-checkout-confirm #button-confirm:hover { background-color: var(--crf-b-pink-h) !important; border-color: var(--crf-b-pink-h) !important; color: #fff !important; }
html.crf-btn body #accordion #collapse-checkout-confirm .btn-primary:active,
html.crf-btn body #accordion #collapse-checkout-confirm #button-confirm:active { background-color: var(--crf-b-pink-p) !important; border-color: var(--crf-b-pink-p) !important; color: #fff !important; }
/* product Get Quote, with the main bar only: charcoal outline (3,2,2), states (3,3,2) above product.css */
html.crf-btn.crf-restyle body #content #product #qb-add-to-quote-btn,
html.crf-btn.crf-restyle body #content #product #qb-add-to-quote-btn:focus { background-color: #fff !important; color: var(--crf-b-char) !important; box-shadow: inset 0 0 0 2px var(--crf-b-char) !important; }
html.crf-btn.crf-restyle body #content #product #qb-add-to-quote-btn:hover,
html.crf-btn.crf-restyle body #content #product #qb-add-to-quote-btn:active { background-color: var(--crf-b-tint) !important; color: #000 !important; }
/* ---- keyboard focus: a charcoal ring outside the button; mouse focus shows no ring ---- */
html.crf-btn body #content .btn:focus-visible, html.crf-btn body #content .pagination > li > a:focus-visible { outline: 2px solid var(--crf-b-char) !important; outline-offset: 2px !important; }
html.crf-btn body #content .btn:focus:not(:focus-visible) { outline: 0 !important; }
/* ---- pagination: quiet page links, the current page charcoal (colour only) ---- */
html.crf-btn body #content .pagination > li > a, html.crf-btn body #content .pagination > li > span { background-color: #fff !important; color: var(--crf-b-quiet) !important; border-color: var(--crf-b-line) !important; }
html.crf-btn body #content .pagination > li > a:hover, html.crf-btn body #content .pagination > li > a:focus { background-color: var(--crf-b-tint) !important; color: #000 !important; border-color: var(--crf-b-char) !important; }
html.crf-btn body #content .pagination > .active > span, html.crf-btn body #content .pagination > .active > a { background-color: var(--crf-b-char) !important; color: #fff !important; border-color: var(--crf-b-char) !important; }
/* ---- the cart drop-down Remove (outside the page body): red outline, colour only (1,4,2) ---- */
html.crf-btn body #cart .dropdown-menu .btn-danger { background-color: #fff !important; color: var(--crf-b-red) !important; border-color: var(--crf-b-red-l) !important; }
html.crf-btn body #cart .dropdown-menu .btn-danger:hover { background-color: var(--crf-b-red-t) !important; border-color: var(--crf-b-red) !important; }
/* ---- phone Shop sheet Get a quote link (main bar only): charcoal fill (1,4,2) over mainbar.css (1,2,1) ---- */
html.crf-btn.crf-restyle body #crf-shop-sheet .crf-sh-qlink { background-color: var(--crf-b-char) !important; color: #fff !important; }
html.crf-btn.crf-restyle body #crf-shop-sheet .crf-sh-qlink:hover { background-color: #000 !important; }