:root{--dp-primary:#0d6efd;--dp-dark:#212529;--dp-border:#e9ecef;--dp-bg:#f6f7f9}
body{margin:0;background:var(--dp-bg);color:#333;font-family:Arial,Helvetica,sans-serif}
.dp-topbar{padding:8px 0;background:var(--dp-dark);color:#fff;font-size:13px}
.dp-topbar a{color:#fff;text-decoration:none}
.dp-header{padding:18px 0;background:#fff;border-bottom:1px solid var(--dp-border)}
.dp-logo{color:var(--dp-primary);font-size:26px;font-weight:800;text-decoration:none}
.custom-logo{max-width:180px;height:auto}
.dp-search{max-width:650px;margin:auto}.dp-search .form-control{font-size:15px}
.dp-header-button{min-width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;background:#f8f9fa;border-radius:8px;color:#333;text-decoration:none}
.dp-header-button i{font-size:21px}
.dp-cart-count{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#dc3545;color:#fff;border-radius:20px;font-size:11px}
.dp-navigation{background:#fff;border-bottom:1px solid var(--dp-border)}
.dp-navigation a{color:#333;text-decoration:none}
.dp-menu{display:flex;align-items:center;gap:25px;padding:0;margin:0;list-style:none}
.dp-menu>li>a{display:block;padding:15px 0}
.dp-hero{min-height:360px;display:flex;align-items:center;padding:60px;border-radius:18px;background:linear-gradient(120deg,#e7f0ff,#fff)}
.dp-hero h1{font-size:48px;font-weight:800}.dp-hero h1 span{color:var(--dp-primary)}
.dp-hero p{margin:20px 0;color:#6c757d;font-size:18px}
.dp-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}
.dp-section-heading h2{margin:0;font-size:25px;font-weight:700}.dp-section-heading a{text-decoration:none}
.dp-category{height:100%;padding:30px 15px;text-align:center;background:#fff;border-radius:12px;transition:.2s}
.dp-category:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,.07)}
.dp-category i{display:block;margin-bottom:12px;color:var(--dp-primary);font-size:38px}
.dp-category h5{margin-bottom:5px}.dp-category p{margin:0;color:#777}
.dp-product{height:100%;overflow:hidden;background:#fff;border-radius:12px;transition:.2s}
.dp-product:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,.08)}
.dp-product-image{height:230px;display:flex;align-items:center;justify-content:center;background:#eee;color:#aaa;font-size:50px;text-decoration:none}
.dp-product-body{padding:16px}.dp-product-source{margin-bottom:5px;color:#888;font-size:12px}
.dp-product h3{min-height:45px;margin:0 0 10px;font-size:16px}.dp-product h3 a{color:#333;text-decoration:none}
.dp-product-price{color:#dc3545;font-size:20px;font-weight:700}.dp-product-vnd{margin-top:3px;color:#777;font-size:13px}
.dp-service{height:100%;display:flex;align-items:center;gap:15px;padding:25px;background:#fff;border-radius:12px}
.dp-service i{color:var(--dp-primary);font-size:32px}.dp-service strong,.dp-service span{display:block}
.dp-service span{margin-top:3px;color:#777;font-size:13px}
.dp-footer{margin-top:40px;padding:55px 0 20px;background:var(--dp-dark);color:#aaa}
.dp-footer h4,.dp-footer h5{color:#fff}.dp-footer a{display:block;margin-bottom:8px;color:#aaa;text-decoration:none}.dp-footer a:hover{color:#fff}
.dp-copyright{margin-top:40px;padding-top:20px;border-top:1px solid #444;text-align:center;font-size:13px}
@media(max-width:991px){.dp-navigation{display:none}.dp-hero{min-height:280px;padding:35px}.dp-hero h1{font-size:36px}}
@media(max-width:576px){.dp-hero{padding:25px}.dp-hero h1{font-size:30px}.dp-product-image{height:170px}}

/* DP Commerce 1.1: dropdown, mega menu, mobile offcanvas */
.dp-navigation{position:relative;z-index:100}.dp-category-menu{position:relative;width:260px;flex:0 0 260px}
.dp-category-toggle{width:100%;min-height:52px;border:0;background:var(--dp-primary);color:#fff;padding:0 18px;display:flex;align-items:center;gap:10px;font-weight:700}
.dp-category-dropdown{position:absolute;left:0;top:100%;width:280px;background:#fff;border:1px solid var(--dp-border);box-shadow:0 12px 35px rgba(0,0,0,.12);opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s}
.dp-category-menu:hover .dp-category-dropdown{opacity:1;visibility:visible;transform:none}
.dp-category-list,.dp-category-list ul{list-style:none;padding:0;margin:0}.dp-category-list>li{position:relative;border-bottom:1px solid #f0f0f0}
.dp-category-list li>a{display:flex;align-items:center;padding:13px 16px;color:#333;text-decoration:none}.dp-category-list li.menu-item-has-children>a:after{content:"›";margin-left:auto;font-size:22px;color:#999}
.dp-category-list li:hover>a{background:#f5f8ff;color:var(--dp-primary)}
.dp-category-list .sub-menu{position:absolute;left:100%;top:0;width:560px;min-height:100%;background:#fff;border:1px solid var(--dp-border);box-shadow:10px 12px 35px rgba(0,0,0,.10);padding:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;opacity:0;visibility:hidden}
.dp-category-list li:hover>.sub-menu{opacity:1;visibility:visible}.dp-category-list .sub-menu>li>a{font-weight:700;padding:9px 10px}
.dp-category-list .sub-menu .sub-menu{position:static;width:auto;min-height:0;border:0;box-shadow:none;padding:0;display:block;opacity:1;visibility:visible}
.dp-category-list .sub-menu .sub-menu li>a{font-weight:400;padding:6px 10px;font-size:14px}.dp-category-list .sub-menu li.menu-item-has-children>a:after{display:none}.dp-menu-empty{padding:18px;font-size:13px;color:#777}
.dp-primary-menu{margin-left:22px}.dp-primary-menu>li{position:relative}.dp-primary-menu .sub-menu{display:block;position:absolute;top:100%;left:0;min-width:230px;background:#fff;padding:7px 0;margin:0;list-style:none;border:1px solid var(--dp-border);box-shadow:0 12px 30px rgba(0,0,0,.10);opacity:0;visibility:hidden;transform:translateY(7px);transition:.16s}
.dp-primary-menu li:hover>.sub-menu{opacity:1;visibility:visible;transform:none}.dp-primary-menu .sub-menu li{position:relative}.dp-primary-menu .sub-menu a{display:block;padding:10px 15px;white-space:nowrap}.dp-primary-menu .sub-menu li:hover>a{background:#f5f8ff;color:var(--dp-primary)}.dp-primary-menu .sub-menu .sub-menu{left:100%;top:-7px}
.dp-mobile-title{font-size:12px;text-transform:uppercase;color:#888;font-weight:700;margin-bottom:8px}.dp-mobile-menu,.dp-mobile-menu ul{list-style:none;padding:0;margin:0}.dp-mobile-menu>li{border-bottom:1px solid #eee}.dp-mobile-menu a{display:block;padding:11px 4px;color:#333;text-decoration:none;font-weight:600}.dp-mobile-menu .sub-menu{padding-left:16px;border-left:2px solid #eee}.dp-mobile-menu .sub-menu a{font-weight:400;font-size:14px;padding:8px 4px}.dp-mobile-offcanvas{width:min(88vw,360px)}