/*
Theme Name: FC Computer E-Commerce
Theme URI: https://fc-computerpik.com/
Author: FC COMPUTER
Description: Tema toko komputer responsif dengan gaya e-commerce premium, dukungan WooCommerce, serta pengaturan banner gambar/video dari Customizer.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: fc-computer-ecommerce
*/
:root{--fc-bg:#080d18;--fc-panel:#101a2a;--fc-panel2:#152238;--fc-blue:#168bff;--fc-cyan:#26d9ff;--fc-text:#f5f8ff;--fc-muted:#aebbd0;--fc-border:#263750;--fc-radius:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f6fa;color:#172033;font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,select{font:inherit}.site-header{background:#08111f;color:#fff;position:relative;z-index:10}.topbar{background:#050a12;color:#c8d5e8;font-size:12px;padding:7px 4%;display:flex;justify-content:space-between;gap:15px}.header-main{max-width:1280px;margin:auto;padding:18px 22px;display:flex;align-items:center;gap:24px}.brand{font-size:25px;font-weight:900;letter-spacing:.5px;white-space:nowrap}.brand span{color:var(--fc-cyan)}.custom-logo{max-height:54px;width:auto}.search-form{display:flex;flex:1;max-width:650px}.search-form input{width:100%;padding:13px 15px;border:0;border-radius:8px 0 0 8px;outline:0}.search-form button,.button,.wp-block-button__link{border:0;background:var(--fc-blue);color:#fff;font-weight:700;padding:12px 18px;border-radius:0 8px 8px 0;cursor:pointer}.header-actions{display:flex;gap:16px;align-items:center;font-size:14px}.main-nav{border-top:1px solid #1b2a40;background:#0d192a}.main-nav .nav-inner{max-width:1280px;margin:auto;padding:0 22px;display:flex;gap:25px;align-items:center;min-height:48px;overflow:auto}.main-nav a{white-space:nowrap;color:#dce8f8;font-size:13px;font-weight:700}.main-nav a:hover{color:var(--fc-cyan)}.container{max-width:1280px;padding:0 22px;margin:0 auto}.hero{margin:24px auto 0;max-width:1280px;padding:0 22px}.hero-inner{position:relative;min-height:360px;border-radius:18px;overflow:hidden;background:linear-gradient(115deg,#071326,#12376a 65%,#087cbd);color:white;display:flex;align-items:center}.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.48}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,12,26,.95),rgba(4,12,26,.55),rgba(4,12,26,.1))}.hero-copy{position:relative;z-index:1;max-width:670px;padding:45px clamp(24px,5vw,65px)}.eyebrow{color:#54ddff;font-weight:800;text-transform:uppercase;letter-spacing:2px;font-size:12px}.hero h1{font-size:clamp(30px,4.2vw,54px);line-height:1.08;margin:12px 0 15px}.hero p{color:#d4e4f9;max-width:570px}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.btn-primary,.btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:8px;font-weight:800}.btn-primary{background:var(--fc-blue);color:white}.btn-outline{border:1px solid #9db5d6;color:white}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px auto 36px}.benefit{background:#fff;border:1px solid #e2e8f1;border-radius:12px;padding:17px;display:flex;gap:12px;align-items:center}.benefit-icon{font-size:25px}.benefit strong{display:block;font-size:14px}.benefit small{display:block;color:#6d788a;font-size:12px}.section{padding:20px 0 30px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:18px}.section-head h2{margin:0;font-size:26px;color:#101a2b}.section-head p{margin:4px 0 0;color:#6c7789}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.category-card{background:#fff;border:1px solid #e2e8f1;border-radius:14px;padding:22px;min-height:135px;transition:.2s}.category-card:hover{transform:translateY(-3px);border-color:#8fc7ff;box-shadow:0 10px 28px #132b4b12}.category-card .cat-icon{font-size:30px}.category-card h3{margin:8px 0 0;font-size:16px}.category-card p{margin:3px 0 0;color:#758094;font-size:13px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-card{background:#fff;border:1px solid #e1e7f0;border-radius:14px;overflow:hidden;transition:.2s;min-width:0}.product-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #10264b12}.product-thumb{aspect-ratio:1/1;background:#fff;display:flex;align-items:center;justify-content:center;padding:16px}.product-thumb img{width:100%;height:100%;object-fit:contain}.product-info{padding:15px}.product-info h3{font-size:14px;line-height:1.45;margin:0 0 8px;color:#1b2638}.price{color:#0879e8;font-size:17px;font-weight:900}.old-price{color:#929bad;text-decoration:line-through;font-size:12px;margin-left:5px}.product-actions{margin-top:12px;display:flex;gap:8px}.product-actions a{display:block;text-align:center;flex:1;background:#0d1b2e;color:#fff;padding:9px 8px;border-radius:7px;font-size:12px;font-weight:800}.product-actions a.secondary{background:#eaf4ff;color:#086fc9}.promo-banner{background:linear-gradient(110deg,#071426,#0b3d70);color:white;border-radius:16px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:15px 0 30px}.promo-banner h2{margin:0;font-size:25px}.promo-banner p{margin:5px 0 0;color:#d0e1f7}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-card{background:#fff;border:1px solid #e1e7f0;border-radius:13px;padding:22px}.service-card .cat-icon{font-size:28px}.service-card h3{margin:8px 0 5px}.service-card p{color:#6c7789;font-size:14px;margin:0}.site-footer{margin-top:40px;background:#07111f;color:#d7e3f4}.footer-grid{max-width:1280px;margin:auto;padding:38px 22px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.site-footer h3,.site-footer h4{color:#fff;margin-top:0}.site-footer p,.site-footer li{color:#aebdd2;font-size:13px}.site-footer ul{padding-left:18px}.copyright{border-top:1px solid #1c2a3e;padding:15px 22px;text-align:center;font-size:12px;color:#8798b0}.content-area{max-width:1280px;margin:28px auto;padding:0 22px;min-height:45vh}.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0!important}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}.woocommerce ul.products li.product{width:auto!important;float:none!important;margin:0!important;background:#fff;border:1px solid #e1e7f0;border-radius:14px;padding:14px!important;overflow:hidden}.woocommerce ul.products li.product img{height:210px;object-fit:contain}.woocommerce ul.products li.product .button{border-radius:7px}.woocommerce div.product div.images img{object-fit:contain}.woocommerce-message,.woocommerce-info{border-top-color:var(--fc-blue)}.woocommerce-message:before,.woocommerce-info:before{color:var(--fc-blue)}.pagination,.nav-links{padding:20px 0}.entry-title{font-size:32px}.entry-content{line-height:1.8}.menu-toggle{display:none}
@media(max-width:900px){.header-main{flex-wrap:wrap;gap:14px}.search-form{order:3;flex-basis:100%;max-width:none}.header-actions{margin-left:auto}.benefits{grid-template-columns:repeat(2,1fr)}.category-grid,.product-grid,.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hero-inner{min-height:320px}.service-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:560px){.topbar{padding:7px 15px}.topbar span:last-child{display:none}.header-main{padding:14px 15px}.brand{font-size:21px}.header-actions{font-size:12px;gap:10px}.main-nav .nav-inner{padding:0 15px;gap:20px}.container,.content-area{padding-left:15px;padding-right:15px}.hero{padding:0 15px;margin-top:15px}.hero-inner{min-height:360px}.hero-copy{padding:28px 22px}.hero h1{font-size:34px}.benefits{margin:15px auto 25px;gap:8px}.benefit{padding:12px 10px;gap:8px}.benefit-icon{font-size:21px}.benefit strong{font-size:12px}.benefit small{font-size:10px}.category-grid,.product-grid,.woocommerce ul.products{gap:10px!important}.category-card{padding:15px;min-height:120px}.section-head h2{font-size:22px}.product-info{padding:11px}.product-info h3{font-size:12px}.price{font-size:15px}.product-thumb{padding:10px}.product-actions{flex-direction:column}.promo-banner{padding:22px;display:block}.promo-banner .btn-primary{margin-top:15px}.service-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;padding:30px 18px}.footer-grid>div:first-child{grid-column:auto}.search-form input{min-width:0}}