/* ============================================================
   VARIANT 5 — "Soft Pastel Glow"
   Airy lilac/blush gradient, lavender + peach accents, very rounded
   corners, soft glow shadows. Friendly modern-app feel. Poppins.

   EXCEPTION (per request): the "Featured projects" cards
   (.shop-grid / .pcard*) and the "Style" picker tiles
   (.grid-styles / .tile*) are intentionally LEFT in the ORIGINAL look.
   This theme restores the base color tokens on those two grids and
   does not restyle their cards.

   Drop-in: load AFTER static/styles.css — same class names, no HTML change.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Inter:wght@300;400;500&display=swap');

:root{
 --bg:#f4f1fb; --ink:#2b2440; --muted:#7c7596; --faint:#b3acca; --line:#e7e2f4;
 --accent:#7c6cf0; --peach:#ff9d7a; --soft:#ffffff;
}
body{background:
 radial-gradient(60% 50% at 12% -5%,#ffe6ec 0%,rgba(255,230,236,0) 60%),
 radial-gradient(60% 50% at 95% 0%,#e2ecff 0%,rgba(226,236,255,0) 55%),
 var(--bg);
 background-attachment:fixed;color:var(--ink);font-family:'Inter',sans-serif}
h1,h2,h3,h4{font-family:'Poppins',sans-serif;font-weight:600;letter-spacing:-.01em}
.lbl{color:var(--accent);letter-spacing:.2em;font-weight:600}

/* ---- KEEP ORIGINAL: Featured projects + Style picker ----
   Restore the base / v1-clean color tokens inside those two grids so
   the global pastel palette doesn't bleed into their cards or tiles. */
.grid-styles,.shop-grid{--ink:#1a1a1a;--muted:#787878;--faint:#b0b0b0;--line:#ececec;--soft:#f7f7f7}
/* Sharp (un-rounded) corners on the Style tiles and the product cards
   (Featured projects on the home page + the /collection grid). Overrides the
   v1-clean .pcard/.tile{border-radius:14px}. Photo-drop, AI-result cards and
   admin studio tiles are left untouched. */
.grid-styles .tile,.shop-grid .pcard{border-radius:0}
/* Clearly mark the selected "03 Style" tile — thick accent border, ✓ badge, accent caption. */
.grid-styles .tile.active{outline:3px solid var(--accent);outline-offset:-3px}
.grid-styles .tile.active .tile-cap{color:var(--accent);font-weight:600}
.grid-styles .tile.active::after{content:"✓";position:absolute;top:6px;right:6px;z-index:2;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;font-size:13px;line-height:22px;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.3)}

/* NAV — glassy rounded bar */
.nav{background:rgba(255,255,255,.7);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.brand{font-family:'Poppins';font-weight:700;color:var(--accent)}
.nav-links a{font-family:'Poppins';font-weight:500}
.nav-links a:hover,.nav-links a.active{color:var(--accent)}
.nav-links a.active::after{background:var(--accent);height:3px;border-radius:3px}
.lang-btn{border-radius:999px;border-color:var(--line);background:#fff}
/* Mobile: center the logo (top bar shows only the brand — nav links live in the bottom tab bar) */
@media(max-width:620px){.nav-inner{justify-content:center}}

/* BUTTONS — pill, gradient, glow */
.btn-primary{background:linear-gradient(135deg,#8b7bff,#6c5ce7);border:none;color:#fff;border-radius:999px;
 font-family:'Poppins';font-weight:600;padding:15px 32px;box-shadow:0 14px 30px -10px rgba(124,108,240,.7)}
.btn-primary:hover{background:linear-gradient(135deg,#7b6bff,#5b4bd6);color:#fff;transform:translateY(-2px);box-shadow:0 18px 36px -10px rgba(124,108,240,.85)}
.btn-primary:active{background:linear-gradient(135deg,#6c5ce7,#5b4bd6);color:#fff;transform:translateY(0);box-shadow:0 8px 18px -10px rgba(124,108,240,.85)}
.btn-primary:disabled{background:#e7e2f4;color:var(--faint);box-shadow:none}
.btn-ghost{border-radius:999px;border:1.5px solid var(--accent);color:var(--accent);background:#fff;font-family:'Poppins';font-weight:600}
.btn-ghost:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}

/* HERO — soft glow, gradient body shows through */
.hero-lite{background:transparent;border-bottom:1px solid var(--line);padding:84px 0 54px}
.hero-lite h1{font-size:clamp(34px,5.6vw,60px);line-height:1.05;max-width:780px}
.hero-lite p{color:var(--muted);font-size:18px}

/* SECTIONS */
.section{border-bottom:1px solid var(--line)}
.block-head h3{font-family:'Poppins';font-weight:600;text-transform:none;letter-spacing:0;font-size:18px;color:var(--ink)}
.block-head .no{color:var(--accent)}

/* CHIPS (the "Space" selector) */
.chip{border-radius:999px;background:#fff;border-color:var(--line);color:var(--muted);font-family:'Poppins';font-weight:500}
.chip:hover{border-color:var(--accent);color:var(--accent)}
.chip.active{background:linear-gradient(135deg,#8b7bff,#6c5ce7);border-color:transparent;color:#fff}

/* PHOTO upload drop (block 01) */
.photo-drop{border-radius:24px;border:1.5px dashed var(--faint);background:rgba(255,255,255,.7)}
.photo-drop:hover{border-color:var(--accent);background:#fff}
.photo-drop .drop-icon{border-color:var(--accent);color:var(--accent)}

/* GENBAR */
.genbar{border-top:1px solid var(--accent)}

/* TRUST / reviews — pastel rounded cards */
.trust{grid-template-columns:repeat(4,1fr);background:transparent;border:none;gap:16px}
.trust-item{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.85);padding:26px}
.trust-item:first-child{padding-left:26px}
.trust-item h4{font-family:'Poppins';font-weight:600;color:var(--accent)}
.trust-item p{color:var(--muted)}

/* FOOTER */
footer{background:rgba(255,255,255,.6);border-top:1px solid var(--line)}
.foot-grid .brand{font-family:'Poppins';font-weight:700;color:var(--accent)}

@media(max-width:900px){.trust{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.trust{grid-template-columns:1fr}}