/* Phần bổ sung cho header thật + trang WooCommerce mặc định */
a{color:inherit;text-decoration:none}
.hd{position:sticky}
form.search input[type=search]{flex:1;border:0;background:transparent;padding:0 14px;font-size:14px;outline:0;min-width:0;font-family:inherit}
.kw a{cursor:pointer}.kw a:hover{color:var(--ac)}
.ib .ic svg{display:block}.svtek-cart{display:flex;align-items:center;gap:8px}
.nav{position:relative}
.nav .menu{display:inline-flex;align-items:center;gap:6px;border:0;padding:8px 12px;border-radius:8px;cursor:pointer;font:inherit;font-weight:600;background:var(--tx);color:#fff}
.navl{display:flex;gap:4px;list-style:none;margin:0;padding:0}.navl a{display:block;padding:8px 12px;border-radius:8px}.navl a:hover{background:var(--sf)}
.mc a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;font-size:14px;font-weight:500}
.mc a small{margin-left:auto;color:var(--mu);font-size:11px}.mc a.on{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.06);color:var(--ac)}
.ms{display:block}.mp{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 24px}.mp[hidden]{display:none}
.hero a.btn{text-decoration:none}.sb{color:inherit}
.pc .im{display:flex}.pc .pn{color:var(--tx)}.pr.contact,.contact{color:var(--ac);font-size:15px;font-weight:600}
.pr del{color:var(--mu);font-size:12px;font-weight:400}.pr ins{text-decoration:none}
.st.out{color:var(--bad)}
.pc .add,.pc .button{display:block;text-align:center;margin-top:auto;border:0;background:var(--ac);color:#fff;border-radius:9px;padding:9px;font-weight:600}
.pc .add.l{background:#fff;color:var(--tx);border:1.5px solid var(--bd)}
.pc .added_to_cart{font-size:12px;text-align:center;color:var(--ac)}
/* Trang danh mục */
.woo-wrap{padding:8px 24px 32px;max-width:1280px;margin:0 auto}
.woo-wrap .page-title{font-size:24px;letter-spacing:-.4px}
ul.products{display:grid !important;grid-template-columns:repeat(4,1fr);gap:14px;list-style:none;padding:0;margin:16px 0}
ul.products:before,ul.products:after{display:none !important}
ul.products li.svtek-li{width:auto !important;margin:0 !important;float:none !important;display:flex}
ul.products li.svtek-li .pc{flex:1}
.woocommerce-result-count{color:var(--mu);font-size:13px}.woocommerce-ordering select{padding:8px;border:1px solid var(--bd);border-radius:8px}
.woocommerce-pagination ul{display:flex;gap:6px;list-style:none;padding:0;justify-content:center}.woocommerce-pagination a,.woocommerce-pagination span{display:block;padding:6px 12px;border:1px solid var(--bd);border-radius:8px}
/* Trang sản phẩm */
.single-product div.product{display:grid;grid-template-columns:1.15fr 1fr;gap:32px;margin-top:12px}
.single-product div.product .woocommerce-product-gallery,.single-product div.product .summary{width:auto !important;float:none !important}
.single-product .woocommerce-product-gallery__image img{border:1px solid var(--bd);border-radius:16px;background:#fff}
.single-product .summary{border:1px solid var(--bd);border-radius:16px;padding:22px;align-self:start;position:sticky;top:140px}
.single-product .product_title{font-size:23px;letter-spacing:-.4px;line-height:1.25;margin:4px 0}
.single-product .summary .price{font-size:30px;font-weight:700;color:var(--tx);margin:12px 0}
.single-product .woocommerce-tabs,.single-product .related,.single-product .upsells{grid-column:1/-1}
.woocommerce-tabs ul.tabs{display:flex;gap:4px;border-bottom:1px solid var(--bd);list-style:none;padding:0}
.woocommerce-tabs ul.tabs li a{display:block;padding:10px 16px;font-weight:600;color:var(--mu)}.woocommerce-tabs ul.tabs li.active a{color:var(--tx);box-shadow:inset 0 -2px var(--tx)}
table.shop_attributes{width:100%;border-collapse:collapse}table.shop_attributes th,table.shop_attributes td{padding:9px 10px;border-bottom:1px solid var(--bd);text-align:left;font-weight:400}table.shop_attributes th{color:var(--mu);width:38%}
.single_add_to_cart_button,.woocommerce a.button,.woocommerce button.button,.checkout-button,#place_order{background:var(--ac) !important;color:#fff !important;border:0;border-radius:10px;padding:13px 20px;font-weight:600;cursor:pointer;font-family:inherit}
.quantity input{width:64px;padding:10px;border:1px solid var(--bd);border-radius:9px}
form.cart{display:flex;gap:8px;margin:16px 0}
/* Giỏ + thanh toán */
.woocommerce table.shop_table{width:100%;border-collapse:collapse;border:1px solid var(--bd);border-radius:14px}
.woocommerce table.shop_table td,.woocommerce table.shop_table th{padding:12px;border-bottom:1px solid var(--bd)}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row select,.woocommerce form .form-row textarea{width:100%;padding:11px;border:1px solid var(--bd);border-radius:9px;font-family:inherit}
.woocommerce-info,.woocommerce-message,.woocommerce-error{list-style:none;padding:12px 16px;border-radius:10px;background:var(--sf);margin:12px 0}
@media(max-width:960px){ul.products{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){
 ul.products{grid-template-columns:repeat(2,1fr)}
 .single-product div.product{grid-template-columns:1fr}.single-product .summary{position:static}
 .woo-wrap,.sec{padding-left:14px;padding-right:14px}.heros{padding:12px 14px}.hero{padding:22px;min-height:0}.hero img{max-height:180px}
 .side{grid-template-rows:none;grid-template-columns:1fr 1fr}.sb p{display:none}
 .nav{padding:0 14px}.mp{grid-template-columns:1fr 1fr}
}
.st.onbackorder{color:var(--mu)}
.usp>div>div{border:0;padding:0}
.hero a.btn.l{color:#fff !important;border:1.5px solid rgba(255,255,255,.55)}
.hero .pic:not(:has(img)){display:none}.hero:has(.pic:not(:has(img))){grid-template-columns:1fr}
@media(max-width:720px){.hero .pic{display:none}}
.sw{min-width:0}form.search{width:100%}form.search input[type=search]{width:100%;min-width:0;-webkit-appearance:none;appearance:none}form.search button{flex-shrink:0}
@media(max-width:640px){.h{display:grid;grid-template-columns:auto 1fr}.acts{justify-self:end}.sw{grid-column:1/-1;width:100%}.kw{overflow-x:auto}}
footer .social{display:flex;gap:10px;margin-top:4px}footer .social a{display:block;width:40px;height:40px;border-radius:12px;transition:transform .15s}footer .social a:hover{transform:translateY(-2px)}footer .social svg{width:40px;height:40px;display:block}
.h{min-width:0}.nav{overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.navl{flex-shrink:0}html,body{overflow-x:clip}
.svtek-cta{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.svtek-cta .add{flex:1;min-width:150px;text-align:center;padding:13px;border-radius:10px;font-weight:600;background:var(--ac);color:#fff}.svtek-cta .add.l{background:#fff;color:var(--tx);border:1.5px solid var(--tx)}.svtek-cta small{flex-basis:100%;color:var(--mu);font-size:12px}a.pr.contact{display:block}
