/*
Theme Name: Kemi Pouring
Theme URI: https://example.com/
Author: JR Dev Spot
Description: Custom red and pink WooCommerce-ready theme for Kemi Pouring resin art.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: kemi-pouring
*/


:root{
  --wine:#760019;
  --red:#c8102e;
  --berry:#a40b2b;
  --pink:#ff7f9d;
  --blush:#ffe8ee;
  --soft:#fff7f9;
  --ink:#37141d;
  --white:#fff;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Poppins,sans-serif;color:#ffbfd0;background:linear-gradient(180deg,#7a001b 0%,#b10f33 35%,#8e0a28 100%);line-height:1.6}
a{text-decoration:none;color:inherit}
.topbar{background:linear-gradient(90deg,var(--wine),var(--red));color:#fff;text-align:center;padding:9px 16px;font-size:13px;letter-spacing:.3px}
header{position:sticky;top:0;z-index:50;background:rgba(122,0,27,.92);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:14px 7%;box-shadow:0 6px 24px rgba(0,0,0,.22);border-bottom:1px solid rgba(255,191,208,.18)}
.brand{display:flex;align-items:center;gap:12px}.brand img{width:62px;height:62px;border-radius:50%;object-fit:cover;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.brand-name{font-family:'Great Vibes',cursive;font-size:38px;color:#ffb2c8;line-height:1}.brand small{display:block;font-family:Poppins,sans-serif;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#ffd2dd;margin-top:5px}
nav{display:flex;gap:26px;font-size:14px;font-weight:600;color:#ffd2dd}nav a:hover{color:#ff9fba}
.cart{background:#ffb6c9;padding:10px 14px;border-radius:999px;color:#7a001b;font-weight:700;font-size:13px}
.hero{min-height:78vh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:42px;padding:64px 7%;background:radial-gradient(circle at 18% 20%,rgba(255,183,202,.24),transparent 30%),linear-gradient(135deg,#7a001b 0%,#c8102e 52%,#920920 100%);position:relative;overflow:hidden}
.hero:before,.hero:after{content:'🦋';position:absolute;font-size:60px;opacity:.12;transform:rotate(-18deg)}.hero:before{left:5%;top:11%}.hero:after{right:6%;bottom:6%;transform:rotate(22deg)}
.kicker{display:inline-block;background:#ffbfd0;border:1px solid #ffc9d7;color:#7a001b;padding:7px 13px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:18px}
.hero h1{font-family:'Great Vibes',cursive;font-size:84px;line-height:.95;color:#ffd7e2;font-weight:400}.hero h1 span{color:#ff9fba}
.hero p{max-width:630px;font-size:17px;color:#ffd2dd;margin:24px 0 28px}
.actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-block;padding:13px 24px;border-radius:9px;font-weight:700;font-size:14px}.primary{background:#ffb2c8;color:#7a001b;box-shadow:0 10px 22px rgba(0,0,0,.22)}.secondary{border:2px solid #ffb2c8;color:#ffd9e4;background:transparent}.primary:hover,.secondary:hover{transform:translateY(-2px)}
.hero-card{background:#a50d2d;border-radius:28px;padding:18px;box-shadow:0 25px 65px rgba(0,0,0,.26);transform:rotate(1deg);border:1px solid rgba(255,191,208,.18)}
.hero-card img{width:100%;display:block;border-radius:20px;aspect-ratio:16/10;object-fit:cover}.hero-card .caption{text-align:center;padding:14px 8px 3px;color:#ffd2dd;font-size:13px;font-weight:600}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#c96a84}.feature{background:#930c28;padding:24px 20px;text-align:center}.feature b{display:block;color:#ffc6d6;margin-bottom:4px}.feature span{font-size:12px;color:#ffdce7}
section{padding:74px 7%}.section-title{text-align:center;max-width:760px;margin:0 auto 40px}.section-title small{color:#ff9fba;text-transform:uppercase;letter-spacing:2px;font-weight:700}.section-title h2{font-family:'Great Vibes',cursive;font-size:56px;color:#ffd7e2;font-weight:400;line-height:1.1;margin:8px 0}.section-title p{color:#ffd2dd;font-size:14px}
.products{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#930c28;border-radius:20px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.18);transition:.25s;border:1px solid rgba(255,191,208,.18)}.card:hover{transform:translateY(-6px)}.art{height:250px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d83c61,#ff9fba);font-size:72px;position:relative}.art:after{content:'🦋';position:absolute;right:18px;top:16px;font-size:30px;opacity:.5}.card-body{padding:22px}.card h3{color:#ffd7e2;font-size:18px}.card p{font-size:13px;color:#ffd2dd;margin:7px 0 14px}.price{font-weight:800;color:#ff9fba}

.clearance{background:linear-gradient(135deg,#690017 0%,#b10f33 48%,#8e0a28 100%);position:relative;overflow:hidden}.clearance:before,.clearance:after{content:'🦋';position:absolute;font-size:86px;opacity:.12}.clearance:before{left:3%;top:12%;transform:rotate(-18deg)}.clearance:after{right:4%;bottom:8%;transform:rotate(18deg)}.clearance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative;z-index:1}.clearance-card{background:#930c28;border:1px solid rgba(255,191,208,.20);border-radius:20px;overflow:hidden;box-shadow:0 14px 34px rgba(0,0,0,.18);transition:.25s}.clearance-card:hover{transform:translateY(-6px)}.clearance-art{height:230px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d83c61,#ff9fba);font-size:70px;position:relative}.sale-badge{position:absolute;top:14px;left:14px;background:#ffb2c8;color:#7a001b;font-size:12px;font-weight:800;padding:7px 10px;border-radius:999px;letter-spacing:.5px}.clearance-body{padding:22px}.clearance-body h3{color:#ffd7e2;font-size:18px}.clearance-body p{color:#ffd2dd;font-size:13px;margin:7px 0 12px}.clearance-price{display:flex;align-items:center;gap:10px;margin:12px 0 16px}.old-price{text-decoration:line-through;color:#f3a4b8;font-size:14px}.new-price{color:#ffbcd0;font-weight:800;font-size:22px}.clearance-btn{display:inline-block;background:#ffb2c8;color:#7a001b;padding:11px 17px;border-radius:8px;font-size:13px;font-weight:700}.clearance-note{text-align:center;margin-top:28px;color:#ffd2dd;font-size:13px;font-weight:600}
.custom{background:linear-gradient(135deg,#8e0a28,#c8102e 58%,#d83c61);color:#ffdce7;border-radius:32px;margin:0 7% 74px;padding:54px;display:grid;grid-template-columns:1fr .8fr;gap:40px;align-items:center;box-shadow:0 20px 50px rgba(0,0,0,.24);border:1px solid rgba(255,191,208,.18)}.custom h2{font-family:'Great Vibes',cursive;font-size:56px;font-weight:400}.custom p{color:#ffe7ec;margin:10px 0 20px}.custom .btn{background:#ffb2c8;color:#7a001b}.butterflies{font-size:82px;text-align:center;letter-spacing:16px;filter:drop-shadow(0 8px 10px rgba(0,0,0,.12))}
.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:46px;align-items:center}.about-visual{background:linear-gradient(135deg,#d83c61,#ffb2c8);min-height:340px;border-radius:28px;display:flex;align-items:center;justify-content:center;font-size:120px;box-shadow:0 18px 40px rgba(0,0,0,.18)}.about h2{font-family:'Great Vibes',cursive;font-size:55px;color:#ffd7e2;font-weight:400}.about p{color:#ffd2dd;margin:14px 0}.check{margin-top:14px;display:grid;gap:8px;font-size:14px}.check span:before{content:'♥';color:#ff9fba;margin-right:10px}
.contact{background:linear-gradient(135deg,#7a001b,#b10f33);text-align:center}.contact-box{max-width:760px;margin:auto;background:#930c28;border-radius:22px;padding:34px;box-shadow:0 12px 30px rgba(0,0,0,.18);border:1px solid rgba(255,191,208,.18)}.contact h2{font-family:'Great Vibes',cursive;color:#ffd7e2;font-size:52px;font-weight:400}.contact p{color:#ffd2dd;margin:8px 0 20px}
footer{background:#520012;color:#ffd7e2;text-align:center;padding:30px 16px;font-size:13px}
.mobile{display:none}
@media(max-width:900px){.clearance-grid{grid-template-columns:1fr 1fr}header{padding:12px 4%}nav{display:none}.mobile{display:block}.hero{grid-template-columns:1fr;padding:48px 5%;min-height:auto}.hero h1{font-size:65px}.features{grid-template-columns:repeat(2,1fr)}.products{grid-template-columns:1fr 1fr}.custom{grid-template-columns:1fr;margin:0 5% 60px}.about{grid-template-columns:1fr}.brand-name{font-size:31px}.brand img{width:52px;height:52px}}
@media(max-width:600px){.clearance-grid{grid-template-columns:1fr}.products{grid-template-columns:1fr}.features{grid-template-columns:1fr}.hero h1{font-size:56px}.hero{padding-top:38px}.hero-card{padding:12px}.custom{padding:35px 24px}.custom h2,.section-title h2,.about h2,.contact h2{font-size:45px}.butterflies{font-size:54px;letter-spacing:6px}.cart{display:none}}

/* WordPress / WooCommerce compatibility */
body.admin-bar header{top:32px}
.woocommerce-page main,.woocommerce main{max-width:1200px;margin:auto;padding:60px 7%}
.woocommerce ul.products li.product,.woocommerce div.product{background:#930c28;color:#ffd2dd;border-radius:18px;padding:18px}
.woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce div.product .product_title{color:#ffd7e2}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price,.woocommerce div.product span.price{color:#ffbcd0}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{background:#ffb2c8;color:#7a001b;border-radius:8px}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:#ff9fba;color:#650014}
@media(max-width:782px){body.admin-bar header{top:46px}}