/* Shared scale and visual language for the entire current EasySubs catalog.
   Section layouts stay in ai-store.css; this layer is loaded last on every page. */
:root {
  --catalog-width:1600px;
  --text-body:16px;
  --text-small:14px;
  --text-note:13px;
}
body.ai-store {
  --ink:#292033; --purple:#5630a5; --purple-dark:#38216a;
  --lavender:#f1ebfb; --muted:#64596f; --line:#e8e2ef;
  background:#f7f5fa; font-size:var(--text-body); line-height:1.65;
}
.ai-store .wrap,.ai-store .store-shell,.ai-store .header,.ai-store .help,.ai-store .footer {
  width:calc(100% - 48px); max-width:var(--catalog-width);
}
.ai-store .header {height:88px;gap:24px}
.ai-store .header nav,.ai-store .header-support {font-size:15px}
.ai-store .header .logo img {width:168px}
.ai-store .header nav {gap:24px}
.ai-store .button {font-size:16px;min-height:54px;gap:16px}
.ai-store .orange {background:var(--purple);color:white}
.ai-store .orange:hover {background:var(--purple-dark)}
.ai-store .eyebrow,.ai-store .text-link {font-size:14px}
.ai-store .help-copy .eyebrow {font-size:14px}
.ai-store .help-copy>p:last-child,.ai-store .help-actions .button {font-size:16px}
.ai-store .help-actions>span,.ai-store .footer-top>div>p,.ai-store .footer-links,.ai-store .footer-bottom,.ai-store .seller,.ai-store .seller>a {font-size:14px}
.ai-store .prototype-note {font-size:13px;color:var(--muted)}
.ai-store .service-logo {background:white;color:var(--purple);border-color:var(--line)}
.service-logo .brand-image {width:32px;height:32px;object-fit:contain}
.banner-logo .brand-image {width:44px;height:44px;object-fit:contain}
.plan-art .brand-image {width:54px;height:54px;object-fit:contain}
.sidebar-other .brand-image {width:22px;height:22px;object-fit:contain}
.banner-art .brand-image {width:120px;height:120px;position:absolute;right:0;bottom:0;object-fit:contain}
.service-item[aria-current=page] {background:#e9dff8;color:#4c288b}
.service-item small {line-height:1.45}
.ai-store .plan-art {background:#f1ebfa;color:var(--purple-dark)}
.ai-store .plan-art>span {text-align:center;line-height:1.4;padding-inline:8px}
.ai-store .plan-option:nth-of-type(2) .plan-art,.ai-store .plan-option:nth-of-type(3) .plan-art {background:#f1ebfa;color:var(--purple-dark)}
.ai-store .plan-description>strong {line-height:1.45}
.ai-store .store-about h2,.ai-store .reviews h2 {font-size:28px;line-height:1.3;letter-spacing:-.6px}
.ai-store .store-about h3,.ai-store .activation-steps h3 {font-size:20px}
.ai-store .guide-box summary {font-size:16px}
.ai-store .guide-box details>p {font-size:16px}
.ai-store .order-sidebar .payment-label {font-size:14px}
.ai-store .order-summary>div {font-size:16px}
.ai-store .order-context {font-size:14px}
.ai-store .order-total>span {font-size:16px}
.ai-store .review figcaption {font-size:15px}
.ai-store .review-meta div>span,.ai-store .review-source {font-size:13px}
.ai-store .review>a {font-size:14px}
.ai-store .review blockquote {font-size:18px}
.ai-store dialog {max-width:620px}
.ai-store dialog h2 {font-size:30px}
.ai-store .modal-kicker {font-size:14px}
.ai-store .modal-description {font-size:16px}
.ai-store .modal-price {font-size:32px}
.ai-store .modal-conditions>div {font-size:14px;grid-template-columns:120px 1fr}
.ai-store .modal-terms,.ai-store .modal-actions>a:last-child {font-size:14px}
.ai-store .modal-actions>.button {font-size:16px;min-height:54px}
.ai-store .modal-note {font-size:13px}
.home-banner {padding:32px;min-height:248px}
.home-banner h1 {font-size:42px;line-height:1.15;letter-spacing:-1.2px}
.home-banner p.home-intro {font-size:17px;color:#645476;max-width:560px;margin-top:20px;margin-bottom:0;line-height:1.75}
.catalog-home .service-facts {margin-bottom:0}
.home-products {display:grid;gap:16px}
.home-product {display:grid;grid-template-columns:144px minmax(0,1fr);gap:24px;border:1px solid var(--line);border-radius:16px;padding:20px;transition:border-color .18s}
.home-product:hover {border-color:#a384cc;background:#fcfaff}
.home-product-art {display:grid;place-items:center;border-radius:12px;background:#f1ebfa;min-height:152px;align-self:stretch;color:var(--purple)}
.home-product-art img,.home-product-art svg {width:64px;height:64px;object-fit:contain}
.home-product h3 {font-size:24px;line-height:1.3;letter-spacing:-.4px}
.home-product p {font-size:16px;color:var(--muted);margin:8px 0 12px;line-height:1.65}
.home-product strong {font-size:16px;font-weight:500}
.home-product-link {font-size:14px;display:flex;align-items:center;gap:12px;margin-top:16px;color:var(--purple)}
.home-assistant h2 {font-size:28px;line-height:1.3;letter-spacing:-.6px}
.home-assistant .order-card>p:not(.eyebrow) {font-size:16px;color:var(--muted);margin:16px 0 24px}
.home-assistant .checkout-button {width:100%}
.home-support-hours {display:block;text-align:center;font-size:13px;color:var(--muted);margin:12px 0 28px}
.home-assistant hr {border:0;border-top:1px solid var(--line);margin:24px 0}
.home-assistant h3 {font-size:18px}
.home-assistant ul {font-size:15px;color:var(--muted);padding-left:20px;line-height:2;margin:12px 0 24px}
.home-trust {display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid var(--line);margin-top:24px;padding-top:24px}
.home-trust svg {width:28px;height:28px;color:var(--purple);margin-bottom:12px}
.home-trust h3 {margin:0}
.home-trust p {font-size:16px}
@media(max-width:1200px) {
 .ai-store .header nav {display:none}
 .ai-store .header-support {margin-left:auto}
 .ai-store .header .menu-button {display:flex}
 .home-product {grid-template-columns:104px minmax(0,1fr);gap:20px}
 .home-product h3 {font-size:22px}
 .home-banner {padding:24px}
 .home-banner h1 {font-size:36px}
 .home-product-art {min-height:120px}
}
@media(max-width:760px) {
 .ai-store .wrap,.ai-store .store-shell,.ai-store .header,.ai-store .help,.ai-store .footer {width:calc(100% - 32px)}
 .ai-store .header {height:76px;gap:8px}
 .ai-store .header .logo img {width:140px}
 .ai-store .header-support {font-size:12px;padding:10px 8px;gap:6px}
 .ai-store .header .menu-button {width:36px;flex-shrink:0}
 .ai-store .service-item {min-width:172px}
 .ai-store .service-item strong {font-size:15px}
 .ai-store .service-item small {font-size:13px}
 .ai-store .button,.ai-store .mobile-dock .button {font-size:15px;min-height:52px}
 .ai-store .dock-question {font-size:14px}
 .ai-store .store-about h2,.ai-store .reviews h2 {font-size:26px}
 .ai-store .service-banner h1 {font-size:28px}
 .ai-store .store-breadcrumb {font-size:13px;flex-wrap:wrap}
 .ai-store .service-facts>span,.ai-store .service-facts>a {font-size:13px}
 .ai-store .plan-art .brand-image {width:32px;height:32px}
 .ai-store .plan-art>span {font-size:11px;padding-inline:4px}
 .ai-store .banner-logo .brand-image {width:32px;height:32px}
 .ai-store .service-banner {padding:20px}
 .ai-store .review figcaption {font-size:15px}
 .ai-store .footer-links {grid-template-columns:1fr;gap:16px}
 .ai-store .seller {overflow-wrap:anywhere}
 .ai-store .help {padding:28px 24px}
 .ai-store .help h2 {font-size:28px}
 .home-banner p.home-intro {font-size:16px}
 .home-products {gap:16px}
 .home-product {grid-template-columns:64px minmax(0,1fr);padding:16px;gap:16px}
 .home-product-art {height:64px;min-height:0;align-self:start}
 .home-product-art img,.home-product-art svg {width:36px;height:36px}
 .home-product h3 {font-size:21px}
 .home-product p {font-size:16px}
 .home-product strong {font-size:15px}
 .home-trust {grid-template-columns:1fr}
 .catalog-home .home-catalog {grid-row:4}
 .catalog-home .store-about {grid-row:6}
 .catalog-home .reviews {grid-row:7}
 .catalog-home .home-assistant {grid-row:5}
 .ai-store dialog {padding:28px 20px}
 .ai-store dialog h2 {font-size:26px}
 .ai-store .modal-conditions>div {grid-template-columns:1fr;gap:4px}
 .ai-store .modal-actions>.button {font-size:14px;gap:8px}
}
@media(prefers-reduced-motion:reduce) {.home-product{transition:none}}