/*
Theme Name: Gia Dinh Commerce
Author: Gia Dinh R&D
Description: Theme thương mại điện tử đa ngành cho Công ty TNHH Nghiên Cứu Và Phát Triển Gia Định.
Version: 1.0.0
Text Domain: giadinh
*/
:root{--primary:#0b5cab;--accent:#f59e0b;--dark:#10243e;--light:#f5f7fa}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#172033;background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.topbar{background:var(--dark);color:#fff;padding:8px 0;font-size:14px}.site-header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #e5e7eb}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0}.brand{font-weight:800;color:var(--primary);font-size:21px}.nav ul{display:flex;gap:18px;list-style:none;margin:0;padding:0;flex-wrap:wrap}.hero{padding:70px 0;background:linear-gradient(135deg,#eaf4ff,#fff7e6)}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:35px;align-items:center}.hero h1{font-size:46px;line-height:1.08;margin:0 0 18px}.btn{display:inline-block;padding:12px 20px;border-radius:8px;background:var(--primary);color:#fff;font-weight:700;margin:5px}.btn.alt{background:var(--accent);color:#1f2937}.section{padding:55px 0}.section h2{text-align:center;font-size:32px;margin:0 0 30px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid #e5e7eb;border-radius:14px;padding:24px;background:#fff;box-shadow:0 6px 24px rgba(0,0,0,.05)}.card h3{color:var(--primary)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.site-footer{background:#0f1f34;color:#dbe4ef;padding:45px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.floating{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:9px;z-index:30}.floating a{background:var(--primary);color:#fff;padding:11px 14px;border-radius:25px;font-weight:700}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{border:1px solid #e5e7eb;padding:15px;border-radius:12px}@media(max-width:800px){.hero-grid,.cards,.footer-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:34px}.header-inner{align-items:flex-start;flex-direction:column}.nav ul{gap:10px}}