/*
Theme Name: Misky's Market Mist Blue V2
Author: Misky's Market
Description: Editable dark mist-blue WooCommerce theme.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: miskys-market
*/
:root{--bg:#04080b;--bg2:#071014;--card:#0a1318;--line:#153743;--cyan:#69dce9;--cyan2:#a4f4fa;--text:#f3fbfd;--muted:#91aab2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 76% 12%,rgba(73,214,232,.09),transparent 23%),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{width:min(1200px,calc(100% - 40px));margin:auto}
.topbar{border-bottom:1px solid rgba(105,220,233,.12);background:#061015;color:var(--muted);font-size:12px}.topbar .wrap{display:flex;justify-content:space-between;padding:9px 0}.online{color:var(--cyan2);font-weight:800;letter-spacing:.09em}
.sitehead{position:sticky;top:0;z-index:40;backdrop-filter:blur(18px);background:rgba(4,8,11,.88);border-bottom:1px solid rgba(105,220,233,.1)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.06em}.mark{width:34px;height:34px;border:1px solid var(--line);display:grid;place-items:center;color:var(--cyan);background:#08151a;border-radius:4px}.brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:.18em}.menu ul{display:flex;gap:22px;list-style:none;margin:0;padding:0;font-size:12px;font-weight:700;color:#c6dce1}.actions{display:flex;gap:9px}.cart{min-height:38px;border:1px solid var(--line);border-radius:8px;display:inline-flex;align-items:center;padding:0 14px;background:#071116;font-size:11px;font-weight:900}
.hero{padding:76px 0 68px;border-bottom:1px solid rgba(105,220,233,.08)}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:68px;align-items:center}.kicker{color:var(--cyan);font-size:11px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;margin-bottom:14px}.hero h1{font-size:clamp(50px,6.2vw,88px);line-height:.95;letter-spacing:-.055em;margin:0 0 22px;text-transform:uppercase}.lead{font-size:16px;color:var(--muted);max-width:680px;margin-bottom:27px}.buttons{display:flex;gap:11px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:8px;font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line)}.primary{background:linear-gradient(135deg,var(--cyan2),#40bfd0);color:#031014}.secondary{background:#081217}
.feature{padding:18px;border:1px solid #1c4c59;background:linear-gradient(180deg,#0d1b21,#071014);border-radius:18px}.feature-top{display:flex;justify-content:space-between;color:var(--cyan);font-size:9px;font-weight:900}.visual{height:225px;margin:18px 0;border:1px solid #17323b;border-radius:12px;display:grid;place-items:center;background:#081116}.knife{width:190px;height:22px;transform:rotate(-27deg);background:linear-gradient(90deg,#143641 0 25%,#58d5e6 25% 72%,#adf7fb);clip-path:polygon(0 30%,25% 30%,25% 0,100% 50%,25% 100%,25% 70%,0 70%)}.feature p{font-size:12px;color:var(--muted)}
.section{padding:72px 0;border-bottom:1px solid rgba(105,220,233,.07)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.section-head h2{font-size:34px;letter-spacing:-.035em;margin:5px 0 0;text-transform:uppercase}.section-head p{max-width:540px;color:var(--muted);margin:0}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{border:1px solid var(--line);background:linear-gradient(180deg,#091419,#071014);border-radius:14px;padding:24px;min-height:185px}.card:hover{transform:translateY(-3px);border-color:#286171}.num{color:var(--cyan);font-size:9px;font-weight:900;letter-spacing:.14em;margin-bottom:28px}.card h3{margin:0 0 8px;font-size:20px;text-transform:uppercase}.card p{color:var(--muted);font-size:12px}.card a{color:var(--cyan);font-size:10px;font-weight:900}
.product-grid ul.products{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:14px!important;margin:0!important}.product-grid ul.products:before,.product-grid ul.products:after{display:none!important}.product-grid li.product{width:auto!important;margin:0!important;float:none!important;border:1px solid var(--line)!important;border-radius:14px!important;background:#071116!important;padding:15px!important}.woocommerce ul.products li.product .price{color:var(--cyan2)!important}.woocommerce ul.products li.product .button{background:var(--cyan)!important;color:#031014!important}
.statbar{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden}.stat{padding:25px;text-align:center;background:#071116;border-right:1px solid var(--line)}.stat b{display:block;color:var(--cyan2);font-size:24px}.stat span{font-size:10px;color:var(--muted)}
.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:54px}.faq-list{display:grid;gap:10px}.faq details{border:1px solid var(--line);border-radius:11px;background:#071116;padding:0 18px}.faq summary{cursor:pointer;font-weight:850;padding:16px 0}.faq details p{color:var(--muted);padding:0 0 17px;font-size:13px}.cta{border:1px solid #245461;border-radius:22px;background:linear-gradient(135deg,#0b1a20,#071014);padding:48px;display:flex;align-items:center;justify-content:space-between;gap:35px}.cta h2{font-size:40px;margin:0 0 8px}.page-content{padding:50px 0}.footer{padding:48px 0 30px;background:#030608}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:35px}.footer h4{font-size:11px;color:var(--cyan);text-transform:uppercase}.footer p,.footer li{font-size:12px;color:var(--muted)}.footer ul{list-style:none;padding:0}.footer-bottom{margin-top:35px;padding-top:20px;border-top:1px solid #11262e;color:#60767d;font-size:10px;display:flex;justify-content:space-between}
@media(max-width:980px){.hero-grid,.faq{grid-template-columns:1fr}.grid4,.product-grid ul.products{grid-template-columns:repeat(2,1fr)!important}.grid3{grid-template-columns:1fr}.menu{display:none}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.wrap{width:min(100% - 24px,1200px)}.hero h1{font-size:46px}.grid4,.product-grid ul.products{grid-template-columns:1fr!important}.statbar{grid-template-columns:1fr 1fr}.section-head,.cta{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}}