/*
Theme Name: Vibe Smoke
Author: RTLeess
Description: Professional Dark WooCommerce Theme for Vape Shops
Version: 2.0
*/

:root {
 --bg-main:#0B0E11;
 --bg-card:#141821;
 --primary:#8B5CF6;
 --text:#E5E7EB;
 --muted:#9CA3AF;
}

body{
 margin:0;
 background:var(--bg-main);
 color:var(--text);
 font-family:Poppins,Arial,sans-serif;
}

a{color:var(--primary);text-decoration:none;}
h1,h2,h3{letter-spacing:1px;}

header,footer{
 background:#000;
 padding:25px;
 text-align:center;
}

nav a{margin:0 15px;color:var(--text);}

.hero{
 padding:120px 20px;
 background:radial-gradient(circle,#1a1a2e,#000);
 text-align:center;
}

.button,button,input[type=submit]{
 background:var(--primary);
 color:#000;
 padding:12px 25px;
 border-radius:10px;
 border:none;
 cursor:pointer;
 font-weight:600;
}

.grid{
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
 gap:25px;
 padding:40px;
}

.card{
 background:var(--bg-card);
 padding:25px;
 border-radius:16px;
 transition:.3s;
}

.card:hover{
 transform:translateY(-5px);
 box-shadow:0 0 20px var(--primary);
}

.price{color:#FACC15;font-size:18px;}

.single-product{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:50px;
 padding:60px;
}

.single-product img{
 width:100%;
 border-radius:20px;
}

.woocommerce ul.products li.product{
 background:var(--bg-card);
 padding:20px;
 border-radius:16px;
}

.woocommerce div.product p.price{
 color:#FACC15;
 font-size:24px;
}