:root{--green:#0B6B4F;--orange:#FF6B00;--bg:#F5F7FA;--dark:#1F2937;--gray:#6B7280;--border:#E5E7EB;--white:#fff;--radius:8px}
*{box-sizing:border-box}body{margin:0;font-family:"Be Vietnam Pro",Inter,Arial,sans-serif;color:var(--dark);background:#fff;font-size:14px}a{text-decoration:none;color:inherit}.vc-container{max-width:1320px;margin:auto;padding-left:18px;padding-right:18px}
.vc-topbar{background:#f4f6f8;border-bottom:1px solid var(--border);font-size:12px;color:#52606d}.vc-topbar-inner{height:34px;display:flex;align-items:center;justify-content:space-between}.vc-toplinks{display:flex;gap:20px}
.vc-header{background:#fff}.vc-header-main{display:flex;align-items:center;gap:28px;padding-top:14px;padding-bottom:8px}.vc-logo{display:flex;align-items:center;gap:9px;min-width:245px}.vc-logo-mark{width:43px;height:43px;border:4px solid var(--green);color:var(--orange);font-size:25px;font-weight:900;display:grid;place-items:center}.vc-logo b{color:var(--orange);font-size:27px}.vc-logo strong{color:var(--dark);font-size:27px}.vc-logo small{display:block;color:var(--gray);font-size:10px;margin-top:-2px}
.vc-search{height:46px;display:flex;border:1.5px solid #d9dee5;border-radius:5px;overflow:hidden;flex:1;max-width:680px}.vc-search select{border:0;border-right:1px solid var(--border);padding:0 12px;color:#555;background:#fff}.vc-search input{flex:1;border:0;padding:0 15px;outline:0}.vc-search button{width:55px;border:0;background:var(--orange);color:#fff}.vc-search .vc-icon{width:21px}
.vc-account{display:flex;gap:22px}.vc-account a{display:flex;gap:7px;align-items:center;font-weight:700}.vc-account small{display:block;color:var(--gray);font-weight:400;font-size:11px}.vc-account .vc-icon{width:26px;height:26px;color:#111}
.vc-hotwords{font-size:11px;padding-bottom:10px;color:#7a8490}.vc-hotwords a{display:inline-block;background:#f4f6f8;border-radius:14px;padding:4px 9px;margin-left:6px}
.vc-nav{background:var(--green);color:#fff}.vc-nav-inner{height:48px;display:flex;align-items:center}.vc-cat-toggle{height:48px;background:#09573f;color:#fff;border:0;padding:0 24px;font-weight:700;min-width:220px;text-align:left}.vc-navlinks{display:flex;align-items:center;gap:0}.vc-navlinks a{height:48px;display:flex;align-items:center;gap:7px;padding:0 15px;font-weight:600}.vc-navlinks a:hover,.vc-navlinks a.active{background:rgba(255,255,255,.12)}.vc-icon{width:20px;height:20px}.vc-nav-cta{margin-left:auto;display:flex;gap:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;padding:9px 15px;font-weight:700;border:1px solid transparent;cursor:pointer}.btn-orange{background:var(--orange);color:#fff}.btn-outline{background:#fff;color:var(--orange);border-color:var(--orange)}.btn-light-green{background:#fff;color:var(--green);border-color:var(--green)}.btn-lg{padding:12px 21px}
.vc-hero{display:grid;grid-template-columns:220px 1fr 230px;gap:10px;padding-top:10px}.vc-sidebar{border:1px solid var(--border);border-radius:6px;overflow:hidden}.vc-sidebar h3{margin:0;background:var(--green);color:#fff;padding:14px;font-size:14px}.vc-sidebar a{display:flex;justify-content:space-between;padding:10px 13px;border-bottom:1px solid #f0f1f2}.vc-sidebar a:hover{color:var(--green);background:#f8fbfa}
.vc-hero-main{min-height:345px;border-radius:7px;overflow:hidden;background:linear-gradient(105deg,#f4f6f7 0%,#e9f2ed 42%,#d5e5df 100%);position:relative}.vc-hero-main:after{content:"";position:absolute;right:0;top:0;width:48%;height:100%;background:linear-gradient(90deg,transparent,rgba(11,107,79,.06)),url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1100&q=80") center/cover;opacity:.72}.vc-hero-copy{position:relative;z-index:2;padding:55px 30px;max-width:620px}.eyebrow{color:var(--orange);font-weight:800;letter-spacing:1.2px;font-size:12px}.vc-hero-copy h1{font-size:40px;line-height:1.1;margin:8px 0}.vc-hero-copy h1 em{font-style:normal;color:var(--green)}.vc-hero-copy p{font-size:15px}.vc-trust-row{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0;font-size:11px}.vc-trust-row span{background:rgba(255,255,255,.9);padding:8px 10px;border-radius:18px}.vc-actions{display:flex;gap:10px}
.vc-hero-side{display:flex;flex-direction:column;gap:10px}.vc-side-card{flex:1;border-radius:7px;padding:24px 18px;background:linear-gradient(135deg,#eaf4f0,#d8ebe4);min-height:167px}.vc-side-card-2{background:linear-gradient(135deg,#f7f7f7,#e9f0ef)}.vc-side-card b{font-size:19px;line-height:1.15}.vc-side-card p{font-size:11px;color:#52606d}
.vc-cats{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;padding-top:12px}.vc-cats a{border:1px solid #edf0f2;background:#fff;border-radius:6px;text-align:center;padding:10px 5px}.vc-cats a:hover{border-color:#b8d7cc;transform:translateY(-1px)}.vc-cat-icon{color:var(--green)}.vc-cat-icon .vc-icon{width:34px;height:34px}.vc-cats span{display:block;font-size:11px;margin-top:6px}
.vc-section{padding-top:25px}.vc-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.vc-section-head h2{font-size:22px;margin:0}.vc-section-head a{margin-left:20px}.vc-section-head div{display:flex;gap:18px}.vc-section-head .active{color:var(--green);font-weight:800;border-bottom:2px solid var(--green);padding-bottom:7px}
.vc-products{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.vc-product{position:relative;border:1px solid var(--border);border-radius:7px;padding:10px;background:#fff;min-width:0}.vc-product-img{height:150px;background:linear-gradient(135deg,#f3f5f6,#e2e8ea);display:grid;place-items:center;color:#a2adb6;font-weight:800;border-radius:5px;overflow:hidden}.vc-product-image-link{display:block}.vc-product-real-img{width:100%;height:100%;object-fit:cover}.vc-product h3 a{color:inherit}.vc-product p a{color:inherit}.rating-empty{color:#8c98a3;font-weight:400}.cart-mini{display:grid;place-items:center;text-decoration:none}.vc-product h3{font-size:13px;line-height:1.35;margin:9px 0 6px;min-height:35px}.vc-product>strong{color:#e74c16;font-size:15px}.vc-product p{margin:7px 0 2px;font-size:11px;color:var(--gray)}.rating{color:#f59e0b;font-weight:700;font-size:12px}.rating small{color:var(--gray);font-weight:400}.vc-badge{position:absolute;top:15px;left:15px;background:var(--green);color:#fff;padding:4px 7px;border-radius:4px;font-size:10px}.heart{position:absolute;right:12px;top:12px;border:0;background:#fff;font-size:22px;color:#8c98a3}.cart-mini{position:absolute;right:10px;bottom:10px;border:0;background:var(--orange);color:#fff;border-radius:5px;width:30px;height:30px}
.vc-suppliers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.vc-supplier{border:1px solid var(--border);border-radius:7px;padding:14px;display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center}.supplier-logo{width:58px;height:58px;border-radius:50%;background:#edf5f1;color:var(--green);display:grid;place-items:center;font-size:18px;font-weight:900}.vc-supplier p{font-size:11px;color:var(--gray);margin:4px 0}.vc-supplier span{color:#f59e0b;font-size:12px}.vc-supplier .btn{grid-column:1/-1;width:100%}
.vc-banners{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:25px}.vc-banner{min-height:190px;border-radius:8px;padding:28px;background:#e8f2ee}.vc-banner.green{background:linear-gradient(100deg,#0B6B4F,#167d60);color:#fff}.vc-banner.gray{background:linear-gradient(100deg,#eef1f2,#dfe5e5)}.vc-banner h2{margin:0 0 10px;font-size:22px}.vc-banner p{font-size:12px}
.vc-quote{margin-top:25px;border-radius:8px;background:#f1f7f4;border:1px solid #d8e9e2;padding:22px 28px;display:flex;justify-content:space-between;align-items:center}.vc-quote h2{margin:4px 0}.vc-quote p{margin:0;color:var(--gray)}
.vc-news{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.vc-news article{border:1px solid var(--border);border-radius:7px;overflow:hidden}.news-img{height:115px;background:linear-gradient(135deg,#dfe7e5,#eef2f1)}.vc-news h3{font-size:13px;line-height:1.4;padding:0 11px;min-height:52px}.vc-news small{padding:0 11px 12px;display:block;color:var(--gray)}
.vc-benefits{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:30px;padding-top:20px;padding-bottom:20px}.vc-benefits>div{display:flex;gap:10px;align-items:center}.vc-benefits .vc-icon{width:32px;height:32px;color:var(--green)}.vc-benefits b{display:block;font-size:12px}.vc-benefits small{display:block;color:var(--gray);font-size:10px;margin-top:3px}
.vc-footer{margin-top:35px;background:#073f30;color:#dcece7}.vc-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;padding-top:35px;padding-bottom:30px}.vc-footer-logo{font-size:28px;font-weight:900;color:#fff}.vc-footer-logo span{color:var(--orange)}.vc-footer h4{color:#fff;margin-top:0}.vc-footer-grid a{display:block;margin:9px 0;font-size:12px}.vc-footer-bottom{border-top:1px solid rgba(255,255,255,.12);text-align:center;padding:14px;font-size:11px}
@media(max-width:1100px){.vc-hero{grid-template-columns:200px 1fr}.vc-hero-side{display:none}.vc-cats{grid-template-columns:repeat(5,1fr)}.vc-products{grid-template-columns:repeat(3,1fr)}.vc-news{grid-template-columns:repeat(3,1fr)}.vc-benefits{grid-template-columns:repeat(3,1fr)}.vc-navlinks a{padding:0 9px}.vc-navlinks a .vc-icon{display:none}}
@media(max-width:760px){.vc-toplinks,.vc-hotwords,.vc-navlinks{display:none}.vc-header-main{flex-wrap:wrap;gap:10px}.vc-logo{min-width:auto}.vc-search{order:3;flex-basis:100%;max-width:none}.vc-account{margin-left:auto}.vc-account span{display:none}.vc-nav-inner{height:48px}.vc-cat-toggle{min-width:auto}.vc-nav-cta{margin-left:auto}.vc-nav-cta .btn-outline{display:none}.vc-hero{grid-template-columns:1fr}.vc-sidebar{display:none}.vc-hero-copy{padding:35px 20px}.vc-hero-copy h1{font-size:29px}.vc-cats{grid-template-columns:repeat(5,1fr)}.vc-cats a:nth-child(n+6){display:none}.vc-products{grid-template-columns:repeat(2,1fr)}.vc-product-img{height:120px}.vc-suppliers{grid-template-columns:1fr}.vc-banners{grid-template-columns:1fr}.vc-news{grid-template-columns:repeat(2,1fr)}.vc-news article:nth-child(n+5){display:none}.vc-benefits{grid-template-columns:1fr 1fr}.vc-footer-grid{grid-template-columns:1fr 1fr}.vc-footer-grid>div:first-child{grid-column:1/-1}.vc-section-head div a:not(.active){display:none}}
/* =========================================================
   VATTUCUA - SINGLE PRODUCT
   ========================================================= */

.vc-single-product {
    padding-top: 25px;
    padding-bottom: 40px;
    background: #fff;
}

/* Breadcrumb */
.vc-single-product .woocommerce-breadcrumb {
    margin: 0 0 18px;
    font-size: 12px;
    color: var(--gray);
}

.vc-single-product .woocommerce-breadcrumb a {
    color: var(--green);
}

/* Product main */
.vc-single-product div.product {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(380px, 1fr);
    gap: 35px;
    margin: 0;
}

/* Gallery */
.vc-single-product div.product div.images {
    width: 100%;
    margin: 0;
}

.vc-single-product div.product div.images img {
    border-radius: 8px;
}

.vc-single-product .woocommerce-product-gallery__image:first-child img {
    border: 1px solid var(--border);
    border-radius: 8px;
    background: #fff;
}

/* Summary */
.vc-single-product div.product div.summary {
    width: 100%;
    margin: 0;
}

/* Product title */
.vc-single-product div.product .product_title {
    font-size: 28px;
    line-height: 1.3;
    color: var(--dark);
    margin: 0 0 12px;
}

/* Rating */
.vc-single-product .woocommerce-product-rating {
    margin-bottom: 15px;
}

.vc-single-product .star-rating {
    color: #f59e0b;
}

/* Price */
.vc-single-product div.product p.price,
.vc-single-product div.product span.price {
    color: #e74c16;
    font-size: 26px;
    font-weight: 800;
    margin: 12px 0 18px;
}

.vc-single-product div.product p.price del,
.vc-single-product div.product span.price del {
    color: var(--gray);
    font-size: 15px;
    font-weight: 400;
    margin-right: 8px;
}

.vc-single-product div.product p.price ins,
.vc-single-product div.product span.price ins {
    text-decoration: none;
}

/* Short description */
.vc-single-product .woocommerce-product-details__short-description {
    color: #52606d;
    line-height: 1.7;
    padding: 15px 0;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}

/* Quantity */
.vc-single-product form.cart {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
}

.vc-single-product form.cart .quantity {
    margin: 0;
}

.vc-single-product form.cart .qty {
    width: 70px;
    height: 45px;
    border: 1px solid var(--border);
    border-radius: 6px;
    text-align: center;
}

/* Add to cart */
.vc-single-product form.cart .single_add_to_cart_button {
    min-height: 45px;
    padding: 0 25px;
    border-radius: 6px;
    background: var(--orange);
    color: #fff;
    font-weight: 800;
    border: 0;
}

.vc-single-product form.cart .single_add_to_cart_button:hover {
    opacity: .9;
}

/* Product meta */
.vc-single-product .product_meta {
    margin-top: 18px;
    padding-top: 15px;
    border-top: 1px solid var(--border);
    color: var(--gray);
    font-size: 12px;
    line-height: 1.8;
}

.vc-single-product .product_meta a {
    color: var(--green);
}

/* Vendor box */
.vc-vendor-box {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 18px 0;
    padding: 14px;
    background: #f1f7f4;
    border: 1px solid #d8e9e2;
    border-radius: 8px;
}

.vc-vendor-logo {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    border-radius: 50%;
    overflow: hidden;
    background: #e3f0eb;
    display: grid;
    place-items: center;
    color: var(--green);
    font-weight: 800;
}

.vc-vendor-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vc-vendor-info {
    flex: 1;
}

.vc-vendor-label {
    display: block;
    color: var(--gray);
    font-size: 11px;
    margin-bottom: 2px;
}

.vc-vendor-name {
    color: var(--dark);
    font-size: 14px;
    font-weight: 800;
}

.vc-vendor-link {
    display: inline-block;
    margin-top: 4px;
    color: var(--green);
    font-size: 11px;
    font-weight: 700;
}

/* Tabs */
.vc-single-product .woocommerce-tabs {
    margin-top: 40px;
    border-top: 1px solid var(--border);
}

.vc-single-product .woocommerce-tabs ul.tabs {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid var(--border);
}

.vc-single-product .woocommerce-tabs ul.tabs::before {
    display: none;
}

.vc-single-product .woocommerce-tabs ul.tabs li {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
}

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

.vc-single-product .woocommerce-tabs ul.tabs li a {
    display: block;
    padding: 15px 20px;
    color: var(--gray);
    font-weight: 700;
}

.vc-single-product .woocommerce-tabs ul.tabs li.active a {
    color: var(--green);
    border-bottom: 2px solid var(--green);
}

.vc-single-product .woocommerce-Tabs-panel {
    padding: 20px 0;
    line-height: 1.8;
}

/* Related products */
.vc-single-product section.related,
.vc-single-product section.upsells {
    margin-top: 40px;
}

.vc-single-product section.related > h2,
.vc-single-product section.upsells > h2 {
    font-size: 22px;
    margin-bottom: 15px;
}

.vc-single-product section.related ul.products,
.vc-single-product section.upsells ul.products {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin: 0;
}

.vc-single-product section.related ul.products li.product,
.vc-single-product section.upsells ul.products li.product {
    width: 100%;
    margin: 0;
}

/* Mobile */
@media(max-width:760px) {

    .vc-single-product {
        padding-top: 15px;
    }

    .vc-single-product div.product {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .vc-single-product div.product .product_title {
        font-size: 22px;
    }

    .vc-single-product div.product p.price,
    .vc-single-product div.product span.price {
        font-size: 22px;
    }

    .vc-single-product form.cart {
        flex-wrap: wrap;
    }

    .vc-single-product form.cart .single_add_to_cart_button {
        flex: 1;
    }

    .vc-single-product section.related ul.products,
    .vc-single-product section.upsells ul.products {
        grid-template-columns: repeat(2, 1fr);
    }

}
/* VATTUCUA
 * Ẩn thông báo "As this is your own product..."
 * đối với Admin trên trang sản phẩm.
 */
body.vc-admin-user .vc-single-product .woocommerce-notices-wrapper .woocommerce-info {
    display: none !important;
}
/* =========================================
   VATTUCUA - CHECKOUT
   Căn lề và khoảng cách form thanh toán
========================================= */

/* Khung checkout */
.woocommerce-checkout .woocommerce {
    max-width: 1200px;
    margin: 0 auto;
    padding: 32px 24px 60px;
}

/* Tiêu đề trang */
.woocommerce-checkout .woocommerce h1,
.woocommerce-checkout .woocommerce h2 {
    margin-left: 0;
}

/* Các cột checkout */
.woocommerce-checkout .col2-set,
.woocommerce-checkout .woocommerce-checkout-review-order {
    width: 100%;
}

/* Ô nhập liệu */
.woocommerce-checkout form .form-row {
    margin-bottom: 18px;
}

/* Input / Select / Textarea */
.woocommerce-checkout form .form-row input.input-text,
.woocommerce-checkout form .form-row textarea,
.woocommerce-checkout form .form-row select {
    width: 100%;
    box-sizing: border-box;
    min-height: 52px;
    padding: 12px 16px;
    border: 1px solid #D1D5DB;
    border-radius: 8px;
    background: #fff;
    font-size: 16px;
}

/* Khi focus */
.woocommerce-checkout form .form-row input.input-text:focus,
.woocommerce-checkout form .form-row textarea:focus,
.woocommerce-checkout form .form-row select:focus {
    border-color: #0B6B4F;
    outline: none;
    box-shadow: 0 0 0 2px rgba(11,107,79,.08);
}

/* Nhãn */
.woocommerce-checkout form .form-row label {
    display: block;
    margin-bottom: 7px;
    font-size: 15px;
    font-weight: 500;
}

/* Mobile */
@media (max-width: 767px) {

    .woocommerce-checkout .woocommerce {
        padding: 24px 16px 50px;
    }

    .woocommerce-checkout form .form-row {
        margin-bottom: 16px;
    }

    .woocommerce-checkout form .form-row input.input-text,
    .woocommerce-checkout form .form-row textarea,
    .woocommerce-checkout form .form-row select {
        min-height: 50px;
        padding: 11px 14px;
        font-size: 16px;
        border-radius: 8px;
    }

    /* Hai ô Tên + Họ vẫn cách nhau */
    .woocommerce-checkout .form-row-first,
    .woocommerce-checkout .form-row-last {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    /* Tránh nội dung tràn ngang */
    .woocommerce-checkout,
    .woocommerce-checkout .woocommerce {
        overflow-x: hidden;
    }
}
/* =========================================
   VATTUCUA - MY ACCOUNT
========================================= */

.woocommerce-account .woocommerce {
    max-width: 1100px;
    margin: 0 auto;
    padding: 32px 24px 60px;
}

.woocommerce-account .woocommerce h1 {
    margin-bottom: 36px;
}

.woocommerce-account .woocommerce h2 {
    margin-top: 0;
    margin-bottom: 24px;
}

/* Khung đăng nhập / đăng ký */
.woocommerce-account form.login,
.woocommerce-account form.register {
    padding: 32px;
    margin-bottom: 40px;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    background: #fff;
}

/* Label */
.woocommerce-account form .form-row label {
    display: block;
    margin-bottom: 7px;
    font-size: 15px;
    font-weight: 500;
}

/* Input */
.woocommerce-account form .form-row input.input-text {
    width: 100%;
    box-sizing: border-box;
    min-height: 50px;
    padding: 12px 14px;
    border: 1px solid #D1D5DB;
    border-radius: 8px;
    font-size: 16px;
    background: #fff;
}

/* Focus */
.woocommerce-account form .form-row input.input-text:focus {
    outline: none;
    border-color: #0B6B4F;
    box-shadow: 0 0 0 2px rgba(11,107,79,.08);
}

/* Khoảng cách các trường */
.woocommerce-account form .form-row {
    margin-bottom: 18px;
}

/* Button */
.woocommerce-account form button.button {
    min-height: 48px;
    padding: 0 24px;
    border: 0;
    border-radius: 8px;
    background: #FF6B00;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.woocommerce-account form button.button:hover {
    background: #e85f00;
}

/* Link quên mật khẩu */
.woocommerce-account .woocommerce-LostPassword {
    margin-top: 18px;
}

.woocommerce-account .woocommerce-LostPassword a {
    color: #0B6B4F;
}

/* Mobile */
@media (max-width: 767px) {

    .woocommerce-account .woocommerce {
        padding: 24px 16px 50px;
    }

    .woocommerce-account .woocommerce h1 {
        font-size: 34px;
        margin-bottom: 30px;
    }

    .woocommerce-account .woocommerce h2 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .woocommerce-account form.login,
    .woocommerce-account form.register {
        padding: 22px 16px;
        margin-bottom: 32px;
        border-radius: 10px;
    }

    .woocommerce-account form .form-row {
        margin-bottom: 16px;
    }

    .woocommerce-account form .form-row input.input-text {
        min-height: 50px;
        font-size: 16px;
    }

    .woocommerce-account form button.button {
        min-height: 48px;
        width: auto;
    }
}
/* =========================================
   VATTUCUA - MY ACCOUNT DASHBOARD
========================================= */

.woocommerce-account .woocommerce {
    max-width: 1100px;
    margin: 0 auto;
    padding: 32px 24px 60px;
}

/* Layout tài khoản */
.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 230px;
    margin-right: 35px;
}

.woocommerce-account .woocommerce-MyAccount-content {
    width: calc(100% - 265px);
}

/* Menu */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
    margin: 0;
    border-bottom: 1px solid #E5E7EB;
}

.woocommerce-account .woocommerce-MyAccount-navigation li:last-child {
    border-bottom: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
    display: block;
    padding: 14px 16px;
    color: #374151;
    text-decoration: none;
    font-size: 15px;
}

.woocommerce-account .woocommerce-MyAccount-navigation .is-active a {
    background: #0B6B4F;
    color: #fff;
    font-weight: 600;
}

.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
    background: #F5F7FA;
    color: #0B6B4F;
}

/* Nội dung */
.woocommerce-account .woocommerce-MyAccount-content {
    font-size: 16px;
    line-height: 1.6;
}

.woocommerce-account .woocommerce-MyAccount-content a {
    color: #0B6B4F;
    font-weight: 500;
}

/* Dashboard greeting */
.woocommerce-account .woocommerce-MyAccount-content > p:first-child {
    padding: 20px;
    margin: 0 0 25px;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    background: #F5F7FA;
}

/* Mobile */
@media (max-width: 767px) {

    .woocommerce-account .woocommerce {
        padding: 24px 16px 50px;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100%;
        margin-right: 0;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        margin-bottom: 25px;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul {
        border-radius: 10px;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation a {
        padding: 14px 16px;
    }

    .woocommerce-account .woocommerce-MyAccount-content > p:first-child {
        padding: 16px;
    }
}
/* =========================================
   VATTUCUA - MY ACCOUNT FINAL
========================================= */

/* Khung chính */
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-navigation {
    box-sizing: border-box;
}

/* Layout desktop */
.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 230px;
    float: left;
    margin-right: 35px;
}

.woocommerce-account .woocommerce-MyAccount-content {
    width: calc(100% - 265px);
    float: left;
}

/* Menu tài khoản */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #E5E7EB;
}

.woocommerce-account .woocommerce-MyAccount-navigation li:last-child {
    border-bottom: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
    display: block;
    padding: 14px 16px;
    color: #374151;
    text-decoration: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation .is-active a {
    background: #0B6B4F;
    color: #fff;
    font-weight: 600;
}

/* Nội dung */
.woocommerce-account .woocommerce-MyAccount-content {
    font-size: 16px;
    line-height: 1.6;
}

/* =========================================
   ADMIN KHÔNG HIỆN VENDOR DASHBOARD
========================================= */

body.vc-admin-user
.woocommerce-MyAccount-content a[href*="dashboard"] {
    display: none !important;
}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .woocommerce-account .woocommerce {
        padding: 24px 16px 50px;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        margin-bottom: 25px;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        font-size: 15px;
    }
}
/* =========================================
   VATTUCUA - MY ORDERS
========================================= */

.woocommerce-account .woocommerce-orders-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}

.woocommerce-account .woocommerce-orders-table th {
    padding: 14px 16px;
    background: #F5F7FA;
    color: #374151;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
}

.woocommerce-account .woocommerce-orders-table td {
    padding: 16px;
    border-top: 1px solid #E5E7EB;
    vertical-align: middle;
    font-size: 15px;
}

.woocommerce-account .woocommerce-orders-table__cell-order-number a {
    color: #0B6B4F;
    font-weight: 600;
}

.woocommerce-account .woocommerce-orders-table__cell-order-status {
    font-weight: 600;
}

.woocommerce-account .woocommerce-orders-table__cell-order-total {
    font-weight: 600;
}

/* Nút xem đơn */
.woocommerce-account .woocommerce-orders-table .woocommerce-button {
    display: inline-block;
    padding: 8px 14px;
    border-radius: 7px;
    background: #FF6B00;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.woocommerce-account .woocommerce-orders-table .woocommerce-button:hover {
    background: #e85f00;
}

/* Mobile */
@media (max-width: 767px) {

    .woocommerce-account .woocommerce-orders-table {
        display: block;
        border: 0;
        background: transparent;
    }

    .woocommerce-account .woocommerce-orders-table thead {
        display: none;
    }

    .woocommerce-account .woocommerce-orders-table tbody,
    .woocommerce-account .woocommerce-orders-table tr,
    .woocommerce-account .woocommerce-orders-table td {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }

    .woocommerce-account .woocommerce-orders-table tr {
        margin-bottom: 16px;
        padding: 16px;
        border: 1px solid #E5E7EB;
        border-radius: 10px;
        background: #fff;
    }

    .woocommerce-account .woocommerce-orders-table td {
        padding: 5px 0;
        border: 0;
    }

    .woocommerce-account .woocommerce-orders-table
    .woocommerce-orders-table__cell-order-number {
        font-size: 17px;
    }

    .woocommerce-account .woocommerce-orders-table
    .woocommerce-orders-table__cell-order-actions {
        padding-top: 12px;
    }

    .woocommerce-account .woocommerce-orders-table
    .woocommerce-button {
        width: 100%;
        box-sizing: border-box;
        text-align: center;
        padding: 11px 14px;
    }
}
/* =========================================
   VATTUCUA - ORDER DETAILS
========================================= */

.woocommerce-account .woocommerce-order-details {
    margin-top: 28px;
}

.woocommerce-account .woocommerce-order-details__title,
.woocommerce-account .woocommerce-customer-details h2 {
    margin-bottom: 18px;
    font-size: 24px;
    color: #1F2937;
}

/* Bảng sản phẩm */
.woocommerce-account .woocommerce-table--order-details {
    width: 100%;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    background: #fff;
}

.woocommerce-account .woocommerce-table--order-details th {
    padding: 14px 16px;
    background: #F5F7FA;
    font-weight: 600;
    text-align: left;
}

.woocommerce-account .woocommerce-table--order-details td {
    padding: 15px 16px;
    border-top: 1px solid #E5E7EB;
}

.woocommerce-account .woocommerce-table--order-details .product-name a {
    color: #0B6B4F;
    font-weight: 600;
}

.woocommerce-account .woocommerce-table--order-details .product-total {
    font-weight: 600;
}

/* Tổng tiền */
.woocommerce-account .woocommerce-table--order-details tfoot th,
.woocommerce-account .woocommerce-table--order-details tfoot td {
    font-weight: 600;
}

/* Địa chỉ */
.woocommerce-account .woocommerce-customer-details {
    margin-top: 32px;
}

.woocommerce-account .woocommerce-customer-details address {
    padding: 20px;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    background: #fff;
    line-height: 1.8;
    font-style: normal;
}

/* Mobile */
@media (max-width: 767px) {

    .woocommerce-account .woocommerce-order-details {
        margin-top: 24px;
    }

    .woocommerce-account .woocommerce-order-details__title,
    .woocommerce-account .woocommerce-customer-details h2 {
        font-size: 21px;
    }

    .woocommerce-account .woocommerce-table--order-details {
        display: block;
        border: 1px solid #E5E7EB;
    }

    .woocommerce-account .woocommerce-table--order-details thead {
        display: none;
    }

    .woocommerce-account .woocommerce-table--order-details tbody,
    .woocommerce-account .woocommerce-table--order-details tfoot {
        display: block;
    }

    .woocommerce-account .woocommerce-table--order-details tr {
        display: block;
        padding: 14px 16px;
        border-bottom: 1px solid #E5E7EB;
    }

    .woocommerce-account .woocommerce-table--order-details td,
    .woocommerce-account .woocommerce-table--order-details th {
        display: block;
        padding: 4px 0;
        border: 0;
    }

    .woocommerce-account .woocommerce-table--order-details tfoot tr {
        padding: 10px 16px;
    }

    .woocommerce-account .woocommerce-customer-details address {
        padding: 16px;
    }
}
/* =========================================
   VATTUCUA - VENDOR REGISTRATION
========================================= */

.dokan-vendor-registration {
    max-width: 720px;
    margin: 35px auto 60px;
    padding: 35px 40px;
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    box-shadow: 0 4px 18px rgba(0,0,0,.04);
}

/* Tiêu đề */
.dokan-vendor-registration h1,
.dokan-vendor-registration h2 {
    color: #1F2937;
    margin-top: 0;
    margin-bottom: 30px;
}

/* Form row */
.dokan-vendor-registration .form-row,
.dokan-vendor-registration .form-group {
    margin-bottom: 20px;
}

/* Label */
.dokan-vendor-registration label {
    display: block;
    margin-bottom: 7px;
    color: #374151;
    font-size: 15px;
    font-weight: 600;
}

/* Input */
.dokan-vendor-registration input[type="text"],
.dokan-vendor-registration input[type="email"],
.dokan-vendor-registration input[type="tel"],
.dokan-vendor-registration input[type="url"],
.dokan-vendor-registration input[type="password"] {
    width: 100%;
    min-height: 50px;
    padding: 12px 14px;
    box-sizing: border-box;
    border: 1px solid #D1D5DB;
    border-radius: 8px;
    background: #fff;
    font-size: 16px;
    color: #1F2937;
}

/* Focus */
.dokan-vendor-registration input:focus {
    outline: none;
    border-color: #0B6B4F;
    box-shadow: 0 0 0 3px rgba(11,107,79,.08);
}

/* Hướng dẫn */
.dokan-vendor-registration .description,
.dokan-vendor-registration small {
    display: block;
    margin-top: 7px;
    color: #6B7280;
    font-size: 14px;
    line-height: 1.5;
}

/* Shop URL prefix */
.dokan-vendor-registration .dokan-input-group {
    display: flex;
    align-items: stretch;
}

.dokan-vendor-registration .dokan-input-group-addon {
    display: flex;
    align-items: center;
    padding: 0 12px;
    border: 1px solid #D1D5DB;
    border-right: 0;
    border-radius: 8px 0 0 8px;
    background: #F5F7FA;
    color: #6B7280;
    font-size: 14px;
}

.dokan-vendor-registration .dokan-input-group input {
    border-radius: 0 8px 8px 0;
}

/* Nút */
.dokan-vendor-registration button,
.dokan-vendor-registration input[type="submit"],
.dokan-vendor-registration .dokan-btn {
    min-height: 50px;
    padding: 0 28px;
    border: 0;
    border-radius: 8px;
    background: #FF6B00;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
}

.dokan-vendor-registration button:hover,
.dokan-vendor-registration input[type="submit"]:hover,
.dokan-vendor-registration .dokan-btn:hover {
    background: #E85F00;
}

/* Mobile */
@media (max-width: 767px) {

    .dokan-vendor-registration {
        margin: 24px 16px 50px;
        padding: 24px 18px;
        border-radius: 10px;
    }

    .dokan-vendor-registration input[type="text"],
    .dokan-vendor-registration input[type="email"],
    .dokan-vendor-registration input[type="tel"],
    .dokan-vendor-registration input[type="url"],
    .dokan-vendor-registration input[type="password"] {
        min-height: 50px;
        font-size: 16px;
    }

    .dokan-vendor-registration button,
    .dokan-vendor-registration input[type="submit"],
    .dokan-vendor-registration .dokan-btn {
        width: 100%;
    }

    .dokan-vendor-registration .dokan-input-group {
        display: block;
    }

    .dokan-vendor-registration .dokan-input-group-addon {
        border-right: 1px solid #D1D5DB;
        border-bottom: 0;
        border-radius: 8px 8px 0 0;
        min-height: 40px;
    }

    .dokan-vendor-registration .dokan-input-group input {
        border-radius: 0 0 8px 8px;
    }
}
/* =========================================
   VATTUCUA - DOKAN VENDOR REGISTER FIX
========================================= */

/* Khung nội dung trang đăng ký */
body.page .entry-content form {
    max-width: 720px !important;
    margin: 30px auto 60px !important;
    padding: 32px !important;
    box-sizing: border-box !important;
    background: #fff !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 12px !important;
}

/* Mỗi dòng form */
body.page .entry-content form .form-row,
body.page .entry-content form .form-group {
    display: block !important;
    width: 100% !important;
    margin: 0 0 20px !important;
}

/* Label */
body.page .entry-content form label {
    display: block !important;
    width: 100% !important;
    margin: 0 0 8px !important;
    color: #1F2937 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

/* Input */
body.page .entry-content form input[type="text"],
body.page .entry-content form input[type="email"],
body.page .entry-content form input[type="tel"],
body.page .entry-content form input[type="url"],
body.page .entry-content form input[type="password"] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 50px !important;
    padding: 12px 14px !important;
    box-sizing: border-box !important;
    border: 1px solid #D1D5DB !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #1F2937 !important;
    font-size: 16px !important;
}

/* Focus */
body.page .entry-content form input:focus {
    outline: none !important;
    border-color: #0B6B4F !important;
    box-shadow: 0 0 0 3px rgba(11,107,79,.08) !important;
}

/* Dòng hướng dẫn email */
body.page .entry-content form .help-block,
body.page .entry-content form small,
body.page .entry-content form .description {
    display: block !important;
    margin: 7px 0 0 !important;
    color: #6B7280 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

/* Nút đăng ký */
body.page .entry-content form button,
body.page .entry-content form input[type="submit"],
body.page .entry-content form .dokan-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 50px !important;
    padding: 0 28px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #FF6B00 !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
}

body.page .entry-content form button:hover,
body.page .entry-content form input[type="submit"]:hover,
body.page .entry-content form .dokan-btn:hover {
    background: #E85F00 !important;
}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    body.page .entry-content form {
        width: auto !important;
        max-width: none !important;
        margin: 24px 16px 50px !important;
        padding: 24px 18px !important;
    }

    body.page .entry-content form label {
        font-size: 16px !important;
    }

    body.page .entry-content form input[type="text"],
    body.page .entry-content form input[type="email"],
    body.page .entry-content form input[type="tel"],
    body.page .entry-content form input[type="url"],
    body.page .entry-content form input[type="password"] {
        min-height: 50px !important;
        font-size: 16px !important;
    }

    body.page .entry-content form button,
    body.page .entry-content form input[type="submit"],
    body.page .entry-content form .dokan-btn {
        width: 100% !important;
    }
}
/* VATTUCUA - Ẩn Downloadable trong form sản phẩm Vendor */
.dataforms-layouts-regular__field:has(.dokan-form-field-label) {
    /* Không dùng cách này vì sẽ ảnh hưởng nhiều field */
}
#dokan-form-field-purchase_note {
    display: none !important;
}
/* =========================================================
   DOKAN - ÉP BẢNG SẢN PHẨM HIỂN THỊ GỌN TRÊN 1 MÀN HÌNH
   ========================================================= */

/* Cho bảng sử dụng đúng chiều rộng khung */
.dokan-react-products .dataviews-wrapper,
.dokan-react-products .dataviews-layout__container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
}

.dokan-react-products .dataviews-view-table {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    table-layout: fixed !important;
}

/* =========================================================
   KÍCH THƯỚC CÁC CỘT
   ========================================================= */

/* Checkbox */
.dokan-react-products .dataviews-view-table__col-checkbox {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
}

/* Sản phẩm */
.dokan-react-products .dataviews-view-table__col-first-data {
    width: 27% !important;
    min-width: 0 !important;
    max-width: 27% !important;
}

/* Loại */
.dokan-react-products .dataviews-view-table__col-type {
    width: 7% !important;
    min-width: 65px !important;
    max-width: 80px !important;
}

/* Tồn kho */
.dokan-react-products .dataviews-view-table__col-stock {
    width: 10% !important;
    min-width: 90px !important;
    max-width: 120px !important;
}

/* Trạng thái */
.dokan-react-products .dataviews-view-table__col-status {
    width: 11% !important;
    min-width: 100px !important;
    max-width: 130px !important;
}

/* Giá */
.dokan-react-products .dataviews-view-table__col-price {
    width: 12% !important;
    min-width: 115px !important;
    max-width: 140px !important;
}

/* Thu nhập */
.dokan-react-products .dataviews-view-table__col-earning {
    width: 10% !important;
    min-width: 105px !important;
    max-width: 115px !important;
}

/* Lượt xem */
.dokan-react-products .dataviews-view-table__col-views {
    width: 5% !important;
    min-width: 55px !important;
    max-width: 65px !important;
}

/* Thao tác */
.dokan-react-products .dataviews-view-table__col-actions {
    width: 55px !important;
    min-width: 55px !important;
    max-width: 55px !important;
}

/* =========================================================
   ÉP TH, TD KHÔNG ĐƯỢC TỰ GIÃN
   ========================================================= */

.dokan-react-products .dataviews-view-table th,
.dokan-react-products .dataviews-view-table td {
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

/* Nội dung trong ô không được phá layout */
.dokan-react-products .dataviews-view-table__cell-content-wrapper {
    min-width: 0 !important;
    max-width: 100% !important;
}

/* =========================================================
   CỘT SẢN PHẨM
   ========================================================= */

.dokan-react-products .dataviews-view-table td:nth-child(2) {
    overflow: hidden !important;
}

.dokan-react-products .dataviews-view-table td:nth-child(2)
.dataviews-title-field {
    min-width: 0 !important;
    max-width: 100% !important;
}

.dokan-react-products .dataviews-view-table td:nth-child(2)
.dataviews-title-field a {
    min-width: 0 !important;
    max-width: 100% !important;
}

.dokan-react-products .dataviews-view-table td:nth-child(2)
.dataviews-title-field a p {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Thu nhỏ ảnh */
.dokan-react-products .dataviews-view-table td:nth-child(2) img {
    width: 44px !important;
    height: 44px !important;
    flex-shrink: 0 !important;
}

/* Khoảng cách ảnh - tên */
.dokan-react-products .dataviews-view-table td:nth-child(2)
.flex.items-center.gap-3 {
    gap: 8px !important;
}

/* =========================================================
   GIÁ
   ========================================================= */

.dokan-react-products .dataviews-view-table td:nth-child(6) {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

/* =========================================================
   THU NHẬP
   ========================================================= */

.dokan-react-products .dataviews-view-table td:nth-child(7) {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

/* =========================================================
   LƯỢT XEM
   ========================================================= */

.dokan-react-products .dataviews-view-table td:nth-child(9) {
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    text-align: center !important;
    overflow: hidden !important;
}

/* =========================================================
   THAO TÁC
   ========================================================= */

.dokan-react-products .dataviews-view-table td:nth-child(10) {
    width: 55px !important;
    min-width: 55px !important;
    max-width: 55px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    text-align: center !important;
}
/* =========================================================
   DOKAN - ẨN CỘT ADVERTISE ĐANG TRỐNG
   ========================================================= */

/* Ẩn cột Advertise số 8 */
.dokan-react-products .dataviews-view-table
.dataviews-view-table__col-advertise {
    display: none !important;
}

/* Ẩn ô tương ứng trong header và dữ liệu */
.dokan-react-products .dataviews-view-table th:nth-child(8),
.dokan-react-products .dataviews-view-table td:nth-child(8) {
    display: none !important;
}