/**
 * Dekorum Cart & Checkout Styles v8.19
 * Estructura adaptada 1:1 de Ikeda con color negro Dekorum
 *
 * v7-v8.7: refactor checkout + carrito + título + bordes + cupón + thead
 * v8.8: spinners +/- en input cantidad del carrito
 * v8.9: spinners ajustados + quitado padding-bottom de product-subtotal
 * v8.10-v8.16: variables --dk-accent, botón "Realizar pedido" centrado 90%,
 *              imágenes bancos ocultas, overflow-x fix, link política privacidad,
 *              títulos checkout uniformes, fix h3+label ship-to-different-address,
 *              dk-shop-link fuera de cart-collaterals
 *
 * v8.17: cross-sells del carrito como slider Swiper estilo Ikeda
 *        (renderizados en columna izquierda, título 17.6px / 0.3px)
 *
 * v8.18: cross-sells extraídos del layout 2 columnas → caja propia
 *        de ancho completo en row inferior (.dk-cart-cross-sells-row).
 *        Anti-FOUC: Swiper en HEAD + opacity 0 hasta init.
 *
 * v8.19:
 *  - Botón "Finalizar compra" (.checkout-button) alineado al estilo del
 *    botón "Realizar el pedido" (#place_order): accent naranja, 90%
 *    centrado, uppercase con letter-spacing, peso 700, !important para
 *    vencer estilos del tema padre.
 */

/* =====================================================
   VARIABLES
   ===================================================== */
:root {
    --dk-primary: #1a1a1a;
    --dk-primary-hover: #444;
    --dk-accent: #E73D1E;
    --dk-accent-hover: #c12f15;
    --dk-bg-page: #F1EFEB;
    --dk-text: #212529;
    --dk-border: #ccc;
    --dk-border-light: #eee;
    --dk-shadow: 0 0 20px rgba(0,0,0,.08);
}

/* =====================================================
   PAGE WRAPPER
   ===================================================== */
.dekorum-cart-page,
.dekorum-checkout-page {
    padding: 50px 0 85px;
    overflow-x: hidden;
}

/* Container interno del checkout (define max-width y centrado) */
.dk-container {
    max-width: 100%;
    box-sizing: border-box;
}

/* Evitar scroll horizontal en toda la página de cart/checkout */
body.woocommerce-cart,
body.woocommerce-checkout {
    overflow-x: hidden;
}

body.woocommerce-cart .site-main,
body.woocommerce-cart main,
body.woocommerce-checkout .site-main,
body.woocommerce-checkout main {
    overflow-x: hidden;
    max-width: 100%;
}

/* Ocultar el título nativo de WordPress/Hello Elementor en cart y checkout */
.woocommerce-cart .page-header,
.woocommerce-cart h1.entry-title,
.woocommerce-cart .elementor-page-title,
.woocommerce-checkout .page-header,
.woocommerce-checkout h1.entry-title,
.woocommerce-checkout .elementor-page-title {
    display: none !important;
}

/* Título custom inyectado por nuestro template */
.dk-page-container {
    margin: 0 0 30px;
    padding: 0;
}

.dk-page-title {
    color: var(--dk-text);
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    line-height: 1.2;
    letter-spacing: -0.3px;
    text-transform: none;
}

/* =====================================================
   ANULAR ESTILOS GENÉRICOS DE TABLA — Hello Elementor reset.css
   - zebra striping (filas impares con fondo gris)
   - hover gris en filas
   - bordes en todas las celdas
   ===================================================== */
.woocommerce-cart table tbody > tr:nth-child(odd) > td,
.woocommerce-cart table tbody > tr:nth-child(odd) > th,
.woocommerce-checkout table tbody > tr:nth-child(odd) > td,
.woocommerce-checkout table tbody > tr:nth-child(odd) > th,
.woocommerce-cart table tbody tr:hover > td,
.woocommerce-cart table tbody tr:hover > th,
.woocommerce-checkout table tbody tr:hover > td,
.woocommerce-checkout table tbody tr:hover > th {
    background-color: transparent !important;
}

/* Resetear shortcode wrapper */
.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce {
    display: block;
}

.woocommerce-cart .woocommerce > .cart-collaterals {
    display: none;
}

.dk-cart-sidebar .cart-collaterals {
    display: block !important;
}

/* Notice arriba ocupa todo el ancho */
.woocommerce-cart .woocommerce > .woocommerce-notices-wrapper {
    margin-bottom: 25px;
}

/* =====================================================
   LAYOUT 2 COLUMNAS (66% / 34% como Ikeda)
   ===================================================== */
.dk-cart-layout {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

.dk-cart-main {
    width: calc(66% - 10px);
}

.dk-cart-sidebar {
    width: calc(34% - 10px);
    position: sticky;
    top: 100px;
}

/* =====================================================
   TABLA DEL CARRITO (cart-table-form como Ikeda)
   ===================================================== */
.cart-table-form {
    background: #fff;
    border-radius: 10px;
    box-shadow: var(--dk-shadow);
    padding: 25px;
    width: 100%;
}

.woocommerce-cart-form__contents {
    width: 100%;
    border-collapse: collapse;
    border: 0 !important;
    margin: 0 !important;
}

/* Header */
.woocommerce-cart-form__contents thead {
    border-bottom: 1px solid var(--dk-border);
    border-top: 0 !important;
}

.woocommerce-cart-form__contents thead th {
    color: #333;
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    padding: 0 10px 18px;
    background: transparent;
    border: 0 !important;
}

.woocommerce-cart-form__contents thead th.product-subtotal {
    text-align: right;
}

/* Cuerpo de tabla — separación sutil entre items como Ikeda */
.woocommerce-cart-form__contents tbody td {
    background: #fff;
    border: 0 !important;
    line-height: inherit;
    padding: 30px 10px;
    position: relative;
    vertical-align: middle;
    border-bottom: 1px solid var(--dk-border-light) !important;
}

.woocommerce-cart-form__contents tbody tr:last-child td {
    border-bottom: 0 !important;
}

/* =====================================================
   PRODUCTO (product-name-content)
   ===================================================== */
.product-name-content {
    align-items: center;
    display: flex;
    gap: 12px;
}

.product-name-content .product-thumbnail-body {
    text-align: center;
    width: 50px;
    flex-shrink: 0;
}

.product-name-content .product-thumbnail-body img {
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: 50px;
    object-fit: contain;
}

.product-name-content > a,
.product-name-content > a:link {
    color: #000;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    display: block;
    margin-bottom: 8px;
}

.product-name-content > a:hover {
    color: var(--dk-primary-hover);
}

/* Atributos de variation (debajo del nombre, dentro de product-name-content) */
.product-name-content .variation,
.product-name-content .wc-item-meta {
    list-style: none;
    padding: 0;
    margin: 6px 0 0;
    font-size: 12px;
    color: #777;
    line-height: 1.6;
}

.product-name-content .variation dt,
.product-name-content .wc-item-meta strong {
    font-weight: 700;
    color: #555;
    display: inline;
    margin-right: 4px;
}

.product-name-content .variation dd,
.product-name-content .wc-item-meta li {
    margin: 0 0 2px;
    display: block;
}

.product-name-content .variation dd p {
    margin: 0;
    display: inline;
}

/* =====================================================
   PRECIO (color negro/primary Dekorum)
   ===================================================== */
.woocommerce-cart-form__contents tbody td.product-price {
    color: var(--dk-primary);
    font-size: 16px;
    font-weight: 700 !important;
    text-align: left;
}

/* =====================================================
   CANTIDAD
   ===================================================== */
.woocommerce-cart-form__contents tbody td .quantity {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.woocommerce-cart-form__contents tbody td .quantity label {
    display: none;
}

.woocommerce-cart-form__contents tbody td .quantity input {
    border: 1px solid var(--dk-border);
    border-radius: 3px;
    font-size: 13px;
    height: 40px;
    width: 60px;
    padding: 10px;
    text-align: center;
    margin: 0;
    /* Ocultar spinners nativos del navegador (usamos los custom) */
    -moz-appearance: textfield;
}

.woocommerce-cart-form__contents tbody td .quantity input::-webkit-inner-spin-button,
.woocommerce-cart-form__contents tbody td .quantity input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Spinners custom estilo Ikeda */
.woocommerce-cart-form__contents tbody td .quantity {
    position: relative;
}

.woocommerce-cart-form__contents tbody td .quantity .qty-action {
    align-items: center;
    background: #fff;
    border: 1px solid var(--dk-border);
    border-radius: 3px;
    color: #888;
    cursor: pointer;
    display: flex;
    height: 18px;
    justify-content: center;
    position: absolute;
    right: 0px;
    transition: color 0.15s, border-color 0.15s;
    user-select: none;
    width: 22px;
}

.woocommerce-cart-form__contents tbody td .quantity .qty-inc {
    top: 2px;
}

.woocommerce-cart-form__contents tbody td .quantity .qty-dec {
    bottom: 2px;
}

.woocommerce-cart-form__contents tbody td .quantity .qty-action:hover {
    border-color: var(--dk-primary);
    color: var(--dk-primary);
}

.woocommerce-cart-form__contents tbody td .quantity .qty-action svg {
    pointer-events: none;
    display: block;
}

/* =====================================================
   SUBTOTAL + BOTONES EDIT/REMOVE (estilo Ikeda)
   ===================================================== */
.woocommerce-cart-form__contents tbody td.product-subtotal {
    color: var(--dk-primary);
    font-size: 18px;
    font-weight: 700;
    position: relative;
    text-align: left;
}

.woocommerce-cart-form__contents tbody td.product-subtotal .product-remove-body {
    align-items: center;
    bottom: 10px;
    display: flex;
    gap: 10px;
    position: absolute;
    right: 0;
}

/* Botón EDIT (lápiz) */
.woocommerce-cart-form__contents tbody td.product-subtotal .product-remove-body .product-remove-edit {
    display: inline-block;
    height: 20px;
    width: 20px;
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M17.561 2.439c-1.442-1.443-2.525-1.227-2.525-1.227L8.984 7.264 2.21 14.037 1.2 18.799l4.763-1.01 6.774-6.771 6.052-6.052c-.001 0 .216-1.083-1.228-2.527M5.68 17.217l-1.624.35a3.7 3.7 0 0 0-.69-.932 3.7 3.7 0 0 0-.932-.691l.35-1.623.47-.469s.883.018 1.881 1.016c.997.996 1.016 1.881 1.016 1.881z'/%3E%3C/svg%3E");
    background-color: var(--dk-primary);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    cursor: pointer;
    transition: opacity 0.2s;
}

.woocommerce-cart-form__contents tbody td.product-subtotal .product-remove-body .product-remove-edit:hover {
    opacity: 0.6;
}

/* Botón REMOVE (papelera) */
.woocommerce-cart-form__contents tbody td.product-subtotal .product-remove-body .remove {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.woocommerce-cart-form__contents tbody td.product-subtotal .product-remove-body .remove:before {
    content: " ";
    display: inline-block;
    height: 20px;
    width: 20px;
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M32.937 7.304H27.19v-.956c0-1.345-.423-2.32-1.278-2.915-.604-.39-1.353-.588-2.224-.588h-6.441q-.007.002-.014.003-.007-.002-.014-.003h-.909c-2.259 0-3.503 1.244-3.503 3.503v.956H7.063a.75.75 0 0 0 0 1.5h.647l1.946 25.785c0 1.631.945 2.566 2.594 2.566h15.461c1.611 0 2.557-.93 2.592-2.51L32.25 8.804h.686a.75.75 0 0 0 .001-1.5m-2.302 2.976H9.326l-.111-1.476h21.531zM14.308 6.348c0-1.423.58-2.003 2.003-2.003h7.378c.578 0 1.053.117 1.389.333.413.287.613.833.613 1.67v.956H14.308zm14.498 28.224c-.019.81-.295 1.083-1.095 1.083H12.25c-.818 0-1.094-.269-1.096-1.123L9.439 11.779h21.082z'/%3E%3Cpath d='M17.401 12.969a.75.75 0 0 0-.722.776l.704 19.354a.75.75 0 0 0 .748.723l.028-.001a.75.75 0 0 0 .722-.776l-.703-19.355c-.015-.414-.353-.757-.777-.721m-4.649.001a.75.75 0 0 0-.696.8l1.329 19.354a.75.75 0 0 0 .747.698l.053-.002a.75.75 0 0 0 .696-.8l-1.329-19.354a.756.756 0 0 0-.8-.696m9.784-.001c-.419-.04-.762.308-.776.722l-.705 19.354a.75.75 0 0 0 .722.776l.028.001a.75.75 0 0 0 .748-.723l.705-19.354a.75.75 0 0 0-.722-.776m4.649.001a.757.757 0 0 0-.8.696L25.056 33.02a.75.75 0 0 0 .696.8l.053.002a.75.75 0 0 0 .747-.698l1.329-19.354a.75.75 0 0 0-.696-.8'/%3E%3C/svg%3E");
    background-color: #000;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.woocommerce-cart-form__contents tbody td.product-subtotal .product-remove-body .remove:hover {
    opacity: 0.6;
}

.woocommerce-cart-form__contents tbody td.product-subtotal .product-remove-body .remove:hover:before {
    background: none;
}

/* =====================================================
   BOTÓN ACTUALIZAR CARRITO
   ===================================================== */
.cart-table-button {
    border-top: 1px solid var(--dk-border);
    padding: 20px 0 0;
    text-align: right;
    width: 100%;
}

.cart-table-button button {
    align-items: center;
    background: var(--dk-primary);
    border: none;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
    height: 44px;
    justify-content: center;
    padding: 10px 24px;
    min-width: 180px;
    transition: background 0.2s, opacity 0.2s;
    text-transform: none;
    letter-spacing: 0;
    line-height: 1.3;
}

.cart-table-button button:hover {
    background: var(--dk-primary-hover);
    color: #fff;
}

/* Estado deshabilitado (cuando no hay cambios pendientes) */
.cart-table-button button[disabled],
.cart-table-button button:disabled {
    background: #d0d0d0 !important;
    color: #fff !important;
    cursor: not-allowed;
    opacity: 1;
}

.cart-table-button button[disabled]:hover,
.cart-table-button button:disabled:hover {
    background: #d0d0d0 !important;
}

/* =====================================================
   CUPÓN (cart-coupon)
   ===================================================== */
.cart-coupon {
    background: #fff;
    border-radius: 10px;
    box-shadow: var(--dk-shadow);
    margin-top: 40px;
    padding: 25px;
    width: 100%;
}

.cart-coupon label.screen-reader-text {
    clip-path: inherit;
    color: var(--dk-text);
    display: block !important;
    font-size: 18px;
    font-weight: 700;
    height: auto;
    margin: 0 0 10px;
    position: relative !important;
    text-transform: uppercase;
    width: 100%;
}

.cart-coupon .coupon {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.cart-coupon .coupon input {
    background: #fff;
    border: 1px solid var(--dk-border);
    border-radius: 8px 0 0 8px;
    border-right: 0;
    height: 40px;
    margin: 0;
    padding: 10px;
    width: 225px;
}

.cart-coupon .coupon .button {
    background: var(--dk-primary);
    border: none;
    border-radius: 0 10px 10px 0;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: 700;
    height: 40px;
    padding: 10px 15px;
    transition: opacity 0.2s ease-in-out;
}

.cart-coupon .coupon .button:hover {
    background: var(--dk-primary-hover);
    color: #fff;
}

/* =====================================================
   TOTALES (cart-collaterals como Ikeda)
   ===================================================== */
.cart-collaterals,
.cart-collaterals > div {
    width: 100% !important;
}

.cart-collaterals > div {
    background: #fff;
    border-radius: 10px;
    box-shadow: var(--dk-shadow);
    padding: 25px;
}

.cart-collaterals > div h2 {
    border-bottom: 1px solid var(--dk-border);
    color: var(--dk-text);
    font-size: 15px;
    font-weight: 700;
    margin: 0;
    padding: 0 0 18px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.cart-collaterals > div .shop_table.shop_table_responsive {
    border: 0;
}

.cart-collaterals > div table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
    border: 0;
}

.cart-collaterals > div td,
.cart-collaterals > div th {
    background: transparent !important;
    border: 0 !important;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    padding: 18px 0;
    color: var(--dk-text);
}

.cart-collaterals > div th {
    font-weight: 400;
    width: 30%;
}

.cart-collaterals > div td:last-child,
.cart-collaterals > div th:last-child {
    text-align: right;
}

/* Separador entre filas (excepto última) */
.cart-collaterals > div tbody tr:not(:last-child) td,
.cart-collaterals > div tbody tr:not(:last-child) th {
    border-bottom: 1px solid var(--dk-border-light) !important;
}

/* Total final (última fila) — mismo peso que las demás, NO destacado */
.cart-collaterals > div tr.order-total td,
.cart-collaterals > div tr.order-total th {
    font-size: 20px;
    font-weight: 700;
    padding: 18px 0;
}

.cart-collaterals > div tr.order-total .amount,
.cart-collaterals > div tr.order-total bdi {
    font-weight: 700;
    font-size: 20px;
    color: var(--dk-text);
}

/* Envío — fila con label izq y opciones derecha alineadas a la derecha */
.cart_totals .shipping th {
    vertical-align: top;
    padding-top: 22px;
}

.cart_totals .shipping ul#shipping_method,
.cart_totals .shipping ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: right;
}

.cart_totals .shipping ul li {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: var(--dk-text);
    display: block;
}

.cart_totals .shipping ul li:last-child {
    margin-bottom: 0;
}

.cart_totals .shipping ul li input[type="radio"] {
    margin: 0 6px 0 0;
    vertical-align: middle;
    accent-color: var(--dk-accent);
}

.cart_totals .shipping ul li label {
    cursor: pointer;
    color: var(--dk-text);
    display: inline;
    font-weight: 400;
    margin: 0;
}

.cart_totals .shipping ul li label .amount,
.cart_totals .shipping ul li label .woocommerce-Price-amount {
    font-weight: 700;
}

/* Destino de envío (Enviar a... + Cambiar dirección) */
.cart_totals .shipping-calculator-form,
.cart_totals .shipping-calculator-button,
.cart_totals .woocommerce-shipping-destination {
    font-size: 13px;
    color: #6b6b6b;
    font-weight: 400;
    margin-top: 10px;
    line-height: 1.5;
    text-align: right;
}

.cart_totals .woocommerce-shipping-destination strong {
    font-weight: 600;
    color: var(--dk-text);
}

.cart_totals .shipping-calculator-button {
    color: #6b6b6b !important;
    text-decoration: underline;
    font-size: 12.5px;
    display: inline-block;
    margin-top: 4px;
}

/* =====================================================
   BOTÓN FINALIZAR COMPRA — alineado al estilo de "Realizar el pedido"
   (#place_order del checkout): accent naranja, 90% centrado,
   uppercase con letter-spacing, peso 700.
   ===================================================== */
.cart-collaterals > div .wc-proceed-to-checkout {
    padding: 0;
    margin-top: 5px;
    text-align: center;
}

.cart-collaterals > div .checkout-button {
    background: var(--dk-accent) !important;
    color: #fff !important;
    display: block !important;
    margin: 18px auto 0 !important;
    padding: 16px !important;
    width: 90%;
    border-radius: 8px;
    font-weight: 700 !important;
    font-size: 15px;
    cursor: pointer;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-align: center;
    text-decoration: none;
    border: none;
    box-shadow: none;
    text-shadow: none;
    line-height: 1.3;
    transition: background 0.2s ease-in-out;
    float: none !important;
}

.cart-collaterals > div .checkout-button:hover {
    background: var(--dk-accent-hover) !important;
}

.cart-collaterals > div .checkout-button:disabled,
.cart-collaterals > div .checkout-button.disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Shop link "Seguir comprando" — HERMANO de .cart-collaterals, no descendiente */
.dk-cart-sidebar .dk-shop-link {
    display: block;
    margin: 25px 0 0;
    width: 100%;
    text-align: center;
    color: #fff;
    text-decoration: none;
    padding: 14px 16px;
    background: var(--dk-primary);
    border: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 15px;
    text-transform: none;
    letter-spacing: 0;
    line-height: 1.3;
    box-sizing: border-box;
    box-shadow: none;
    transition: background 0.2s ease-in-out;
    cursor: pointer;
}

.dk-cart-sidebar .dk-shop-link:hover {
    background: var(--dk-primary-hover);
    color: #fff;
}

/* =====================================================
   CARRITO VACÍO
   ===================================================== */
.cart-empty {
    text-align: center;
    padding: 60px 30px;
    background: #fff;
    border-radius: 10px;
    box-shadow: var(--dk-shadow);
    font-size: 18px;
    color: #666;
}

.return-to-shop {
    text-align: center;
    margin-top: 20px;
}

.return-to-shop .button {
    display: inline-block;
    background: var(--dk-primary);
    color: #fff;
    padding: 14px 36px;
    text-decoration: none;
    border-radius: 10px;
    font-weight: 700;
    transition: background 0.2s;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.return-to-shop .button:hover {
    background: var(--dk-primary-hover);
    color: #fff;
}

/* =====================================================
   CHECKOUT - LAYOUT (60% / 40%)
   ===================================================== */
.dk-checkout-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
    box-sizing: border-box;
}

.dk-checkout-left,
.dk-checkout-right {
    box-sizing: border-box;
    min-width: 0;
}

.dk-checkout-left {
    width: calc(60% - 10px);
}

.dk-checkout-right {
    width: calc(40% - 10px);
    position: sticky;
    top: 100px;
}

/* Todos los hijos del checkout heredan box-sizing para evitar overflows */
.dekorum-checkout-page *,
.dekorum-checkout-page *::before,
.dekorum-checkout-page *::after,
.dekorum-cart-page *,
.dekorum-cart-page *::before,
.dekorum-cart-page *::after {
    box-sizing: border-box;
}

/* Customer details */
#customer_details {
    width: 100% !important;
}

/* Sección facturación */
.woocommerce-billing-fields,
.woocommerce-shipping-fields,
.woocommerce-additional-fields {
    background: #fff;
    border-radius: 10px;
    box-shadow: var(--dk-shadow);
    padding: 25px;
    margin-bottom: 25px;
}

.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3,
.woocommerce-additional-fields h3,
#ship-to-different-address h3 {
    color: var(--dk-text) !important;
    font-size: 17.6px !important;
    font-weight: 700 !important;
    margin: 0 0 18px !important;
    padding: 0 0 18px !important;
    border-bottom: 1px solid var(--dk-border) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    line-height: 1.3 !important;
}

/* "¿Enviar a una dirección diferente?" — el label tiene un checkbox al lado */
#ship-to-different-address label {
    display: block !important;
    cursor: pointer;
    font-size: 17.6px !important;
    font-weight: 700 !important;
    color: var(--dk-text) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

#ship-to-different-address label input[type="checkbox"] {
    margin-right: 10px;
    vertical-align: middle;
    accent-color: var(--dk-accent);
}

/* Campos del formulario */
.form-row {
    margin-bottom: 18px;
}

.form-row label {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 700;
    color: var(--dk-text);
}

.form-row .required {
    color: #e74c3c;
}

.form-row abbr {
    text-decoration: none;
    font-size: 11px;
}

.form-row input[type="text"],
.form-row input[type="email"],
.form-row input[type="tel"],
.form-row input[type="password"],
.form-row input[type="number"],
.form-row textarea,
.form-row select,
.select2-container--default .select2-selection--single {
    background: var(--dk-bg-page) !important;
    width: 100% !important;
    padding: 10px 14px !important;
    border: 0 !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    height: 44px !important;
    line-height: 1.5 !important;
}

.form-row textarea {
    height: auto !important;
    min-height: 100px !important;
    resize: vertical;
}

.form-row input:focus,
.form-row textarea:focus,
.form-row select:focus {
    outline: 2px solid var(--dk-primary);
    outline-offset: -1px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1.5 !important;
    padding-left: 0 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100% !important;
    right: 10px !important;
    top: 0 !important;
}

/* =====================================================
   RESUMEN "TU PEDIDO" — CARD DERECHA
   ===================================================== */
.dk-checkout-summary {
    background: #fff;
    border-radius: 10px;
    box-shadow: var(--dk-shadow);
    padding: 25px 0;
    overflow: hidden;
}

.dk-checkout-summary #order_review_heading {
    color: var(--dk-text);
    font-size: 17.6px;
    font-weight: 700;
    margin: 0 0 18px;
    padding: 0 25px 18px;
    border-bottom: 1px solid var(--dk-border);
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

/* =====================================================
   TABLA REVIEW ORDER
   ===================================================== */
.dk-review-order,
.woocommerce-checkout-review-order-table {
    width: 100%;
    border-collapse: collapse;
    border: 0 !important;
    margin: 0;
    table-layout: fixed;
    background: transparent;
}

.dk-review-order thead,
.dk-review-order tfoot {
    display: none;
}

/* Reset total de bordes — solo dejaremos el border-bottom decorativo abajo */
.dk-review-order,
.dk-review-order tbody,
.dk-review-order tbody tr,
.dk-review-order tbody td {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.dk-review-order tbody td {
    color: var(--dk-text);
    vertical-align: top;
}

/* --- Filas de productos (tbody) --- */
.dk-review-order tbody td,
.woocommerce-checkout .dk-review-order tbody td,
.woocommerce-checkout table.shop_table.dk-review-order tbody td {
    border-bottom: 1px solid var(--dk-border-light) !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    padding: 18px 30px !important;
    vertical-align: top !important;
}

.dk-review-order tbody tr:last-child td {
    border-bottom: 1px solid var(--dk-border-light) !important;
}

.dk-review-order tbody tr.cart_item td.product-name {
    width: auto;
}

.dk-review-order tbody tr.cart_item td.product-total {
    width: 110px !important;
    text-align: right !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    padding-left: 0 !important;
    padding-right: 25px !important;
}

/* Contenido interno del item */
.dk-item-info {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.dk-item-title {
    display: block;
    line-height: 1.35;
}

.dk-item-name {
    font-weight: 600;
    color: var(--dk-text);
    font-size: 14px;
}

.dk-item-title .product-quantity {
    display: inline-block;
    margin-left: 6px;
    font-weight: 700;
    color: var(--dk-text);
    font-size: 14px;
    white-space: nowrap;
}

/* Atributos del producto (Acabado, Color, Presentación...) */
.dk-item-meta {
    margin: 0;
    font-size: 12.5px;
    line-height: 1.5;
    color: #6b6b6b;
}

.dk-item-meta dl.variation,
.dk-item-meta .wc-item-meta {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: inherit;
}

.dk-item-meta dl.variation dt,
.dk-item-meta dl.variation dd,
.dk-item-meta .wc-item-meta li,
.dk-item-meta .wc-item-meta li p,
.dk-item-meta .wc-item-meta strong {
    display: inline;
    margin: 0;
    padding: 0;
    font-weight: 400;
    color: #6b6b6b;
    font-size: inherit;
    line-height: inherit;
}

.dk-item-meta dl.variation dt {
    font-weight: 600;
    color: #555;
}

.dk-item-meta dl.variation dt::after {
    content: ' ';
}

.dk-item-meta dl.variation dd::after,
.dk-item-meta .wc-item-meta li::after {
    content: '';
    display: block;
}

.dk-item-meta dl.variation dd p,
.dk-item-meta .wc-item-meta li p {
    margin: 0;
    display: inline;
}

.dk-item-meta .wc-item-meta li strong {
    font-weight: 600;
    color: #555;
}

.dk-item-meta .wc-item-meta li strong::after {
    content: ' ';
}

/* --- Totales (tfoot) --- */
.dk-review-order tfoot th,
.dk-review-order tfoot td {
    padding: 14px 25px;
    border-bottom: 1px solid var(--dk-border-light);
    border-top: 0;
    font-size: 14px;
    line-height: 1.4;
}

.dk-review-order tfoot th {
    color: #555;
    font-weight: 600;
    text-align: left;
    width: auto;
}

.dk-review-order tfoot td {
    text-align: right;
    font-weight: 700;
    color: var(--dk-text);
    white-space: nowrap;
}

/* Fila Envío (radios) */
.dk-review-order tfoot tr.woocommerce-shipping-totals,
.dk-review-order tfoot tr.shipping {
    vertical-align: top;
}

.dk-review-order tfoot tr.woocommerce-shipping-totals td,
.dk-review-order tfoot tr.shipping td {
    text-align: left;
    font-weight: 400;
    color: var(--dk-text);
    white-space: normal;
}

.dk-review-order ul#shipping_method,
.dk-review-order tfoot .shipping ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.dk-review-order ul#shipping_method li,
.dk-review-order tfoot .shipping ul li {
    margin: 0 0 6px;
    padding: 0;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 13px;
    line-height: 1.4;
}

.dk-review-order ul#shipping_method li:last-child,
.dk-review-order tfoot .shipping ul li:last-child {
    margin-bottom: 0;
}

.dk-review-order ul#shipping_method li input[type="radio"],
.dk-review-order tfoot .shipping ul li input[type="radio"] {
    margin: 3px 0 0;
    flex-shrink: 0;
    accent-color: var(--dk-accent);
}

.dk-review-order ul#shipping_method li label,
.dk-review-order tfoot .shipping ul li label {
    margin: 0;
    font-weight: 500;
    color: var(--dk-text);
    cursor: pointer;
    line-height: 1.4;
    flex: 1;
}

.dk-review-order .shipping-calculator-button {
    display: none;
}

/* Fila TOTAL — destacada */
.dk-review-order tfoot tr.order-total th,
.dk-review-order tfoot tr.order-total td {
    font-size: 18px;
    font-weight: 700;
    padding: 18px 25px;
    border-top: 1px solid var(--dk-border);
    border-bottom: 0;
    color: var(--dk-text);
}

.dk-review-order tfoot tr.order-total td .amount,
.dk-review-order tfoot tr.order-total td bdi {
    font-size: 18px;
    font-weight: 700;
}

/* Última fila sin borde */
.dk-review-order tbody tr:last-child td,
.dk-review-order tfoot tr:last-child th,
.dk-review-order tfoot tr:last-child td {
    border-bottom: 0;
}

/* =====================================================
   PAGO (Openpay etc.)
   ===================================================== */
.woocommerce-checkout-payment {
    background: none !important;
    /* padding: 20px 25px 0 !important; */
    /* margin-top: 0; */
    /* border-radius: 0 !important; */
}

.woocommerce-checkout-payment ul.payment_methods {
    list-style: none;
    padding: 0 !important;
    margin: 0 0 15px !important;
    border: none !important;
}

.woocommerce-checkout-payment ul.payment_methods li {
    /* background: var(--dk-bg-page); */
    border-radius: 8px;
    padding: 0px 30px;
    margin-bottom: 8px;
    list-style: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.woocommerce-checkout-payment ul.payment_methods li input[type="radio"],
.woocommerce-checkout-payment ul.payment_methods li input.input-radio,
.woocommerce-checkout-payment ul.payment_methods li > input {
    margin-right: 8px;
    accent-color: var(--dk-accent) !important;
    flex-shrink: 0;
}

.woocommerce-checkout-payment ul.payment_methods li label {
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    color: var(--dk-accent);
    display: inline-block;
    margin: 10px;
    flex: 1;
}

/* Ocultar imágenes de bancos/tarjetas en el header del método */
.woocommerce-checkout-payment ul.payment_methods li label img,
.woocommerce-checkout-payment ul.payment_methods li > img {
    display: none !important;
}

/* El payment_box (contenido del método) ocupa toda la fila debajo */
.woocommerce-checkout-payment ul.payment_methods li .payment_box {
    flex-basis: 100%;
}

.woocommerce-checkout-payment .payment_box {
    background: #fff !important;
    border-radius: 6px;
    padding: 14px !important;
    margin-top: 10px !important;
    font-size: 12.5px;
    color: #666;
    line-height: 1.5;
    box-shadow: inset 0 0 0 1px var(--dk-border-light);
}

.woocommerce-checkout-payment .payment_box:before {
    display: none !important;
}

.woocommerce-checkout-payment .payment_box p {
    margin: 0 0 8px;
}

.woocommerce-checkout-payment .payment_box p:last-child {
    margin-bottom: 0;
}

/* Wrapper que envuelve el botón Realizar Pedido (.form-row.place-order) */
.woocommerce-checkout #payment .place-order,
.woocommerce-checkout .form-row.place-order {
    text-align: center;
    padding: 0 !important;
    margin: 0 !important;
}

/* Botón Realizar Pedido */
#place_order {
    background: var(--dk-accent) !important;
    color: #fff !important;
    display: block !important;
    margin: 18px auto 0 !important;
    padding: 16px !important;
    border-radius: 8px;
    font-weight: 700;
    font-size: 15px;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: background 0.2s;
    width: 90%;
    border: none;
    box-shadow: none;
    text-shadow: none;
    float: none !important;
}

#place_order:hover {
    background: var(--dk-accent-hover) !important;
}

#place_order:disabled,
#place_order.disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.woocommerce-privacy-policy-text {
    padding: 0;
    margin: 12px 0 0;
    font-size: 14px;
    color: #666;
    line-height: 1.5;
}

.woocommerce-privacy-policy-text a {
    color: var(--dk-accent);
    text-decoration: underline;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

.woocommerce-privacy-policy-text a:hover {
    color: var(--dk-accent-hover);
}

/* Terms */
.woocommerce-terms-and-conditions-wrapper {
    padding: 0 25px;
    font-size: 12.5px;
    color: #666;
}

.woocommerce-terms-and-conditions-wrapper .form-row {
    margin-top: 12px;
}

/* =====================================================
   NOTIFICACIONES
   ===================================================== */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    background: #fff;
    border-left: 4px solid #28a745;
    padding: 14px 18px;
    border-radius: 4px;
    margin-bottom: 25px;
    font-size: 14px;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.woocommerce-error {
    border-left-color: #e74c3c;
}

.woocommerce-info {
    border-left-color: var(--dk-primary);
}

.woocommerce-message .button,
.woocommerce-info .button {
    background: var(--dk-primary) !important;
    color: #fff !important;
    padding: 10px 18px !important;
    border-radius: 6px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}

/* =====================================================
   RESPONSIVE
   ===================================================== */
@media (max-width: 991px) {
    .dk-cart-layout,
    .dk-checkout-grid {
        flex-direction: column;
    }

    .dk-cart-main,
    .dk-cart-sidebar,
    .dk-checkout-left,
    .dk-checkout-right {
        width: 100%;
    }

    .dk-cart-sidebar,
    .dk-checkout-right {
        position: static;
    }
}

@media (max-width: 767px) {
    .dekorum-cart-page,
    .dekorum-checkout-page {
        padding: 30px 0 50px;
    }

    .cart-table-form {
        padding: 15px;
    }

    .woocommerce-cart-form__contents thead {
        display: none;
    }

    .woocommerce-cart-form__contents,
    .woocommerce-cart-form__contents tbody,
    .woocommerce-cart-form__contents tr,
    .woocommerce-cart-form__contents td {
        display: block;
        width: 100%;
    }

    .woocommerce-cart-form__contents tr {
        background: var(--dk-bg-page);
        border-radius: 8px;
        padding: 15px;
        margin-bottom: 15px;
        border-bottom: 0 !important;
    }

    .woocommerce-cart-form__contents td {
        text-align: left !important;
        padding: 8px 0;
        border: none;
    }

    .woocommerce-cart-form__contents td::before {
        content: attr(data-title) ": ";
        font-weight: 700;
        color: #555;
        margin-right: 8px;
    }

    .woocommerce-cart-form__contents td.product-name::before {
        display: none;
    }

    .woocommerce-cart-form__contents tbody td.product-subtotal {
        padding-bottom: 50px;
    }

    .cart-coupon .coupon {
        flex-direction: column;
    }

    .cart-coupon .coupon input {
        width: 100%;
        border-radius: 8px;
        border-right: 1px solid var(--dk-border);
        margin-bottom: 10px;
    }

    .cart-coupon .coupon .button {
        width: 100%;
        border-radius: 8px;
    }

    .cart-table-button {
        text-align: center;
    }

    .cart-table-button button {
        width: 100%;
    }
}
/* =====================================================
 * v8.18 — Cross-sells del carrito como slider estilo Ikeda
 *         Renderizados en .dk-cart-cross-sells-row, caja propia
 *         de ancho completo debajo del layout de 2 columnas.
 *         Reutiliza dekorum-product-card.php / clases dk-product-*.
 * ===================================================== */

/* =====================================================
   PRODUCT CARD BASE — estilos para dk-product-card.php
   usados en cross-sells (no se carga dekorum-shop.css en el carrito)
   ===================================================== */
.dk-product-item {
    background: #f8f6f0;
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.2s, box-shadow 0.2s;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.dk-product-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

.dk-product-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.dk-product-photo {
    position: relative;
    background: #fff;
    padding: 20px;
    text-align: center;
    overflow: hidden;
}

.dk-product-photo a {
    display: block;
}

.dk-product-image {
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: 180px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
    transition: transform 0.3s;
}

.dk-product-item:hover .dk-product-image {
    transform: scale(1.05);
}

.dk-label-container {
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    z-index: 2;
}

.dk-category-label {
    background: rgba(0,0,0,0.7);
    color: #fff;
    padding: 4px 10px;
    font-size: 11px;
    border-radius: 3px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.dk-product-label-new {
    background: #e74c3c;
    color: #fff;
    padding: 4px 10px;
    font-size: 11px;
    border-radius: 3px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.dk-product-details {
    padding: 16px 20px 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 12px;
}

.dk-product-name,
a.dk-product-name {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #152433 !important;
    text-decoration: none;
    line-height: 1.4;
}

.dk-product-name:hover,
a.dk-product-name:hover {
    color: #E73D1E !important;
}

.dk-product-price {
    font-size: 16px;
    font-weight: 700;
    color: #1a1a1a;
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px solid rgba(0,0,0,0.08);
}

.dk-product-price .woocommerce-Price-amount {
    color: #1a1a1a;
}

.dk-product-price del {
    color: #999;
    margin-right: 8px;
    font-size: 14px;
}

.dk-product-price ins {
    text-decoration: none;
    color: #e74c3c;
}

/* Row contenedor — separa el bloque del layout principal de arriba */
.dk-cart-cross-sells-row {
    margin-top: 30px;
}

/* Wrapper alineado al patrón de los otros bloques principales del checkout
   (border-radius, padding, shadow idénticos a .cart-collaterals > div y
   .woocommerce-billing-fields) */
.dk-cross-sells {
    position: relative;
    padding: 25px;
    background: #fff;
    border-radius: 10px;
    box-shadow: var(--dk-shadow, 0 0 20px rgba(0, 0, 0, .08));
}

/* Título alineado al patrón de bloques principales del checkout
   (.woocommerce-billing-fields h3 / #order_review_heading).
   USA !important porque Hello Elementor / Elementor Pro aplican
   estilos globales a h2 con alta especificidad que sobreescriben. */
.dk-cross-sells h2.dk-cross-sells-title,
.dk-cross-sells .dk-cross-sells-title {
    color: var(--dk-text) !important;
    font-size: 17.6px !important;
    font-weight: 700 !important;
    margin: 0 0 25px !important;
    padding: 0 0 18px !important;
    border-bottom: 1px solid var(--dk-border) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    line-height: 1.3 !important;
    text-align: left !important;
}

/* Wrapper del slider — relative para anclar las flechas, con padding
   horizontal para que las flechas no se monten sobre las cards */
.dk-cross-sells-slider-wrapper {
    position: relative;
    padding: 0 12px;
}

.dk-cross-sells-swiper {
    overflow: hidden;
    padding-bottom: 36px; /* espacio para los dots */
    /* Anti-FOUC: arrancamos invisible hasta que Swiper inicialice y
       agregue la clase .dk-cross-sells-ready en el wrapper padre.
       Evita que el navegador pinte los slides apilados en columna
       antes de que el JS construya el carrusel. */
    opacity: 0;
    transition: opacity .25s ease;
    min-height: 320px; /* reserva espacio para que no salte el layout */
}

.dk-cross-sells-ready .dk-cross-sells-swiper {
    opacity: 1;
    min-height: 0;
}

/* Ocultar también las flechas hasta que esté listo */
.dk-cross-sells:not(.dk-cross-sells-ready) .dk-cross-sells-prev,
.dk-cross-sells:not(.dk-cross-sells-ready) .dk-cross-sells-next,
.dk-cross-sells:not(.dk-cross-sells-ready) .dk-cross-sells-pagination {
    visibility: hidden;
}

.dk-cross-sells-swiper .swiper-slide {
    height: auto;
    box-sizing: border-box;
    display: flex;
}

.dk-cross-sells-swiper .dk-product-item {
    height: 100%;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    overflow: hidden;
    background: #f8f6f0;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
}

.dk-cross-sells-swiper .dk-product-content {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    overflow: hidden;
}

.dk-cross-sells-swiper .dk-product-photo {
    position: relative;
    background: #fff;
    padding: 16px 12px;
    text-align: center;
    overflow: hidden;
    box-sizing: border-box;
    flex-shrink: 0;
}

.dk-cross-sells-swiper .dk-product-image {
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: 140px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

.dk-cross-sells-swiper .dk-product-details {
    padding: 10px 12px 14px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.dk-cross-sells-swiper .dk-product-name {
    font-size: 13px;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 0;
}

.dk-cross-sells-swiper .dk-product-price {
    font-size: 14px;
    padding-top: 8px;
    margin-top: auto;
}

/* Flechas — circulares, fondo blanco, accent Dekorum en hover */
.dk-cross-sells-prev,
.dk-cross-sells-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 1px solid var(--dk-border, #ccc);
    background: #fff;
    color: var(--dk-primary, #1a1a1a);
    border-radius: 50%;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background .2s ease, color .2s ease, border-color .2s ease;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
}

.dk-cross-sells-prev:hover,
.dk-cross-sells-next:hover {
    background: var(--dk-accent, #E73D1E);
    color: #fff;
    border-color: var(--dk-accent, #E73D1E);
}

.dk-cross-sells-prev[disabled],
.dk-cross-sells-next[disabled],
.dk-cross-sells-prev.swiper-button-disabled,
.dk-cross-sells-next.swiper-button-disabled {
    opacity: .35;
    cursor: not-allowed;
    pointer-events: none;
}

.dk-cross-sells-prev { left: -19px; }
.dk-cross-sells-next { right: -19px; }

.dk-cross-sells-prev svg,
.dk-cross-sells-next svg {
    display: block;
}

/* Paginación (dots) */
.dk-cross-sells-pagination {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    line-height: 1;
}

.dk-cross-sells-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 4px;
    background: var(--dk-border, #ccc);
    opacity: 1;
    transition: background .2s ease, transform .2s ease;
}

.dk-cross-sells-pagination .swiper-pagination-bullet-active {
    background: var(--dk-accent, #E73D1E);
    transform: scale(1.15);
}

/* Responsive */
@media (max-width: 1024px) {
    .dk-cart-cross-sells-row {
        margin-top: 25px;
    }
}

@media (max-width: 768px) {
    .dk-cross-sells {
        padding: 20px;
    }
    .dk-cross-sells-prev { left: -8px; }
    .dk-cross-sells-next { right: -8px; }
}

@media (max-width: 480px) {
    .dk-cross-sells-prev,
    .dk-cross-sells-next {
        width: 32px;
        height: 32px;
    }
}