* {margin:0;padding:0;box-sizing:border-box}
body {font-family:'Open Sans', Arial, sans-serif;background:#f5f7f9;color:#222;line-height:1.5}
.container {max-width:1350px;margin:0 auto;padding:0 15px}
a {text-decoration:none;color:#005eb8} a:hover {text-decoration:underline}
.topbar {background:#fff;border-bottom:1px solid #e5e5e5;font-size:12px;padding:7px 0}
.topbar .container {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px}
.topbar a {color:#222;margin:0 6px}
.header {background:#005eb8;color:#fff;padding:12px 0 0;position:relative;z-index:100}
.header-main {display:flex;align-items:center;gap:20px;padding:10px 0;flex-wrap:wrap}
.logo-pill {background:#fff;padding:7px 14px;border-radius:10px;display:inline-flex;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.logo-pill img {height:48px;display:block}
.search {flex:1;min-width:250px;display:flex;background:#fff;border-radius:24px;overflow:hidden;height:44px;box-shadow:0 2px 6px rgba(0,0,0,.1)}
.search input {flex:1;border:0;padding:0 20px;font-size:14px;outline:none;color:#222}
.search button {border:0;background:#ffcc00;width:60px;font-size:20px;cursor:pointer;font-weight:800}
.actions {display:flex;gap:18px}
.act {color:#fff;text-decoration:none;font-size:11px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px;line-height:13px}
.act .ic {font-size:22px}
.cart-count {background:#ef2809;color:#fff;border-radius:50%;padding:2px 6px;font-size:10px;margin-left:3px}
.nav {background:#fff;border-bottom:1px solid #eee;position:relative;z-index:90}
.trigger {background:#fff;border:1px solid #ddd;padding:10px 18px;margin:8px 0;border-radius:6px;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px}
.trigger:hover {border-color:#005eb8;color:#005eb8}
.mega {position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.18);display:none;border-radius:0 0 12px 12px;overflow:hidden;border-top:3px solid #005eb8;min-height:420px;z-index:1000}
.mega.open {display:flex !important}
.mega-left {width:280px;background:#2c2c2c;padding:12px 0;list-style:none;margin:0}
.mega-left li a {color:#fff;display:block;padding:11px 16px;text-decoration:none;font-size:13px;border-left:3px solid transparent}
.mega-left li a:hover {background:#fff;color:#222;border-left-color:#005eb8}
.mega-right {flex:1;padding:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.mega-right h4 {font-size:12px;font-weight:800;color:#005eb8;margin-bottom:10px;text-transform:uppercase}
.mega-right a {display:block;font-size:12px;color:#555;text-decoration:none;padding:3px 0}
.mega-right a:hover {color:#005eb8}
.main {padding:20px 0;background:#f5f7f9;min-height:60vh}
.hero {display:grid;grid-template-columns:280px 1fr;gap:18px;margin-bottom:22px}
.side {background:#fff;border-radius:12px;padding:14px;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.side h3 {font-size:14px;font-weight:800;margin-bottom:12px}
.side ul {list-style:none;margin:0;padding:0}
.side ul li {border-bottom:1px solid #f0f0f0}
.side ul li:last-child {border-bottom:0}
.side ul li a {display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;color:#222;text-decoration:none}
.side ul li a:hover {color:#005eb8}
.side ul li a .count {background:#f0f0f0;color:#666;font-size:10px;padding:2px 6px;border-radius:10px}
.sale {background:#fff;border:1px solid #ffd6d6;border-top:4px solid #ef2809;border-radius:12px;padding:22px;box-shadow:0 4px 14px rgba(239,40,9,.08)}
.sale-head {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:14px}
.sale-title {font-size:22px;font-weight:900;color:#ef2809}
.timer {background:#111;color:#fff;padding:8px 14px;border-radius:20px;font-family:monospace;font-weight:800}
.grid3 {display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card {background:#fff;border:1px solid #eee;border-radius:10px;padding:12px;position:relative;transition:.2s;display:flex;flex-direction:column;overflow:hidden}
.card:hover {box-shadow:0 8px 24px rgba(0,0,0,.12);transform:translateY(-2px);border-color:#d5e3ff}
.card img {width:100%;height:160px;object-fit:contain;display:block;background:#fff}
.badge {position:absolute;top:10px;left:10px;background:#ef2809;color:#fff;font-size:10px;padding:3px 7px;border-radius:4px;font-weight:700;z-index:2}
.badge-stock {background:#00a650;top:34px}
.title {font-size:13px;font-weight:600;line-height:17px;min-height:51px;max-height:51px;overflow:hidden;margin:10px 0;color:#222}
.title a {color:#222;text-decoration:none}
.title a:hover {color:#005eb8}
.price {color:#ef2809;font-weight:800;font-size:18px}
.old {color:#999;text-decoration:line-through;font-size:12px;margin-left:6px}
.tva {font-size:10px;color:#777}
.omni {font-size:10px;color:#666;background:#f9f9f9;padding:3px 6px;border-radius:4px;margin-top:5px}
.btn-cart {background:#005eb8;color:#fff;border:0;border-radius:8px;padding:10px;width:100%;margin-top:auto;font-weight:700;cursor:pointer;display:block;text-align:center;text-decoration:none}
.btn-cart:hover {background:#004a90;color:#fff}
.section-title {font-size:20px;font-weight:800;margin:24px 0 14px;color:#111;display:flex;justify-content:space-between;align-items:center}
.section-title a {font-size:13px;font-weight:600;color:#005eb8}
.grid5 {display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.footer {background:#fff;border-top:1px solid #e5e5e5;margin-top:40px}
.footer-top {background:#f8f9fa;border-bottom:1px solid #e5e5e5;padding:18px 0}
.footer-newsletter {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}
.newsletter-left {display:flex;align-items:center;gap:12px}
.newsletter-left .icon {background:#005eb8;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}
.newsletter-text h4 {font-size:14px;font-weight:800;margin-bottom:2px}
.newsletter-text p {font-size:12px;color:#666}
.newsletter-form {display:flex;gap:8px;flex:1;max-width:400px;min-width:250px}
.newsletter-form input {flex:1;border:1px solid #ddd;border-radius:20px;padding:10px 16px;font-size:13px;outline:none}
.newsletter-form button {background:#005eb8;color:#fff;border:0;border-radius:20px;padding:10px 20px;font-weight:700;cursor:pointer;font-size:13px}
.footer-main {padding:30px 0 20px}
.footer-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.footer-col h4 {font-size:13px;font-weight:800;margin-bottom:12px;text-transform:uppercase;letter-spacing:.3px;color:#111}
.footer-col ul {list-style:none;margin:0;padding:0}
.footer-col ul li {margin-bottom:6px}
.footer-col ul li a {font-size:12px;color:#555;text-decoration:none;line-height:18px}
.footer-col ul li a:hover {color:#005eb8;text-decoration:underline}
.company-box {background:#f0f7ff;border:1px solid #c2dbff;padding:12px;border-radius:8px;font-size:11px;line-height:16px;margin-top:8px}
.footer-anpc {background:#e6f0ff;border:1px solid #b3d1ff;border-radius:8px;padding:12px;margin:20px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;font-size:11px}
.anpc-badges {display:flex;gap:12px;align-items:center}
.anpc-badge {background:#fff;border:1px solid #b3d1ff;border-radius:6px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:6px}
.footer-bottom {border-top:1px solid #eee;padding:16px 0;background:#fafafa}
.copyright {font-size:11px;color:#777;line-height:16px;flex:1}
.woocommerce ul.products {display:grid;grid-template-columns:repeat(5,1fr);gap:16px;list-style:none;margin:0;padding:0}
.woocommerce ul.products li.product {background:#fff;border:1px solid #eee;border-radius:10px;padding:12px;position:relative;transition:.2s;display:flex;flex-direction:column;float:none !important;width:100% !important;margin:0 !important;overflow:hidden}
.woocommerce ul.products li.product:hover {box-shadow:0 8px 24px rgba(0,0,0,.12);transform:translateY(-2px);border-color:#d5e3ff}
.woocommerce ul.products li.product a {text-decoration:none;display:block}
.woocommerce ul.products li.product a img {width:100%;height:160px;object-fit:contain;display:block;margin:0 auto;background:#fff}
.woocommerce ul.products li.product .woocommerce-loop-product__title {font-size:13px;font-weight:600;line-height:17px;min-height:51px;max-height:51px;overflow:hidden;margin:10px 0;color:#222;padding:0;display:block}
.woocommerce ul.products li.product .price {color:#ef2809 !important;font-weight:800 !important;font-size:18px !important;display:block;margin:5px 0}
.woocommerce ul.products li.product .button {background:#005eb8 !important;color:#fff !important;border:0 !important;border-radius:8px !important;padding:10px !important;width:100% !important;margin-top:auto !important;text-align:center !important;font-weight:700 !important;display:block !important;text-decoration:none}
.woocommerce ul.products li.product .onsale {position:absolute;top:10px;left:10px;background:#ef2809;color:#fff;font-size:10px;padding:3px 7px;border-radius:4px;font-weight:700;z-index:2;min-height:auto;min-width:auto;line-height:1.4}
@media(max-width:1100px){.grid5{grid-template-columns:repeat(3,1fr)} .grid3{grid-template-columns:repeat(2,1fr)} .footer-grid{grid-template-columns:repeat(2,1fr)} .woocommerce ul.products{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.grid5{grid-template-columns:repeat(2,1fr)} .grid3{grid-template-columns:1fr} .hero{grid-template-columns:1fr} .footer-grid{grid-template-columns:1fr} .woocommerce ul.products{grid-template-columns:repeat(2,1fr)}}