/* 1. ÉP KHUNG CHỨA CỦA BLOCKSY PHẢI SÁT XUỐNG (QUAN TRỌNG) */ .id-main-header [data-id*="html"], .id-main-header .whc-header-block, .id-main-header .whc-header-element { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; margin: 0 !important; padding: 0 !important; height: auto !important; } /* Ép luôn thẻ cha trực tiếp nếu có */ .woodmart-mobile-search-row { display: flex; align-items: center; width: 100% !important; /* Điều chỉnh khoảng cách trên dưới ở đây */ margin: 5px auto 5px auto !important; padding-top: 0 !important; padding-bottom: 0 !important; /* Khoảng cách hai bên */ padding-left: 35px !important; padding-right: 28px !important; box-sizing: border-box !important; } /* 2. Cấu trúc khung tìm kiếm */ .woodmart-style-search { flex: 1; min-width: 0; margin: 0 !important; padding: 0 !important; } .woodmart-style-search .search-wrapper { position: relative; width: 100%; } /* Giao diện ô input chuẩn Woodmart */ .woodmart-style-search input[type="search"] { width: 100%; height: 42px; padding: 0 15px 0 42px; border: 1px solid #e2e8f0; border-radius: 30px; background-color: #f8fafc; font-size: 15px; color: #1f2937; outline: none; box-sizing: border-box; -webkit-appearance: none; margin: 0 !important; } .woodmart-style-search input[type="search"]:focus { border-color: #cbd5e1; background-color: #ffffff; } /* Định vị icon kính lúp */ .woodmart-style-search button { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); background: none; border: none; color: #8e9cb0; display: flex; align-items: center; justify-content: center; padding: 0; z-index: 2; cursor: pointer; }