/*
Theme Name: Camera Can Tho Shop
Theme URI: https://cameracantho.com/
Author: OpenAI
Description: Theme WooCommerce bán camera cho Camera Cần Thơ, bố cục thương mại điện tử hiện đại và responsive.
Version: 5.0.0
Text Domain: camera-can-tho-shop
*/
:root{--primary:#f36b21;--primary-dark:#d95412;--red:#d71920;--dark:#222;--dark2:#2c2c2c;--text:#262626;--muted:#6f6f6f;--line:#e7e7e7;--bg:#f6f6f6;--white:#fff;--max:1200px;--radius:6px;--shadow:0 8px 28px rgba(0,0,0,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(var(--max),calc(100% - 32px));margin:auto}.topbar{background:#f5f5f5;border-bottom:1px solid var(--line);font-size:13px;color:#555}.topbar .inner{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:18px}.topbar .left,.topbar .right{display:flex;gap:18px;align-items:center}.site-header{background:#fff;position:relative;z-index:50}.header-main{display:grid;grid-template-columns:250px 1fr 310px;gap:26px;align-items:center;padding:18px 0}.custom-logo{max-height:68px;width:auto}.brand{font-size:27px;font-weight:900;color:var(--primary);line-height:1.05}.brand small{display:block;font-size:11px;color:#666;font-weight:700;margin-top:6px;letter-spacing:.5px}.search-form{display:flex;border:2px solid var(--primary);border-radius:5px;overflow:hidden;height:44px}.search-form input{flex:1;border:0;padding:0 14px;font-size:14px;outline:0;min-width:0}.search-form button{border:0;background:var(--primary);color:#fff;padding:0 17px;font-weight:800;cursor:pointer}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px}.hotline,.cart-link{display:flex;align-items:center;gap:9px}.header-action-icon,.cart-link>span{font-size:28px;color:var(--primary)}.hotline small,.cart-link small{display:block;color:#777;font-size:11px}.hotline strong,.cart-link strong{display:block;color:var(--primary);font-size:16px;white-space:nowrap}.nav-wrap{background:var(--dark);color:#fff}.nav-row{display:flex;align-items:stretch}.catalog-trigger{width:245px;background:var(--primary);padding:15px 16px;font-size:13px;font-weight:800;display:flex;gap:9px;align-items:center;flex:0 0 auto}.main-nav{display:flex;align-items:stretch;list-style:none;margin:0;padding:0;min-height:48px;flex:1}.main-nav>li{position:relative;list-style:none}.main-nav>li>a{padding:15px 16px;font-size:13px;font-weight:800;text-transform:uppercase;display:block;height:100%}.main-nav>li>a:hover,.main-nav .current-menu-item>a{background:#333;color:var(--primary)}.main-nav .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:230px;background:#fff;color:#222;list-style:none;margin:0;padding:0;box-shadow:0 10px 28px #0002;z-index:99;border:1px solid var(--line)}.main-nav li:hover>.sub-menu{display:block}.main-nav .sub-menu li{border-bottom:1px solid var(--line)}.main-nav .sub-menu a{padding:12px 15px;text-transform:none;font-size:13px;font-weight:600;display:block}.main-nav .sub-menu a:hover{background:#f8f8f8;color:var(--primary)}.mobile-toggle{display:none}
.home-hero{background:#f5f5f5;padding:15px 0 18px}.home-hero-grid{display:grid;grid-template-columns:245px 1fr 225px;gap:14px;align-items:stretch}.hero-catalog{background:#fff;border:1px solid var(--line)}.hero-catalog a{min-height:45px;padding:0 14px;display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:center;border-bottom:1px solid var(--line);font-size:13px;font-weight:600}.hero-catalog a:last-child{border-bottom:0}.hero-catalog a:hover{color:var(--primary);background:#fff8f4}.hero-catalog b{font-size:18px;color:#999}.hero-banner{min-height:380px;position:relative;overflow:hidden;border-radius:var(--radius);background:linear-gradient(120deg,#181818 0%,#323232 62%,#191919 100%);color:#fff;padding:46px 40px;display:flex;align-items:center}.hero-banner:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(243,107,33,.12);right:30px;top:30px}.hero-copy{position:relative;z-index:2;width:65%}.eyebrow{display:inline-block;background:var(--primary);padding:6px 10px;font-size:11px;font-weight:800;letter-spacing:1px;border-radius:3px}.hero-copy h1{font-size:42px;line-height:1.08;margin:15px 0 12px}.hero-copy h1 em{font-style:normal;color:#ff8b4e}.hero-copy p{color:#ddd;max-width:560px;margin:0 0 18px}.hero-buttons{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-block;background:var(--primary);color:#fff;padding:12px 18px;border-radius:4px;font-size:13px;font-weight:800}.btn:hover{background:var(--primary-dark)}.btn-outline{background:transparent;border:1px solid #777}.btn-outline:hover{background:#fff;color:#222}.camera-visual{position:absolute;right:26px;bottom:46px;width:180px;height:190px;background:linear-gradient(#fefefe,#dcdcdc);border-radius:50% 50% 45% 45%;box-shadow:0 16px 30px #0007;transform:rotate(5deg)}.camera-lens{position:absolute;width:105px;height:105px;border-radius:50%;background:radial-gradient(circle at center,#151515 0 15%,#272727 16% 27%,#090909 28% 48%,#444 49% 53%,#111 54%);left:37px;top:33px;color:#2886ff;text-align:center;line-height:105px;font-size:10px}.camera-stand{position:absolute;width:92px;height:55px;background:#e6e6e6;left:45px;bottom:-35px;border-radius:8px 8px 18px 18px}.hero-promos{display:grid;gap:14px}.hero-promos a{background:#fff;border:1px solid var(--line);padding:22px 18px;display:flex;flex-direction:column;justify-content:center;min-height:183px;position:relative;overflow:hidden}.hero-promos a:after{content:"◉";position:absolute;right:-12px;bottom:-25px;font-size:110px;color:#f0f0f0;z-index:0}.hero-promos small,.hero-promos strong,.hero-promos span{position:relative;z-index:1}.hero-promos small{color:var(--primary);font-size:11px;font-weight:800}.hero-promos strong{font-size:18px;line-height:1.25;margin:7px 0}.hero-promos span{font-size:12px;color:#666}.trustbar{border-bottom:1px solid var(--line);background:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-item{padding:17px 18px;border-right:1px solid var(--line);font-size:12px;display:flex;align-items:center;gap:12px}.trust-item:last-child{border-right:0}.trust-item>span{font-size:25px;color:var(--primary)}.trust-item strong{display:block;color:#222;font-size:14px}.section{padding:35px 0}.section.alt{background:var(--bg)}.section-head{display:flex;align-items:end;justify-content:space-between;border-bottom:2px solid var(--primary);margin-bottom:20px}.section-title{background:var(--primary);color:#fff;margin:0;padding:9px 16px;font-size:17px;text-transform:uppercase;position:relative}.section-title:after{content:"";position:absolute;right:-16px;top:0;border-top:39px solid transparent;border-left:16px solid var(--primary)}.section-head a{font-size:13px;color:#666;padding-bottom:7px}.section-head a:hover{color:var(--primary)}.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.cats-v3{grid-template-columns:repeat(5,1fr)}.cat-card{border:1px solid var(--line);background:#fff;padding:20px 12px;text-align:center;transition:.2s;border-radius:4px}.cat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#f4b28c}.cat-card>span{display:block;font-size:38px;margin-bottom:8px}.cat-card strong{display:block;font-size:13px}.cat-card small{display:block;color:#777;margin-top:3px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.product-card{background:#fff;border:1px solid var(--line);padding:12px;position:relative;transition:.2s;overflow:hidden}.product-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.product-card .thumb{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden}.product-card .thumb img{width:100%;height:100%;object-fit:contain;transition:.25s}.product-card:hover .thumb img{transform:scale(1.04)}.product-meta{font-size:11px;color:#888;margin-top:8px;height:17px;overflow:hidden}.product-meta a{color:#888}.product-card h3{font-size:14px;line-height:1.4;margin:6px 0;min-height:40px}.product-card h3 a:hover{color:var(--primary)}.stars{color:#f7a400;font-size:11px;letter-spacing:1px;margin-bottom:4px}.price{font-weight:900;color:var(--red);min-height:26px}.price del{color:#888;font-weight:400;font-size:12px}.price ins{text-decoration:none}.badge{position:absolute;top:10px;left:10px;background:var(--red);color:#fff;font-size:10px;font-weight:800;padding:5px 7px;border-radius:2px;z-index:3}.badge.new{background:#299b4b}.fake-buy{display:block;margin-top:9px;text-align:center;border:1px solid var(--primary);color:var(--primary);padding:8px;font-size:11px;font-weight:800;border-radius:3px;background:#fff}.fake-buy:hover{background:var(--primary);color:#fff}.placeholder-camera{background:#fafafa}.mini-camera{width:110px;height:115px;background:#eee;border-radius:50%;position:relative;box-shadow:inset 0 0 0 1px #ddd}.mini-camera i{position:absolute;width:62px;height:62px;left:24px;top:20px;border-radius:50%;background:radial-gradient(circle,#333 0 25%,#111 26% 45%,#555 46% 50%,#222 51%)}.service-strip{background:#222;color:#fff;padding:35px 0}.service-strip .container{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.service-strip .container>div{border-right:1px solid #444;padding:0 28px}.service-strip .container>div:last-child{border-right:0}.service-strip span{font-size:30px}.service-strip h3{margin:7px 0 4px}.service-strip p{margin:0 0 8px;color:#bbb;font-size:13px}.service-strip a{color:#ff9b65;font-size:12px;font-weight:800}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.news-card{background:#fff;border:1px solid var(--line)}.news-card>a img{width:100%;height:190px;object-fit:cover}.news-placeholder{height:190px;background:linear-gradient(135deg,#333,#111);display:flex;align-items:center;justify-content:center;font-size:55px;color:#fff}.news-body{padding:15px}.news-body small{font-size:10px;color:var(--primary);font-weight:800}.news-card h3{font-size:16px;margin:6px 0}.news-card p{font-size:13px;color:#666}.read-more{font-size:12px;font-weight:800;color:var(--primary)}
.site-footer{background:#222;color:#ddd;padding:42px 0 18px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.site-footer h3{color:#fff;margin-top:0}.site-footer a{color:#ddd}.site-footer a:hover{color:#ff9b65}.site-footer ul{padding:0;list-style:none;margin:0}.site-footer li{margin:8px 0;font-size:13px}.copyright{border-top:1px solid #444;margin-top:30px;padding-top:18px;font-size:12px;color:#aaa}.floating-contact{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;z-index:80}.floating-contact a{background:var(--primary);color:#fff;padding:10px 14px;border-radius:22px;font-weight:800;font-size:12px;box-shadow:0 4px 16px #0003}
.content-area{padding:35px 0}.entry-title{font-size:30px}.entry-content{font-size:16px}.entry-content h2{font-size:26px;margin-top:28px}.entry-content h3{font-size:20px;margin-top:24px}.entry-content ul,.entry-content ol{padding-left:24px}.entry-content li{margin:7px 0}.entry-content a:not(.button):not(.btn){color:var(--primary)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.service-box,.contact-box{border:1px solid var(--line);background:#fafafa;padding:22px;border-radius:6px}.service-box h3,.contact-box h3{margin-top:0}.price-table-wrap{overflow:auto}.cct-table{width:100%;border-collapse:collapse;margin:20px 0}.cct-table th,.cct-table td{border:1px solid var(--line);padding:12px;text-align:left}.cct-table th{background:#f5f5f5}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px}.page .content-area{min-height:420px}.page .entry-title{border-bottom:2px solid var(--primary);padding-bottom:12px;margin-bottom:24px}
.woo-shell{background:#f7f7f7;padding:18px 0 36px}.woocommerce-breadcrumb{font-size:12px!important;color:#777!important;margin:0 0 15px!important}.shop-layout{display:grid;grid-template-columns:235px 1fr;gap:22px;align-items:start}.shop-layout.single-layout{grid-template-columns:1fr}.shop-sidebar{background:#fff;border:1px solid var(--line)}.shop-side-title{background:var(--primary);color:#fff;padding:12px 14px;font-size:13px;font-weight:900}.shop-cat-links a{display:block;padding:11px 14px;border-bottom:1px solid var(--line);font-size:13px}.shop-cat-links a:hover{color:var(--primary);background:#fff8f4}.shop-sidebar .widget{padding:12px 14px;border-top:1px solid var(--line)}.shop-sidebar .widget h3{font-size:14px;margin:0 0 10px}.side-support{margin:12px;background:#222;color:#fff;padding:16px;border-radius:4px}.side-support strong{color:#ff9b65}.side-support p{font-size:12px;color:#ccc}.side-support a{color:#fff;font-weight:900}.shop-main{min-width:0;background:#fff;padding:18px;border:1px solid var(--line)}.woocommerce .woocommerce-products-header__title{font-size:25px}.woocommerce .woocommerce-result-count,.woocommerce .woocommerce-ordering{font-size:12px}.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(3,1fr);gap:15px}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{width:auto!important;margin:0!important;border:1px solid var(--line);padding:12px;background:#fff;transition:.2s}.woocommerce ul.products li.product:hover{box-shadow:var(--shadow)}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:14px!important;min-height:46px}.woocommerce ul.products li.product .price{color:var(--red)!important;font-size:15px!important;font-weight:900}.woocommerce span.onsale{background:var(--red)!important;min-height:auto!important;min-width:auto!important;line-height:1!important;border-radius:2px!important;padding:7px!important;margin:8px!important;font-size:10px!important}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{background:var(--primary)!important;color:#fff!important;border-radius:3px!important}.woocommerce div.product .product_title{font-size:27px}.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--red)!important;font-size:24px!important;font-weight:900}.woocommerce div.product form.cart{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}.woocommerce div.product .woocommerce-tabs{margin-top:30px}.product-benefits{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-top:25px}.product-benefits>div{padding:15px;border-right:1px solid var(--line);font-size:18px}.product-benefits>div:last-child{border-right:0}.product-benefits strong,.product-benefits small{display:block;font-size:12px}.product-benefits small{color:#777;margin-top:2px}
@media(max-width:1050px){.header-main{grid-template-columns:220px 1fr 210px}.cart-link{display:none}.home-hero-grid{grid-template-columns:220px 1fr}.hero-promos{display:none}.catalog-trigger{width:220px}.cats-v3{grid-template-columns:repeat(5,1fr)}}
@media(max-width:900px){.topbar .right{display:none}.header-main{grid-template-columns:1fr auto}.search-form{grid-column:1/-1;order:3}.hotline{display:none}.catalog-trigger{display:none}.mobile-toggle{display:block;background:transparent;color:#fff;border:0;font-size:24px;padding:10px 14px}.nav-row{display:block}.main-nav{display:none;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav>li{width:100%}.main-nav>li>a{padding:12px 16px}.main-nav .sub-menu{position:static;display:none;box-shadow:none;border:0;background:#2d2d2d;color:#fff;padding-left:12px}.main-nav .sub-open>.sub-menu{display:block}.home-hero-grid{grid-template-columns:1fr}.hero-catalog{display:none}.hero-banner{min-height:350px}.hero-copy{width:65%}.cats-v3{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.news-grid{grid-template-columns:repeat(2,1fr)}.trust-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.service-grid,.contact-layout{grid-template-columns:1fr}.shop-layout{grid-template-columns:1fr}.shop-sidebar{display:none}.woocommerce ul.products{grid-template-columns:repeat(3,1fr)}.product-benefits{grid-template-columns:repeat(2,1fr)}.product-benefits>div:nth-child(2){border-right:0}.product-benefits>div{border-bottom:1px solid var(--line)}}
@media(max-width:650px){.container{width:min(var(--max),calc(100% - 20px))}.topbar .left span:nth-child(2){display:none}.header-main{grid-template-columns:1fr}.logo-wrap{text-align:center}.brand{font-size:23px}.hero-banner{padding:34px 24px;min-height:370px;align-items:flex-start}.hero-copy{width:100%;z-index:3}.hero-copy h1{font-size:31px}.camera-visual{width:125px;height:130px;right:18px;bottom:25px;opacity:.7}.camera-lens{width:70px;height:70px;left:27px;top:23px;line-height:70px}.camera-stand{width:60px;height:40px;left:32px;bottom:-26px}.hero-buttons{max-width:190px}.trust-grid{grid-template-columns:1fr}.trust-item{border-right:0;border-bottom:1px solid var(--line)}.cats-v3{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.product-card{padding:9px}.product-card h3{font-size:13px}.service-strip .container{grid-template-columns:1fr}.service-strip .container>div{border-right:0;border-bottom:1px solid #444;padding:15px 0}.service-strip .container>div:last-child{border-bottom:0}.news-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.section{padding:28px 0}.section-title{font-size:14px}.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}.shop-main{padding:10px}.product-benefits{grid-template-columns:1fr}.product-benefits>div{border-right:0!important}.floating-contact{right:8px;bottom:8px}}

/* V5 */
.cct-sales-box{margin:18px 0;padding:16px;border:1px solid #e6e6e6;border-radius:8px;background:#fafafa}.cct-sales-box p{margin:8px 0}.cct-sales-actions{display:flex;gap:10px;flex-wrap:wrap}.cct-sales-actions .button{margin:0}.woocommerce div.product .woocommerce-tabs ul.tabs{display:flex;flex-wrap:wrap;gap:4px}.woocommerce div.product .woocommerce-tabs .panel{line-height:1.7}
