/*
Theme Name: lucy-product-launch-clean
Text Domain: lucy-product-launch-clean
Description: Product-first WooCommerce launch theme for Lucy's Hair Affair.
Version: 1.1.0
WPVibe: yes
*/
:root{--purple:#6f2c91;--plum:#351741;--lilac:#f2e7f7;--gold:#c69b48;--cream:#fffaf4;--ink:#201b22;--muted:#716776}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,sans-serif;line-height:1.6}a{color:inherit}.shell{width:min(1160px,calc(100% - 36px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,250,244,.96);border-bottom:1px solid #eadfec}.header-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0}.brand{text-decoration:none;font-family:Georgia,serif;font-size:25px;color:var(--plum);font-weight:700}.brand small{display:block;font:700 10px Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.nav{display:flex;gap:18px;align-items:center}.nav a{text-decoration:none;font-weight:700;font-size:14px}.btn{display:inline-block;text-decoration:none;border:0;border-radius:999px;padding:12px 20px;font-weight:800;cursor:pointer}.btn-primary{background:var(--purple);color:white}.hero{padding:70px 0;background:radial-gradient(circle at 80% 10%,#ead4f3,transparent 34%),linear-gradient(135deg,#fffaf4,#f7edf9)}.kicker{color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.hero h1,.page-title{font-family:Georgia,serif;color:var(--plum);font-size:clamp(44px,7vw,76px);line-height:1;margin:12px 0 18px}.lede{font-size:19px;color:var(--muted);max-width:680px}.section{padding:55px 0}.section h2{font-family:Georgia,serif;color:var(--plum);font-size:38px;margin:0 0 10px}.products ul.products{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:0!important}.products ul.products li.product{width:auto!important;margin:0!important;background:#fff;border:1px solid #eadfec;border-radius:24px;padding:18px!important;box-shadow:0 12px 35px rgba(53,23,65,.07)}.woocommerce ul.products li.product a img{border-radius:16px}.woocommerce div.product{background:#fff;border-radius:24px;padding:24px}.woocommerce button.button.alt,.woocommerce a.button.alt,.woocommerce a.button,.woocommerce button.button{background:var(--purple);color:#fff;border-radius:999px}.coming{background:var(--plum);color:#fff;border-radius:28px;padding:34px}.coming h2{color:#fff}.site-footer{margin-top:50px;background:var(--plum);color:#fff}.footer-row{padding:34px 0}.agent-launch{position:fixed;right:18px;bottom:18px;z-index:80;width:76px;height:76px;padding:0;border-radius:50%;border:3px solid white;background:var(--purple);box-shadow:0 12px 34px #35174155;cursor:pointer;overflow:hidden}.agent-launch img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%;border-radius:50%}.agent-panel[hidden]{display:none!important}.agent-panel{position:fixed;right:18px;bottom:100px;z-index:80;width:min(340px,calc(100vw - 36px));max-height:min(560px,calc(100vh - 130px));background:#fff;border-radius:22px;box-shadow:0 20px 60px #35174144;overflow:auto}.agent-head{background:var(--plum);color:#fff;padding:14px 16px;display:flex;justify-content:space-between}.agent-body{padding:16px}.agent-chat{max-height:190px;overflow:auto;display:grid;gap:8px;margin:12px 0}.bubble{padding:9px 12px;border-radius:14px;font-size:14px}.user{justify-self:end;background:var(--plum);color:#fff}.lucy{justify-self:start;background:var(--lilac)}.agent-form{display:flex;gap:7px}.agent-form input,.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:12px;border:1px solid #d9ccdc;border-radius:12px;font:inherit}.agent-form button{border:0;border-radius:12px;background:var(--purple);color:#fff;font-weight:800;padding:0 14px}.quick{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.quick button{border:1px solid #d9ccdc;background:#fff;border-radius:999px;padding:7px 10px;cursor:pointer}.contact-form{display:grid;gap:13px;max-width:680px}.notice{padding:12px;border-radius:12px;background:var(--lilac)}@media(max-width:700px){.nav a:not(.btn){display:none}.products ul.products{grid-template-columns:1fr!important}.hero{padding:48px 0}.brand{font-size:20px}}