/* Basket (Elementor's WooCommerce Cart widget) in the site's look */
.bk-head { margin: 0 0 22px; }
.bk-eyebrow { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 12px; color: #e50914; font: 600 12px Poppins, sans-serif; letter-spacing: .2em; text-transform: uppercase; }
.bk-eyebrow::before { content: ""; width: 28px; height: 2px; background: #e50914; }
.bk-head h1 { margin: 0; color: #000; font: 900 44px/1.05 "Varela Round", sans-serif; letter-spacing: -.015em; }
html body .elementor-widget-woocommerce-cart > .elementor-widget-container { margin-top: 20px !important; }
html body .elementor-widget-woocommerce-cart { padding-bottom: 110px !important; }
html body .e-cart__container { gap: 28px !important; }
html body .woocommerce .e-cart-section { border: 0 !important; padding: 0 !important; background: none !important; box-shadow: none !important; }
/* the libraries: a grey row each (picture, name, price, remove) */
html body .woocommerce .e-cart-section table.cart thead { display: none !important; }
html body .woocommerce .e-cart-section table.cart, html body .woocommerce .e-cart-section table.cart tbody { display: block !important; width: 100%; border: 0 !important; }
html body .woocommerce .e-cart-section table.cart tr:not(.cart_item) { display: none !important; }
html body .woocommerce .e-cart-section table.cart tr.cart_item { display: grid !important; grid-template-columns: 72px minmax(0, 1fr) auto 34px; align-items: center; gap: 18px; margin: 0 0 12px; padding: 14px 16px; border-radius: 16px; background: #f5f5f7; }
html body .woocommerce .e-cart-section table.cart tr.cart_item td { display: block !important; padding: 0 !important; border: 0 !important; background: none !important; }
html body .woocommerce .e-cart-section table.cart tr.cart_item td::before { display: none !important; }
html body .woocommerce .e-cart-section table.cart tr.cart_item td.product-price, html body .woocommerce .e-cart-section table.cart tr.cart_item td.product-quantity { display: none !important; }
html body .woocommerce .e-cart-section table.cart td.product-thumbnail { order: 1; }
html body .woocommerce .e-cart-section table.cart td.product-name { order: 2; text-align: left !important; }
html body .woocommerce .e-cart-section table.cart td.product-subtotal { order: 3; text-align: right !important; }
html body .woocommerce .e-cart-section table.cart td.product-remove { order: 4; }
html body .woocommerce .e-cart-section table.cart td.product-thumbnail img { width: 72px !important; height: 72px !important; object-fit: contain; border-radius: 12px; background: #fff; }
html body .woocommerce .e-cart-section table.cart td.product-name a:not(.button) { color: #000 !important; font: 900 18px/1.3 "Varela Round", sans-serif !important; text-decoration: none !important; }
html body .woocommerce .e-cart-section table.cart td.product-name a:not(.button):hover { color: #e50914 !important; }
html body .woocommerce .e-cart-section table.cart td.product-subtotal, html body .woocommerce .e-cart-section table.cart td.product-subtotal .amount { color: #000 !important; font-family: Poppins, sans-serif !important; font-size: 19px !important; font-weight: 400 !important; } /* regular, as Your order's figures (owner: "even less bold") */
html body .woocommerce .e-cart-section table.cart td.product-remove a.remove { display: grid !important; place-items: center; width: 34px !important; height: 34px !important; border: 0 !important; border-radius: 50% !important; background: #fff !important; color: #777 !important; font-size: 22px !important; font-weight: 400 !important; line-height: 1 !important; text-decoration: none !important; }
html body .woocommerce .e-cart-section table.cart td.product-remove a.remove:hover { background: #e50914 !important; color: #fff !important; }
html body .woocommerce button[name=update_cart] { display: none !important; }
/* the coupon */
html body .woocommerce .coupon.e-cart-section { margin-top: 8px !important; }
html body .woocommerce .coupon .coupon-col { display: flex !important; align-items: center; gap: 10px; }
html body .woocommerce .coupon input#coupon_code { height: 46px; padding: 0 20px !important; border: 2px solid #e4e4e8 !important; border-radius: 999px !important; background: #fff; font: 15px Poppins, sans-serif; }
/* "Your order" */
html body .woocommerce .e-cart-totals.e-cart-section { padding: 28px 28px 24px !important; border-radius: 20px !important; background: #f5f5f7 !important; }
html body .cart_totals h2 { margin: 0 0 14px !important; color: #000 !important; font: 900 24px "Varela Round", sans-serif !important; text-transform: none !important; }
html body .cart_totals table.shop_table { display: table !important; width: 100% !important; border: 0 !important; background: none !important; }
html body .cart_totals table.shop_table tbody { display: block !important; width: 100%; }
html body .cart_totals table.shop_table tr { display: flex !important; width: 100%; }
html body .cart_totals table.shop_table tr th, html body .cart_totals table.shop_table tr td { padding: 12px 0 !important; border: 0 !important; border-bottom: 1px solid #e4e4e8 !important; background: none !important; }
html body .cart_totals table.shop_table tr td { flex: 1; display: flex !important; justify-content: space-between; align-items: baseline; gap: 12px; text-align: right !important; }
html body .cart_totals table.shop_table tr td, html body .cart_totals table.shop_table tr td .amount { color: #000 !important; font-family: Poppins, sans-serif !important; font-size: 19px !important; font-weight: 400 !important; } /* the same size as the libraries' prices (owner) */
html body .cart_totals table.shop_table tr td::before { content: attr(data-title) !important; display: block !important; float: none !important; color: #555 !important; font: 400 16px Poppins, sans-serif !important; text-align: left; }
html body .cart_totals table.shop_table tr.order-total td { padding-top: 16px !important; border-bottom: 0 !important; }
html body .cart_totals table.shop_table tr.order-total td::before { color: #000 !important; font: 600 22px Poppins, sans-serif !important; }
html body .cart_totals table.shop_table tr.order-total td strong { color: #8a8a90 !important; font-family: Poppins, sans-serif !important; font-size: 13px !important; font-weight: 500 !important; letter-spacing: .04em; }
html body .cart_totals table.shop_table tr.order-total td strong .amount { margin-right: 4px; color: #000 !important; font-size: 32px !important; font-weight: 600 !important; letter-spacing: 0; } /* the total stands out: bigger (owner) */
html body .woocommerce .e-cart-section .woocommerce-Price-currencySymbol, html body .cart_totals .woocommerce-Price-currencySymbol { color: inherit !important; font-size: inherit !important; font-weight: inherit !important; vertical-align: baseline !important; }
/* Proceed to Checkout, then "Pay in 3" right above PayPal, then PayPal, Apple Pay and Google Pay */
html body .cart_totals .wc-proceed-to-checkout { display: flex !important; flex-direction: column; }
html body .cart_totals .wc-proceed-to-checkout > .checkout-button { order: 1; display: block !important; width: 100%; margin: 6px 0 12px !important; padding: 16px 26px !important; border-radius: 999px !important; background: #e50914 !important; color: #fff !important; font: 600 16px Poppins, sans-serif !important; text-align: center; }
html body .cart_totals .wc-proceed-to-checkout > .ppcp-messages { order: 2; margin: 2px 0 10px; }
html body .cart_totals .wc-proceed-to-checkout > .ppc-button-wrapper { order: 3; }
html body .cart_totals .wc-proceed-to-checkout > .wcpay-express-checkout-wrapper { order: 4; }
/* no express buttons here (owner: they're on the checkout); best switched off in PayPal's and WooPayments' settings too */
html body .cart_totals .ppc-button-wrapper, html body .cart_totals .wcpay-express-checkout-wrapper { display: none !important; }
/* the shop's buttons and the reCAPTCHA line, as Header 1.0.32 and reCAPTCHA Notice 1.0.1 (in case those aren't up yet) */
html body .woocommerce .coupon button.button { border: 0 !important; border-radius: 999px !important; padding: 12px 26px !important; background: #e50914 !important; color: #fff !important; font: 600 15px Poppins, sans-serif !important; }
/* tablets and phones: the pages' 88% (6% each side), as the header and every other page (owner); Elementor ran the basket
   to the screen's edges at 1024px and below */
@media (max-width: 1024px) { html body .elementor-widget-woocommerce-cart { padding-left: 6% !important; padding-right: 6% !important; } }
/* tablets and phones: the columns stacked (Elementor), the rows a little smaller */
@media (max-width: 767px) {
  .bk-head h1 { font-size: 34px; }
  html body .woocommerce .e-cart-section table.cart tr.cart_item { grid-template-columns: 56px minmax(0, 1fr) auto 30px; gap: 12px; padding: 12px; }
  html body .woocommerce .e-cart-section table.cart td.product-thumbnail img { width: 56px !important; height: 56px !important; }
  html body .woocommerce .e-cart-section table.cart td.product-name a:not(.button) { font-size: 15px !important; }
  html body .woocommerce .e-cart-section table.cart td.product-subtotal, html body .woocommerce .e-cart-section table.cart td.product-subtotal .amount { font-size: 16px !important; }
  html body .woocommerce .e-cart-section table.cart td.product-remove a.remove { width: 30px !important; height: 30px !important; }
  html body .woocommerce .coupon .coupon-col { flex-wrap: wrap; }
  html body .woocommerce .coupon .coupon-col > * { flex: 1 1 100%; }
  html body .woocommerce .e-cart-totals.e-cart-section { padding: 22px 18px 20px !important; }
  html body .elementor-widget-woocommerce-cart { padding-bottom: 72px !important; }
}