/* PerlerBeadAI Kawaii Design System v2 — 2026-07-27 redesign
   Direction: cute/cartoon for craft girls, moms, kids, pets, gifts.
   Palette: sakura pink #FF6B8A / mint #4FC9C0 / sunshine #FFD66B / pink-cream bg #FFF7FA.
   WCAG AA verified: ink #4A3B52 on bg 9.78, muted #7A6A85 4.72, btn #2E2233 on pink 5.54, link #177A70 4.92. */
:root {
  --pba-pink: #FF6B8A;
  --pba-coral: #FF6B8A;      /* legacy alias */
  --pba-pink-deep: #D63D63;
  --pba-coral-deep: #D63D63; /* legacy alias */
  --pba-mint: #4FC9C0;
  --pba-teal: #4FC9C0;       /* legacy alias */
  --pba-teal-deep: #177A70;
  --pba-sunshine: #FFD66B;
  --pba-warm-bg: #FFF7FA;
  --pba-ink: #4A3B52;
  --pba-ink-deep: #2E2233;
  --pba-muted: #7A6A85;
  --pba-border: #F6DDE7;
  --pba-tint-pink: #FFF0F5;
  --pba-tint-mint: #EAF9F6;
  --pba-tint-yellow: #FFF7E0;
  --pba-tint-lavender: #F3EFFA;
  --pba-radius: 20px;
  --pba-radius-lg: 24px;
  --pba-shadow: 0 8px 24px rgba(255,107,138,.15);
  --pba-shadow-sm: 0 4px 12px rgba(74,59,82,.08);
  --pba-speed: 200ms;
}

/* ===== base ===== */
body { background: var(--pba-warm-bg); }
.wp-block-post-title {
  font-size: clamp(30px, 5.5vw, 52px) !important;
  overflow-wrap: break-word;
  line-height: 1.15;
}

/* ===== header (kawaii) ===== */
header.wp-block-template-part {
  background: #FFFFFF;
  border-bottom: 2px solid var(--pba-border);
}
.wp-block-navigation .wp-block-navigation-item__content {
  border-radius: 999px;
  padding: 8px 16px;
  transition: background-color var(--pba-speed) ease;
}
.wp-block-navigation .wp-block-navigation-item__content:hover {
  background: var(--pba-tint-pink);
  color: var(--pba-pink-deep);
  text-decoration: none;
}

/* ===== buttons ===== */
.wp-block-button__link,
.wp-element-button,
.pba-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  min-width: 44px;
  padding: 12px 26px;
  border: none;
  border-radius: 999px;
  font-family: Nunito, sans-serif;
  font-weight: 800;
  font-size: 16px;
  line-height: 1.2;
  cursor: pointer;
  background: var(--pba-pink);
  color: var(--pba-ink-deep);
  box-shadow: 0 4px 14px rgba(255,107,138,.35);
  transition: background-color var(--pba-speed) ease, color var(--pba-speed) ease, box-shadow var(--pba-speed) ease;
  text-decoration: none;
}
.wp-block-button__link:hover,
.wp-element-button:hover,
.pba-btn:hover {
  background: var(--pba-pink-deep);
  color: #FFFFFF;
  box-shadow: 0 6px 18px rgba(214,61,99,.4);
}
.wp-block-button__link:focus-visible,
.wp-element-button:focus-visible,
.pba-btn:focus-visible,
.pba-card:focus-visible,
a:focus-visible {
  outline: 3px solid var(--pba-teal-deep);
  outline-offset: 2px;
}
.pba-btn--mint {
  background: var(--pba-teal-deep);
  color: #FFFFFF;
  box-shadow: 0 4px 14px rgba(23,122,112,.3);
}
.pba-btn--mint:hover { background: #0F5E56; color: #FFFFFF; }
.pba-btn--white {
  background: #FFFFFF;
  color: var(--pba-pink-deep);
  box-shadow: 0 4px 14px rgba(74,59,82,.15);
}
.pba-btn--white:hover { background: var(--pba-tint-pink); color: var(--pba-pink-deep); }
.pba-btn--ghost {
  background: transparent;
  color: var(--pba-teal-deep);
  box-shadow: none;
  text-decoration: underline;
}
.pba-btn--ghost:hover { color: var(--pba-ink); background: transparent; box-shadow: none; }
.pba-btn[disabled], .pba-btn.is-disabled {
  background: var(--pba-border);
  color: var(--pba-muted);
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}
.pba-btn.is-loading { pointer-events: none; color: transparent; position: relative; }
.pba-btn.is-loading::after {
  content: "";
  position: absolute;
  width: 10px; height: 10px;
  border-radius: 50%;
  background: var(--pba-ink-deep);
  animation: pba-beads 1s infinite ease-in-out;
}
@keyframes pba-beads {
  0%   { box-shadow: -18px 0 0 0 var(--pba-ink-deep), 0 0 0 0 rgba(46,34,51,.3), 18px 0 0 0 rgba(46,34,51,.3); }
  33%  { box-shadow: -18px 0 0 0 var(--pba-ink-deep), 0 0 0 0 var(--pba-ink-deep), 18px 0 0 0 rgba(46,34,51,.3); }
  66%, 100% { box-shadow: -18px 0 0 0 var(--pba-ink-deep), 0 0 0 0 var(--pba-ink-deep), 18px 0 0 0 var(--pba-ink-deep); }
}
@media (prefers-reduced-motion: reduce) {
  .pba-btn.is-loading::after { animation: none; box-shadow: -18px 0 0 0 var(--pba-ink-deep), 0 0 0 0 var(--pba-ink-deep), 18px 0 0 0 var(--pba-ink-deep); }
  .pba-btn, .pba-card, .wp-block-button__link { transition: none; }
}

/* ===== cards ===== */
.pba-card {
  background: #FFFFFF;
  border: 2px solid var(--pba-border);
  border-radius: var(--pba-radius-lg);
  padding: 28px;
  box-shadow: var(--pba-shadow-sm);
  transition: box-shadow var(--pba-speed) ease, border-color var(--pba-speed) ease;
}
.pba-card--link { cursor: pointer; }
.pba-card--link:hover { border-color: var(--pba-pink); box-shadow: var(--pba-shadow); }
.pba-card--pink { background: var(--pba-tint-pink); border-color: #FFD3E0; }
.pba-card--mint { background: var(--pba-tint-mint); border-color: #C8EDE8; }
.pba-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px; height: 56px;
  border-radius: 50%;
  background: #FFFFFF;
  box-shadow: var(--pba-shadow-sm);
  margin-bottom: 14px;
}
.pba-card__icon svg { width: 28px; height: 28px; }

/* ===== section tint bands ===== */
.pba-band { border-radius: 32px; padding: 48px 32px; }
.pba-band--pink { background: var(--pba-tint-pink); }
.pba-band--mint { background: var(--pba-tint-mint); }
.pba-band--yellow { background: var(--pba-tint-yellow); }
.pba-band--lavender { background: var(--pba-tint-lavender); }

/* ===== hero card (frosted, fixed width, not stretched) ===== */
.pba-hero-card {
  width: min(540px, 100%);
  background: rgba(255,255,255,.94);
  border-radius: var(--pba-radius-lg);
  padding: 32px;
  box-shadow: var(--pba-shadow);
}

/* ===== chips / badges / quota / modal ===== */
.pba-chip {
  display: inline-flex; align-items: center; gap: 8px;
  min-height: 44px; padding: 8px 16px;
  border: 2px solid var(--pba-border);
  border-radius: 999px;
  background: #FFFFFF; color: var(--pba-ink);
  font-size: 14px; cursor: pointer;
  transition: border-color var(--pba-speed) ease;
}
.pba-chip:hover { border-color: var(--pba-mint); }
.pba-chip[aria-pressed="true"] { border-color: var(--pba-teal-deep); }
.pba-chip__swatch { width: 20px; height: 20px; border-radius: 50%; border: 1px solid rgba(74,59,82,.15); flex: none; }
.pba-badge {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 4px 14px; border-radius: 999px;
  font-size: 13px; font-weight: 700; line-height: 1.4;
}
.pba-badge--easy { background: var(--pba-tint-mint); color: var(--pba-teal-deep); }
.pba-badge--medium { background: var(--pba-tint-yellow); color: #8A5A00; }
.pba-badge--hard { background: var(--pba-tint-pink); color: var(--pba-pink-deep); }
.pba-quota { display: grid; gap: 6px; font-size: 14px; color: var(--pba-muted); }
.pba-quota__bar { height: 10px; border-radius: 999px; background: var(--pba-border); overflow: hidden; }
.pba-quota__fill { height: 100%; border-radius: 999px; background: var(--pba-mint); transition: width 300ms ease; }
.pba-quota__fill.is-low { background: var(--pba-pink-deep); }
.pba-modal__overlay {
  position: fixed; inset: 0;
  background: rgba(46,34,51,.5);
  display: flex; align-items: center; justify-content: center;
  z-index: 1000; padding: 16px;
}
.pba-modal {
  background: #FFFFFF;
  border-radius: var(--pba-radius-lg);
  max-width: 480px; width: 100%;
  padding: 32px; color: var(--pba-ink);
  box-shadow: var(--pba-shadow);
}

/* ===== BeforeAfter slider ===== */
.pba-beforeafter { position: relative; border-radius: var(--pba-radius-lg); overflow: hidden; border: 2px solid var(--pba-border); aspect-ratio: 1/1; background: #fff; box-shadow: var(--pba-shadow-sm); }
.pba-beforeafter>img.pba-ba__before { display: block; width: 100%; height: 100%; object-fit: cover; }
.pba-ba__after { position: absolute; inset: 0; clip-path: inset(0 0 0 50%); }
.pba-ba__after img { display: block; width: 100%; height: 100%; object-fit: cover; }
.pba-beforeafter__range { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: ew-resize; min-height: 44px; }
.pba-beforeafter__handle { position: absolute; top: 0; bottom: 0; left: 50%; width: 4px; margin-left: -2px; background: #fff; box-shadow: 0 0 0 1px rgba(74,59,82,.25); pointer-events: none; }
.pba-beforeafter__handle::after {
  content: "";
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  width: 40px; height: 40px; border-radius: 50%;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D63D63' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18-6-6 6-6'/%3E%3Cpath d='m15 6 6 6-6 6'/%3E%3C/svg%3E") center/20px no-repeat;
  border: 2px solid var(--pba-pink-deep);
}
.pba-beforeafter__range:focus-visible~.pba-beforeafter__handle::after { outline: 3px solid var(--pba-teal-deep); outline-offset: 2px; }

/* ===== trust badges ===== */
.pba-trust { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 24px; padding: 16px 0; }
.pba-trust img { height: 28px; width: auto; display: block; }

/* ===== sticky CTA ===== */
.pba-sticky-cta {
  position: fixed; left: 12px; right: 12px; bottom: 0;
  z-index: 900;
  display: flex; align-items: center; gap: 12px;
  min-height: 56px; max-height: 64px;
  padding: 8px 12px calc(8px + env(safe-area-inset-bottom, 0px));
  background: #FFFFFF;
  border: 2px solid var(--pba-border);
  border-bottom: none;
  border-radius: 20px 20px 0 0;
  box-shadow: 0 -4px 16px rgba(74,59,82,.1);
}
.pba-sticky-cta .pba-btn { flex: 1; min-height: 44px; }
@media (min-width: 782px) { .pba-sticky-cta { display: none; } }

/* ===== free-user strip ===== */
.pba-strip { background: var(--pba-ink); color: #FFF7FA; font-size: 14px; }
.pba-strip__inner { display: flex; align-items: center; justify-content: center; max-width: 1200px; margin: 0 auto; padding: 8px 16px; min-height: 44px; position: relative; }
.pba-strip a { color: #FFC9D6; text-decoration: underline; padding: 8px 4px; }
.pba-strip a:hover { color: #fff; }
.pba-strip__close { position: absolute; inset-inline-end: 4px; top: 50%; transform: translateY(-50%); background: none; border: none; color: #FFF7FA; font-size: 20px; cursor: pointer; min-width: 44px; min-height: 44px; line-height: 1; }

/* ===== rainbow bead strip divider ===== */
.pba-bead-strip { height: 28px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='168' height='28'%3E%3Ccircle cx='14' cy='14' r='9' fill='%23E8483F'/%3E%3Ccircle cx='14' cy='14' r='3' fill='%23FFF7FA'/%3E%3Ccircle cx='42' cy='14' r='9' fill='%23F58A2A'/%3E%3Ccircle cx='42' cy='14' r='3' fill='%23FFF7FA'/%3E%3Ccircle cx='70' cy='14' r='9' fill='%23F7C948'/%3E%3Ccircle cx='70' cy='14' r='3' fill='%23FFF7FA'/%3E%3Ccircle cx='98' cy='14' r='9' fill='%2357B25E'/%3E%3Ccircle cx='98' cy='14' r='3' fill='%23FFF7FA'/%3E%3Ccircle cx='126' cy='14' r='9' fill='%233E8FD9'/%3E%3Ccircle cx='126' cy='14' r='3' fill='%23FFF7FA'/%3E%3Ccircle cx='154' cy='14' r='9' fill='%23F2A0C0'/%3E%3Ccircle cx='154' cy='14' r='3' fill='%23FFF7FA'/%3E%3C/svg%3E") repeat-x center; margin: 8px auto; max-width: 720px; }

/* ===== footer (kawaii) ===== */
.pba-footer {
  background: var(--pba-tint-pink);
  border-radius: 32px 32px 0 0;
  margin-top: 48px;
}
.pba-footer h3 {
  color: var(--pba-pink-deep) !important;
  font-size: 15px !important;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.pba-footer a { color: var(--pba-ink); text-decoration: none; }
.pba-footer a:hover { color: var(--pba-pink-deep); text-decoration: underline; }
.pba-footer .wp-block-site-title a { color: var(--pba-ink-deep); }

/* ===== homepage bits ===== */
.pba-step-num {
  display: inline-flex; align-items: center; justify-content: center;
  width: 48px; height: 48px; border-radius: 50%;
  background: var(--pba-pink); color: var(--pba-ink-deep);
  font-family: Nunito, sans-serif; font-weight: 800; font-size: 22px;
  box-shadow: 0 4px 12px rgba(255,107,138,.35);
  margin-bottom: 12px;
}
.pba-muted { color: var(--pba-muted); }
.wp-block-details { background: #fff; border: 2px solid var(--pba-border); border-radius: var(--pba-radius); padding: 14px 20px; box-shadow: var(--pba-shadow-sm); }
.wp-block-details summary { cursor: pointer; font-weight: 700; color: var(--pba-ink); min-height: 44px; display: flex; align-items: center; }
.wp-block-details summary:hover { color: var(--pba-pink-deep); }
.wp-block-details summary:focus-visible { outline: 3px solid var(--pba-teal-deep); outline-offset: 2px; }
.wp-block-details[open] summary { margin-bottom: 8px; }

/* ===== per-language fonts (W1-04) ===== */
html[lang="ja"] body,
html[lang="ja"] :is(h1,h2,h3,h4,h5,h6) { font-family: "Zen Maru Gothic", sans-serif; }
html[lang="ko"] body,
html[lang="ko"] :is(h1,h2,h3,h4,h5,h6) { font-family: "Noto Sans KR", sans-serif; }
html[lang="ar"] body,
html[lang="ar"] :is(h1,h2,h3,h4,h5,h6) { font-family: "Noto Kufi Arabic", sans-serif; }
html[lang="ar"] body { line-height: 1.92; }

/* ===== language switcher globe icon ===== */
.wp-block-polylang-navigation-language-switcher > a .wp-block-navigation-item__label::before {
  content: "";
  display: inline-block;
  width: 16px; height: 16px;
  margin-inline-end: 6px;
  vertical-align: -3px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20'/%3E%3Cpath d='M2 12h20'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20'/%3E%3Cpath d='M2 12h20'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Homepage H1: allow full wide width so it stays on one line */
.home .wp-block-post-title{max-width:1140px !important;text-align:center}

/* ===== Spacious premium pass ===== */
/* removed blanket padding: caused blank bars around full-bleed bands */
.home h2.wp-block-heading,.pba-band h2{font-size:clamp(30px,3.4vw,42px) !important;line-height:1.2 !important}
.pba-band{padding:56px 48px !important;border-radius:32px !important}
.pba-card{padding:32px !important}
.pba-card h2{font-size:26px !important}
.pba-card h3{font-size:21px !important}
.pba-card p,.pba-hero-card p{font-size:17px}
.pba-step-num{width:44px !important;height:44px !important;font-size:20px !important;line-height:44px !important}
.home .wp-block-details summary{font-size:18px;padding:20px 24px}
.home .wp-block-details p{font-size:16.5px}
.pba-hero-card{padding:40px !important}
@media (min-width:782px){
  .home .wp-block-cover{min-height:640px !important}
}
/* ===== Full-bleed bands (perler.com style) ===== */
html,body{overflow-x:clip}
.pba-band{width:100vw;margin-left:calc(50% - 50vw);border-radius:0 !important;padding:80px 48px !important}
.pba-band > *{max-width:1140px;margin-left:auto;margin-right:auto}
.pba-cta-final{width:100vw;margin-left:calc(50% - 50vw);background:#FF6B8A;padding:88px 32px;text-align:center}
.pba-cta-final h2{font-size:clamp(28px,3.2vw,40px) !important;margin:0 0 10px !important;color:#2E2233}
.pba-cta-final p{font-size:18px;color:#2E2233;margin:0 0 28px}
.pba-hero-card{width:min(560px,100%) !important}
/* Hero card aligns with the 1140px content grid */
@media (min-width:1200px){
  .home .wp-block-cover{padding-left:calc((100vw - 1140px)/2) !important}
}
/* ===== Nav: unified ink, pink current/hover ===== */
header .wp-block-navigation-item__content{color:#4A3B52 !important;font-weight:600}
header .wp-block-navigation-item__content:hover{color:#D63D63 !important;background:#FFF0F5 !important;border-radius:999px}
header .wp-block-navigation-item.current-menu-item > a.wp-block-navigation-item__content{color:#D63D63 !important}

/* ===== Footer: full-bleed pink band, 1140px content ===== */
.pba-footer{width:100vw;margin-left:calc(50% - 50vw);padding-left:48px !important;padding-right:48px !important}
.pba-footer > *{max-width:1140px;margin-left:auto;margin-right:auto}
.pba-footer > .pba-bead-strip{max-width:none}
.pba-footer .wp-block-columns{gap:48px}
.pba-footer h3{letter-spacing:.08em}
/* ===== Meet the Tools / Story sections ===== */
.pba-split{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
@media (max-width:860px){.pba-split{grid-template-columns:1fr;gap:32px}}
.pba-shot{border-radius:24px;box-shadow:0 16px 40px rgba(46,34,51,.14);border:6px solid #fff;width:100%;height:auto;display:block}
.pba-checks{list-style:none;padding:0;margin:0 0 24px}
.pba-checks li{padding-left:28px;position:relative;margin:10px 0;font-size:16.5px;color:#4A3B52}
.pba-checks li::before{content:"";position:absolute;left:0;top:7px;width:12px;height:12px;border-radius:50%;background:#FF6B8A;box-shadow:inset 3.5px 3.5px 0 #FFF7FA}
.pba-kicker{display:inline-block;font-size:13px;font-weight:800;letter-spacing:.12em;color:#D63D63;background:#FFF0F5;border-radius:999px;padding:6px 14px;margin-bottom:14px;text-transform:uppercase}
/* ===== Full-bleed override (beat layout container auto margins) ===== */
.pba-band,.pba-cta-final,.pba-footer{width:100vw !important;max-width:none !important;margin-left:calc(50% - 50vw) !important;margin-right:0 !important}
.pba-band,.pba-cta-final{border-radius:0 !important}
/* ===== Browser-frame product banner ===== */
.pba-browser{background:#fff;border-radius:16px;box-shadow:0 20px 48px rgba(46,34,51,.16);overflow:hidden}
.pba-browser::before{content:"";display:block;height:30px;background-color:#FBE3EC;background-image:radial-gradient(circle at 18px 15px,#FF6B8A 5px,transparent 6px),radial-gradient(circle at 38px 15px,#FFD66B 5px,transparent 6px),radial-gradient(circle at 58px 15px,#4FC9C0 5px,transparent 6px)}
.pba-browser img{display:block;width:100%;height:auto}
/* ===== Header: pastel pink bg + tighter title ===== */
header.wp-block-template-part{background:#FFE9F2 !important;border-bottom:2px solid #F5B9CD !important}
.home .wp-block-post-title{margin-block-start:16px !important;margin-block-end:24px !important}
/* ===== FAQ cards ===== */
.pba-faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;max-width:1140px;margin:0 auto}
.home .wp-block-details{background:#fff;border:1px solid #F6DDE7;border-radius:20px;box-shadow:0 6px 18px rgba(255,107,138,.08);overflow:hidden}
.home .wp-block-details summary{font-size:17px;font-weight:700;color:#2E2233;padding:22px 52px 22px 52px;position:relative;cursor:pointer;list-style:none}
.home .wp-block-details summary::-webkit-details-marker{display:none}
.home .wp-block-details summary::before{content:"";position:absolute;left:22px;top:27px;width:14px;height:14px;border-radius:50%;background:#FF6B8A;box-shadow:inset 4px 4px 0 #FFF7FA}
.home .wp-block-details summary::after{content:"+";position:absolute;right:20px;top:15px;font-size:26px;font-weight:800;color:#D63D63;transition:transform .2s}
.home .wp-block-details[open]{background:#FFFBFD;border-color:#F5B9CD}
.home .wp-block-details[open] summary::after{transform:rotate(45deg)}
.home .wp-block-details p{padding:0 28px 22px 52px;margin:0;color:#7A6A85;font-size:16px;line-height:1.6}
/* ===== Tighter header-to-title gap ===== */
.home main.wp-block-group{margin-top:0 !important}
.home main.wp-block-group > .wp-block-group.alignfull{padding-top:12px !important;padding-bottom:12px !important}
/* ===== No blank bars around full-bleed bands ===== */
.home .wp-block-group:has(.pba-band),.home .wp-block-group:has(.pba-cta-final){padding-top:0 !important;padding-bottom:0 !important;padding-left:0 !important;padding-right:0 !important}.pba-footer{padding-bottom:56px !important}

/* ===== Extend footer pink to page bottom ===== */
body{min-height:100vh;display:flex;flex-direction:column}
.wp-site-blocks{display:flex;flex-direction:column;flex:1 0 auto;min-height:100vh}
footer.wp-block-template-part{flex:1 0 auto;background:#FFF0F5}
/* ===== Tool pages: no empty title band ===== */
main:has(.perler-editor-wrap){margin-top:0 !important}
main:has(.perler-editor-wrap) > .wp-block-group.alignfull{padding-top:0 !important;padding-bottom:0 !important}
/* ===== Pricing page ===== */
.pba-plat{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #F6DDE7;border-radius:999px;padding:10px 18px;font-weight:700;font-size:14px;color:#4A3B52}
.pba-plat svg{width:18px;height:18px;stroke:#D63D63}
.pba-toggle{display:inline-flex;background:#fff;border:2px solid #F6DDE7;border-radius:999px;padding:4px;gap:4px}
.pba-toggle button{border:0;background:transparent;border-radius:999px;padding:12px 28px;font-weight:800;font-size:15px;color:#7A6A85;cursor:pointer;min-height:44px}
.pba-toggle button.active{background:#FF6B8A;color:#2E2233}
.pba-toggle .save{font-size:12px;color:#177A70;font-weight:800;margin-left:6px}
.pba-toggle button.active .save{color:#2E2233}
.pba-price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;max-width:860px;margin:0 auto}
.pba-price-card{background:#fff;border:2px solid #F6DDE7;border-radius:24px;padding:36px 32px;position:relative;text-align:left}
.pba-price-card--pro{border-color:#FF6B8A;box-shadow:0 16px 44px rgba(255,107,138,.22)}
.pba-pop{position:absolute;top:-16px;left:50%;transform:translateX(-50%);background:#FF6B8A;color:#2E2233;font-weight:800;font-size:13px;letter-spacing:.06em;padding:8px 20px;border-radius:999px;white-space:nowrap}
.pba-price{font-size:52px;font-weight:900;color:#2E2233;line-height:1}
.pba-price small{font-size:17px;font-weight:700;color:#7A6A85}
.pba-matrix{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:20px;overflow:hidden;border:1px solid #F6DDE7;font-size:15.5px}
.pba-matrix th,.pba-matrix td{padding:15px 18px;text-align:left;border-bottom:1px solid #FBE9F0}
.pba-matrix thead th{background:#FFF0F5;color:#2E2233;font-size:15px}
.pba-matrix tbody tr:last-child td{border-bottom:0}
.pba-matrix td.y,.pba-matrix td.n{width:120px;text-align:center}
.pba-dot{display:inline-block;width:16px;height:16px;border-radius:50%;vertical-align:-3px}
.pba-dot.y{background:#4FC9C0;box-shadow:inset 5px 5px 0 #EAF9F6}
.pba-dot.n{background:#EADFE7;box-shadow:inset 5px 5px 0 #FFF7FA}
.pba-soon{font-size:12px;font-weight:800;color:#B08A2E;background:#FFF7E0;border-radius:999px;padding:4px 10px;white-space:nowrap}
.pba-ltd{background:#FFD66B;border-radius:24px;padding:32px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;max-width:860px;margin:32px auto 0}
@media (max-width:700px){.pba-ltd{grid-template-columns:1fr;text-align:center}}
.pba-seats{font-weight:800;color:#2E2233;background:#fff;border-radius:14px;padding:10px 16px;display:inline-block}
.pba-matrix-wrap{overflow-x:auto}
/* ===== Pricing fixes ===== */
.pba-btn--ghost{background:#fff !important;color:#D63D63 !important;border:2px solid #F5B9CD !important}
.pba-btn--ghost:hover{background:#FFF0F5 !important;color:#C22A52 !important}
@media (max-width:600px){
  .pba-matrix{font-size:13px}
  .pba-matrix th,.pba-matrix td{padding:10px 8px}
  .pba-matrix td.y,.pba-matrix td.n{width:76px}
}@media (max-width:600px){
  .pba-band{padding:48px 20px !important}
}
/* ===== Matrix: fixed layout so it always fits ===== */
.pba-matrix{table-layout:fixed}
.pba-matrix td{overflow-wrap:break-word}
.pba-matrix thead th:nth-child(2),.pba-matrix thead th:nth-child(3){width:110px}
@media (max-width:600px){
  .pba-matrix thead th:nth-child(2),.pba-matrix thead th:nth-child(3){width:72px}
}
/* ===== Cookie banner: fit small screens ===== */
@media (max-width:600px){
  .cmplz-cookiebanner{left:12px !important;right:12px !important;width:auto !important;max-width:calc(100vw - 24px) !important;min-width:0 !important;box-sizing:border-box !important}
}
/* ===== Mobile: kill latent grid min-content overflow ===== */
.pba-split > *{min-width:0}
@media (max-width:860px){
  .pba-split{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:600px){
  .pba-faq-grid{grid-template-columns:1fr}
  .pba-price-grid{grid-template-columns:1fr}
}

/* ===== vw full-bleed elements must include padding in width ===== */
.pba-band,.pba-cta-final,.pba-footer,.pba-sticky-cta{box-sizing:border-box}

/* ===== Mobile home: fix padding-aware alignfull overshoot (body has no root padding) ===== */
@media (max-width:600px){
  .home main .wp-block-group.alignfull.has-global-padding{margin-left:0 !important;margin-right:0 !important;box-sizing:border-box}
  .home .entry-content.alignfull{margin-left:0 !important;margin-right:0 !important}
  .home .pba-hero-card{box-sizing:border-box}
}

/* ===== Pricing page: centered H1 (user request 2026-07-28) ===== */
body.page-id-172 .wp-block-post-title{text-align:center}

/* ===== W3-15 blog reusable blocks: TL;DR / safety / author ===== */
.pba-tldr{border-left:4px solid #4FC9C0;background:#F0FAF9;padding:16px 20px;border-radius:0 12px 12px 0;margin:24px 0}
.pba-tldr p{margin:0;font-size:1.05em;line-height:1.6}
.pba-safety{border-left:4px solid #FF6B8A;background:#FFF0F5;padding:14px 20px;border-radius:0 12px 12px 0;margin:24px 0}
.pba-safety p{margin:0;line-height:1.6}
.pba-author{border-top:1px solid #F6DDE7;margin-top:32px;padding:16px 4px 0;color:#4A3B52}
.pba-author p{margin:0;font-size:.95em;line-height:1.6}

/* ===== W3-09 /colors/ library ===== */
.pba-colors-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:20px 0 8px}
.pba-color-tabs{display:flex;flex-wrap:wrap;gap:8px}
.pba-color-tab{border:2px solid #F6DDE7;background:#fff;color:#2E2233;border-radius:999px;padding:8px 18px;font-weight:700;cursor:pointer;font-size:.95em}
.pba-color-tab.is-active{background:#2E2233;color:#fff;border-color:#2E2233}
.pba-color-search{flex:1;min-width:200px;max-width:320px;border:2px solid #F6DDE7;border-radius:999px;padding:9px 18px;font-size:.95em}
.pba-color-meta{color:#7A6A85;font-size:.9em;margin:0 0 16px}
.pba-color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin:8px 0 32px}
.pba-chip-card{border:none;border-radius:10px;min-height:64px;padding:8px 6px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;cursor:pointer;text-align:left;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.pba-chip-card:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12),0 4px 10px rgba(0,0,0,.15)}
.pba-chip-name{font-size:.72em;font-weight:700;line-height:1.2;text-shadow:0 0 3px rgba(255,255,255,.25)}
.pba-chip-code{font-size:.66em;opacity:.85}
.pba-color-detail{display:flex;gap:18px;align-items:flex-start;background:#FFF7FA;border:1px solid #F6DDE7;border-radius:14px;padding:18px 20px;margin:0 0 20px}
.pba-cd-swatch{width:90px;height:90px;border-radius:14px;flex:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}
.pba-cd-main h3{margin:0 0 4px;font-size:1.15em}
.pba-cd-code{color:#7A6A85;font-weight:400;font-size:.85em}
.pba-cd-hex{margin:0 0 10px;font-family:monospace}
.pba-cd-copy{border:1px solid #D63D63;color:#D63D63;background:#fff;border-radius:999px;padding:3px 12px;font-size:.85em;cursor:pointer}
.pba-cd-sub{margin:6px 0;font-size:.9em;color:#4A3B52}
.pba-cd-table{border-collapse:collapse;font-size:.85em;width:100%}
.pba-cd-table th,.pba-cd-table td{border:1px solid #F6DDE7;padding:5px 8px;text-align:left}
.pba-chip-dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:5px;vertical-align:-2px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.pba-cd-de{font-size:.85em;font-weight:700;margin-left:4px}
.pba-de-e{color:#1F7A6E}.pba-de-g{color:#2A6DB0}.pba-de-a{color:#B07800}.pba-de-p{color:#D63D63}
.pba-cd-legend{font-size:.78em;color:#7A6A85;margin:6px 0 0}
@media (max-width:640px){.pba-color-detail{flex-direction:column}.pba-color-grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr))}}