/** * Theme Name: K-Solutions * Author: K-Solutions * Template: flatsome * Text Domain: k-tech * Description: Theme Build by Dai * Theme URI: https://k-tech.net.vn/ * Author URI: https://k-tech.net.vn/ * Version: 06.2026 * License: 2NRJM-B46WR-K6VQR-Y4T3D-QRWPX * License URI: https://k-tech.net.vn/ */ /*************** ADD CUSTOM CSS HERE. ***************/ /* #masthead.header-main { background: linear-gradient(90deg, var(--fs-color-primary) 6.84%, var(--fs-color-secondary) 101.28%); } */ #masthead.header-main { background: linear-gradient(270deg, var(--fs-color-primary) 6.84%, var(--fs-color-secondary) 101.28%); } .header-nav .cart-item>a { flex-direction: row-reverse; } .header-nav.nav>li { margin: 0 8px !important; } .header-inner .header-nav.nav a.nav-top-link { gap: 8px; color: #fff !important; font-size: 1rem !important; font-weight: 600 !important; } .header-nav img { width: 24px !important; height: auto !important; aspect-ratio: 1 !important; object-fit: contain !important; } .header-inner .menu-item-object-product_cat>a { padding-right: 1rem; } .header-inner .menu-item-object-product_cat>a::after { content: "HOT"; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 2.35rem; height: 2.35rem; margin-left: 4px; background-color: #fcd34d; color: #dc2626; font-size: 12px; font-weight: 600; line-height: 1; letter-spacing: 0; clip-path: polygon(50.00% 0.00%, 59.47% 14.64%, 75.00% 6.70%, 75.88% 24.12%, 93.30% 25.00%, 85.36% 40.53%, 100.00% 50.00%, 85.36% 59.47%, 93.30% 75.00%, 75.88% 75.88%, 75.00% 93.30%, 59.47% 85.36%, 50.00% 100.00%, 40.53% 85.36%, 25.00% 93.30%, 24.12% 75.88%, 6.70% 75.00%, 14.64% 59.47%, 0.00% 50.00%, 14.64% 40.53%, 6.70% 25.00%, 24.12% 24.12%, 25.00% 6.70%, 40.53% 14.64%); transform: rotate(-20deg); animation: ktech-hot-pulse .5s ease infinite alternate; user-select: none; } @keyframes ktech-hot-pulse { 0% { transform: rotate(-20deg) scale(1); } 100% { transform: rotate(-20deg) scale(1.15); } } .ux-search-submit.submit-button { background: rgba(255, 168, 0, 1) !important; height: 100% !important; width: auto !important; aspect-ratio: 1 !important; right: 0 !important; top: 0 !important; transform: translateY(0) !important; border-radius: 0 4px 4px 0; } /*************** Custom COMMON. ***************/ .fs-32 { font-size: 32px !important; } .fs-24 { font-size: 24px !important; } .mb-0 { margin-bottom: 0px !important; } .mb-16 { margin-bottom: 16px !important; } .fw-500 { font-weight: 500 !important; } .breadcrumbs { font-size: 14px !important; padding: 1rem 0 !important; } .category-page-row { padding-top: 0 !important; } .shop-page-title .page-title-inner { padding-top: 0 !important; min-height: auto; } /*************** ADD CUSTOM CSS HERE. ***************/ /* Component các nút liên hệ */ @media (max-width: 849px) { body #button-contact-vr { bottom: 0; } } /* header */ @media (min-width: 850px) and (max-width: 1279px) { /* Left Elements tối thiểu 200px */ #masthead .flex-col.hide-for-medium.flex-left.flex-grow { min-width: 200px; } #masthead .flex-left .header-nav, #masthead .header-search-form, #masthead .header-search-form-wrapper, #masthead .ux-search-box, #masthead .searchform, #masthead .header-search-form .search-field { width: 100%; min-width: 0; } /* Menu bên phải tối đa 500px và có thể tự thu gọn thêm khi xuống gần 850px để chống tràn */ #masthead .flex-col.hide-for-medium.flex-right { max-width: 500px; min-width: 0; } #masthead .flex-col.hide-for-medium.flex-right .header-nav-main { flex-wrap: wrap; justify-content: flex-end; row-gap: 4px; } #masthead .flex-col.hide-for-medium.flex-right .header-nav-main > li > a { white-space: nowrap; padding-top: 4px; padding-bottom: 4px; } .stuck #masthead.header-main { height: auto !important; min-height: 70px; padding-top: 6px; padding-bottom: 6px; } } #main-menu .menu-item-401 .menu-icon-img { display: none; } @media (max-width: 1279px) { /* Ẩn cột phải rỗng và cho cột menu bung hết phần còn lại bên phải nút Danh mục */ #wide-nav .flex-center .header-bottom-nav { justify-content: flex-end !important; } #wide-nav .flex-center .header-bottom-nav > li > a { white-space: nowrap; } } @media (min-width: 850px) and (max-width: 1319px) { #row-1346840415 { max-width: 1320px; padding-left: 15px; padding-right: 15px; } } @media (min-width: 850px) and (max-width: 1319px) { #wide-nav .header-vertical-menu:not(:hover):not(:focus-within) .header-vertical-menu__fly-out--open { opacity: 0; visibility: hidden; pointer-events: none; } #wide-nav .header-vertical-menu:hover .header-vertical-menu__fly-out, #wide-nav .header-vertical-menu:focus-within .header-vertical-menu__fly-out { opacity: 1; visibility: visible; pointer-events: auto; } .col:has(.custom-button-slider) > .col-inner { padding-left: 0 !important; } } @media only screen and (max-width: 849px) { nav.woocommerce-breadcrumb.breadcrumbs.uppercase { display:flex; white-space: normal; width: max-content } } @media only screen and (max-width: 849px) { .shop-page-title .page-title-inner .flex-col { display:flex; justify-content: space-between; align-items: center; flex-grow: 1 } } @media only screen and (max-width: 849px) { .shop-page-title .page-title-inner .flex-col .filter-button { margin-top:0 } } @media only screen and (max-width: 849px) { .shop-page-title .woocommerce-ordering { width:100%; border-radius: .5rem } } /*************** ADD CUSTOM CSS HERE. ***************/ /*************** Home. ***************/ /* =========== */ /* HOME */ .category-title>.section-title>.section-title-main { width: 100%; padding: 14px 12px; margin-bottom: 12px; background: #fff; } @media only screen and (max-width: 48em) { /*************** ADD MOBILE ONLY CSS HERE ***************/ }