/* Giao diện chung v2 (07/10/2026) — nạp sau sua-ui.css và gu.css.
   Một thang chữ Nunito: thân 16, nhỏ 13, menu 15; màu: mực #071c1f, xanh #436B4A, nền giấy #F7F5EB. */
body{font-family:Nunito,sans-serif;font-size:16px;line-height:1.6;color:#071c1f;background:#fff}
h1,h2,h3,h4,h5,h6{font-family:Nunito,sans-serif}

/* ---------- đầu trang ---------- */
.gd-dau .ltn__header-middle-area{padding-top:0;padding-bottom:0;border-bottom:1px solid #e4e4dc;background:#fff}
.gd-dau .ltn__header-middle-area>.container>.row{align-items:center;min-height:64px;flex-wrap:nowrap}
.gd-dau .site-logo img{height:40px;width:auto;max-width:none}
.gd-dau .ltn__main-menu>ul>li{margin-right:4px}
.gd-dau .ltn__main-menu>ul>li>a{font-size:15px;font-weight:700;padding:20px 9px;color:#071c1f}
.gd-dau .ltn__main-menu li:hover>a,.gd-dau .ltn__main-menu li.on>a{color:#436B4A}
.gd-dau .ltn__main-menu li>ul{border-radius:0;box-shadow:0 8px 24px rgba(7,28,31,.1);border-top:2px solid #436B4A;padding:8px 0}
.gd-dau .ltn__main-menu li>ul li>a{font-size:14px;font-weight:600;padding:8px 18px}
.gd-dau .ltn__main-menu>ul>li.menu-icon>a{padding-right:22px}.gd-dau .ltn__main-menu .menu-icon>a::before{font-size:9px;right:8px;color:#5d6a62}
.gd-dau .ltn__header-options{display:flex;align-items:center;flex:0 0 auto;width:auto;max-width:none;margin:0 0 0 auto;padding:0 12px 0 0}
.gd-dau .ltn__header-options>div{margin-top:0;margin-bottom:0}
.gd-dau .header-search-1 .search-icon,
.gd-dau .mini-cart-icon>a,
.gd-dau .mobile-menu-toggle>a{width:40px;height:40px;display:grid;place-items:center;border:1px solid #e4e4dc;border-radius:0;background:#fff;color:#071c1f;font-size:16px;position:relative;margin:0;box-shadow:none}
.gd-dau .header-search-wrap,.gd-dau .mini-cart-icon,.gd-dau .mobile-menu-toggle{margin:0 0 0 6px}
/* khung ngoài của nút tìm (theme 50x50, nền xanh khi rê chuột) lòi ra sau ô 40x40: bỏ */
.gd-dau .ltn__header-options-2 .header-search-1,.gd-dau .header-search-1{width:auto;height:auto;line-height:normal;background:none;box-shadow:none;padding:0}
.gd-dau .header-search-1:hover .search-icon,.gd-dau .search-open .search-icon{border-color:#436B4A;color:#436B4A}
.gd-dau .mini-cart-icon sup{position:absolute;top:-7px;right:-7px;left:auto;background:#436B4A;color:#fff;font:800 11px/18px Nunito,sans-serif;min-width:18px;height:18px;border-radius:0;text-align:center;padding:0 4px}
.gd-dau .mobile-menu-toggle svg{width:44px;height:44px;margin:-2px}
.gd-dau .ltn__header-middle-area.sticky-active{box-shadow:0 1px 0 #e4e4dc;padding-top:0;padding-bottom:0}

/* ngăn kéo giỏ hàng + menu điện thoại */
.ltn__utilize{font-family:Nunito,sans-serif}
.ltn__utilize-menu-head{border-bottom:1px solid #e4e4dc}
.ltn__utilize-menu-title{font-size:18px;font-weight:800;color:#071c1f}
.ltn__utilize-close{border-radius:0}
.ltn__utilize-menu>ul>li>a{font-size:16px;font-weight:700;color:#071c1f}
.ltn__utilize-menu ul li a:hover{color:#436B4A}
.ltn__utilize-menu .sub-menu li a{font-size:15px;font-weight:600}
.ltn__utilize-menu-search-form input{border-radius:0;font-size:15px}
.mini-cart-product-area .mini-cart-item{border-color:#e4e4dc}
.mini-cart-product-area h6,.mini-cart-product-area h6 a{font-size:15px;font-weight:700;color:#071c1f;line-height:1.35}
.mini-cart-product-area .mini-cart-quantity{font-size:14px;color:#5d6a62}
.mini-cart-sub-total h5{font-size:16px;font-weight:800}
.mini-cart-footer .btn-wrapper{display:flex;gap:8px}
.mini-cart-footer .btn-wrapper .btn{flex:1;display:flex;align-items:center;justify-content:center;white-space:nowrap;margin:0;border-radius:0;height:48px;line-height:1;padding:0 10px;font:800 15px Nunito,sans-serif;box-shadow:none;text-transform:none}
.mini-cart-footer .theme-btn-1{background:#436B4A;color:#fff}
.mini-cart-footer .theme-btn-1:hover{background:#365a3c;color:#fff}
.mini-cart-footer .theme-btn-2{background:#fff;color:#071c1f;border:1px solid #e4e4dc}
.mini-cart-footer p{font-size:13px;color:#5d6a62}

/* ---------- chân trang ---------- */
.gd-cuoi{font-size:14px;line-height:1.6;color:#c9d3cf;margin-top:56px}
.gd-cuoi .footer-top-area{padding-top:44px;padding-bottom:12px}
.gd-cuoi .footer-widget{margin-bottom:28px}
.gd-cuoi .footer-logo img{max-width:180px!important;height:auto}
.gd-cuoi .footer-title{font-size:15px;font-weight:800;color:#fff;margin:0 0 12px;text-transform:none}
.gd-cuoi .footer-title::before,.gd-cuoi .footer-title::after{display:none}
.gd-cuoi .footer-menu ul li{margin:0;padding:0}
.gd-cuoi .footer-menu ul li a{font-size:14px;color:#c9d3cf;display:block;padding:4px 0}
.gd-cuoi .footer-menu ul li a::before{display:none}
.gd-cuoi .footer-menu ul li a:hover,.gd-cuoi a:hover{color:#fff}
.gd-cuoi .footer-address ul li{margin-bottom:8px;display:flex;gap:10px;align-items:flex-start}
.gd-cuoi .footer-address-icon{font-size:14px;color:#9fb5a3;margin:2px 0 0;width:auto}
.gd-cuoi .footer-address-info p,.gd-cuoi .footer-address-info p a{font-size:14px;color:#c9d3cf;margin:0}
.gd-cuoi .ltn__social-media ul li a{border-radius:0}
.gd-cuoi .ltn__copyright-area{border-top:1px solid #1d3438;padding-top:14px;padding-bottom:14px}
.gd-cuoi .ltn__copyright-design{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.gd-cuoi .ltn__copyright-design p{font-size:13px;color:#9aa8a3;margin:0}

/* ---------- nút / ô nhập kiểu cũ còn sót trên các trang chưa viết lại ---------- */
.theme-btn-1.btn,.theme-btn-2.btn,.btn-effect-1,.btn-effect-2{border-radius:0;font-family:Nunito,sans-serif;font-weight:800;text-transform:none}
.theme-btn-1{background-color:#436B4A}
.theme-btn-1:hover{background-color:#365a3c;color:#fff}
input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],textarea,select{font-family:Nunito,sans-serif;border-radius:0}
/* ô nhập trong form cũ (đặt hàng, liên hệ, đăng nhập): 48px, viền mảnh, chữ 16 */
input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number]{height:48px;border:1px solid #d5d8cf;font-size:16px;padding:0 14px;color:#071c1f;background:#fff;width:100%;margin-bottom:20px;box-shadow:none}
textarea{border:1px solid #d5d8cf;font-size:16px;padding:12px 14px;color:#071c1f;margin-bottom:20px}
input:focus,textarea:focus,select:focus{border-color:#436B4A;outline:0}
.gx input[type=text],.gx input[type=email],.gx input[type=tel],.gx input[type=number]{margin-bottom:0}

@media (max-width:1199px){
  .gd-dau .ltn__header-middle-area>.container>.row{min-height:60px}
  .gd-dau .header-menu-column{display:none}
  .gd-dau .site-logo img{height:34px}
}
@media (max-width:575px){
  .gd-dau .header-search-wrap{display:none}
  .gd-dau .nn-chon{display:none} /* màn hẹp: chọn ngôn ngữ nằm trong menu (.menu-nn), tránh đè logo */
  .gd-cuoi .footer-top-area{padding-left:16px;padding-right:16px}
}
.gd-cuoi>div>.container-fluid{max-width:1200px;padding-left:16px;padding-right:16px}

/* iPhone/iPad: chạm lần 1 mà :hover làm hiện thêm thứ gì (lớp phủ ảnh, gạch chân…) thì iOS coi là "rê chuột", phải chạm lần 2.
   Máy cảm ứng: tắt các hiệu ứng hover-hiện của style.css cũ. */
@media (hover: none) {
    .ltn__product-item:hover .product-img::before,
    .ltn__category-item-3:hover::before,
    .footer-menu ul li:hover a::before { opacity: 0; visibility: hidden; }
    .ltn__category-item-3:hover::before { width: 0; }
    .btn-effect-1:hover::after, .btn-effect-2:hover::after,
    .btn-effect-3:hover::after, .btn-effect-4:hover::after { width: 0; }
    .footer-menu ul li:hover a { padding-left: 0; }
    .ltn__blog-item-3:hover .ltn__blog-img img { transform: none; }
}

/* nút chọn ngôn ngữ ở đầu trang (layouts/header) */
.gd-dau .nn-chon,.ltn__header-options .nn-chon{position:relative;margin-right:10px}
.nn-chon summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 8px;border:1px solid #e5e5e5;font:800 14px/1 inherit;color:#071c1f}
.nn-chon summary::-webkit-details-marker{display:none}
.nn-chon ul{position:absolute;right:0;top:calc(100% + 6px);z-index:1000;list-style:none;margin:0;padding:6px 0;background:#fff;border:1px solid #e5e5e5;box-shadow:0 8px 24px rgba(7,28,31,.12);min-width:150px}
.nn-chon li{margin:0}
.nn-chon a{display:block;padding:10px 14px;color:#071c1f;font-weight:700;font-size:15px}
.nn-chon a[aria-current]{color:#2e6b3a;background:#f4f6f2}

/* Logo trong menu điện thoại: khung hẹp co ngang mà giữ cao 45px nên méo; cho cao tự theo tỉ lệ */
.ltn__utilize-menu-head .site-logo{min-width:0;flex:1 1 auto;margin-right:12px}
.ltn__utilize-menu-head .site-logo img{width:100%;max-width:220px;height:auto}

/* Menu điện thoại: ô tìm + chọn ngôn ngữ cùng kiểu nút ở đầu trang (viền mảnh, vuông, cao 44px) */
.ltn__utilize-menu-search-form form{display:flex;position:static}
.ltn__utilize-menu-search-form input[type=search]{flex:1 1 auto;min-width:0;height:44px;margin:0;padding:0 14px;border:1px solid #e5e5e5;border-right:0;border-radius:0;background:#fff;box-shadow:none;font:600 15px/1 Nunito,sans-serif;color:#071c1f;-webkit-appearance:none;appearance:none}
.ltn__utilize-menu-search-form input[type=search]:focus{border-color:#436B4A}
.ltn__utilize-menu-search-form input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
.ltn__utilize-menu-search-form button{position:static;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid #e5e5e5;border-radius:0;background:#fff;color:#071c1f;font-size:18px;line-height:1;transform:none}
.ltn__utilize-menu-search-form button:hover,.ltn__utilize-menu-search-form input:focus+button{border-color:#436B4A;color:#436B4A}
.menu-nn{display:flex;gap:8px;list-style:none;margin:-10px 0 24px;padding:0}
.menu-nn li{margin:0}
.menu-nn a{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 8px;border:1px solid #e5e5e5;font:800 14px/1 Nunito,sans-serif;color:#071c1f}
.menu-nn a[aria-current]{border-color:#436B4A;color:#2e6b3a;background:#f4f6f2}