/*
Theme Name: NOVA Tech
Author: NOVA Studio
Description: Giao diện cửa hàng công nghệ tiếng Việt, hỗ trợ WooCommerce, thiết bị di động và tùy chỉnh thương hiệu.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nova-tech
Tags: e-commerce, custom-logo, custom-menu, featured-images
*/

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f6f8;color:#172027;font:15px Arial,sans-serif}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.top{text-align:center;background:#153a2d;color:#fff;padding:10px;font-size:12px;letter-spacing:.5px}header{background:white;border-bottom:1px solid #e5e8e7;position:sticky;top:0;z-index:5}.nav{max-width:1280px;margin:auto;display:flex;align-items:center;gap:36px;padding:23px 32px}.logo{font-size:26px;font-weight:900;letter-spacing:-1.5px}.logo span{color:#378264}.navlinks{display:flex;gap:28px;font-size:14px;flex:1}.navlinks a:hover{color:#378264}.cartbtn{background:#fff;border:1px solid #dce3df;padding:11px 16px;border-radius:24px}.cartbtn span{background:#153a2d;color:white;border-radius:50%;padding:3px 7px;margin-left:8px;font-size:11px}main{max-width:1280px;padding:28px 32px 0;margin:auto}.hero{display:grid;grid-template-columns:1fr 1.05fr;background:#e7ede8;border-radius:22px;overflow:hidden;min-height:475px}.herotext{padding:58px 48px;position:relative;z-index:1}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:2px;color:#32694e}.herotext h1{font-size:57px;line-height:1.06;letter-spacing:-2.7px;margin:22px 0}.herotext p{color:#5e6e65;line-height:1.8;max-width:310px}.primary{display:inline-block;background:#163e2e;color:white;border:0;border-radius:25px;padding:15px 23px;margin-top:15px}.heroart{position:relative;background:radial-gradient(ellipse,#d7e2d8 0%,#c6d3c6 65%,#bac9bb);display:flex;align-items:center;justify-content:center;overflow:hidden}.heroart:before{content:'NOVA';position:absolute;font-size:150px;letter-spacing:-10px;color:#ffffff35;font-weight:900;top:35px}.laptop{width:87%;transform:rotate(-10deg);position:relative;margin-top:40px}.screen{width:86%;height:245px;margin:auto;border:9px solid #262d2d;border-radius:13px;background:linear-gradient(135deg,#102c2c,#76a5a1);box-shadow:15px 28px 35px #243b3e44;overflow:hidden;position:relative}.screen:before,.screen:after{content:'';position:absolute;width:300px;height:300px;border:38px solid #bbead55c;border-radius:50%;transform:rotate(-35deg);top:-100px;left:20px}.screen:after{left:145px;top:50px;border-color:#97c9a65c}.base{height:15px;background:linear-gradient(#c3c9c9,#767f7d);border-radius:2px 2px 70% 70%;box-shadow:10px 20px 25px #243b3e33}.artlabel{position:absolute;bottom:28px;left:32px;background:#ffffffc9;border:1px solid #fff;border-radius:14px;padding:12px 18px;backdrop-filter:blur(10px);font-size:12px}.artlabel strong{display:block;margin-bottom:5px}.benefits{display:flex;justify-content:space-around;padding:27px 0;border-bottom:1px solid #dde2de;font-size:12px;color:#536058}.benefits b{color:#253c2e;margin-right:8px}.sectionhead{display:flex;align-items:end;justify-content:space-between;margin:43px 0 24px}.sectionhead h2{font-size:31px;letter-spacing:-1px;margin:9px 0 0}.controls{display:flex;gap:10px;flex-wrap:wrap}.search{border:1px solid #dce0dd;background:white;border-radius:30px;padding:12px 18px;width:255px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:25px}.filter{border:1px solid #dce0dd;border-radius:24px;background:white;padding:10px 19px;font-size:13px}.filter.active{background:#193c2d;color:white;border-color:#193c2d}.sort{border:1px solid #dce0dd;border-radius:25px;padding:10px;background:white;color:#4c5a52}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:white;border:1px solid #e5e8e5;border-radius:17px;padding:13px;transition:transform .2s}.card:hover{transform:translateY(-5px)}.visual{height:200px;background:#f2f4f3;border-radius:11px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.badge{position:absolute;left:12px;top:12px;font-size:10px;color:#296443;background:#e2eee5;padding:6px 9px;border-radius:5px}.device{font-size:94px;filter:drop-shadow(3px 12px 9px #15251b22)}.miniLaptop{width:150px;height:95px;border:6px solid #39433e;border-radius:7px;background:linear-gradient(135deg,#849fb1,#263e5d 50%,#b8c8cb);position:relative}.miniLaptop:after{content:'';position:absolute;bottom:-15px;left:-19px;width:176px;height:10px;border-radius:1px 1px 50% 50%;background:#aeb6b3}.phone{height:130px;width:70px;border:5px solid #44474c;border-radius:15px;background:radial-gradient(ellipse at 20% 20%,#bdc5ec,#424379 60%,#162c46);transform:rotate(10deg)}.phone:before{content:'';display:block;width:26px;height:7px;background:#212331;border-radius:4px;margin:5px auto}.headphones{height:115px;width:100px;border:17px solid #343b38;border-bottom-color:transparent;border-radius:55px;position:relative}.headphones:before,.headphones:after{content:'';position:absolute;width:28px;height:57px;background:#424c47;border-radius:12px;top:45px;left:-22px}.headphones:after{left:auto;right:-22px}.keyboard{height:70px;width:170px;background:repeating-linear-gradient(90deg,transparent 0 12px,#c5ccca 12px 15px),repeating-linear-gradient(0deg,#fdfefd 0 12px,#bac3be 12px 15px);border:7px solid #d3dad6;border-radius:9px;transform:rotate(-8deg);box-shadow:0 8px #a1ada6}.mouse{width:65px;height:100px;border-radius:42% 42% 45% 45%;background:linear-gradient(90deg,#c5cfca,#f3f5f4);box-shadow:6px 9px 10px #0002;position:relative}.mouse:before{content:'';position:absolute;top:14px;left:30px;background:#62796c;width:5px;height:17px;border-radius:5px}.watch{width:65px;height:85px;background:#26332c;border:5px solid #adb8b1;border-radius:22px;position:relative;box-shadow:0 -35px 0 -12px #62766b,0 35px 0 -12px #62766b;color:#c6f4a9;display:grid;place-items:center;font-size:21px}.speaker{width:76px;height:110px;background:repeating-linear-gradient(0deg,#39413d 0 2px,#69736c 2px 3px);border-radius:30px;box-shadow:7px 12px 10px #0002}.card .category{font-size:10px;letter-spacing:1px;color:#7b877f;margin:19px 3px 8px}.card h3{font-size:15px;margin:0 3px 9px}.spec{font-size:11px;color:#78837c;margin:0 3px 16px}.pricebar{display:flex;justify-content:space-between;align-items:center;margin:0 3px 4px}.price{font-size:16px;font-weight:bold}.old{color:#a0a8a3;font-size:11px;text-decoration:line-through;margin-top:4px}.add{border:0;border-radius:50%;width:34px;height:34px;background:#edf3ee;color:#184b31;font-size:22px}.promo{margin:44px 0;background:#173f30;color:white;border-radius:19px;padding:36px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px}.promo h2{font-size:30px;margin:10px 0}.promo p{color:#bbd0c1;line-height:1.6}.promo a{background:#d1edb8;color:#193e2b;padding:15px 23px;border-radius:25px;white-space:nowrap}.notes{font-size:12px;color:#77867d;padding-bottom:25px}footer{background:white;padding:35px 32px;color:#6c7c71;font-size:12px}footer>div{max-width:1216px;margin:auto;display:flex;justify-content:space-between;gap:25px}footer p{line-height:1.8}.overlay{position:fixed;inset:0;background:#12251d66;z-index:10;display:none}.overlay.open{display:block}.drawer{position:absolute;right:0;top:0;bottom:0;background:white;width:min(460px,100%);padding:28px;overflow:auto}.drawerhead{display:flex;justify-content:space-between;align-items:center}.close{font-size:25px;border:0;background:none}.cartitem{display:flex;gap:10px;border-bottom:1px solid #eee;padding:20px 0;align-items:center}.cartitem .info{flex:1}.cartitem h4{margin:0 0 9px;font-size:14px}.qty{display:flex;align-items:center;gap:12px;margin-top:10px}.qty button{background:#f1f4f1;border:0;width:25px;height:25px;border-radius:4px}.total{display:flex;justify-content:space-between;font-size:20px;font-weight:bold;margin-top:25px}.empty{text-align:center;color:#7a857e;padding:50px 0}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#173f30;color:white;padding:14px 24px;border-radius:30px;z-index:20;display:none;white-space:nowrap}.checkoutnote{background:#f1f5ef;border-radius:10px;font-size:13px;line-height:1.6;padding:15px;margin-top:20px}.noresults{padding:30px;color:#718075;grid-column:1/-1}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #69a98a;outline-offset:3px}@media(max-width:900px){.navlinks{display:none}.nav{justify-content:space-between}.hero{min-height:410px}.herotext{padding:35px 28px}.herotext h1{font-size:43px}.screen{height:190px}.grid{grid-template-columns:repeat(2,1fr)}.sectionhead{gap:20px;align-items:start;flex-direction:column}.benefits{gap:15px;flex-wrap:wrap}}@media(max-width:560px){main{padding:16px}.nav{padding:17px 20px}.hero{grid-template-columns:1fr}.herotext{padding:31px 26px}.herotext h1{font-size:45px}.heroart{height:290px}.laptop{width:80%;margin-top:0}.screen{height:180px}.artlabel{bottom:16px}.grid{gap:10px}.visual{height:165px}.miniLaptop{width:115px;height:75px}.miniLaptop:after{width:140px}.keyboard{width:125px;height:60px}.card{padding:9px}.card h3{font-size:13px}.price{font-size:14px}.spec{min-height:26px;line-height:1.5}.promo{padding:26px;align-items:start;flex-direction:column}.promo h2{font-size:27px}.controls{width:100%}.search{width:100%}footer>div{flex-direction:column}.benefits{font-size:11px;justify-content:start}.top{font-size:10px}.sectionhead h2{font-size:28px}}

.sitecontent{min-height:55vh;padding-top:35px;padding-bottom:50px}.sitecontent h1{font-size:38px;letter-spacing:-1px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:15px;top:15px;z-index:100;background:white;padding:15px}.custom-logo{max-width:180px;max-height:55px;width:auto;height:auto}.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:0}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none}.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none;background:white;border:1px solid #e2e8e3;border-radius:16px;padding:16px;list-style:none}.woocommerce ul.products li.product a img{border-radius:10px;background:#eef2ef;aspect-ratio:1;object-fit:contain}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:17px;color:#172b20}.woocommerce ul.products li.product .price{color:#255d3d;font-size:17px}.woocommerce span.onsale{background:#255d3d}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt{background:#193e2c;color:white;border-radius:22px;padding:13px 20px;line-height:1.3}.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce button.button.alt:hover{background:#346a4c;color:white}.woocommerce .quantity .qty{padding:10px;border:1px solid #cbd5ce;border-radius:6px;width:75px}.woocommerce div.product .product_title{font-size:36px}.woocommerce div.product p.price{color:#255d3d}.woocommerce input.input-text,.woocommerce textarea,.woocommerce select{padding:12px;border:1px solid #ccd8ce;border-radius:7px;max-width:100%}.woocommerce .woocommerce-breadcrumb{font-size:13px}.woocommerce div.product .woocommerce-tabs ul.tabs li{background:#e7eee8}.woocommerce table.shop_table{background:white;border:1px solid #d9e1db;border-radius:12px}.woocommerce-message,.woocommerce-info{border-top-color:#346a4c}.woocommerce .cart-collaterals .cart_totals{background:#fff;padding:25px;border-radius:15px}.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout{background:white;padding:20px;border-radius:15px}.wp-block-button__link,.wc-block-components-button{border-radius:25px!important}.sitecontent img{max-width:100%;height:auto}.sitecontent .alignwide{max-width:100%}.catalogsearch{display:flex;gap:10px}.catalogsearch input{padding:12px 18px;border:1px solid #dce0dd;border-radius:25px;max-width:230px}.catalogsearch button{border:0;background:#193e2c;color:white;padding:12px 18px;border-radius:25px}.setupnote{background:white;border:1px solid #dce4de;border-radius:15px;padding:30px;line-height:1.8}.entry{background:white;border-radius:15px;padding:30px;margin-bottom:25px;line-height:1.8}.entry input,.entry textarea{max-width:100%}.postnav{margin:25px 0}.navlinks ul{list-style:none;margin:0;padding:0;display:flex;gap:20px}.cartbtn{white-space:nowrap}.archive-description{color:#617265;line-height:1.7}.woocommerce nav.woocommerce-pagination ul{border:0}.woocommerce nav.woocommerce-pagination ul li{border:0;margin:3px}.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{padding:12px;background:white;border-radius:6px}.woocommerce nav.woocommerce-pagination ul li span.current{background:#193e2c;color:white}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{box-sizing:border-box}.woocommerce div.product form.cart .button{margin-left:10px}.woocommerce div.product div.images img{border-radius:16px}.woocommerce div.product .woocommerce-product-details__short-description{line-height:1.8}.woocommerce form.checkout_coupon,.woocommerce form.login,.woocommerce form.register{background:white}.woocommerce .products .star-rating{color:#2c754b}.wp-caption{max-width:100%}.wp-caption-text,.gallery-caption{font-size:13px}.bypostauthor{display:block}.sticky{border-left:3px solid #346a4c}.alignleft{float:left;margin-right:20px}.alignright{float:right;margin-left:20px}.aligncenter{display:block;margin:auto}
@media(max-width:900px){.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}.catalogsearch{flex-wrap:wrap}}@media(max-width:560px){.woocommerce ul.products{gap:12px}.woocommerce ul.products li.product{padding:10px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:14px}.sectionhead .catalogsearch{width:100%}.catalogsearch input{max-width:none;min-width:0;flex:1;width:120px}.entry{padding:20px}.woocommerce div.product .product_title{font-size:28px}.nav{gap:10px}.cartbtn{font-size:12px;padding:10px}.logo{font-size:23px}}