/* ==========================================================================
   VinaCraft — Furniture Hardware theme for ZanCMS (Vietnam market)
   Palette: warm ivory / charcoal bark / terracotta / amber  (no green)
   ========================================================================== */
:root{
  --vc-ivory:#faf5ec;
  --vc-sand:#f1e6d2;
  --vc-sand2:#ede0c8;
  --vc-ink:#26190e;
  --vc-ink2:#4a3826;
  --vc-bark:#2d1f12;
  --vc-bark2:#3a2a19;
  --vc-terra:#c2531f;
  --vc-terra-d:#9e3f12;
  --vc-amber:#e9a83a;
  --vc-amber-d:#c9871b;
  --vc-line:#e2d3b8;
  --vc-muted:#82705a;
  --vc-white:#fffdf8;
  --vc-radius:14px;
  --vc-shadow:0 10px 30px rgba(45,31,18,.10);
  --vc-shadow-lg:0 18px 46px rgba(45,31,18,.16);
  --vc-font:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body.vinacraft-theme{font-family:var(--vc-font);background:var(--vc-ivory);color:var(--vc-ink);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--vc-terra);text-decoration:none;transition:color .2s}
a:hover{color:var(--vc-terra-d)}
ul,ol{list-style:none}
button{font-family:inherit;cursor:pointer}
input,textarea,select{font-family:inherit;font-size:15px;color:var(--vc-ink)}
.vc-wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.vc-center{text-align:center}
.vc-promise + p.vc-center,
.vc-bento + p.vc-center,
.vc-prodgrid + p.vc-center,
.vc-solgrid + p.vc-center{margin-top:42px}
.vc-h2,.vc-headline h2{font-size:32px;line-height:1.25;letter-spacing:-.01em}
.vc-headline{max-width:720px;margin-bottom:36px}
.vc-headline p{color:var(--vc-muted);margin-top:10px}
.vc-headline-light h2,.vc-headline-light p{color:var(--vc-white)}
.vc-headline-light p{opacity:.75}
.vc-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--vc-terra);margin-bottom:12px}
.vc-kicker i{color:var(--vc-amber-d)}
.vc-kicker-amber{color:var(--vc-amber)}
.vc-blockhead{font-size:22px;margin-bottom:22px;display:flex;align-items:center;gap:10px}
.vc-blockhead i{color:var(--vc-terra)}
.vc-textlink{font-weight:700;display:inline-flex;align-items:center;gap:8px}

/* ---------- Buttons ---------- */
.vc-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 26px;border-radius:999px;font-weight:700;font-size:15px;border:2px solid transparent;transition:all .2s;line-height:1.2}
.vc-btn-solid{background:var(--vc-terra);color:#fff}
.vc-btn-solid:hover{background:var(--vc-terra-d);color:#fff;transform:translateY(-2px)}
.vc-btn-amber{background:var(--vc-amber);color:var(--vc-bark)}
.vc-btn-amber:hover{background:var(--vc-amber-d);color:var(--vc-bark);transform:translateY(-2px)}
.vc-btn-ghost{border-color:var(--vc-ink2);color:var(--vc-ink)}
.vc-btn-ghost:hover{background:var(--vc-bark);border-color:var(--vc-bark);color:#fff}
.vc-sec-bark .vc-btn-ghost,.vc-sec-clay .vc-btn-ghost,.vc-hero .vc-btn-ghost,.vc-strip-cta .vc-btn-ghost,.vc-quoteband .vc-btn-ghost,.vc-footer .vc-btn-ghost{border-color:rgba(255,255,255,.5);color:#fff}
.vc-sec-bark .vc-btn-ghost:hover,.vc-sec-clay .vc-btn-ghost:hover,.vc-hero .vc-btn-ghost:hover,.vc-strip-cta .vc-btn-ghost:hover,.vc-quoteband .vc-btn-ghost:hover,.vc-footer .vc-btn-ghost:hover{background:rgba(255,255,255,.12);color:#fff}
.vc-btn-line{border-color:var(--vc-terra);color:var(--vc-terra)}
.vc-btn-line:hover{background:var(--vc-terra);color:#fff}
.vc-btn-inkline{border-color:var(--vc-ink);color:var(--vc-ink)}
.vc-btn-inkline:hover{background:var(--vc-ink);color:var(--vc-ivory)}
.vc-btn-soft{background:var(--vc-sand);color:var(--vc-ink)}
.vc-btn-soft:hover{background:var(--vc-sand2)}
.vc-btn-lg{padding:16px 34px;font-size:16px}
.vc-chipbtn{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border-radius:999px;border:1.5px solid var(--vc-line);background:var(--vc-white);font-size:13px;font-weight:700;color:var(--vc-ink2);transition:all .2s}
.vc-chipbtn:hover{border-color:var(--vc-terra);color:var(--vc-terra)}

/* ---------- Header ---------- */
.vc-header{position:sticky;top:0;z-index:900;background:var(--vc-white);box-shadow:0 2px 14px rgba(45,31,18,.08)}
.vc-topline{display:flex;height:5px}
.vc-topline span{flex:1}
.vc-topline span:nth-child(1){background:var(--vc-terra)}
.vc-topline span:nth-child(2){background:var(--vc-amber)}
.vc-topline span:nth-child(3){background:var(--vc-bark)}
.vc-masthead{border-bottom:1px solid var(--vc-line)}
.vc-masthead-in{display:flex;align-items:center;gap:28px;min-height:76px}
.vc-logo img{max-height:52px;width:auto}
.vc-mainnav{flex:1;display:flex;gap:4px}
.vc-mainnav>a,.vc-navdrop>a{display:flex;align-items:center;gap:6px;padding:26px 13px;font-weight:600;color:var(--vc-ink);font-size:15px;border-bottom:3px solid transparent;white-space:nowrap}
.vc-mainnav>a:hover,.vc-mainnav>a.on,.vc-navdrop>a:hover,.vc-navdrop>a.on{color:var(--vc-terra);border-bottom-color:var(--vc-amber)}
.vc-navdrop{position:relative}
.skip-nav{position:absolute;left:-9999px;top:0;background:var(--vc-terra);color:#fff;padding:10px 18px;z-index:2000;border-radius:0 0 10px 0}
.skip-nav:focus{left:0;color:#fff}
.vc-navdrop:hover .vc-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.vc-dropdown{position:absolute;top:100%;left:-20px;min-width:280px;background:var(--vc-white);border-radius:0 0 var(--vc-radius) var(--vc-radius);box-shadow:var(--vc-shadow-lg);opacity:0;visibility:hidden;transform:translateY(8px);transition:all .2s;border-top:3px solid var(--vc-amber)}
.vc-dropdown-in{padding:18px}
.vc-drop-group{margin-bottom:6px}
.vc-drop-parent{display:block;font-weight:700;padding:8px 10px;color:var(--vc-ink);border-radius:8px}
.vc-drop-parent:hover{background:var(--vc-sand);color:var(--vc-terra)}
.vc-drop-child{display:block;padding:6px 10px 6px 24px;font-size:14px;color:var(--vc-muted);border-radius:8px}
.vc-drop-child:hover{background:var(--vc-sand);color:var(--vc-terra)}
.vc-drop-foot{border-top:1px solid var(--vc-line);padding:12px 18px;background:var(--vc-ivory);border-radius:0 0 var(--vc-radius) var(--vc-radius);font-size:14px}
.vc-headtools{display:flex;align-items:center;gap:10px}
.vc-tool{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1.5px solid var(--vc-line);background:none;color:var(--vc-ink);font-size:16px;transition:all .2s}
.vc-tool:hover{border-color:var(--vc-terra);color:var(--vc-terra)}
.vc-cartdot{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--vc-terra);color:#fff;font-size:11px;font-weight:700;display:none;align-items:center;justify-content:center}
.vc-headcta{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:999px;background:var(--vc-terra);color:#fff;font-weight:700;font-size:14px;white-space:nowrap}
.vc-headcta:hover{background:var(--vc-terra-d);color:#fff}
.vc-burger{display:none;width:42px;height:42px;border-radius:10px;border:1.5px solid var(--vc-line);background:none;font-size:18px;color:var(--vc-ink)}
.vc-inforibbon{background:var(--vc-bark);color:rgba(255,253,248,.85);font-size:13px}
.vc-inforibbon-in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px;flex-wrap:nowrap}
.vc-ribbon-note{display:inline-flex;align-items:center;gap:8px;min-width:0}
.vc-ribbon-note>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vc-ribbon-note i{color:var(--vc-amber)}
.vc-ribbon-links{display:flex;gap:20px;flex:0 0 auto;white-space:nowrap}
.vc-ribbon-links a{color:rgba(255,253,248,.85);display:inline-flex;align-items:center;gap:7px}
.vc-ribbon-links a:hover{color:var(--vc-amber)}

/* search veil */
.vc-searchveil{position:fixed;inset:0;background:rgba(38,25,14,.92);z-index:1200;display:none;align-items:flex-start;justify-content:center;padding:14vh 24px 0}
.vc-searchveil.on{display:flex}
.vc-searchveil-in{width:100%;max-width:680px;text-align:center}
.vc-searchveil-in h2{color:#fff;font-size:26px;margin-bottom:22px}
.vc-searchveil-form{display:flex;background:#fff;border-radius:999px;overflow:hidden;box-shadow:var(--vc-shadow-lg)}
.vc-searchveil-form input{flex:1;border:none;outline:none;padding:17px 26px;font-size:16px;background:none}
.vc-searchveil-form button{border:none;background:var(--vc-terra);color:#fff;padding:0 30px;font-size:16px;font-weight:700}
.vc-searchveil-form button:hover{background:var(--vc-terra-d)}
.vc-searchveil-hint{margin-top:18px;color:rgba(255,255,255,.6);font-size:13px;display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}
p.vc-searchveil-tag{display:inline-flex;gap:9px;align-items:center;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:7px 18px;color:#fff;font-size:14px;margin-bottom:20px}
.vc-searchveil-hint kbd{background:rgba(255,255,255,.15);border-radius:6px;padding:2px 8px;font-family:inherit}
.vc-searchveil-close{position:absolute;top:26px;right:30px;width:46px;height:46px;border-radius:50%;border:1.5px solid rgba(255,255,255,.35);background:none;color:#fff;font-size:19px}
.vc-searchveil-close:hover{background:var(--vc-terra);border-color:var(--vc-terra)}

/* mobile sidenav */
.vc-scrim{position:fixed;inset:0;background:rgba(38,25,14,.55);z-index:1000}
.vc-scrim[hidden]{display:none}
.vc-sidenav{position:fixed;top:0;right:-330px;width:320px;max-width:88vw;height:100vh;background:var(--vc-white);z-index:1100;transition:right .28s;display:flex;flex-direction:column;box-shadow:-8px 0 32px rgba(45,31,18,.2)}
.vc-sidenav.on{right:0}
.vc-sidenav-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--vc-line);background:var(--vc-bark);color:var(--vc-white)}
.vc-sidenav-head strong{display:inline-flex;gap:10px;align-items:center;font-size:16px}
.vc-sidenav-head i{color:var(--vc-amber)}
.vc-sidenav-close{width:38px;height:38px;border-radius:50%;border:1.5px solid rgba(255,255,255,.35);background:none;color:#fff;font-size:16px}
form.vc-sidenav-search{display:flex;margin:16px 20px;border:1.5px solid var(--vc-line);border-radius:999px;overflow:hidden}
.vc-sidenav-search input{flex:1;border:none;outline:none;padding:10px 16px;background:none}
.vc-sidenav-search button{border:none;background:var(--vc-terra);color:#fff;padding:0 18px}
.vc-sidenav-nav{flex:1;overflow-y:auto;padding:10px 0}
.vc-sidenav-nav>a{display:block;padding:13px 22px;font-weight:600;color:var(--vc-ink);border-bottom:1px solid var(--vc-ivory)}
.vc-sidenav-nav>a:hover,.vc-sidenav-nav>a.on{color:var(--vc-terra)}
.vc-sidenav-sec{border-bottom:1px solid var(--vc-ivory)}
.vc-sidenav-sec>button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 22px;border:none;background:none;font-weight:600;font-size:16px;color:var(--vc-ink)}
.vc-sidenav-sec>button i{color:var(--vc-terra);transition:transform .2s}
.vc-sidenav-sec.open>button i{transform:rotate(45deg)}
.vc-sidenav-sub{display:none;padding-bottom:8px}
.vc-sidenav-sec.open .vc-sidenav-sub{display:block}
.vc-sidenav-sub a{display:block;padding:8px 22px 8px 38px;font-size:14px;color:var(--vc-muted)}
.vc-sidenav-sub a:hover{color:var(--vc-terra)}
a.vc-sidenav-deep{padding-left:54px;font-size:13px}
.vc-sidenav-foot{padding:16px 20px;border-top:1px solid var(--vc-line);display:grid;gap:10px}

/* ---------- Hero ---------- */
.vc-hero{position:relative;background:linear-gradient(135deg,var(--vc-bark) 0%,var(--vc-bark2) 55%,#5a3a1c 100%);color:var(--vc-white);overflow:hidden}
.vc-hero-in{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;padding:84px 0 108px}
.vc-hero-copy h1{font-size:46px;line-height:1.15;letter-spacing:-.015em;margin:14px 0 18px}
.vc-hero-copy h1 em{font-style:normal;color:var(--vc-amber)}
.vc-hero-copy p{font-size:18px;color:rgba(255,253,248,.8);max-width:540px}
.vc-hero-cta{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}
.vc-hero-ticks{display:flex;gap:22px;margin-top:30px;flex-wrap:wrap}
.vc-hero-ticks li{display:flex;align-items:center;gap:9px;font-size:14px;color:rgba(255,253,248,.85)}
.vc-hero-ticks i{color:var(--vc-amber)}
.vc-hero-rail{display:grid;gap:16px}
.vc-hero-rail>div,.vc-hero-rail>a{background:rgba(255,253,248,.07);border:1px solid rgba(255,253,248,.14);border-radius:var(--vc-radius);padding:18px 22px;color:var(--vc-white);backdrop-filter:blur(4px)}
.vc-hero-rail .vc-railstat{display:flex;align-items:center;gap:16px;justify-content:flex-start;border-bottom:none;font-size:inherit}
.vc-hero-rail .vc-railstat>i{flex:0 0 48px;width:48px;height:48px;border-radius:14px;background:rgba(233,168,58,.16);color:var(--vc-amber);display:inline-flex;align-items:center;justify-content:center;font-size:21px}
.vc-hero-rail strong{display:block;font-size:18px;color:var(--vc-white)}
.vc-hero-rail span{font-size:14px;color:rgba(255,253,248,.72)}
.vc-hero-wave{position:absolute;left:-3%;right:-3%;bottom:-1px;height:52px;background:var(--vc-white);border-radius:100% 100% 0 0}

/* ---------- Sections ---------- */
.vc-sec{padding:76px 0}
.vc-sec-sand{background:var(--vc-sand)}
.vc-sec-bark{background:var(--vc-bark);color:var(--vc-white)}
.vc-sec-clay{background:linear-gradient(120deg,var(--vc-terra) 0%,var(--vc-terra-d) 100%);color:#fff}
.vc-sec-catstrip{padding:40px 0 30px;background:var(--vc-white);border-bottom:1px solid var(--vc-line)}
.vc-catstrip{display:flex;gap:20px;overflow-x:auto;padding:8px max(24px,calc((100vw - 1200px)/2)) 18px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--vc-sand2) transparent}
.vc-catstrip::-webkit-scrollbar{height:6px}
.vc-catstrip::-webkit-scrollbar-track{background:transparent}
.vc-catstrip::-webkit-scrollbar-thumb{background:var(--vc-sand2);border-radius:999px}
.vc-catstrip::-webkit-scrollbar-thumb:hover{background:var(--vc-amber)}
.vc-catstrip .vc-catcard{flex:0 0 236px;scroll-snap-align:start;padding:0 0 18px;overflow:hidden}
.vc-catstrip .vc-catcard figure{margin:0 0 12px;height:150px;background:var(--vc-sand);overflow:hidden}
.vc-catstrip .vc-catcard figure img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.vc-catstrip .vc-catcard:hover figure img{transform:scale(1.06)}
.vc-catstrip .vc-catcard h3{font-size:15.5px;padding:0 18px;line-height:1.35}
.vc-catstrip .vc-catcard .vc-catcard-go{padding:0 18px}
.vc-catstrip-more{text-align:center;margin-top:14px}

/* promises */
.vc-promise{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.vc-promise-card{background:rgba(255,253,248,.06);border:1px solid rgba(255,253,248,.13);border-radius:var(--vc-radius);padding:26px}
.vc-promise-card h3{font-size:17px;margin:12px 0 8px;color:var(--vc-white)}
.vc-promise-card p{font-size:14px;color:rgba(255,253,248,.72)}
.vc-promise-num{display:inline-flex;width:40px;height:40px;border-radius:12px;background:var(--vc-amber);color:var(--vc-bark);font-weight:800;align-items:center;justify-content:center;font-size:17px}

/* bento products */
.vc-bento{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.vc-bento-item{background:var(--vc-white);border:1px solid var(--vc-line);border-radius:var(--vc-radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.vc-bento-item:hover{transform:translateY(-4px);box-shadow:var(--vc-shadow-lg)}
.vc-bento-item:first-child{grid-column:span 2;grid-row:span 2}
.vc-bento-media{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--vc-sand)}
.vc-bento-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.vc-bento-item:hover .vc-bento-media img{transform:scale(1.05)}
.vc-bento-body{padding:18px 20px;flex:1;display:flex;flex-direction:column;gap:8px}
.vc-bento-body em{font-style:normal;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--vc-terra)}
.vc-bento-body h3{font-size:17px;line-height:1.35}
.vc-bento-desc{font-size:14px;line-height:1.7;color:var(--vc-muted);margin:6px 0 14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.vc-bento-body h3 a{color:var(--vc-ink)}
.vc-bento-body h3 a:hover{color:var(--vc-terra)}
.vc-bento-foot{margin-top:auto;display:flex;gap:10px;align-items:center;justify-content:space-between}

/* manufacturing home */
.vc-mfghome{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.vc-mfghome-copy .vc-btn{margin-top:14px}
.vc-mfghome-steps{display:grid;gap:16px}
.vc-mfghome-steps>div{display:flex;gap:16px;background:var(--vc-white);border:1px solid var(--vc-line);border-radius:var(--vc-radius);padding:18px 20px}
.vc-mfghome-steps strong{color:var(--vc-terra)}

/* solutions */
.vc-solgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.vc-solgrid-list{grid-template-columns:repeat(3,1fr)}
.vc-solcard{position:relative;background:var(--vc-white);border:1px solid var(--vc-line);border-radius:var(--vc-radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.vc-solcard:hover{transform:translateY(-4px);box-shadow:var(--vc-shadow-lg)}
.vc-solcard>a:first-child,.vc-solcard-media{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--vc-sand)}
.vc-solcard img{width:100%;height:100%;object-fit:cover}
.vc-solcard-tag{position:absolute;top:0;left:0;margin:14px;display:inline-flex;padding:5px 13px;border-radius:999px;background:var(--vc-amber);color:var(--vc-bark);font-size:12px;font-weight:700}
.vc-solcard-body{padding:20px;flex:1;display:flex;flex-direction:column;gap:8px}
.vc-solcard-body h3{font-size:18px}
.vc-solcard-body h3 a{color:var(--vc-ink)}
.vc-solcard-body h3 a:hover{color:var(--vc-terra)}
.vc-solcard-body p{font-size:14px;color:var(--vc-muted)}
.vc-solcard-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px}

/* quote band */
.vc-quoteband{display:flex;align-items:center;justify-content:space-between;gap:34px;flex-wrap:wrap}
.vc-quoteband-copy h2{font-size:32px;color:#fff}
.vc-quoteband-copy p{color:rgba(255,255,255,.85);margin-top:8px;max-width:560px}
.vc-quoteband-actions{display:flex;gap:14px;flex-wrap:wrap}

/* certificates strip */
.vc-certstrip{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.vc-certcard{background:var(--vc-white);border:1px solid var(--vc-line);border-radius:var(--vc-radius);padding:18px;text-align:center;font-size:14px;font-weight:600;color:var(--vc-ink);display:flex;flex-direction:column;gap:10px;align-items:center;transition:all .2s}
.vc-certcard:hover{border-color:var(--vc-amber);box-shadow:var(--vc-shadow)}
.vc-certcard img{height:74px;width:auto;object-fit:contain}
.vc-certcard i{font-size:32px;color:var(--vc-amber-d)}

/* home faq */
.vc-faqduo{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.vc-faq-home-list{display:grid;gap:12px}
.vc-faqitem{background:var(--vc-white);border:1px solid var(--vc-line);border-radius:12px;overflow:hidden}
.vc-faqitem summary,.vc-faqitem .vc-faqq{list-style:none;cursor:pointer;padding:16px 20px;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:14px}
.vc-faqitem summary::-webkit-details-marker{display:none}
.vc-faqitem summary i{color:var(--vc-terra);transition:transform .2s}
.vc-faqitem[open] summary i{transform:rotate(45deg)}
.vc-faqitem-body{padding:0 20px 18px;color:var(--vc-ink2);font-size:15px}
.vc-faq-noresult{padding:20px;color:var(--vc-muted)}
.vc-faqsearchband{max-width:560px;margin:8px 0 30px;display:flex;border:1.5px solid var(--vc-line);border-radius:999px;overflow:hidden;background:var(--vc-white)}
.vc-faqsearchband input{flex:1;border:none;outline:none;padding:13px 22px;background:none}
.vc-faqsearchband i,.vc-faqsearchband span{align-self:center;padding:0 18px;color:var(--vc-muted)}

/* news rows */
.vc-newslist{display:grid;gap:16px}
.vc-newsrow{display:grid;grid-template-columns:180px 1fr 56px;gap:22px;align-items:center;background:var(--vc-white);border:1px solid var(--vc-line);border-radius:var(--vc-radius);padding:16px;transition:all .2s}
.vc-newsrow:hover{border-color:var(--vc-amber);box-shadow:var(--vc-shadow)}
.vc-newsrow-media{display:block;aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:var(--vc-sand)}
.vc-newsrow-media img{width:100%;height:100%;object-fit:cover}
.vc-newsrow-meta{display:flex;gap:16px;align-items:center;font-size:13px;color:var(--vc-muted);margin-bottom:6px}
.vc-newsrow-meta em{font-style:normal;font-weight:700;color:var(--vc-terra);text-transform:uppercase;font-size:12px;letter-spacing:.08em}
.vc-newsrow-body h2,.vc-newsrow-body h3{font-size:19px;line-height:1.35}
.vc-newsrow-body h2 a,.vc-newsrow-body h3 a{color:var(--vc-ink)}
.vc-newsrow-body h2 a:hover,.vc-newsrow-body h3 a:hover{color:var(--vc-terra)}
.vc-newsrow-body p{font-size:14px;color:var(--vc-muted);margin-top:6px}
.vc-newsrow-go{display:inline-flex;width:46px;height:46px;border-radius:50%;border:1.5px solid var(--vc-line);align-items:center;justify-content:center;color:var(--vc-ink);justify-self:end}
.vc-newsrow-go:hover{background:var(--vc-terra);border-color:var(--vc-terra);color:#fff}
.vc-noimg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:30px;color:var(--vc-muted);background:var(--vc-sand)}

/* newsletter band + footer */
.vc-newsband{background:linear-gradient(120deg,var(--vc-terra),var(--vc-terra-d));color:#fff;margin-bottom:20px}
.vc-newsband-in{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:44px 0;flex-wrap:wrap}
.vc-newsband-copy h2{font-size:26px}
.vc-newsband-copy p{opacity:.85;margin-top:6px}
.vc-newsband-form{display:flex;background:#fff;border-radius:999px;overflow:hidden;min-width:380px;box-shadow:var(--vc-shadow);margin-top:22px}
.vc-newsband-form input{flex:1;border:none;outline:none;padding:14px 24px;background:none}
.vc-newsband-form button{border:none;background:var(--vc-bark);color:#fff;padding:0 22px;font-weight:700;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0;justify-content:center}
.vc-newsband-form button:hover{background:var(--vc-ink)}
.vc-footer{background:var(--vc-bark);color:rgba(255,253,248,.78);font-size:14px}
.vc-footer-main{display:grid;grid-template-columns:1.55fr .95fr .95fr 1.05fr;gap:36px;padding:64px 0 48px;align-items:start;justify-content:space-between}
.vc-footer-card{align-self:start;width:100%}
.vc-footer-brand img{max-height:48px;margin-bottom:16px;filter:brightness(0) invert(1)}
.vc-footer-brand p{margin-bottom:18px}
.vc-footer-social{display:flex;gap:10px}
.vc-footer-social a{display:inline-flex;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,253,248,.25);align-items:center;justify-content:center;color:var(--vc-ivory)}
.vc-footer-social a:hover{background:var(--vc-amber);border-color:var(--vc-amber);color:var(--vc-bark)}
.vc-footer-head{color:var(--vc-white);font-size:15px;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:9px}
.vc-footer-head i{color:var(--vc-amber)}
.vc-footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.vc-footer-links li{margin-bottom:9px}
.vc-footer-col nav a{display:block;padding:4px 0;color:rgba(255,253,248,.78)}
.vc-footer-links a{color:rgba(255,253,248,.78)}
.vc-footer-links a:hover{color:var(--vc-amber)}
.vc-footer-col address{font-style:normal}
.vc-footer-col address p{display:flex;gap:10px;margin-bottom:10px}
.vc-footer-col address i{color:var(--vc-amber);margin-top:4px}
.vc-footer-card{background:rgba(255,253,248,.06);border:1px solid rgba(255,253,248,.13);border-radius:var(--vc-radius);padding:18px;margin-top:14px}
.vc-footer-base{border-top:1px solid rgba(255,253,248,.14)}
.vc-footer-base-in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;flex-wrap:wrap;font-size:13px;color:rgba(255,253,248,.55)}
.vc-footer-legal{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.vc-footer-legal a{color:rgba(255,253,248,.62);display:inline-flex;align-items:center;gap:6px}
.vc-footer-legal a:hover{color:var(--vc-amber)}
.vc-footer-legal a i{font-size:12px;opacity:.85}
.vc-footer-tags-in{border-top:1px solid rgba(255,253,248,.1);padding:18px 0 22px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.vc-footer-tags-label{display:inline-flex;align-items:center;gap:8px;color:var(--vc-amber);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;flex-shrink:0}
.vc-footer-tags-label i{font-size:14px}
.vc-footer-tags{display:flex;flex-wrap:wrap;gap:8px;flex:1;min-width:0}
.vc-footer-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;border:1px solid rgba(255,253,248,.18);background:rgba(255,253,248,.04);color:rgba(255,253,248,.78);font-size:13px;line-height:1.4;transition:all .2s}
.vc-footer-tag:hover{border-color:var(--vc-amber);color:var(--vc-amber);background:rgba(244,162,97,.08);transform:translateY(-1px)}
.vc-footer-tag em{font-style:normal;font-size:11px;color:rgba(255,253,248,.55);background:rgba(255,253,248,.08);border-radius:999px;padding:1px 7px;min-width:18px;text-align:center}
.vc-footer-tag:hover em{background:rgba(244,162,97,.18);color:var(--vc-amber)}
.vc-footer-tags-empty{color:rgba(255,253,248,.45);font-size:13px;font-style:italic}

/* ---------- Inner pages ---------- */
.vc-pagetop{background:linear-gradient(120deg,var(--vc-bark),var(--vc-bark2));color:var(--vc-white);padding:52px 0 56px}
.vc-pagetop h1{font-size:38px;letter-spacing:-.01em;margin:6px 0 10px}
.vc-pagetop p{color:rgba(255,253,248,.78);max-width:640px}
.vc-pagetop .vc-kicker{color:var(--vc-amber)}
.vc-pagetop-slim{padding:38px 0}
.vc-pagetop-legal{background:linear-gradient(120deg,var(--vc-bark),#4a2e14)}
.vc-pagetop-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.vc-crumb{font-size:13px;color:rgba(255,253,248,.6);margin-bottom:14px}
.vc-crumb a{color:rgba(255,253,248,.6)}
.vc-crumb a:hover{color:var(--vc-amber)}
.vc-strip-cta{display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;background:var(--vc-bark);color:var(--vc-white);border-radius:var(--vc-radius);padding:34px 38px}
.vc-strip-cta h2{font-size:24px;color:var(--vc-white)}
.vc-strip-cta p{color:rgba(255,253,248,.75);margin-top:6px}
.vc-strip-cta-actions{display:flex;gap:12px;flex-wrap:wrap}

/* catalog (product list) */
.vc-cataloglayout{display:grid;grid-template-columns:270px 1fr;gap:40px;align-items:start}
.vc-catside{position:sticky;top:110px;display:grid;gap:20px}
.vc-catside-box{background:var(--vc-white);border:1px solid var(--vc-line);border-radius:var(--vc-radius);padding:22px}
.vc-catside-box h2,.vc-catside-box h3{font-size:16px;margin-bottom:14px;display:flex;align-items:center;gap:9px}
.vc-catside-box h2 i,.vc-catside-box h3 i{color:var(--vc-terra)}
.vc-cattree li{margin-bottom:4px}
.vc-cattree-top{display:block;padding:9px 12px;border-radius:9px;font-weight:600;color:var(--vc-ink)}
.vc-cattree-top:hover{background:var(--vc-sand);color:var(--vc-terra)}
.vc-cattree li.on>.vc-cattree-top{background:var(--vc-terra);color:#fff}
.vc-cattree-sub a{display:block;padding:6px 12px 6px 26px;font-size:14px;color:var(--vc-muted);border-radius:8px}
.vc-cattree-sub a:hover{color:var(--vc-terra);background:var(--vc-sand)}
.vc-cattree-sub li.on>a{color:var(--vc-terra);font-weight:700}
.vc-catside-help{background:var(--vc-bark);color:var(--vc-white);border:none}
.vc-catside-help p{font-size:14px;color:rgba(255,253,248,.75);margin-bottom:14px}
.vc-prodgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.vc-prodgrid-4{grid-template-columns:repeat(4,1fr)}
.vc-prodcard{background:var(--vc-white);border:1px solid var(--vc-line);border-radius:var(--vc-radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.vc-prodcard:hover{transform:translateY(-4px);box-shadow:var(--vc-shadow-lg)}
.vc-prodcard-media{display:block;aspect-ratio:1/1;overflow:hidden;background:var(--vc-white);border-bottom:1px solid var(--vc-ivory)}
.vc-prodcard-media img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.vc-prodcard:hover .vc-prodcard-media img{transform:scale(1.06)}
.vc-prodcard-body{padding:16px 18px;flex:1;display:flex;flex-direction:column;gap:8px}
.vc-prodcard-title{font-size:15px;line-height:1.4;font-weight:600}
.vc-prodcard-title a{color:var(--vc-ink)}
.vc-prodcard-title a:hover{color:var(--vc-terra)}
.vc-prodcard-foot{margin-top:auto;display:flex;gap:8px;justify-content:space-between;align-items:center}
.vc-catcard{position:relative;background:var(--vc-white);border:1px solid var(--vc-line);border-radius:var(--vc-radius);padding:22px;display:flex;flex-direction:column;gap:8px;transition:all .2s;color:var(--vc-ink)}
.vc-catcard:hover{border-color:var(--vc-amber);box-shadow:var(--vc-shadow)}
.vc-catcard-go{margin-top:auto;color:var(--vc-terra);font-weight:700;font-size:14px}
.vc-catmain{min-width:0}

/* PDP */
.vc-pdp{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:start}
.vc-pdp-gallery{display:grid;grid-template-columns:84px 1fr;gap:16px;position:sticky;top:110px}
.vc-pdp-thumbcol{display:grid;gap:12px;align-content:start}
.vc-pdp-thumbcol button{width:84px;height:84px;padding:4px;background:var(--vc-white);border:2px solid var(--vc-line);border-radius:10px;cursor:pointer;transition:border-color .2s,transform .2s;display:flex;align-items:center;justify-content:center;overflow:hidden}
.vc-pdp-thumbcol button:hover,.vc-pdp-thumbcol button.active{border-color:var(--vc-terra)}
.vc-pdp-thumbcol button.active{transform:scale(1.04)}
.vc-pdp-thumbcol img{width:100%;height:100%;object-fit:contain;border-radius:6px;display:block}
.vc-pdp-stage{border:1px solid var(--vc-line);border-radius:var(--vc-radius);overflow:hidden;background:var(--vc-white)}
.vc-pdp-stage img{width:100%;aspect-ratio:1/1;object-fit:contain}
.vc-pdp-buy h1{font-size:30px;line-height:1.25;margin:8px 0 14px}
.vc-pdp-cat{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--vc-terra)}
.vc-pdp-desc{color:var(--vc-ink2);margin-bottom:18px}
.vc-pdp-points{display:grid;gap:9px;margin:18px 0}
.vc-pdp-points li{display:flex;gap:10px;align-items:flex-start;font-size:14px}
.vc-pdp-points i{color:var(--vc-amber-d);margin-top:4px}
.vc-pdp-actions{display:flex;gap:12px;margin:22px 0;flex-wrap:wrap}
.vc-pdp-helper{background:var(--vc-sand);border-radius:12px;padding:15px 18px;font-size:14px;display:flex;gap:11px;align-items:flex-start}
.vc-pdp-helper i{color:var(--vc-terra);margin-top:3px}
.vc-pdp-share{display:flex;gap:10px;align-items:center;margin-top:18px;font-size:14px;color:var(--vc-muted)}
.vc-share a{display:inline-flex;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--vc-line);align-items:center;justify-content:center;color:var(--vc-ink)}
.vc-share a:hover{background:var(--vc-terra);border-color:var(--vc-terra);color:#fff}
.vc-pdp-tabs{display:flex;gap:8px;border-bottom:2px solid var(--vc-line);margin-bottom:26px}
.vc-pdp-tab{border:none;background:none;padding:13px 22px;font-weight:700;font-size:15px;color:var(--vc-muted);border-bottom:3px solid transparent;margin-bottom:-2px;cursor:pointer;transition:all .2s}
.vc-pdp-tab:hover{color:var(--vc-terra)}
.vc-pdp-tab.active{color:var(--vc-terra);border-bottom-color:var(--vc-terra)}
.vc-pdp-panel{display:none}
.vc-pdp-panel.active{display:block;animation:vcFadeIn .3s ease}
.vc-specs{width:100%;border-collapse:collapse}
.vc-specs th,.vc-specs td{padding:12px 16px;border:1px solid var(--vc-line);text-align:left;font-size:14px}
.vc-specs th{background:var(--vc-sand);width:34%;font-weight:700}
.vc-specs tr:nth-child(even) td{background:var(--vc-ivory)}
.vc-arttags{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:32px}
.vc-arttags-label{font-size:13px;font-weight:700;color:var(--vc-muted);text-transform:uppercase;letter-spacing:.06em}
.vc-arttag{display:inline-block;padding:5px 14px;border:1px solid var(--vc-line);border-radius:999px;background:var(--vc-white);color:var(--vc-ink);font-size:13px;transition:all .2s}
.vc-arttag:hover{border-color:var(--vc-amber);background:var(--vc-amber);color:var(--vc-bark)}
.vc-pager{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}
.vc-pager-cell{display:block}
.pager-link{display:block;background:var(--vc-white);border:1px solid var(--vc-line);border-radius:12px;padding:16px 20px;color:var(--vc-ink);transition:all .2s}
.pager-link:hover{border-color:var(--vc-amber);box-shadow:var(--vc-shadow)}
.pager-link span{display:block;font-size:12px;color:var(--vc-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}
.vc-pager-next{text-align:right}
.pager-empty{display:flex;align-items:center;justify-content:center;border:1px dashed var(--vc-line);border-radius:12px;color:var(--vc-muted);font-size:14px;padding:16px}

/* RFQ page */
.vc-rfqpage{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:start}
.vc-rfqlist{display:grid;gap:14px}
.vc-rfqrow{display:grid;grid-template-columns:86px 1fr auto auto;gap:18px;align-items:center;background:var(--vc-white);border:1px solid var(--vc-line);border-radius:12px;padding:14px 18px}
.vc-rfqrow-img{width:86px;height:86px;object-fit:cover;border-radius:10px;border:1px solid var(--vc-line)}
.vc-qty{display:inline-flex;align-items:center;gap:4px;padding:3px;border:1.5px solid var(--vc-line);border-radius:999px;max-width:100%;box-sizing:border-box}
.vc-qty button,.vc-qty a{flex:0 0 auto;box-sizing:border-box;width:30px;height:30px;padding:0;border:none;border-radius:999px;background:none;font-size:15px;line-height:1;font-weight:700;color:var(--vc-ink);text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.vc-qty button:hover,.vc-qty a:hover{background:var(--vc-sand)}
.vc-qty input{flex:0 0 auto;box-sizing:border-box;width:44px;padding:0;border:none;outline:none;text-align:center;font-weight:700;background:none}
.vc-rfqremove{border:none;background:none;color:var(--vc-muted);font-size:16px}
.vc-rfqremove:hover{color:var(--vc-terra)}
.vc-rfqform{position:sticky;top:110px;background:var(--vc-white);border:1px solid var(--vc-line);border-radius:var(--vc-radius);padding:30px;box-shadow:var(--vc-shadow)}
.vc-rfqform h2{font-size:22px;margin-bottom:8px}

/* forms */
.vc-form{display:grid;gap:14px;margin-top:18px}
.vc-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.vc-form input,.vc-form textarea,.vc-form select{width:100%;border:1.5px solid var(--vc-line);border-radius:10px;padding:13px 16px;background:var(--vc-white);outline:none;transition:border-color .2s}
.vc-form input:focus,.vc-form textarea:focus{border-color:var(--vc-terra)}
.vc-form textarea{resize:vertical;min-height:110px}

/* about */
.vc-aboutstory{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:start}
.vc-aboutstory-main .detail-content{margin-top:14px}
.vc-aboutstory-side{display:grid;gap:16px}
.vc-aboutstat{background:var(--vc-white);border:1px solid var(--vc-line);border-radius:var(--vc-radius);padding:22px}
.vc-aboutstat strong{display:block;font-size:30px;color:var(--vc-terra)}
.vc-aboutstat span{font-size:14px;color:var(--vc-muted)}
.vc-habitgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.vc-habitgrid-flat{grid-template-columns:repeat(2,1fr)}
.vc-habit{background:var(--vc-white);border:1px solid var(--vc-line);border-radius:var(--vc-radius);padding:24px}
.vc-habit h3{font-size:17px;margin:10px 0 8px}
.vc-habit p{font-size:14px;color:var(--vc-muted)}
.vc-habit-num{display:inline-flex;width:38px;height:38px;border-radius:11px;background:var(--vc-terra);color:#fff;font-weight:800;align-items:center;justify-content:center}
.vc-timeline{position:relative;display:grid;gap:0;margin-top:12px}
.vc-timeline>li{position:relative;padding:0 0 30px 38px}
.vc-timeline>li::before{content:"";position:absolute;left:11px;top:8px;bottom:-8px;width:2px;background:var(--vc-line)}
.vc-timeline>li:last-child::before{display:none}
.vc-timeline-dot{position:absolute;left:0;top:2px;width:24px;height:24px;border-radius:50%;background:var(--vc-amber);border:5px solid var(--vc-ivory);box-shadow:0 0 0 2px var(--vc-amber)}
.vc-timeline h3{font-size:17px;margin-bottom:5px}
.vc-timeline p{font-size:14px;color:var(--vc-muted)}

/* manufacturing stations */
.vc-stations{display:grid;gap:26px}
.vc-station{display:grid;grid-template-columns:110px 1fr;gap:26px;align-items:start;background:var(--vc-white);border:1px solid var(--vc-line);border-radius:var(--vc-radius);padding:28px}
.vc-station-alt{background:var(--vc-sand);border-color:var(--vc-sand2)}
.vc-station-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;width:110px;height:110px;border-radius:20px;background:var(--vc-bark);color:var(--vc-amber);gap:6px}
.vc-station-badge i{font-size:30px}
.vc-station-badge span{font-size:12px;font-weight:800;letter-spacing:.1em;color:rgba(255,253,248,.7)}
.vc-station-body h3{font-size:20px;margin-bottom:8px}
.vc-station-body p{color:var(--vc-ink2)}
.vc-station-body ul{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}
.vc-station-body ul li{background:var(--vc-ivory);border:1px solid var(--vc-line);border-radius:999px;padding:5px 14px;font-size:13px}

/* solutions detail / articles */
.vc-solhead{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.vc-solhead-media{border-radius:var(--vc-radius);overflow:hidden;border:1px solid var(--vc-line)}
.vc-solhead-cta{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}
.vc-readsplit{display:grid;grid-template-columns:1fr 320px;gap:48px;align-items:start}
.vc-readcol{min-width:0}
.vc-readrail{position:sticky;top:110px;display:grid;gap:20px}
.vc-railbox{background:var(--vc-white);border:1px solid var(--vc-line);border-radius:var(--vc-radius);padding:22px}
.vc-railbox h2,.vc-railbox h3{font-size:16px;margin-bottom:14px;display:flex;gap:9px;align-items:center}
.vc-railbox h2 i,.vc-railbox h3 i{color:var(--vc-terra)}
.vc-raillinks li{margin-bottom:10px}
.vc-raillinks a{display:flex;gap:10px;font-size:14px;color:var(--vc-ink2)}
.vc-raillinks a:hover{color:var(--vc-terra)}
.vc-railstat{display:flex;justify-content:space-between;font-size:14px;padding:8px 0;border-bottom:1px dashed var(--vc-line)}
.vc-railbox-help{background:var(--vc-bark);color:var(--vc-white);border:none}
.vc-railbox-help p{font-size:14px;color:rgba(255,253,248,.75);margin-bottom:14px}
.vc-arthead{max-width:820px}
.vc-artmeta{display:flex;gap:20px;font-size:14px;color:var(--vc-muted);margin-top:14px;flex-wrap:wrap}
.vc-artmeta i{color:var(--vc-terra);margin-right:6px}
.vc-artcover{border-radius:var(--vc-radius);overflow:hidden;border:1px solid var(--vc-line);margin:26px 0}
.vc-share{display:flex;gap:10px;align-items:center}

/* certificates wall */
.vc-certwall{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.vc-certtile{background:var(--vc-white);border:1px solid var(--vc-line);border-radius:var(--vc-radius);overflow:hidden;display:flex;flex-direction:column;transition:all .2s}
.vc-certtile:hover{border-color:var(--vc-amber);box-shadow:var(--vc-shadow-lg);transform:translateY(-3px)}
.vc-certtile>a:first-child,.vc-certtile figure{display:block;aspect-ratio:4/3;background:var(--vc-sand);overflow:hidden;margin:0;position:relative}
.vc-certtile figure i{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:40px;color:var(--vc-muted)}
.vc-certtile img{width:100%;height:100%;object-fit:cover;object-position:top}
.vc-certtile-body{padding:18px 20px;flex:1;display:flex;flex-direction:column;gap:6px}
.vc-certtile-body h2,.vc-certtile-body h3{font-size:17px}
.vc-certtile-body h2 a,.vc-certtile-body h3 a{color:var(--vc-ink)}
.vc-certtile-body time{font-size:13px;color:var(--vc-muted)}
.vc-certtile-go{margin-top:auto;padding:0 20px 16px;color:var(--vc-terra);font-weight:700;font-size:14px}

/* contact */
.vc-contactsplit{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:start}
.vc-contactform{background:var(--vc-white);border:1px solid var(--vc-line);border-radius:var(--vc-radius);padding:34px;box-shadow:var(--vc-shadow)}
.vc-contactform h2{font-size:24px;margin-bottom:6px}
.vc-contactside{display:grid;gap:18px}
.vc-conchan{display:flex;gap:16px;background:var(--vc-white);border:1px solid var(--vc-line);border-radius:12px;padding:18px 20px;align-items:flex-start}
.vc-conchan i{width:44px;height:44px;border-radius:12px;background:var(--vc-sand);color:var(--vc-terra);display:inline-flex;align-items:center;justify-content:center;font-size:18px;flex:0 0 auto}
.vc-conchan strong{display:block;margin-bottom:3px}
.vc-conchan a,.vc-conchan span{font-size:14px;color:var(--vc-ink2);word-break:break-word}
.vc-contactside-content{font-size:14px}
.vc-contactside-tips{background:var(--vc-sand);border-radius:12px;padding:20px 22px;font-size:14px}
.vc-contactside-tips li{display:flex;gap:10px;margin-bottom:9px}
.vc-contactside-tips i{color:var(--vc-terra);margin-top:4px}

/* catalog landing */
.vc-catalanding{display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:center}
.vc-catalanding-cover{background:linear-gradient(150deg,var(--vc-bark),#54371a);border-radius:var(--vc-radius);padding:44px 38px;color:var(--vc-white);box-shadow:var(--vc-shadow-lg);text-align:center}
.vc-catalanding-cover i{font-size:52px;color:var(--vc-amber);margin-bottom:16px}
.vc-catalanding-cover h2{font-size:24px;color:var(--vc-white)}
.vc-catalanding-copy .detail-content{margin-top:14px}
.vc-catalanding-actions{display:flex;gap:14px;margin-top:26px;flex-wrap:wrap}

/* tags */
.vc-tagfilter{display:inline-flex;align-items:center;gap:10px;background:var(--vc-white);border:1.5px solid var(--vc-line);border-radius:999px;padding:4px 8px 4px 18px;margin-top:14px}
.vc-tagfilter input{border:none;outline:none;padding:9px 6px;min-width:240px;background:none}
.vc-tagfilter i{color:var(--vc-muted)}
.vc-tagfilter-hint{display:inline-block;margin-left:12px;font-size:13px;color:rgba(255,253,248,.7)}
.vc-tagrank{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.vc-tagrank a{display:flex;align-items:center;gap:14px;background:var(--vc-white);border:1px solid var(--vc-line);border-radius:12px;padding:16px 20px;color:var(--vc-ink);transition:all .2s}
.vc-tagrank a:hover{border-color:var(--vc-amber);box-shadow:var(--vc-shadow)}
.vc-tagrank strong{flex:1}
.vc-tagrank span{font-size:13px;color:var(--vc-muted)}
.vc-tagrank i{color:var(--vc-terra)}
.vc-tagbank{display:flex;flex-wrap:wrap;gap:10px}
.vc-cloudtag{display:inline-flex;align-items:center;gap:7px;border:1.5px solid var(--vc-line);background:var(--vc-white);border-radius:999px;padding:8px 16px;font-size:14px;color:var(--vc-ink)}
.vc-cloudtag:hover{border-color:var(--vc-terra);color:var(--vc-terra)}
.vc-cloudtag em{font-style:normal;font-size:12px;background:var(--vc-sand);border-radius:999px;padding:1px 8px;color:var(--vc-muted)}
.vc-cloud-empty{margin-top:18px;color:var(--vc-muted)}

/* search page */
.vc-searchpage-form{display:flex;max-width:560px;margin-top:20px;background:#fff;border-radius:999px;overflow:hidden;box-shadow:var(--vc-shadow)}
.vc-searchpage-form input{flex:1;border:none;outline:none;padding:14px 24px;background:none}
.vc-searchpage-form button{border:none;background:var(--vc-terra);color:#fff;padding:0 26px;font-weight:700;display:inline-flex;align-items:center;gap:8px}
.vc-searchpage-form button:hover{background:var(--vc-terra-d)}

/* legal */
.vc-legalwrap{max-width:860px}
.vc-legaldoc{background:var(--vc-white);border:1px solid var(--vc-line);border-radius:var(--vc-radius);padding:40px 44px}

/* misc */
.vc-empty{grid-column:1/-1;text-align:center;padding:64px 24px;color:var(--vc-muted)}
.vc-empty i{font-size:42px;margin-bottom:14px;color:var(--vc-line)}
.vc-empty h2{color:var(--vc-ink);margin-bottom:8px}
.vc-tablewrap{overflow-x:auto;margin:16px 0}
.detail-content{color:var(--vc-ink2);line-height:1.8}
.detail-content h2,.detail-content h3{color:var(--vc-ink);margin:26px 0 12px}
.detail-content p{margin-bottom:14px}
.detail-content ul,.detail-content ol{margin:0 0 16px 22px}
.detail-content ul{list-style:disc}
.detail-content ol{list-style:decimal}
.detail-content img{border-radius:10px;margin:14px 0}
.detail-content table{width:100%;border-collapse:collapse;margin:16px 0}
.detail-content table th,.detail-content table td{border:1px solid var(--vc-line);padding:10px 14px;font-size:14px;text-align:left}
.detail-content table th{background:var(--vc-sand)}
.detail-content blockquote{border-left:4px solid var(--vc-amber);background:var(--vc-sand);padding:16px 22px;border-radius:0 10px 10px 0;margin:16px 0}
.pagination{display:flex;gap:8px;justify-content:center;margin-top:44px;margin-bottom:56px;flex-wrap:wrap}
.pagination a,.pagination span{display:inline-flex;min-width:42px;height:42px;padding:0 14px;border-radius:10px;border:1.5px solid var(--vc-line);align-items:center;justify-content:center;font-weight:600;color:var(--vc-ink);background:var(--vc-white)}
.pagination span a,.pagination a span{min-width:0;height:auto;padding:0;border:none;border-radius:0;background:none;color:inherit}
.pagination span:has(a[href]):hover,.pagination a[href]:hover{border-color:var(--vc-terra);color:var(--vc-terra);background:var(--vc-sand)}
.pagination span:has(a[href]):hover a{color:var(--vc-terra)}
.pagination span:has(a:not([href])):not(.active){color:var(--vc-muted);background:var(--vc-sand);cursor:default}
.pagination span:has(a:not([href])):not(.active) a{color:var(--vc-muted);cursor:default}
.pagination a:focus-visible,.pagination span:focus-within{outline:2px solid var(--vc-amber);outline-offset:2px;border-color:var(--vc-terra)}
.pagination .current,.pagination span.current,.pagination span.active,.pagination span:not(:has(a)):not(:empty){background:var(--vc-terra);border-color:var(--vc-terra);color:#fff}
.pagination span.active a,.pagination span.current a{color:#fff}

/* modal */
.modal-overlay{position:fixed;inset:0;background:rgba(45,31,18,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1300;display:none;align-items:center;justify-content:center;padding:24px;animation:vcFadeIn .25s ease}
.modal-overlay.on{display:flex}
@keyframes vcFadeIn{from{opacity:0}to{opacity:1}}
@keyframes vcSlideUp{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
body.modal-open{overflow:hidden}
.modal-box{position:relative;background:var(--vc-white);border-radius:18px;padding:42px 40px 36px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 30px 80px rgba(45,31,18,.35),0 0 0 1px rgba(194,83,31,.08);animation:vcSlideUp .35s cubic-bezier(.16,1,.3,1)}
.modal-box::-webkit-scrollbar{width:6px}
.modal-box::-webkit-scrollbar-track{background:transparent}
.modal-box::-webkit-scrollbar-thumb{background:var(--vc-line);border-radius:999px}
.modal-box::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--vc-terra) 0%,var(--vc-amber) 50%,var(--vc-bark) 100%);border-radius:18px 18px 0 0}
.modal-box h3{font-size:24px;font-weight:700;margin-bottom:10px;display:flex;gap:10px;align-items:center;color:var(--vc-ink);letter-spacing:-.01em}
.modal-box h3 i{color:var(--vc-terra);font-size:22px}
.modal-desc{color:var(--vc-muted);font-size:14.5px;line-height:1.65;margin-bottom:22px;padding:14px 16px;background:var(--vc-sand);border-radius:10px;border-left:3px solid var(--vc-amber)}
.modal-close{position:absolute;top:18px;right:18px;width:40px;height:40px;border-radius:50%;background:var(--vc-sand);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--vc-ink2);font-size:16px;transition:all .25s;border:none}
.modal-close:hover{background:var(--vc-terra);color:#fff;transform:rotate(90deg)}
.inquiry-form{margin-top:0}
.inquiry-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.inquiry-form .form-row-3{grid-template-columns:1fr 1fr 1fr}
.inquiry-form .form-row:last-of-type{margin-bottom:14px}
.inquiry-form input,.inquiry-form textarea,.inquiry-form select{font-family:inherit;font-size:15px;color:var(--vc-ink);background:#fff;border:1.5px solid var(--vc-line);border-radius:10px;padding:13px 16px;outline:none;transition:all .2s;width:100%}
.inquiry-form input::placeholder,.inquiry-form textarea::placeholder{color:#a89682}
.inquiry-form input:hover,.inquiry-form textarea:hover{border-color:#cdb893}
.inquiry-form input:focus,.inquiry-form textarea:focus{border-color:var(--vc-terra);box-shadow:0 0 0 4px rgba(194,83,31,.1);background:#fff}
.inquiry-form textarea{resize:vertical;min-height:120px;margin-bottom:16px;font-family:inherit}
.inquiry-submit{width:100%;margin-top:6px;justify-content:center;padding:16px 26px;font-size:16px;letter-spacing:.02em;box-shadow:0 8px 20px rgba(194,83,31,.3)}
.inquiry-submit:hover{box-shadow:0 12px 26px rgba(194,83,31,.4)}
@media (max-width:640px){
  .modal-overlay{padding:12px;align-items:flex-end}
  .modal-box{padding:32px 24px 28px;border-radius:18px 18px 0 0;max-height:92vh;animation:vcSlideUp .35s cubic-bezier(.16,1,.3,1)}
  .modal-box h3{font-size:21px}
  .modal-desc{padding:12px 14px;font-size:14px;margin-bottom:18px}
  .inquiry-form .form-row{grid-template-columns:1fr;gap:12px;margin-bottom:12px}
  .inquiry-form .form-row-3{grid-template-columns:1fr}
  .inquiry-form textarea{min-height:100px;margin-bottom:14px}
  .inquiry-submit{padding:15px 22px}
  .vc-footer-tags-in{flex-direction:column;align-items:flex-start;gap:10px}
  .vc-footer-tags{gap:6px}
  .vc-footer-tag{font-size:12px;padding:4px 10px}
}

/* cookie bar */
.vc-cookie{position:fixed;left:20px;right:20px;bottom:20px;z-index:1400;background:var(--vc-bark);color:var(--vc-white);border-radius:var(--vc-radius);box-shadow:var(--vc-shadow-lg)}
.vc-cookie-inner{display:flex;align-items:center;gap:20px;padding:18px 24px;flex-wrap:wrap}
.vc-cookie-inner p{flex:1;font-size:14px;color:rgba(255,253,248,.85);min-width:240px}
.vc-cookie-inner a{color:var(--vc-amber)}
.vc-cookie-actions{display:flex;gap:10px}
.vc-cookie-accept{border:none;background:var(--vc-terra);color:#fff;font-weight:700;border-radius:999px;padding:10px 24px}
.vc-cookie-accept:hover{background:var(--vc-amber);color:var(--vc-bark)}
.vc-cookie-decline{border:1.5px solid rgba(255,253,248,.35);background:none;color:var(--vc-white);border-radius:999px;padding:10px 22px}
.vc-cookie-decline:hover{border-color:var(--vc-white)}

/* toast + floaters (footer JS hooks) */
.toast-notify{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--vc-bark);color:#fff;border-radius:999px;padding:13px 26px;display:flex;gap:14px;align-items:center;z-index:1500;opacity:0;visibility:hidden;transition:all .25s;box-shadow:var(--vc-shadow-lg);font-size:14px}
.toast-notify.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.toast-notify a{color:var(--vc-amber);font-weight:700}
.wa-float{position:fixed;right:24px;bottom:96px;z-index:850;width:54px;height:54px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--vc-shadow-lg);transition:transform .2s}
.wa-float:hover{transform:scale(1.08)}
.back-to-top{position:fixed;right:24px;bottom:28px;z-index:850;width:54px;height:54px;border-radius:50%;border:none;background:var(--vc-terra);color:#fff;display:none;align-items:center;justify-content:center;box-shadow:var(--vc-shadow-lg)}
.back-to-top.show{display:flex}
.back-to-top:hover{background:var(--vc-terra-d);color:#fff}
.mobile-inquiry-bar{position:fixed;left:0;right:0;bottom:0;z-index:860;display:none;grid-template-columns:repeat(2,1fr);background:var(--vc-bark);box-shadow:0 -4px 18px rgba(45,31,18,.25)}
.mib-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 0;color:#fff;font-weight:700;font-size:14px}
.mib-quote{background:var(--vc-terra)}
.mib-quote:hover{background:var(--vc-terra-d);color:#fff}
.mib-wa{background:#25d366}
.mib-wa:hover{color:#fff;filter:brightness(.94)}
.vc-header.scrolled{box-shadow:0 6px 22px rgba(45,31,18,.15)}

/* reveal animation */
.vc-reveal{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}
.vc-reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.vc-reveal{opacity:1;transform:none;transition:none}}

/* ---------- Responsive ---------- */
@media (max-width:1260px){
  .vc-mainnav{display:none}
  .vc-burger{display:inline-flex;align-items:center;justify-content:center}
  .vc-headcta span{display:none}
  .vc-headcta{padding:11px 14px}
}
@media (max-width:1080px){
  .vc-hero-in{grid-template-columns:1fr;padding:56px 0 84px}
  .vc-hero-copy h1{font-size:36px}
  .vc-hero-rail{grid-template-columns:repeat(2,1fr)}
  .vc-promise,.vc-habitgrid{grid-template-columns:repeat(2,1fr)}
  .vc-bento{grid-template-columns:repeat(2,1fr)}
  .vc-bento-item:first-child{grid-column:span 2;grid-row:auto}
  .vc-solgrid,.vc-solgrid-list,.vc-prodgrid,.vc-prodgrid-4{grid-template-columns:repeat(2,1fr)}
  .vc-certstrip{grid-template-columns:repeat(3,1fr)}
  .vc-certwall{grid-template-columns:repeat(2,1fr)}
  .vc-mfghome,.vc-faqduo,.vc-aboutstory,.vc-contactsplit,.vc-catalanding,.vc-solhead{grid-template-columns:1fr;gap:36px}
  .vc-cataloglayout{grid-template-columns:1fr}
  .vc-catside{position:static}
  .vc-pdp{grid-template-columns:1fr}
  .vc-pdp-gallery{position:static}
  .vc-rfqpage,.vc-readsplit{grid-template-columns:1fr}
  .vc-rfqform,.vc-readrail{position:static}
  .vc-footer-main{grid-template-columns:repeat(2,1fr)}
  .vc-inforibbon{display:none}
}
@media (max-width:640px){
  .vc-wrap{padding:0 22px}
  .vc-sec{padding:52px 0}
  .vc-hero-in{padding:36px 0 110px}
  .vc-hero-rail{padding-bottom:30px;padding-left:6px;padding-right:6px}
  .vc-hero-rail>div,.vc-hero-rail>a{margin-left:6px;margin-right:6px}
  .vc-hero-copy{padding-left:8px}
  .vc-hero-copy h1{font-size:29px}
  .vc-h2,.vc-headline h2,.vc-quoteband-copy h2{font-size:25px}
  .vc-pagetop h1{font-size:28px}
.vc-mfghome-copy .vc-btn{margin-top:20px}
  .vc-promise,.vc-habitgrid,.vc-habitgrid-flat,.vc-bento,.vc-solgrid,.vc-solgrid-list,.vc-prodgrid,.vc-prodgrid-4,.vc-certwall,.vc-tagrank,.vc-hero-rail{grid-template-columns:1fr}
  .vc-bento-item:first-child{grid-column:auto}
  .vc-certstrip{grid-template-columns:repeat(2,1fr)}
  .vc-newsrow{grid-template-columns:1fr;padding:14px}
  .vc-newsrow-go{display:none}
  .vc-footer-main{grid-template-columns:1fr;gap:32px}
  .vc-form .form-row{grid-template-columns:1fr}
  .vc-newsband-form{min-width:0;width:100%}
  .vc-station{grid-template-columns:1fr}
  .vc-station-badge{width:80px;height:80px}
  .vc-rfqrow{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
  .vc-rfqrow-img{flex:0 0 70px;width:70px;height:70px}
  .vc-rfqrow h3{flex:1 1 0;min-width:120px}
  .vc-rfqrow .vc-qty{width:auto}
  .vc-rfqremove{margin-left:auto}
  .vc-pager{grid-template-columns:1fr}
  .vc-legaldoc{padding:26px 22px}
  .mobile-inquiry-bar{display:grid}
  body.vinacraft-theme{padding-bottom:52px}
  .wa-float{bottom:150px}
  .back-to-top{bottom:84px}
  .vc-cookie{left:10px;right:10px;bottom:70px}
  .vc-pdp-gallery{grid-template-columns:1fr}
    .vc-pdp-thumbcol{grid-auto-flow:column;grid-auto-columns:78px;grid-template-rows:78px;padding:4px 2px 14px;gap:10px;overflow-x:auto;overflow-y:hidden;order:2;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--vc-amber) transparent}
    .vc-pdp-thumbcol::-webkit-scrollbar{height:6px}
    .vc-pdp-thumbcol::-webkit-scrollbar-track{background:transparent}
    .vc-pdp-thumbcol::-webkit-scrollbar-thumb{background:var(--vc-amber);border-radius:999px}
    .vc-pdp-thumbcol button{scroll-snap-align:start;flex-shrink:0}
}