/*
Theme Name: Veeni Child
Theme URI: https://veeni.vn
Description: Child theme của Flatsome cho website Veeni — đơn vị B2B tìm nguồn bao bì mỹ phẩm tại Trung Quốc cho thương hiệu Việt. Chứa biến màu, font và style đồng bộ theo bộ thiết kế Veeni.
Author: Veeni
Author URI: https://veeni.vn
Template: flatsome
Version: 1.0.28
Text Domain: veeni
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ===================================================================
   VEENI — Biến màu & nền tảng (design §3, §16)
   =================================================================== */
:root {
  --veeni-green: #064638;
  --veeni-green-2: #0B5A48;
  --veeni-gold: #B9824A;
  --veeni-gold-2: #C9955C;
  --veeni-cream: #FAF6EF;
  --veeni-beige: #F1E7DA;
  --veeni-soft: #FBFAF7;
  --veeni-border: #E9DED0;
  --veeni-text: #17221F;
  --veeni-muted: #6D746F;
  --veeni-white: #FFFFFF;
}

body {
  color: var(--veeni-text);
  background: #fff;
}

h1, h2, h3, .section-title, .veeni-heading {
  font-family: 'Lora', Georgia, serif;
  color: var(--veeni-text);
  letter-spacing: -0.02em;
}

p, li, a, span, input, textarea, select, button {
  font-family: 'Be Vietnam Pro', Arial, sans-serif;
}

/* ===================================================================
   Hero & nhãn nhấn
   =================================================================== */
.veeni-hero {
  background: linear-gradient(90deg, #fff 0%, var(--veeni-cream) 100%);
  overflow: hidden;
}

.veeni-highlight { color: var(--veeni-green); }
.veeni-gold { color: var(--veeni-gold); }

/* ===================================================================
   Tiêu đề section có gạch vàng
   =================================================================== */
.veeni-section-title {
  font-family: 'Lora', Georgia, serif;
  color: var(--veeni-text);
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.25;
  font-weight: 600;
  text-align: center;
  margin-bottom: 36px;
}

.veeni-section-title:after {
  content: '';
  display: block;
  width: 52px;
  height: 2px;
  background: var(--veeni-gold);
  margin: 14px auto 0;
}

/* ===================================================================
   Card (chung / sản phẩm / dịch vụ / liên hệ)
   =================================================================== */
.veeni-card,
.veeni-product-card,
.veeni-service-card,
.veeni-contact-card {
  background: #fff;
  border: 1px solid var(--veeni-border);
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(6, 70, 56, 0.06);
  padding: 26px;
  transition: all .25s ease;
}

.veeni-card:hover,
.veeni-product-card:hover,
.veeni-service-card:hover,
.veeni-contact-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(6, 70, 56, 0.10);
}

.veeni-icon { color: var(--veeni-green); }

/* ===================================================================
   Button
   =================================================================== */
.veeni-btn-primary,
.veeni-btn-secondary,
.veeni-btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 46px;
  padding: 0 24px;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none !important;
  transition: all .25s ease;
}

.veeni-btn-primary {
  background: var(--veeni-green);
  color: #fff !important;
  border: 1px solid var(--veeni-green);
}
.veeni-btn-primary:hover {
  background: var(--veeni-green-2);
  color: #fff !important;
}

.veeni-btn-secondary {
  background: var(--veeni-gold);
  color: #fff !important;
  border: 1px solid var(--veeni-gold);
}
.veeni-btn-secondary:hover {
  background: var(--veeni-gold-2);
  color: #fff !important;
}

.veeni-btn-outline {
  background: #fff;
  color: var(--veeni-green) !important;
  border: 1px solid var(--veeni-border);
}

/* ===================================================================
   Checklist với dấu ✓
   =================================================================== */
.veeni-check-list { list-style: none; padding: 0; margin: 0; }

.veeni-check-list li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  color: var(--veeni-text);
}

.veeni-check-list li:before {
  content: '✓';
  position: absolute;
  left: 0;
  top: 0;
  color: var(--veeni-green);
  font-weight: 800;
}

/* ===================================================================
   Pill filter (trang Sản phẩm)
   =================================================================== */
.veeni-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 22px;
  border: 1px solid var(--veeni-border);
  border-radius: 999px;
  background: #fff;
  color: var(--veeni-green);
  font-weight: 600;
}

.veeni-pill.active,
.veeni-pill:hover {
  background: var(--veeni-green);
  color: #fff !important;
  border-color: var(--veeni-green);
}

/* ===================================================================
   Form (Contact Form 7)
   =================================================================== */
.veeni-form-card input,
.veeni-form-card textarea,
.veeni-form-card select,
.wpcf7 input,
.wpcf7 textarea,
.wpcf7 select {
  border: 1px solid var(--veeni-border) !important;
  border-radius: 8px !important;
  min-height: 44px;
  background: #fff;
  box-shadow: none !important;
}

.veeni-form-card textarea,
.wpcf7 textarea { min-height: 120px; }

/* ===================================================================
   Header — menu active gạch dưới xanh (design §7.2)
   =================================================================== */
.header-nav .current-menu-item > a,
.header-nav .current_page_item > a {
  color: var(--veeni-green) !important;
  font-weight: 700;
}

.header-nav .current-menu-item > a:after,
.header-nav .current_page_item > a:after {
  content: '';
  display: block;
  width: 28px;
  height: 2px;
  background: var(--veeni-green);
  margin: 8px auto 0;
}

/* ===================================================================
   Header — tinh chỉnh theo thiết kế Veeni (GĐ3)
   =================================================================== */
/* Logo chữ "Veeni" thay cho logo ảnh mặc định của Flatsome */
#logo a img,
.header-logo img,
img.header_logo { display: none !important; }

#logo a::after,
a.header-logo::after {
  content: "";
  display: inline-block;
  width: 64px;
  height: 64px;
  background: url('/wp-content/uploads/2026/06/Logo-veeni.png') center / contain no-repeat;
}
#logo, #logo a { display:flex; align-items:center; }

/* Màu chữ menu chính: đậm, rõ trên nền trắng; không in hoa (khớp mockup) */
.header-main .header-nav-main > li > a,
.header-main .header-nav > li > a {
  color: var(--veeni-text) !important;
  text-transform: none !important;
  font-weight: 500;
}
.header-main .header-nav-main > li > a:hover { color: var(--veeni-green) !important; }
.header-main .header-nav .current-menu-item > a,
.header-main .header-nav .current_page_item > a {
  color: var(--veeni-green) !important;
  font-weight: 700;
}

/* Nút CTA outline "Nhận tư vấn miễn phí" — viền + chữ vàng đồng, rõ trên nền trắng */
.header-main .button.is-outline,
.header-main a.button.secondary.is-outline {
  color: var(--veeni-gold) !important;
  border-color: var(--veeni-gold) !important;
  text-transform: none !important;
}
.header-main .button.is-outline:hover {
  background: var(--veeni-gold) !important;
  color: #fff !important;
}
/* Nút CTA primary "Yêu cầu báo giá" — không in hoa */
.header-main .button.primary:not(.is-outline) { text-transform: none !important; }

/* Căn giữa menu chính giữa logo và 2 nút CTA (desktop) */
@media (min-width: 850px) {
  .header-main .flex-row > .flex-col.logo { flex: 0 0 auto; }
  .header-main .flex-row > .flex-col.flex-left { flex: 1 1 0; }
  .header-main .flex-row > .flex-col.flex-right { flex: 0 0 auto; }
  .header-main .flex-left .header-nav-main {
    margin-left: auto;
    margin-right: auto;
  }
}

/* Viền dưới header (design §7.1) */
.header-main { border-bottom: 1px solid #F0E7DD; }

/* ===================================================================
   Footer — chữ đậm, dễ đọc trên nền kem (GĐ3)
   =================================================================== */
.veeni-footer { background:#08382E; }

#footer .footer-widgets,
#footer .footer-widgets p,
#footer .footer-widgets li,
#footer .footer-widgets span { color:#bccabf !important; }
#footer .footer-widgets h1,
#footer .footer-widgets h2,
#footer .footer-widgets h3,
#footer .footer-widgets h4 { color:#ffffff !important; }

/* Thanh copyright dưới cùng (nền xanh đậm hơn) */
.absolute-footer { background:#052A22 !important;border-top:1px solid rgba(255,255,255,.08) !important; }
.absolute-footer,
.absolute-footer a { color:#9fb2a8 !important; }

/* ----- Footer premium (nền xanh đậm) ----- */
#footer .veeni-foot { color:#bccabf; }
#footer .veeni-foot-brand { font-family:'Lora',Georgia,serif;font-size:30px;font-weight:700;color:#fff !important;letter-spacing:.3px;margin:0 0 14px; }
#footer .veeni-foot-desc { font-size:14px;line-height:1.75;color:#9fb4a9 !important;margin:0 0 16px;max-width:330px; }
#footer .veeni-foot-legal { font-size:12.5px;line-height:1.65;color:#86988e !important;margin:0 0 18px; }
#footer .veeni-foot-logo { width:120px;height:auto;display:block;margin:0 0 16px; }

/* Điểm nhấn vàng gradient (luxury, đồng bộ logo) */
.veeni-eyebrow { background:linear-gradient(135deg,#ead08f,#b8923e) !important; }
.veeni-section-title:after { background:linear-gradient(135deg,#ead08f,#b8923e); }
.veeni-h2-left .g,
.veeni-hero-h1 .o { background:linear-gradient(135deg,#caa35b,#9a7430);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent; }
#footer .veeni-foot-h { font-family:'Lora',Georgia,serif;font-size:16px;font-weight:600;color:#fff !important;margin:0 0 18px;padding-bottom:10px;position:relative; }
#footer .veeni-foot-h:after { content:'';position:absolute;left:0;bottom:0;width:28px;height:2px;background:var(--veeni-gold); }
#footer .veeni-foot-links { list-style:none;padding:0;margin:0; }
#footer .veeni-foot-links li { margin-bottom:11px; }
#footer .veeni-foot-links a { color:#bccabf !important;font-size:14px;transition:all .2s; }
#footer .veeni-foot-links a:hover { color:var(--veeni-gold-2) !important;padding-left:3px; }
#footer .veeni-foot-contact { list-style:none;padding:0;margin:0; }
#footer .veeni-foot-contact li { display:flex;align-items:flex-start;gap:10px;margin-bottom:13px;font-size:14px;color:#bccabf !important;line-height:1.5; }
#footer .veeni-foot-contact li svg { color:var(--veeni-gold);flex:none;margin-top:2px; }
#footer .veeni-foot-contact a { color:#bccabf !important; }
#footer .veeni-foot-contact a:hover { color:var(--veeni-gold-2) !important; }
#footer .veeni-foot-social { display:flex;gap:10px;margin-top:4px; }
#footer .veeni-foot-social a { width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.18);display:inline-flex;align-items:center;justify-content:center;color:#cdd8d0 !important;transition:all .2s; }
#footer .veeni-foot-social a:hover { background:var(--veeni-gold);border-color:var(--veeni-gold);color:#fff !important; }
#footer .veeni-foot-cta { display:inline-flex;align-items:center;justify-content:center;margin-top:18px;background:var(--veeni-gold);color:#fff !important;font-weight:700;padding:12px 24px;border-radius:8px;font-size:14px;transition:all .2s; }
#footer .veeni-foot-cta:hover { background:var(--veeni-gold-2);color:#fff !important; }
@media (max-width:849px){ #footer .veeni-foot-h { margin-top:18px; } }

/* ===================================================================
   TRANG CHỦ Veeni (GĐ4)
   =================================================================== */
.veeni-eyebrow { width:46px;height:3px;background:var(--veeni-gold);margin:0 0 16px;border-radius:2px; }
.veeni-eyebrow.center { margin-left:auto;margin-right:auto; }
.veeni-h2-left { font-family:'Lora',Georgia,serif;font-size:clamp(26px,2.6vw,34px);font-weight:600;color:var(--veeni-text);margin:0 0 16px;line-height:1.25; }
.veeni-lead-center { text-align:center;max-width:640px;margin:0 auto 0;color:var(--veeni-muted);font-size:15.5px;line-height:1.7; }

/* Hero */
.veeni-hero-h1 { font-family:'Lora',Georgia,serif;font-weight:600;font-size:clamp(26px,2.9vw,42px);line-height:1.18;margin:0 0 20px;color:var(--veeni-text);letter-spacing:-.3px; }
.veeni-hero-h1 .g { color:var(--veeni-green); }
.veeni-hero-h1 .o { color:var(--veeni-gold); }
.veeni-hero-lead { font-size:16.5px;line-height:1.7;color:var(--veeni-muted);margin:0 0 26px;max-width:480px; }
.veeni-hero-cta { display:flex;gap:14px;flex-wrap:wrap;margin-bottom:34px; }
.veeni-trust { display:flex;gap:28px;flex-wrap:wrap; }
.veeni-trust-item { display:flex;gap:10px;align-items:flex-start; }
.veeni-trust-item svg { color:var(--veeni-green);flex:none;margin-top:1px; }
.veeni-trust-item .t { font-weight:600;font-size:14px;color:var(--veeni-text); }
.veeni-trust-item .s { font-size:12.5px;color:var(--veeni-muted); }
.veeni-hero-visual { position:relative;display:flex;align-items:center;justify-content:center;min-height:380px; }
.veeni-hero-visual .arc { position:absolute;width:360px;height:360px;max-width:92%;border-radius:50%;border:1.5px solid #d8b878;opacity:.5; }
.veeni-img-ph { position:relative;width:100%;min-height:380px;background:linear-gradient(160deg,#fbf6ec,#f1e9d8);border:1px solid var(--veeni-border);border-radius:18px;display:flex;align-items:center;justify-content:center;text-align:center;color:#9c8b6a;font-size:13.5px;padding:20px; }

/* Veeni là ai — feature cards */
.veeni-feature-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px; }
@media (max-width:849px){ .veeni-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.veeni-feature { background:#fff;border:1px solid var(--veeni-border);border-radius:12px;padding:24px 16px;text-align:center;height:100%;transition:all .25s; }
.veeni-feature:hover { transform:translateY(-5px);box-shadow:0 16px 32px rgba(6,70,56,.10); }
.veeni-feature .ic { color:var(--veeni-green);margin-bottom:12px;display:flex;justify-content:center; }
.veeni-feature .ic svg { width:38px;height:38px; }
.veeni-feature .t { font-weight:600;font-size:13.5px;line-height:1.5;color:var(--veeni-text); }

/* Service card */
.veeni-svc { background:#fff;border:1px solid var(--veeni-border);border-radius:14px;padding:24px 14px;height:100%;text-align:center;transition:all .25s; }
.veeni-svc:hover { transform:translateY(-5px);box-shadow:0 18px 36px rgba(6,70,56,.10);border-color:#d8c9a8; }
.veeni-svc .ic { color:var(--veeni-green);margin-bottom:14px;display:flex;justify-content:center; }
.veeni-svc .ic svg { width:40px;height:40px; }
.veeni-svc h3 { font-family:'Lora',Georgia,serif;font-size:15px;margin:0 0 8px;color:var(--veeni-text);line-height:1.3; }
.veeni-svc p { font-size:12.5px;line-height:1.55;color:var(--veeni-muted);margin:0; }
/* Cân chiều cao 6 card dịch vụ (Flatsome col stretch) */
.veeni-svc-sec .col-inner { height:100%; }

/* Product card */
.veeni-prod { background:#fff;border:1px solid var(--veeni-border);border-radius:14px;padding:18px;text-align:center;height:100%;transition:all .25s; }
.veeni-prod:hover { transform:translateY(-5px);box-shadow:0 18px 36px rgba(6,70,56,.10); }
.veeni-prod .ph { background:linear-gradient(160deg,#fbf6ec,#f1e9d8);border-radius:10px;height:160px;display:flex;align-items:center;justify-content:center;color:#9c8b6a;font-size:12.5px;margin-bottom:14px;padding:10px; }
.veeni-prod h4 { font-family:'Lora',serif;font-size:17px;margin:0 0 6px;color:var(--veeni-text); }
.veeni-prod a { font-size:13.5px;font-weight:600;color:var(--veeni-gold); }
.veeni-prod a:hover { color:var(--veeni-green); }

/* Câu chuyện + cầu nối */
.veeni-bridge { background:linear-gradient(135deg,#eef3ee,#e3ede4);border-radius:18px;padding:30px 26px 46px;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:230px;position:relative;height:100%; }
.veeni-bridge .side { text-align:center;flex:1; }
.veeni-bridge .side .k { font-size:11.5px;letter-spacing:1.5px;color:#5a6b5e;font-weight:600; }
.veeni-bridge .side .v { font-size:16px;font-weight:700;color:var(--veeni-green); }
.veeni-bridge .badge { width:86px;height:86px;border-radius:50%;background:#fff;border:1.5px solid var(--veeni-gold);display:flex;align-items:center;justify-content:center;font-family:'Lora',serif;font-size:20px;font-weight:700;color:var(--veeni-green);flex:none;box-shadow:0 8px 20px rgba(0,0,0,.06); }
.veeni-bridge .cap { position:absolute;left:26px;right:26px;bottom:18px;text-align:center;font-size:12px;color:#6b7a6e;border-top:1px dashed #b9c7bb;padding-top:10px; }

/* Hệ sinh thái nhà máy */
.veeni-fac-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px; }
.veeni-fac .ph { background:linear-gradient(160deg,#f1e9d8,#e6ddc8);border-radius:11px;height:120px; }
.veeni-fac .cap { font-size:11.5px;text-align:center;color:var(--veeni-muted);margin-top:8px;font-weight:500; }

/* Blog card */
.veeni-blog { background:var(--veeni-soft);border:1px solid var(--veeni-border);border-radius:14px;overflow:hidden;height:100%;transition:all .25s; }
.veeni-blog:hover { transform:translateY(-5px);box-shadow:0 18px 36px rgba(6,70,56,.10); }
.veeni-blog .thumb { height:140px;background:linear-gradient(160deg,#f1e9d8,#e6ddc8);display:flex;align-items:center;justify-content:center;color:#b6a684; }
.veeni-blog .body { padding:20px 22px; }
.veeni-blog .cat { display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--veeni-gold);margin:0 0 9px; }
.veeni-blog h4 { font-size:15.5px;line-height:1.45;margin:0 0 8px;color:var(--veeni-text);font-weight:600; }
.veeni-blog .ex { font-size:13px;line-height:1.6;color:var(--veeni-muted);margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.veeni-blog a { font-size:13px;font-weight:600;color:var(--veeni-gold); }

/* CTA band */
.veeni-cta-band h2 { font-family:'Lora',serif;font-size:clamp(24px,3vw,30px);font-weight:700;color:#fff;margin:0 0 10px; }
.veeni-cta-band p { font-size:15px;color:#d6e3d8;margin:0;max-width:520px;line-height:1.7; }
.veeni-cta-band .btns,
.veeni-cta-actions { display:flex;gap:14px;flex-wrap:wrap; }
.veeni-btn-onwhite { background:#fff !important;color:var(--veeni-green) !important;border:1px solid #fff !important; }

/* CTA — checklist nhỏ bên trái */
.veeni-cta-band .veeni-cta-points { list-style:none;padding:0;margin:20px 0 0; }
.veeni-cta-band .veeni-cta-points li { position:relative;padding-left:26px;margin-bottom:10px;color:#d6e3d8;font-size:14.5px;line-height:1.5; }
.veeni-cta-band .veeni-cta-points li:before { content:'✓';position:absolute;left:0;top:0;color:var(--veeni-gold-2);font-weight:800; }

/* CTA — form card trắng (Contact Form 7) trên nền xanh */
.veeni-cta-form { background:#fff;border:1px solid #fff;border-radius:18px;padding:26px 24px;box-shadow:0 18px 50px rgba(0,0,0,.18); }
.veeni-cta-form .ttl { font-family:'Lora',Georgia,serif;font-size:19px;font-weight:700;color:var(--veeni-green);margin:0 0 16px;text-align:center; }
.veeni-cta-form .cf7-row { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px; }
.veeni-cta-form .cf7-field { margin-bottom:12px; }
.veeni-cta-form .wpcf7-form-control-wrap { display:block; }
.veeni-cta-form input:not(.wpcf7-submit),
.veeni-cta-form textarea { width:100%; }
.veeni-cta-form .cf7-submit { margin-top:4px; }
.veeni-cta-form input.wpcf7-submit { width:100%;min-height:48px;background:var(--veeni-green) !important;color:#fff !important;border:1px solid var(--veeni-green) !important;border-radius:8px !important;font-weight:700;cursor:pointer;transition:all .25s; }
.veeni-cta-form input.wpcf7-submit:hover { background:var(--veeni-green-2) !important; }
.veeni-form-note { font-size:12px;color:var(--veeni-muted);text-align:center;margin-top:14px; }
.veeni-cta-form .wpcf7-not-valid-tip { font-size:12px;color:#c0392b;margin-top:4px; }
.veeni-cta-form .wpcf7-response-output { font-size:13px;border-radius:8px;margin:14px 0 0 !important;padding:10px 12px !important; }
@media (max-width:549px){ .veeni-cta-form .cf7-row { grid-template-columns:1fr; } }

/* ===================================================================
   TRANG GIỚI THIỆU Veeni (GĐ5)
   =================================================================== */
/* Câu chuyện — card "khó khăn" dùng dấu ✕ thay vì ✓ */
.veeni-pain .ttl { font-family:'Lora',Georgia,serif;font-size:18px;font-weight:600;color:var(--veeni-text);margin:0 0 16px; }
.veeni-x-list li:before { content:'✕';color:#c0794a; }

/* Sứ mệnh / Tầm nhìn / Giá trị cốt lõi */
.veeni-mvv { height:100%; }
.veeni-mvv .ic { width:54px;height:54px;border-radius:14px;background:var(--veeni-cream);display:flex;align-items:center;justify-content:center;color:var(--veeni-green);margin-bottom:18px; }
.veeni-mvv h3 { font-family:'Lora',Georgia,serif;font-size:20px;font-weight:600;color:var(--veeni-text);margin:0 0 10px; }
.veeni-mvv p { font-size:14.5px;line-height:1.7;color:var(--veeni-muted);margin:0; }
.veeni-mvv p.val { font-family:'Lora',Georgia,serif;font-size:17.5px;line-height:1.6;color:var(--veeni-green);font-weight:600; }

/* Veeni giúp gì — thẻ icon ngang */
.veeni-help { display:flex;gap:14px;align-items:flex-start;height:100%; }
.veeni-help .ic { width:44px;height:44px;border-radius:50%;background:var(--veeni-cream);color:var(--veeni-green);display:flex;align-items:center;justify-content:center;flex:none; }
.veeni-help h4 { font-family:'Lora',Georgia,serif;font-size:16.5px;font-weight:600;color:var(--veeni-text);margin:0 0 6px;line-height:1.3; }
.veeni-help p { font-size:13.5px;line-height:1.65;color:var(--veeni-muted);margin:0; }

/* Timeline — Từ ý tưởng đến sản phẩm hoàn thiện */
.veeni-timeline { display:flex;gap:14px;position:relative;margin-top:8px; }
.veeni-timeline .step { flex:1;text-align:center;position:relative; }
.veeni-timeline .step:before { content:'';position:absolute;top:24px;left:50%;width:100%;height:2px;background:var(--veeni-border);z-index:0; }
.veeni-timeline .step:last-child:before { display:none; }
.veeni-timeline .dot { position:relative;z-index:1;width:48px;height:48px;border-radius:50%;background:var(--veeni-green);color:#fff;font-family:'Lora',Georgia,serif;font-weight:700;font-size:18px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(6,70,56,.18); }
.veeni-timeline .lbl { display:block;margin-top:12px;font-size:13.5px;font-weight:600;color:var(--veeni-text);line-height:1.35; }
@media (max-width:849px){
  .veeni-timeline { flex-direction:column;gap:0;max-width:320px;margin:8px auto 0; }
  .veeni-timeline .step { display:flex;align-items:center;gap:16px;text-align:left;padding:8px 0; }
  .veeni-timeline .step:before { top:48px;left:23px;width:2px;height:calc(100% - 8px); }
  .veeni-timeline .dot { flex:none; }
  .veeni-timeline .lbl { margin-top:0; }
}

/* ===================================================================
   TRANG DỊCH VỤ Veeni (GĐ6) — nhiều phần tái dùng cho các trang con
   =================================================================== */
/* Hero canh giữa (trang con) */
.veeni-hero-center { text-align:center;max-width:760px;margin:0 auto; }
.veeni-hero-center .veeni-hero-lead { margin:0 auto 26px;max-width:620px; }
.veeni-hero-center .veeni-hero-cta { justify-content:center; }
.veeni-hero-chips { display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:8px; }
.veeni-hero-chips span { background:#fff;border:1px solid var(--veeni-border);border-radius:999px;padding:9px 18px;font-size:13.5px;font-weight:600;color:var(--veeni-green); }

/* Checklist 2 cột */
.veeni-check-2col { columns:2;column-gap:30px; }
.veeni-check-2col li { break-inside:avoid; }
@media (max-width:549px){ .veeni-check-2col { columns:1; } }

/* Gallery nhà máy rộng (trang con) */
.veeni-fac-wide { grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); }
.veeni-fac-wide .ph { height:150px; }

/* FAQ accordion */
.veeni-faq { max-width:820px;margin:0 auto; }
.veeni-faq details { background:#fff;border:1px solid var(--veeni-border);border-radius:12px;margin-bottom:14px;padding:0 22px; }
.veeni-faq details[open] { box-shadow:0 12px 30px rgba(6,70,56,.07);border-color:#d8c9a8; }
.veeni-faq summary { list-style:none;cursor:pointer;padding:18px 0;font-family:'Lora',Georgia,serif;font-size:16.5px;font-weight:600;color:var(--veeni-text);display:flex;justify-content:space-between;align-items:center;gap:14px; }
.veeni-faq summary::-webkit-details-marker { display:none; }
.veeni-faq summary:after { content:'+';color:var(--veeni-green);font-size:24px;font-weight:300;line-height:1;flex:none; }
.veeni-faq details[open] summary:after { content:'\2013'; }
.veeni-faq .ans { padding:0 0 20px;margin:0;font-size:14.5px;line-height:1.75;color:var(--veeni-muted); }

/* ===================================================================
   TRANG SẢN PHẨM Veeni (GĐ7)
   =================================================================== */
.veeni-pillbar { display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:6px; }
.veeni-cat-title { font-family:'Lora',Georgia,serif;font-size:22px;font-weight:600;color:var(--veeni-green);margin:10px 0 22px;padding-bottom:12px;border-bottom:1px solid var(--veeni-border);scroll-margin-top:100px; }
.veeni-material .ic { background:var(--veeni-beige); }
.veeni-material h4 { font-size:16px; }
.veeni-material p { font-weight:500; }

/* ===================================================================
   TRANG LIÊN HỆ Veeni (GĐ8)
   =================================================================== */
.veeni-contact { text-align:center;height:100%; }
.veeni-contact .ic { width:52px;height:52px;border-radius:50%;background:var(--veeni-cream);color:var(--veeni-green);display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px; }
.veeni-contact .lbl { font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--veeni-muted);font-weight:700;margin-bottom:4px; }
.veeni-contact .val { font-family:'Lora',Georgia,serif;font-size:16px;color:var(--veeni-text);font-weight:600;word-break:break-word;display:block; }
.veeni-contact a.val:hover { color:var(--veeni-green); }

/* Form-card layout chung (CF7) — dùng cho trang Liên hệ + CTA trang chủ */
.veeni-form-card .ttl { font-family:'Lora',Georgia,serif;font-size:19px;font-weight:700;color:var(--veeni-green);margin:0 0 18px; }
.veeni-form-card .cf7-row { display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px; }
.veeni-form-card .cf7-field { margin-bottom:14px; }
.veeni-form-card .wpcf7-form-control-wrap { display:block; }
.veeni-form-card input:not(.wpcf7-submit),
.veeni-form-card textarea,
.veeni-form-card select { width:100%; }
.veeni-form-card input.wpcf7-submit { width:100%;min-height:48px;background:var(--veeni-green) !important;color:#fff !important;border:1px solid var(--veeni-green) !important;border-radius:8px !important;font-weight:700;cursor:pointer;transition:all .25s; }
.veeni-form-card input.wpcf7-submit:hover { background:var(--veeni-green-2) !important; }
@media (max-width:549px){ .veeni-form-card .cf7-row { grid-template-columns:1fr; } }

/* Support card cạnh form */
.veeni-support { height:100%; }
.veeni-support .ttl { font-family:'Lora',Georgia,serif;font-size:18px;font-weight:600;color:var(--veeni-text);margin:0 0 16px; }
.veeni-support-foot { margin-top:18px;padding-top:16px;border-top:1px solid var(--veeni-border);font-size:14px;color:var(--veeni-muted); }
.veeni-support-foot a { color:var(--veeni-green);font-weight:700; }

/* Map placeholder */
.veeni-map-ph { background:linear-gradient(160deg,#eef3ee,#e3ede4);border:1px solid var(--veeni-border);border-radius:18px;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px; }
.veeni-map-ph .pin { width:64px;height:64px;border-radius:50%;background:#fff;color:var(--veeni-green);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(6,70,56,.12); }
.veeni-map-ph .t { font-family:'Lora',Georgia,serif;font-size:18px;font-weight:600;color:var(--veeni-text); }

/* ===================================================================
   WooCommerce — đồng bộ thương hiệu Veeni (GĐ11)
   =================================================================== */
.woocommerce a.button, .woocommerce button.button, .woocommerce .button,
.woocommerce #respond input#submit, .woocommerce a.button.alt {
  background: var(--veeni-green) !important; color:#fff !important; border-radius:8px !important; font-weight:600;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce .button:hover { background: var(--veeni-green-2) !important; }
.woocommerce ul.products li.product .price, .woocommerce div.product p.price { color: var(--veeni-green); }
.woocommerce .woocommerce-breadcrumb a { color: var(--veeni-green); }
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-family:'Lora',Georgia,serif !important; color: var(--veeni-text); }
.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering { color: var(--veeni-muted); }
.term-description, .woocommerce-products-header__title.page-title { color: var(--veeni-text); }

/* Bỏ sidebar shop/danh mục trống → nội dung full-width */
#shop-sidebar { display:none !important; }
.filter-button[data-open="#shop-sidebar"] { display:none !important; }
.row:has(#shop-sidebar) > .col.large-3 { display:none !important; }
.row:has(#shop-sidebar) > .col.large-9 { flex-basis:100% !important; max-width:100% !important; width:100% !important; }

/* Card danh mục trên landing /san-pham/ */
.veeni-catcard { display:block;background:#fff;border:1px solid var(--veeni-border);border-radius:14px;overflow:hidden;height:100%;transition:all .25s;text-align:center; }
.veeni-catcard:hover { transform:translateY(-5px);box-shadow:0 18px 36px rgba(6,70,56,.10); }
.veeni-catcard .ph { background:linear-gradient(160deg,#fbf6ec,#f1e9d8);height:118px;display:flex;align-items:center;justify-content:center;color:#b6a684; }
.veeni-catcard .b { padding:16px 14px; }
.veeni-catcard h4 { font-family:'Lora',Georgia,serif;font-size:15px;color:var(--veeni-text);margin:0 0 6px;line-height:1.3; }
.veeni-catcard .lnk { font-size:13px;font-weight:600;color:var(--veeni-gold); }
.veeni-catcard:hover .lnk { color:var(--veeni-green); }

/* ===================================================================
   Section "Vì sao chọn Veeni" + ảnh hero thật (GĐ14)
   =================================================================== */
.veeni-hero-svg { min-height:380px;display:flex;align-items:center;justify-content:center; }
.veeni-hero-svg svg { width:100%;height:auto;max-height:450px;display:block; }
.veeni-why-sub { font-family:'Lora',Georgia,serif;font-size:18px;font-weight:600;color:var(--veeni-gold);margin:0 0 6px;line-height:1.4; }
.veeni-why-tag { font-size:13px;font-weight:700;letter-spacing:.4px;color:var(--veeni-green);text-transform:uppercase;margin:0 0 16px; }
.veeni-stats { display:grid;grid-template-columns:1fr 1fr;gap:22px 28px;margin-top:26px; }
.veeni-stat .num { font-family:'Lora',Georgia,serif;font-size:34px;font-weight:700;color:var(--veeni-green);line-height:1; }
.veeni-stat .lbl { font-size:13.5px;line-height:1.5;color:var(--veeni-muted);margin-top:6px; }
.veeni-why-gallery { display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start; }
.veeni-why-gallery .gimg { overflow:hidden;border-radius:16px;border:1px solid var(--veeni-border);background:linear-gradient(160deg,#fdfaf4,#f0e8d8);box-shadow:0 10px 26px rgba(6,70,56,.07);transition:box-shadow .35s; }
.veeni-why-gallery .gimg:nth-child(1) { aspect-ratio:4 / 5; }
.veeni-why-gallery .gimg:nth-child(2) { aspect-ratio:1 / 1;margin-top:40px; }
.veeni-why-gallery .gimg:nth-child(3) { aspect-ratio:1 / 1; }
.veeni-why-gallery .gimg:nth-child(4) { aspect-ratio:4 / 5;margin-top:40px; }
.veeni-why-gallery .gimg:hover { box-shadow:0 20px 44px rgba(184,146,62,.16); }
.veeni-why-gallery .gimg svg { width:100%;height:100%;display:block; }
.veeni-why-gallery .gimg img { width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1); }
.veeni-why-gallery .gimg:hover img { transform:scale(1.07); }
@media (max-width:849px){ .veeni-why-gallery .gimg:nth-child(2),.veeni-why-gallery .gimg:nth-child(4){ margin-top:18px; } }
.veeni-hero-photo { min-height:380px;display:flex;align-items:center;justify-content:center; }
.veeni-hero-photo img { width:100%;max-height:470px;object-fit:contain;background:linear-gradient(160deg,#fdfaf4,#f1e9d9);border:1px solid var(--veeni-border);border-radius:18px;padding:16px;display:block; }
.veeni-hero-banner { display:block; }
.veeni-hero-banner img { width:100%;height:auto;display:block;border-radius:18px;box-shadow:0 18px 50px rgba(6,70,56,.10); }

/* Hero poster — ảnh banner blur nhẹ làm nền (cảm giác poster quảng cáo) */
.veeni-hero { position:relative; }
.veeni-hero::before { content:'';position:absolute;inset:-7%;z-index:0;pointer-events:none;background:linear-gradient(100deg, rgba(252,249,243,.95) 0%, rgba(252,249,243,.72) 40%, rgba(252,249,243,.34) 72%, rgba(252,249,243,.14) 100%), url('/wp-content/uploads/2026/06/veeni-hero-banner.png') center / cover no-repeat;filter:blur(36px); }
.veeni-hero .section-content, .veeni-hero .row { position:relative;z-index:1; }

/* Reveal phong cách Apple (hero hiện dần + gallery so le hiện khi cuộn) */
.v-rise { opacity:0;transform:translateY(34px);transition:opacity .85s ease, transform .95s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform; }
.v-rise.v-in { opacity:1;transform:translateY(0); }
@media (prefers-reduced-motion:reduce){ .v-rise { opacity:1 !important;transform:none !important;transition:none !important; } }

/* ===== Hero H1 xếp tầng (VEENI lớn 1 dòng / phần còn lại nhỏ hơn) — căn giữa ===== */
.veeni-hero-h1.is-stack { text-align:center; }
.veeni-hero-h1.is-stack .brand { display:block;font-size:clamp(46px,5.6vw,78px);line-height:1;font-weight:700;letter-spacing:1px;color:var(--veeni-text); }
.veeni-hero-h1.is-stack .sub { display:block;font-size:clamp(20px,2.5vw,33px);line-height:1.22;font-weight:600;margin-top:10px;letter-spacing:.2px; }
.veeni-hero .veeni-hero-lead { text-align:center;margin-left:auto;margin-right:auto; }
.veeni-hero .veeni-hero-cta { justify-content:center; }
.veeni-hero .veeni-trust { justify-content:center; }

/* ===== Banner đầu các trang con — ảnh cac-san-pham + overlay xanh, chữ trắng nổi bật ===== */
.veeni-page-banner { position:relative; }
.veeni-page-banner .veeni-banner-inner { text-align:center;max-width:900px;margin:0 auto; }
.veeni-banner-title { font-family:'Lora',Georgia,serif;color:#fff;font-size:clamp(30px,4.3vw,56px);font-weight:600;line-height:1.14;margin:0 0 16px;letter-spacing:-.3px;text-shadow:0 2px 18px rgba(0,0,0,.20); }
.veeni-banner-sub { color:rgba(255,255,255,.93);font-size:17px;line-height:1.7;max-width:660px;margin:0 auto 26px; }
.veeni-page-banner .veeni-hero-cta { justify-content:center;margin-bottom:0;flex-wrap:wrap; }
.veeni-page-banner .veeni-banner-inner .veeni-btn-secondary { border-color:rgba(255,255,255,.45); }

/* Hero "sân khấu" động — 6 sản phẩm */
.veeni-hero-stage { position:relative;display:flex;align-items:flex-end;justify-content:center;gap:3px;min-height:400px;padding-bottom:8px; }
.veeni-hero-stage .arc { position:absolute;top:50%;left:50%;width:330px;height:330px;max-width:92%;transform:translate(-50%,-56%);border-radius:50%;border:2px solid rgba(201,149,92,.5);opacity:.6;z-index:0; }
.veeni-hero-stage .arc::after { content:'';position:absolute;inset:20px;border-radius:50%;border:1px solid rgba(201,149,92,.22); }
.veeni-hero-stage .hp { position:relative;z-index:1;opacity:0;animation:veeniHeroIn .85s cubic-bezier(.2,.7,.2,1) forwards var(--d); }
.veeni-hero-stage .hp .fl { animation:veeniHeroFloat var(--ft) ease-in-out infinite var(--fd); }
.veeni-hero-stage .hp svg { height:var(--h);width:auto;display:block;filter:drop-shadow(0 12px 16px rgba(6,70,56,.12)); }
.veeni-hero-stage .spark { position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#f0dca0,#c79a5c);opacity:0;z-index:1;box-shadow:0 0 8px rgba(201,149,92,.6);animation:veeniSpark 3.6s ease-in-out infinite; }
@keyframes veeniHeroIn { from{opacity:0;transform:translateY(36px) scale(.95)} to{opacity:1;transform:translateY(0) scale(1)} }
@keyframes veeniHeroFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-13px)} }
@keyframes veeniSpark { 0%,100%{opacity:0;transform:scale(.5)} 50%{opacity:.95;transform:scale(1)} }
@media (max-width:849px){ .veeni-hero-stage{min-height:330px;} .veeni-hero-stage .hp svg{height:calc(var(--h) * .8);} .veeni-hero-stage .arc{width:280px;height:280px;} }
@media (prefers-reduced-motion:reduce){ .veeni-hero-stage .hp,.veeni-hero-stage .hp .fl,.veeni-hero-stage .spark{animation:none !important;opacity:1 !important;} }
.veeni-prod .ph.has-img { padding:0;aspect-ratio:4 / 3;height:auto;background:#f5edde;overflow:hidden;border-radius:10px; }
.veeni-prod .ph.has-img img { width:100%;height:100%;object-fit:contain;display:block; }
.veeni-blog .thumb.has-img { padding:0; }
.veeni-blog .thumb.has-img img { width:100%;height:100%;object-fit:cover;display:block; }

/* ===================================================================
   LUXURY — header tối + logo vàng, nút vàng gradient, kẻ vàng, hover ánh kim
   =================================================================== */
/* 1) Header nền tối, chữ/icon sáng, logo vàng nổi */
.header-main, .header-bg-color, .stuck .header-main, .header-wrapper, .header-bg-color.dark { background-color:#07382e !important; }
.header-main { border-bottom:1px solid rgba(201,149,92,.32) !important; }
.header-main .header-nav-main > li > a,
.header-main .header-nav > li > a,
.header-main .nav > li > a { color:#ece3d3 !important; }
.header-main .header-nav-main > li > a:hover,
.header-main .nav > li > a:hover { color:#ffffff !important; }
.header-main .header-nav .current-menu-item > a,
.header-main .header-nav .current_page_item > a { color:#ffffff !important; }
.header-main .current-menu-item > a:after,
.header-main .current_page_item > a:after { background:linear-gradient(135deg,#ead08f,#b8923e) !important; }
.header-main .icon-menu, .header-main .nav-icon a, .header-main .header-search-form i,
.header-main li.html a:not(.button), .header-main .is-small { color:#ece3d3 !important; }

/* 2) Nút "Yêu cầu báo giá" + nút phụ vàng → gradient vàng */
.header-main .button.primary:not(.is-outline),
.veeni-btn-secondary {
  background:linear-gradient(135deg,#d8b878,#b8923e) !important;
  border-color:#b8923e !important; color:#fff !important;
}
.header-main .button.primary:not(.is-outline):hover,
.veeni-btn-secondary:hover { background:linear-gradient(135deg,#e7c987,#a8743d) !important; }
.header-main .button.is-outline { color:#ead08f !important; border-color:#cBA873 !important; }
.header-main .button.is-outline:hover { background:#b8923e !important; color:#fff !important; border-color:#b8923e !important; }

/* 3) Đường kẻ vàng mảnh ngăn cách section (landing full-width) */
.page-template-page-blank .section + .section { border-top:1px solid rgba(184,146,62,.20); }

/* 4) Hover vàng ánh kim cho card + nút */
.veeni-card:hover, .veeni-svc:hover, .veeni-prod:hover, .veeni-feature:hover,
.veeni-blog:hover, .veeni-catcard:hover, .veeni-mvv:hover, .veeni-help:hover {
  border-color:rgba(184,146,62,.55) !important;
  box-shadow:0 18px 42px rgba(184,146,62,.20) !important;
}
.veeni-btn-primary, .veeni-btn-secondary, .veeni-btn-onwhite { position:relative; overflow:hidden; }
.veeni-btn-primary::after, .veeni-btn-secondary::after, .veeni-btn-onwhite::after {
  content:''; position:absolute; top:0; left:-70%; width:45%; height:100%;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.55),transparent);
  transform:skewX(-20deg); pointer-events:none; transition:left .55s ease; z-index:1;
}
.veeni-btn-primary:hover::after, .veeni-btn-secondary:hover::after, .veeni-btn-onwhite:hover::after { left:130%; }

/* ===================================================================
   Blog kiểu trang báo (trang chủ) — 1 bài chính + danh sách nhỏ
   =================================================================== */
.veeni-blog-feat { display:block;background:var(--veeni-soft);border:1px solid var(--veeni-border);border-radius:16px;overflow:hidden;height:100%;transition:all .25s; }
.veeni-blog-feat:hover { transform:translateY(-4px);box-shadow:0 18px 40px rgba(184,146,62,.16);border-color:rgba(184,146,62,.5); }
.veeni-blog-feat .thumb { height:312px;background:linear-gradient(160deg,#f1e9d8,#e6ddc8);display:flex;align-items:center;justify-content:center;color:#b6a684; }
.veeni-blog-feat .thumb.has-img { display:block; }
.veeni-blog-feat .thumb img { width:100%;height:100%;object-fit:cover;display:block; }
.veeni-blog-feat .body { padding:24px 28px; }
.veeni-blog-feat .cat { display:inline-block;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--veeni-gold);margin-bottom:10px; }
.veeni-blog-feat h3 { font-family:'Lora',Georgia,serif;font-size:22px;line-height:1.35;color:var(--veeni-text);margin:0 0 12px;font-weight:600; }
.veeni-blog-feat .ex { font-size:14px;line-height:1.7;color:var(--veeni-muted);margin:0 0 14px; }
.veeni-blog-feat .more { font-size:13.5px;font-weight:700;color:var(--veeni-gold); }
.veeni-blog-feat:hover .more { color:var(--veeni-green); }
.veeni-blog-list { display:flex;flex-direction:column;gap:13px;height:100%; }
.veeni-blog-mini { display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--veeni-border);border-radius:12px;padding:10px;transition:all .25s;flex:1; }
.veeni-blog-mini:hover { transform:translateX(3px);box-shadow:0 10px 24px rgba(6,70,56,.08);border-color:rgba(184,146,62,.5); }
.veeni-blog-mini .thumb { width:92px;height:72px;flex:none;border-radius:8px;overflow:hidden;background:linear-gradient(160deg,#f1e9d8,#e6ddc8);display:flex;align-items:center;justify-content:center;color:#b6a684; }
.veeni-blog-mini .thumb img { width:100%;height:100%;object-fit:cover;display:block; }
.veeni-blog-mini .cat { display:block;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--veeni-gold);margin-bottom:4px; }
.veeni-blog-mini h4 { font-size:14px;line-height:1.4;color:var(--veeni-text);margin:0;font-weight:600; }
@media (max-width:849px){ .veeni-blog-mini { flex:none; } }

/* ===================================================================
   CTA trang chủ kiểu mockup — kem + cây trang trí + form 3 ô
   =================================================================== */
.veeni-cta2-left h2 { font-family:'Lora',Georgia,serif;font-size:clamp(22px,2.3vw,28px);font-weight:700;color:var(--veeni-text);margin:0 0 10px;line-height:1.25; }
.veeni-cta2-left p { font-size:15px;line-height:1.7;color:var(--veeni-muted);margin:0;max-width:360px; }
.veeni-cta2-img { width:100%;max-width:430px;height:auto;display:block;margin-top:18px; }
/* Ảnh nhà máy thật trong gallery hệ sinh thái */
.veeni-fac .ph.has-img { padding:0; }
.veeni-fac .ph.has-img img { width:100%;height:100%;object-fit:cover;border-radius:11px;display:block; }
/* Ảnh đại diện danh mục (trang Sản phẩm) */
.veeni-catcard .ph.has-img { padding:0;display:block; }
.veeni-catcard .ph.has-img img { width:100%;height:100%;object-fit:cover;display:block; }
/* Bản đồ nhúng (trang Liên hệ) thay placeholder */
.veeni-map-embed { border:1px solid var(--veeni-border);border-radius:18px;overflow:hidden;box-shadow:0 10px 28px rgba(6,70,56,.08);line-height:0; }
.veeni-map-embed iframe { width:100%;height:340px;display:block;border:0; }

/* ===== Card đều chiều cao trong mọi lưới (kéo .col-inner Flatsome giãn theo cột) ===== */
.col-inner:has(> .veeni-card),
.col-inner:has(> .veeni-blog),
.col-inner:has(> .veeni-svc),
.col-inner:has(> .veeni-prod),
.col-inner:has(> .veeni-catcard) { height:100%; }
/* Blog card: phân bố nội dung, nút "Đọc tiếp" canh đáy cho thẳng hàng */
.veeni-blog { display:flex;flex-direction:column; }
.veeni-blog .body { display:flex;flex-direction:column;flex:1; }
.veeni-blog .body .ex { flex:1 0 auto; }
/* Giá trị thẻ liên hệ gọn hơn để email không xuống dòng giữa chừng */
.veeni-contact .val { font-size:15px;overflow-wrap:anywhere; }
/* Ảnh cầu nối (ket-noi) thay khối text */
.veeni-ketnoi { width:100%;height:auto;display:block;border-radius:14px;border:1px solid var(--veeni-border);box-shadow:0 12px 34px rgba(6,70,56,.08); }
.veeni-cta2-form { background:#fff;border:1px solid var(--veeni-border);border-radius:16px;padding:24px 26px 20px;box-shadow:0 14px 40px rgba(6,70,56,.08); }
.veeni-cta2-form .cf7-row3 { display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:12px; }
.veeni-cta2-form .cf7-field { margin-bottom:12px; }
.veeni-cta2-form .wpcf7-form-control-wrap { display:block; }
.veeni-cta2-form input:not(.wpcf7-submit), .veeni-cta2-form textarea { width:100%; }
.veeni-cta2-form .cf7-submit { text-align:right; }
.veeni-cta2-form input.wpcf7-submit { min-height:48px;padding:0 30px;background:var(--veeni-green) !important;color:#fff !important;border:1px solid var(--veeni-green) !important;border-radius:8px !important;font-weight:700;text-transform:none !important;cursor:pointer;transition:all .25s; }
.veeni-cta2-form input.wpcf7-submit:hover { background:var(--veeni-green-2) !important; }
.veeni-cta2-form .veeni-form-note { font-size:12px;color:var(--veeni-muted);margin-top:10px; }
@media (max-width:849px){ .veeni-cta2-form .cf7-row3 { grid-template-columns:1fr; } .veeni-cta2-form .cf7-submit { text-align:left; } .veeni-cta2-left { gap:14px; } }

/* Ẩn tiêu đề mặc định trên trang chủ (landing) */
.home .entry-title,
.home .page-title,
.home .page-header { display:none !important; }

/* ===================================================================
   Responsive (design §16, §19)
   =================================================================== */
@media (max-width: 849px) {
  .veeni-hero { text-align: center; }

  .veeni-card,
  .veeni-product-card,
  .veeni-service-card,
  .veeni-contact-card { padding: 22px; }

  .veeni-section-title { margin-bottom: 28px; }
}

@media (max-width: 549px) {
  .veeni-btn-primary,
  .veeni-btn-secondary,
  .veeni-btn-outline {
    width: 100%;
    margin-bottom: 10px;
  }

  .veeni-check-list li { text-align: left; }

  /* Mobile: card xếp 1 cột (design §19.3) */
  .veeni-feature-grid { grid-template-columns: 1fr; }
}

/* Chặn tràn ngang do section full-bleed (an toàn responsive) */
html, body { overflow-x: hidden; max-width: 100%; }