/*
Theme Name: AGRIVOVA
Theme URI: https://tannong.vn
Author: Cong ty CP Phat trien Nong nghiep Tan Nong
Description: Theme WordPress cho website AGRIVOVA - vat tu nong nghiep nhap tan goc, ky su dong hanh.
Version: 1.3.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: agrivova
*/

:root{
  --green:#218823;
  --green-dark:#145c18;
  --green-light:#69b020;
  --orange:#fe9b05;
  --brown:#66330a;
  --bg:#f7f8f4;
  --ink:#1f2a1f;
  --muted:#5a6b5a;
  --card:#ffffff;
  --line:#e4e8df;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{
  font-family:"Segoe UI",Arial,sans-serif;
  color:var(--ink);
  background:var(--bg);
  line-height:1.55;
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
.container{max-width:1180px;margin:0 auto;padding:0 24px;}
.screen-reader-text{position:absolute;left:-9999px;}

/* header */
.topbar{background:var(--green-dark);color:#fff;font-size:13px;}
.topbar .container{display:flex;justify-content:space-between;align-items:center;height:34px;flex-wrap:wrap;}
.topbar a{opacity:.9;color:#fff;}
.topbar span+span{margin-left:18px;}

header.main{background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 1px 4px rgba(0,0,0,.06);}
.header-top-row{display:flex;align-items:center;justify-content:space-between;height:88px;gap:20px;}
.brand{display:flex;align-items:center;gap:10px;}
.brand img,
.brand .custom-logo{height:58px !important;width:auto !important;max-width:220px;}
.brand .custom-logo-link{display:flex;align-items:center;}
.brand-wordmark-link{display:flex;align-items:center;}
.brand-wordmark{font-size:22px;font-weight:800;color:var(--green-dark);letter-spacing:.02em;}
footer .brand-col .brand-wordmark{display:block;font-size:22px;font-weight:800;color:#fff;margin-bottom:14px;}
.header-badges{display:flex;gap:18px;flex-wrap:wrap;}
.badge-pill{font-size:12.5px;font-weight:600;color:var(--green-dark);white-space:nowrap;}
nav.primary{background:var(--green);}
nav.primary .container{display:flex;align-items:center;height:52px;}
nav.primary ul{display:flex;gap:30px;list-style:none;}
nav.primary a{font-weight:600;font-size:14.5px;color:#fff;padding:8px 0;border-bottom:2px solid transparent;opacity:.92;}
nav.primary a:hover,
nav.primary .current-menu-item>a,
nav.primary .current_page_item>a{opacity:1;border-color:var(--orange);}
.cta-btn{background:var(--green);color:#fff;padding:10px 20px;border-radius:6px;font-weight:700;font-size:14px;white-space:nowrap;display:inline-block;}
.cta-btn:hover{background:var(--green-dark);color:#fff;}
.header-actions{display:flex;align-items:center;gap:18px;}
.menu-toggle{
  display:none;align-items:center;gap:8px;
  background:transparent;border:0;color:#fff;font:inherit;font-weight:700;font-size:15px;
  padding:15px 0;cursor:pointer;
}
.mobile-cta{display:none;}

/* hero */
.hero{
  background:linear-gradient(120deg,var(--green-dark) 0%,var(--green) 55%,var(--green-light) 100%);
  color:#fff;position:relative;overflow:hidden;min-height:560px;display:flex;align-items:center;
}
.hero::before{
  content:"";position:absolute;top:0;right:-10%;bottom:0;width:60%;
  background:rgba(255,255,255,.06);
  clip-path:polygon(35% 0, 100% 0, 100% 100%, 5% 100%);
}
.hero .container{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;padding-top:70px;padding-bottom:70px;}
.hero .eyebrow{display:inline-block;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.4);padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;letter-spacing:.03em;margin-bottom:20px;}
.hero h1{font-size:46px;line-height:1.18;margin-bottom:18px;color:#fff;}
.hero h1 em{color:var(--orange);font-style:normal;}
.hero p{font-size:16.5px;opacity:.94;margin-bottom:28px;max-width:540px;}
.hero .actions{display:flex;gap:14px;flex-wrap:wrap;}
.btn-solid{background:var(--orange);color:#1f2a1f;padding:15px 30px;border-radius:6px;font-weight:700;display:inline-block;}
.btn-outline{border:2px solid #fff;color:#fff;padding:13px 28px;border-radius:6px;font-weight:700;display:inline-block;}
.hero-art{position:relative;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.16),rgba(255,255,255,.03) 70%);border:1px solid rgba(255,255,255,.25);border-radius:50%;aspect-ratio:1/1;max-width:380px;margin:0 auto;display:flex;align-items:center;justify-content:center;padding:26px;}
.hero-art img{max-width:74%;max-height:74%;width:auto;height:auto;margin:0 auto;filter:drop-shadow(0 18px 30px rgba(0,0,0,.25));}

/* section header */
.section{padding:64px 0;}
.section.alt{background:#eef2ea;}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:34px;flex-wrap:wrap;gap:14px;}
.section-head h2{font-size:26px;color:var(--green-dark);}
.section-head .bar{display:block;width:52px;height:4px;background:var(--orange);border-radius:2px;margin-bottom:10px;}
.section-head p{color:var(--muted);font-size:14.5px;max-width:560px;}
.link-more{font-weight:700;color:var(--green);font-size:14px;white-space:nowrap;}

/* cards grid */
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
.crop-card{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .15s, box-shadow .15s;}
.crop-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(30,60,20,.08);}
.crop-card .thumb{height:150px;display:flex;align-items:center;justify-content:center;font-size:48px;color:#fff;}
.crop-card .body{padding:20px;}
.crop-card .tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--green);background:#e6f2e5;padding:3px 9px;border-radius:999px;margin-bottom:10px;}

/* crop list — lưới 4 cột, ảnh to nằm trên mỗi thẻ */
.crop-list{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.crop-row{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:transform .15s, box-shadow .15s;}
.crop-row:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(30,60,20,.08);}
.crop-row .thumb{width:100%;height:200px;background:#e6f2e5 center/cover no-repeat;transition:transform .45s ease;}
.crop-row:hover .thumb{transform:scale(1.05);}
/* Ảnh thật 4 cây trồng — tải lên Thư viện WP bằng `anh-cay-trong.py` (thư mục output).
   ⚠ Đổi ảnh thì bump HAU_TO trong script RỒI sửa 4 URL dưới đây: giữ nguyên tên file
   là trình duyệt khách vẫn hiện ảnh cũ, xoá cache LiteSpeed không chữa được.
   ⚠ Chỉ dùng ảnh CC0/public domain. Ảnh CC BY / CC BY-SA bắt buộc ghi tên tác giả
   ngay trên trang — anh Quang không muốn có dòng chữ đó (08/09).
   ⚠ PHẢI viết ".crop-row .thumb-xxx", đừng rút gọn thành ".thumb-xxx": luật
   ".crop-row .thumb" ở trên chuyên biệt hơn VÀ dùng shorthand `background` nên nó
   reset background-image về none — ảnh sẽ không hiện (đã dính lỗi này 08/09). */
.crop-row .thumb-sau-rieng{background-image:url('https://agrivova.vn/wp-content/uploads/2026/09/cay-sau-rieng-v2.webp');}
.crop-row .thumb-lua{background-image:url('https://agrivova.vn/wp-content/uploads/2026/09/cay-lua-v2.webp');}
.crop-row .thumb-ca-phe{background-image:url('https://agrivova.vn/wp-content/uploads/2026/09/cay-ca-phe-v2.webp');}
.crop-row .thumb-rau-mau{background-image:url('https://agrivova.vn/wp-content/uploads/2026/09/cay-rau-mau-v2.webp');}
.crop-row .body{padding:22px 24px;display:flex;flex-direction:column;}
.crop-row .tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--green);background:#e6f2e5;padding:3px 9px;border-radius:999px;margin-bottom:10px;width:fit-content;}
.crop-row h3{font-size:19px;margin-bottom:8px;}
.crop-row p{font-size:14px;color:var(--muted);margin-bottom:10px;}
.crop-row .rank{font-size:12.5px;color:var(--orange);font-weight:700;}
@media (max-width:900px){
  .crop-list{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:600px){
  .crop-list{grid-template-columns:1fr;}
}
.crop-card h3{font-size:17px;margin-bottom:8px;}
.crop-card p{font-size:13.5px;color:var(--muted);margin-bottom:10px;}
.crop-card .rank{font-size:12.5px;color:var(--orange);font-weight:700;}

/* products */
.product-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px;text-align:left;}
.product-card .thumb{height:120px;border-radius:8px;background:#eef2ea;display:flex;align-items:center;justify-content:center;font-size:36px;margin-bottom:16px;}
.product-card h3{font-size:15.5px;margin-bottom:6px;}
.product-card .role{font-size:11.5px;font-weight:700;color:var(--brown);text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px;}
.product-card p{font-size:13px;color:var(--muted);}

/* USP */
.usp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.usp-card{background:var(--card);border-top:4px solid var(--green);border-radius:10px;padding:24px 20px;box-shadow:0 4px 14px rgba(20,40,15,.05);}
.usp-card .num{font-size:13px;font-weight:800;color:var(--orange);margin-bottom:10px;}
.usp-card h3{font-size:16px;margin-bottom:8px;}
.usp-card p{font-size:13.5px;color:var(--muted);}

/* value 3 col */
.value-card{border-radius:10px;padding:28px 24px;color:#fff;}
.value-card .rule{display:block;width:34px;height:3px;background:rgba(255,255,255,.85);margin-bottom:14px;}
.value-card h3{font-size:17px;margin-bottom:12px;color:#fff;}
.value-card p{font-size:14px;opacity:.95;}
.value-card.brown{background:linear-gradient(135deg,var(--brown),#401f06);}
.value-card.green{background:linear-gradient(135deg,var(--green),var(--green-dark));}
.value-card.orange{background:linear-gradient(135deg,var(--orange),#c67900);}

/* commitment strip */
.strip{background:var(--green-dark);color:#fff;padding:40px 0;}
.strip .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;text-align:center;}
.strip .item{flex:1;min-width:180px;}
.strip .item b{display:block;font-size:26px;color:var(--orange);margin-bottom:6px;}
.strip .item span{font-size:13px;opacity:.9;}

/* news */
.news-card{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;}
.news-card .thumb{height:140px;background:#eef2ea;}
.news-card .thumb img{height:100%;width:100%;object-fit:cover;}
.news-card .body{padding:18px;}
.news-card .date{font-size:12px;color:var(--orange);font-weight:700;margin-bottom:8px;}
.news-card h3{font-size:15px;margin-bottom:8px;}
.news-card p{font-size:13px;color:var(--muted);}

/* editable content area inside page templates */
.page-content{font-size:14.5px;color:var(--ink);}
.page-content p{margin-bottom:14px;}

/* footer */
footer.site-footer{background:#12331a;color:#dce7d9;padding:56px 0 0;}
footer.site-footer .grid-4{gap:32px;}
footer.site-footer h4{color:#fff;font-size:15px;margin-bottom:16px;}
footer.site-footer ul{list-style:none;font-size:13.5px;}
footer.site-footer li{margin-bottom:9px;opacity:.9;}
footer.site-footer .brand-col img{height:44px;margin-bottom:14px;}
footer.site-footer .brand-col p{font-size:13px;opacity:.85;max-width:260px;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:36px;padding:18px 0;font-size:12.5px;text-align:center;opacity:.75;}

/* cart link in header */
.cart-link{position:relative;font-size:20px;line-height:1;}
.cart-count{position:absolute;top:-8px;right:-10px;background:var(--orange);color:#1f2a1f;font-size:11px;font-weight:800;border-radius:999px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 4px;}

/* WooCommerce compatibility styling — bọc quanh template mặc định của plugin */
.woocommerce-page-content{font-size:14.5px;color:var(--ink);}
.woocommerce-page-content h1.entry-title,
.woocommerce-page-content h1.page-title{color:var(--green-dark);font-size:26px;margin-bottom:24px;}

.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;list-style:none;}
.woocommerce ul.products li.product{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;text-align:left;}
/* Ảnh sản phẩm trong lưới cửa hàng — khung VUÔNG, KHÔNG xén.
   WooCommerce in sẵn width="300" height="300" vào thẻ <img>. Lưới 4 cột chỉ còn
   ~233px bề ngang, nhưng thuộc tính height="300" của HTML THẮNG aspect-ratio nên ô
   ảnh thành 233x300, và object-fit:cover xén cụt hai bên chai (08/09 thấy rõ ở can
   KALI HIGHT 20L). Phải có height:auto để aspect-ratio cầm trịch, và contain thay
   cover để không bao giờ cắt mất sản phẩm.

   KHÔNG viết ".woocommerce ul.products ..." không thôi: WooCommerce chỉ gắn class
   "woocommerce" ở các trang của nó (cửa hàng, chi tiết, giỏ, thanh toán). Khối sản
   phẩm chèn vào TRANG CHỦ nằm ngoài class đó nên luật không với tới, ảnh vuông bị
   bóp còn 267x300. Vì vậy liệt kê cả selector không cần tổ tiên .woocommerce. */
.woocommerce ul.products li.product img,
ul.products li.product img{
  border-radius:8px;margin-bottom:12px;
  width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:15px;color:var(--ink);margin-bottom:6px;}
.woocommerce ul.products li.product .price{color:var(--brown);font-weight:700;font-size:14px;}
.woocommerce ul.products li.product .price del{opacity:.55;font-weight:400;margin-right:6px;}
.woocommerce ul.products li.product .price ins{text-decoration:none;}

/* Trang chi tiết sản phẩm — gộp ảnh + thông tin thành 1 khối 2 cột liền mạch */
.woocommerce div.product{
  display:grid;grid-template-columns:1fr 1fr;gap:40px;
  background:var(--card);border:1px solid var(--line);border-radius:16px;padding:32px;margin-bottom:32px;
}
.woocommerce div.product .woocommerce-product-gallery{max-width:100%;}
/* Cùng bệnh như lưới cửa hàng: WooCommerce in height="600" vào ảnh, mà cột ảnh chỉ
   rộng ~513px nên ảnh bị KÉO GIÃN cao thêm ~17%. height:auto trả lại đúng tỉ lệ. */
.woocommerce div.product .woocommerce-product-gallery img{border-radius:12px;width:100%;height:auto;}
.woocommerce div.product .summary.entry-summary{padding:0;}
.woocommerce div.product .summary.entry-summary > h1.product_title{color:var(--green-dark);font-size:26px;margin-bottom:12px;}
.woocommerce div.product .summary.entry-summary .price{color:var(--brown);font-size:22px;font-weight:800;margin-bottom:14px;display:block;}
.woocommerce div.product .summary.entry-summary .woocommerce-product-details__short-description{color:var(--muted);margin-bottom:20px;}
.woocommerce div.product form.cart{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap;}
.woocommerce div.product form.cart .quantity input.qty{width:70px;padding:10px;border:1px solid var(--line);border-radius:8px;}
.woocommerce div.product .product_meta{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px;}
.woocommerce div.product .woocommerce-tabs{grid-column:1 / -1;border-top:1px solid var(--line);margin-top:12px;padding-top:24px;}
.woocommerce div.product .woocommerce-tabs ul.tabs{list-style:none;display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:20px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li{font-weight:700;color:var(--muted);padding-bottom:10px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:inherit;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{color:var(--green-dark);border-bottom:2px solid var(--orange);}
.woocommerce div.product .related.products{grid-column:1 / -1;border-top:1px solid var(--line);margin-top:12px;padding-top:24px;}
.woocommerce div.product .related.products > h2{color:var(--green-dark);font-size:20px;margin-bottom:18px;}
@media (max-width:820px){
  .woocommerce div.product{grid-template-columns:1fr;padding:20px;}
}

/* Giỏ hàng & Thanh toán — gom khối thay vì để rời rạc từng mảng */
.woocommerce-cart table.shop_table,
.woocommerce-checkout table.shop_table{
  background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;border-collapse:separate;border-spacing:0;
}
.woocommerce-cart .cart-collaterals{
  background:var(--card);border:1px solid var(--line);border-radius:12px;padding:24px;margin-top:24px;
}

/* Checkout 2 cột: TRÁI = Thông tin thanh toán · PHẢI = Đơn hàng của bạn */
.woocommerce-checkout form.checkout{
  display:grid;grid-template-columns:1.05fr .95fr;grid-template-rows:auto 1fr;gap:14px 30px;align-items:start;
}
.woocommerce-checkout form.checkout #customer_details{grid-column:1;grid-row:1 / span 2;}
.woocommerce-checkout form.checkout #order_review_heading{
  grid-column:2;grid-row:1;margin:0;padding:24px 0 0;color:var(--green-dark);font-size:18px;font-weight:700;line-height:1.35;
}
.woocommerce-checkout form.checkout #order_review{
  grid-column:2;grid-row:2;margin-top:0;
  background:var(--card);border:1px solid var(--line);border-radius:12px;padding:24px;
}
.woocommerce-checkout .col2-set{display:grid;grid-template-columns:1fr;gap:24px;align-items:start;}
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2{width:100%;float:none;}
.woocommerce-checkout #customer_details{
  background:var(--card);border:1px solid var(--line);border-radius:12px;padding:24px;
}
.woocommerce-checkout #customer_details h3,
.woocommerce-checkout #order_review_heading{color:var(--green-dark);font-size:18px;margin-bottom:14px;}
.woocommerce-checkout .form-row{margin-bottom:14px;}
.woocommerce-checkout .form-row label{display:block;font-size:13.5px;font-weight:600;margin-bottom:6px;color:var(--ink);}

/* Hai ô nhỏ (SĐT · Email) đứng cạnh nhau cho đỡ dài trang */
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper{
  display:grid;grid-template-columns:1fr 1fr;gap:0 16px;
}
.woocommerce-checkout .form-row-wide,
.woocommerce-checkout .form-row.notes{grid-column:1 / -1;}
.woocommerce-checkout .form-row-first{grid-column:1;}
.woocommerce-checkout .form-row-last{grid-column:2;}
.woocommerce-checkout .form-row.woocommerce-invalid input.input-text{border-color:#c0392b;}

/* Chốt thứ tự hiển thị, không phụ thuộc "priority" WooCommerce hay dựng lại sau filter */
.woocommerce-checkout #billing_first_name_field{order:1;}
.woocommerce-checkout #billing_phone_field{order:2;grid-column:1;}
.woocommerce-checkout #billing_email_field{order:3;grid-column:2;}
.woocommerce-checkout #billing_province_field{order:4;grid-column:1;}
.woocommerce-checkout #billing_district_field{order:5;grid-column:2;}
.woocommerce-checkout #billing_commune_field{order:6;grid-column:1 / -1;}
.woocommerce-checkout #billing_address_1_field{order:7;grid-column:1 / -1;}
.woocommerce-checkout #billing_city_field{order:8;}
/* Danh sách địa chỉ đang tải/chưa chọn được cấp trên */
.woocommerce-checkout .agrivova-geo select:disabled{background:#f2f4f0;color:#8a988a;cursor:not-allowed;}
/* Chỉ bán trong nước — ô "Quốc gia" chỉ có Việt Nam nên ẩn, giá trị vẫn được gửi đi.
   Cần !important vì address-i18n.js của WooCommerce gọi .show() (ghi inline style). */
.woocommerce-checkout #billing_country_field,
.woocommerce-checkout #billing_state_field,
.woocommerce-checkout #billing_postcode_field,
.woocommerce-checkout #billing_company_field,
.woocommerce-checkout #billing_address_2_field{display:none !important;}

/* Ghi chú đơn hàng — mặc định WooCommerce render textarea bé xíu */
.woocommerce-checkout textarea,
.woocommerce form .form-row textarea{
  width:100%;min-height:88px;resize:vertical;
  padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-family:inherit;
}
.woocommerce-checkout .woocommerce-additional-fields{margin-top:6px;}

.woocommerce-checkout #order_review table.shop_table{border:none;border-radius:0;}
.woocommerce-checkout #order_review table.shop_table th,
.woocommerce-checkout #order_review table.shop_table td{padding:10px 0;}
.woocommerce-checkout #order_review table.shop_table tfoot .order-total th,
.woocommerce-checkout #order_review table.shop_table tfoot .order-total td{font-size:16px;color:var(--brown);}

/* Nút xoá từng dòng hàng ngay tại trang Thanh toán */
.agrivova-remove-item{
  display:inline-flex;align-items:center;justify-content:center;
  width:22px;height:22px;margin-left:8px;padding:0;
  border:1px solid var(--line);border-radius:50%;background:#fff;
  color:#a04040;font-size:15px;line-height:1;cursor:pointer;vertical-align:middle;
}
.agrivova-remove-item:hover{background:#fdecea;border-color:#e0b4ae;color:#c0392b;}
.agrivova-remove-item.is-busy{opacity:.45;cursor:wait;}

/* Khối phương thức thanh toán — bỏ dấu chấm đầu dòng, làm rõ lựa chọn */
.woocommerce-checkout #payment ul.payment_methods{list-style:none;margin:0 0 16px;padding:0;}
.woocommerce-checkout #payment ul.payment_methods li{
  background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin-bottom:10px;list-style:none;
}
.woocommerce-checkout #payment ul.payment_methods li label{font-weight:700;color:var(--green-dark);display:inline;}
.woocommerce-checkout #payment ul.payment_methods li input[type="radio"]{margin-right:8px;}
.woocommerce-checkout #payment .payment_box{
  background:#eef2ea;border-radius:8px;padding:12px 14px;margin-top:10px;font-size:13.5px;color:var(--muted);
}
.woocommerce-checkout #payment .payment_box p{margin:0;}
.woocommerce-checkout #payment .woocommerce-privacy-policy-text p{font-size:12.5px;color:var(--muted);margin-bottom:14px;}
.woocommerce-checkout #payment .form-row.place-order{margin:0;}
.woocommerce-checkout #payment #place_order{width:100%;padding:15px 20px;font-size:16px;border-radius:8px;}
@media (max-width:900px){
  .woocommerce-checkout form.checkout{grid-template-columns:1fr;}
  .woocommerce-checkout form.checkout #customer_details,
  .woocommerce-checkout form.checkout #order_review_heading,
  .woocommerce-checkout form.checkout #order_review{grid-column:1;grid-row:auto;}
  .woocommerce-checkout form.checkout #order_review_heading{padding-top:0;}
  .woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
  .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper{grid-template-columns:1fr;}
  .woocommerce-checkout .form-row-first,
  .woocommerce-checkout .form-row-last,
  .woocommerce-checkout #billing_phone_field,
  .woocommerce-checkout #billing_email_field,
  .woocommerce-checkout #billing_province_field,
  .woocommerce-checkout #billing_district_field{grid-column:1;}
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce #respond input#submit,
.woocommerce input.button,
.woocommerce-page a.button,
.woocommerce-message a.button,
.woocommerce-info a.button {
  /* inline-block là BẮT BUỘC: thẻ <a> mặc định là inline, có padding dọc thì nền
     bị vỡ và đè lên dòng chữ khi nút xuống dòng (thấy rõ trên điện thoại). */
  display:inline-block;line-height:1.25;text-align:center;
  background:var(--green);color:#fff;border:none;border-radius:6px;padding:10px 18px;font-weight:700;font-size:14px;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{background:var(--green-dark);color:#fff;}
.woocommerce span.onsale{background:var(--orange);color:#1f2a1f;border-radius:999px;font-weight:800;}

.woocommerce table.shop_table{width:100%;border-collapse:collapse;font-size:13.5px;}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;}

.woocommerce-checkout input.input-text,
.woocommerce-checkout select,
.woocommerce-cart .quantity input.qty,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select{
  padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-size:14px;width:100%;
}
.woocommerce-checkout #payment{background:#eef2ea;border-radius:10px;padding:20px;}

.woocommerce-message,
.woocommerce-info{
  background:#e6f2e5;border-left:4px solid var(--green);padding:14px 18px;border-radius:6px;list-style:none;margin-bottom:20px;
  display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;font-size:14.5px;
}
/* WooCommerce đặt nút "Xem giỏ hàng" ở ĐẦU thẻ, trước câu thông báo —
   order:2 đưa nó ra sau chữ, margin-left:auto đẩy sang phải. */
.woocommerce-message > a.button,
.woocommerce-info > a.button{order:2;margin-left:auto;}
@media (max-width:640px){
  .woocommerce-message > a.button,
  .woocommerce-info > a.button{margin-left:0;width:100%;}
}
.woocommerce-error{
  background:#fdecea;border-left:4px solid #c0392b;padding:14px 18px;border-radius:6px;list-style:none;margin-bottom:20px;
}

.woocommerce nav.woocommerce-pagination ul{display:flex;gap:8px;list-style:none;}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  display:inline-block;padding:8px 14px;border:1px solid var(--line);border-radius:6px;font-size:13px;
}

@media (max-width:980px){
  .woocommerce ul.products{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:640px){
  .woocommerce ul.products{gap:14px;}
  .woocommerce ul.products li.product{padding:12px;}
  .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:14px;}
  /* Bảng giỏ hàng rộng hơn màn hình -> cho cuộn ngang trong khung, không đẩy cả trang */
  .woocommerce-cart form.woocommerce-cart-form{overflow-x:auto;}
  .woocommerce-cart table.shop_table{min-width:520px;}
}
@media (max-width:420px){
  .woocommerce ul.products{grid-template-columns:1fr;}
}

/* contact form */
.contact-form{display:flex;flex-direction:column;gap:14px;max-width:440px;}
.contact-form input,
.contact-form select,
.contact-form textarea{padding:12px 14px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-family:inherit;}
.contact-form button{align-self:flex-start;border:none;cursor:pointer;}

@media (max-width:980px){
  .hero .container{grid-template-columns:1fr;}
  .grid-4{grid-template-columns:repeat(2,1fr);}
  .grid-3{grid-template-columns:1fr;}
  .usp-grid{grid-template-columns:repeat(2,1fr);}
  .header-badges{display:none;}
  nav.primary ul{gap:16px;flex-wrap:wrap;}
}

/* ===== Điện thoại: menu ☰, thu gọn thanh đầu trang ===== */
@media (max-width:860px){
  .topbar .container{height:auto;padding-top:6px;padding-bottom:6px;font-size:12px;justify-content:center;text-align:center;}
  .topbar .container > div:last-child{display:none;}
  .topbar span+span{margin-left:12px;}

  .header-top-row{height:auto;padding:12px 0;gap:12px;}
  .brand img,
  .brand .custom-logo{height:42px !important;}
  .header-actions{gap:14px;}
  .header-actions .cta-btn{display:none;}

  /* Một hàng gọn: ☰ Danh mục bên trái · nút gọi kỹ sư bên phải; menu bung xuống dưới */
  nav.primary .container{
    display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;height:auto;
  }
  .menu-toggle{display:flex;}
  nav.primary ul{display:none;flex-basis:100%;flex-direction:column;gap:0;padding-bottom:8px;}
  nav.primary ul.is-open{display:flex;}
  nav.primary ul li{border-top:1px solid rgba(255,255,255,.2);}
  /* Chỉ các mục trong menu mới xuống dòng — KHÔNG dùng "nav.primary a"
     vì rule đó đè luôn lên nút gọi kỹ sư (chuyên biệt hơn .mobile-cta). */
  nav.primary ul a{display:block;padding:13px 0;border-bottom:0;}
  nav.primary ul a:hover,
  nav.primary ul .current-menu-item>a,
  nav.primary ul .current_page_item>a{border-color:transparent;text-decoration:underline;}
  nav.primary .mobile-cta{
    display:inline-block;background:var(--orange);color:#1f2a1f;
    padding:7px 14px;font-size:13px;
  }
}
@media (max-width:400px){
  .mobile-cta-number{display:none;}
}

@media (max-width:640px){
  .container{padding:0 16px;}
  .section{padding:40px 0;}

  .hero{min-height:auto;}
  .hero .container{padding-top:44px;padding-bottom:44px;gap:28px;}
  .hero h1{font-size:28px;}
  .hero p{font-size:15px;}
  .hero .actions{flex-direction:column;align-items:stretch;}
  .btn-solid,.btn-outline{text-align:center;padding:14px 20px;}
  .hero-art{max-width:230px;}

  .section-head{margin-bottom:24px;}
  .section-head h2{font-size:21px;}
  .strip{padding:28px 0;}
  .strip .container{gap:18px;}
  .strip .item{min-width:42%;}
  .strip .item b{font-size:22px;}

  footer.site-footer{padding-top:36px;}
  footer.site-footer .grid-4{grid-template-columns:1fr;gap:24px;}

  .woocommerce-page-content h1.entry-title,
  .woocommerce-page-content h1.page-title{font-size:21px;}
  .woocommerce div.product .summary.entry-summary > h1.product_title{font-size:21px;}
  .woocommerce div.product form.cart{gap:8px;}
  .woocommerce div.product form.cart .single_add_to_cart_button,
  .woocommerce div.product form.cart .cta-btn{flex:1 1 100%;text-align:center;margin-left:0 !important;}

  .woocommerce-checkout #customer_details,
  .woocommerce-checkout form.checkout #order_review{padding:18px;}
  .woocommerce-checkout #payment{padding:14px;}
}

@media (max-width:560px){
  .grid-4{grid-template-columns:1fr;}
  .usp-grid{grid-template-columns:1fr;}
  .hero h1{font-size:26px;}
}