/*
 * Calico — WooCommerce Styles
 * Замінює стандартні стилі WooCommerce
 */

/* ══════════════════════════════════════
   1. ЗАГАЛЬНЕ / NOTICES
══════════════════════════════════════ */
.woocommerce-notices-wrapper { margin-bottom: var(--sp-6); }

.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
    border-radius: var(--radius-lg) !important;
    padding: var(--sp-4) var(--sp-5) !important;
    font-size: var(--text-sm) !important;
    list-style: none !important;
    display: flex !important;
    align-items: center !important;
    gap: var(--sp-3) !important;
}
.woocommerce-message::before { display: none !important; }
.woocommerce-error   { background: #FCEBEB !important; color: #A32D2D !important; border: 1px solid #F5C5C5 !important; }
.woocommerce-message { background: #EAF3DE !important; color: #3B6D11 !important; border: 1px solid #C5E09A !important; }
.woocommerce-info    { background: #E6F1FB !important; color: #185FA5 !important; border: 1px solid #A8CFF0 !important; }

/* ══════════════════════════════════════
   2. КАТАЛОГ / PRODUCT LOOP
══════════════════════════════════════ */
.woocommerce ul.products,
.woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: var(--sp-5) !important;
    margin: 0 !important;
    padding: 0 !important;
}

@media (max-width: 1200px) {
    .woocommerce ul.products,
    .woocommerce-page ul.products { grid-template-columns: repeat(3,1fr) !important; }
}
@media (max-width: 768px) {
    .woocommerce ul.products,
    .woocommerce-page ul.products { grid-template-columns: repeat(2,1fr) !important; gap: var(--sp-3) !important; }
}
@media (max-width: 400px) {
    .woocommerce ul.products,
    .woocommerce-page ul.products { grid-template-columns: 1fr !important; }
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    width: auto !important;
    background: var(--surface);
    border-radius: var(--radius-lg);
    border: 1px solid transparent;
    overflow: hidden;
    transition: transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s var(--ease);
    display: flex !important;
    flex-direction: column;
}
.woocommerce ul.products li.product:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
    border-color: var(--border);
}

/* Зображення */
.woocommerce ul.products li.product a img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1.15;
    object-fit: cover;
    border-radius: 0;
    margin: 0 !important;
    display: block;
    transition: transform .5s var(--ease);
}
.woocommerce ul.products li.product:hover a img { transform: scale(1.05); }
.woocommerce ul.products li.product .woocommerce-loop-product__link { display: block; overflow: hidden; }

/* Product info */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-family: var(--font-display) !important;
    font-size: var(--text-xl) !important;
    font-weight: 400 !important;
    color: var(--charcoal) !important;
    padding: var(--sp-4) var(--sp-5) var(--sp-2) !important;
    margin: 0 !important;
    line-height: 1.3 !important;
    transition: color .2s;
}
.woocommerce ul.products li.product:hover .woocommerce-loop-product__title { color: var(--rose) !important; }

/* Price */
.woocommerce ul.products li.product .price {
    font-family: var(--font-display) !important;
    font-size: var(--text-2xl) !important;
    color: var(--charcoal) !important;
    padding: 0 var(--sp-5) var(--sp-4) !important;
    margin: 0 !important;
    display: block;
}
.woocommerce ul.products li.product .price del {
    font-size: var(--text-base) !important;
    color: var(--light-txt) !important;
    margin-right: var(--sp-2);
    opacity: 1;
}
.woocommerce ul.products li.product .price ins {
    text-decoration: none !important;
    color: var(--rose) !important;
}

/* Rating */
.woocommerce ul.products li.product .star-rating {
    margin: 0 var(--sp-5) var(--sp-2) !important;
    font-size: 13px !important;
    color: var(--gold) !important;
}

/* Badges */
.woocommerce ul.products li.product .onsale {
    background: var(--rose) !important;
    color: var(--white) !important;
    border-radius: var(--radius-full) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .06em !important;
    padding: 4px 12px !important;
    min-height: auto !important;
    min-width: auto !important;
    line-height: 1.4 !important;
    top: var(--sp-3) !important;
    left: var(--sp-3) !important;
    right: auto !important;
}

/* Add to cart button */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: auto var(--sp-5) var(--sp-5) !important;
    padding: var(--sp-3) var(--sp-5) !important;
    background: var(--rose) !important;
    color: var(--white) !important;
    border-radius: var(--radius-full) !important;
    font-size: var(--text-sm) !important;
    font-weight: 500 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    border: none !important;
    transition: background .2s, transform .2s !important;
    text-decoration: none;
    width: calc(100% - var(--sp-10));
}
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .add_to_cart_button:hover {
    background: var(--rose-dark) !important;
    color: var(--white) !important;
    transform: translateY(-2px) !important;
}
.woocommerce ul.products li.product .added_to_cart {
    display: none !important; /* Hide "view cart" link next to button */
}

/* ══════════════════════════════════════
   3. SINGLE PRODUCT PAGE
══════════════════════════════════════ */
.single-product div.product {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--sp-12);
    align-items: start;
    margin-top: var(--sp-6);
}
@media (max-width: 768px) {
    .single-product div.product { grid-template-columns: 1fr; gap: var(--sp-6); }
}

/* Gallery */
.single-product .woocommerce-product-gallery {
    border-radius: var(--radius-xl);
    overflow: hidden;
    position: sticky;
    top: 90px;
}
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image img {
    border-radius: var(--radius-xl);
}
.single-product .flex-control-thumbs {
    display: flex !important;
    gap: var(--sp-2);
    margin-top: var(--sp-3) !important;
    padding: 0 !important;
}
.single-product .flex-control-thumbs li {
    float: none !important;
    width: auto !important;
    flex: 1;
    max-width: 80px;
}
.single-product .flex-control-thumbs img {
    border-radius: var(--radius-sm) !important;
    border: 2px solid transparent !important;
    opacity: .7;
    transition: all .2s !important;
    cursor: pointer;
}
.single-product .flex-control-thumbs img.flex-active,
.single-product .flex-control-thumbs img:hover {
    border-color: var(--rose) !important;
    opacity: 1;
}

/* Product Summary */
.single-product .summary.entry-summary { padding: 0; }

.single-product .summary .product_title {
    font-family: var(--font-display) !important;
    font-size: clamp(var(--text-3xl), 4vw, var(--text-4xl)) !important;
    font-weight: 300 !important;
    line-height: 1.15 !important;
    color: var(--charcoal) !important;
    margin-bottom: var(--sp-4) !important;
}
.single-product .summary .woocommerce-product-rating {
    display: flex !important;
    align-items: center !important;
    gap: var(--sp-3) !important;
    margin-bottom: var(--sp-5) !important;
}
.single-product .summary .star-rating { font-size: 14px !important; color: var(--gold) !important; }
.single-product .summary .woocommerce-review-link { font-size: var(--text-sm) !important; color: var(--text-muted) !important; }

.single-product .summary .price {
    font-family: var(--font-display) !important;
    font-size: var(--text-4xl) !important;
    color: var(--charcoal) !important;
    margin-bottom: var(--sp-6) !important;
    display: block;
}
.single-product .summary .price del {
    font-size: var(--text-2xl) !important;
    color: var(--light-txt) !important;
    margin-right: var(--sp-3);
    font-weight: 300;
}
.single-product .summary .price ins {
    text-decoration: none !important;
    color: var(--rose) !important;
}

/* Short description */
.single-product .summary .woocommerce-product-details__short-description {
    font-size: var(--text-base) !important;
    color: var(--text-muted) !important;
    line-height: 1.75 !important;
    margin-bottom: var(--sp-6) !important;
    border-bottom: 1px solid var(--border);
    padding-bottom: var(--sp-6);
}

/* Variations */
.single-product .summary .variations { width: 100% !important; border: none !important; margin-bottom: var(--sp-5) !important; }
.single-product .summary .variations td,
.single-product .summary .variations th { padding: 0 !important; border: none !important; vertical-align: top !important; }
.single-product .summary .variations tr { display: flex; flex-direction: column; gap: var(--sp-2); margin-bottom: var(--sp-4); }
.single-product .summary .variations label {
    font-size: var(--text-xs) !important;
    font-weight: 700 !important;
    letter-spacing: .1em !important;
    text-transform: uppercase !important;
    color: var(--charcoal) !important;
    margin-bottom: var(--sp-2) !important;
    display: block;
}
.single-product .summary .variations select {
    width: 100% !important;
    padding: var(--sp-3) var(--sp-4) !important;
    border: 1.5px solid var(--border) !important;
    border-radius: var(--radius) !important;
    background: var(--surface) !important;
    font-size: var(--text-sm) !important;
    color: var(--charcoal) !important;
    outline: none !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237A6E65' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    cursor: pointer !important;
    transition: border-color .2s !important;
}
.single-product .summary .variations select:focus { border-color: var(--rose) !important; }

.single-product .summary .reset_variations {
    font-size: var(--text-xs) !important;
    color: var(--text-muted) !important;
    text-decoration: underline !important;
}

/* Quantity + Add to cart */
.single-product .summary form.cart {
    display: flex !important;
    align-items: center !important;
    gap: var(--sp-4) !important;
    margin-bottom: var(--sp-6) !important;
    flex-wrap: wrap;
}
.single-product .summary .quantity { display: flex !important; align-items: center !important; gap: 0 !important; }
.single-product .summary .quantity input.qty {
    width: 56px !important;
    height: 48px !important;
    text-align: center !important;
    border: 1.5px solid var(--border) !important;
    border-radius: var(--radius) !important;
    font-size: var(--text-lg) !important;
    font-weight: 600 !important;
    color: var(--charcoal) !important;
    outline: none !important;
    -moz-appearance: textfield !important;
}
.single-product .summary .quantity input.qty::-webkit-inner-spin-button { display: none; }

.single-product .summary form.cart .single_add_to_cart_button {
    flex: 1 !important;
    height: 48px !important;
    background: var(--rose) !important;
    color: var(--white) !important;
    border: none !important;
    border-radius: var(--radius-full) !important;
    font-size: var(--text-sm) !important;
    font-weight: 500 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: background .2s, transform .2s !important;
    min-width: 200px !important;
}
.single-product .summary form.cart .single_add_to_cart_button:hover {
    background: var(--rose-dark) !important;
    transform: translateY(-2px) !important;
}
.single-product .summary form.cart .single_add_to_cart_button.loading {
    opacity: .7 !important;
    pointer-events: none !important;
}

/* Product meta (SKU, categories) */
.single-product .summary .product_meta {
    font-size: var(--text-sm) !important;
    color: var(--text-muted) !important;
    margin-top: var(--sp-5) !important;
    padding-top: var(--sp-5) !important;
    border-top: 1px solid var(--border) !important;
    display: flex;
    flex-direction: column;
    gap: var(--sp-2);
}
.single-product .summary .product_meta span { color: var(--charcoal); font-weight: 500; }
.single-product .summary .product_meta a { color: var(--rose); }
.single-product .summary .product_meta a:hover { text-decoration: underline; }

/* Attributes table */
.woocommerce-product-attributes th,
.woocommerce-product-attributes td {
    padding: var(--sp-3) var(--sp-4) !important;
    border: 1px solid var(--border) !important;
    font-size: var(--text-sm) !important;
    vertical-align: top !important;
}
.woocommerce-product-attributes th {
    background: var(--linen) !important;
    font-weight: 600 !important;
    color: var(--charcoal) !important;
    width: 35% !important;
}

/* Tabs */
.woocommerce-tabs .tabs {
    display: flex !important;
    gap: var(--sp-1) !important;
    border-bottom: 2px solid var(--border) !important;
    margin-bottom: var(--sp-6) !important;
    padding: 0 !important;
    list-style: none !important;
    flex-wrap: wrap;
}
.woocommerce-tabs .tabs::before { display: none !important; }
.woocommerce-tabs .tabs li {
    margin: 0 !important;
    border: none !important;
    background: none !important;
    border-radius: 0 !important;
}
.woocommerce-tabs .tabs li a {
    display: block !important;
    padding: var(--sp-3) var(--sp-5) !important;
    font-size: var(--text-sm) !important;
    font-weight: 500 !important;
    color: var(--text-muted) !important;
    border-bottom: 2px solid transparent !important;
    margin-bottom: -2px !important;
    border-radius: 0 !important;
    background: none !important;
    transition: all .2s !important;
    text-decoration: none;
}
.woocommerce-tabs .tabs li a:hover { color: var(--charcoal) !important; }
.woocommerce-tabs .tabs li.active a {
    color: var(--rose) !important;
    border-bottom-color: var(--rose) !important;
}

/* Reviews */
.woocommerce #reviews #comments ol.commentlist { padding: 0 !important; list-style: none !important; }
.woocommerce #reviews #comments ol.commentlist li {
    padding: var(--sp-6) 0 !important;
    border-bottom: 1px solid var(--border) !important;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
}
.woocommerce #reviews #comments ol.commentlist li .star-rating { color: var(--gold) !important; }
.woocommerce #review_form #respond { background: var(--linen) !important; border-radius: var(--radius-lg) !important; padding: var(--sp-6) !important; margin-top: var(--sp-6) !important; }
.woocommerce #review_form input, .woocommerce #review_form textarea {
    border: 1.5px solid var(--border) !important; border-radius: var(--radius) !important;
    padding: var(--sp-3) var(--sp-4) !important; font-size: var(--text-sm) !important;
    outline: none !important; transition: border-color .2s !important; width: 100% !important;
    background: var(--surface) !important;
}
.woocommerce #review_form input:focus, .woocommerce #review_form textarea:focus { border-color: var(--rose) !important; }

/* ══════════════════════════════════════
   4. КОШИК / CART
══════════════════════════════════════ */
.woocommerce-cart .woocommerce { max-width: var(--max-w); margin: 0 auto; padding: var(--sp-8) var(--sp-6); }

.woocommerce-cart-form table.cart {
    border-collapse: collapse !important;
    width: 100% !important;
    border: none !important;
}
.woocommerce-cart-form table.cart thead th {
    font-size: var(--text-xs) !important;
    font-weight: 700 !important;
    letter-spacing: .1em !important;
    text-transform: uppercase !important;
    color: var(--text-muted) !important;
    padding: var(--sp-3) var(--sp-4) !important;
    border-bottom: 2px solid var(--border) !important;
    background: none !important;
}
.woocommerce-cart-form table.cart td {
    padding: var(--sp-4) !important;
    border-bottom: 1px solid var(--border) !important;
    vertical-align: middle !important;
    background: none !important;
}
.woocommerce-cart-form table.cart td.product-thumbnail img {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover !important;
    border-radius: var(--radius) !important;
}
.woocommerce-cart-form table.cart td.product-name a {
    font-family: var(--font-display) !important;
    font-size: var(--text-xl) !important;
    color: var(--charcoal) !important;
}
.woocommerce-cart-form table.cart td.product-name a:hover { color: var(--rose) !important; }
.woocommerce-cart-form table.cart td.product-name .variation {
    font-size: var(--text-sm) !important;
    color: var(--text-muted) !important;
    margin-top: var(--sp-2) !important;
}
.woocommerce-cart-form table.cart td.product-price,
.woocommerce-cart-form table.cart td.product-subtotal {
    font-family: var(--font-display) !important;
    font-size: var(--text-xl) !important;
    color: var(--charcoal) !important;
}
.woocommerce-cart-form table.cart td.product-remove a {
    color: var(--light-txt) !important;
    font-size: 20px !important;
    line-height: 1 !important;
    transition: color .2s !important;
}
.woocommerce-cart-form table.cart td.product-remove a:hover { color: var(--rose) !important; }

/* Cart collaterals */
.cart-collaterals { margin-top: var(--sp-8) !important; }
.cart_totals {
    max-width: 420px !important;
    margin-left: auto !important;
    background: var(--linen) !important;
    border-radius: var(--radius-lg) !important;
    padding: var(--sp-6) !important;
    border: 1px solid var(--border) !important;
}
.cart_totals h2 { font-family: var(--font-display) !important; font-size: var(--text-2xl) !important; margin-bottom: var(--sp-5) !important; }
.cart_totals table { border: none !important; width: 100% !important; }
.cart_totals table th, .cart_totals table td {
    padding: var(--sp-3) 0 !important;
    border: none !important;
    border-bottom: 1px solid var(--border) !important;
    font-size: var(--text-sm) !important;
}
.cart_totals table .order-total th,
.cart_totals table .order-total td { font-size: var(--text-lg) !important; font-weight: 600 !important; color: var(--charcoal) !important; border-bottom: none !important; }
.cart_totals .wc-proceed-to-checkout { margin-top: var(--sp-5) !important; }
.cart_totals .wc-proceed-to-checkout a {
    display: block !important;
    text-align: center !important;
    background: var(--rose) !important;
    color: var(--white) !important;
    padding: var(--sp-4) !important;
    border-radius: var(--radius-full) !important;
    font-weight: 500 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    font-size: var(--text-sm) !important;
    transition: background .2s, transform .2s !important;
    text-decoration: none !important;
}
.cart_totals .wc-proceed-to-checkout a:hover { background: var(--rose-dark) !important; transform: translateY(-2px) !important; }

/* ══════════════════════════════════════
   5. ОФОРМЛЕННЯ / CHECKOUT
══════════════════════════════════════ */
.woocommerce-checkout .woocommerce { max-width: var(--max-w); margin: 0 auto; padding: var(--sp-8) var(--sp-6); }

.woocommerce-checkout #customer_details h3,
.woocommerce-checkout h3#order_review_heading { font-family: var(--font-display) !important; font-size: var(--text-2xl) !important; margin-bottom: var(--sp-5) !important; }

.woocommerce-checkout .col2-set { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: var(--sp-8) !important; }
@media (max-width: 768px) { .woocommerce-checkout .col2-set { grid-template-columns: 1fr !important; } }

.woocommerce-checkout form .form-row { margin-bottom: var(--sp-4) !important; }
.woocommerce-checkout form .form-row label { font-size: var(--text-sm) !important; font-weight: 500 !important; color: var(--charcoal) !important; margin-bottom: var(--sp-2) !important; display: block; }
.woocommerce-checkout form .form-row input,
.woocommerce-checkout form .form-row select,
.woocommerce-checkout form .form-row textarea {
    border: 1.5px solid var(--border) !important;
    border-radius: var(--radius) !important;
    padding: var(--sp-3) var(--sp-4) !important;
    font-size: var(--text-sm) !important;
    outline: none !important;
    transition: border-color .2s !important;
    width: 100% !important;
    background: var(--surface) !important;
}
.woocommerce-checkout form .form-row input:focus,
.woocommerce-checkout form .form-row select:focus,
.woocommerce-checkout form .form-row textarea:focus { border-color: var(--rose) !important; }
.woocommerce-checkout form .form-row.woocommerce-invalid input { border-color: #E24B4A !important; }

/* Order review */
#order_review_heading { margin-top: var(--sp-8) !important; }
#order_review { background: var(--linen) !important; border-radius: var(--radius-lg) !important; padding: var(--sp-6) !important; border: 1px solid var(--border) !important; }
.woocommerce-checkout-review-order-table { width: 100% !important; border-collapse: collapse !important; }
.woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td { padding: var(--sp-3) 0 !important; border-bottom: 1px solid var(--border) !important; font-size: var(--text-sm) !important; }
.woocommerce-checkout-review-order-table .order-total td { font-size: var(--text-xl) !important; font-weight: 600 !important; color: var(--charcoal) !important; }

#payment { background: var(--surface) !important; border-radius: var(--radius-lg) !important; border: 1px solid var(--border) !important; padding: var(--sp-5) !important; margin-top: var(--sp-5) !important; }
#payment ul.payment_methods { list-style: none !important; margin: 0 0 var(--sp-4) !important; padding: 0 !important; }
#payment ul.payment_methods li { padding: var(--sp-3) 0 !important; border-bottom: 1px solid var(--border) !important; font-size: var(--text-sm) !important; }
#payment ul.payment_methods li:last-child { border-bottom: none !important; }
#payment ul.payment_methods li input[type="radio"] { accent-color: var(--rose) !important; margin-right: var(--sp-2) !important; }
#payment .payment_box { background: var(--linen) !important; border-radius: var(--radius-sm) !important; padding: var(--sp-3) var(--sp-4) !important; font-size: var(--text-sm) !important; margin-top: var(--sp-3) !important; }
#place_order {
    width: 100% !important;
    background: var(--rose) !important;
    color: var(--white) !important;
    border: none !important;
    border-radius: var(--radius-full) !important;
    padding: var(--sp-4) !important;
    font-size: var(--text-base) !important;
    font-weight: 500 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: background .2s, transform .2s !important;
    margin-top: var(--sp-4) !important;
}
#place_order:hover { background: var(--rose-dark) !important; transform: translateY(-2px) !important; }

/* ══════════════════════════════════════
   6. МІЙ АКАУНТ / MY ACCOUNT
══════════════════════════════════════ */
.woocommerce-account .woocommerce { max-width: var(--max-w); margin: 0 auto; padding: var(--sp-8) var(--sp-6); display: grid; grid-template-columns: 220px 1fr; gap: var(--sp-8); }
@media (max-width: 768px) { .woocommerce-account .woocommerce { grid-template-columns: 1fr; } }

.woocommerce-account .woocommerce-MyAccount-navigation { background: var(--linen); border-radius: var(--radius-lg); padding: var(--sp-4); border: 1px solid var(--border); }
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: block; padding: var(--sp-3) var(--sp-4); border-radius: var(--radius-sm);
    font-size: var(--text-sm); color: var(--text-muted); transition: all .2s; text-decoration: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover { background: var(--blush); color: var(--charcoal); }
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a { background: rgba(212,133,122,.12); color: var(--rose); font-weight: 600; }

/* ══════════════════════════════════════
   7. PAGINATION
══════════════════════════════════════ */
.woocommerce nav.woocommerce-pagination { text-align: center !important; margin-top: var(--sp-10) !important; }
.woocommerce nav.woocommerce-pagination ul { display: inline-flex !important; gap: 4px !important; list-style: none !important; padding: 0 !important; margin: 0 !important; border: none !important; }
.woocommerce nav.woocommerce-pagination ul li { border: none !important; }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    display: flex !important; align-items: center !important; justify-content: center !important;
    min-width: 40px !important; height: 40px !important; padding: 0 var(--sp-3) !important;
    border: 1.5px solid var(--border) !important; border-radius: var(--radius-sm) !important;
    font-size: var(--text-sm) !important; font-weight: 500 !important;
    color: var(--text-muted) !important; transition: all .2s !important;
    text-decoration: none !important; background: var(--surface) !important;
}
.woocommerce nav.woocommerce-pagination ul li a:hover { border-color: var(--rose) !important; color: var(--rose) !important; }
.woocommerce nav.woocommerce-pagination ul li span.current { background: var(--rose) !important; border-color: var(--rose) !important; color: var(--white) !important; }

/* ══════════════════════════════════════
   8. RELATED PRODUCTS
══════════════════════════════════════ */
.related { margin-top: var(--sp-16) !important; }
.related > h2, .upsells > h2 { font-family: var(--font-display) !important; font-size: var(--text-3xl) !important; margin-bottom: var(--sp-8) !important; text-align: center; }
.related ul.products { grid-template-columns: repeat(4,1fr) !important; }
@media (max-width: 768px) { .related ul.products { grid-template-columns: repeat(2,1fr) !important; } }

/* ══════════════════════════════════════
   9. ORDER CONFIRMATION
══════════════════════════════════════ */
.woocommerce-order-received .woocommerce { max-width: 720px !important; margin: 0 auto !important; padding: var(--sp-8) var(--sp-6) !important; }
.woocommerce-thankyou-order-received { font-family: var(--font-display) !important; font-size: var(--text-3xl) !important; color: var(--charcoal) !important; margin-bottom: var(--sp-4) !important; }
.woocommerce-order-overview { list-style: none !important; padding: var(--sp-5) !important; background: var(--linen) !important; border-radius: var(--radius-lg) !important; display: flex !important; flex-wrap: wrap !important; gap: var(--sp-4) !important; margin: var(--sp-6) 0 !important; }
.woocommerce-order-overview li { font-size: var(--text-sm) !important; color: var(--text-muted) !important; }
.woocommerce-order-overview li strong { color: var(--charcoal) !important; font-weight: 600 !important; display: block; margin-top: 2px; }

/* ══════════════════════════════════════
   10. ORDERING DROPDOWN
══════════════════════════════════════ */
.woocommerce-ordering select {
    border: 1.5px solid var(--border) !important;
    border-radius: var(--radius-full) !important;
    padding: var(--sp-2) var(--sp-5) var(--sp-2) var(--sp-4) !important;
    font-size: var(--text-sm) !important;
    color: var(--charcoal) !important;
    background: var(--surface) !important;
    outline: none !important;
    cursor: pointer !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237A6E65' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    padding-right: 30px !important;
    transition: border-color .2s !important;
}
.woocommerce-ordering select:focus { border-color: var(--rose) !important; }

/* ══════════════════════════════════════
   11. RESULT COUNT
══════════════════════════════════════ */
.woocommerce-result-count { font-size: var(--text-sm) !important; color: var(--text-muted) !important; margin: 0 !important; }

/* ══════════════════════════════════════
   12. SHOP LAYOUT FIX
══════════════════════════════════════ */
.shop-layout {
    display: grid !important;
    grid-template-columns: 260px 1fr !important;
    gap: var(--sp-8) !important;
    align-items: start !important;
    margin-top: var(--sp-8) !important;
}
@media (max-width: 992px) {
    .shop-layout { display: block !important; }
}

/* ══════════════════════════════════════
   13. STOCK STATUS
══════════════════════════════════════ */
.woocommerce-variation-availability .stock,
.in-stock { color: #3B6D11 !important; font-size: var(--text-sm) !important; font-weight: 500 !important; }
.out-of-stock { color: #A32D2D !important; font-size: var(--text-sm) !important; font-weight: 500 !important; }
.available-on-backorder { color: #854F0B !important; font-size: var(--text-sm) !important; }