/*
Theme Name: Lindo Shop 
Author: Lindo.vn
Description: WordPress theme tích hợp  CSS đầy đủ layout: tìm kiếm, trang, bài viết, sản phẩm...
Version: 1.0
*/
.container{max-width:1300px!important;width:100%;margin-left:auto;margin-right:auto}
@media screen and (min-width: 1024px) {
.header-main .navbar{min-height:auto!important}
}
.header-main .hotline_header .icon{font-size:1.25rem;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#f0f0f0;border-radius:50%;margin-right:10px}
.header-main .icon-wrapper{position:relative;display:inline-block;margin-top:-15px}
.header-main .cart-badge{position:absolute;top:-6px;right:-10px;background-color:#f14668;color:#fff;font-size:.65rem;font-weight:700;padding:4px 6px;line-height:1;border-radius:999px;min-width:18px;text-align:center}
#menuchinh{box-shadow:0 4px 6px -2px #0000001a}
.style-title-1 .heading_widget{font-weight:700;display:inline-block;padding-bottom:6px}
.style-title-1 .heading_widget a{text-decoration:none;color:inherit}
.style-title-2 .heading_widget{display:inline-block;background:#fff0f0;padding:10px 16px;font-weight:600;border-radius:6px}
.style-title-2 .heading_widget a{text-decoration:none;color:inherit}
.style-title-3 .heading_widget{font-weight:700;color:#111;margin:0}
.style-title-3 .heading_widget a{text-decoration:none;color:inherit}
.style-title-4{text-align:center}
.style-title-4 .heading_widget{font-weight:700}
.style-title-4 .heading_widget i{margin-right:8px}
.style-title-4 .heading_widget a{text-decoration:none;color:inherit}
.style-title-5{text-align:center}
.style-title-5 .heading_widget{text-transform:uppercase;font-weight:600;position:relative;display:inline-block;padding-bottom:8px}
.style-title-5 .heading_widget::after{content:'';position:absolute;width:60px;height:3px;left:50%;transform:translateX(-50%);bottom:0}
.style-title-5 .heading_widget a{color:inherit;text-decoration:none}
.rank-math-breadcrumb{font-size:.9rem;color:#666}
.rank-math-breadcrumb a{color:#3273dc;text-decoration:none}
.rank-math-breadcrumb a:hover{text-decoration:underline}
.entry-content{line-height:1.8;font-size:1rem;color:#333;word-wrap:break-word}
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{font-weight:600;margin:2rem 0 1rem;line-height:1.4}
.entry-content h1{font-size:2rem}
.entry-content h2{font-size:1.75rem}
.entry-content h3{font-size:1.5rem}
.entry-content h4{font-size:1.25rem}
.entry-content h5{font-size:1.125rem}
.entry-content h6{font-size:1rem}
.entry-content p{margin-bottom:1.5rem}
.entry-content a{color:#3273dc;text-decoration:underline}
.entry-content a:hover{text-decoration:none}
.entry-content ul,.entry-content ol{margin:1rem 0 1rem 1.5rem;padding-left:1rem}
.entry-content ul{list-style:disc}
.entry-content ol{list-style:decimal}
.entry-content img{max-width:100%;height:auto;border-radius:6px}
.entry-content .wp-caption{margin:1.5rem 0;max-width:100%;text-align:center}
.entry-content .wp-caption img{margin-bottom:.5rem}
.entry-content .wp-caption-text{font-size:.875rem;color:#666}
.entry-content blockquote{margin:2rem 0;padding:1rem 1.5rem;border-left:4px solid #ccc;background:#f9f9f9;color:#555;font-style:italic}
.entry-content table{width:100%;border-collapse:collapse;margin:2rem 0}
.entry-content th,.entry-content td{border:1px solid #ccc;padding:.75rem;text-align:left}
.entry-content th{background:#f0f0f0;font-weight:600}
.entry-content pre{background:#f5f5f5;padding:1rem;overflow-x:auto;margin:1.5rem 0;border-radius:4px}
.entry-content code{background:#f5f5f5;padding:.2rem .4rem;border-radius:3px;font-family:monospace}
.entry-content iframe,.entry-content embed,.entry-content video{max-width:100%;height:auto;display:block;margin:1.5rem 0}
.entry-content .page-links{margin:2rem 0;font-size:.9rem}
.entry-content .page-links a{margin-right:.5rem;padding:.3rem .6rem;background:#eee;border-radius:4px;text-decoration:none}
.entry-content .page-links .current{background:#3273dc;color:#fff;font-weight:600}
.entry-content img.alignleft{float:left;margin:0 1.5rem 1.5rem 0;display:inline}
.entry-content img.alignright{float:right;margin:0 0 1.5rem 1.5rem;display:inline}
.entry-content img.aligncenter{display:block;margin-left:auto;margin-right:auto;margin-bottom:1.5rem}
.entry-content .alignleft{float:left;margin:0 1.5rem 1.5rem 0}
.entry-content .alignright{float:right;margin:0 0 1.5rem 1.5rem}
.entry-content .aligncenter{display:block;margin-left:auto;margin-right:auto;text-align:center}
.comment-list{list-style:none;margin:0;padding:0}
.comment-list .comment{border-bottom:1px solid #eee;padding-bottom:2rem;margin-bottom:2rem}
.comment-list .media-left img{border-radius:50%;max-width:48px;height:auto}
.comment-list .media-content .content{font-size:1rem;line-height:1.6}
.comment-list strong{color:#363636;font-weight:600}
.comment-list small{color:#888;font-size:.85rem}
.comment-list .has-text-right{margin-top:.5rem}
.comment-reply-link{font-size:.85rem;color:#3273dc;text-decoration:none}
.comment-reply-link:hover{text-decoration:underline}
.comment-form{margin-top:2rem}
.comment-form .field{margin-bottom:1.5rem}
.comment-form .label{font-weight:500;font-size:.95rem;margin-bottom:.5rem;display:block}
.comment-form .input,.comment-form .textarea{width:100%;font-size:1rem;border:1px solid #ccc;border-radius:6px;padding:.75rem;box-sizing:border-box;background:#fff;transition:border-color .3s ease}
.comment-form .input:focus,.comment-form .textarea:focus{border-color:#3273dc;outline:none}
.comment-form .columns{margin-bottom:1rem}
.comment-form-cookies-consent{font-size:.875rem;color:#666;display:flex;align-items:flex-start;gap:.5rem}
.comment-form-cookies-consent input[type="checkbox"]{margin-top:.3rem}
.comment-form .form-submit{margin-top:1rem}
.comment-form .button.is-primary{background-color:#3273dc;border:none;color:#fff;font-size:1rem;padding:.6rem 1.5rem;border-radius:6px;cursor:pointer;transition:background-color .3s ease}
.comment-form .button.is-primary:hover{background-color:#275aba}
.comment-form-verify{margin-top:1rem}
.comment-form-verify input{width:100%;padding:.5rem;border-radius:6px;border:1px solid #ccc}
.sidebar{padding:1rem}
.sidebar .widget{margin-bottom:2rem;background:#fafafa;border:1px solid #eee;border-radius:6px;padding:1rem 1rem .5rem}
.sidebar .widget-title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #ddd;color:#363636}
.sidebar ul{list-style:none;padding-left:0;margin:0}
.sidebar ul li{margin-bottom:.75rem;line-height:1.6}
.sidebar ul li a{color:#363636;text-decoration:none;display:inline-block;transition:color .2s ease}
.sidebar ul li a:hover{color:#3273dc;text-decoration:underline}
.sidebar .count{font-size:.85rem;color:#888;margin-left:4px}
.sidebar .children{margin-top:.5rem;margin-left:1rem;padding-left:1rem;border-left:2px solid #eee}
.sidebar .widget_media_image img{max-width:100%;height:auto;border-radius:6px;display:block}
.sidebar .widget_text p{font-size:.95rem;line-height:1.6;color:#444;margin-bottom:1rem}
.sidebar .wpcf7{margin-top:1rem;font-size:.95rem}
.sidebar .wpcf7-form{display:flex;flex-direction:column;gap:1rem}
.sidebar .wpcf7-form label{font-weight:500;margin-bottom:.25rem;display:block;color:#363636;font-size:.95rem}
.sidebar .wpcf7-form input[type="text"],.sidebar .wpcf7-form input[type="email"],.sidebar .wpcf7-form input[type="tel"],.sidebar .wpcf7-form textarea{width:100%;padding:.5rem .75rem;font-size:.95rem;border:1px solid #ccc;border-radius:6px;background:#fff;box-sizing:border-box}
.sidebar .wpcf7-form textarea{min-height:100px;resize:vertical}
.sidebar .wpcf7-form input[type="submit"]{background-color:#3273dc;color:#fff;border:none;font-size:1rem;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer;transition:background-color .3s ease}
.sidebar .wpcf7-form input[type="submit"]:hover{background-color:#275aba}
.sidebar .wpcf7-response-output{margin-top:.5rem;font-size:.9rem;padding:.75rem;border-radius:4px}
.sidebar .wpcf7-form.sent .wpcf7-response-output{background-color:#dff0d8;color:#3c763d;border:1px solid #b2dba1}
.sidebar .wpcf7-form.invalid .wpcf7-response-output{background-color:#fef0ef;color:#d33;border:1px solid #e4b4b4}
.sidebar .wpcf7-not-valid-tip{font-size:.85rem;color:#d33;margin-top:.25rem;display:block}
header .breadcrumb{padding:0;margin-top:.5rem;margin-bottom:.5rem;font-size:.875rem}
.breadcrumb p{margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}
.breadcrumb a{color:#3273dc;text-decoration:none;font-size:.875rem}
.breadcrumb a:hover{text-decoration:underline}
.breadcrumb .separator{margin:0;color:#999}
.breadcrumb .last{color:#666;font-weight:500}
header .breadcrumb{display:block;margin-top:.25rem}
.archive.category .media-left{flex-shrink:0}
.archive.category .media-left .image{width:268px;height:auto}
.archive.category .media-left img{width:100%;height:auto;object-fit:cover;border-radius:10px}
.archive.category .title.is-size-5{font-size:1.2rem;font-weight:600;margin-bottom:.25rem}
.archive.category .is-size-7{font-size:.9rem;color:#666;margin-bottom:.5rem}
.archive.category .is-size-6{font-size:1rem;line-height:1.5;color:#444}
.archive.category .title.is-size-5 a{color:#222;text-decoration:none}
.archive.category .title.is-size-5 a:hover{color:#3273dc;text-decoration:underline}
.pagination.is-centered {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
  width: 100%;
}
.pagination-list {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.pagination .pagination-link {
  border: 1px solid #ddd;
  padding: .5rem .75rem;
  border-radius: 4px;
  margin: 0 .25rem;
  color: #3273dc;
  background-color: #fff;
  transition: background-color .2s ease;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  height: 2rem;
  font-size: 0.9rem;
}
.pagination .pagination-link:hover {
  background-color: #f5f5f5;
}
.pagination .pagination-link.current {
  background-color: #3273dc;
  color: #fff;
  font-weight: 600;
  pointer-events: none;
}
.pagination .pagination-link .icon {
  font-size: 0.8rem;
}
.nav-links {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.nav-links .page-numbers {
  border: 1px solid #ddd;
  padding: .5rem .75rem;
  border-radius: 4px;
  margin: 0 .25rem;
  color: #3273dc;
  background-color: #fff;
  transition: background-color .2s ease;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  height: 2rem;
  font-size: 0.9rem;
}
.nav-links .page-numbers:hover {
  background-color: #f5f5f5;
}
.nav-links .page-numbers.current {
  background-color: #3273dc;
  color: #fff;
  font-weight: 600;
  pointer-events: none;
}
.nav-links .page-numbers .icon {
  font-size: 0.8rem;
}

    /* ── Wrapper ── */
    .gg-wrap { width: 100%; }

    /* ── Hàng 1: 2 bài đầu ── */
    .gg-row1 {
        display: grid;
        grid-template-columns: 7fr 5fr;
        gap: 14px;
        margin-bottom: 14px;
    }

    /* ── Hàng 2: từ bài 3 trở đi, chia đều ── */
    .gg-row2 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 14px;
    }
    /* 2 bài thì chia đôi */
    .gg-row2.gg-cols-2 { grid-template-columns: repeat(2, 1fr); }
    /* 4 bài thì chia 4 */
    .gg-row2.gg-cols-4 { grid-template-columns: repeat(4, 1fr); }

    /* ── Card ── */
    .gg-card {
        position: relative;
        border-radius: 16px;
        overflow: hidden;
        cursor: pointer;
        background: #14532d;
        display: block;
        text-decoration: none;
    }
    .gg-card:hover .gg-thumb-inner { transform: scale(1.05); }
    .gg-card:hover .gg-cta         { opacity: 1; transform: translateY(0); }

    /* ── Thumbnail ── */
    .gg-thumb {
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    .gg-row1 .gg-card:nth-child(1) .gg-thumb { aspect-ratio: 16/9; }
    .gg-row1 .gg-card:nth-child(2) .gg-thumb { aspect-ratio: 4/3; }
    .gg-row2 .gg-card .gg-thumb              { aspect-ratio: 4/3; }

    .gg-thumb-inner {
        position: absolute;
        inset: 0;
        background-size: cover;
        background-position: center;
        background-color: #14532d;
        transition: transform 0.4s ease;
    }
    .gg-thumb-inner svg {
        position: absolute;
        top: 50%; left: 50%;
        transform: translate(-50%, -50%);
        width: 88%; height: 88%;
        opacity: 0.6;
    }

    /* ── Overlay ── */
    .gg-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(to top, rgba(10,26,10,0.92) 0%, transparent 55%);
        pointer-events: none;
        z-index: 1;
    }

    /* ── Info ── */
    .gg-info {
        position: absolute;
        bottom: 0; left: 0; right: 0;
        padding: 20px;
        z-index: 2;
    }
    .gg-cat {
        font-size: 10px;
        font-weight: 800;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        color: #4ade80;
        margin-bottom: 5px;
    }
    .gg-title {
        font-family: 'Barlow Condensed', sans-serif;
        font-weight: 900;
        text-transform: uppercase;
        color: #fff;
        line-height: 1.1;
        margin-bottom: 4px;
    }
    .gg-row1 .gg-card:nth-child(1) .gg-title { font-size: 28px; }
    .gg-row1 .gg-card:nth-child(2) .gg-title { font-size: 22px; }
    .gg-row2 .gg-card .gg-title              { font-size: 18px; }

    .gg-meta {
        font-size: 11px;
        color: rgba(255,255,255,0.65);
    }

    /* ── Badge ── */
    .gg-badge {
        position: absolute;
        top: 12px; left: 12px;
        background: #16a34a;
        color: #fff;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        padding: 3px 10px;
        border-radius: 4px;
        z-index: 3;
    }

    /* ── Nút hover ── */
    .gg-cta {
        position: absolute;
        bottom: 16px; right: 16px;
        background: #d97706;
        color: #fff;
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        padding: 6px 14px;
        border-radius: 4px;
        opacity: 0;
        transform: translateY(6px);
        transition: all 0.25s;
        z-index: 3;
    }

    /* ── Nút xem tất cả ── */
    .gg-viewall {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 14px;
        padding: 16px;
        font-size: 14px;
        font-weight: 700;
        color: #16a34a;
        background: #f0fdf4;
        border: 1.5px dashed rgba(22,163,74,0.35);
        border-radius: 10px;
        text-decoration: none;
        transition: all 0.2s;
    }
    .gg-viewall:hover {
        background: #16a34a;
        color: #fff;
        border-style: solid;
    }

    /* ══ RESPONSIVE ══════════════════════════════════════════ */

    /* Tablet ≤ 900px: hàng 1 bài đầu full, bài 2 nhỏ; hàng 2 tối đa 2 cột */
    @media (max-width: 900px) {
        .gg-row1 { grid-template-columns: 1fr 1fr; }
        .gg-row1 .gg-card:nth-child(1) .gg-thumb { aspect-ratio: 16/9; }
        .gg-row1 .gg-card:nth-child(2) .gg-thumb { aspect-ratio: 16/9; }
        .gg-row1 .gg-card:nth-child(1) .gg-title { font-size: 22px; }
        .gg-row1 .gg-card:nth-child(2) .gg-title { font-size: 18px; }
        .gg-row2                    { grid-template-columns: repeat(2, 1fr); }
        .gg-row2.gg-cols-4          { grid-template-columns: repeat(2, 1fr); }
        .gg-row2 .gg-card .gg-title { font-size: 15px; }
    }

    /* Mobile ≤ 600px: tất cả 1 cột */
    @media (max-width: 600px) {
        .gg-row1 {
            grid-template-columns: 1fr;
            margin-bottom: 10px;
            gap: 10px;
        }
        .gg-row2,
        .gg-row2.gg-cols-2,
        .gg-row2.gg-cols-4 {
            grid-template-columns: 1fr;
            gap: 10px;
        }
        .gg-card .gg-thumb,
        .gg-row1 .gg-card:nth-child(1) .gg-thumb,
        .gg-row1 .gg-card:nth-child(2) .gg-thumb,
        .gg-row2 .gg-card .gg-thumb {
            aspect-ratio: 16/9;
        }
        .gg-card .gg-title,
        .gg-row1 .gg-card:nth-child(1) .gg-title,
        .gg-row1 .gg-card:nth-child(2) .gg-title,
        .gg-row2 .gg-card .gg-title {
            font-size: 15px;
        }
        .gg-info  { padding: 14px; }
        .gg-cat   { font-size: 9px; }
        .gg-cta   { display: none; }
        .gg-viewall { font-size: 13px; padding: 13px; }
    }