/* Phong cách "technology" (styles.skin = technology): đầu trang đen, điểm nhấn vàng, giá đỏ — kiểu shop điện thoại/công nghệ.
   Chỉ nạp khi thiết kế chọn skin này; mọi luật bọc trong body.ez-skin-technology. Màu chính/phụ vẫn lấy từ --ez-*. */
.ez-skin-technology{--ez-price:#d70018;--ez-border:#e8e8e8;--ez-muted:#6d6e72;--ez-ink:#111;--ez-yellow:var(--ez-secondary)}
body.ez-skin-technology{background:#fff;font-size:14px}
.ez-skin-technology .ez-page>.ez-block+.ez-block{margin-top:24px}

/* ---------- đầu trang ---------- */
.ez-skin-technology .ez-head{background:var(--ez-ink);border-bottom:0;color:#fff}
.ez-skin-technology .ez-head-row{gap:20px;padding-top:10px;padding-bottom:10px}
.ez-skin-technology .ez-logo{color:var(--ez-yellow)!important;font-size:22px;letter-spacing:-.02em}
.ez-skin-technology .ez-logo img{max-height:42px}
.ez-skin-technology .ez-search{border:0;border-radius:8px;max-width:520px}
.ez-skin-technology .ez-search input{padding:9px 14px;font-size:14px}
.ez-skin-technology .ez-search button{color:var(--ez-ink)}
.ez-skin-technology .ez-head-actions{gap:14px}
.ez-skin-technology .ez-contact{color:#fff}
.ez-skin-technology .ez-contact i{color:var(--ez-yellow);font-size:20px}
.ez-skin-technology .ez-contact small{color:rgba(255,255,255,.7);font-size:11px}
.ez-skin-technology .ez-contact b{color:#fff;font-size:14px}
.ez-skin-technology .ez-icon-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;font-size:18px;color:#fff}
.ez-skin-technology .ez-icon-btn:hover{background:rgba(255,255,255,.1)}
.ez-skin-technology .ez-cart{background:var(--ez-yellow);color:var(--ez-ink)!important}
.ez-skin-technology .ez-cart:hover{background:var(--ez-yellow);filter:brightness(.95)}
.ez-skin-technology .ez-badge{top:-6px;right:-6px;background:var(--ez-price);border:2px solid var(--ez-ink)}

/* ---------- menu ---------- */
.ez-skin-technology .ez-menu{border-bottom:1px solid var(--ez-border);box-shadow:0 1px 2px rgba(0,0,0,.04)}
.ez-skin-technology .ez-menu-list{gap:0}
.ez-skin-technology .ez-menu-list>li>a{position:relative;padding:11px 14px;font-size:13px;font-weight:600;text-transform:uppercase}
.ez-skin-technology .ez-menu-list>li>a:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;background:var(--ez-yellow);transform:scaleX(0);transition:transform .2s}
.ez-skin-technology .ez-menu-list>li>a:hover:after{transform:scaleX(1)}
.ez-skin-technology .ez-sub a{text-transform:none;font-weight:500;padding:8px 16px}
.ez-skin-technology .ez-sub a:hover{background:#fffbea}

/* ---------- banner ---------- */
.ez-skin-technology .ez-slider{border-radius:12px;background:var(--ez-ink)}
.ez-skin-technology .ez-hero .ez-h-md,.ez-skin-technology .ez-hero .ez-h-lg{height:380px}
.ez-skin-technology .ez-slide-text{left:64px;right:64px}
.ez-skin-technology .ez-slide-text h2{color:#fff;font-size:38px;font-style:italic;text-transform:uppercase;letter-spacing:-.01em}
.ez-skin-technology .ez-slide-text .ez-btn{background:var(--ez-yellow);border-color:var(--ez-yellow);color:var(--ez-ink)!important;font-weight:800}
.ez-skin-technology .ez-prev,.ez-skin-technology .ez-next{width:34px;height:34px;background:rgba(255,255,255,.9)}
.ez-skin-technology .ez-dot.ez-active{background:var(--ez-yellow)}
.ez-skin-technology .ez-hero-cats{border-color:var(--ez-border);border-radius:12px;max-height:380px}
.ez-skin-technology .ez-hero-cats a{font-size:13px;padding:8px 14px}
.ez-skin-technology .ez-hero-cats a:hover{background:#fffbea;color:var(--ez-ink)}
.ez-skin-technology .ez-side-banner{border-radius:12px;background:linear-gradient(135deg,#fff3b0,var(--ez-yellow));color:var(--ez-ink)}
.ez-skin-technology .ez-side-text b{font-size:20px;font-weight:800}
.ez-skin-technology .ez-side-text small{display:inline-block;align-self:flex-start;background:var(--ez-ink);color:var(--ez-yellow);opacity:1;font-weight:700;font-size:12px;padding:3px 8px;border-radius:4px}

/* ---------- tiêu đề khối ---------- */
.ez-skin-technology .ez-title{font-size:22px;font-weight:800;color:var(--ez-ink)}
.ez-skin-technology .ez-title-line{border-bottom:0;padding-bottom:0}
.ez-skin-technology .ez-title-row{margin-bottom:12px}
.ez-skin-technology .ez-more{color:var(--ez-ink)!important}

/* ---------- danh mục ---------- */
.ez-skin-technology .ez-category_grid .ez-title{font-size:18px}
.ez-skin-technology .ez-cat-strip .ez-cat{border-color:#eef0f2;border-radius:10px;font-weight:600;color:#1e293b}
.ez-skin-technology .ez-cat-strip .ez-cat:hover{border-color:#fde68a;box-shadow:0 4px 12px rgba(202,138,4,.1)}
.ez-skin-technology .ez-cat-strip .ez-cat-img i{color:var(--ez-ink);font-size:20px}

/* ---------- sản phẩm ---------- */
.ez-skin-technology .ez-prod-grid{gap:10px}
.ez-skin-technology .ez-prod{border-color:#eef0f2;border-radius:12px;padding:10px;gap:6px}
.ez-skin-technology .ez-prod:hover{border-color:#fde68a;box-shadow:0 6px 18px rgba(0,0,0,.06)}
.ez-skin-technology .ez-prod-img{background:#fff}
.ez-skin-technology .ez-sale{background:var(--ez-yellow);color:var(--ez-ink);font-size:12px;border-radius:4px;top:6px;left:6px}
.ez-skin-technology .ez-prod-name{font-size:14px;font-weight:600;color:var(--ez-ink)}
.ez-skin-technology .ez-prod-name:hover{color:var(--ez-ink);text-decoration:underline}
.ez-skin-technology .ez-price{display:flex;flex-direction:column-reverse;gap:2px}
.ez-skin-technology .ez-price b{color:var(--ez-price);font-size:16px;font-weight:800;margin:0}
.ez-skin-technology .ez-price s{font-size:12px}
.ez-skin-technology .ez-prod .ez-btn-sm{background:#fff;color:var(--ez-ink)!important;border-color:var(--ez-border);font-size:12px;padding:6px 10px}
.ez-skin-technology .ez-prod .ez-btn-sm:hover{background:var(--ez-yellow);border-color:var(--ez-yellow);filter:none}
.ez-skin-technology .ez-prod-dark{background:var(--ez-ink);border-radius:14px;padding:16px}
.ez-skin-technology .ez-prod-dark .ez-title{color:var(--ez-yellow);font-style:italic;text-transform:uppercase}
.ez-skin-technology .ez-prod-dark .ez-title:before{content:"\f0e7";font-family:"Font Awesome 6 Free";font-weight:900;display:inline-grid;place-items:center;width:32px;height:32px;margin-right:10px;border-radius:8px;background:var(--ez-yellow);color:var(--ez-ink);font-size:16px;font-style:normal;vertical-align:3px}
.ez-skin-technology .ez-prod-dark .ez-more{background:#fff;color:var(--ez-ink)!important;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:800;text-transform:uppercase}
.ez-skin-technology .ez-prod-dark .ez-prod{border-color:transparent}

/* ---------- cam kết + chân trang ---------- */
.ez-skin-technology .ez-usp{border:1px solid var(--ez-border);border-radius:12px;max-width:var(--ez-container);margin:0 auto}
.ez-skin-technology .ez-usp-item i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--ez-ink);color:var(--ez-yellow);font-size:18px}
/* OpenCart đặt #container và footer position:absolute (chừa 300px) — footer cao hơn thì đè lên nội dung → cho chảy bình thường */
.ez-skin-technology #container{position:relative;display:flex;flex-direction:column;min-height:100vh;margin-bottom:0}
.ez-skin-technology #container>main{flex:1 0 auto}
.ez-skin-technology footer.ez-footer{position:static;background:transparent;border:0;padding-top:0}
.ez-skin-technology .ez-foot{margin-top:0}
.ez-skin-technology .ez-foot-grid>div>b{color:var(--ez-yellow);text-transform:uppercase;font-size:14px}
.ez-skin-technology .ez-foot-grid>div>b.ez-foot-name{font-size:20px;text-transform:none}
.ez-skin-technology .ez-foot a:hover{color:var(--ez-yellow)}

/* ---------- trang OpenCart (danh mục, sản phẩm, giỏ, thanh toán) ---------- */
.ez-skin-technology #container>main,.ez-skin-technology #container>.container{padding-top:12px}
.ez-skin-technology .breadcrumb{font-size:13px;background:transparent;padding:8px 0}
.ez-skin-technology .breadcrumb a{text-decoration:none;color:var(--ez-muted)}
.ez-skin-technology h1{font-size:24px;font-weight:800;color:var(--ez-ink)}
.ez-skin-technology .btn-primary{background:var(--ez-ink);border-color:var(--ez-ink);color:#fff;font-weight:700}
.ez-skin-technology .btn-primary:hover,.ez-skin-technology .btn-primary:focus{background:var(--ez-yellow);border-color:var(--ez-yellow);color:var(--ez-ink)}
.ez-skin-technology #button-cart{background:var(--ez-price);border-color:var(--ez-price);color:#fff;font-size:16px;text-transform:uppercase}
.ez-skin-technology #button-cart:hover{filter:brightness(.92)}
.ez-skin-technology .btn-light,.ez-skin-technology .btn-secondary{border-color:var(--ez-border)}
.ez-skin-technology .product-thumb{border:1px solid #eef0f2;border-radius:12px;overflow:hidden;background:#fff;transition:border-color .2s,box-shadow .2s}
.ez-skin-technology .product-thumb:hover{border-color:#fde68a;box-shadow:0 6px 18px rgba(0,0,0,.06)}
.ez-skin-technology .product-thumb .description h4 a{color:var(--ez-ink);font-weight:600;font-size:14px;text-decoration:none}
.ez-skin-technology .product-thumb .button{border-top:1px solid #f1f1f1}
.ez-skin-technology .product-thumb .button button:hover{background:var(--ez-yellow);color:var(--ez-ink)}
.ez-skin-technology .price,.ez-skin-technology .price-new{color:var(--ez-price);font-weight:800}
.ez-skin-technology .price-old{color:var(--ez-muted);font-size:13px}
.ez-skin-technology .price-tax{display:none}
.ez-skin-technology .list-group-item.active{background:var(--ez-ink);border-color:var(--ez-ink);color:var(--ez-yellow)}
.ez-skin-technology .list-group-item:hover{background:#fffbea}
.ez-skin-technology .nav-tabs .nav-link.active{border-top:2px solid var(--ez-yellow);font-weight:700;color:var(--ez-ink)}
.ez-skin-technology .pagination .page-item.active .page-link{background:var(--ez-ink);border-color:var(--ez-ink);color:var(--ez-yellow)}
.ez-skin-technology .pagination .page-link{color:var(--ez-ink)}
.ez-skin-technology .form-control:focus,.ez-skin-technology .form-select:focus{border-color:var(--ez-yellow);box-shadow:0 0 0 .2rem rgba(255,210,0,.25)}

/* ---------- mobile ---------- */
@media (max-width:767px){
  .ez-skin-technology .ez-head-row{gap:10px}
  .ez-skin-technology .ez-search{border-radius:8px}
  .ez-skin-technology .ez-menu{background:var(--ez-ink)!important;color:#fff!important}
  .ez-skin-technology .ez-menu-toggle{color:#fff}
  .ez-skin-technology .ez-menu-list>li>a{text-transform:none;font-size:14px}
  .ez-skin-technology .ez-hero .ez-h-md,.ez-skin-technology .ez-hero .ez-h-lg{height:220px}
  .ez-skin-technology .ez-hero{margin-top:12px}
  .ez-skin-technology .ez-prev,.ez-skin-technology .ez-next{display:none}
  .ez-skin-technology .ez-slide-text{left:16px;right:16px;max-width:none}
  .ez-skin-technology .ez-slide-text h2{font-size:22px}
  .ez-skin-technology .ez-slide-text p{font-size:13px}
  .ez-skin-technology .ez-side-text b{font-size:15px}
  .ez-skin-technology .ez-title{font-size:18px}
  .ez-skin-technology .ez-prod-dark{border-radius:0;margin:0 -0px;padding:14px 12px}
  .ez-skin-technology .ez-prod-dark .ez-title:before{width:26px;height:26px;font-size:13px;margin-right:6px}
  .ez-skin-technology .ez-usp{border-radius:0;border-left:0;border-right:0}
}