.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn, .xoo-wsc-container .xoo-wsc-btn { background-color: #000000; color: #ffffff; border: 2px solid #ffffff; padding: 10px 20px; } .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn:hover, .xoo-wsc-container .xoo-wsc-btn:hover { background-color: #ffffff; color: #000000; border: 2px solid #000000; } .xoo-wsc-btn .amount{ color: #ffffff } .xoo-wsc-btn:hover .amount{ color: #000000; } .xoo-wsc-footer{ background-color: #ffffff; color: #000000; padding: 10px 20px; box-shadow: 0 -1px 10px #0000001a; } .xoo-wsc-footer, .xoo-wsc-footer a, .xoo-wsc-footer .amount{ font-size: 18px; } .xoo-wsc-ft-buttons-cont{ grid-template-columns: auto; } .xoo-wsc-basket{ bottom: 12px; right: 1px; background-color: #ffffff; color: #000000; box-shadow: 0px 0px 15px 2px #0000001a; border-radius: 50%; display: flex; width: 64px; height: 64px; } .xoo-wsc-bki{ font-size: 30px} .xoo-wsc-items-count{ top: -9px; left: -8px; height: 28px; line-height: 28px; width: 28px; } .xoo-wsc-items-count, .xoo-wsch-items-count{ background-color: #000000; color: #ffffff; } .xoo-wsc-container, .xoo-wsc-slider{ max-width: 425px; right: -425px; top: 0;bottom: 0; bottom: 0; font-family: } .xoo-wsc-cart-active .xoo-wsc-container, .xoo-wsc-slider-active .xoo-wsc-slider{ right: 0; } .xoo-wsc-cart-active .xoo-wsc-basket{ right: 425px; } .xoo-wsc-slider{ right: -425px; } span.xoo-wsch-close { font-size: 22px; } .xoo-wsch-text{ font-size: 22px; } .xoo-wsc-header{ color: #000000; background-color: #ffffff; border-bottom: 2px solid #eee; padding: 15px 15px; } .xoo-wsc-body{ background-color: #f8f9fa; } .xoo-wsc-products:not(.xoo-wsc-pattern-card), .xoo-wsc-products:not(.xoo-wsc-pattern-card) span.amount, .xoo-wsc-products:not(.xoo-wsc-pattern-card) a{ font-size: 16px; color: #000000; } .xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-product{ padding: 10px 15px; margin: 10px 15px; border-radius: 5px; box-shadow: 0 2px 2px #00000005; background-color: #ffffff; } .xoo-wsc-sum-col{ justify-content: center; } .xoo-wsc-qty-box{ max-width: 75px; } .xoo-wsc-qty-box.xoo-wsc-qtb-square{ border: 1px solid #c9c9c9; border-radius: 0px;} input[type="number"].xoo-wsc-qty{ background-color: #ffffff; color: #000000; height: 28px; line-height: 28px; border: 1px solid #c9c9c9; border-radius: 0px;} .xoo-wsc-chng{ background-color: #ffffff; color: #000000; width: 20px; } .xoo-wsc-qtb-circle .xoo-wsc-chng{ height: 20px; line-height: 20px; } .xoo-wsc-sc-count{ background-color: #000000; color: #ffffff; } .xoo-wsc-sc-bki{ font-size: 28px; color: #000000; } .xoo-wsc-sc-cont{ color: #000000; } .added_to_cart{ display: none!important; } .xoo-wsc-product dl.variation { display: block; } .xoo-wsc-product-cont{ padding: 10px 10px; } .xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-img-col{ width: 28%; } .xoo-wsc-pattern-card .xoo-wsc-img-col img{ max-width: 100%; height: auto; } .xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-sum-col{ width: 72%; } .xoo-wsc-pattern-card .xoo-wsc-product-cont{ width: 50% } @media only screen and (max-width: 600px) { .xoo-wsc-pattern-card .xoo-wsc-product-cont { width: 50%; } } .xoo-wsc-pattern-card .xoo-wsc-product{ border: 0; box-shadow: 0px 10px 15px -12px #0000001a; } .xoo-wsc-sm-front{ background-color: #eee; } .xoo-wsc-pattern-card, .xoo-wsc-sm-front{ border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .xoo-wsc-pattern-card, .xoo-wsc-img-col img, .xoo-wsc-img-col, .xoo-wsc-sm-back-cont{ border-top-left-radius: 5px; border-top-right-radius: 5px; } .xoo-wsc-sm-back{ background-color: #fff; } .xoo-wsc-pattern-card, .xoo-wsc-pattern-card a, .xoo-wsc-pattern-card .amount{ font-size: 16px; } .xoo-wsc-sm-front, .xoo-wsc-sm-front a, .xoo-wsc-sm-front .amount{ color: #000; } .xoo-wsc-sm-back, .xoo-wsc-sm-back a, .xoo-wsc-sm-back .amount{ color: #000; } .magictime { animation-duration: 0.5s; } span.xoo-wsch-items-count{ height: 20px; line-height: 20px; width: 20px; } span.xoo-wsch-icon{ font-size: 30px } .xoo-wsc-smr-del{ font-size: 16px } .side-cart .wsc-save-text::before { content: "Spare "; } .side-cart .wsc-save-text { color: transparent !important; }