/* Любими, количка и завършване на поръчката споделят едни и същи карти. */
.sld-store .sld-commerce-page .article-full { padding: 0; border: 0; background: transparent; }
.sld-commerce-page .article-full > h1 { margin: 0 0 28px; }
.sld-commerce-page .woocommerce::after { content: ''; display: table; clear: both; }
.sld-commerce-page .sld-cart-layout { display: grid; grid-template-columns: minmax(0, 1.8fr) minmax(310px, 1fr); gap: 24px; align-items: start; }
.sld-commerce-page .woocommerce-cart-form, .sld-commerce-page .cart-collaterals { float: none; width: 100%; min-width: 0; margin: 0; }
.sld-commerce-page .woocommerce .cart-collaterals .cart_totals { float: none; width: 100%; padding: 24px; background: var(--sld-white); border: 1px solid var(--sld-line); border-top: 3px solid var(--sld-orange); border-radius: var(--sld-radius); box-shadow: var(--sld-shadow); }
.sld-commerce-page .cart_totals h2, .sld-commerce-page form.checkout h3 { margin: 0 0 22px; padding: 0; border: 0; text-transform: none; color: var(--sld-ink); font-size: var(--sld-text-subheading); line-height: var(--sld-line-reading); }
.sld-commerce-page .woocommerce table.shop_table { width: 100%; margin: 0; background: var(--sld-white); border: 1px solid var(--sld-line); border-radius: var(--sld-radius); font-size: var(--sld-text-sm); line-height: var(--sld-line-reading); }
.sld-commerce-page .woocommerce table.shop_table th { padding: 14px 12px; background: var(--sld-background); word-break: normal; }
.sld-commerce-page .woocommerce table.shop_table td { padding: 18px 12px; border-color: var(--sld-line); word-break: normal; }
.sld-commerce-page .woocommerce table.cart .product-thumbnail { width: 88px; }
.sld-commerce-page .woocommerce table.cart img { width: 72px; height: 80px; max-width: none; object-fit: contain; }
.sld-commerce-page .woocommerce table.cart .product-name { min-width: 130px; font-weight: 600; }
.sld-commerce-page .woocommerce table.cart .product-price, .sld-commerce-page .woocommerce table.cart .product-subtotal { white-space: nowrap; }
.sld-commerce-page .woocommerce table.cart .product-quantity { min-width: 80px; }
.sld-commerce-page .woocommerce .quantity .qty { width: 64px; min-height: 44px; border: 1px solid var(--sld-line); border-radius: var(--sld-radius-small); background: var(--sld-background); color: var(--sld-ink); }
.sld-commerce-page .woocommerce a.remove { display: grid; place-items: center; width: 28px; height: 28px; border-radius: var(--sld-radius-pill); }
.sld-commerce-page .woocommerce table.cart td.actions { padding: 16px; }
.sld-commerce-page .woocommerce table.cart .coupon { float: none; display: flex; gap: 10px; margin-bottom: 14px; }
.sld-commerce-page .woocommerce table.cart .coupon input.input-text { width: 160px; margin: 0; padding: 10px 12px; border: 1px solid var(--sld-line); border-radius: var(--sld-radius-small); }
.sld-commerce-page .woocommerce table.cart button[name="update_cart"] { float: right; }
.sld-commerce-page .woocommerce .cart_totals table { border: 0; border-radius: 0; }
.sld-commerce-page .woocommerce .cart_totals table th, .sld-commerce-page .woocommerce .cart_totals table td { background: transparent; padding: 16px 0; }
.sld-commerce-page .woocommerce .cart_totals table th { width: 32%; padding-right: 14px; }
.sld-commerce-page .woocommerce .order-total { font-size: var(--sld-text-base); }
.sld-commerce-page .woocommerce ul#shipping_method li { padding: 8px 0; line-height: var(--sld-line-reading); }
.sld-commerce-page .woocommerce .woocommerce-shipping-destination { color: var(--sld-muted); font-size: var(--sld-text-sm); }
.sld-commerce-page .woocommerce .wc-proceed-to-checkout { padding: 20px 0 0; }
.sld-commerce-page .woocommerce a.button, .sld-commerce-page .woocommerce button.button, .sld-commerce-page .sld-wishlist-empty a.button { min-height: 46px; padding: 13px 18px; border-radius: var(--sld-radius-small); background: var(--sld-navy); color: var(--sld-white); line-height: var(--sld-line-reading); text-align: center; }
.sld-commerce-page .woocommerce .wc-proceed-to-checkout a.checkout-button, .sld-commerce-page .woocommerce #payment #place_order { display: block; float: none; width: 100%; margin: 0; background: var(--sld-orange-hover); color: var(--sld-white); font-size: var(--sld-text-button); }
.sld-commerce-page .woocommerce a.button:hover, .sld-commerce-page .woocommerce button.button:hover { background: var(--sld-ink); }
.sld-commerce-page .woocommerce .woocommerce-info, .sld-commerce-page .woocommerce .woocommerce-message, .sld-commerce-page .woocommerce .woocommerce-error { border-top-color: var(--sld-orange); border-radius: var(--sld-radius-small); background: var(--sld-white); color: var(--sld-ink); }
.sld-commerce-page .woocommerce .cart-empty { margin: 0; padding: 48px 24px 24px; text-align: center; border: 0; background: var(--sld-white); }
.sld-commerce-page .cart-empty::before { display: none; }
.sld-commerce-page .return-to-shop { margin: 0; padding: 0 24px 48px; text-align: center; background: var(--sld-white); border-radius: 0 0 var(--sld-radius) var(--sld-radius); }
/* Пазим всички полета, куки и обновявания на WooCommerce. */
.sld-commerce-page .woocommerce form.checkout { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(340px, 1fr); align-items: start; gap: 24px; width: 100%; float: none; }
.sld-checkout-details, .sld-checkout-summary { min-width: 0; padding: 28px; border: 1px solid var(--sld-line); border-radius: var(--sld-radius); background: var(--sld-white); }
.sld-checkout-summary { border-top: 3px solid var(--sld-orange); box-shadow: var(--sld-shadow); }
/* Съобщенията при грешка заемат цялата ширина.

   При неуспешна поръчка checkout.js на WooCommerce пъха съобщението като ПЪРВО
   дете на формата:  $( 'form.checkout' ).prepend( '<div class="woocommerce-NoticeGroup…' ).
   А формата е решетка от две колони - така съобщението заема лявата клетка,
   формата се изтласква надясно, а обобщението пада на нов ред. Мерено: при
   грешка „приемете общите условия" съобщението беше на x=32, а адресът за
   фактуриране - на x=551.

   Правилото е за всяко чуждо дете, не само за това съобщение: WooCommerce и
   плъгините пъхат и други неща във формата, а всяко от тях би разбутало
   решетката по същия начин. Нашите две колони са изрично изключени. */
.sld-commerce-page .woocommerce form.checkout > :not(.sld-checkout-details):not(.sld-checkout-summary) { grid-column: 1 / -1; }
.sld-commerce-page .woocommerce form.checkout #customer_details { display: block; float: none; width: 100%; margin: 0; }
.sld-commerce-page .woocommerce form.checkout #customer_details .col-1, .sld-commerce-page .woocommerce form.checkout #customer_details .col-2 { float: none; width: 100%; margin: 0; }
.sld-commerce-page .woocommerce form.checkout #order_review, .sld-commerce-page .woocommerce form.checkout #order_review_heading { float: none; width: 100%; margin: 0 0 20px; }
.sld-commerce-page .woocommerce form.checkout .form-row { margin: 0 0 18px; padding: 0; }
.sld-commerce-page .woocommerce form.checkout .form-row label { font-size: var(--sld-text-sm); font-weight: 600; line-height: var(--sld-line-reading); margin: 0 0 7px; }
.sld-commerce-page .woocommerce form.checkout .form-row input.input-text, .sld-commerce-page .woocommerce form.checkout textarea { min-height: 46px; padding: 12px; border: 1px solid var(--sld-line); border-radius: var(--sld-radius-small); background: var(--sld-white); box-shadow: none; }
.sld-commerce-page .woocommerce form.checkout textarea { min-height: 110px; resize: vertical; }
.sld-commerce-page input:focus-visible, .sld-commerce-page button:focus-visible, .sld-commerce-page a:focus-visible, .sld-commerce-page textarea:focus-visible { outline: 2px solid var(--sld-orange-hover); outline-offset: 3px; }
.sld-commerce-page .select2-container .select2-selection--single { height: 46px; border: 1px solid var(--sld-line); border-radius: var(--sld-radius-small); }
.sld-commerce-page .select2-container .select2-selection__rendered { padding-left: 12px; line-height: 44px; }
.sld-commerce-page .select2-container .select2-selection__arrow { height: 44px; }
.sld-commerce-page #ship-to-different-address { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--sld-line); }
.sld-commerce-page .woocommerce #payment { margin-top: 22px; border-radius: var(--sld-radius-small); background: var(--sld-background); }
.sld-commerce-page .woocommerce #payment ul.payment_methods { padding: 18px; border-color: var(--sld-line); }
.sld-commerce-page .woocommerce #payment ul.payment_methods li { padding: 8px 0; line-height: var(--sld-line-reading); }
.sld-commerce-page .woocommerce #payment div.payment_box { padding: 14px; background: var(--sld-white); color: var(--sld-muted); border-radius: var(--sld-radius-small); }
.sld-commerce-page .woocommerce #payment div.payment_box::before { border-bottom-color: var(--sld-white); }
.sld-commerce-page .woocommerce #payment div.payment_box p, .sld-commerce-page .woocommerce-terms-and-conditions-wrapper p { font-size: var(--sld-text-sm); line-height: var(--sld-line-reading); }
.sld-commerce-page .woocommerce #payment div.form-row { margin: 0; padding: 18px; }
.sld-commerce-page .woocommerce .woocommerce-terms-and-conditions-wrapper { margin-bottom: 20px; }
.sld-commerce-page input[type="radio"], .sld-commerce-page input[type="checkbox"] { accent-color: var(--sld-navy); }
/* Любими: еднакви продуктови карти и полезен празен екран. */
.sld-commerce-page .sld-wishlist-empty { padding: 64px 24px; border: 1px solid var(--sld-line); border-radius: var(--sld-radius); background: var(--sld-white); text-align: center; }
.sld-wishlist-empty[hidden], .sld-wishlist-toolbar[hidden] { display: none; }
.sld-empty-icon { display: grid; place-items: center; width: 72px; height: 72px; margin: 0 auto 24px; border-radius: var(--sld-radius-pill); background: var(--sld-background); color: var(--sld-orange-hover); }
.sld-empty-icon svg { width: 32px; height: 32px; padding: 0; fill: none; stroke: currentColor; stroke-width: 1.5; }
.sld-commerce-page .sld-wishlist-empty h2 { margin: 0 0 12px; padding: 0; border: 0; text-transform: none; font-size: var(--sld-text-heading); }
.sld-commerce-page .sld-wishlist-empty p { margin: 0 auto 24px; max-width: 46ch; color: var(--sld-muted); }
.sld-wishlist-toolbar { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin-bottom: 24px; }
.sld-wishlist-toolbar p { color: var(--sld-muted); }
.sld-wishlist-toolbar a { color: var(--sld-navy); font-weight: 600; }
.sld-commerce-page .sld-wishlist-page .sld-wishlist-products { display: block; width: 100%; padding: 0; }
@media (max-width: 1100px) {
 .sld-commerce-page .sld-cart-layout { grid-template-columns: minmax(0, 1fr); }
 .sld-commerce-page .woocommerce form.checkout { grid-template-columns: minmax(0, 1fr) minmax(300px, .85fr); gap: 18px; }
 .sld-checkout-details, .sld-checkout-summary { padding: 20px; }
}
@media (max-width: 800px) {
 .sld-commerce-page .woocommerce form.checkout { grid-template-columns: minmax(0, 1fr); }
 .sld-commerce-page .woocommerce table.cart .product-thumbnail { display: block; width: auto; text-align: center; }
 .sld-commerce-page .woocommerce table.cart .product-thumbnail::before { display: none; }
 .sld-commerce-page .woocommerce table.cart .product-name { text-align: left; }
 .sld-commerce-page .woocommerce table.cart .product-name::before { display: none; }
 .sld-commerce-page .woocommerce table.cart td { padding: 12px 16px; }
 .sld-commerce-page .woocommerce table.cart .coupon { flex-wrap: wrap; }
 .sld-commerce-page .woocommerce table.cart .coupon input.input-text, .sld-commerce-page .woocommerce table.cart .coupon button { width: 100%; }
 .sld-commerce-page .woocommerce table.cart button[name="update_cart"] { float: none; width: 100%; }
}
@media (max-width: 480px) {
 .sld-commerce-page .woocommerce form.checkout .form-row-first, .sld-commerce-page .woocommerce form.checkout .form-row-last { float: none; width: 100%; }
 .sld-checkout-details, .sld-checkout-summary, .sld-commerce-page .woocommerce .cart-collaterals .cart_totals { padding: 18px; }
 .sld-commerce-page .sld-wishlist-empty { padding: 40px 18px; }
}
.sld-commerce-page .woocommerce table.cart th.product-quantity { white-space: nowrap; }
.sld-commerce-page .woocommerce-checkout-review-order-table { table-layout: fixed; }
.sld-commerce-page .woocommerce-checkout-review-order-table .product-name { width: 60%; overflow-wrap: anywhere; }
.sld-commerce-page .woocommerce-checkout-review-order-table .product-total { width: 40%; }
@media (max-width: 800px) {
 .sld-commerce-page .woocommerce table.cart td.actions .coupon button.button { width: 100%; float: none; }
}

.sld-commerce-page .sld-wishlist-products .sld-product-bottom .button { width: 44px; height: 44px; min-height: 44px; padding: 8px; }
.sld-commerce-page .sld-wishlist-products .sld-product-bottom .button svg { flex-shrink: 0; width: 26px; height: 26px; }
