/*
Theme Name: Misky's Market Mist Blue
Theme URI: https://example.invalid/
Author: Misky's Market
Description: Dark mist-blue WooCommerce storefront converted from the original Shopify theme.
Version: 1.0.0
Text Domain: miskys-market
*/

:root{
  --bg:#050709;
  --bg-2:#080d10;
  --panel:#0b1115;
  --panel-2:#0e171c;
  --line:#17313a;
  --text:#f4fbfd;
  --muted:#8faab2;
  --blue:#66d9e8;
  --blue-2:#2fb7ca;
  --blue-soft:#a9f1f7;
  --shadow:0 0 34px rgba(102,217,232,.15);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:
radial-gradient(circle at 80% 5%,rgba(47,183,202,.09),transparent 27%),
linear-gradient(180deg,#050709 0%,#070b0e 100%);color:var(--text);font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input{font:inherit}
.page-width{width:min(1220px,calc(100% - 36px));margin:0 auto}
.skip-link{position:absolute;left:-10000px}
.announcement{border-bottom:1px solid rgba(102,217,232,.14);background:#070b0e;color:var(--muted);font-size:12px;letter-spacing:.08em}
.announcement-inner{min-height:34px;display:flex;align-items:center;justify-content:center;gap:11px}
.announcement strong{color:var(--blue-soft)}
.status-dot{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 12px var(--blue)}
.site-header{position:sticky;top:0;z-index:20;background:rgba(5,7,9,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(102,217,232,.12)}
.header-row{height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;gap:11px}
.brand-icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(102,217,232,.45);color:var(--blue);background:rgba(102,217,232,.06);box-shadow:inset 0 0 20px rgba(102,217,232,.08)}
.brand strong{display:block;font-size:15px;letter-spacing:.16em}
.brand small{display:block;margin-top:3px;font-size:9px;color:var(--muted);letter-spacing:.14em}
.nav{display:flex;gap:28px;color:#b9cbd0;font-size:12px;font-weight:700;letter-spacing:.1em}
.nav a:hover{color:var(--blue)}
.header-actions{display:flex;gap:9px}
.icon-btn,.cart-btn{height:38px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--panel);border-radius:8px}
.icon-btn{width:40px;font-size:20px;color:var(--blue)}
.cart-btn{padding:0 14px;font-size:11px;font-weight:800;letter-spacing:.1em}
.cart-btn span{margin-left:8px;color:var(--blue)}
.hero{position:relative;overflow:hidden;border-bottom:1px solid rgba(102,217,232,.10)}
.hero-grid{min-height:620px;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center;padding-top:65px;padding-bottom:65px}
.mist{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}
.mist-a{width:420px;height:160px;background:rgba(102,217,232,.09);right:-60px;top:110px;transform:rotate(-20deg)}
.mist-b{width:350px;height:120px;background:rgba(47,183,202,.07);left:15%;bottom:0}
.eyebrow{display:inline-block;color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.2em;margin-bottom:18px}
.hero h1{font-size:clamp(46px,6vw,78px);line-height:.96;letter-spacing:-.055em;margin:0;max-width:780px}
.hero-copy>p{max-width:650px;color:var(--muted);font-size:17px;line-height:1.7;margin:27px 0 32px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{min-height:48px;padding:0 20px;border-radius:8px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:12px;letter-spacing:.12em;cursor:pointer}
.btn-primary{background:linear-gradient(135deg,var(--blue-soft),var(--blue-2));color:#031014;box-shadow:0 0 24px rgba(102,217,232,.18)}
.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}
.btn-secondary{background:#091014;border-color:#1b353e;color:#d9ebef}
.trust-row{display:flex;gap:24px;flex-wrap:wrap;margin-top:34px;color:#718d95;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.hero-card-wrap{display:flex;justify-content:center}
.hero-card{width:min(440px,100%);padding:22px;border-radius:20px;border:1px solid rgba(102,217,232,.25);background:linear-gradient(180deg,rgba(14,23,28,.96),rgba(7,11,14,.97));box-shadow:var(--shadow);position:relative}
.hero-card:before{content:"";position:absolute;inset:-1px;border-radius:20px;background:linear-gradient(140deg,rgba(102,217,232,.25),transparent 30%,transparent 70%,rgba(47,183,202,.15));z-index:-1}
.hero-card-top,.hero-card-bottom{display:flex;align-items:center;justify-content:space-between}
.rarity{display:inline-flex;padding:6px 9px;border:1px solid rgba(102,217,232,.35);background:rgba(102,217,232,.08);color:var(--blue-soft);border-radius:5px;font-weight:900;font-size:9px;letter-spacing:.13em}
.rarity.small{font-size:8px;padding:5px 7px}
.stock-dot{font-size:9px;color:var(--blue);letter-spacing:.09em}
.weapon-placeholder{height:270px;margin:18px 0;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle,rgba(102,217,232,.12),transparent 58%);border:1px solid rgba(102,217,232,.08);border-radius:14px;overflow:hidden}
.blade{width:230px;height:28px;background:linear-gradient(180deg,#d8fbff 0%,#6dddeb 45%,#1b7180 100%);clip-path:polygon(0 34%,87% 0,100% 50%,87% 100%,0 66%);transform:rotate(-28deg);filter:drop-shadow(0 0 14px rgba(102,217,232,.45))}
.handle{width:78px;height:22px;background:#111b20;border:2px solid #315764;position:absolute;transform:translate(-110px,69px) rotate(-28deg)}
.hero-card h3{font-size:22px;margin:5px 0 8px}
.hero-card p{color:var(--muted);font-size:13px;line-height:1.6}
.hero-card-bottom{border-top:1px solid rgba(102,217,232,.12);margin-top:20px;padding-top:17px}
.hero-card-bottom span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.hero-card-bottom strong{font-size:25px;color:var(--blue-soft)}
.section{padding:80px 0}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}
.section-heading h1,.section-heading h2{font-size:34px;margin:0;letter-spacing:-.03em}
.text-link{color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.12em}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.product-card{background:linear-gradient(180deg,#0b1115,#070b0e);border:1px solid #162830;border-radius:14px;overflow:hidden;transition:.2s ease}
.product-card:hover{transform:translateY(-4px);border-color:rgba(102,217,232,.42);box-shadow:0 14px 35px rgba(0,0,0,.3),0 0 20px rgba(102,217,232,.07)}
.product-media{aspect-ratio:1/1;background:radial-gradient(circle at center,rgba(102,217,232,.11),transparent 58%),#081014;display:flex;align-items:center;justify-content:center;color:#335762;font-weight:900;letter-spacing:.16em;overflow:hidden}
.product-media img{width:100%;height:100%;object-fit:cover}
.product-body{padding:15px}
.product-body h3{margin:10px 0 16px;font-size:15px}
.product-bottom{display:flex;justify-content:space-between;align-items:center}
.product-price{font-size:17px;font-weight:900;color:#e9fcff}
.buy-chip{font-size:8px;font-weight:900;letter-spacing:.12em;color:var(--blue);border:1px solid rgba(102,217,232,.25);padding:6px 8px;border-radius:5px}
.product-page{display:grid;grid-template-columns:1fr 1fr;gap:58px;padding-top:70px;padding-bottom:90px}
.product-gallery{background:#081014;border:1px solid #17313a;border-radius:16px;overflow:hidden;min-height:480px;display:grid;place-items:center}
.product-gallery img{width:100%;height:100%;object-fit:contain}
.product-info{padding-top:20px}
.product-info h1{font-size:48px;margin:0 0 14px;letter-spacing:-.04em}
.price-large{font-size:29px;color:var(--blue-soft);font-weight:900;margin-bottom:24px}
.rte{color:var(--muted);line-height:1.75}
.field-label{display:block;margin:30px 0 8px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.text-input{width:100%;height:49px;background:#080d10;color:white;border:1px solid #1c3943;border-radius:8px;padding:0 14px;outline:none}
.text-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(102,217,232,.08)}
.full{width:100%;margin-top:12px}
.footer{border-top:1px solid rgba(102,217,232,.12);background:#050709;padding:52px 0;color:var(--muted)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
.footer strong{color:#dff9fc;font-size:11px;letter-spacing:.12em}
.footer a{display:block;margin-top:10px;font-size:12px}
.footer p{font-size:12px;line-height:1.7}
.cart-row,.cart-total{display:flex;justify-content:space-between;gap:20px;padding:18px;border:1px solid #17313a;background:#081014}
.cart-row+ .cart-row{border-top:0}
.cart-row small{display:block;color:var(--muted);margin-top:6px}
.cart-total{margin-top:15px;font-size:18px}
.empty-state{padding:40px;border:1px solid #17313a;background:#081014;border-radius:12px;color:var(--muted)}
.search-form{display:flex;gap:10px;max-width:650px}
.search-results{margin-top:35px}
.narrow{max-width:850px}
@media(max-width:900px){
  .nav{display:none}
  .hero-grid,.product-page{grid-template-columns:1fr}
  .hero-grid{gap:28px}
  .product-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .page-width{width:min(100% - 22px,1220px)}
  .header-row{height:66px}
  .brand small{display:none}
  .hero-grid{padding-top:44px;min-height:auto}
  .hero h1{font-size:45px}
  .trust-row{gap:12px}
  .product-grid{grid-template-columns:1fr 1fr;gap:10px}
  .section{padding:55px 0}
  .footer-grid{grid-template-columns:1fr}
  .announcement-inner span:last-child{display:none}
}


/* ---- v2 pages / storefront ---- */
.info-hero{max-width:760px;margin-bottom:38px}
.info-hero h1,.collection-hero h1,.error-page h1{font-size:clamp(42px,6vw,72px);line-height:.98;letter-spacing:-.05em;margin:0 0 18px}
.info-hero p,.collection-hero p,.collection-desc,.error-page p{color:var(--muted);font-size:16px;line-height:1.7}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:34px 0}
.info-card,.step-card,.contact-panel{border:1px solid #17313a;background:linear-gradient(180deg,#0b1115,#070b0e);border-radius:14px;padding:24px}
.info-card{position:relative;overflow:hidden}
.info-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:rgba(102,217,232,.06);filter:blur(30px);right:-40px;top:-40px}
.info-index{font-size:10px;color:var(--blue);font-weight:900;letter-spacing:.15em}
.info-card h3,.step-card h3{margin:14px 0 9px;font-size:17px}
.info-card p,.step-card p{color:var(--muted);line-height:1.65;font-size:13px;margin:0}
.page-copy{margin-top:40px;padding-top:30px;border-top:1px solid rgba(102,217,232,.12)}
.faq-list{max-width:900px}
.faq-item{border:1px solid #17313a;background:#081014;border-radius:12px;margin-bottom:10px;overflow:hidden}
.faq-item summary{list-style:none;cursor:pointer;padding:20px 22px;font-weight:900;font-size:13px;letter-spacing:.04em;display:flex;justify-content:space-between;gap:20px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary span{color:var(--blue);font-size:18px}
.faq-answer{padding:0 22px 22px;color:var(--muted);line-height:1.7;font-size:14px}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:start}
.contact-points{margin-top:30px;display:grid;gap:12px}
.contact-points div{padding:16px;border-left:2px solid var(--blue);background:rgba(102,217,232,.04)}
.contact-points strong,.contact-points span{display:block}
.contact-points strong{font-size:10px;letter-spacing:.12em;color:var(--blue)}
.contact-points span{margin-top:6px;color:var(--muted);font-size:12px}
.textarea-input{height:auto;min-height:150px;padding-top:12px;resize:vertical}
.form-success{padding:14px;border:1px solid rgba(102,217,232,.3);background:rgba(102,217,232,.08);color:var(--blue-soft);border-radius:8px;margin-bottom:16px}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.category-card{min-height:230px;border:1px solid #17313a;background:linear-gradient(145deg,#0b1115,#070b0e);border-radius:16px;padding:24px;position:relative;overflow:hidden;transition:.2s ease}
.category-card:hover{transform:translateY(-4px);border-color:rgba(102,217,232,.45);box-shadow:var(--shadow)}
.category-glow{position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(102,217,232,.08);filter:blur(40px);right:-50px;bottom:-60px}
.category-number{font-size:10px;font-weight:900;color:var(--blue);letter-spacing:.14em}
.category-card h3{font-size:27px;letter-spacing:-.03em;margin:35px 0 10px}
.category-card p{max-width:260px;color:var(--muted);line-height:1.55;font-size:13px}
.category-link{position:absolute;bottom:22px;left:24px;color:var(--blue);font-size:9px;font-weight:900;letter-spacing:.12em}
.how-wrap{border-top:1px solid rgba(102,217,232,.08);border-bottom:1px solid rgba(102,217,232,.08);background:linear-gradient(180deg,rgba(102,217,232,.025),transparent)}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.step-num{width:34px;height:34px;border:1px solid rgba(102,217,232,.4);color:var(--blue);display:grid;place-items:center;border-radius:50%;font-size:11px;font-weight:900}
.collection-hero{padding:72px 0 28px;background:radial-gradient(circle at 70% 0,rgba(102,217,232,.08),transparent 35%)}
.collection-hero-inner{max-width:1000px}
.error-page{min-height:65vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.error-page p{max-width:580px;margin-bottom:28px}
@media(max-width:900px){
  .info-grid,.category-grid,.steps-grid{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
}
/* WordPress/WooCommerce bridge */
body.admin-bar .site-header{top:32px}.site-main{min-height:60vh}.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:16px}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none}.woocommerce ul.products li.product{width:auto!important;margin:0!important;background:linear-gradient(180deg,#0b1115,#070b0e);border:1px solid #162830;border-radius:14px;padding:14px}.woocommerce ul.products li.product .woocommerce-loop-product__title{color:var(--text);font-size:15px}.woocommerce ul.products li.product .price{color:var(--blue-soft)!important;font-weight:900}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:linear-gradient(135deg,var(--blue-soft),var(--blue-2))!important;color:#031014!important;border-radius:8px!important}.woocommerce div.product{padding:70px 0}.woocommerce div.product .product_title{font-size:48px}.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--blue-soft)!important}.woocommerce-message,.woocommerce-info{background:#081014;color:var(--text);border-top-color:var(--blue)}.woocommerce-message:before,.woocommerce-info:before{color:var(--blue)}.community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.community-card{border:1px solid #17313a;background:linear-gradient(180deg,#0b1115,#070b0e);border-radius:14px;padding:24px}.community-card .stars{color:var(--blue-soft);letter-spacing:.15em}.community-card p{color:var(--muted);line-height:1.65}.community-card small{color:#718d95}.disclosure{font-size:11px;color:#718d95;margin-top:16px}@media(max-width:900px){.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}.community-grid{grid-template-columns:1fr}}@media(max-width:560px){body.admin-bar .site-header{top:46px}}