/*
Theme Name: YODY Family Customizer
Theme URI: https://example.com
Author: OpenAI
Description: Theme YODY WooCommerce. Bản 1.6.6 bỏ bài/ảnh con vẹt khỏi Tin tức, dùng 6 bài thời trang chuẩn và fix link nút.
Version: 1.6.6
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
Text Domain: yody-family
*/
:root{--yd-primary:#1e4fbf;--yd-primary-2:#3b72ee;--yd-accent:#f2f7ff;--yd-ink:#14213d;--yd-text:#253047;--yd-muted:#667085;--yd-line:#e8edf5;--yd-card:#fff;--yd-bg:#ffffff;--yd-soft:#f8fafc;--yd-yellow:#ffe88a}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;color:var(--yd-text);background:#fff;line-height:1.45}img{max-width:100%;display:block;height:auto}a{text-decoration:none;color:inherit}.container{width:min(1200px,92%);margin:0 auto}.yd-topbar{background:#eef5ff;color:#335; font-size:12px;padding:8px 0}.yd-topbar .container{display:flex;justify-content:space-between;gap:12px}.yd-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--yd-line)}body.admin-bar .yd-header{top:32px}.yd-header-main{height:76px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}.yd-logo{font-size:40px;font-weight:900;color:var(--yd-primary);line-height:1}.yd-menu ul{display:flex;list-style:none;margin:0;padding:0;gap:26px;align-items:center}.yd-menu a{font-weight:700;font-size:14px;color:#23314f}.yd-menu a:hover,.yd-actions a:hover{color:var(--yd-primary)}.yd-actions{display:flex;align-items:center;gap:18px;font-size:13px}.yd-search{display:flex;align-items:center;border:1px solid var(--yd-line);background:#fbfcff;border-radius:999px;padding:0 12px;min-width:240px}.yd-search input{border:0;background:transparent;outline:0;padding:10px 8px;width:100%}.yd-hero{padding:24px 0 0}.yd-hero-card{background:linear-gradient(180deg,#eaf5ff,#f8fcff);border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;min-height:420px}.yd-hero-copy{padding:56px 52px}.yd-kicker{font-size:14px;color:#567;font-weight:700;margin-bottom:10px}.yd-hero h1{font-size:54px;line-height:1.03;color:#17356c;margin:0 0 14px}.yd-hero p{font-size:16px;color:#5d6b82;max-width:480px;margin:0 0 22px}.yd-btns{display:flex;gap:12px;flex-wrap:wrap}.yd-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:12px;font-weight:800;font-size:14px;border:1px solid var(--yd-primary);transition:.25s}.yd-btn.primary{background:var(--yd-primary);color:#fff}.yd-btn.secondary{background:#fff;color:var(--yd-primary)}.yd-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(30,79,191,.14)}.yd-hero-media img{width:100%;height:420px;object-fit:cover}.section{padding:38px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.section-title{font-size:32px;line-height:1.1;color:var(--yd-ink);margin:0}.section-subtitle{color:var(--yd-muted);font-size:14px}.small-link{color:var(--yd-primary);font-weight:700;font-size:14px}.cat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.cat-card{background:#fff;border:1px solid var(--yd-line);border-radius:18px;padding:14px; text-align:center;transition:.25s}.cat-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(24,39,75,.09)}.cat-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px;background:#f5f7fb}.cat-card h3{font-size:15px;margin:12px 0 4px}.cat-card p{font-size:12px;color:var(--yd-muted);margin:0}.yd-products ul.products,.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:18px!important;list-style:none!important;padding:0!important;margin:0!important}.yd-products ul.products:before,.yd-products ul.products:after,.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}.yd-products ul.products li.product,.woocommerce ul.products li.product{float:none!important;width:100%!important;margin:0!important;padding:0!important;border:1px solid var(--yd-line);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 10px 24px rgba(22,34,66,.05);transition:.25s}.yd-products ul.products li.product:hover,.woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:0 20px 34px rgba(22,34,66,.09)}.yd-products ul.products li.product a img,.woocommerce ul.products li.product a img{width:100%!important;height:260px!important;object-fit:cover!important;margin:0!important;background:#f6f8fc}.woocommerce-loop-product__title{font-size:15px!important;font-weight:700!important;color:#1a2745!important;min-height:44px!important;padding:14px 14px 4px!important;margin:0!important}.yd-products .price,.woocommerce ul.products li.product .price{padding:0 14px 14px!important;font-weight:800!important;color:#102c7a!important}.yd-products .button,.woocommerce ul.products li.product .button{display:block!important;margin:0 14px 16px!important;background:var(--yd-primary)!important;color:#fff!important;border-radius:12px!important;text-align:center!important;padding:12px 14px!important;font-weight:800!important;border:0!important}.woocommerce span.onsale{background:#ff6b6b!important;border-radius:999px!important;padding:8px 12px!important;line-height:1!important;min-height:0!important;min-width:0!important;top:12px!important;left:12px!important;font-size:12px!important;font-weight:800!important}.combo-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:16px;align-items:stretch}.combo-intro{background:#fff8d7;border:1px solid #f2e8b1;border-radius:22px;padding:28px;display:flex;flex-direction:column;justify-content:center}.combo-intro h3{font-size:34px;line-height:1.1;margin:0 0 16px;color:#24365e}.combo-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 22px}.combo-feats div{font-size:12px;color:#53617a}.combo-card{background:#fff;border:1px solid var(--yd-line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column}.combo-card img{height:170px;width:100%;object-fit:cover}.combo-card .inner{padding:14px}.combo-card h4{margin:0 0 6px;font-size:18px}.combo-card p{margin:0 0 8px;color:#667085;font-size:13px}.combo-card .price{font-weight:800;color:#102c7a}.banner-card{background:linear-gradient(90deg,#e8f6ff,#f5fbff);border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:280px}.banner-copy{padding:40px 48px}.banner-copy h2{font-size:42px;line-height:1.05;margin:0 0 12px;color:#17356c}.banner-copy p{margin:0 0 18px;color:#5d6b82}.banner-media img{height:280px;width:100%;object-fit:cover}.test-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.test-card{border:1px solid var(--yd-line);border-radius:18px;padding:22px;background:#fff}.test-author{display:flex;align-items:center;gap:10px;margin-top:16px}.test-author img{width:52px;height:52px;object-fit:cover;border-radius:999px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.news-card{border:1px solid var(--yd-line);border-radius:18px;overflow:hidden;background:#fff}.news-card img{height:190px;width:100%;object-fit:cover}.news-card .inner{padding:16px}.news-card h3{margin:0 0 10px;font-size:20px;line-height:1.2}.faq-list{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.faq-item{padding:16px 18px;border:1px solid var(--yd-line);border-radius:14px;background:#fff;font-weight:700;color:#324059;display:flex;justify-content:space-between;gap:10px}.newsletter{background:#fff5bc;border:1px solid #f0e4a4;border-radius:20px;padding:26px 28px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.newsletter h3{margin:0 0 8px;font-size:30px;color:#213663}.newsletter p{margin:0;color:#5d6b82}.newsletter-form{display:flex;gap:10px;align-items:center}.newsletter-form input{border:1px solid #e2d37d;border-radius:999px;padding:14px 18px;min-width:280px;background:#fff7cf}.yd-footer{padding:44px 0;background:#fff;border-top:1px solid var(--yd-line)}.yd-footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1fr;gap:24px}.yd-footer h4{margin:0 0 12px;color:#213663}.yd-footer ul{padding:0;margin:0;list-style:none}.yd-footer li{margin:0 0 8px;color:#607089;font-size:14px}.yd-copyright{padding-top:18px;margin-top:18px;border-top:1px solid var(--yd-line);font-size:13px;color:#718096}.yd-page-hero{padding:54px 0;background:linear-gradient(180deg,#eef6ff,#fdfefe);border-bottom:1px solid var(--yd-line)}.yd-page-hero h1{margin:0 0 10px;font-size:48px;color:#17356c}.yd-page-hero p{max-width:760px;color:#617187}.yd-content{padding:40px 0}.yd-cards-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.yd-block{border:1px solid var(--yd-line);border-radius:20px;padding:22px;background:#fff}.yd-badge{display:inline-block;background:#eef5ff;color:#1847b7;font-size:12px;padding:6px 10px;border-radius:999px;font-weight:800}.yd-mobile-note{display:none}@media(max-width:1100px){.cat-grid{grid-template-columns:repeat(3,1fr)}.yd-products ul.products,.woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))!important}.combo-grid,.yd-footer-grid,.faq-list,.test-grid,.news-grid{grid-template-columns:repeat(2,1fr)}.yd-hero-card,.banner-card{grid-template-columns:1fr}}@media(max-width:760px){body.admin-bar .yd-header{top:46px}.yd-header-main{grid-template-columns:1fr; height:auto; padding:14px 0}.yd-menu ul{flex-wrap:wrap;gap:14px}.yd-actions{flex-wrap:wrap}.yd-search{min-width:0;width:100%}.yd-hero h1{font-size:38px}.cat-grid,.yd-products ul.products,.woocommerce ul.products,.combo-grid,.test-grid,.news-grid,.faq-list,.yd-footer-grid,.yd-cards-2{grid-template-columns:1fr!important}.newsletter{grid-template-columns:1fr}.newsletter-form{flex-direction:column;align-items:stretch}.newsletter-form input{min-width:0}.yd-mobile-note{display:block;color:#667085;margin-top:8px;font-size:12px}}


/* ===============================
   YODY v1.1 FIX HEADER / HERO
   Fix lỗi logo quá lớn, search đè chữ, menu lệch, hero bị vỡ layout
   =============================== */

.yd-topbar {
    height: 34px;
    display: flex;
    align-items: center;
    padding: 0 !important;
    overflow: hidden;
}

.yd-topbar .container {
    align-items: center;
    font-size: 12px;
    line-height: 1;
}

.yd-header {
    position: sticky;
    top: 0;
    z-index: 9999;
    background: rgba(255,255,255,.98);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--yd-line);
}

body.admin-bar .yd-header {
    top: 32px;
}

.yd-header-main {
    height: 78px !important;
    display: grid !important;
    grid-template-columns: 170px minmax(0, 1fr) 340px !important;
    align-items: center !important;
    gap: 24px !important;
    position: relative !important;
}

.yd-logo {
    position: static !important;
    transform: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    max-width: 160px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 32px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: -0.06em !important;
    color: var(--yd-primary) !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

.yd-logo img,
.custom-logo-link img,
.yd-logo .custom-logo {
    display: block !important;
    width: auto !important;
    max-width: 150px !important;
    max-height: 48px !important;
    height: auto !important;
    object-fit: contain !important;
}

.yd-menu {
    min-width: 0 !important;
    justify-self: center !important;
}

.yd-menu ul {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.yd-menu li {
    margin: 0 !important;
    padding: 0 !important;
}

.yd-menu a {
    display: inline-flex !important;
    align-items: center !important;
    height: 38px !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    color: #24304b !important;
    white-space: nowrap !important;
}

.yd-actions {
    justify-self: end !important;
    display: grid !important;
    grid-template-columns: minmax(180px, 230px) auto auto !important;
    align-items: center !important;
    gap: 14px !important;
    min-width: 0 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.yd-search {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 1px solid #e1e8f5 !important;
    background: #fbfdff !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}

.yd-search input {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    border: 0 !important;
    background: transparent !important;
    outline: 0 !important;
    padding: 0 0 0 8px !important;
    font-size: 13px !important;
    color: #24304b !important;
}

.yd-hero {
    padding: 34px 0 0 !important;
    background: #fff !important;
}

.yd-hero-card {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(420px, .86fr) !important;
    align-items: stretch !important;
    min-height: 430px !important;
    overflow: hidden !important;
    border-radius: 26px !important;
    background: linear-gradient(120deg, #eaf5ff 0%, #f7fbff 58%, #ffffff 100%) !important;
}

.yd-hero-copy {
    position: relative !important;
    z-index: 2 !important;
    padding: 68px 54px 58px !important;
    max-width: 620px !important;
}

.yd-hero-copy .yd-kicker {
    display: block !important;
    margin: 0 0 16px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #46617f !important;
}

.yd-hero h1 {
    display: block !important;
    max-width: 560px !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    color: #17356c !important;
    font-size: clamp(40px, 4vw, 58px) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.04em !important;
    font-weight: 900 !important;
    clear: both !important;
}

.yd-hero p {
    max-width: 520px !important;
    margin: 0 0 26px !important;
    color: #5d6b82 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
}

.yd-hero-media {
    position: relative !important;
    min-height: 430px !important;
    overflow: hidden !important;
}

.yd-hero-media img {
    width: 100% !important;
    height: 100% !important;
    min-height: 430px !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 0 !important;
}

.yd-btns {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

/* Fix nếu admin bar / Elementor inject làm header bị đè */
.elementor-edit-area-active .yd-header,
.customize-partial-edit-shortcut + .yd-header {
    position: relative !important;
}

/* Category cards dưới hero không bị kéo lên */
.cat-grid {
    margin-top: 0 !important;
}

/* Product cards cân lại nếu có WooCommerce CSS khác chen vào */
.yd-products ul.products li.product,
.woocommerce ul.products li.product {
    float: none !important;
    clear: none !important;
}

/* Tablet */
@media (max-width: 1200px) {
    .yd-header-main {
        grid-template-columns: 140px minmax(0, 1fr) 280px !important;
        gap: 16px !important;
    }

    .yd-menu ul {
        gap: 16px !important;
    }

    .yd-menu a {
        font-size: 13px !important;
    }

    .yd-actions {
        grid-template-columns: minmax(150px, 1fr) auto auto !important;
    }

    .yd-hero-card {
        grid-template-columns: 1fr 0.78fr !important;
    }
}

/* Mobile */
@media (max-width: 900px) {
    body.admin-bar .yd-header {
        top: 46px;
    }

    .yd-header-main {
        height: auto !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        padding: 16px 0 !important;
    }

    .yd-logo {
        justify-self: center !important;
        max-width: 140px !important;
        font-size: 30px !important;
    }

    .yd-logo img,
    .custom-logo-link img,
    .yd-logo .custom-logo {
        max-height: 42px !important;
    }

    .yd-menu {
        justify-self: center !important;
        width: 100% !important;
        overflow-x: auto !important;
        padding-bottom: 4px !important;
    }

    .yd-menu ul {
        justify-content: flex-start !important;
        gap: 18px !important;
        padding: 0 8px !important;
        min-width: max-content !important;
    }

    .yd-actions {
        justify-self: stretch !important;
        grid-template-columns: 1fr auto auto !important;
        width: 100% !important;
    }

    .yd-hero {
        padding-top: 18px !important;
    }

    .yd-hero-card {
        grid-template-columns: 1fr !important;
        min-height: 0 !important;
    }

    .yd-hero-copy {
        padding: 42px 26px 28px !important;
    }

    .yd-hero h1 {
        font-size: 40px !important;
    }

    .yd-hero-media,
    .yd-hero-media img {
        min-height: 320px !important;
        height: 320px !important;
    }
}

@media (max-width: 560px) {
    .yd-topbar .container {
        flex-direction: column !important;
        justify-content: center !important;
        gap: 3px !important;
        text-align: center !important;
    }

    .yd-topbar {
        height: auto !important;
        padding: 7px 0 !important;
    }

    .yd-actions {
        grid-template-columns: 1fr !important;
    }

    .yd-actions a {
        justify-self: center !important;
    }

    .yd-hero h1 {
        font-size: 34px !important;
    }

    .yd-hero-copy {
        padding: 34px 20px 24px !important;
    }
}


/* ===============================
   YODY v1.2 - VND PRICE + SALE BADGE BEAUTIFUL
   =============================== */

/* Giá sản phẩm VND rõ ràng, đẹp hơn */
.yd-products ul.products li.product .price,
.woocommerce ul.products li.product .price {
    display: flex !important;
    align-items: baseline !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    padding: 0 14px 14px !important;
    margin: 0 !important;
    color: #174bbd !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    letter-spacing: -0.02em !important;
}

.yd-products ul.products li.product .price del,
.woocommerce ul.products li.product .price del {
    order: 1 !important;
    color: #7d8aa6 !important;
    opacity: 1 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration-thickness: 2px !important;
    text-decoration-color: rgba(255, 92, 92, .85) !important;
}

.yd-products ul.products li.product .price ins,
.woocommerce ul.products li.product .price ins {
    order: 2 !important;
    color: #0b48c5 !important;
    background: transparent !important;
    text-decoration: none !important;
    font-weight: 950 !important;
}

.yd-products ul.products li.product .price .woocommerce-Price-currencySymbol,
.woocommerce ul.products li.product .price .woocommerce-Price-currencySymbol {
    font-size: .9em !important;
    margin-left: 2px !important;
}

/* Badge giảm giá mới: đẹp, nổi, có animation */
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale,
.yd-products ul.products li.product .onsale {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    right: auto !important;
    z-index: 8 !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 9px 14px 10px !important;
    border-radius: 999px !important;
    border: 2px solid rgba(255,255,255,.88) !important;
    background: linear-gradient(135deg, #ff416c 0%, #ff6b6b 48%, #ffb86c 100%) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: .03em !important;
    text-transform: uppercase !important;
    box-shadow:
        0 14px 30px rgba(255, 65, 108, .32),
        0 0 0 0 rgba(255, 65, 108, .38) !important;
    animation: yodySalePulse 1.8s ease-in-out infinite !important;
}

.woocommerce span.onsale::before,
.woocommerce ul.products li.product .onsale::before,
.yd-products ul.products li.product .onsale::before {
    content: "🔥";
    display: inline-block;
    margin-right: 5px;
    transform: translateY(-1px);
}

.woocommerce ul.products li.product:hover .onsale,
.yd-products ul.products li.product:hover .onsale {
    animation: yodySaleBounce .75s ease both, yodySalePulse 1.8s ease-in-out infinite !important;
}

@keyframes yodySalePulse {
    0% {
        box-shadow:
            0 14px 30px rgba(255, 65, 108, .32),
            0 0 0 0 rgba(255, 65, 108, .38);
    }
    70% {
        box-shadow:
            0 14px 30px rgba(255, 65, 108, .32),
            0 0 0 12px rgba(255, 65, 108, 0);
    }
    100% {
        box-shadow:
            0 14px 30px rgba(255, 65, 108, .32),
            0 0 0 0 rgba(255, 65, 108, 0);
    }
}

@keyframes yodySaleBounce {
    0%, 100% { transform: scale(1) rotate(0deg); }
    35% { transform: scale(1.12) rotate(-2deg); }
    70% { transform: scale(1.04) rotate(2deg); }
}

/* Product card hover đẹp hơn */
.yd-products ul.products li.product,
.woocommerce ul.products li.product {
    position: relative !important;
    border-radius: 18px !important;
    border: 1px solid #e4ebf7 !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: 0 14px 32px rgba(26, 50, 110, .06) !important;
}

.yd-products ul.products li.product:hover,
.woocommerce ul.products li.product:hover {
    transform: translateY(-7px) !important;
    box-shadow: 0 28px 54px rgba(26, 50, 110, .13) !important;
}

/* Nút thêm giỏ hàng nổi bật hơn */
.yd-products .button,
.woocommerce ul.products li.product .button {
    border-radius: 13px !important;
    background: linear-gradient(135deg, #194ec9, #2468f2) !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(30, 79, 191, .22) !important;
    transition: transform .25s ease, box-shadow .25s ease, background .25s ease !important;
}

.yd-products .button:hover,
.woocommerce ul.products li.product .button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 16px 30px rgba(30, 79, 191, .30) !important;
    background: linear-gradient(135deg, #0d3fb5, #1f5fe6) !important;
}

/* Ảnh sản phẩm cân khung hơn */
.yd-products ul.products li.product a img,
.woocommerce ul.products li.product a img {
    object-fit: cover !important;
    background: #f4f7fb !important;
}


/* =========================================================
   YODY v1.3 - ALL LINKS SAFE + PREMIUM EFFECTS
   ========================================================= */

html {
    scroll-behavior: smooth;
}

body {
    background:
        radial-gradient(circle at 10% 10%, rgba(30,79,191,.04), transparent 26%),
        radial-gradient(circle at 90% 8%, rgba(255,199,71,.08), transparent 22%),
        #fff !important;
}

/* Header premium */
.yd-header {
    box-shadow: 0 8px 28px rgba(25, 49, 95, .06) !important;
}

.yd-header-main::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(30,79,191,.28), transparent);
    opacity: .75;
}

.yd-logo {
    transition: transform .25s ease, filter .25s ease !important;
}

.yd-logo:hover {
    transform: translateY(-1px) scale(1.03) !important;
    filter: drop-shadow(0 8px 14px rgba(30,79,191,.18));
}

.yd-menu a {
    position: relative !important;
    transition: color .25s ease, transform .25s ease !important;
}

.yd-menu a::after {
    content: "";
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 3px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, #1e4fbf, #6aa8ff);
    transition: left .25s ease, right .25s ease;
}

.yd-menu a:hover {
    transform: translateY(-1px);
    color: var(--yd-primary) !important;
}

.yd-menu a:hover::after,
.yd-menu .current-menu-item > a::after {
    left: 0;
    right: 0;
}

/* Search đẹp hơn */
.yd-search {
    transition: width .28s ease, border-color .25s ease, box-shadow .25s ease, background .25s ease !important;
}

.yd-search:focus-within {
    border-color: rgba(30,79,191,.45) !important;
    box-shadow: 0 10px 24px rgba(30,79,191,.13) !important;
    background: #fff !important;
}

/* Hero hiệu ứng đẹp hơn */
.yd-hero-card {
    box-shadow:
        0 26px 80px rgba(27, 55, 102, .10),
        inset 0 0 0 1px rgba(255,255,255,.72) !important;
    isolation: isolate;
}

.yd-hero-card::before {
    content: "";
    position: absolute;
    inset: -35% auto auto -15%;
    width: 520px;
    height: 520px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(30,79,191,.16), transparent 64%);
    z-index: 0;
    animation: yodyFloatGlow 8s ease-in-out infinite;
}

.yd-hero-card::after {
    content: "";
    position: absolute;
    right: 38%;
    top: 8%;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: rgba(255,255,255,.55);
    filter: blur(8px);
    z-index: 0;
    animation: yodySoftBubble 6s ease-in-out infinite;
}

.yd-hero-copy {
    animation: yodyFadeUp .8s ease both;
}

.yd-hero-media img {
    transition: transform 1.4s ease, filter 1.4s ease !important;
}

.yd-hero-card:hover .yd-hero-media img {
    transform: scale(1.045);
    filter: saturate(1.06) contrast(1.02);
}

.yd-kicker {
    letter-spacing: .02em;
}

/* Buttons */
.yd-btn,
.yd-products .button,
.woocommerce ul.products li.product .button,
.small-link,
.newsletter-form a {
    position: relative;
    overflow: hidden;
}

.yd-btn::before,
.yd-products .button::before,
.woocommerce ul.products li.product .button::before,
.newsletter-form a::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 -130%;
    width: 120%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.34), transparent);
    transform: skewX(-18deg);
    transition: left .55s ease;
}

.yd-btn:hover::before,
.yd-products .button:hover::before,
.woocommerce ul.products li.product .button:hover::before,
.newsletter-form a:hover::before {
    left: 130%;
}

/* Section cards */
.cat-card,
.combo-card,
.test-card,
.news-card,
.yd-block,
.faq-item {
    transition:
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease,
        background .28s ease !important;
}

.cat-card:hover,
.combo-card:hover,
.test-card:hover,
.news-card:hover,
.yd-block:hover,
.faq-item:hover {
    transform: translateY(-7px);
    border-color: rgba(30,79,191,.26) !important;
    box-shadow: 0 24px 58px rgba(23, 43, 83, .12) !important;
}

.cat-card img,
.combo-card img,
.news-card img {
    transition: transform .6s ease, filter .6s ease !important;
}

.cat-card:hover img,
.combo-card:hover img,
.news-card:hover img {
    transform: scale(1.045);
    filter: saturate(1.08) contrast(1.02);
}

.cat-card h3,
.combo-card h4,
.news-card h3 {
    transition: color .25s ease;
}

.cat-card:hover h3,
.combo-card:hover h4,
.news-card:hover h3 {
    color: var(--yd-primary) !important;
}

/* Combo */
.combo-intro {
    position: relative;
    overflow: hidden;
    box-shadow: 0 22px 60px rgba(255, 210, 74, .18);
}

.combo-intro::after {
    content: "";
    position: absolute;
    right: -80px;
    bottom: -80px;
    width: 230px;
    height: 230px;
    border-radius: 50%;
    background: rgba(255,255,255,.45);
}

.combo-feats div {
    padding: 10px 8px;
    border-radius: 12px;
    background: rgba(255,255,255,.55);
}

/* Product polish */
.yd-products ul.products li.product,
.woocommerce ul.products li.product {
    transform: translateZ(0);
}

.yd-products ul.products li.product::after,
.woocommerce ul.products li.product::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(135deg, rgba(30,79,191,.10), transparent 35%, rgba(255,255,255,.0));
    opacity: 0;
    transition: opacity .25s ease;
}

.yd-products ul.products li.product:hover::after,
.woocommerce ul.products li.product:hover::after {
    opacity: 1;
}

.yd-products ul.products li.product a img,
.woocommerce ul.products li.product a img {
    transition: transform .65s ease, filter .65s ease !important;
}

.yd-products ul.products li.product:hover a img,
.woocommerce ul.products li.product:hover a img {
    transform: scale(1.045);
}

/* Badge giảm giá thêm đẹp */
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale,
.yd-products ul.products li.product .onsale {
    backdrop-filter: blur(8px);
}

/* Banner */
.banner-card {
    position: relative;
    overflow: hidden;
    box-shadow: 0 26px 70px rgba(33, 90, 160, .12);
}

.banner-card::before {
    content: "";
    position: absolute;
    left: 38%;
    top: -60%;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    background: rgba(255,255,255,.5);
    filter: blur(6px);
    animation: yodySoftBubble 7s ease-in-out infinite;
}

.banner-copy {
    position: relative;
    z-index: 2;
}

/* Feedback */
.test-card {
    position: relative;
}

.test-card::before {
    content: "“";
    position: absolute;
    right: 18px;
    top: 6px;
    color: rgba(30,79,191,.11);
    font-size: 82px;
    line-height: 1;
    font-family: Georgia, serif;
}

/* FAQ clickable style */
.faq-item {
    cursor: pointer;
}

.faq-item:hover {
    background: #f5f9ff !important;
}

.faq-item span:last-child {
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: #eef5ff;
    color: var(--yd-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform .25s ease, background .25s ease;
}

.faq-item:hover span:last-child {
    transform: rotate(90deg);
    background: var(--yd-primary);
    color: #fff;
}

/* Newsletter */
.newsletter {
    position: relative;
    overflow: hidden;
    box-shadow: 0 18px 52px rgba(240, 205, 66, .20);
}

.newsletter::before {
    content: "✉";
    position: absolute;
    left: 24px;
    top: 8px;
    font-size: 86px;
    color: rgba(30,79,191,.07);
    transform: rotate(-12deg);
}

.newsletter > * {
    position: relative;
    z-index: 2;
}

.newsletter-form input {
    transition: box-shadow .25s ease, border-color .25s ease, background .25s ease;
}

.newsletter-form input:focus {
    outline: none;
    border-color: rgba(30,79,191,.45);
    box-shadow: 0 12px 28px rgba(30,79,191,.12);
    background: #fff;
}

/* Page templates */
.yd-page-hero {
    position: relative;
    overflow: hidden;
}

.yd-page-hero::after {
    content: "";
    position: absolute;
    right: 10%;
    top: -80px;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background: rgba(30,79,191,.09);
}

.yd-page-hero .container {
    position: relative;
    z-index: 2;
}

/* Footer */
.yd-footer {
    background:
        radial-gradient(circle at 15% 20%, rgba(30,79,191,.06), transparent 26%),
        #ffffff !important;
}

.yd-footer a,
.yd-footer li {
    transition: color .25s ease, transform .25s ease;
}

.yd-footer a:hover,
.yd-footer li:hover {
    color: var(--yd-primary) !important;
    transform: translateX(3px);
}

/* Animations */
@keyframes yodyFadeUp {
    from {
        opacity: 0;
        transform: translateY(24px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes yodyFloatGlow {
    0%, 100% {
        transform: translate3d(0, 0, 0) scale(1);
    }
    50% {
        transform: translate3d(18px, 20px, 0) scale(1.06);
    }
}

@keyframes yodySoftBubble {
    0%, 100% {
        transform: translateY(0) scale(1);
        opacity: .55;
    }
    50% {
        transform: translateY(16px) scale(1.12);
        opacity: .8;
    }
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }
}


/* =====================================================
   YODY v1.4 - BLOG / POST / CHECKOUT FIX
   ===================================================== */

/* Blog layouts */
.yd-blog-hero {
    position: relative;
    padding: 72px 0;
    background:
        radial-gradient(circle at 12% 18%, rgba(30,79,191,.14), transparent 26%),
        radial-gradient(circle at 86% 20%, rgba(255,216,95,.22), transparent 28%),
        linear-gradient(180deg, #eef6ff 0%, #ffffff 100%);
    border-bottom: 1px solid var(--yd-line);
    overflow: hidden;
}

.yd-blog-hero::after {
    content: "";
    position: absolute;
    right: -90px;
    top: -90px;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background: rgba(30,79,191,.08);
}

.yd-blog-hero h1 {
    position: relative;
    z-index: 1;
    margin: 0 0 12px;
    font-size: clamp(38px, 5vw, 64px);
    line-height: 1.04;
    color: #12326d;
    letter-spacing: -0.045em;
}

.yd-blog-hero p {
    position: relative;
    z-index: 1;
    max-width: 720px;
    margin: 0;
    color: #60708a;
    font-size: 17px;
    line-height: 1.75;
}

.yd-blog-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 28px;
    padding: 46px 0;
}

.yd-post-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.yd-post-card {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--yd-line);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(30, 50, 100, .06);
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.yd-post-card:hover {
    transform: translateY(-7px);
    border-color: rgba(30,79,191,.22);
    box-shadow: 0 28px 56px rgba(30, 50, 100, .12);
}

.yd-post-thumb {
    display: block;
    height: 250px;
    overflow: hidden;
    background: #eef5ff;
}

.yd-post-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .55s ease, filter .55s ease;
}

.yd-post-card:hover .yd-post-thumb img {
    transform: scale(1.065);
    filter: saturate(1.06);
}

.yd-post-card-body {
    padding: 20px;
}

.yd-post-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    color: #70809b;
    font-size: 13px;
    margin-bottom: 10px;
}

.yd-post-card h2 {
    margin: 0 0 10px;
    font-size: 24px;
    line-height: 1.18;
    color: #14213d;
    letter-spacing: -0.02em;
}

.yd-post-card h2 a {
    color: inherit;
}

.yd-post-card:hover h2 {
    color: var(--yd-primary);
}

.yd-post-card p {
    margin: 0 0 16px;
    color: #617187;
    line-height: 1.65;
}

.yd-readmore {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--yd-primary);
    font-weight: 900;
}

.yd-readmore::after {
    content: "→";
    transition: transform .25s ease;
}

.yd-readmore:hover::after {
    transform: translateX(4px);
}

.yd-sidebar {
    display: grid;
    gap: 18px;
    align-content: start;
}

.yd-sidebar-card {
    border: 1px solid var(--yd-line);
    border-radius: 22px;
    background: #fff;
    padding: 22px;
    box-shadow: 0 12px 30px rgba(30,50,100,.05);
}

.yd-sidebar-card h3 {
    margin: 0 0 14px;
    color: #14213d;
    font-size: 20px;
}

.yd-sidebar-card ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.yd-sidebar-card li {
    padding: 10px 0;
    border-bottom: 1px solid #eef2f8;
}

.yd-sidebar-card li:last-child {
    border-bottom: 0;
}

.yd-sidebar-card a {
    color: #36445c;
    font-weight: 700;
}

.yd-sidebar-card a:hover {
    color: var(--yd-primary);
}

.yd-single {
    width: min(920px, 92%);
    margin: 0 auto;
    padding: 46px 0;
}

.yd-single-card {
    border: 1px solid var(--yd-line);
    border-radius: 26px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 18px 46px rgba(30,50,100,.08);
}

.yd-single-thumb img {
    width: 100%;
    max-height: 520px;
    object-fit: cover;
}

.yd-single-body {
    padding: clamp(24px, 5vw, 52px);
}

.yd-single-body h1 {
    margin: 0 0 14px;
    font-size: clamp(34px, 5vw, 58px);
    line-height: 1.04;
    color: #14213d;
    letter-spacing: -0.045em;
}

.yd-single-content {
    color: #344054;
    font-size: 17px;
    line-height: 1.85;
}

.yd-single-content h2,
.yd-single-content h3 {
    color: #14213d;
    margin-top: 32px;
}

.yd-single-content img {
    border-radius: 18px;
    margin: 22px 0;
}

.yd-post-nav {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding-top: 28px;
    margin-top: 28px;
    border-top: 1px solid var(--yd-line);
}

.yd-post-nav a {
    display: inline-flex;
    padding: 12px 16px;
    border-radius: 12px;
    background: #eef5ff;
    color: var(--yd-primary);
    font-weight: 800;
}

.yd-pagination {
    margin-top: 28px;
}

.yd-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    margin: 0 4px 6px 0;
    border: 1px solid var(--yd-line);
    border-radius: 12px;
    background: #fff;
    color: #344054;
    font-weight: 800;
}

.yd-pagination .current,
.yd-pagination .page-numbers:hover {
    background: var(--yd-primary);
    color: #fff;
    border-color: var(--yd-primary);
}

/* WooCommerce cart/checkout Vietnamese visual polish */
.woocommerce-cart .yd-content,
.woocommerce-checkout .yd-content,
.woocommerce-page .yd-content.woocommerce {
    padding-top: 42px;
}

.woocommerce-cart table.shop_table,
.woocommerce-checkout table.shop_table,
.woocommerce-checkout-review-order,
.woocommerce-cart-form,
.cart-collaterals .cart_totals {
    border: 1px solid var(--yd-line) !important;
    border-radius: 22px !important;
    background: #fff !important;
    overflow: hidden !important;
    box-shadow: 0 14px 36px rgba(30,50,100,.07) !important;
}

.woocommerce-cart table.shop_table th,
.woocommerce-cart table.shop_table td,
.woocommerce-checkout table.shop_table th,
.woocommerce-checkout table.shop_table td {
    border-color: #eef2f8 !important;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order,
.wc-block-cart__submit-button,
.wc-block-components-button,
.xoo-wsc-ft-btn,
.xoo-wsc-ft-btn-checkout,
a.checkout-button,
.checkout-button,
.button.checkout {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 46px !important;
    padding: 13px 20px !important;
    border-radius: 14px !important;
    border: 0 !important;
    background: linear-gradient(135deg, #1e4fbf, #2d72f5) !important;
    color: #fff !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    box-shadow: 0 14px 30px rgba(30,79,191,.22) !important;
    cursor: pointer !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transition: transform .25s ease, box-shadow .25s ease, filter .25s ease !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #payment #place_order:hover,
.wc-block-components-button:hover,
.xoo-wsc-ft-btn:hover,
.xoo-wsc-ft-btn-checkout:hover,
a.checkout-button:hover,
.checkout-button:hover {
    transform: translateY(-2px) !important;
    filter: brightness(1.02) !important;
    box-shadow: 0 20px 38px rgba(30,79,191,.30) !important;
    color: #fff !important;
}

.woocommerce a.remove {
    color: #ff4d5f !important;
    background: #fff1f3 !important;
    border-radius: 50% !important;
    line-height: 1 !important;
}

.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
    border-radius: 16px !important;
    border-top: 0 !important;
    background: #eef5ff !important;
    color: #1d2b4f !important;
    box-shadow: 0 12px 28px rgba(30,50,100,.06) !important;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.select2-container--default .select2-selection--single {
    min-height: 46px !important;
    border: 1px solid #dfe7f3 !important;
    border-radius: 12px !important;
    padding: 10px 14px !important;
    background: #fbfdff !important;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
    outline: 0 !important;
    border-color: rgba(30,79,191,.55) !important;
    box-shadow: 0 0 0 4px rgba(30,79,191,.10) !important;
}

/* Side cart plugins common classes */
.xoo-wsc-container,
.xoo-wsc-modal,
.xoo-wsc-basket,
.woocommerce-mini-cart {
    font-family: Arial, Helvetica, sans-serif !important;
}

.xoo-wsc-ft-btn-checkout::after,
.checkout-button::after,
.wc-block-cart__submit-button::after {
    content: " →";
}

@media (max-width: 980px) {
    .yd-blog-layout {
        grid-template-columns: 1fr;
    }

    .yd-post-grid {
        grid-template-columns: 1fr;
    }

    .yd-sidebar {
        order: 2;
    }
}


/* =====================================================
   YODY v1.5 - FINAL CHECKOUT + BLOG LINK FIX
   ===================================================== */

/* Side cart checkout button fix: chống plugin ghi đè */
.xoo-wsc-container a,
.xoo-wsc-container button,
.xoo-wsc-modal a,
.xoo-wsc-modal button,
.woocommerce-mini-cart a,
.woocommerce-mini-cart button {
    pointer-events: auto !important;
}

.xoo-wsc-ft-btn-checkout,
a.xoo-wsc-ft-btn-checkout,
.xoo-wsc-ft-btn.xoo-wsc-ft-btn-checkout,
.wc-block-cart__submit-button,
.wp-block-woocommerce-proceed-to-checkout-block a,
a.checkout-button,
.checkout-button,
a[href*="checkout"],
a[href*="thanh-toan"] {
    cursor: pointer !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    z-index: 9999 !important;
}

/* Làm lại side cart cho dễ đọc hơn */
.xoo-wsc-container,
.xoo-wsc-modal .xoo-wsc-container {
    font-family: Arial, Helvetica, sans-serif !important;
    color: #071b46 !important;
}

.xoo-wsc-header,
.xoo-wsc-ft-amt,
.xoo-wsc-ft-totals {
    border-color: #e6edf7 !important;
}

.xoo-wsc-ft-btn-checkout,
.xoo-wsc-ft-btn-cart,
.xoo-wsc-ft-btn {
    border-radius: 14px !important;
    min-height: 50px !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    letter-spacing: -0.01em !important;
}

.xoo-wsc-ft-btn-checkout {
    background: linear-gradient(135deg, #1e4fbf, #2d72f5) !important;
    color: #fff !important;
    box-shadow: 0 14px 30px rgba(30,79,191,.24) !important;
}

.xoo-wsc-ft-btn-checkout:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 22px 42px rgba(30,79,191,.32) !important;
}

/* Blog section cards: clickable rõ ràng */
.news-card,
.yd-post-card {
    cursor: pointer;
}

.news-card .yd-readmore,
.news-card .small-link {
    position: relative;
    z-index: 3;
}

/* Trang blog nếu thiếu ảnh vẫn đẹp */
.yd-post-thumb.no-thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(circle at 20% 20%, rgba(30,79,191,.16), transparent 28%),
        linear-gradient(135deg, #eef6ff, #fff9df);
    color: #1e4fbf;
    font-size: 26px;
    font-weight: 900;
}

/* WooCommerce checkout full page đẹp hơn */
.woocommerce-checkout .woocommerce {
    max-width: 1180px;
    margin: 0 auto;
}

.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review {
    border-radius: 22px;
}

@media (max-width: 700px) {
    .xoo-wsc-ft-btn-checkout,
    .xoo-wsc-ft-btn-cart,
    .xoo-wsc-ft-btn {
        width: 100% !important;
    }
}


/* =====================================================
   YODY v1.6 - FINAL BLOG DEMO + CHECKOUT PAGE
   ===================================================== */

.yd-single-card {
    border-radius: 32px !important;
    overflow: hidden;
    background: #fff;
}

.yd-single-cover {
    position: relative;
    min-height: 420px;
    background:
        linear-gradient(90deg, rgba(8, 21, 54, .68), rgba(8, 21, 54, .18)),
        var(--yd-cover, linear-gradient(135deg,#eaf5ff,#fff7d6));
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: flex-end;
    padding: clamp(28px, 5vw, 56px);
}

.yd-single-cover h1 {
    color: #fff !important;
    max-width: 760px;
    text-shadow: 0 16px 42px rgba(0,0,0,.28);
}

.yd-single-cover .yd-post-meta {
    color: rgba(255,255,255,.88);
}

.yd-single-content .yd-tip-box {
    padding: 20px 22px;
    border-radius: 20px;
    background: #eef6ff;
    border: 1px solid #dceaff;
    margin: 24px 0;
}

.yd-single-content .yd-look-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin: 26px 0;
}

.yd-single-content .yd-look-card {
    border: 1px solid var(--yd-line);
    border-radius: 18px;
    padding: 18px;
    background: #fff;
    box-shadow: 0 14px 30px rgba(30,50,100,.06);
}

.yd-single-content .yd-look-card strong {
    color: #1e4fbf;
    display: block;
    margin-bottom: 8px;
}

.yd-checkout-created {
    padding: 54px 0;
}

.yd-checkout-box {
    max-width: 980px;
    margin: 0 auto;
    padding: 28px;
    border: 1px solid var(--yd-line);
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 24px 60px rgba(30,50,100,.10);
}

.yody-force-checkout,
.yody-checkout-link,
.xoo-wsc-ft-btn-checkout,
.checkout-button {
    user-select: none !important;
}

@media (max-width: 760px) {
    .yd-single-cover {
        min-height: 330px;
    }
    .yd-single-content .yd-look-grid {
        grid-template-columns: 1fr;
    }
}


/* =====================================================
   YODY v1.6.3 - MENU FIX
   ===================================================== */

/* Header/menu không tràn và không đè logo/search */
.yd-header-main {
    grid-template-columns: 150px minmax(0, 1fr) 360px !important;
    gap: 22px !important;
}

.yd-menu {
    min-width: 0 !important;
    overflow: hidden !important;
}

.yd-menu ul {
    max-width: 100% !important;
    overflow: hidden !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
}

.yd-menu li {
    flex: 0 0 auto !important;
}

.yd-menu a {
    white-space: nowrap !important;
}

/* Nếu menu quá nhiều item do dữ liệu cũ, vẫn không phá layout */
.yd-menu ul li:nth-child(n+9) {
    display: none !important;
}

.yd-actions {
    min-width: 0 !important;
    position: relative !important;
    z-index: 3 !important;
}

.yd-logo {
    position: relative !important;
    z-index: 4 !important;
}

/* Admin bar đang bật thì tránh header bị dính sát trên */
body.admin-bar .yd-header {
    top: 32px !important;
}

/* Mobile: menu cuộn ngang đẹp */
@media (max-width: 980px) {
    .yd-header-main {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .yd-menu {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scrollbar-width: thin;
    }

    .yd-menu ul {
        justify-content: flex-start !important;
        overflow: visible !important;
        padding: 0 12px !important;
        min-width: max-content !important;
    }

    .yd-menu ul li:nth-child(n+9) {
        display: list-item !important;
    }
}


/* =====================================================
   YODY v1.6.4 - HIDE COUPON NOTICE + VN FOOTER + MORE NEWS
   ===================================================== */

/* Ẩn thông báo coupon/mã ưu đãi gây khó chịu */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-notices-wrapper {
    transition: opacity .2s ease;
}

.woocommerce-message:has(a[href*="remove_coupon"]),
.woocommerce-info:has(a[href*="remove_coupon"]),
.woocommerce-error:has(a[href*="remove_coupon"]) {
    display: none !important;
}

/* Fallback nếu trình duyệt không hỗ trợ :has(), JS sẽ thêm class này */
.yd-hide-coupon-notice {
    display: none !important;
}

/* Tin tức 6 khối đẹp hơn */
.news-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
}

.news-card {
    min-height: 360px;
}

.news-card img,
.news-card > .wp-post-image {
    height: 210px !important;
    width: 100% !important;
    object-fit: cover !important;
}

.news-card .inner {
    min-height: 150px;
}

.news-card h3 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Footer Việt hóa, bố cục đẹp hơn */
.yd-footer {
    background: linear-gradient(180deg, #071226 0%, #0c1830 100%) !important;
    color: rgba(255,255,255,.78) !important;
}

.yd-footer a {
    color: rgba(255,255,255,.78) !important;
}

.yd-footer a:hover {
    color: #fff !important;
}

.yd-footer h3,
.yd-footer h4,
.yd-footer .footer-title {
    color: #fff !important;
}

.yd-footer input {
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    color: #fff !important;
}

.yd-footer input::placeholder {
    color: rgba(255,255,255,.48) !important;
}

.yd-footer .yd-btn,
.yd-footer button {
    background: linear-gradient(135deg, #1e4fbf, #2d72f5) !important;
    color: #fff !important;
}

@media (max-width: 980px) {
    .news-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    .news-grid {
        grid-template-columns: 1fr !important;
    }
}


/* =====================================================
   YODY v1.6.5 - FASHION NEWS IMAGES + ALL LINKS FIX
   ===================================================== */

.news-card {
    text-decoration: none !important;
}

.news-card img,
.news-card > .wp-post-image {
    background: #eef5ff !important;
}

/* Các nút/link có trạng thái rõ ràng, tránh bị plugin phủ lớp làm không bấm được */
.yd-btn,
.small-link,
.news-card,
.cat-card,
.combo-card,
.banner-card a,
.yd-products a,
.woocommerce a.button,
.woocommerce button.button,
.checkout-button,
.yody-checkout-link,
.yd-safe-link {
    pointer-events: auto !important;
    cursor: pointer !important;
    position: relative;
    z-index: 2;
}

.yd-btn:active,
.small-link:active,
.news-card:active,
.cat-card:active,
.combo-card:active {
    transform: translateY(1px);
}

/* Chặn overlay giả làm che nút */
.yd-hero-card::before,
.banner-card::before,
.news-card::before,
.combo-card::before,
.cat-card::after {
    pointer-events: none !important;
}

/* Card tin tức đẹp hơn */
.news-card .yd-badge {
    background: linear-gradient(135deg, #eef5ff, #fff7d6);
    color: #1e4fbf;
    border: 1px solid rgba(30,79,191,.08);
}

.news-card:hover .small-link {
    letter-spacing: .01em;
}

@media (max-width: 640px) {
    .section-head {
        gap: 12px;
    }
    .section-head .small-link {
        white-space: nowrap;
    }
}


/* =====================================================
   YODY v1.6.6 - REMOVE BIRD NEWS CARD
   ===================================================== */

.news-card img {
    object-position: center center !important;
}

/* Ẩn an toàn nếu còn bài cũ chứa class/slug bird từ cache */
.news-card[data-yody-old="bird"] {
    display: none !important;
}