 :root{--royal:#6f2dbd;--violet:#8b5cf6;--deep:#30134f;--lav:#f5efff;--soft:#fbf8ff;--gold:#d7b46a;--ink:#251d2b}*{box-sizing:border-box}body{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:#fff}.top-strip{background:linear-gradient(90deg,#4c1d95,#8b5cf6);color:#fff;font-size:.82rem;letter-spacing:.04em}.royal-nav{background:rgba(255,255,255,.94);backdrop-filter:blur(14px);box-shadow:0 8px 30px rgba(64,25,105,.08)}.brand{font-family:'Cormorant Garamond',serif;font-weight:700;font-size:1.65rem}.brand-mark{color:var(--royal)}.nav-link{font-weight:600;color:#3b2b44}.nav-link:hover{color:var(--royal)}.nav-search{border-radius:999px;min-width:190px}.btn-royal{background:linear-gradient(135deg,var(--royal),var(--violet));border:none;color:#fff;border-radius:999px;padding:.63rem 1rem;box-shadow:0 8px 20px rgba(111,45,189,.2)}.btn-royal:hover{color:#fff;transform:translateY(-1px)}.btn-outline-royal{border:1px solid #cdb7e9;color:var(--royal);border-radius:999px}.btn-gold{background:var(--gold);color:#24152f;border:0}.text-violet{color:var(--royal)!important}.hero{min-height:620px;background:linear-gradient(90deg,rgba(46,13,70,.86),rgba(111,45,189,.52)),url('https://loremflickr.com/1800/1000/purple,flowers,bouquet?lock=42') center/cover;display:flex;align-items:center;color:#fff;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:-80px;top:60px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.76rem;font-weight:700}.display-royal,h1,h2,.display-5{font-family:'Cormorant Garamond',serif}.hero h1{font-size:clamp(3rem,7vw,6.2rem);line-height:.88}.hero-card{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(12px);border-radius:28px;padding:1.4rem}.section-kicker{color:var(--royal);text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;font-weight:700}.section-title{font-family:'Cormorant Garamond',serif;font-size:clamp(2.2rem,4vw,3.5rem);font-weight:700}.soft-section{background:linear-gradient(180deg,#fff,var(--soft))}.category-card{position:relative;border-radius:24px;overflow:hidden;min-height:260px;background:#eee;box-shadow:0 16px 40px rgba(58,24,91,.1)}.category-card img{width:100%;height:100%;position:absolute;object-fit:cover;transition:.5s}.category-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(37,13,55,.8),transparent 70%)}.category-card:hover img{transform:scale(1.05)}.category-card .content{position:absolute;z-index:2;bottom:0;color:#fff;padding:1.4rem}.product-card{border:1px solid #eee4f5;border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 10px 35px rgba(77,40,112,.07);transition:.25s}.product-card:hover{transform:translateY(-5px);box-shadow:0 22px 45px rgba(77,40,112,.14)}.product-media{display:block;position:relative;height:280px;overflow:hidden;background:#eee}.product-media img{width:100%;height:100%;object-fit:cover;transition:.4s}.product-card:hover .product-media img{transform:scale(1.04)}.stock-pill{position:absolute;top:14px;left:14px;background:rgba(255,255,255,.92);padding:.4rem .7rem;border-radius:999px;font-size:.72rem;color:#4b2e5d}.royal-band{background:linear-gradient(120deg,#32134e,#6f2dbd 55%,#a56cff);color:#fff;border-radius:36px;padding:clamp(2rem,5vw,4.5rem)}.feature-icon{width:50px;height:50px;border-radius:16px;background:var(--lav);display:grid;place-items:center;font-size:1.4rem;color:var(--royal)}.page-hero{background:linear-gradient(135deg,#f9f3ff,#efe3ff);padding:4.5rem 0;border-bottom:1px solid #eadff6}.filter-card{border:1px solid #eadff4;border-radius:20px;background:#fff;padding:1rem}.footer-section{background:#261237;color:#fff}.footer-section a{display:block;color:rgba(255,255,255,.65);text-decoration:none;margin:.55rem 0}.footer-section a:hover{color:#fff}.search-suggestions{display:none;position:absolute;top:110%;left:0;right:0;z-index:1050;background:#fff;border-radius:16px;box-shadow:0 18px 50px rgba(35,16,49,.22);overflow:hidden;min-width:320px}.suggestion-item{display:flex;gap:.7rem;align-items:center;padding:.7rem;text-decoration:none;color:#222;border-bottom:1px solid #f1eaf6}.suggestion-item img{width:52px;height:52px;object-fit:cover;border-radius:12px}.policy-card,.info-card{border:1px solid #eadff4;border-radius:24px;padding:1.5rem;background:#fff}.rating-stars{color:#f3ad2b}.spinner-wrap{min-height:180px;display:grid;place-items:center}@media(max-width:991px){.hero{min-height:540px}.nav-search{min-width:0}.search-suggestions{min-width:260px}.product-media{height:240px}}@media(max-width:576px){.hero{min-height:500px}.hero h1{font-size:3.2rem}.product-media{height:220px}.page-hero{padding:3rem 0}}/* Commerce components */
.auth-card{max-width:560px;border:1px solid #eadff4;border-radius:28px;padding:clamp(1.4rem,4vw,2.5rem);background:#fff;box-shadow:0 18px 55px rgba(77,40,112,.09)}
.empty-state{border:1px dashed #d8c4e9;border-radius:28px;padding:4rem 1.5rem;text-align:center;background:linear-gradient(135deg,#fff,#fbf7ff)}
.cart-line{display:flex;gap:1rem;align-items:center;border-bottom:1px solid #efe8f5;padding:1rem 0}.cart-line img{width:110px;height:110px;object-fit:cover;border-radius:18px}.checkout-card{border:1px solid #e7d9f1;border-radius:26px;padding:1.5rem;background:#fff;box-shadow:0 16px 45px rgba(65,34,88,.08)}
.summary-row{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0}.metric-card{border:1px solid #eadff4;border-radius:24px;padding:1.5rem;background:linear-gradient(145deg,#fff,#faf5ff)}.metric-card span{display:block;color:#75697c;font-size:.85rem}.metric-card strong{font-family:'Cormorant Garamond',serif;font-size:2.2rem;color:var(--deep)}
.payment-choice{display:grid;gap:.75rem}.payment-choice label{display:block;border:1px solid #e6d9f0;border-radius:18px;padding:1rem;cursor:pointer}.payment-choice label:has(input:checked){border-color:var(--violet);background:#faf6ff}.payment-choice span{display:block;color:#75697c;font-size:.82rem;margin-left:1.4rem}
.review-card{border-bottom:1px solid #e9def1;padding:1.1rem 0}.verified-badge{display:inline-block;background:#eef9f0;color:#25743a;border-radius:999px;padding:.25rem .55rem;font-size:.72rem;font-weight:700;margin-top:.35rem}.success-card{max-width:720px;border:1px solid #e6d8ef;border-radius:32px;padding:4rem 2rem;background:linear-gradient(145deg,#fff,#f7efff);box-shadow:0 20px 60px rgba(76,38,105,.1)}.success-icon{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;margin:0 auto 1.5rem;background:linear-gradient(135deg,var(--royal),var(--violet));color:#fff;font-size:2rem}
@media(max-width:576px){.cart-line{align-items:flex-start;flex-wrap:wrap}.cart-line img{width:90px;height:90px}}
@media print{.no-print,.top-strip,.royal-nav,.footer-section,#toastHost{display:none!important}body{background:#fff}.info-card{box-shadow:none}.container{max-width:none!important}}
/* Phase 3 social, chatbot and live chat */
.social-card{border:1px solid #eadff4;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 12px 36px rgba(77,40,112,.08)}.social-media{display:block;width:100%;height:360px;object-fit:cover;background:#f0e7f8}.social-placeholder{display:grid;place-items:center;font-family:'Cormorant Garamond',serif;font-size:3rem;color:var(--royal);background:linear-gradient(135deg,#f5eaff,#e7d3ff)}.chatbot-launcher{position:fixed;right:20px;bottom:20px;z-index:1080}.chatbot-panel{display:none;position:absolute;right:0;bottom:58px;width:min(360px,calc(100vw - 30px));background:#fff;border-radius:20px;box-shadow:0 24px 70px rgba(42,20,58,.28);overflow:hidden;border:1px solid #e9daf4}.chatbot-panel.open{display:block}.chatbot-head{background:linear-gradient(135deg,var(--deep),var(--royal));color:#fff;padding:1rem;display:flex;justify-content:space-between}.chatbot-messages{height:300px;overflow:auto;padding:1rem;background:#fbf8ff}.bot-msg,.user-msg{max-width:85%;padding:.65rem .8rem;border-radius:16px;margin-bottom:.6rem;font-size:.9rem}.bot-msg{background:#eee1f9}.user-msg{background:var(--royal);color:#fff;margin-left:auto}.chat-thread{min-height:360px;max-height:560px;overflow:auto;padding:1rem;border:1px solid #eadff4;border-radius:20px;background:#faf7fc}.chat-bubble{max-width:78%;padding:.75rem .9rem;border-radius:18px;margin:.6rem 0}.chat-bubble small{display:block;opacity:.65;margin-top:.25rem}.chat-bubble.user{background:linear-gradient(135deg,var(--royal),var(--violet));color:#fff;margin-left:auto}.chat-bubble.admin{background:#eee5f4;color:#2e2036}.social-comments{max-height:220px;overflow:auto}@media(max-width:576px){.social-media{height:300px}.chatbot-launcher{right:12px;bottom:12px}}
.promo-banner{min-height:270px;border-radius:28px;padding:2rem;display:flex;align-items:end;color:#fff;background:linear-gradient(135deg,#35114e,#7d3dd0);background-position:center;background-size:cover;overflow:hidden;box-shadow:0 16px 45px rgba(63,28,87,.15)}

/* Phase 4 */
.newsletter-card{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2rem;border:1px solid rgba(255,255,255,.18);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02))}.newsletter-form{display:flex;gap:.6rem;min-width:min(100%,430px)}.newsletter-form .form-control{min-height:48px}.recommend-reason{position:absolute;left:1rem;right:1rem;top:1rem;z-index:4;width:max-content;max-width:calc(100% - 2rem);padding:.38rem .7rem;border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 8px 24px rgba(56,25,86,.14);font-size:.72rem;font-weight:700;color:#6f2dbd}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.metric-box{padding:1.15rem;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(59,25,88,.07)}.metric-box strong{display:block;font-size:1.7rem;color:#4b1778}.bar-row{display:grid;grid-template-columns:160px 1fr 70px;gap:.8rem;align-items:center;margin:.8rem 0}.bar-track{height:10px;background:#eee7f7;border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#6f2dbd,#b45cff);border-radius:999px}.seo-check{padding:.85rem 1rem;border:1px solid #ebe3f4;border-radius:16px;background:#fff}.seo-ok{border-left:4px solid #198754}.seo-warn{border-left:4px solid #f0ad4e}@media(max-width:991px){.newsletter-card{align-items:stretch;flex-direction:column}.newsletter-form{width:100%;min-width:0}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:575px){.newsletter-form{flex-direction:column}.metric-grid{grid-template-columns:1fr}.bar-row{grid-template-columns:100px 1fr 55px}}
