:root{--primary: #5B21B6;--primary-light: #7C3AED;--primary-dark: #3B0F8C;--accent: #A855F7;--accent-dark: #9333EA;--accent-light: #C084FC;--secondary: #A855F7;--bg: #F5F3FF;--surface: #ffffff;--bg-card: #ffffff;--bg-dark: #1E0A3C;--text: #1E0A3C;--muted: #6B5B8A;--text-muted: #6B5B8A;--text-light: #9D8EC0;--border: #DDD6FE;--border-light: #EDE9FE;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--radius: .75rem;--radius-lg: 1rem;--shadow-sm: 0 1px 3px rgba(91,33,182,.08);--shadow-md: 0 4px 16px rgba(91,33,182,.14);--shadow-lg: 0 8px 32px rgba(91,33,182,.2);--transition: .2s ease}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg)}.page{min-height:100vh}.hero{padding:6rem 1.5rem 4rem;text-align:center;background:linear-gradient(135deg,#1e0a3c,#7c3aed);color:#fff}.hero__brand{font-size:.875rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;opacity:.85}.hero__title{margin:.75rem 0 .5rem;font-size:2.75rem;font-weight:800}.hero__subtitle{margin:0 auto;max-width:40rem;font-size:1.125rem;opacity:.9}.hero__cta{display:inline-block;margin-top:1.75rem;padding:.75rem 1.75rem;border-radius:9999px;background:#fff;color:var(--primary);font-weight:600;text-decoration:none;transition:transform .15s ease}.hero__cta:hover{transform:translateY(-1px)}.content{max-width:48rem;margin:0 auto;padding:3rem 1.5rem;line-height:1.7}.content code{background:#eef2f7;padding:.1rem .4rem;border-radius:.3rem}.powered-by-savantly{padding:1rem 1.5rem 1.25rem;text-align:center;border-top:1px solid rgba(0,0,0,.08);background:#f9fafb}.powered-by-savantly__label{margin:0;font-size:.75rem;color:#6b7280;letter-spacing:.03em;text-transform:uppercase}.powered-by-savantly__link{display:inline-block;margin-top:.4rem;line-height:0}.powered-by-savantly__logo{height:22px;width:auto;display:block;margin:0 auto;opacity:.92}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.btn{display:inline-block;padding:.7rem 1.6rem;border-radius:9999px;font-weight:600;font-size:.95rem;cursor:pointer;border:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;text-decoration:none}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-dark)}.btn--outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn--outline:hover{background:var(--primary);color:#fff}.btn--white{background:#fff;color:var(--primary)}.btn--white:hover{background:#f0f4ff}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1}.navbar{position:sticky;top:0;z-index:100;background:var(--primary);box-shadow:0 2px 8px #0000002e}.navbar__inner{max-width:1200px;margin:0 auto;padding:0 1.5rem;height:64px;display:flex;align-items:center;justify-content:space-between}.navbar__logo{display:flex;align-items:center;gap:.5rem;text-decoration:none}.navbar__logo-icon{font-size:1.5rem}.navbar__logo-text{font-size:1.25rem;font-weight:800;color:#fff;letter-spacing:-.02em}.navbar__link{padding:.45rem .9rem;border-radius:9999px;color:#ffffffd9;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.navbar__link--btn{background:var(--accent);color:#fff!important;font-weight:600;margin-left:.5rem}.navbar__link--btn:hover{background:var(--accent-dark)}.navbar__hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.4rem}.navbar__hamburger span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:transform .2s,opacity .2s}.navbar__hamburger--open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar__hamburger--open span:nth-child(2){opacity:0}.navbar__hamburger--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar__drawer{display:flex;flex-direction:column;background:var(--primary-light);padding:.75rem 1.5rem 1rem;border-top:1px solid rgba(255,255,255,.1)}.navbar__drawer-link{padding:.65rem 0;color:#ffffffe6;font-size:1rem;font-weight:500;border-bottom:1px solid rgba(255,255,255,.08);text-decoration:none}.navbar__drawer-link:last-child{border-bottom:none}.shoprec-hero{position:relative;background:linear-gradient(155deg,#070212,#12061f 30%,#1a0a36 55%,#2a0f4e)!important;color:#fff!important;padding:5.5rem 1.5rem 6.5rem;overflow:hidden;text-align:center;border-bottom:none}.shoprec-hero__inner{max-width:860px;margin:0 auto;text-align:center;position:relative;z-index:1}.shoprec-hero__eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0 0 1rem}.shoprec-hero__title{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;line-height:1.1;margin:0 0 1.25rem;letter-spacing:-.02em}.shoprec-hero__subtitle{font-size:1.1rem;line-height:1.7;opacity:.88;max-width:600px;margin:0 auto 2rem}.shoprec-hero__actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}.shoprec-hero__cta{display:inline-block;padding:.8rem 2rem;border-radius:9999px;font-weight:700;font-size:1rem;text-decoration:none;transition:transform .15s,box-shadow .15s}.shoprec-hero__cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.shoprec-hero__cta--primary{background:var(--accent);color:#fff}.shoprec-hero__cta--primary:hover{background:var(--accent-dark)}.shoprec-hero__cta--secondary{background:#ffffff26;color:#fff;border:2px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shoprec-hero__cta--secondary:hover{background:#ffffff40}.shoprec-hero__stats{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);padding:1.25rem 2rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.shoprec-hero__stat-label{font-size:.75rem;opacity:.8;text-transform:uppercase;letter-spacing:.08em}.shoprec-hero__stat-divider{width:1px;height:40px;background:#ffffff40}.shoprec-hero__wave{position:absolute;bottom:0;left:0;right:0;height:48px;line-height:0;overflow:hidden;pointer-events:none;z-index:2;background:transparent}.section-inner{max-width:1200px;margin:0 auto;padding:4rem 1.5rem}.section-title{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800;color:var(--primary);margin:0 0 .5rem;text-align:center}.section-subtitle{text-align:center;color:var(--muted);font-size:1rem;margin:0 0 2.5rem}.how-it-works,.home-page .how-it-works{background:#fff!important;margin-top:0!important;border-top:none!important;position:relative;z-index:1}.home-page>.shoprec-hero+.how-it-works{margin-top:-1px}.step{flex:1;min-width:200px;max-width:280px;text-align:center;padding:2rem 1.5rem;background:var(--bg);border-radius:var(--radius);border:1px solid var(--border);transition:box-shadow .2s,transform .2s}.step:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.step__icon{font-size:2.5rem;margin-bottom:.75rem}.step__title{font-size:1.1rem;font-weight:700;color:var(--primary);margin:0 0 .5rem}.step__desc{font-size:.9rem;color:var(--muted);line-height:1.6;margin:0}.step__arrow{font-size:1.75rem;color:var(--accent);align-self:center;font-weight:700;padding-top:.5rem}@media (max-width: 640px){.step__arrow{display:none}}.categories-section{background:var(--bg)}.category-pills{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.category-pill{padding:.5rem 1.25rem;border-radius:9999px;background:var(--surface);border:2px solid var(--border);color:var(--primary);font-size:.9rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,color .15s,transform .15s}.category-pill:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-2px)}.featured-section{background:var(--surface)}.featured-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;margin-bottom:2.5rem}.product-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s}.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.product-card__img-skeleton{width:100%;height:180px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.product-card__body{padding:1rem}.skeleton-line{height:12px;border-radius:6px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;margin-bottom:.6rem}.skeleton-line--title{width:80%;height:16px}.skeleton-line--short{width:55%}.skeleton-line--btn{width:40%;height:28px;border-radius:9999px;margin-top:.75rem}.featured-section__cta{text-align:center}.cta-banner{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff}.cta-banner__inner{text-align:center}.cta-banner__title{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800;margin:0 0 .75rem}.cta-banner__subtitle{font-size:1rem;opacity:.88;max-width:540px;margin:0 auto 2rem;line-height:1.7}.footer{background:var(--bg-dark);color:#ffffffd9}.footer__inner{max-width:1200px;margin:0 auto;padding:3rem 1.5rem 2rem;display:flex;gap:3rem;flex-wrap:wrap}.footer__brand{flex:1;min-width:200px}.footer__logo-icon{font-size:1.75rem}.footer__logo-text{font-size:1.3rem;font-weight:800;color:#fff;display:block;margin-top:.25rem}.footer__tagline{font-size:.9rem;opacity:.75;margin:.75rem 0 .5rem;line-height:1.5}.footer__affiliate-notice{font-size:.75rem;opacity:.55;margin:0;font-style:italic}.footer__cols{display:flex;gap:2.5rem;flex-wrap:wrap}.footer__col{display:flex;flex-direction:column;gap:.5rem;min-width:130px}.footer__col-heading{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:0 0 .25rem}.footer__col-link{font-size:.875rem;color:#ffffffb3;text-decoration:none;transition:color .15s}.footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;max-width:1200px;margin:0 auto}.footer__copy{font-size:.8rem;opacity:.55;margin:0}.footer__legal-links{display:flex;align-items:center;gap:.5rem;font-size:.8rem;opacity:.7}.footer__legal-link{color:inherit;text-decoration:none}.footer__legal-link:hover{opacity:1;text-decoration:underline}.legal-page{padding:2.5rem 1.25rem 4rem;background:#fafafa;min-height:60vh}.legal-page__inner{max-width:720px;margin:0 auto;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:2rem 1.75rem 2.5rem;box-shadow:0 8px 30px #0f172a0a}.legal-page__crumb{font-size:.875rem;color:#6b7280;margin:0 0 1rem}.legal-page__crumb a{color:#7c3aed;text-decoration:none;font-weight:600}.legal-page__crumb a:hover{text-decoration:underline}.legal-page__title{margin:0 0 .35rem;font-size:clamp(1.75rem,4vw,2.25rem);color:#111827;letter-spacing:-.02em}.legal-page__updated{margin:0 0 1.75rem;font-size:.875rem;color:#9ca3af}.legal-page__body section{margin-bottom:1.5rem}.legal-page__body h2{margin:0 0 .5rem;font-size:1.1rem;color:#1f2937}.legal-page__body p,.legal-page__body li{margin:0 0 .65rem;color:#4b5563;line-height:1.65;font-size:.975rem}.legal-page__body ul{margin:0 0 .65rem;padding-left:1.25rem}.legal-page__back{margin:2rem 0 0}.footer .powered-by-savantly{background:transparent;border-top:none;padding:0}.footer .powered-by-savantly__label{color:#ffffff73}.auth-page{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:var(--color-bg-alt, #f8f9fb)}.auth-card{background:#fff;border-radius:12px;box-shadow:0 4px 24px #0000001a;padding:2.5rem 2rem;width:100%;max-width:420px}.auth-card__header{text-align:center;margin-bottom:1.75rem}.auth-card__title{font-size:1.75rem;font-weight:700;color:var(--color-navy, #0f2044);margin:0 0 .4rem}.auth-card__subtitle{color:#6b7280;font-size:.95rem;margin:0}.auth-error{background:#fef2f2;border:1px solid #fca5a5;color:#b91c1c;border-radius:8px;padding:.75rem 1rem;font-size:.9rem;margin-bottom:1.25rem}.auth-form{display:flex;flex-direction:column;gap:1.1rem}.auth-card__footer{text-align:center;margin-top:1.5rem;font-size:.9rem;color:#6b7280}.auth-link{color:var(--color-amber, #f59e0b);font-weight:600;text-decoration:none}.auth-link:hover{text-decoration:underline}.form-label{font-size:.875rem;font-weight:600;color:var(--color-navy, #0f2044)}.form-input,.form-select,.form-textarea{border:1.5px solid #d1d5db;border-radius:8px;padding:.65rem .9rem;font-size:.95rem;color:#111827;background:#fff;transition:border-color .2s;width:100%;box-sizing:border-box}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-amber, #f59e0b);box-shadow:0 0 0 3px #f59e0b26}.btn--full{width:100%;justify-content:center}.placeholder-page{max-width:600px;margin:4rem auto;text-align:center;padding:2rem;color:#6b7280}.placeholder-page h2{font-size:1.75rem;color:var(--color-navy, #0f2044);margin-bottom:.75rem}.auth-guard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;gap:1rem;color:#6b7280}.spinner{width:36px;height:36px;border:3px solid #e5e7eb;border-top-color:var(--color-amber, #f59e0b);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.product-card__img-link{display:block;overflow:hidden}.product-card__img{width:100%;height:200px;object-fit:cover;transition:transform .3s ease}.product-card:hover .product-card__img{transform:scale(1.04)}.product-card__meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.product-card__title-link{text-decoration:none}.product-card__title{font-size:1rem;font-weight:700;color:var(--primary);margin:0 0 .4rem;line-height:1.35}.product-card__title-link:hover .product-card__title{color:var(--accent-dark)}.product-card__desc{font-size:.875rem;color:var(--muted);line-height:1.55;margin:0 0 1rem}.product-card__btn{font-size:.85rem;padding:.5rem 1.2rem}.category-badge{display:inline-block;padding:.2rem .65rem;border-radius:9999px;background:#0f2a5e14;color:var(--primary);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.badge{display:inline-block;padding:.2rem .65rem;border-radius:9999px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.badge--green{background:#d1fae5;color:#065f46}.badge--yellow{background:#fef3c7;color:#92400e}.badge--red{background:#fee2e2;color:#991b1b}.browse-page{min-height:80vh}.browse-header{background:linear-gradient(135deg,#1e0a3c,#5b21b6);color:#fff;padding:3.5rem 1.5rem 2.5rem}.browse-header__inner{max-width:760px;margin:0 auto;text-align:center}.browse-header__title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;margin:0 0 .5rem}.browse-header__subtitle{font-size:1rem;opacity:.85;margin:0 0 1.75rem}.browse-search-wrap{position:relative;max-width:480px;margin:0 auto}.browse-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1rem;pointer-events:none}.browse-search{width:100%;padding:.8rem 1rem .8rem 2.75rem;border-radius:9999px;border:none;font-size:.95rem;box-shadow:0 2px 12px #00000026;outline:none;color:var(--text)}.browse-search:focus{box-shadow:0 0 0 3px #f59e0b66}.browse-filters{background:var(--surface);border-bottom:1px solid var(--border);padding:1rem 1.5rem;position:sticky;top:64px;z-index:50}.browse-filters__inner{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:.5rem}.category-pill--active{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}.browse-grid-wrap{background:var(--bg)}.browse-count{font-size:.875rem;color:var(--muted);margin:0 0 1.5rem}.browse-loading,.browse-empty{text-align:center;padding:4rem 1rem;color:var(--muted)}.browse-empty__icon{font-size:3rem;margin-bottom:1rem}.browse-empty h3{font-size:1.25rem;color:var(--primary);margin:0 0 .5rem}.browse-empty p{font-size:.9rem}.browse-error{background:#fef2f2;border:1px solid #fca5a5;color:#b91c1c;border-radius:var(--radius);padding:1rem 1.5rem;margin:2rem 0;text-align:center}.detail-page{min-height:80vh}.detail-loading,.detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem;text-align:center;padding:2rem;color:var(--muted)}.detail-error__icon{font-size:3rem}.detail-error h2{color:var(--primary);margin:0}.detail-breadcrumb{background:var(--surface);border-bottom:1px solid var(--border);padding:.75rem 1.5rem}.detail-breadcrumb__inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--muted);flex-wrap:wrap}.detail-back{background:none;border:none;cursor:pointer;color:var(--primary);font-weight:600;font-size:.875rem;padding:0}.detail-back:hover{text-decoration:underline}.detail-breadcrumb__sep{color:var(--border)}.detail-breadcrumb__link{color:var(--primary);font-weight:500;text-decoration:none}.detail-breadcrumb__link:hover{text-decoration:underline}.detail-breadcrumb__current{color:var(--text);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.detail-inner{max-width:1100px;margin:0 auto;padding:3rem 1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}@media (max-width: 768px){.detail-inner{grid-template-columns:1fr;gap:1.5rem}}.detail-img-wrap{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-md);background:#f9fafb}.detail-img{width:100%;height:380px;object-fit:cover;display:block}@media (max-width: 768px){.detail-img{height:240px}}.detail-category{margin-bottom:.75rem}.detail-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;color:var(--primary);margin:.5rem 0 1rem;line-height:1.2}.detail-desc{font-size:1rem;color:var(--text);line-height:1.75;margin:0 0 1.5rem}.detail-disclosure{font-size:.8rem;color:var(--muted);background:#fffbeb;border:1px solid #fde68a;border-radius:.5rem;padding:.65rem .9rem;margin:0 0 1.5rem;line-height:1.5}.detail-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.detail-buy-btn{font-size:1rem;padding:.85rem 2rem}.detail-buy-btn:disabled{opacity:.7;cursor:not-allowed}.detail-recommender-note{display:flex;align-items:flex-start;gap:.5rem;font-size:.85rem;color:var(--muted);background:var(--bg);border-radius:.5rem;padding:.75rem 1rem;border:1px solid var(--border)}.detail-recommender-note__icon{flex-shrink:0}.detail-related{background:var(--surface);border-top:1px solid var(--border)}.submit-page{max-width:1100px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.submit-page__header{text-align:center;margin-bottom:2.5rem}.submit-page__header h1{font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:.5rem}.submit-page__header p{color:#6b7280;font-size:1.05rem}.submit-page__body{display:grid;grid-template-columns:1fr 340px;gap:2.5rem;align-items:start}@media (max-width: 860px){.submit-page__body{grid-template-columns:1fr}}.submit-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:2rem;display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.35rem}.required{color:var(--accent)}.form-hint{font-size:.8rem;color:#9ca3af}.form-select{cursor:pointer}.form-textarea{resize:vertical;min-height:100px}.form-error-banner{background:#fef2f2;border:1px solid #fca5a5;color:#b91c1c;border-radius:8px;padding:.75rem 1rem;font-size:.9rem}.submit-form__footer{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.5rem}.btn--lg{padding:.8rem 2rem;font-size:1rem}.btn--danger{background:#ef4444;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:background .2s}.btn--danger:hover{background:#dc2626}.submit-form__disclosure{font-size:.78rem;color:#9ca3af;margin-top:.25rem}.submit-tips{background:var(--bg-dark);color:#e2e8f0;border-radius:12px;padding:1.75rem}.submit-tips h3{font-size:1rem;font-weight:700;margin-bottom:1rem;color:#fff}.submit-tips ul{padding-left:1.2rem;display:flex;flex-direction:column;gap:.6rem;font-size:.88rem;line-height:1.5}.submit-tips__earnings{margin-top:1.5rem;background:#ffffff14;border-radius:8px;padding:1rem}.submit-tips__earnings h4{font-size:.9rem;font-weight:700;color:var(--accent);margin-bottom:.5rem}.submit-tips__earnings p{font-size:.85rem;margin-bottom:.3rem}.submit-tips__disclaimer{font-size:.75rem!important;color:#94a3b8!important;margin-top:.5rem!important}.submit-success{max-width:480px;margin:4rem auto;text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:3rem 2rem}.submit-success__icon{font-size:3rem;margin-bottom:1rem}.submit-success h2{font-size:1.6rem;color:var(--primary);margin-bottom:.75rem}.submit-success p{color:#6b7280;margin-bottom:1.5rem}.submit-success__actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.dashboard-page{max-width:1100px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.dashboard-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem;color:#6b7280}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.dashboard-header h1{font-size:1.9rem;font-weight:700;color:var(--primary);margin-bottom:.2rem}.dashboard-header__email{color:#6b7280;font-size:.9rem}.dashboard-summary{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.summary-stat{flex:1;min-width:120px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1.1rem 1.25rem;display:flex;flex-direction:column;gap:.25rem}.summary-stat--highlight{border-color:var(--accent)}.summary-stat--earnings{background:var(--bg-dark);color:#fff}.summary-stat--earnings .summary-stat__label{color:#c8a88a}.summary-stat__value{font-size:1.6rem;font-weight:700;color:var(--primary)}.summary-stat--earnings .summary-stat__value{color:var(--accent)}.summary-stat__label{font-size:.78rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.dashboard-tabs{display:flex;gap:0;border-bottom:2px solid #e5e7eb;margin-bottom:2rem}.dashboard-tab{background:none;border:none;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s}.dashboard-tab--active{color:var(--primary);border-bottom-color:var(--accent)}.dashboard-tab:hover:not(.dashboard-tab--active){color:var(--primary)}.dashboard-overview{display:flex;flex-direction:column;gap:2rem}.dashboard-per-product h3{font-size:1.1rem;font-weight:700;color:var(--primary);margin-bottom:1rem}.per-product-list{display:flex;flex-direction:column;gap:.75rem}.per-product-row{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:.9rem 1.25rem;gap:1rem;flex-wrap:wrap}.per-product-row__info{display:flex;align-items:center;gap:.75rem;flex:1}.per-product-row__img{width:48px;height:48px;object-fit:cover;border-radius:6px;flex-shrink:0}.per-product-row__title{font-weight:600;color:var(--primary);font-size:.9rem;margin-bottom:.25rem}.per-product-row__stats{display:flex;gap:1.25rem;align-items:center}.per-product-stat{font-size:.88rem;color:#6b7280}.per-product-stat--earnings{font-weight:700;color:#059669}.dashboard-product-list{display:flex;flex-direction:column;gap:1rem}.dashboard-product-card{display:flex;gap:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem;align-items:flex-start;flex-wrap:wrap}.dashboard-product-card__img{width:80px;height:80px;object-fit:cover;border-radius:8px;flex-shrink:0}.dashboard-product-card__body{flex:1;min-width:200px}.dashboard-product-card__top{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.3rem}.dashboard-product-card__title{font-size:1rem;font-weight:700;color:var(--primary)}.dashboard-product-card__category{font-size:.8rem;color:#9ca3af;margin-bottom:.4rem}.dashboard-product-card__desc{font-size:.88rem;color:#6b7280;margin-bottom:.5rem}.dashboard-product-card__meta{display:flex;gap:1rem;font-size:.8rem;color:#9ca3af;flex-wrap:wrap}.dashboard-product-card__actions{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.status-badge{display:inline-block;padding:.2rem .65rem;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.status-badge--pending{background:#fef3c7;color:#92400e}.status-badge--approved{background:#d1fae5;color:#065f46}.status-badge--rejected{background:#fee2e2;color:#991b1b}.dashboard-empty{text-align:center;padding:3rem 1rem;color:#6b7280;display:flex;flex-direction:column;align-items:center;gap:1rem}.click-stats-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.75rem}.click-stats-card__metrics{display:flex;gap:2rem;flex-wrap:wrap;margin-bottom:1.5rem}.click-stat{display:flex;flex-direction:column;gap:.2rem}.click-stat__value{font-size:2rem;font-weight:700;color:var(--primary)}.click-stat__label{font-size:.78rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.click-stats-card__sessions h4{font-size:.95rem;font-weight:700;color:var(--primary);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.privacy-badge{font-size:.75rem;background:#eff6ff;color:#1d4ed8;padding:.15rem .5rem;border-radius:999px;font-weight:500}.session-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.session-hash{font-family:monospace;font-size:.78rem;background:#f3f4f6;color:#374151;padding:.2rem .6rem;border-radius:6px;letter-spacing:.05em}.session-more{font-size:.8rem;color:#9ca3af;align-self:center}.click-stats-card__privacy-note{font-size:.78rem;color:#9ca3af}.click-stats-card__share-note{margin:.85rem 0 0;font-size:.82rem;line-height:1.45;color:#6b7280}.dashboard-per-product__note{margin:-.35rem 0 1rem;font-size:.85rem;color:#6b7280;line-height:1.4}.affiliate-config-form__share-pill{display:inline-flex;align-items:center;padding:.55rem .9rem;border-radius:999px;background:linear-gradient(135deg,#4c1d95,#7c3aed);color:#fff;font-weight:700;font-size:.95rem}.affiliate-rate-table{margin:1.5rem 0 1.25rem;padding:1.1rem 1.15rem;border:1px solid #e5e7eb;border-radius:12px;background:#fafafa}.affiliate-rate-table__title{margin:0 0 .35rem;font-size:1rem;font-weight:700;color:#1f2937}.affiliate-rate-table__intro{margin:0 0 .85rem;font-size:.82rem;color:#6b7280;line-height:1.45}.affiliate-rate-table__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.affiliate-rate-table__table{width:100%;border-collapse:collapse;font-size:.84rem;min-width:520px}.affiliate-rate-table__table th,.affiliate-rate-table__table td{text-align:left;padding:.55rem .65rem;border-bottom:1px solid #e5e7eb;vertical-align:top}.affiliate-rate-table__table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;font-weight:700;background:#f3f4f6}.affiliate-rate-table__table tbody tr:last-child td{border-bottom:none}.affiliate-rate-table__examples{color:#6b7280;font-size:.8rem}.affiliate-rate-table__of-order{color:#9ca3af;font-weight:500;font-size:.78rem}.admin-page{min-height:80vh;background:#f8fafc}.admin-page__header{background:linear-gradient(135deg,#1e0a3c,#5b21b6);color:#fff;padding:2.5rem 0 2rem}.admin-page__header-inner{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.admin-page__title{font-size:1.75rem;font-weight:700;margin:0 0 .25rem;color:#fff}.admin-page__subtitle{margin:0;opacity:.75;font-size:.95rem}.admin-page__header-actions{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.admin-page__stats-bar{display:flex;gap:1rem}.admin-signout{background:#ffffff1f;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:8px;padding:.55rem 1rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s}.admin-signout:hover{background:#ffffff38}.admin-stat{background:#ffffff1f;border-radius:10px;padding:.6rem 1.1rem;text-align:center;min-width:70px}.admin-stat--pending{background:#f59e0b40}.admin-stat--approved{background:#10b98140}.admin-stat--rejected{background:#ef444433}.admin-stat__value{display:block;font-size:1.4rem;font-weight:700}.admin-stat__label{display:block;font-size:.72rem;opacity:.8;text-transform:uppercase;letter-spacing:.05em}.admin-page__tabs{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;gap:.25rem;border-bottom:2px solid #e2e8f0;background:#fff;box-shadow:0 1px 3px #0000000f}.admin-tab{background:none;border:none;padding:1rem 1.5rem;font-size:.95rem;font-weight:500;color:#64748b;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s;display:flex;align-items:center;gap:.5rem}.admin-tab:hover{color:var(--navy)}.admin-tab--active{color:var(--primary);border-bottom-color:var(--accent);font-weight:600}.admin-tab__badge{background:var(--amber);color:#fff;font-size:.7rem;font-weight:700;border-radius:999px;padding:.1rem .45rem;min-width:18px;text-align:center}.admin-page__content{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.admin-products__toolbar{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-bottom:1.5rem}.admin-products__search{flex:1;min-width:200px}.admin-products__filters{display:flex;gap:.4rem;flex-wrap:wrap}.admin-filter-btn{background:#fff;border:1.5px solid #e2e8f0;border-radius:6px;padding:.4rem .85rem;font-size:.85rem;font-weight:500;color:#475569;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:.35rem}.admin-filter-btn:hover{border-color:var(--navy);color:var(--navy)}.admin-filter-btn--active{background:var(--navy);border-color:var(--navy);color:#fff}.admin-filter-btn__count{background:#ffffff40;border-radius:999px;padding:0 .4rem;font-size:.75rem}.admin-filter-btn--active .admin-filter-btn__count{background:#ffffff4d}.admin-products__list{display:flex;flex-direction:column;gap:1rem}.admin-product-row{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:1.25rem;display:flex;gap:1.25rem;align-items:flex-start;transition:box-shadow .2s}.admin-product-row:hover{box-shadow:0 4px 16px #00000014}.admin-product-row__img-wrap{flex-shrink:0;width:80px;height:80px;border-radius:8px;overflow:hidden;background:#f1f5f9;display:flex;align-items:center;justify-content:center}.admin-product-row__img{width:100%;height:100%;object-fit:cover}.admin-product-row__img-placeholder{font-size:2rem}.admin-product-row__info{flex:1;min-width:0}.admin-product-row__title{font-weight:600;font-size:1rem;color:var(--navy);margin-bottom:.35rem}.admin-product-row__meta{display:flex;gap:.75rem;font-size:.8rem;color:#64748b;margin-bottom:.4rem;flex-wrap:wrap}.admin-product-row__category{background:#eff6ff;color:#1d4ed8;border-radius:4px;padding:.1rem .45rem;font-weight:500}.admin-product-row__desc{font-size:.875rem;color:#475569;margin-bottom:.4rem;line-height:1.5}.admin-product-row__link{font-size:.8rem;color:var(--amber);text-decoration:none;font-weight:500}.admin-product-row__link:hover{text-decoration:underline}.admin-product-row__actions{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end;flex-shrink:0}.admin-badge{font-size:.75rem;font-weight:600;border-radius:999px;padding:.2rem .7rem;text-transform:uppercase;letter-spacing:.04em}.admin-badge--pending{background:#fef3c7;color:#92400e}.admin-badge--approved{background:#d1fae5;color:#065f46}.admin-badge--rejected{background:#fee2e2;color:#991b1b}.btn--sm{padding:.35rem .85rem;font-size:.82rem}.btn--approve{background:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s}.btn--approve:hover:not(:disabled){background:#059669}.btn--reject{background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s}.btn--reject:hover:not(:disabled){background:#dc2626}.btn--approve:disabled,.btn--reject:disabled{opacity:.6;cursor:not-allowed}.admin-agent-recs__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.admin-agent-recs__header h2{margin:0 0 .35rem;font-size:1.25rem;color:var(--navy, #0f172a)}.admin-agent-recs__header p{margin:0;color:#64748b;font-size:.92rem;max-width:40rem}.admin-agent-recs__list{display:flex;flex-direction:column;gap:.85rem;margin-top:1rem}.agent-rec-row{display:flex;gap:1rem;justify-content:space-between;align-items:flex-start;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:1.1rem 1.25rem}.agent-rec-row--pending{border-color:#fcd34d;background:#fffbeb}.agent-rec-row__body{flex:1;min-width:0}.agent-rec-row__top{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.35rem}.agent-rec-row__title{margin:0;font-size:1.05rem;font-weight:700;color:var(--navy, #0f172a)}.agent-rec-row__price{font-weight:700;color:#059669;margin-bottom:.4rem}.agent-rec-row__quote{margin:.4rem 0 .75rem;padding:.65rem .85rem;border-left:3px solid #a78bfa;background:#f5f3ff;color:#334155;font-size:.92rem;border-radius:0 8px 8px 0}.agent-rec-row__meta{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:center;font-size:.82rem;color:#64748b}.agent-rec-row__actions{display:flex;flex-direction:column;gap:.45rem;flex-shrink:0}.admin-product-row__error{margin-top:.5rem;font-size:.82rem}@media (max-width: 720px){.agent-rec-row{flex-direction:column}.agent-rec-row__actions{flex-direction:row;flex-wrap:wrap}}.admin-config{max-width:680px}.affiliate-config-form{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;padding:2rem}.affiliate-config-form__header{margin-bottom:1.75rem}.affiliate-config-form__header h3{font-size:1.2rem;font-weight:700;color:var(--navy);margin:0 0 .35rem}.affiliate-config-form__header p{color:#64748b;font-size:.9rem;margin:0}.affiliate-config-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.5rem}@media (max-width: 540px){.affiliate-config-form__grid{grid-template-columns:1fr}}.affiliate-config-form__preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem 1.25rem;margin-bottom:1.5rem}.affiliate-config-form__preview-label{font-size:.78rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}.affiliate-config-form__preview-url{font-size:.82rem;color:var(--navy);word-break:break-all}.affiliate-config-form__footer{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.affiliate-config-form__disclosure{font-size:.8rem;color:#92400e;background:#fef3c7;border-radius:6px;padding:.5rem .75rem;margin:0;flex:1}.admin-clicks__header{margin-bottom:1.5rem}.admin-clicks__header h3{font-size:1.15rem;font-weight:700;color:var(--navy);margin:0 0 .3rem}.admin-clicks__header p{color:#64748b;font-size:.9rem;margin:0}.admin-clicks__table-wrap{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;overflow:hidden}.admin-table{width:100%;border-collapse:collapse;font-size:.875rem}.admin-table thead{background:#f1f5f9}.admin-table th{text-align:left;padding:.85rem 1rem;font-weight:600;color:#475569;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1.5px solid #e2e8f0}.admin-table td{padding:.85rem 1rem;border-bottom:1px solid #f1f5f9;color:#334155;vertical-align:middle}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:#f8fafc}.admin-table__product-title{font-weight:500;color:var(--navy)}.admin-table__code{font-family:monospace;font-size:.8rem;background:#f1f5f9;padding:.15rem .4rem;border-radius:4px;color:#475569}.admin-table__code--hash{color:#7c3aed;background:#f5f3ff}.admin-table__date{color:#64748b;font-size:.82rem;white-space:nowrap}.admin-clicks__count{padding:.75rem 1rem;font-size:.82rem;color:#64748b;border-top:1px solid #f1f5f9;background:#f8fafc}.admin-loading{display:flex;align-items:center;gap:.75rem;color:#64748b;padding:2rem 0;font-size:.95rem}.admin-empty{text-align:center;padding:3rem 1rem;color:#94a3b8}.admin-empty__icon{font-size:2.5rem;margin-bottom:.75rem}.form-hint{font-size:.8rem;color:#64748b;margin:.35rem 0 0}.form-success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7;border-radius:8px;padding:.75rem 1rem;font-size:.9rem;font-weight:500;margin-bottom:1rem}@media (max-width: 768px){.admin-page__header-inner{flex-direction:column;align-items:flex-start}.admin-page__stats-bar,.admin-product-row{flex-wrap:wrap}.admin-product-row__actions{flex-direction:row;align-items:center}.admin-table{font-size:.78rem}.admin-table th,.admin-table td{padding:.6rem}}:root{--primary: #5B21B6;--primary-dark: #3B0F8C;--primary-light: #7C3AED;--accent: #A855F7;--accent-dark: #9333EA;--accent-light: #C084FC;--bg: #F5F3FF;--bg-card: #ffffff;--bg-dark: #1E0A3C;--text: #1E0A3C;--text-muted: #6B5B8A;--text-light: #9D8EC0;--border: #DDD6FE;--border-light: #EDE9FE;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--radius: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 4px rgba(91,33,182,.08);--shadow-md: 0 4px 16px rgba(91,33,182,.14);--shadow-lg: 0 8px 32px rgba(91,33,182,.2);--transition: .2s ease}.navbar__logo-img{height:44px;width:auto;display:block;object-fit:contain}.navbar{background:var(--bg-dark);box-shadow:0 2px 12px #2c1a0e47;position:sticky;top:0;z-index:100}.navbar__inner{max-width:1200px;margin:0 auto;padding:0 1.5rem;height:68px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.navbar__logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.navbar__links{display:flex;align-items:center;gap:.25rem}.navbar__link{color:#ffffffd9;text-decoration:none;font-size:.95rem;font-weight:500;padding:.45rem .9rem;border-radius:6px;transition:background var(--transition),color var(--transition)}.navbar__link:hover,.navbar__link--active{background:#ffffff1f;color:#fff}.navbar__link--btn{background:var(--accent);color:var(--primary-dark)!important;font-weight:700;margin-left:.5rem}.navbar__link--btn:hover{background:var(--accent-dark);color:var(--primary-dark)!important}.navbar__hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}.navbar__hamburger span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:transform var(--transition),opacity var(--transition)}.navbar__drawer{background:#120526;display:flex;flex-direction:column;padding:.75rem 1.5rem 1rem;gap:.25rem;border-top:1px solid rgba(255,255,255,.1)}.navbar__drawer-link{color:#ffffffe6;text-decoration:none;font-size:1rem;font-weight:500;padding:.6rem .5rem;border-radius:6px;transition:background var(--transition)}.navbar__drawer-link:hover{background:#ffffff1a}@media (max-width: 768px){.navbar__links{display:none}.navbar__hamburger{display:flex}}.shoprec-hero{position:relative;overflow:hidden;text-align:center;color:#fff!important}.shoprec-hero:before{display:none}.shoprec-hero__inner{max-width:780px;margin:0 auto;position:relative;z-index:1}.shoprec-hero__eyebrow{font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-light);margin-bottom:1rem}.shoprec-hero__title{font-size:clamp(2rem,5vw,3.25rem);font-weight:800;line-height:1.15;margin-bottom:1.25rem;color:#fff}.shoprec-hero__title-accent{color:var(--accent)}.shoprec-hero__subtitle{font-size:1.1rem;line-height:1.7;color:#ffffffd1;max-width:600px;margin:0 auto 2rem}.shoprec-hero__actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2.5rem}.shoprec-hero__cta{display:inline-block;padding:.85rem 2rem;border-radius:8px;font-weight:700;font-size:1rem;text-decoration:none;transition:transform var(--transition),box-shadow var(--transition),background var(--transition)}.shoprec-hero__cta--primary{background:var(--accent);color:#fff;box-shadow:0 4px 16px #a855f766}.shoprec-hero__cta--primary:hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 6px 20px #a855f78c}.shoprec-hero__cta--secondary{background:#ffffff1f;color:#fff;border:2px solid rgba(255,255,255,.35)}.shoprec-hero__cta--secondary:hover{background:#fff3;transform:translateY(-2px)}.shoprec-hero__stats{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:1.25rem 2rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.shoprec-hero__stat-value{font-size:1.5rem;font-weight:800;color:var(--accent)}.shoprec-hero__stat-label{font-size:.78rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.06em}.shoprec-hero__stat-divider{width:1px;height:40px;background:#fff3}.shoprec-hero__wave{position:absolute;bottom:0;left:0;right:0;height:48px;line-height:0;overflow:hidden;pointer-events:none;z-index:2}.shoprec-hero__wave svg{display:block;width:100%;height:100%}.featured-section{padding:4rem 1.5rem;background:var(--bg)}.featured-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.featured-empty{text-align:center;padding:3rem 1rem;background:var(--bg-card);border:2px dashed var(--border);border-radius:var(--radius-lg);margin-bottom:2rem}.featured-empty__text{color:var(--text-muted);font-size:1.05rem}.featured-empty__link{color:var(--primary);font-weight:600;text-decoration:underline}.featured-section__cta{text-align:center;margin-top:1.5rem}.home-page .featured-section{background:var(--surface, var(--bg))}.featured-empty__btn{margin-top:1rem}.product-card--skeleton{pointer-events:none;box-shadow:none}.category-pill--all{border-style:dashed;font-weight:600;color:var(--primary)}.cta-banner__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1.25rem}.btn--outline-white{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.85);font-weight:600}.btn--outline-white:hover{background:#ffffff1f;color:#fff}.categories-section{padding:3rem 1.5rem;background:var(--bg-card);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.category-pills{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1.5rem}.category-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.2rem;background:var(--bg);border:2px solid var(--border);border-radius:50px;color:var(--primary);font-weight:600;font-size:.9rem;text-decoration:none;transition:background var(--transition),border-color var(--transition),transform var(--transition),box-shadow var(--transition)}.category-pill:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.category-pill__emoji{font-size:1.1rem}.how-it-works{padding:4rem 1.5rem;background:var(--bg)}.section-inner{max-width:1100px;margin:0 auto}.section-title{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800;color:var(--text);text-align:center;margin-bottom:.5rem}.section-subtitle{text-align:center;color:var(--text-muted);font-size:1.05rem;margin-bottom:2.5rem}.steps{display:flex;align-items:flex-start;justify-content:center;gap:1rem;flex-wrap:wrap}.step{flex:1;min-width:200px;max-width:280px;text-align:center;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:2rem 1.5rem;box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition)}.step:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.step__icon{font-size:2.5rem;margin-bottom:1rem}.step__title{font-size:1.1rem;font-weight:700;color:var(--primary);margin-bottom:.6rem}.step__desc{font-size:.9rem;color:var(--text-muted);line-height:1.6}.step__arrow{font-size:2rem;color:var(--accent);font-weight:700;align-self:center;flex-shrink:0;padding-top:.5rem}@media (max-width: 640px){.step__arrow{display:none}.steps{flex-direction:column;align-items:center}}.cta-banner{background:linear-gradient(135deg,#3b0f8c,#1e0a3c);padding:4rem 1.5rem;text-align:center;position:relative;overflow:hidden}.cta-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 50%,rgba(168,85,247,.2) 0%,transparent 60%);pointer-events:none}.cta-banner__inner{position:relative;z-index:1}.cta-banner__title{font-size:clamp(1.6rem,3vw,2.25rem);font-weight:800;color:#fff;margin-bottom:.75rem}.cta-banner__subtitle{color:#fffc;font-size:1.05rem;max-width:560px;margin:0 auto 2rem;line-height:1.7}.footer__logo-img{height:48px;width:auto;object-fit:contain;filter:brightness(0) invert(1);opacity:.9;margin-bottom:.75rem;display:block}.btn{display:inline-block;padding:.75rem 1.75rem;border-radius:8px;font-weight:700;font-size:.95rem;text-decoration:none;cursor:pointer;border:none;transition:transform var(--transition),box-shadow var(--transition),background var(--transition)}.btn--primary{background:var(--primary);color:#fff;box-shadow:0 2px 8px #0f4c6e40}.btn--primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 14px #0f4c6e59}.btn--outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn--outline:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.btn--white{background:#fff;color:var(--primary-dark);box-shadow:0 2px 8px #00000026}.btn--white:hover{background:var(--accent);color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 14px #f5a62359}.product-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition)}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.product-card__img{width:100%;height:200px;object-fit:cover;background:var(--border-light)}.product-card__img-skeleton{width:100%;height:200px;background:linear-gradient(90deg,var(--border-light) 25%,#e8f0f5 50%,var(--border-light) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.product-card__body{padding:1.25rem;flex:1;display:flex;flex-direction:column;gap:.5rem}.skeleton-line{border-radius:4px;background:linear-gradient(90deg,var(--border-light) 25%,#e8f0f5 50%,var(--border-light) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-line--title{height:20px;width:80%}.skeleton-line--short{height:14px;width:55%}.skeleton-line--btn{height:36px;width:100%;margin-top:.5rem;border-radius:6px}@media (max-width: 480px){.shoprec-hero{padding:3rem 1rem 4.5rem!important;min-height:440px}.shoprec-hero__stats{gap:1rem;padding:1rem}.shoprec-hero__stat-divider{display:none}.featured-grid{grid-template-columns:1fr}.category-pills{gap:.5rem}}.powered-by-savantly--dark{border-top-color:#ffffff1f;background:transparent}.powered-by-savantly--dark .powered-by-savantly__label{color:#ffffff8c}:root{--primary: #6b21a8;--primary-dark: #4c1d95;--primary-light: #a855f7;--accent: #c084fc;--accent-gold: #e9d5ff;--bg: #faf5ff;--surface: #ffffff;--text: #1e1b4b;--text-muted: #6b7280;--border: #e9d5ff}.navbar__logo-name{font-size:1.35rem;font-weight:800;color:#4c1d95;letter-spacing:-.02em;margin-left:.5rem;font-family:Segoe UI,system-ui,sans-serif}.navbar__logo{display:flex;align-items:center;text-decoration:none;gap:.25rem}.navbar__logo-img{height:40px;width:40px;object-fit:contain;border-radius:8px}.navbar{background:#fff;border-bottom:2px solid #e9d5ff;box-shadow:0 2px 12px #6b21a812}.navbar__link{color:#4c1d95;font-weight:500}.navbar__link:hover,.navbar__link--active{background:#faf5ff;color:#6b21a8}.navbar__link--btn{background:#6b21a8;color:#fff!important;border-radius:8px;padding:.45rem 1.1rem;box-shadow:0 2px 8px #6b21a833}.navbar__link--btn:hover{background:#4c1d95;color:#fff!important}.navbar__hamburger span{background:#6b21a8}.shoprec-hero{position:relative!important;padding:5.5rem 1.5rem 6.5rem!important;text-align:center!important;overflow:hidden!important;color:#fff!important;border-bottom:none!important;background:radial-gradient(ellipse 90% 70% at 50% -10%,rgba(124,58,237,.35) 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 100% 80%,rgba(168,85,247,.22) 0%,transparent 50%),linear-gradient(160deg,#05010d,#0d0418 22%,#16082c 48%,#1f0a3a 72%,#12061f)!important;min-height:520px}.shoprec-hero:before,.shoprec-hero:after{display:none!important;content:none!important}.shoprec-hero__bg{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;pointer-events:none!important;z-index:0!important;overflow:hidden!important;background:transparent!important}.shoprec-hero__bg-photo{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.22;filter:saturate(.55) brightness(.35) contrast(1.1);transform:scale(1.06);mix-blend-mode:luminosity}.shoprec-hero__bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.22;background-image:linear-gradient(rgba(168,85,247,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(168,85,247,.12) 1px,transparent 1px),radial-gradient(circle at 20% 30%,rgba(192,132,252,.18) 0 2px,transparent 3px),radial-gradient(circle at 70% 60%,rgba(168,85,247,.16) 0 2px,transparent 3px),radial-gradient(circle at 45% 80%,rgba(124,58,237,.14) 0 1.5px,transparent 2.5px);background-size:48px 48px,48px 48px,120px 120px,160px 160px,90px 90px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 20%,transparent 75%)}.shoprec-hero__bg-glow,.shoprec-hero__bg-glow--left,.shoprec-hero__bg-glow--right{display:none!important}.shoprec-hero__icons{position:absolute;top:0;right:0;bottom:0;left:0}.shoprec-hero__icon{position:absolute;font-size:clamp(1.4rem,2.5vw,2rem);opacity:.14;filter:grayscale(.2);-webkit-user-select:none;user-select:none;animation:shoprec-float 12s ease-in-out infinite}.shoprec-hero__icon--bag{top:14%;left:8%;animation-delay:0s}.shoprec-hero__icon--tag{top:22%;right:10%;animation-delay:-2s;font-size:1.5rem}.shoprec-hero__icon--cart{bottom:28%;left:12%;animation-delay:-4s}.shoprec-hero__icon--gift{top:48%;right:14%;animation-delay:-6s;font-size:1.6rem}.shoprec-hero__icon--box{bottom:22%;right:22%;animation-delay:-3s;opacity:.11}.shoprec-hero__icon--star{top:18%;left:42%;animation-delay:-5s;opacity:.18;font-size:1.25rem}@keyframes shoprec-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(4deg)}}.shoprec-hero__inner{max-width:820px;margin:0 auto;position:relative;z-index:1}.shoprec-hero__eyebrow{color:#c084fc;font-size:.85rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin:0 0 1rem}.shoprec-hero__title{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;color:#fff;line-height:1.12;margin:0 0 1.25rem;letter-spacing:-.02em;text-shadow:0 2px 28px rgba(0,0,0,.35)}.shoprec-hero__title-accent{background:linear-gradient(90deg,#e9d5ff,#c084fc 40%,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.shoprec-hero__subtitle{color:#ede9fed1;font-size:1.1rem;max-width:600px;margin:0 auto 2rem;line-height:1.7}.shoprec-hero__actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2.75rem}.shoprec-hero__cta{display:inline-block;padding:.9rem 2rem;border-radius:12px;font-weight:700;font-size:1rem;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .2s ease,border-color .2s ease}.shoprec-hero__cta--primary{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;box-shadow:0 8px 28px #a855f766;border:none}.shoprec-hero__cta--primary:hover{background:linear-gradient(135deg,#c084fc,#9333ea);transform:translateY(-2px);box-shadow:0 12px 32px #a855f78c}.shoprec-hero__cta--secondary{background:#ffffff0f;color:#f5f3ff;border:1.5px solid rgba(233,213,255,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.shoprec-hero__cta--secondary:hover{border-color:#e9d5ffa6;background:#ffffff1f;color:#fff;transform:translateY(-2px)}.shoprec-hero__stats{display:inline-flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap;background:#0f06208c;border:1px solid rgba(196,181,253,.22);border-radius:16px;padding:1.25rem 2.5rem;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 32px #00000040}.shoprec-hero__stat{display:flex;flex-direction:column;align-items:center;gap:.2rem}.shoprec-hero__stat-value{display:block;font-size:1.5rem;font-weight:800;color:#e9d5ff}.shoprec-hero__stat-label{display:block;font-size:.78rem;color:#ddd6feb3;text-transform:uppercase;letter-spacing:.08em}.shoprec-hero__stat-divider{width:1px;height:40px;background:#c4b5fd40}.shoprec-hero__wave{position:absolute!important;bottom:0!important;left:0!important;right:0!important;height:48px!important;margin:0!important;padding:0!important;line-height:0!important;overflow:hidden!important;pointer-events:none!important;z-index:2!important;background:#fff!important}.shoprec-hero__wave svg{display:block!important;width:100%!important;height:100%!important;margin:0!important;vertical-align:bottom}@media (max-width: 640px){.shoprec-hero{padding:3.5rem 1rem 5rem!important;min-height:460px;background:radial-gradient(ellipse 90% 70% at 50% -10%,rgba(124,58,237,.35) 0%,transparent 55%),linear-gradient(160deg,#05010d,#0d0418 22%,#16082c 48%,#1f0a3a 72%,#12061f)!important}.shoprec-hero__icon--box,.shoprec-hero__icon--star{display:none}.shoprec-hero__stats{gap:1rem;padding:1rem 1.25rem}.shoprec-hero__stat-divider{display:none}}.footer__brand-name{display:flex;align-items:center;gap:.4rem;margin-bottom:.75rem}.footer__brand-text{font-size:1.6rem;font-weight:900;color:#fff;letter-spacing:-.02em;font-family:Segoe UI,system-ui,sans-serif}.footer__brand-clock{font-size:1.4rem;line-height:1}.footer__logo-img{display:none!important}.footer{background:linear-gradient(135deg,#2e1065,#4c1d95);color:#e9d5ff;padding:3rem 1.5rem 1.5rem}.footer__tagline{color:#c4b5fd;font-size:.9rem;line-height:1.6;max-width:280px}.footer__affiliate-notice{color:#a78bfa;font-size:.78rem;margin-top:.5rem;font-style:italic}.footer__col-heading{color:#fff;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem}.footer__col-link{display:block;color:#c4b5fd;text-decoration:none;font-size:.9rem;margin-bottom:.4rem;transition:color .2s}.footer__col-link:hover{color:#fff}.footer__bottom{border-top:1px solid rgba(255,255,255,.15);margin-top:2rem;padding-top:1.25rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.footer__copy{color:#a78bfa;font-size:.82rem}.btn--primary{background:#6b21a8;color:#fff}.btn--primary:hover{background:#4c1d95}.category-pill.active,.category-pill:hover{background:#6b21a8;color:#fff;border-color:#6b21a8}.cta-banner{background:linear-gradient(135deg,#4c1d95,#7c3aed)}.footer__logo-img{width:48px;height:48px;object-fit:contain;filter:brightness(0) invert(1);display:block}.footer__brand-name{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.footer__brand-text{font-size:1.4rem;font-weight:800;color:#fff;letter-spacing:-.3px}.footer__brand-clock{display:none}.admin-checking,.admin-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem;text-align:center;padding:2rem}.admin-denied__icon{font-size:4rem;line-height:1}.admin-denied h2{font-size:1.75rem;font-weight:700;color:var(--primary-dark);margin:0}.admin-denied p{color:var(--text-muted);font-size:1rem;max-width:400px;margin:0}