/**
 * WooCommerce
 *
 * Loaded after WooCommerce's own stylesheets and refines them to the theme.
 *
 * @package WEB99
 * @version 2.0.0
 */

/* ========================================
   Buttons
   ======================================== */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce-page a.button,
.woocommerce-page button.button,
.product-card .button,
.mini-cart .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.9rem 1.75rem;
    border: 1px solid var(--ink);
    border-radius: 0;
    background: var(--ink);
    color: #fff;
    font-family: var(--font-sans);
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    transition: all 0.3s var(--ease);
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.mini-cart .button:hover {
    background: var(--gold-dark);
    border-color: var(--gold-dark);
    color: #fff;
}

.woocommerce button.button:disabled,
.woocommerce button.button.disabled,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt:disabled {
    background: var(--ink);
    color: #fff;
    opacity: 0.4;
    padding: 0.9rem 1.75rem;
}

.woocommerce a.added_to_cart,
.product-card a.added_to_cart {
    display: none;
}

/* ========================================
   Product grid
   ======================================== */
ul.products,
.woocommerce ul.products,
.woocommerce-page ul.products {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2.25rem 0.75rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.products::before,
ul.products::after,
.woocommerce ul.products::before,
.woocommerce ul.products::after {
    display: none !important;
}

@media (min-width: 768px) {
    ul.products,
    .woocommerce ul.products {
        gap: 3rem 1.5rem;
    }

    ul.products.columns-3,
    ul.products.columns-4,
    .woocommerce ul.products.columns-3,
    .woocommerce ul.products.columns-4 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1200px) {
    ul.products.columns-4,
    .woocommerce ul.products.columns-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

ul.products li.product,
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0;
    clear: none !important;
}

/* ========================================
   Product card
   ======================================== */
.product-card {
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.product-card__media {
    position: relative;
    overflow: hidden;
    background: var(--ivory);
}

.product-card__image {
    position: relative;
    display: block;
    aspect-ratio: 1 / 1;
}

.product-card__img {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    margin: 0 !important;
    transition: opacity 0.6s var(--ease), transform 1.2s var(--ease);
}

.product-card__img--hover {
    opacity: 0;
}

.product-card:hover .product-card__image.has-hover .product-card__img:not(.product-card__img--hover) {
    opacity: 0;
}

.product-card:hover .product-card__img--hover {
    opacity: 1;
}

.product-card:hover .product-card__image:not(.has-hover) .product-card__img {
    transform: scale(1.05);
}

.product-card__badges {
    position: absolute;
    top: 0.75rem;
    left: 0.75rem;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.35rem;
    pointer-events: none;
}

.woocommerce span.onsale,
.product-card__badges .onsale,
.badge-stock {
    position: static;
    display: inline-block;
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: 0.3rem 0.6rem;
    border-radius: 0;
    background: var(--ink);
    color: #fff;
    font-size: 0.625rem;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.badge-stock {
    background: #fff;
    color: var(--muted);
    border: 1px solid var(--line);
}

/* Add to cart slides up on hover (desktop); hidden on touch screens */
.product-card__actions {
    position: absolute;
    left: 0.75rem;
    right: 0.75rem;
    bottom: 0.75rem;
    z-index: 2;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.35s var(--ease);
}

.product-card:hover .product-card__actions,
.product-card:focus-within .product-card__actions {
    opacity: 1;
    transform: none;
}

.woocommerce .product-card__actions .button,
.product-card__actions .button {
    width: 100%;
    margin: 0;
    padding: 0.8rem 1rem;
    background: rgba(255, 255, 255, 0.96);
    border-color: transparent;
    color: var(--ink);
    font-size: 0.6875rem;
}

.woocommerce .product-card__actions .button:hover,
.product-card__actions .button:hover {
    background: var(--ink);
    color: #fff;
}

.woocommerce .product-card__actions .button.loading {
    opacity: 0.7;
}

.woocommerce .product-card__actions .button.loading::after {
    position: static;
    margin-left: 0.25rem;
}

.woocommerce .product-card__actions .button.added::after {
    content: '\F26E';
    font-family: 'bootstrap-icons';
    margin-left: 0.25rem;
}

@media (hover: none) {
    .product-card__actions {
        display: none;
    }
}

.product-card__body {
    padding-top: 1.1rem;
}

.product-card__cat {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.625rem;
    font-weight: 400;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--muted);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.product-card__title {
    margin: 0 0 0.4rem;
    padding: 0;
    font-family: var(--font-heading);
    font-size: 1.05rem;
    font-weight: 500;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product-card__title a {
    color: var(--ink);
}

.product-card__title a:hover {
    color: var(--gold-dark);
}

@media (max-width: 575.98px) {
    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .product-card__title {
        font-size: 1.05rem;
    }
}

/* Prices */
.price,
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    display: block;
    margin: 0;
    color: var(--ink);
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0.04em;
}

.price del,
.woocommerce ul.products li.product .price del,
.woocommerce div.product p.price del {
    color: var(--muted);
    opacity: 1;
    font-size: 0.85em;
    margin-right: 0.35rem;
}

.price ins,
.woocommerce ul.products li.product .price ins,
.woocommerce div.product p.price ins {
    text-decoration: none;
    font-weight: 500;
    color: var(--gold-dark);
}

.price-contact {
    font-size: 0.8125rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--gold-dark);
}

/* ========================================
   Archive
   ======================================== */
.page-hero--shop .woocommerce-breadcrumb {
    margin: 0;
    padding: 0;
    color: inherit;
}

/* Same small breadcrumb as other pages (WooCommerce sets .woocommerce .woocommerce-breadcrumb to 0.92em) */
.woocommerce .breadcrumb-nav.woocommerce-breadcrumb {
    font-size: 0.6875rem;
}

/* Shop hero is lighter than content-page heroes: products should start higher */
.page-hero--shop {
    padding: 2.25rem 0 2rem;
}

.page-hero--shop .page-hero__title {
    font-size: clamp(1.65rem, 2.95vw, 2.25rem);
}

.page-hero--shop .category-chips {
    margin-top: 1.5rem;
}

.category-chips {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    list-style: none;
    margin: 2rem 0 0;
    padding: 0;
}

.category-chips a {
    display: inline-block;
    padding: 0.5rem 1.1rem;
    border: 1px solid var(--line);
    background: #fff;
    color: var(--text);
    font-size: 0.75rem;
    letter-spacing: 0.06em;
}

.category-chips a:hover,
.category-chips a.is-active {
    border-color: var(--ink);
    background: var(--ink);
    color: #fff;
}

.shop-layout {
    padding-top: 3rem;
    padding-bottom: var(--section-space);
}

.shop-toolbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--line-soft);
}

.shop-toolbar .woocommerce-notices-wrapper {
    flex: 0 0 100%;
}

.shop-toolbar .woocommerce-notices-wrapper:empty {
    display: none;
}

.woocommerce .shop-toolbar .woocommerce-result-count {
    margin: 0 auto 0 0;
    font-size: 0.8125rem;
    color: var(--muted);
}

.woocommerce .shop-toolbar .woocommerce-ordering {
    margin: 0;
}

.woocommerce .shop-toolbar .woocommerce-ordering select {
    padding: 0.55rem 2.25rem 0.55rem 0.9rem;
    font-size: 0.8125rem;
    appearance: none;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23141414' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") no-repeat right 0.75rem center / 12px;
}

.btn-filter {
    --bs-btn-padding-x: 1rem;
    --bs-btn-padding-y: 0.55rem;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

/* Mobile / tablet: one toolbar row (Filters | sort), compact hero, chips on one swipeable row */
@media (max-width: 991.98px) {
    .shop-layout {
        padding-top: 1.5rem;
    }

    .shop-toolbar {
        flex-wrap: nowrap;
        margin-bottom: 1.5rem;
    }

    .woocommerce .shop-toolbar .woocommerce-result-count {
        display: none;
    }

    .woocommerce .shop-toolbar .woocommerce-ordering {
        flex: 1;
        min-width: 0;
    }

    .woocommerce .shop-toolbar .woocommerce-ordering select {
        width: 100%;
        padding-top: 0.6rem;
        padding-bottom: 0.6rem;
    }

    .btn-filter {
        flex: 0 0 auto;
        --bs-btn-padding-y: 0.6rem;
    }
}

@media (max-width: 767.98px) {
    .page-hero--shop {
        padding: 1.75rem 0 1.5rem;
    }

    .page-hero--shop .page-hero__title {
        font-size: 1.65rem;
    }

    .category-chips {
        flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 0.4rem;
        margin: 1.25rem calc(var(--bs-gutter-x, 1.5rem) * -0.5) 0;
        padding: 0 calc(var(--bs-gutter-x, 1.5rem) * 0.5);
        overflow-x: auto;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .category-chips::-webkit-scrollbar {
        display: none;
    }

    /* Auto margins center the row when it fits without clipping its start when it overflows */
    .category-chips li:first-child {
        margin-left: auto;
    }

    .category-chips li:last-child {
        margin-right: auto;
    }

    .category-chips a {
        padding: 0.45rem 0.9rem;
        white-space: nowrap;
    }
}

/* Sidebar */
.shop-sidebar .offcanvas-lg {
    --bs-offcanvas-width: min(88vw, 360px);
}

@media (min-width: 992px) {
    .shop-sidebar .offcanvas-lg {
        position: sticky;
        top: 140px;
    }

    /* Bootstrap turns .offcanvas-body into a flex row on desktop: stack widgets instead */
    .shop-sidebar .offcanvas-lg .offcanvas-body {
        display: block;
    }
}

/* Category trees: nav menu widget + product categories widget */
.shop-sidebar .widget_nav_menu ul.menu > li,
.shop-sidebar .widget ul.product-categories > li {
    position: relative;
    padding: 0;
    border-bottom: 1px solid var(--line-soft);
}

.shop-sidebar .widget_nav_menu li a,
.shop-sidebar .widget ul.product-categories li a {
    display: block;
    padding: 0.7rem 2.25rem 0.7rem 0;
    font-size: 0.875rem;
    color: var(--text);
}

.shop-sidebar .widget_nav_menu li a:hover,
.shop-sidebar .widget ul.product-categories li a:hover {
    color: var(--gold-dark);
}

.shop-sidebar .widget_nav_menu .current-menu-item > a,
.shop-sidebar .widget ul.product-categories .current-cat > a {
    color: var(--ink);
    font-weight: 500;
}

.shop-sidebar .widget_nav_menu .sub-menu,
.shop-sidebar .widget ul.product-categories .children {
    display: none;
    margin: 0 0 0.6rem;
    padding: 0 0 0 1rem;
    border-left: 1px solid var(--line);
}

/* Without JS (or for items without a toggle) sub-lists stay visible */
.shop-sidebar .widget li:not(.has-tree) > .sub-menu,
.shop-sidebar .widget li:not(.has-tree) > .children,
.shop-sidebar .widget li.is-open > .sub-menu,
.shop-sidebar .widget li.is-open > .children {
    display: block;
}

.shop-sidebar .widget_nav_menu .sub-menu li,
.shop-sidebar .widget ul.product-categories .children li {
    padding: 0;
    border: 0;
}

.shop-sidebar .widget_nav_menu .sub-menu a,
.shop-sidebar .widget ul.product-categories .children a {
    padding: 0.35rem 0;
    font-size: 0.8125rem;
    color: var(--muted);
}

.shop-sidebar .widget_nav_menu .sub-menu .current-menu-item > a,
.shop-sidebar .widget ul.product-categories .children .current-cat > a {
    color: var(--ink);
    font-weight: 500;
}

.tree-toggle {
    position: absolute;
    top: 0.35rem;
    right: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border: 0;
    background: none;
    color: var(--muted);
    font-size: 0.75rem;
}

.tree-toggle:hover {
    color: var(--ink);
}

.tree-toggle i {
    transition: transform 0.25s var(--ease);
}

li.is-open > .tree-toggle i {
    transform: rotate(180deg);
}

.shop-sidebar .widget ul.product-categories .count {
    margin-left: 0.25rem;
    font-size: 0.75rem;
    color: var(--muted);
}

/* Price filter */
.woocommerce .widget_price_filter .ui-slider {
    margin: 0.75rem 0.4rem 1.5rem;
}

.woocommerce .widget_price_filter .ui-slider-horizontal {
    height: 2px;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background: var(--ink);
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background: var(--line);
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    top: -6px;
    width: 14px;
    height: 14px;
    border: 1px solid var(--ink);
    background: #fff;
}

.woocommerce .widget_price_filter .price_slider_amount {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.5rem;
    font-size: 0.8125rem;
}

.woocommerce .widget_price_filter .price_slider_amount .button {
    float: none;
    padding: 0.55rem 1.1rem;
    font-size: 0.6875rem;
}

.woocommerce .widget_price_filter .price_slider_amount .price_label {
    order: -1;
    flex: 0 0 100%;
    color: var(--muted);
}

.woocommerce-info.woocommerce-no-products-found {
    margin-top: 1rem;
}

/* ========================================
   Single product
   ======================================== */
.product-breadcrumb {
    padding: 1.1rem 0 0;
}

.product-breadcrumb .woocommerce-breadcrumb {
    margin: 0;
    font-size: 0.6875rem;
}

.product-breadcrumb .breadcrumb {
    justify-content: flex-start;
}

.woocommerce div.product {
    padding-top: 1.5rem;
}

.product-main {
    margin-bottom: var(--section-space);
}

/* Gallery: the Bootstrap columns handle widths, so cancel WooCommerce's 48% floats */
.woocommerce div.product .product-main div.images,
.woocommerce div.product .product-main div.summary,
.woocommerce-page div.product .product-main div.images,
.woocommerce-page div.product .product-main div.summary {
    float: none;
    width: 100%;
    margin-bottom: 0;
}

.woocommerce div.product .product-gallery-col {
    position: relative;
}

.woocommerce div.product .product-gallery-col > .onsale {
    position: absolute;
    top: 1rem;
    left: calc(var(--bs-gutter-x) * 0.5 + 1rem);
    z-index: 3;
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
    background: var(--ivory);
}

.woocommerce div.product div.images .flex-control-thumbs {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0.6rem;
    margin-top: 0.6rem;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    width: auto;
    float: none;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
    opacity: 0.55;
    border: 1px solid transparent;
    transition: all 0.25s var(--ease);
}

.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li img:hover {
    opacity: 1;
    border-color: var(--ink);
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    top: 1rem;
    right: 1rem;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    box-shadow: var(--shadow-sm);
}

.woocommerce-product-gallery .flex-direction-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}

.woocommerce-product-gallery .flex-direction-nav a {
    position: absolute;
    top: 50%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background: rgba(255, 255, 255, 0.9);
    color: var(--ink);
    font-size: 0;
    opacity: 0;
    transition: opacity 0.3s var(--ease);
}

.woocommerce-product-gallery .flex-direction-nav a i {
    font-size: 1rem;
}

.woocommerce-product-gallery:hover .flex-direction-nav a {
    opacity: 1;
}

.woocommerce-product-gallery .flex-direction-nav .flex-prev {
    left: 1rem;
}

.woocommerce-product-gallery .flex-direction-nav .flex-next {
    right: 1rem;
}

@media (hover: none) {
    .woocommerce-product-gallery .flex-direction-nav a {
        opacity: 1;
    }
}

/* Summary */
@media (min-width: 992px) {
    .product-summary-col .summary {
        position: sticky;
        top: 150px;
    }
}

@media (max-width: 991.98px) {
    .product-summary-col {
        margin-top: 2rem;
    }
}

.product-eyebrow {
    margin-bottom: 0.5rem;
}

.woocommerce div.product .product_title {
    font-size: clamp(1.65rem, 2.85vw, 2.15rem);
    line-height: 1.15;
    margin-bottom: 0.75rem;
}

.woocommerce div.product .woocommerce-product-rating {
    margin-bottom: 1rem;
    font-size: 0.8125rem;
}

.woocommerce .star-rating span::before,
.woocommerce p.stars a {
    color: var(--gold);
}

.woocommerce div.product .summary p.price {
    font-size: 1.4rem;
    margin-bottom: 1.25rem;
}

.woocommerce div.product .woocommerce-product-details__short-description {
    color: var(--text);
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--line-soft);
}

.woocommerce div.product .stock {
    font-size: 0.8125rem;
    color: var(--success);
}

.woocommerce div.product .stock.out-of-stock {
    color: var(--danger);
}

/* Add to cart form */
.woocommerce div.product form.cart {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0.75rem;
    margin-bottom: 0;
}

.woocommerce div.product form.cart::before,
.woocommerce div.product form.cart::after {
    display: none;
}

.woocommerce div.product form.cart.variations_form,
.woocommerce div.product form.cart.grouped_form {
    display: block;
}

.woocommerce div.product form.cart .woocommerce-variation-add-to-cart {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.quantity-label {
    flex: 0 0 100%;
    font-size: 0.6875rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--muted);
}

.woocommerce div.product form.cart .button {
    float: none;
    flex: 1 1 0;
    min-height: 52px;
    margin: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    white-space: nowrap;
}

/* Row 1: quantity + Add to cart. Row 2: Buy now, full width */
.woocommerce div.product form.cart .btn-buy-now {
    flex: 1 0 100%;
    background: #fff;
    color: var(--ink);
}

.woocommerce div.product form.cart .btn-buy-now:hover {
    background: var(--ink);
    border-color: var(--ink);
    color: #fff;
}

.woocommerce div.product form.cart table.variations {
    margin-bottom: 1rem;
}

.woocommerce div.product form.cart table.variations th,
.woocommerce div.product form.cart table.variations td {
    display: block;
    padding: 0;
    text-align: left;
}

.woocommerce div.product form.cart table.variations th label {
    font-size: 0.6875rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--muted);
    margin-bottom: 0.4rem;
}

.woocommerce div.product form.cart table.variations td select {
    width: 100%;
    margin-bottom: 0.75rem;
}

.woocommerce div.product form.cart .reset_variations {
    font-size: 0.75rem;
}

/* Quantity stepper */
.woocommerce .quantity {
    display: inline-flex;
    align-items: stretch;
    border: 1px solid var(--line);
    background: #fff;
}

.woocommerce div.product form.cart div.quantity {
    float: none;
    margin: 0;
}

.woocommerce .quantity .qty {
    width: 3.25rem;
    min-height: 50px;
    padding: 0;
    border: 0;
    text-align: center;
    -moz-appearance: textfield;
    appearance: textfield;
}

.woocommerce .quantity .qty::-webkit-outer-spin-button,
.woocommerce .quantity .qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.qty-btn {
    width: 2.5rem;
    border: 0;
    background: none;
    color: var(--ink);
    font-size: 1rem;
}

.qty-btn:hover {
    color: var(--gold-dark);
}

/* Contact box */
.product-contact {
    margin-top: 1.5rem;
}

.product-contact__notice {
    margin: 0;
    padding: 1rem 1.15rem;
    background: var(--ivory);
    border-left: 2px solid var(--gold);
    font-size: 0.8125rem;
    line-height: 1.7;
}

.product-contact .contact-buttons {
    margin: 0.75rem 0 1.5rem;
}

.contact-btn--zalo:hover {
    border-color: #0068ff;
    color: #0068ff;
}

.contact-btn--messenger:hover {
    border-color: #0866ff;
    color: #0866ff;
}

/* Meta + share */
.woocommerce div.product .product_meta {
    margin-top: 1.5rem;
    font-size: 0.8125rem;
    color: var(--muted);
}

.woocommerce div.product .product_meta > span {
    display: block;
    margin-bottom: 0.3rem;
}

.woocommerce div.product .product_meta a {
    color: var(--text);
}

.woocommerce div.product .product_meta a:hover {
    color: var(--gold-dark);
}

.woocommerce div.product .summary .share-links {
    margin-top: 1rem;
}

/* Tabs */
.woocommerce div.product .woocommerce-tabs {
    margin-bottom: clamp(2rem, 4vw, 3rem);
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.25rem 2.25rem;
    margin: 0 0 2.5rem;
    padding: 0;
    border-bottom: 1px solid var(--line);
    overflow: visible;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
    display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    margin: 0 0 -1px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display: block;
    padding: 1rem 0;
    border-bottom: 1px solid transparent;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--muted);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    color: var(--ink);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    border-bottom-color: var(--ink);
}

/* Mobile: tabs on one row, centered when they fit, swipeable when they do not */
@media (max-width: 767.98px) {
    .woocommerce div.product .woocommerce-tabs ul.tabs {
        position: relative;
        flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 0 1.5rem;
        margin-left: calc(var(--bs-gutter-x, 1.5rem) * -0.5);
        margin-right: calc(var(--bs-gutter-x, 1.5rem) * -0.5);
        padding: 0 calc(var(--bs-gutter-x, 1.5rem) * 0.5);
        overflow-x: auto;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs::-webkit-scrollbar {
        display: none;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li:first-child {
        margin-left: auto;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li:last-child {
        margin-right: auto;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li a {
        padding: 0.85rem 0;
        font-size: 0.6875rem;
        letter-spacing: 0.14em;
        white-space: nowrap;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs {
        margin-bottom: 1.75rem;
    }
}

.woocommerce div.product .woocommerce-tabs .panel {
    max-width: 820px;
    margin: 0 auto;
    font-size: 1rem;
    line-height: 1.85;
}

.woocommerce div.product .woocommerce-tabs .panel > h2:first-child {
    display: none;
}

.woocommerce div.product .woocommerce-tabs .panel a {
    color: var(--gold-dark);
}

.woocommerce div.product .woocommerce-tabs .panel img {
    display: block;
    margin: 1.5rem auto;
}

.woocommerce table.shop_attributes {
    border-top: 1px solid var(--line);
}

.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td {
    padding: 0.85rem 1rem;
    border-bottom: 1px solid var(--line);
    font-style: normal;
}

.woocommerce table.shop_attributes tr:nth-child(even) th,
.woocommerce table.shop_attributes tr:nth-child(even) td {
    background: var(--ivory);
}

/* Reviews */
.woocommerce #reviews #comments ol.commentlist li .comment-text {
    border-color: var(--line);
    border-radius: 0;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
    border: 0;
    border-radius: 50%;
    background: var(--sand);
}

/* Related & up-sells */
.woocommerce div.product .related,
.woocommerce div.product .upsells {
    padding: clamp(2rem, 4vw, 3rem) 0 var(--section-space);
    border-top: 1px solid var(--line-soft);
}

.woocommerce div.product .related > h2,
.woocommerce div.product .upsells > h2 {
    margin-bottom: 2.5rem;
    font-size: clamp(1.55rem, 2.8vw, 2.05rem);
    text-align: center;
}

/* ========================================
   Sticky add to cart
   ======================================== */
.sticky-atc {
    position: fixed;
    left: 0;
    right: 0;
    bottom: var(--bottom-nav-h, 0px); /* sits above the mobile bottom nav */
    z-index: 1025;
    padding: 0.75rem 0;
    background: rgba(255, 255, 255, 0.98);
    border-top: 1px solid var(--line);
    box-shadow: 0 -8px 30px rgba(20, 20, 20, 0.06);
    transform: translateY(110%);
    transition: transform 0.35s var(--ease);
}

.sticky-atc.is-visible {
    transform: none;
}

.sticky-atc .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.sticky-atc__product {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
}

.sticky-atc__product img {
    width: 48px;
    height: 48px;
    object-fit: cover;
}

.sticky-atc__title {
    display: block;
    font-family: var(--font-heading);
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--ink);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sticky-atc__price,
.sticky-atc__price .price {
    font-size: 0.8125rem;
}

.sticky-atc .btn {
    flex: 0 0 auto;
}

@media (max-width: 575.98px) {
    .sticky-atc__product img,
    .sticky-atc__title {
        display: none;
    }
}

/* ========================================
   Mini cart drawer
   ======================================== */
.mini-cart {
    --bs-offcanvas-width: min(92vw, 420px);
}

.mini-cart .offcanvas-header {
    border-bottom: 1px solid var(--line);
}

.mini-cart .offcanvas-title {
    font-size: 1.3rem;
}

.mini-cart .offcanvas-body {
    display: flex;
    flex-direction: column;
}

.mini-cart .widget_shopping_cart_content {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.mini-cart .woocommerce-mini-cart {
    flex: 1;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Item: image pinned left, name + "1 × price" on the right, remove (×) top right.
   Selectors are doubled with .woocommerce so WooCommerce's widget styles on shop pages don't win. */
.mini-cart .woocommerce-mini-cart-item,
.woocommerce .mini-cart ul.cart_list li.woocommerce-mini-cart-item {
    position: relative;
    display: block;
    min-height: calc(72px + 2rem);
    margin: 0;
    padding: 1rem 2rem 1rem calc(72px + 1rem) !important;
    border-bottom: 1px solid var(--line-soft);
}

.mini-cart .woocommerce-mini-cart-item img,
.woocommerce .mini-cart ul.cart_list li.woocommerce-mini-cart-item img {
    position: absolute;
    top: 1rem;
    left: 0;
    float: none !important;
    width: 72px !important;
    height: 72px !important;
    margin: 0 !important;
    object-fit: cover;
    box-shadow: none;
}

.mini-cart .woocommerce-mini-cart-item > a:not(.remove) {
    display: block;
    font-family: var(--font-heading);
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 1.3;
    color: var(--ink);
}

.mini-cart .woocommerce-mini-cart-item > a:not(.remove):hover {
    color: var(--gold-dark);
}

.mini-cart .woocommerce-mini-cart-item .quantity,
.woocommerce .mini-cart .woocommerce-mini-cart-item .quantity {
    display: block;
    margin-top: 0.35rem;
    border: 0;
    background: none;
    font-size: 0.8125rem;
    color: var(--muted);
    white-space: nowrap;
}

.mini-cart .woocommerce-mini-cart-item .quantity .amount {
    color: var(--ink);
}

.mini-cart .woocommerce-mini-cart-item dl.variation {
    margin: 0.25rem 0 0;
    font-size: 0.75rem;
    color: var(--muted);
}

.mini-cart .woocommerce-mini-cart-item a.remove,
.woocommerce .mini-cart ul.cart_list li.woocommerce-mini-cart-item a.remove {
    position: absolute;
    top: 0.9rem;
    right: 0;
    left: auto;
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 0;
    color: var(--muted) !important;
    font-size: 1.2rem;
    font-weight: 300;
    text-align: center;
}

.mini-cart .woocommerce-mini-cart-item a.remove:hover,
.woocommerce .mini-cart ul.cart_list li.woocommerce-mini-cart-item a.remove:hover {
    background: none;
    color: var(--danger) !important;
}

.mini-cart .woocommerce-mini-cart__total {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 1.25rem 0;
    border-top: 1px solid var(--line);
    font-size: 0.9375rem;
}

.mini-cart .woocommerce-mini-cart__buttons {
    display: grid;
    gap: 0.6rem;
    margin: 0;
}

.mini-cart .woocommerce-mini-cart__buttons .button {
    width: 100%;
    margin: 0 !important;
}

.mini-cart .woocommerce-mini-cart__buttons .button:not(.checkout) {
    background: #fff;
    color: var(--ink);
}

.mini-cart .woocommerce-mini-cart__empty-message {
    margin: auto 0;
    padding: 3rem 0;
    text-align: center;
    color: var(--muted);
}

/* ========================================
   Notices
   ======================================== */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    border: 1px solid var(--line);
    border-left: 2px solid var(--gold);
    border-radius: 0;
    background: var(--ivory);
    color: var(--text);
    font-size: 0.875rem;
}

.woocommerce-message::before,
.woocommerce-info::before {
    color: var(--gold-dark);
}

.woocommerce-error {
    border-left-color: var(--danger);
}

/* WooCommerce focuses notices for screen readers; no focus ring on top of the notice border */
.woocommerce-message:focus,
.woocommerce-info:focus,
.woocommerce-error:focus,
.woocommerce-notices-wrapper:focus {
    outline: none;
}

.woocommerce-error::before {
    color: var(--danger);
}

.woocommerce-message .button,
.woocommerce-info .button {
    padding: 0.55rem 1rem !important;
    font-size: 0.6875rem !important;
}

/* ========================================
   Cart, checkout, account
   ======================================== */
/* Compact page title + less space before the content */
.woocommerce-cart .page-hero,
.woocommerce-checkout .page-hero,
.woocommerce-account .page-hero {
    padding: 1.75rem 0 1.5rem;
}

.woocommerce-cart .page-hero__title,
.woocommerce-checkout .page-hero__title,
.woocommerce-account .page-hero__title {
    font-size: clamp(1.65rem, 2.95vw, 2.25rem);
}

.section-pad--shop {
    padding-top: clamp(1.5rem, 3vw, 2.5rem);
    padding-bottom: clamp(2rem, 4vw, 3.5rem);
}

.page-shop .entry-content {
    font-size: 0.9375rem;
}

.page-shop .entry-content > * + * {
    margin-top: 0;
}

/* Shared WooCommerce tables (cart, checkout review, order details) */
.woocommerce table.shop_table {
    margin: 0;
    border: 0;
    border-radius: 0;
    border-collapse: collapse;
}

.woocommerce table.shop_table th {
    font-size: 0.6875rem;
    font-weight: 500;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--muted);
    background: none;
}

.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
    padding: 1rem 0.75rem;
    border: 0;
    border-bottom: 1px solid var(--line-soft);
    background: none;
    vertical-align: middle;
}

.woocommerce table.shop_table thead th {
    padding-top: 0;
    border-bottom-color: var(--line);
}

.woocommerce table.shop_table td.product-name a {
    font-family: var(--font-heading);
    font-size: 1rem;
    color: var(--ink);
    border: 0;
}

.woocommerce table.shop_table td.product-name a:hover {
    color: var(--gold-dark);
}

/* ---------- Cart page: items left, totals right ---------- */
@media (min-width: 992px) {
    .woocommerce-cart .page-shop .woocommerce {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 380px;
        gap: 0 3.5rem;
        align-items: start;
    }

    .woocommerce-cart .page-shop .woocommerce > :not(.woocommerce-cart-form):not(.cart-collaterals) {
        grid-column: 1 / -1;
    }

    .woocommerce-cart .cart-collaterals {
        position: sticky;
        top: 150px;
    }
}

.woocommerce-cart table.cart th.product-remove,
.woocommerce-cart table.cart td.product-remove {
    width: 2rem;
    padding-left: 0;
    padding-right: 0;
}

.woocommerce-cart table.cart th.product-thumbnail,
.woocommerce-cart table.cart td.product-thumbnail {
    width: 96px;
}

.woocommerce-cart table.cart img {
    width: 80px;
    height: 80px;
    object-fit: cover;
}

.woocommerce-cart table.cart td.product-subtotal {
    font-weight: 500;
    color: var(--ink);
}

.woocommerce table.cart a.remove,
.woocommerce-cart table.cart a.remove {
    width: 1.75rem;
    height: 1.75rem;
    line-height: 1.6rem;
    border-radius: 50%;
    color: var(--muted) !important;
    font-size: 1.15rem;
    font-weight: 300;
}

.woocommerce table.cart a.remove:hover,
.woocommerce-cart table.cart a.remove:hover {
    background: var(--sand);
    color: var(--danger) !important;
}

/* Actions row: coupon left, update right, same height */
.woocommerce-cart table.cart td.actions {
    padding: 1.5rem 0 0;
    border-bottom: 0;
}

.woocommerce-cart table.cart td.actions::after {
    content: '';
    display: table;
    clear: both;
}

.woocommerce-cart table.cart td.actions .coupon {
    display: flex;
    align-items: stretch;
    gap: 0.5rem;
}

/* WooCommerce clearfix pseudo-elements would take a flex slot and push the input by one gap */
.woocommerce-cart table.cart td.actions .coupon::before,
.woocommerce-cart table.cart td.actions .coupon::after {
    display: none;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
    width: 220px;
    min-height: 48px;
    margin: 0;
    padding: 0 1rem;
    border: 1px solid var(--line);
    font-size: 0.875rem;
}

.woocommerce-cart table.cart td.actions .button {
    min-height: 48px;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.woocommerce-cart table.cart td.actions button[name="update_cart"] {
    background: #fff;
    border-color: var(--ink);
    color: var(--ink);
}

.woocommerce-cart table.cart td.actions button[name="update_cart"]:not(:disabled):hover {
    background: var(--ink);
    color: #fff;
}

.woocommerce-cart table.cart td.actions button[name="update_cart"]:disabled {
    padding-top: 0;
    padding-bottom: 0;
    background: #fff;
    border-color: var(--line);
    color: var(--muted);
    opacity: 1;
}

/* Totals box */
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-checkout-review-order {
    background: var(--ivory);
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
    float: none;
    width: 100%;
    padding: 2rem;
}

.woocommerce .cart-collaterals .cart_totals h2,
.woocommerce-checkout .woocommerce h3 {
    font-size: 1.3rem;
    margin-bottom: 1.25rem;
}

.woocommerce .cart-collaterals .cart_totals table.shop_table th {
    width: 40%;
    padding-left: 0;
}

.woocommerce .cart-collaterals .cart_totals table.shop_table td {
    padding-right: 0;
    text-align: right;
}

.woocommerce .cart-collaterals .cart_totals .order-total th,
.woocommerce .cart-collaterals .cart_totals .order-total td {
    border-bottom: 0;
    font-size: 0.9375rem;
    color: var(--ink);
}

.woocommerce .cart-collaterals .cart_totals .order-total .amount {
    font-size: 1.25rem;
    font-weight: 500;
}

.woocommerce .cart-collaterals .cart_totals .woocommerce-shipping-destination,
.woocommerce .cart-collaterals .cart_totals .shipping-calculator-button {
    font-size: 0.8125rem;
}

.woocommerce .wc-proceed-to-checkout {
    padding: 1rem 0 0;
}

.woocommerce .wc-proceed-to-checkout a.checkout-button {
    width: 100%;
    margin: 0;
    padding: 1.1rem 1rem;
    font-size: 0.78rem;
}

/* Cross-sells moved below the cart */
.woocommerce-cart .cross-sells {
    float: none;
    width: 100%;
    margin-top: var(--section-space);
}

.woocommerce-cart .cross-sells > h2 {
    margin-bottom: 2rem;
    font-size: clamp(1.55rem, 2.8vw, 2.05rem);
    text-align: center;
}

/* Desktop cart rows as a grid so the remove (×) column can sit at the end of the row */
@media (min-width: 769px) {
    .woocommerce-cart table.cart,
    .woocommerce-cart table.cart thead,
    .woocommerce-cart table.cart tbody {
        display: block;
        width: 100%;
    }

    .woocommerce-cart table.cart thead tr,
    .woocommerce-cart table.cart tr.cart_item {
        display: grid;
        grid-template-columns: 96px minmax(0, 1fr) 120px 150px 130px 2.5rem;
        align-items: center;
        border-bottom: 1px solid var(--line-soft);
    }

    .woocommerce-cart table.cart thead tr {
        border-bottom-color: var(--line);
    }

    .woocommerce-cart table.cart thead th,
    .woocommerce-cart table.cart tr.cart_item td {
        width: auto;
        border: 0;
    }

    .woocommerce-cart table.cart .product-remove {
        order: 1;
        padding-right: 0;
        text-align: right;
    }

    .woocommerce-cart table.cart tbody tr:not(.cart_item) {
        display: block;
    }

    .woocommerce-cart table.cart td.actions {
        display: block;
    }
}

/* Mobile cart: each item is a compact card
   [img] name ............ ×
   [img] 85.000₫
   [img] [- 1 +] ...... 85.000₫
   Overrides WooCommerce's stacked "label: value" rows. */
@media (max-width: 768px) {
    .woocommerce-cart .page-shop {
        padding-top: 0;
    }

    .woocommerce-cart main > .section-pad {
        padding-top: 1.25rem;
    }

    .woocommerce-cart table.cart tr.cart_item {
        display: grid;
        grid-template-columns: 72px minmax(0, 1fr) auto;
        grid-template-areas:
            "thumb name remove"
            "thumb price price"
            "thumb qty subtotal";
        column-gap: 0.875rem;
        row-gap: 0.15rem;
        padding: 1rem 0;
        border-bottom: 1px solid var(--line-soft);
    }

    .woocommerce-cart table.cart tr.cart_item:first-child {
        border-top: 1px solid var(--line-soft);
    }

    .woocommerce-cart table.cart tr.cart_item td {
        display: block !important;
        padding: 0 !important;
        border: 0 !important;
        background: none !important;
        text-align: left !important;
    }

    .woocommerce-cart table.cart tr.cart_item td::before {
        display: none !important;
    }

    .woocommerce-cart table.cart td.product-thumbnail {
        grid-area: thumb;
        width: auto;
        align-self: start;
    }

    .woocommerce-cart table.cart td.product-thumbnail img {
        display: block;
        width: 72px;
        height: 72px;
    }

    .woocommerce-cart table.cart td.product-name {
        grid-area: name;
        align-self: start;
    }

    .woocommerce-cart table.cart td.product-name a {
        display: block;
        font-size: 1rem;
        line-height: 1.3;
    }

    .woocommerce-cart table.cart td.product-remove {
        grid-area: remove;
        width: auto;
        align-self: start;
        justify-self: end;
        margin: -0.25rem -0.35rem 0 0;
    }

    .woocommerce-cart table.cart td.product-price {
        grid-area: price;
        font-size: 0.8125rem;
        color: var(--muted);
    }

    .woocommerce-cart table.cart td.product-quantity {
        grid-area: qty;
        align-self: center;
        margin-top: 0.4rem;
    }

    .woocommerce-cart table.cart td.product-quantity .quantity .qty {
        width: 2.25rem;
        min-height: 34px;
        font-size: 0.875rem;
    }

    .woocommerce-cart table.cart td.product-quantity .qty-btn {
        width: 1.9rem;
        font-size: 0.875rem;
    }

    .woocommerce-cart table.cart td.product-subtotal {
        grid-area: subtotal;
        align-self: center;
        justify-self: end;
        margin-top: 0.4rem;
        font-size: 0.9375rem;
    }

    .woocommerce-cart table.cart td.actions {
        display: block;
        padding: 1.25rem 0 0 !important;
        background: none !important;
        border: 0 !important;
    }

    .woocommerce-cart table.cart td.actions::before {
        display: none !important;
    }

    .woocommerce-cart table.cart td.actions .coupon {
        float: none;
        width: 100%;
        margin-bottom: 0.75rem;
    }

    .woocommerce-cart table.cart td.actions .coupon .input-text {
        flex: 1;
        width: auto;
    }

    .woocommerce-cart table.cart td.actions button[name="update_cart"] {
        width: 100%;
    }

    .woocommerce .cart-collaterals .cart_totals table.shop_table_responsive tr th,
    .woocommerce .cart-collaterals .cart_totals table.shop_table_responsive tr td {
        background: none !important;
    }

    .woocommerce .cart-collaterals .cart_totals {
        margin-top: 2rem;
        padding: 1.5rem;
    }
}

/* ---------- Form fields (checkout, account, login) ---------- */
input[type="checkbox"],
input[type="radio"] {
    accent-color: var(--ink);
}

.woocommerce form .form-row {
    margin: 0 0 1.1rem;
    padding: 0;
}

.woocommerce form .form-row label {
    margin-bottom: 0.4rem;
    font-size: 0.8125rem;
    line-height: 1.4;
    color: var(--ink);
}

.woocommerce form .form-row .required {
    color: var(--gold-dark);
    text-decoration: none;
}

.woocommerce form .form-row .input-text,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea {
    width: 100%;
    min-height: 48px;
    padding: 0.75rem 1rem;
    border: 1px solid var(--line);
    border-radius: 0;
    background: #fff;
    font-size: 0.9375rem;
    line-height: 1.4;
    box-shadow: none;
}

.woocommerce form .form-row textarea {
    min-height: 110px;
}

.woocommerce form .form-row .input-text:focus,
.woocommerce form .form-row select:focus,
.woocommerce form .form-row textarea:focus {
    border-color: var(--ink);
    outline: none;
}

/* Validation: no green "valid" border, a muted red for errors */
.woocommerce form .form-row.woocommerce-validated .input-text,
.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated select {
    border-color: var(--line);
}

.woocommerce form .form-row.woocommerce-validated input.input-text:focus {
    border-color: var(--ink);
}

/* Country is always Vietnam: kept in the form for shipping zones, not shown */
.woocommerce form .form-row.web99-hidden-field {
    display: none !important;
}

.woocommerce form .form-row.woocommerce-invalid .input-text,
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select {
    border-color: var(--danger);
}

.woocommerce form .form-row.woocommerce-invalid label {
    color: var(--danger);
}

.woocommerce .select2-container--default .select2-selection--single {
    height: 48px;
    border-color: var(--line);
    border-radius: 0;
}

.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 46px;
    padding-left: 1rem;
}

.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 46px;
}

/* ---------- Checkout page: details left, order summary right ---------- */
@media (min-width: 992px) {
    .woocommerce-checkout form.checkout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 420px;
        grid-template-rows: auto auto 1fr;
        gap: 0 3.5rem;
        align-items: start;
    }

    /* Row 1 is reserved for error notices WooCommerce inserts at the top of the form */
    .woocommerce-checkout form.checkout > * {
        grid-column: 1 / -1;
        grid-row: 1;
    }

    .woocommerce-checkout form.checkout > #customer_details {
        grid-column: 1;
        grid-row: 2 / span 2;
    }

    .woocommerce-checkout form.checkout > #order_review_heading {
        grid-column: 2;
        grid-row: 2;
    }

    .woocommerce-checkout form.checkout > #order_review {
        grid-column: 2;
        grid-row: 3;
        position: sticky;
        top: 150px;
    }
}

/* Billing + shipping stacked instead of side by side */
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 {
    float: none;
    width: 100%;
}

.woocommerce-checkout .col2-set::before,
.woocommerce-checkout .col2-set::after {
    display: none;
}

.woocommerce-checkout .col2-set .col-2 {
    margin-top: 1.5rem;
}

.woocommerce-checkout .woocommerce h3,
.woocommerce-checkout #order_review_heading {
    margin: 0 0 1.5rem;
    padding-bottom: 0.9rem;
    border-bottom: 1px solid var(--line);
    font-size: 1.3rem;
}

.woocommerce-checkout #order_review_heading {
    margin: 0;
    padding: 2rem 2rem 1rem;
    border: 0;
    background: var(--ivory);
}

/* "Ship to a different address?" reads as a checkbox row, not a heading */
.woocommerce-checkout #ship-to-different-address {
    padding-bottom: 0;
    border: 0;
    font-family: var(--font-sans);
    font-size: 0.875rem;
}

.woocommerce-checkout #ship-to-different-address label {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    margin: 0;
    font-weight: 400;
    cursor: pointer;
}

.woocommerce-checkout #ship-to-different-address input {
    width: 16px;
    height: 16px;
    margin: 0;
}

.woocommerce-checkout .shipping_address {
    margin-top: 1.25rem;
}

.woocommerce-checkout .woocommerce-additional-fields {
    margin-top: 1rem;
}

.woocommerce-checkout .woocommerce-additional-fields > h3 {
    display: none;
}

/* Order summary box */
.woocommerce-checkout #order_review {
    padding: 0 2rem 2rem;
    background: var(--ivory);
}

.woocommerce-checkout #order_review table.shop_table th,
.woocommerce-checkout #order_review table.shop_table td {
    padding-left: 0;
    padding-right: 0;
}

.woocommerce-checkout #order_review table.shop_table th.product-total,
.woocommerce-checkout #order_review table.shop_table td.product-total,
.woocommerce-checkout #order_review table.shop_table tfoot td {
    text-align: right;
}

.woocommerce-checkout #order_review td.product-name {
    font-family: var(--font-heading);
    font-size: 0.9rem;
    color: var(--ink);
}

.woocommerce-checkout #order_review .product-quantity {
    font-family: var(--font-sans);
    font-size: 0.8125rem;
    font-weight: 400;
    color: var(--muted);
}

.woocommerce-checkout #order_review .order-total th,
.woocommerce-checkout #order_review .order-total td {
    border-bottom: 0;
    color: var(--ink);
}

.woocommerce-checkout #order_review .order-total .amount {
    font-size: 1.25rem;
    font-weight: 500;
}

/* Payment methods */
.woocommerce-checkout #payment {
    margin-top: 1rem;
    background: none;
    border-radius: 0;
}

.woocommerce-checkout #payment ul.payment_methods {
    padding: 0;
    border: 0;
}

.woocommerce-checkout #payment ul.payment_methods li {
    margin: 0 0 0.5rem;
    padding: 0.9rem 1rem;
    border: 1px solid var(--line);
    background: #fff;
    line-height: 1.5;
}

.woocommerce-checkout #payment ul.payment_methods li label {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--ink);
    cursor: pointer;
}

.woocommerce-checkout #payment div.payment_box {
    margin: 0.75rem 0 0;
    padding: 0.85rem 1rem;
    border-radius: 0;
    background: var(--sand);
    font-size: 0.8125rem;
    color: var(--text);
}

.woocommerce-checkout #payment div.payment_box::before {
    display: none;
}

.woocommerce-checkout #payment div.form-row {
    padding: 1rem 0 0;
}

.woocommerce-checkout .woocommerce-privacy-policy-text {
    font-size: 0.75rem;
    color: var(--muted);
}

.woocommerce #payment #place_order {
    float: none;
    width: 100%;
    min-height: 54px;
    font-size: 0.78rem;
}

@media (max-width: 991.98px) {
    .woocommerce-checkout #order_review_heading {
        margin-top: 2rem;
        padding: 1.5rem 1.5rem 1rem;
    }

    .woocommerce-checkout #order_review {
        padding: 0 1.5rem 1.5rem;
    }
}

/* ========================================
   My account
   ======================================== */
.woocommerce-account.logged-in .page-shop .woocommerce {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.5rem;
    max-width: 1120px;
    margin: 0 auto;
}

.woocommerce-account.logged-in .page-shop .woocommerce > * {
    grid-column: 1 / -1;
}

@media (min-width: 992px) {
    .woocommerce-account.logged-in .page-shop .woocommerce {
        grid-template-columns: 280px minmax(0, 1fr);
        gap: 1.5rem 3rem;
        align-items: start;
    }

    .woocommerce-account.logged-in .page-shop .woocommerce > .woocommerce-MyAccount-navigation {
        grid-column: 1;
        position: sticky;
        top: 100px;
    }

    .woocommerce-account.logged-in .page-shop .woocommerce > .woocommerce-MyAccount-content {
        grid-column: 2;
    }
}

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
    float: none;
    width: auto;
}

/* Navigation */
.account-nav {
    border: 1px solid var(--line);
    background: var(--bg);
}

.account-nav__user {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 1.25rem;
    border-bottom: 1px solid var(--line);
    background: var(--ivory);
}

.entry-content .account-nav__avatar {
    margin: 0;
    flex: none;
    width: 56px;
    height: 56px;
    border: 1px solid var(--gold-soft);
    border-radius: 50%;
    object-fit: cover;
}

.account-nav__who {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.4;
}

.account-nav__who strong {
    font-family: var(--font-heading);
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--ink);
}

.account-nav__who span {
    overflow: hidden;
    font-size: 0.8125rem;
    color: var(--muted);
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Account links don't take the underlined gold style of page content links */
.entry-content .account-nav a,
.entry-content .account-welcome__logout,
.entry-content .account-recent__head a {
    border-bottom: 0;
}

.entry-content .account-empty .btn {
    border-color: var(--bs-btn-border-color);
    color: var(--bs-btn-color);
}

.entry-content .account-empty .btn:hover {
    border-color: var(--bs-btn-hover-border-color);
    color: var(--bs-btn-hover-color);
}

.account-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.account-nav li + li {
    border-top: 1px solid var(--line-soft);
}

.entry-content .account-nav li a {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.85rem 1.25rem;
    border-left: 2px solid transparent;
    font-size: 0.875rem;
    color: var(--text);
    transition: background-color 0.2s var(--ease), color 0.2s var(--ease);
}

.account-nav li a .bi {
    width: 1.4rem;
    font-size: 1.3rem;
    line-height: 1;
    color: var(--muted);
    transition: color 0.2s var(--ease);
}

.entry-content .account-nav li a:hover {
    background: var(--ivory);
    color: var(--ink);
}

.entry-content .account-nav li.is-active a {
    border-left-color: var(--gold);
    background: var(--sand);
    color: var(--ink);
    font-weight: 500;
}

.account-nav li.is-active a .bi,
.account-nav li a:hover .bi {
    color: var(--gold-dark);
}

.account-nav li.woocommerce-MyAccount-navigation-link--customer-logout {
    border-top-color: var(--line);
}

/* Mobile: menu becomes a horizontal scroller */
@media (max-width: 991.98px) {
    .account-nav__user {
        gap: 0.75rem;
        padding: 0.9rem 1rem;
    }

    .entry-content .account-nav__avatar {
        width: 44px;
        height: 44px;
    }

    .account-nav__who strong {
        font-size: 1.1rem;
    }

    .account-nav ul {
        display: flex;
        gap: 0.5rem;
        overflow-x: auto;
        padding: 0.75rem;
        scrollbar-width: none;
    }

    .account-nav ul::-webkit-scrollbar {
        display: none;
    }

    .entry-content .account-nav li a {
        padding: 0.5rem 0.9rem;
        border: 1px solid var(--line);
        white-space: nowrap;
    }

    .entry-content .account-nav li.is-active a {
        border-color: var(--gold);
    }

    .account-nav li + li {
        border: 0;
    }
}

/* Content */
.woocommerce-MyAccount-content > h2,
.woocommerce-MyAccount-content > h3,
.woocommerce-MyAccount-content .woocommerce-column__title,
.woocommerce-MyAccount-content .woocommerce-order-details__title {
    margin: 0 0 1.25rem;
    font-size: 1.3rem;
}

.woocommerce-MyAccount-content > p:first-child {
    color: var(--muted);
}

.account-welcome {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem 2rem;
    margin-bottom: 1.5rem;
    padding: 1.75rem 2rem;
    border: 1px solid var(--line);
    background: linear-gradient(120deg, var(--ivory), var(--sand));
}

.account-welcome__title {
    margin: 0 0 0.25rem;
    font-size: clamp(1.3rem, 2.45vw, 1.7rem);
}

.account-welcome__text {
    margin: 0;
    font-size: 0.875rem;
    color: var(--muted);
}

.entry-content .account-welcome__logout {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8125rem;
    color: var(--text);
}

.entry-content .account-welcome__logout:hover {
    color: var(--gold-dark);
}

.account-shortcuts {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
    margin-bottom: 2.5rem;
}

.entry-content .account-shortcut {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 1.1rem 1.25rem;
    border: 1px solid var(--line);
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--ink);
    transition: border-color 0.2s var(--ease), box-shadow 0.2s var(--ease);
}

.account-shortcut > .bi:first-child {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--gold-soft);
    color: var(--gold-dark);
    font-size: 1.1rem;
}

.account-shortcut__arrow {
    margin-left: auto;
    color: var(--muted);
    transition: transform 0.2s var(--ease), color 0.2s var(--ease);
}

.entry-content .account-shortcut:hover {
    border-color: var(--gold);
    box-shadow: var(--shadow-sm);
    color: var(--ink);
}

.account-shortcut:hover .account-shortcut__arrow {
    transform: translateX(3px);
    color: var(--gold-dark);
}

.account-recent__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    padding-bottom: 0.9rem;
    border-bottom: 1px solid var(--line);
}

.account-recent__head h3 {
    margin: 0;
    font-size: 1.25rem;
}

.entry-content .account-recent__head a {
    font-size: 0.8125rem;
    color: var(--gold-dark);
}

.account-orders {
    list-style: none;
    margin: 0;
    padding: 0;
}

.entry-content .account-order {
    display: grid;
    grid-template-columns: auto 1fr auto auto auto;
    align-items: center;
    gap: 0.5rem 1.25rem;
    padding: 1rem 0;
    border-bottom: 1px solid var(--line-soft);
    font-size: 0.875rem;
    color: var(--text);
}

.entry-content .account-order:hover {
    color: var(--ink);
}

.account-order__no {
    font-weight: 600;
    color: var(--ink);
}

.account-order__date {
    color: var(--muted);
}

.account-order__total {
    font-weight: 500;
    color: var(--ink);
}

.account-order .bi {
    color: var(--muted);
}

@media (max-width: 575.98px) {
    .account-welcome {
        padding: 1.25rem;
    }

    /* Two rows: number + total, then date + status */
    .entry-content .account-order {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "no total"
            "date status";
        gap: 0.35rem 1rem;
    }

    .account-order__no {
        grid-area: no;
    }

    .account-order__total {
        grid-area: total;
        text-align: right;
    }

    .account-order__date {
        grid-area: date;
        font-size: 0.8125rem;
    }

    .account-order .account-status {
        grid-area: status;
        justify-self: end;
    }

    .account-order .bi {
        display: none;
    }
}

.account-status {
    display: inline-block;
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    background: var(--sand);
    font-size: 0.72rem;
    font-weight: 500;
    color: var(--text);
    white-space: nowrap;
}

.account-status--completed {
    background: #e6f0ea;
    color: var(--success);
}

.account-status--processing,
.account-status--on-hold {
    background: var(--gold-soft);
    color: var(--gold-dark);
}

.account-status--cancelled,
.account-status--failed,
.account-status--refunded {
    background: #f6e5e5;
    color: var(--danger);
}

.account-empty {
    padding: 2.5rem 1.5rem;
    border: 1px dashed var(--line);
    text-align: center;
    color: var(--muted);
}

.account-empty > .bi {
    display: block;
    margin-bottom: 0.75rem;
    font-size: 2rem;
    color: var(--gold);
}

/* Orders list */
.woocommerce-account table.woocommerce-orders-table {
    border: 1px solid var(--line);
}

.woocommerce-account table.woocommerce-orders-table th,
.woocommerce-account table.woocommerce-orders-table td {
    padding: 1rem;
    vertical-align: middle;
}

.woocommerce-account table.woocommerce-orders-table thead th {
    padding: 0.9rem 1rem;
    background: var(--ivory);
}

.entry-content .woocommerce-orders-table .woocommerce-orders-table__cell-order-number a {
    border-bottom: 0;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: var(--ink);
}

.entry-content .woocommerce-orders-table .woocommerce-orders-table__cell-order-number a:hover {
    color: var(--gold-dark);
}

/* Status colored like the dashboard badges */
.woocommerce-orders-table .woocommerce-orders-table__cell-order-status {
    font-weight: 500;
}

/* Mobile row label stays neutral */
.woocommerce-orders-table .woocommerce-orders-table__cell-order-status::before {
    color: var(--ink);
}

.woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status {
    color: var(--success);
}

.woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status,
.woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status {
    color: var(--gold-dark);
}

.woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status,
.woocommerce-orders-table__row--status-failed .woocommerce-orders-table__cell-order-status,
.woocommerce-orders-table__row--status-refunded .woocommerce-orders-table__cell-order-status {
    color: var(--danger);
}

.woocommerce-account table.woocommerce-orders-table .button {
    min-height: 0;
    margin: 0.15rem 0.25rem 0.15rem 0;
    padding: 0.5rem 1rem;
    font-size: 0.7rem;
}

@media (max-width: 767.98px) {
    .woocommerce-account table.woocommerce-orders-table {
        border: 0;
        margin-bottom: 0;
    }

    .woocommerce-account table.woocommerce-orders-table tr {
        display: block;
        margin-bottom: 1rem;
        border: 1px solid var(--line);
    }

    .woocommerce-account table.woocommerce-orders-table tbody tr:last-child {
        margin-bottom: 0;
    }

    .woocommerce-account table.woocommerce-orders-table td {
        padding: 0.6rem 1rem;
    }
}

/* Addresses + address book */
.account-lead {
    margin-bottom: 1.25rem;
    font-size: 0.875rem;
    color: var(--muted);
}

.address-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1.25rem;
    margin-bottom: 2.5rem;
}

.address-card {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--line);
    background: var(--bg);
    transition: border-color 0.2s var(--ease);
}

.address-card:hover {
    border-color: var(--gold-soft);
}

.address-card--default {
    background: var(--ivory);
}

.address-card__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1.1rem 1.25rem 0;
}

.entry-content .address-card__head h3 {
    margin: 0;
    font-size: 1.3rem;
    white-space: nowrap;
}

.address-badge {
    flex: none;
    padding: 0.15rem 0.6rem;
    border-radius: 999px;
    background: var(--gold-soft);
    font-size: 0.7rem;
    font-weight: 500;
    color: var(--gold-dark);
}

.entry-content .address-card__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin: 0;
    padding: 1rem 1.25rem 1.25rem;
    font-size: 0.875rem;
    font-style: normal;
    line-height: 1.75;
    color: var(--text);
}

.address-card__body strong {
    font-weight: 600;
    color: var(--ink);
}

.address-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 1.25rem;
    margin: 0;
    padding: 0.8rem 1.25rem;
    border-top: 1px solid var(--line-soft);
}

.entry-content .address-card__actions a,
.address-card__actions button {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0;
    border: 0;
    background: none;
    font-size: 0.8rem;
    color: var(--text);
    cursor: pointer;
}

.entry-content .address-card__actions a:hover,
.address-card__actions button:hover {
    color: var(--gold-dark);
}

.address-card__actions button.is-danger {
    margin-left: auto;
    color: var(--muted);
}

.address-card__actions button.is-danger:hover {
    color: var(--danger);
}

.entry-content .address-add {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    min-height: 170px;
    border: 1px dashed var(--line);
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text);
    transition: border-color 0.2s var(--ease), color 0.2s var(--ease), background-color 0.2s var(--ease);
}

.address-add .bi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--gold-soft);
    font-size: 1.2rem;
    color: var(--gold-dark);
}

.entry-content .address-add:hover {
    border-color: var(--gold);
    background: var(--ivory);
    color: var(--ink);
}

.address-book-head span {
    font-size: 0.8125rem;
    color: var(--muted);
}

/* Add / edit form */
.address-form-head {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    margin-bottom: 1.25rem;
}

.entry-content .address-form-head h2 {
    margin: 0;
    font-size: 1.3rem;
}

.entry-content .address-back {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid var(--line);
    border-radius: 50%;
    color: var(--ink);
}

.entry-content .address-back:hover {
    border-color: var(--gold);
    color: var(--gold-dark);
}

.address-form {
    max-width: 640px;
    padding: 2rem;
    border: 1px solid var(--line);
}

.address-form__check label {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    cursor: pointer;
}

.address-form__actions {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-top: 1.25rem;
}

.entry-content .address-cancel {
    border-bottom: 0;
    font-size: 0.8125rem;
    color: var(--muted);
}

@media (max-width: 575.98px) {
    .address-form {
        padding: 1.25rem;
    }
}

/* Checkout: saved address picker */
.checkout-addresses {
    margin-bottom: 0.5rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px dashed var(--line);
}

.woocommerce form .form-row label.checkout-addresses__label {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
}

.checkout-addresses__label a {
    font-size: 0.8rem;
    font-weight: 400;
    color: var(--gold-dark);
}

.woocommerce form .form-row select.checkout-addresses__select {
    padding-right: 2.75rem;
    background: var(--ivory) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23141414' stroke-width='1.5' d='M2 5l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 1rem center;
    text-overflow: ellipsis;
    cursor: pointer;
    appearance: none;
}

.checkout-addresses__save {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8125rem;
    cursor: pointer;
}

.checkout-addresses__save[hidden] {
    display: none;
}

/* Account details / address forms */
.woocommerce-account .woocommerce-EditAccountForm,
.woocommerce-account .woocommerce-address-fields {
    padding: 2rem;
    border: 1px solid var(--line);
}

.woocommerce-account .woocommerce-EditAccountForm fieldset {
    margin: 1.5rem 0;
    padding: 1.5rem;
    border: 1px solid var(--line-soft);
    background: var(--ivory);
}

.woocommerce-account .woocommerce-EditAccountForm legend {
    float: none;
    width: auto;
    margin: 0;
    padding: 0 0.5rem;
    font-family: var(--font-heading);
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--ink);
}

.woocommerce-account .woocommerce-EditAccountForm em,
.woocommerce-account .woocommerce-EditAccountForm #account_display_name_description {
    display: block;
    margin-top: 0.35rem;
    font-size: 0.75rem;
    color: var(--muted);
}

@media (max-width: 575.98px) {
    .woocommerce-account .woocommerce-EditAccountForm,
    .woocommerce-account .woocommerce-address-fields {
        padding: 1.25rem;
    }

    .woocommerce-account .woocommerce-EditAccountForm fieldset {
        padding: 1rem;
    }
}

.woocommerce form.login,
.woocommerce form.register,
.woocommerce form.checkout_coupon {
    border: 1px solid var(--line);
    border-radius: 0;
    padding: 2rem;
}

/* Login / register / lost password (logged-out account page): narrow centred card */
.woocommerce-account:not(.logged-in) .woocommerce {
    max-width: 460px;
    margin: 0 auto;
}

.woocommerce-account:not(.logged-in) .woocommerce:has(#customer_login) {
    max-width: 960px;
}

.woocommerce-account #customer_login {
    display: grid;
    gap: 2rem;
}

@media (min-width: 768px) {
    .woocommerce-account #customer_login {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.woocommerce-account #customer_login::before,
.woocommerce-account #customer_login::after {
    display: none;
}

.woocommerce-account #customer_login .u-column1,
.woocommerce-account #customer_login .u-column2 {
    float: none;
    width: auto;
    display: flex;
    flex-direction: column;
}

.woocommerce-account:not(.logged-in) .woocommerce h2 {
    margin: 0 0 1.25rem;
    font-size: clamp(1.45rem, 2.45vw, 1.7rem);
    text-align: center;
}

.woocommerce-account:not(.logged-in) form.login,
.woocommerce-account:not(.logged-in) form.register,
.woocommerce-account form.lost_reset_password {
    flex: 1;
    margin: 0;
    padding: 2rem;
    border: 1px solid var(--line);
    background: var(--bg);
    box-shadow: var(--shadow-sm);
}

.woocommerce-account form.lost_reset_password > p:first-child {
    margin-bottom: 1.25rem;
    color: var(--muted);
    font-size: 0.875rem;
}

.woocommerce-account:not(.logged-in) form .form-row,
.woocommerce-account form.lost_reset_password .form-row {
    float: none;
    width: 100%;
    margin: 0 0 1.1rem;
    padding: 0;
}

/* Remember me above a full-width submit button */
.woocommerce-account form.login .form-row:has(.woocommerce-form-login__submit) {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    margin-top: 0.25rem;
}

.woocommerce-account form.login .woocommerce-form-login__rememberme {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    font-size: 0.875rem;
    color: var(--text);
    cursor: pointer;
}

.woocommerce-account form.login .woocommerce-form-login__rememberme input {
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: var(--ink);
}

.woocommerce-account:not(.logged-in) form .button,
.woocommerce-account form.lost_reset_password .button {
    width: 100%;
    margin: 0;
}

.woocommerce-account form.login .lost_password {
    margin: 1.25rem 0 0;
    text-align: center;
    font-size: 0.875rem;
}

.woocommerce-account form.login .lost_password a {
    color: var(--muted);
}

.woocommerce-account form.login .lost_password a:hover {
    color: var(--gold-dark);
}

.woocommerce-account form.register .woocommerce-privacy-policy-text {
    font-size: 0.8125rem;
    color: var(--muted);
}

@media (max-width: 575.98px) {
    .woocommerce-account:not(.logged-in) form.login,
    .woocommerce-account:not(.logged-in) form.register,
    .woocommerce-account form.lost_reset_password {
        padding: 1.5rem 1.25rem;
    }
}

/* ========================================
   Order received (thank you) page
   ======================================== */
.woocommerce-order {
    max-width: 1120px;
    margin: 0 auto;
}

@media (min-width: 992px) {
    .woocommerce-order {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 360px;
        gap: 0 3.5rem;
        align-items: start;
    }

    .woocommerce-order > * {
        grid-column: 1 / -1;
    }

    .woocommerce-order > .woocommerce-order-details {
        grid-column: 1;
    }

    .woocommerce-order > .woocommerce-customer-details {
        grid-column: 2;
    }
}

.woocommerce-order h2 {
    margin: 0 0 1.25rem;
    padding-bottom: 0.9rem;
    border-bottom: 1px solid var(--line);
    font-size: 1.3rem;
}

/* Thank you message */
.woocommerce-order .woocommerce-thankyou-order-received {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 2.5rem;
    padding: 0;
    border: 0;
    background: none;
    text-align: center;
    color: var(--muted);
}

.woocommerce-order .woocommerce-thankyou-order-received::before {
    content: "\F26E";
    font-family: "bootstrap-icons";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    margin-bottom: 1.25rem;
    border: 1px solid var(--gold);
    border-radius: 50%;
    color: var(--gold-dark);
    font-size: 2rem;
    line-height: 1;
}

.thankyou-title {
    display: block;
    margin-bottom: 0.5rem;
    font-family: var(--font-heading);
    font-size: clamp(1.5rem, 2.85vw, 1.95rem);
    font-weight: 500;
    color: var(--ink);
}

.thankyou-text {
    display: block;
    font-size: 0.9375rem;
}

/* Overview strip: order number, date, email, total, payment method */
.woocommerce ul.order_details.woocommerce-order-overview {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    margin: 0 0 3rem;
    padding: 0;
    border: 1px solid var(--line);
    list-style: none;
}

.woocommerce ul.order_details.woocommerce-order-overview::before,
.woocommerce ul.order_details.woocommerce-order-overview::after {
    display: none;
}

.woocommerce ul.order_details.woocommerce-order-overview li {
    float: none;
    margin: 0;
    padding: 1.25rem 1.5rem;
    border: 0;
    border-right: 1px solid var(--line-soft);
    font-size: 0.625rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    line-height: 1.5;
    color: var(--muted);
}

.woocommerce ul.order_details.woocommerce-order-overview li:last-child {
    border-right: 0;
}

.woocommerce ul.order_details.woocommerce-order-overview li strong {
    display: block;
    margin-top: 0.35rem;
    font-size: 0.9375rem;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
    color: var(--ink);
    word-break: break-word;
}

@media (max-width: 575.98px) {
    .woocommerce ul.order_details.woocommerce-order-overview {
        grid-template-columns: 1fr 1fr;
    }

    .woocommerce ul.order_details.woocommerce-order-overview li {
        border-bottom: 1px solid var(--line-soft);
    }

    .woocommerce ul.order_details.woocommerce-order-overview li:nth-child(2n) {
        border-right: 0;
    }

    .woocommerce ul.order_details.woocommerce-order-overview li:last-child {
        grid-column: 1 / -1;
        border-bottom: 0;
    }
}

/* Bank transfer accounts: one ivory card per account */
.woocommerce-bacs-bank-details {
    margin-bottom: 3rem;
}

.woocommerce-checkout .woocommerce-bacs-bank-details .wc-bacs-bank-details-account-name {
    margin: 1rem 0 0;
    padding: 1.25rem 1.5rem 0.25rem;
    border: 0;
    background: var(--ivory);
    font-size: 1.25rem;
}

.woocommerce ul.order_details.bacs_details {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 1rem 2rem;
    margin: 0;
    padding: 0.75rem 1.5rem 1.5rem;
    background: var(--ivory);
    list-style: none;
}

.woocommerce ul.order_details.bacs_details::before,
.woocommerce ul.order_details.bacs_details::after {
    display: none;
}

.woocommerce ul.order_details.bacs_details li {
    float: none;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 0.625rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--muted);
}

.woocommerce ul.order_details.bacs_details li strong {
    display: block;
    margin-top: 0.35rem;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    text-transform: none;
    color: var(--ink);
}

.woocommerce ul.order_details.bacs_details li.transfer_note strong {
    color: var(--gold-dark);
}

.woocommerce ul.order_details.bacs_details .copy-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 0.35rem;
}

.woocommerce ul.order_details.bacs_details .copy-row strong {
    margin-top: 0;
}

.copy-value {
    margin-left: 0;
    padding: 0.15rem 0.55rem;
    border: 1px solid var(--line);
    background: #fff;
    color: var(--ink);
    font-size: 0.625rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    vertical-align: middle;
    transition: all 0.2s var(--ease);
}

.copy-value:hover {
    border-color: var(--ink);
}

.copy-value.is-copied {
    border-color: var(--success);
    color: var(--success);
}

/* Order details table */
.woocommerce-order-details table.shop_table th:last-child,
.woocommerce-order-details table.shop_table td:last-child {
    text-align: right;
}

.woocommerce-order-details table.shop_table th,
.woocommerce-order-details table.shop_table td {
    padding-left: 0;
    padding-right: 0;
}

.woocommerce-order-details td.product-name a {
    font-family: var(--font-heading);
    font-size: 0.95rem;
    color: var(--ink);
}

.woocommerce-order-details .product-quantity {
    font-weight: 400;
    color: var(--muted);
}

.woocommerce-order-details tfoot tr:last-child th,
.woocommerce-order-details tfoot tr:last-child td {
    border-bottom: 0;
    color: var(--ink);
}

.woocommerce-order-details tfoot tr:last-child .amount {
    font-size: 1.2rem;
    font-weight: 500;
}

/* Addresses */
.woocommerce-customer-details .col2-set .col-1,
.woocommerce-customer-details .col2-set .col-2 {
    float: none;
    width: 100%;
}

.woocommerce-customer-details .col2-set::before,
.woocommerce-customer-details .col2-set::after {
    display: none;
}

.woocommerce-customer-details .col2-set .col-2 {
    margin-top: 2rem;
}

.woocommerce .woocommerce-customer-details address {
    padding: 1.5rem;
    border: 0;
    border-radius: 0;
    background: var(--ivory);
    font-style: normal;
    font-size: 0.9375rem;
    line-height: 1.8;
    color: var(--text);
}

.woocommerce .woocommerce-customer-details address p {
    margin: 0.35rem 0 0;
}

/* ========================================
   Shop pagination (shop, categories, product search)
   Higher specificity than WooCommerce's ".woocommerce nav.woocommerce-pagination ul li a"
   ======================================== */
.woocommerce nav.woocommerce-pagination {
    margin-top: 3.5rem;
    text-align: center;
}

.woocommerce nav.woocommerce-pagination ul.page-numbers {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.4rem;
    margin: 0;
    padding: 0;
    border: 0;
    white-space: normal;
}

.woocommerce nav.woocommerce-pagination ul.page-numbers li {
    float: none;
    margin: 0;
    border: 0;
    overflow: visible;
}

.woocommerce nav.woocommerce-pagination ul.page-numbers li a,
.woocommerce nav.woocommerce-pagination ul.page-numbers li span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    padding: 0 0.6rem;
    border: 1px solid var(--line);
    background: #fff;
    color: var(--ink);
    font-size: 0.8125rem;
    line-height: 1;
    transition: all 0.2s var(--ease);
}

.woocommerce nav.woocommerce-pagination ul.page-numbers li a:hover,
.woocommerce nav.woocommerce-pagination ul.page-numbers li a:focus {
    border-color: var(--ink);
    background: #fff;
    color: var(--ink);
}

.woocommerce nav.woocommerce-pagination ul.page-numbers li span.current {
    border-color: var(--ink);
    background: var(--ink);
    color: #fff;
}

.woocommerce nav.woocommerce-pagination ul.page-numbers li span.dots {
    min-width: 24px;
    padding: 0;
    border: 0;
    background: none;
    color: var(--muted);
}

/* ========================================
   Reviews with photos / video
   ======================================== */

/* WooCommerce's "N reviews for …" heading is replaced by the summary */
.woocommerce #reviews .woocommerce-Reviews-title {
    display: none;
}

/* Summary: average score | distribution bars | customer photos */
.review-summary {
    display: grid;
    gap: 1.5rem 2.5rem;
    margin-bottom: 1.75rem;
    padding: 1.75rem;
    background: var(--ivory);
}

@media (min-width: 768px) {
    .review-summary {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
    }

    .review-summary__media {
        grid-column: 1 / -1;
    }
}

.review-summary__score {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
    min-width: 160px;
    text-align: center;
}

.review-summary__average {
    font-family: var(--font-heading);
    font-size: 2.45rem;
    line-height: 1;
    color: var(--ink);
}

.review-summary__average small {
    font-size: 1.1rem;
    color: var(--muted);
}

.review-summary__score .star-rating {
    float: none;
    margin: 0;
    font-size: 1rem;
}

.review-summary__count {
    font-size: 0.8125rem;
    color: var(--muted);
}

.review-summary__bars {
    display: grid;
    gap: 0.45rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.review-summary__bars li {
    display: grid;
    grid-template-columns: 2.6rem minmax(0, 1fr) 2rem;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.8125rem;
    color: var(--text);
}

.review-summary__star i {
    font-size: 0.7rem;
    color: var(--gold);
}

.review-summary__bar {
    height: 6px;
    background: var(--line);
    overflow: hidden;
}

.review-summary__bar span {
    display: block;
    height: 100%;
    background: var(--gold);
}

.review-summary__num {
    text-align: right;
    color: var(--muted);
}

.review-summary__media-title {
    display: block;
    margin-bottom: 0.6rem;
    font-size: 0.6875rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--muted);
}

/* Filters */
.review-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.review-filter {
    padding: 0.45rem 0.9rem;
    border: 1px solid var(--line);
    background: #fff;
    color: var(--text);
    font-size: 0.8125rem;
    transition: all 0.2s var(--ease);
}

.review-filter i {
    font-size: 0.65rem;
    color: var(--gold);
}

.review-filter:hover {
    border-color: var(--ink);
}

.review-filter.is-active {
    border-color: var(--ink);
    background: var(--ink);
    color: #fff;
}

.review-filters__empty {
    color: var(--muted);
}

/* Media thumbnails (in a review and in the summary strip) */
.review-media {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.review-media--strip {
    margin-top: 0;
}

.review-media__item {
    position: relative;
    width: 80px;
    height: 80px;
    padding: 0;
    border: 0;
    overflow: hidden;
    background: var(--sand);
    cursor: zoom-in;
}

.review-media__item img,
.review-media__item video,
.woocommerce div.product .woocommerce-tabs .panel .review-media__item img {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: cover;
    transition: transform 0.4s var(--ease);
}

.review-media__item:hover img,
.review-media__item:hover video {
    transform: scale(1.06);
}

.review-media__item--video .bi-play-fill {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(20, 20, 20, 0.65);
    color: #fff;
    font-size: 1rem;
    transform: translate(-50%, -50%);
}

/* Review list items */
.woocommerce #reviews #comments ol.commentlist li.review[hidden] {
    display: none;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin-left: 60px;
    padding: 1rem 1.25rem;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
    font-size: 0.8125rem;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__verified {
    color: var(--success);
    font-style: normal;
}

/* Review form */
.woocommerce #review_form #respond {
    padding: 2rem;
    border: 1px solid var(--line-soft);
    background: #fff;
}

.woocommerce #review_form #respond .comment-reply-title {
    display: block;
    margin-bottom: 1.5rem;
    font-family: var(--font-heading);
    font-size: 1.25rem;
    line-height: 1.3;
    color: var(--ink);
}

.woocommerce #review_form #respond .comment-form > p,
.woocommerce #review_form #respond .comment-form-rating {
    margin: 0 0 1.25rem;
}

.woocommerce #review_form #respond label {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 0.8125rem;
    color: var(--ink);
}

.woocommerce #review_form #respond textarea {
    min-height: 120px;
    font-size: 0.9375rem;
}

/* Stars: no underline (tab panels carry .entry-content, whose links are underlined) */
.woocommerce #review_form #respond p.stars {
    display: flex;
    gap: 0.35rem;
    margin: 0;
    line-height: 1;
}

.woocommerce #review_form #respond p.stars a {
    width: 1.75rem;
    height: 1.75rem;
    margin: 0;
    border: 0;
    font-size: 1.5rem;
}

.woocommerce #review_form #respond p.stars a::before {
    color: var(--gold);
}

/* Photo / video picker */
.review-upload {
    margin: 0 0 1.25rem;
}

.review-upload__grid {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.review-upload__add,
.review-upload__preview {
    position: relative;
    flex: 0 0 auto;
    width: 92px;
    height: 92px;
    overflow: hidden;
}

.woocommerce #review_form #respond label.review-upload__add {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    margin: 0 !important;
    border: 1px dashed var(--gold);
    background: var(--ivory);
    color: var(--gold-dark) !important;
    font-size: 0.6875rem !important;
    line-height: 1.3;
    text-align: center;
    cursor: pointer;
    transition: background 0.2s var(--ease);
}

.review-upload__add:hover {
    background: var(--gold-soft);
}

.woocommerce #review_form #respond label.review-upload__add[hidden] {
    display: none;
}

.review-upload__add i {
    font-size: 1.35rem;
}

.review-upload__add input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.review-upload__preview {
    border: 1px solid var(--line);
    background: var(--sand);
}

.woocommerce div.product .woocommerce-tabs .panel .review-upload__preview img,
.woocommerce div.product .woocommerce-tabs .panel .review-upload__preview video {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    max-width: none;
    margin: 0;
    object-fit: cover;
}

.review-upload__preview.is-video::after {
    content: '\F4F4';
    font-family: 'bootstrap-icons';
    position: absolute;
    left: 0.4rem;
    bottom: 0.3rem;
    z-index: 1;
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.review-upload__remove {
    position: absolute;
    top: 0.3rem;
    right: 0.3rem;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(20, 20, 20, 0.7);
    color: #fff;
    font-size: 0.95rem;
    line-height: 1;
}

.review-upload__remove:hover {
    background: var(--danger);
}

.review-upload__hint {
    margin: 0.6rem 0 0;
    font-size: 0.75rem;
    color: var(--muted);
}

.review-upload__error {
    margin: 0.5rem 0 0;
    font-size: 0.8125rem;
    color: var(--danger);
}

.review-moderation-note {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0 0 1.25rem;
    font-size: 0.75rem;
    color: var(--muted);
}

.review-moderation-note::before {
    content: '\F431';
    font-family: 'bootstrap-icons';
    color: var(--gold-dark);
}

.woocommerce #review_form #respond .form-submit {
    margin: 0;
}

.woocommerce #review_form #respond .form-submit input#submit {
    min-width: 180px;
    padding: 0.95rem 2rem;
}

@media (max-width: 575.98px) {
    .woocommerce #review_form #respond {
        padding: 1.5rem 1.25rem;
    }

    .review-upload__add,
    .review-upload__preview {
        width: calc((100% - 1.2rem) / 3);
        height: auto;
        aspect-ratio: 1 / 1;
    }

    .woocommerce #review_form #respond .form-submit input#submit {
        width: 100%;
    }
}

/* Lightbox */
.review-lightbox .modal-content {
    position: relative;
    border: 0;
    border-radius: 0;
    background: #0e0e0e;
}

.review-lightbox .carousel-item {
    height: min(80vh, 760px);
    background: #0e0e0e;
}

.review-lightbox .carousel-item img,
.review-lightbox .carousel-item video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.review-lightbox__close {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    z-index: 3;
}

.review-lightbox .carousel-control-prev,
.review-lightbox .carousel-control-next {
    width: 10%;
    font-size: 1.75rem;
    color: #fff;
}

.review-lightbox.is-single .carousel-control-prev,
.review-lightbox.is-single .carousel-control-next {
    display: none;
}