:root {--pink:#c51564;--pink-h:#d03079;--pink-l:#fde8f3;--pink-ll: #fff5fb;--dark-pink: #86104c; --lavender:#9b59b6;--lavender-l:#f3e5f5;--journal: #8e44ad;--journal-l: #f5eeff;--handwerk:#c51564;--handwerk-l:#fde8f3; --wellness:#017431;--wellness-l:#e8f8f0;--material:#e65100;--material-l:#fff3e0;--etsy:#f45800;--etsy-l:#fff0ea;--bg:#fff8fc;--bg-2:#fdf2f8;--card:#ffffff;--text:#2d1f2e;--text-2:#6b5b70;--text-3:#9355a8;--border:#f0dcea;--border-h:var(--pink);--shadow-sm: 0 2px 8px rgba(232,64,140,.08);--shadow:0 4px 20px rgba(232,64,140,.12);--shadow-md: 0 8px 32px rgba(232,64,140,.18);--shadow-card: 0 2px 12px rgba(45,31,46,.07);--radius-sm: 8px;--radius:14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--nav-h: 70px;--trans: 0.22s ease;--font:'Inter', system-ui, -apple-system, sans-serif;}*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }html{ scroll-behavior: smooth; }body{font-family: var(--font);background: var(--bg);color: var(--text);line-height: 1.65;overflow-x: hidden;}img { max-width: 100%; height: auto; display: block; }a { color: inherit; text-decoration: none; }ul{ list-style: none; }.container { max-width: 1160px; margin: 0 auto; padding: 0 1.25rem; }main { min-height: 60vh; padding-top: var(--nav-h); }.nav {position: fixed; top: 0; left: 0; right: 0; z-index: 1000;height: var(--nav-h);background: rgba(255,248,252,.95);backdrop-filter: blur(14px);border-bottom: 1px solid var(--border);}.nav-inner {display: flex; align-items: center; height: 100%;max-width: 1160px; margin: 0 auto; padding: 0 1.25rem; gap: 1.5rem;}.nav-logo {font-size: 1.4rem; font-weight: 800; letter-spacing: -.5px; flex-shrink: 0;background: linear-gradient(135deg, var(--pink), var(--lavender));-webkit-background-clip: text; -webkit-text-fill-color: transparent;background-clip: text;}.nav-links { display: flex; gap: .1rem; }.nav-link {padding: .4rem .85rem; border-radius: var(--radius-sm);font-size: .88rem; font-weight: 500; color: var(--text-2);transition: color var(--trans), background var(--trans);}.nav-link:hover { color: var(--pink); background: var(--pink-l); }.nav-right { margin-left: auto; display: flex; align-items: center; gap: .6rem; }.nav-cart-btn {display: flex; align-items: center; gap: .4rem;padding: .4rem .85rem; border-radius: var(--radius-pill);background: var(--pink-l); color: var(--pink);font-size: .88rem; font-weight: 700; border: 1.5px solid transparent;transition: all var(--trans); cursor: pointer; text-decoration: none;}.nav-cart-btn:hover { background: var(--pink); color: #fff; border-color: var(--pink); }.cart-count-badge {display: inline-flex; align-items: center; justify-content: center;background: var(--pink); color: #fff; border-radius: 50%;width: 18px; height: 18px; font-size: .7rem; font-weight: 800;margin-left: .1rem;}.nav-cart-btn:hover .cart-count-badge { background: #fff; color: var(--pink); }.cart-count-badge.hidden { display: none; }.lang-switcher { position: relative; }.lang-btn {display: flex; align-items: center; gap: .35rem;padding: .35rem .65rem; border: 1.5px solid var(--border);border-radius: var(--radius-sm); background: transparent;font-size: .82rem; cursor: pointer; color: var(--text-2);transition: border-color var(--trans), color var(--trans);}.lang-btn:hover { border-color: var(--pink); color: var(--pink); }.lang-dropdown {display: none; position: absolute; right: 0; top: calc(100% + .4rem);background: var(--card); border: 1.5px solid var(--border);border-radius: var(--radius); box-shadow: var(--shadow-md);min-width: 130px; overflow: hidden; z-index: 100;}.lang-dropdown li a {display: block; padding: .55rem 1rem;font-size: .855rem; color: var(--text-2);transition: background var(--trans), color var(--trans);}.lang-dropdown li a:hover { background: var(--pink-l); color: var(--pink); }.lang-switcher.open .lang-dropdown { display: block; }.lang-switcher.open .lang-btn { border-color: var(--pink); color: var(--pink); }.nav-burger {display: none; flex-direction: column; gap: 5px; background: none;border: none; cursor: pointer; padding: .5rem; margin-left: .25rem;}.nav-burger span { display: block; width: 22px; height: 2px; background: var(--pink); border-radius: 2px; transition: var(--trans); }.hero {position: relative; overflow: hidden;padding: 5.5rem 0 4rem;text-align: center;background: linear-gradient(160deg, #fff0f9 0%, #f8f0ff 40%, #f0fff8 100%);}.hero::before {content: ''; position: absolute; inset: 0;background:radial-gradient(ellipse at 20% 50%, rgba(232,64,140,.12) 0%, transparent 60%),radial-gradient(ellipse at 80% 20%, rgba(155,89,182,.10) 0%, transparent 50%),radial-gradient(ellipse at 60% 90%, rgba(39,174,96,.08) 0%, transparent 50%);pointer-events: none;}.hero-badge {display: inline-block;background: linear-gradient(135deg, var(--pink-l), var(--lavender-l));color: var(--pink); font-size: .78rem; font-weight: 700;letter-spacing: .4px; padding: .4rem 1rem; border-radius: var(--radius-pill);border: 1px solid var(--border); margin-bottom: 1.5rem;}.hero-title {font-size: clamp(2rem, 5.5vw, 3.5rem); font-weight: 800;line-height: 1.15; letter-spacing: -.5px; margin-bottom: 1rem;background: linear-gradient(135deg, var(--pink) 0%, var(--lavender) 60%, #27ae60 100%);-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}.hero-sub {font-size: 1.05rem; color: var(--text-2);max-width: 540px; margin: 0 auto 2rem; line-height: 1.65;}.hero-deco {display: flex; justify-content: center; gap: 1.5rem;font-size: 1.5rem; margin-bottom: 2rem; opacity: .7;}.btn {display: inline-flex; align-items: center; justify-content: center; gap: .45rem;padding: .7rem 1.5rem; border-radius: var(--radius-pill);font-size: .9rem; font-weight: 700; border: none; cursor: pointer;transition: transform var(--trans), box-shadow var(--trans), background var(--trans), color var(--trans);text-decoration: none; line-height: 1; letter-spacing: .2px;}.btn-primary {background: linear-gradient(135deg, var(--pink), #c2185b);color: #fff;box-shadow: 0 4px 14px rgba(232,64,140,.35);}.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(232,64,140,.45); }.btn-primary:active { transform: translateY(0); }.btn-outline {background: transparent; color: var(--pink);border: 2px solid var(--pink);}.btn-outline:hover { background: var(--pink-l); }.btn-cart {background: linear-gradient(135deg, var(--lavender), #8e44ad);color: #fff;box-shadow: 0 4px 14px rgba(155,89,182,.3);}.btn-cart:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(155,89,182,.4); }.btn-etsy {background: var(--etsy); color: #fff;box-shadow: 0 4px 14px rgba(244,88,0,.3);}.btn-etsy:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(244,88,0,.4); background: #e04e00; }.btn-sm{ padding: .42rem 1rem; font-size: .82rem; border-radius: var(--radius-pill); }.btn-lg{ padding: .9rem 2.2rem; font-size: 1rem; }.btn-block { width: 100%; }.section { padding: 4.5rem 0; }.section-bg {background: linear-gradient(180deg, var(--bg-2) 0%, var(--bg) 100%);}.section-title {font-size: 1.85rem; font-weight: 800; text-align: center;margin-bottom: .6rem; letter-spacing: -.3px;background: linear-gradient(135deg, var(--text), var(--lavender));-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}.section-sub { text-align: center; color: var(--text-2); margin-bottom: 2.5rem; font-size: .95rem; }.category-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }.cat-card {display: block; padding: 2rem 1.5rem; border-radius: var(--radius-xl);border: 2px solid var(--border); background: var(--card);text-align: center;transition: transform var(--trans), box-shadow var(--trans), border-color var(--trans);cursor: pointer; position: relative; overflow: hidden;}.cat-card::after {content: ''; position: absolute; inset: 0; opacity: 0;background: linear-gradient(135deg, transparent 60%, currentColor 200%);transition: opacity var(--trans);}.cat-card:hover { transform: translateY(-5px); }.cat-card.cat-journal:hover{ border-color: var(--journal); box-shadow: 0 8px 30px rgba(142,68,173,.18); }.cat-card.cat-handwerk:hover { border-color: var(--handwerk); box-shadow: 0 8px 30px rgba(232,64,140,.18); }.cat-card.cat-wellness:hover { border-color: var(--wellness); box-shadow: 0 8px 30px rgba(39,174,96,.15); }.cat-icon { font-size: 2.8rem; margin-bottom: .8rem; display: block; }.cat-title { font-size: 1.1rem; font-weight: 800; margin-bottom: .4rem; }.cat-sub { font-size: .82rem; color: var(--text-3); margin-bottom: .8rem; line-height: 1.5; }.cat-count { font-size: .75rem; font-weight: 700; padding: .3rem .8rem; border-radius: var(--radius-pill); display: inline-block; }.cat-journal.cat-count { background: var(--journal-l);color: var(--journal); }.cat-handwerk .cat-count { background: var(--handwerk-l); color: var(--handwerk); }.cat-wellness .cat-count { background: var(--wellness-l); color: var(--wellness); }.product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1.5rem; }.product-card {display: block; background: var(--card); border-radius: var(--radius-lg);border: 1.5px solid var(--border); overflow: hidden;transition: transform var(--trans), box-shadow var(--trans), border-color var(--trans);cursor: pointer;}.product-card:hover {transform: translateY(-5px);box-shadow: var(--shadow-md);border-color: var(--pink);}.product-img-wrap {position: relative; aspect-ratio: 4/5; overflow: hidden;background: linear-gradient(135deg, var(--pink-ll), var(--lavender-l));}.product-img-wrap img {width: 100%; height: 100%; object-fit: cover;transition: transform .5s ease;}.product-card:hover .product-img-wrap img { transform: scale(1.06); }.product-img-placeholder {display: flex; align-items: center; justify-content: center;font-size: 4rem; width: 100%; height: 100%;background: linear-gradient(135deg, var(--pink-ll) 0%, var(--lavender-l) 100%);}.product-img-placeholder.lg { font-size: 6rem; min-height: 280px; }.product-kat-badge {position: absolute; top: .75rem; left: .75rem;font-size: .7rem; font-weight: 800; padding: .28rem .65rem;border-radius: var(--radius-pill); letter-spacing: .4px;text-transform: uppercase; backdrop-filter: blur(4px);}.kat-journal{ background: var(--journal-l);color: var(--journal); }.kat-handwerk { background: var(--handwerk-l); color: var(--handwerk); }.kat-wellness { background: var(--wellness-l); color: var(--wellness); }.product-info { padding: 1.2rem 1.25rem 1.3rem; }.product-name { font-size: .98rem; font-weight: 700; margin-bottom: .45rem; line-height: 1.35; }.product-desc-short { font-size: .82rem; color: var(--text-2); margin-bottom: 1rem; line-height: 1.5; }.product-footer { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }.product-price {font-size: 1.15rem; font-weight: 800;background: linear-gradient(135deg, var(--pink), var(--lavender));-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}.page-header {position: relative; overflow: hidden;padding: 5rem 0 3.5rem;text-align: center;border-bottom: 1px solid var(--border);}.page-header::before {content: ''; position: absolute; inset: 0; pointer-events: none;background:radial-gradient(ellipse at 22% 50%, rgba(255,255,255,.8) 0%, transparent 55%),radial-gradient(ellipse at 78% 15%, rgba(255,255,255,.5) 0%, transparent 45%);}.cat-header-journal{ background: linear-gradient(150deg, var(--journal-l) 0%, #dfcaf8 50%, var(--bg) 100%); }.cat-header-handwerk { background: linear-gradient(150deg, var(--handwerk-l) 0%, #f7bcd8 50%, var(--bg) 100%); }.cat-header-wellness { background: linear-gradient(150deg, var(--wellness-l) 0%, #bbe8d0 50%, var(--bg) 100%); }.cat-header-dropshipping { background: linear-gradient(150deg, #fff3e0 0%, #ffd499 50%, var(--bg) 100%); }.page-header-icon { font-size: 5.2rem; margin-bottom: .75rem; display: block; line-height: 1; }.page-header h1 { font-size: clamp(1.9rem, 4vw, 2.6rem); font-weight: 800; margin-bottom: .6rem; letter-spacing: -.2px; }.page-header p{ color: var(--text-2); font-size: 1.05rem; max-width: 520px; margin: 0 auto; }.empty-msg { text-align: center; color: var(--text-3); padding: 4rem 0; font-size: 1.1rem; }.product-detail-section { padding: 2.5rem 0 4rem; }.back-link { display: inline-flex; align-items: center; gap: .3rem; color: var(--pink); font-size: .88rem; font-weight: 600; margin-bottom: 2rem; transition: gap var(--trans); }.back-link:hover { gap: .5rem; }.product-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3.5rem; align-items: start; }.product-detail-info { height:100%; }.product-detail-img { border-radius: var(--radius-xl); overflow: hidden; border: 2px solid var(--border); box-shadow: var(--shadow); }.product-detail-img img { width: 100%; aspect-ratio: 4/5; object-fit: cover; }.product-detail-title { font-size: 1.8rem; font-weight: 800; margin: 1.5rem 0 1.4rem; line-height: 1.25; }.product-detail-desc{ color: var(--text-2); line-height: 1.75; margin-bottom: 1.5rem; font-size: .95rem; }.product-includes {display: flex; flex-direction: column; gap: .5rem;margin-bottom: 1.75rem; padding: 1.1rem 1.25rem;background: var(--pink-ll); border-radius: var(--radius-lg);border: 1px solid var(--border);}.product-includes li { font-size: .875rem; color: var(--text-2); display: flex; align-items: center; gap: .45rem; }.product-detail-buy {padding: 1.5rem; background: linear-gradient(135deg, var(--pink-ll), var(--lavender-l));border-radius: var(--radius-xl); border: 1.5px solid var(--border);}.product-detail-price {display: block; font-size: 2.2rem; font-weight: 800; margin-bottom: 1.1rem;background: linear-gradient(135deg, var(--pink), var(--lavender));-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}.buy-buttons { display: flex; flex-direction: column; gap: .65rem; }.etsy-divider { display: flex; align-items: center; gap: .75rem; color: var(--text-3); font-size: .78rem; margin: .25rem 0; }.etsy-divider::before, .etsy-divider::after { content: ''; flex: 1; height: 1px; background: var(--border); }.product-secure-note { font-size: .78rem; color: var(--text-3); margin-top: .75rem; text-align: center; }.cart-section { padding: 2.5rem 0 4rem; }.cart-layout { display: grid; grid-template-columns: 1fr 320px; gap: 2rem; align-items: start; }.cart-items { display: flex; flex-direction: column; gap: 1rem; }.cart-item-card {display: flex; align-items: center; gap: 1.25rem;background: var(--card); border: 1.5px solid var(--border);border-radius: var(--radius-lg); padding: 1rem 1.25rem;transition: border-color var(--trans);}.cart-item-card:hover { border-color: var(--pink); }.cart-item-img {width: 72px; height: 72px; border-radius: var(--radius);object-fit: cover; flex-shrink: 0;background: linear-gradient(135deg, var(--pink-ll), var(--lavender-l));display: flex; align-items: center; justify-content: center; font-size: 2rem;overflow: hidden;}.cart-item-img img { width: 100%; height: 100%; object-fit: cover; }.cart-item-info { flex: 1; }.cart-item-name { font-weight: 700; font-size: .95rem; margin-bottom: .2rem; }.cart-item-kat { font-size: .75rem; color: var(--text-3); }.cart-item-price {font-weight: 800; font-size: 1.05rem;background: linear-gradient(135deg, var(--pink), var(--lavender));-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}.cart-item-remove {background: none; border: none; color: var(--text-3); cursor: pointer;font-size: 1.2rem; padding: .25rem; transition: color var(--trans);line-height: 1;}.cart-item-remove:hover { color: var(--pink); }.cart-summary {background: linear-gradient(160deg, var(--pink-ll), var(--lavender-l));border: 1.5px solid var(--border); border-radius: var(--radius-xl);padding: 1.75rem; position: sticky; top: calc(var(--nav-h) + 1rem);}.cart-summary h2 { font-size: 1.1rem; font-weight: 800; margin-bottom: 1.25rem; }.cart-summary-row { display: flex; justify-content: space-between; font-size: .88rem; color: var(--text-2); margin-bottom: .6rem; }.cart-summary-total { display: flex; justify-content: space-between; font-size: 1.2rem; font-weight: 800; padding-top: .75rem; border-top: 1.5px solid var(--border); margin-top: .5rem; margin-bottom: 1.25rem; }.cart-summary-total span:last-child {background: linear-gradient(135deg, var(--pink), var(--lavender));-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}.cart-empty-box {text-align: center; padding: 4rem 2rem;background: var(--card); border-radius: var(--radius-xl);border: 2px dashed var(--border);}.cart-empty-box .cart-empty-icon { font-size: 3.5rem; margin-bottom: 1rem; }.cart-empty-box h2 { font-size: 1.3rem; font-weight: 700; margin-bottom: .5rem; }.cart-empty-box p { color: var(--text-2); margin-bottom: 1.5rem; }.steps-grid { display: flex; align-items: stretch; justify-content: center; gap: 1rem; flex-wrap: wrap; }.step-card {text-align: center; padding: 1.75rem 1.25rem;background: var(--card); border-radius: var(--radius-xl);border: 1.5px solid var(--border); flex: 1; min-width: 170px; max-width: 230px;transition: box-shadow var(--trans), border-color var(--trans), transform var(--trans);}.step-card:hover { border-color: var(--pink); box-shadow: var(--shadow); transform: translateY(-3px); }.step-num {width: 2.1rem; height: 2.1rem; border-radius: 50%;background: linear-gradient(135deg, var(--pink), var(--lavender));color: #fff; font-weight: 800; font-size: .85rem;display: flex; align-items: center; justify-content: center; margin: 0 auto .7rem;}.step-icon { font-size: 2rem; margin-bottom: .7rem; }.step-card h3 { font-size: .95rem; font-weight: 700; margin-bottom: .35rem; }.step-card p{ font-size: .82rem; color: var(--text-2); line-height: 1.5; }.step-arrow { font-size: 1.4rem; color: var(--text-3); align-self: center; }.success-box {max-width: 580px; margin: 4rem auto; text-align: center;background: var(--card); border-radius: var(--radius-xl);padding: 3.5rem 2.5rem; border: 2px solid var(--border);box-shadow: var(--shadow-md);}.success-icon { font-size: 3.5rem; margin-bottom: 1rem; }.success-box h1 { font-size: 1.85rem; font-weight: 800; margin-bottom: .75rem; }.success-box p{ color: var(--text-2); margin-bottom: 1.5rem; line-height: 1.6; }.alert { padding: .85rem 1.25rem; border-radius: var(--radius); margin-bottom: 1rem; }.alert-warning { background: #fff3cd; color: #856404; border: 1px solid #ffc107; }.footer {background: linear-gradient(160deg, #1a0a1e 0%, #2d1f2e 100%);color: #c8a8d0; margin-top: 5rem;}.footer-inner {display: grid; grid-template-columns: 1fr auto;gap: 3rem; max-width: 1160px; margin: 0 auto;padding: 3.5rem 1.25rem; align-items: start;}.footer-logo {font-size: 1.4rem; font-weight: 800; display: block; margin-bottom: .5rem;background: linear-gradient(135deg, var(--pink), var(--lavender));-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}.footer-tagline { font-size: .85rem; color: #8a6a90; }.footer-cols { display: flex; gap: 3rem; }.footer-col strong { display: block; color: #f0d0f8; font-size: .875rem; margin-bottom: .8rem; }.footer-col ul li { margin-bottom: .45rem; }.footer-col ul li a { font-size: .83rem; color: #8a6a90; transition: color var(--trans); }.footer-col ul li a:hover { color: var(--pink); }.footer-bottom {border-top: 1px solid rgba(255,255,255,.07);text-align: center; padding: 1.1rem 1.25rem;font-size: .78rem; color: #6a4a70;}.cart-header-row {display: grid; grid-template-columns: 1fr auto 28px;padding: .4rem 1.25rem; font-size: .78rem; font-weight: 700;color: var(--text-3); text-transform: uppercase; letter-spacing: .5px;}.cart-item-meta { font-size: .78rem; color: var(--text-3); margin-top: .18rem; }.cart-summary-title { font-size: 1.1rem; font-weight: 800; margin-bottom: 1.1rem; }.cart-summary-amount {font-weight: 800;background: linear-gradient(135deg, var(--pink), var(--lavender));-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}.cart-summary-divider { height: 1.5px; background: var(--border); margin: .6rem 0 .85rem; }.cart-summary-total-row { font-size: 1.05rem; margin-bottom: 1.25rem; }.cart-checkout-btn { width: 100%; display: flex; justify-content: center; margin-bottom: .75rem; }.cart-continue-link {display: block; text-align: center; color: var(--text-3); font-size: .85rem;margin: 0 0 .75rem; transition: color var(--trans);}.cart-continue-link:hover { color: var(--pink); }.cart-secure-note { font-size: .78rem; color: var(--text-3); text-align: center; margin-top: .5rem; }.cart-empty-msg { font-size: 1.15rem; font-weight: 700; margin-bottom: .4rem; color: var(--text); }.cart-empty-sub { font-size: .9rem; color: var(--text-2); }.shipping-form { background: #fdf6ff; border: 1px solid #e5d9f5; border-radius: 10px; padding: 1rem; margin: .75rem 0; }.shipping-title { font-size: .9rem; font-weight: 700; margin-bottom: .75rem; color: var(--purple); }.shipping-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; }.shipping-input { width: 100%; padding: .45rem .7rem; border: 1px solid #ddd; border-radius: 6px; font-size: .85rem; font-family: inherit; background: #fff; }.product-img-placeholder.sm {font-size: 1.8rem; min-height: auto; width: 100%; height: 100%;border-radius: var(--radius);}.btn-added {background: linear-gradient(135deg, #27ae60, #2ecc71) !important;box-shadow: 0 4px 14px rgba(39,174,96,.3) !important;color: #fff !important;}.btn-added:hover { box-shadow: 0 8px 20px rgba(39,174,96,.4) !important; }.alert-banner {padding: .75rem 1.25rem; border-radius: var(--radius);background: #fff3cd; color: #856404; border: 1px solid #ffc107;font-size: .88rem; margin-bottom: 1rem;}.lp-hero {position: relative; overflow: hidden;padding: 5rem 0 4rem;background: linear-gradient(135deg, #fff5fb 0%, #f3e5f5 50%, #e8f0fe 100%);}.lp-hero-bg {position: absolute; inset: 0; pointer-events: none;background:radial-gradient(ellipse 60% 50% at 80% 20%, rgba(232,64,140,.12) 0%, transparent 60%),radial-gradient(ellipse 50% 60% at 10% 80%, rgba(155,89,182,.10) 0%, transparent 60%);}.lp-hero-inner {display: flex; align-items: center; gap: 3rem;position: relative;}.lp-hero-text { flex: 1 1 480px; }.lp-hero-visual { flex: 0 0 400px; display: flex; justify-content: center; }.lp-hero-badge {display: inline-block;background: linear-gradient(135deg, var(--pink-l), var(--lavender-l));color: var(--pink); border: 1px solid var(--border);border-radius: var(--radius-pill);padding: .35rem 1rem; font-size: .82rem; font-weight: 700;letter-spacing: .3px; margin-bottom: 1.2rem;}.lp-hero-title {font-size: clamp(2rem, 4.5vw, 3.2rem);font-weight: 900; line-height: 1.15;color: var(--text); margin-bottom: 1rem;}.lp-hero-accent {background: linear-gradient(135deg, var(--pink), var(--lavender));-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}.lp-hero-sub {font-size: 1.05rem; color: var(--text-2); line-height: 1.7;max-width: 500px; margin-bottom: 1.8rem;}.lp-hero-actions { display: flex; gap: .75rem; flex-wrap: wrap; margin-bottom: 1.4rem; }.lp-btn-main {background: linear-gradient(135deg, var(--pink), var(--lavender)) !important;box-shadow: 0 6px 20px rgba(232,64,140,.35) !important;}.lp-hero-trust {display: flex; align-items: center; gap: .6rem; flex-wrap: wrap;font-size: .84rem; color: var(--text-2);}.lp-trust-sep { color: var(--text-3); }.lp-mockup {position: relative; width: 340px; height: 320px;}.lp-mockup-card {position: absolute;background: #fff; border-radius: var(--radius-lg);padding: 1.1rem 1.3rem;box-shadow: 0 8px 32px rgba(45,31,46,.14);min-width: 160px;transition: transform .3s ease;}.lp-mockup-card:hover { transform: translateY(-4px); }.lp-mockup-1 { top: 0; left: 0; transform: rotate(-4deg); z-index: 3; }.lp-mockup-2 { top: 60px; right: 0; transform: rotate(3deg); z-index: 2; }.lp-mockup-3 { bottom: 0; left: 30px; transform: rotate(-2deg); z-index: 1; }.lp-mockup-icon { font-size: 2rem; margin-bottom: .4rem; }.lp-mockup-label { font-size: .8rem; font-weight: 700; color: var(--text); margin-bottom: .25rem; }.lp-mockup-price {font-size: .85rem; font-weight: 800;color: var(--pink);}.lp-mockup-badge {position: absolute; bottom: -1rem; right: 1rem;background: #095d2d; color: #fff;border-radius: var(--radius-pill);padding: .3rem .85rem; font-size: .76rem; font-weight: 700;box-shadow: 0 4px 12px rgba(39,174,96,.3);z-index: 4;}.lp-trust-bar {background: #fff;border-bottom: 1px solid var(--border);padding: 1.5rem 0;}.lp-trust-grid {display: flex; gap: 1rem; flex-wrap: wrap; justify-content: center;}.lp-trust-item {display: flex; align-items: center; gap: .75rem;padding: .6rem 1.2rem; border-radius: var(--radius);background: var(--bg); border: 1px solid var(--border);font-size: .85rem; line-height: 1.4; flex: 1 1 200px; max-width: 260px;}.lp-trust-icon { font-size: 1.6rem; flex-shrink: 0; }.lp-section-head { text-align: center; margin-bottom: 2.5rem; }.lp-section-badge {display: inline-block;background: var(--pink-l); color: var(--pink);border-radius: var(--radius-pill);padding: .28rem .9rem; font-size: .78rem; font-weight: 700;margin-bottom: .75rem;}.lp-section-title {font-size: clamp(1.5rem, 3vw, 2.1rem);font-weight: 900; color: var(--text); margin-bottom: .5rem;}.lp-section-sub { color: var(--text-2); font-size: .95rem; max-width: 500px; margin: 0 auto; }.lp-bestseller-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem;}.lp-bs-card {background: var(--card); border-radius: var(--radius-lg);border: 1.5px solid var(--border);box-shadow: var(--shadow-card);overflow: hidden; display: flex; flex-direction: column;transition: transform var(--trans), box-shadow var(--trans), border-color var(--trans);}.lp-bs-card:hover {transform: translateY(-5px);box-shadow: var(--shadow-md);border-color: var(--pink);}.lp-bs-img {position: relative; aspect-ratio: 4/5; overflow: hidden;background: var(--pink-ll);}.lp-bs-img img { width: 100%; height: 100%; object-fit: cover; }.lp-bs-placeholder {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;font-size: 3.5rem;}.lp-bs-badge {position: absolute; top: .75rem; right: .75rem;background: #fff3cd; color: #856404;border-radius: var(--radius-pill);padding: .2rem .65rem; font-size: .72rem; font-weight: 700;}.lp-bs-body { padding: 1.2rem; display: flex; flex-direction: column; flex: 1; gap: .5rem; }.lp-bs-title { font-size: 1rem; font-weight: 800; color: var(--text); line-height: 1.3; }.lp-bs-desc { font-size: .83rem; color: var(--text-2); line-height: 1.55; flex: 1; }.lp-bs-footer { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: .5rem; }.lp-bs-price {font-size: 1.15rem; font-weight: 900;background: linear-gradient(135deg, var(--pink), var(--lavender));-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}.lp-why-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem;}.lp-why-card {background: var(--card); border-radius: var(--radius-lg);border: 1.5px solid var(--border);padding: 1.75rem 1.25rem; text-align: center;box-shadow: var(--shadow-card);transition: transform var(--trans), box-shadow var(--trans);}.lp-why-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); }.lp-why-icon { font-size: 2.4rem; margin-bottom: .85rem; }.lp-why-card h3 { font-size: .97rem; font-weight: 800; color: var(--text); margin-bottom: .5rem; }.lp-why-card p { font-size: .83rem; color: var(--text-2); line-height: 1.6; }.lp-testi-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem;}.lp-testi-card {background: var(--card); border-radius: var(--radius-lg);border: 1.5px solid var(--border);padding: 1.75rem; box-shadow: var(--shadow-card);display: flex; flex-direction: column; gap: .85rem;}.lp-testi-stars { font-size: .95rem; }.lp-testi-text {font-size: .9rem; color: var(--text); line-height: 1.65;font-style: italic; flex: 1;}.lp-testi-author { display: flex; align-items: center; gap: .75rem; }.lp-testi-avatar {width: 40px; height: 40px; border-radius: 50%;background: linear-gradient(135deg, var(--pink), var(--lavender));color: #fff; font-weight: 800; font-size: 1rem;display: flex; align-items: center; justify-content: center;flex-shrink: 0;}.lp-testi-author strong { font-size: .88rem; }.lp-testi-author small { color: var(--text-3); font-size: .78rem; }.lp-bottom-cta {background: linear-gradient(135deg, var(--pink) 0%, var(--lavender) 100%);padding: 4rem 0;}.lp-bottom-cta-inner {display: flex; align-items: center; justify-content: space-between;gap: 2rem; flex-wrap: wrap;}.lp-bottom-title {font-size: clamp(1.4rem, 3vw, 2rem);font-weight: 900; color: #fff; margin-bottom: .4rem;}.lp-bottom-sub { color: rgba(255,255,255,.85); font-size: .95rem; }.btn-white {background: #fff !important; color: var(--pink) !important;font-weight: 800 !important;box-shadow: 0 4px 16px rgba(0,0,0,.2) !important;white-space: nowrap;}.btn-white:hover { background: var(--pink-ll) !important; box-shadow: 0 8px 24px rgba(0,0,0,.25) !important; }@media (max-width: 900px) {.cart-layout { grid-template-columns: 1fr; }.cart-summary { position: static; }}@media (max-width: 1024px) {.lp-why-grid { grid-template-columns: repeat(2, 1fr); }}@media (max-width: 900px) {.cart-layout { grid-template-columns: 1fr; }.cart-summary { position: static; }.lp-bestseller-grid { grid-template-columns: repeat(2, 1fr); }.lp-testi-grid { grid-template-columns: repeat(2, 1fr); }}@media (max-width: 768px) {.nav-links { display: none; flex-direction: column; position: fixed; top: var(--nav-h); left: 0; right: 0; background: rgba(255,248,252,.97); backdrop-filter: blur(14px); border-bottom: 1px solid var(--border); padding: 1rem; gap: .2rem; }.nav-links.open { display: flex; }.nav-burger { display: flex; }.category-grid { grid-template-columns: 1fr; }.product-detail-grid { grid-template-columns: 1fr; gap: 2rem; }.footer-inner { grid-template-columns: 1fr; gap: 2rem; }.footer-cols { flex-direction: column; gap: 1.5rem; }.steps-grid .step-arrow { display: none; }.hero { padding: 3.5rem 0 2.5rem; }.hero-title { font-size: 2rem; }.lp-hero-inner { flex-direction: column; text-align: center; }.lp-hero-text { flex: none; }.lp-hero-visual { display: none; }.lp-hero-sub { max-width: 100%; margin-left: auto; margin-right: auto; }.lp-hero-actions { justify-content: center; }.lp-hero-trust { justify-content: center; }.lp-bestseller-grid { grid-template-columns: 1fr; }.lp-testi-grid { grid-template-columns: 1fr; }.lp-why-grid { grid-template-columns: 1fr 1fr; }.lp-bottom-cta-inner { flex-direction: column; text-align: center; }.lp-trust-item { max-width: 100%; }}@media (max-width: 480px) {.product-grid { grid-template-columns: 1fr; }.category-grid { gap: 1rem; }.btn-lg { padding: .8rem 1.6rem; font-size: .95rem; }.lp-why-grid { grid-template-columns: 1fr; }.lp-trust-grid { flex-direction: column; align-items: stretch; }.lp-trust-item { max-width: 100%; }}.blog-hero { background: linear-gradient(135deg, #2d3436 0%, #6c5ce7 100%); padding: 3.5rem 1rem 2.5rem; text-align: center; color: #fff; }.blog-hero h1 { font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 800; margin-bottom: .5rem; }.blog-hero p{ font-size: 1.1rem; opacity: .8; }.blog-layout { display: grid; grid-template-columns: 1fr 280px; gap: 2rem; max-width: 1200px; margin: 2.5rem auto; padding: 0 1rem; align-items: start; }@media (max-width: 860px) { .blog-layout { grid-template-columns: 1fr; } .blog-sidebar { order: -1; } }.blog-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.5rem; }.post-card { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,.07); transition: transform .2s, box-shadow .2s; display: flex; flex-direction: column; }.post-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,0,0,.12); }.post-card-img { display: block; width: 100%; height: 200px; background-size: cover; background-position: center; background-color: #f0f0f5; text-decoration: none; flex-shrink: 0; }.post-card-img.placeholder { display: flex; align-items: center; justify-content: center; font-size: 3rem; }.post-card-body { padding: 1.25rem; display: flex; flex-direction: column; flex: 1; }.post-cat-chip { display: inline-flex; align-items: center; gap: 4px; padding: 3px 10px; border-radius: 20px; font-size: .72rem; font-weight: 700; text-decoration: none; margin-bottom: .6rem; color: #fff; }.post-card-title { font-size: 1.05rem; font-weight: 700; color: #2d2d2d; line-height: 1.4; margin-bottom: .5rem; text-decoration: none; }.post-card-title:hover { color: #6c5ce7; }.post-card-excerpt { font-size: .875rem; color: #666; line-height: 1.6; flex: 1; margin-bottom: .9rem; }.post-card-meta { font-size: .75rem; color: #aaa; display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; }.post-card-readmore { font-size: .83rem; font-weight: 600; color: #6c5ce7; text-decoration: none; margin-top: .6rem; display: inline-block; }.post-card-readmore:hover { text-decoration: underline; }.blog-sidebar { }.sidebar-card { background: #fff; border-radius: 12px; padding: 1.25rem 1.5rem; box-shadow: 0 2px 8px rgba(0,0,0,.07); margin-bottom: 1.25rem; }.sidebar-card h4 { font-size: .9rem; font-weight: 700; color: #2d2d2d; margin-bottom: .75rem; padding-bottom: .5rem; border-bottom: 2px solid #f0f0f5; }.cat-list { list-style: none; display: flex; flex-direction: column; gap: .3rem; }.cat-list li a { display: flex; align-items: center; justify-content: space-between; padding: .4rem .5rem; border-radius: 7px; text-decoration: none; color: #444; font-size: .875rem; transition: background .15s; }.cat-list li a:hover, .cat-list li a.active { background: #f0ecff; color: #6c5ce7; }.cat-count { background: #f0f0f5; border-radius: 20px; padding: 1px 8px; font-size: .72rem; font-weight: 700; color: #888; }.filter-breadcrumb { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; margin-bottom: 1.25rem; font-size: .875rem; }.filter-breadcrumb .chip { display: inline-flex; align-items: center; gap: .3rem; background: #6c5ce7; color: #fff; border-radius: 20px; padding: 4px 12px; font-size: .8rem; font-weight: 600; }.filter-breadcrumb .chip a { color: rgba(255,255,255,.7); text-decoration: none; margin-left: .3rem; }.filter-breadcrumb .chip a:hover { color: #fff; }.pagination { display: flex; align-items: center; justify-content: center; gap: .4rem; margin: 2.5rem 0 1rem; flex-wrap: wrap; }.page-btn { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 8px; border: 1.5px solid #e0e0e0; text-decoration: none; font-size: .875rem; font-weight: 600; color: #444; background: #fff; transition: all .15s; }.page-btn:hover { border-color: #6c5ce7; color: #6c5ce7; }.page-btn.active { background: #6c5ce7; color: #fff; border-color: #6c5ce7; }.page-btn.disabled { opacity: .4; pointer-events: none; }.page-btn.prev-next { width: auto; padding: 0 .9rem; gap: .3rem; }.no-posts { text-align: center; padding: 4rem 1rem; color: #aaa; }.no-posts .big { font-size: 3.5rem; margin-bottom: 1rem; }.post-hero { background: linear-gradient(135deg, #2d3436 0%, #6c5ce7 100%); padding: 3rem 1rem 2rem; color: #fff; }.post-hero-inner { max-width: 820px; margin: 0 auto; }.post-breadcrumb { font-size: .8rem; opacity: .7; margin-bottom: .75rem; display: flex; gap: .35rem; flex-wrap: wrap; align-items: center; }.post-breadcrumb a { color: rgba(255,255,255,.85); text-decoration: none; }.post-breadcrumb a:hover { text-decoration: underline; }.post-cat-chip { display: inline-flex; align-items: center; gap: 4px; padding: 3px 12px; border-radius: 20px; font-size: .75rem; font-weight: 700; margin-bottom: .75rem; color: #fff; }.post-hero h1 { font-size: clamp(1.5rem, 4vw, 2.4rem); font-weight: 800; line-height: 1.3; margin-bottom: .85rem; }.post-hero-meta { display: flex; gap: .85rem; flex-wrap: wrap; font-size: .82rem; opacity: .72; align-items: center; }.post-layout { display: grid; grid-template-columns: 1fr 280px; gap: 2rem; max-width: 1140px; margin: 2rem auto; padding: 0 1rem; align-items: start; }@media (max-width: 860px) { .post-layout { grid-template-columns: 1fr; } }.post-card { background: #fff; border-radius: 12px; padding: 2rem 2.5rem; box-shadow: 0 2px 8px rgba(0,0,0,.07); }@media (max-width: 600px) { .post-card { padding: 1.25rem 1rem; } }.post-body { font-size: 1.05rem; line-height: 1.85; color: #2d3436; }.post-body h2 { font-size: 1.55rem; font-weight: 800; color: #1a1a2e; margin: 2rem 0 .75rem; padding-bottom: .4rem; border-bottom: 3px solid #6c5ce7; display: inline-block; }.post-body h3 { font-size: 1.2rem; font-weight: 700; color: #2d2d2d; margin: 1.6rem 0 .5rem; }.post-body h4 { font-size: 1rem; font-weight: 700; color: #444; margin: 1.4rem 0 .35rem; }.post-body p{ margin-bottom: 1.1rem; }.post-body ul, .post-body ol { padding-left: 1.6rem; margin-bottom: 1.1rem; }.post-body li { margin-bottom: .45rem; line-height: 1.7; }.post-body blockquote { border-left: 4px solid #6c5ce7; padding: .75rem 1.25rem; background: linear-gradient(135deg,#faf9ff,#f0ecff); color: #555; margin: 1.5rem 0; border-radius: 0 10px 10px 0; font-style: italic; }.post-body blockquote p { margin: 0; }.post-body img { max-width: 100%; height: auto; border-radius: 10px; margin: 1rem 0; box-shadow: 0 4px 15px rgba(0,0,0,.1); }.post-body a{ color: #6c5ce7; font-weight: 500; }.post-body a:hover { text-decoration: underline; }.post-body pre { background: #1e1e2e; color: #cdd6f4; padding: 1.1rem 1.25rem; border-radius: 10px; overflow-x: auto; font-size: .88rem; line-height: 1.65; margin: 1.25rem 0; }.post-body code { background: #f0ecff; color: #6c5ce7; padding: 2px 6px; border-radius: 4px; font-size: .88em; font-weight: 600; }.post-body pre code { background: none; color: inherit; padding: 0; font-weight: 400; }.post-body table { width: 100%; border-collapse: collapse; margin: 1rem 0; font-size: .9rem; }.post-body table th { background: #6c5ce7; color: #fff; font-weight: 700; padding: .55rem .8rem; text-align: left; }.post-body table td { padding: .5rem .8rem; border-bottom: 1px solid #f0f0f0; }.post-body table tr:nth-child(even) td { background: #faf9ff; }.post-body hr { border: none; border-top: 2px solid #f0f0f5; margin: 2rem 0; }.post-tags { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: 1.75rem; padding-top: 1.25rem; border-top: 2px solid #f0f0f5; }.post-tag { display: inline-block; padding: 4px 12px; border-radius: 20px; background: #f0ecff; color: #6c5ce7; font-size: .78rem; font-weight: 600; text-decoration: none; transition: all .15s; }.post-tag:hover { background: #6c5ce7; color: #fff; }.post-intro { font-size: 1.1rem; font-weight: 500; color: #555; line-height: 1.75; margin-bottom: 1.5rem; padding-bottom: 1.25rem; border-bottom: 2px dashed #e8e4ff; }.post-sidebar { display: flex; flex-direction: column; gap: 1rem; }.sidebar-card { background: #fff; border-radius: 12px; padding: 1.25rem 1.5rem; box-shadow: 0 2px 8px rgba(0,0,0,.07); }.sidebar-card h4 { font-size: .88rem; font-weight: 700; color: #2d2d2d; margin-bottom: .75rem; padding-bottom: .45rem; border-bottom: 2px solid #f0f0f5; }.related-link { display: flex; gap: .6rem; align-items: flex-start; text-decoration: none; color: inherit; margin-bottom: .7rem; }.related-link:last-child { margin-bottom: 0; }.related-thumb { width: 56px; height: 42px; border-radius: 6px; background: #f0f0f5 center/cover no-repeat; flex-shrink: 0; border: 1px solid #eee; }.related-title { font-size: .83rem; font-weight: 600; color: #333; line-height: 1.4; }.related-date{ font-size: .72rem; color: #aaa; margin-top: 2px; }.related-link:hover .related-title { color: #6c5ce7; }.share-btns { display: flex; gap: .4rem; flex-wrap: wrap; }.share-btn { display: inline-flex; align-items: center; gap: .3rem; padding: .4rem .8rem; border-radius: 7px; font-size: .78rem; font-weight: 600; text-decoration: none; color: #fff; border: none; cursor: pointer; transition: filter .15s; }.share-btn:hover { filter: brightness(1.15); }.share-tw { background: #1a8cd8; }.share-pi { background: #e60023; }.share-cp { background: #6c5ce7; }.comments-section { margin-top: 2rem; }.comments-header {display: flex; align-items: center; justify-content: space-between;margin-bottom: 1.5rem; flex-wrap: wrap; gap: .5rem;}.comments-title {font-size: 1.3rem; font-weight: 800; color: #2d2d2d;display: flex; align-items: center; gap: .5rem;}.comment-count-badge {background: #6c5ce7; color: #fff; border-radius: 20px;padding: 2px 10px; font-size: .78rem; font-weight: 700;}.comment-list { display: flex; flex-direction: column; gap: 0; }.comment {display: flex; gap: .85rem;padding: 1.1rem 0;border-bottom: 1px solid #f2f0ff;animation: fadeUp .3s ease;}.comment:last-child { border-bottom: none; }@keyframes fadeUp {from { opacity: 0; transform: translateY(6px); }to { opacity: 1; transform: translateY(0); }}.comment-replies {margin-left: 3rem;padding-left: 1rem;border-left: 3px solid #e8e4ff;margin-bottom: .5rem;}.comment-replies .comment {padding: .85rem 0;border-bottom: 1px dashed #f0ecff;}.comment-replies .comment:last-child { border-bottom: none; }.comment-avatar {width: 42px; height: 42px; border-radius: 50%; flex-shrink: 0;background: linear-gradient(135deg, #6c5ce7, #a29bfe);display: flex; align-items: center; justify-content: center;font-size: 1.1rem; font-weight: 700; color: #fff; text-transform: uppercase;box-shadow: 0 2px 6px rgba(108,92,231,.3);}.comment-replies .comment-avatar {width: 34px; height: 34px; font-size: .9rem;}.comment-body { flex: 1; min-width: 0; }.comment-meta { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; margin-bottom: .35rem; }.comment-author { font-weight: 700; font-size: .9rem; color: #2d2d2d; }.comment-date { font-size: .75rem; color: #aaa; }.comment-text { font-size: .925rem; line-height: 1.75; color: #444; white-space: pre-wrap; word-break: break-word; }.comment-reply-btn {display: inline-flex; align-items: center; gap: .25rem;margin-top: .5rem; font-size: .78rem; font-weight: 600; color: #6c5ce7;background: none; border: none; cursor: pointer; padding: 0;opacity: .8; transition: opacity .15s;}.comment-reply-btn:hover { opacity: 1; text-decoration: underline; }.inline-reply-form {display: none; margin-top: .75rem;background: #faf9ff; border-radius: 10px; padding: 1rem;border: 1.5px solid #e0d8ff;}.inline-reply-form.open { display: block; animation: fadeUp .2s ease; }.reply-to-label {font-size: .78rem; font-weight: 700; color: #6c5ce7; margin-bottom: .6rem;display: flex; align-items: center; justify-content: space-between;}.cancel-reply-btn { background: none; border: none; cursor: pointer; color: #aaa; font-size: .78rem; }.cancel-reply-btn:hover { color: #e74c3c; }.comment-form-card {background: linear-gradient(135deg, #faf9ff 0%, #fff 60%);border-radius: 14px; padding: 2rem;border: 2px solid #e8e4ff;margin-top: 1rem;box-shadow: 0 4px 20px rgba(108,92,231,.07);}.comment-form-title {font-size: 1.15rem; font-weight: 800; color: #2d2d2d;margin-bottom: 1.25rem; display: flex; align-items: center; gap: .5rem;}.comment-form-grid {display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; margin-bottom: .75rem;}@media (max-width: 500px) { .comment-form-grid { grid-template-columns: 1fr; } }.cf-label { display: block; font-size: .8rem; font-weight: 600; color: #555; margin-bottom: .25rem; }.cf-input {width: 100%; padding: .55rem .8rem; border: 2px solid #e0e0e0; border-radius: 8px;font-size: .9rem; font-family: inherit; background: #fff; transition: border-color .15s, box-shadow .15s;}.cf-input:focus { outline: none; border-color: #6c5ce7; box-shadow: 0 0 0 3px rgba(108,92,231,.12); }.cf-textarea { resize: vertical; min-height: 110px; }.submit-btn {display: inline-flex; align-items: center; gap: .4rem; padding: .65rem 1.6rem;background: linear-gradient(135deg, #6c5ce7, #a29bfe); color: #fff;border: none; border-radius: 9px; font-size: .95rem; font-weight: 700; cursor: pointer;transition: transform .15s, box-shadow .15s; box-shadow: 0 4px 12px rgba(108,92,231,.3);margin-top: .5rem;}.submit-btn:hover { transform: translateY(-1px); box-shadow: 0 6px 18px rgba(108,92,231,.4); }.submit-btn:active { transform: translateY(0); }.comment-alert {padding: .9rem 1.1rem; border-radius: 9px; font-size: .9rem; font-weight: 500;margin-bottom: 1.25rem; display: flex; align-items: flex-start; gap: .5rem;}.alert-success { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; }.alert-error { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }.no-comments {text-align: center; padding: 2.5rem 1rem; color: #aaa;background: #faf9ff; border-radius: 12px; border: 2px dashed #e0d8ff;margin-bottom: 1.5rem;}.no-comments .big { font-size: 2.5rem; margin-bottom: .5rem; }.no-comments p { font-size: .95rem; }