/* Verkooppakket V20 - zelfstandig en afgebakend, geen globale knop-overrides. */
.sales-tools-page { padding-top:32px; padding-bottom:56px; }
.sales-tools-page .account-main-v18 { min-width:0; }
.sales-tools-head { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; margin-bottom:22px; }
.sales-tools-head h1 { color:var(--navy); font-size:clamp(27px,3vw,36px); font-weight:650; letter-spacing:-.6px; margin:8px 0 12px; }
.sales-tools-head p { color:#526b7d; line-height:1.65; max-width:650px; margin:0; }
.sales-tools-head > a { flex-shrink:0; }
.sales-tools-page .btn, .st-promo .btn, .st-ready .btn, .st-print-page .btn { font-weight:600; min-height:46px; font-size:14px; border-radius:11px; line-height:1.4; }
.sales-tools-page .btn.primary, .st-promo .btn.primary, .st-ready .btn.primary, .st-print-page .btn.primary { color:#172f40; background:#ff963e; border:1px solid #dd721b; box-shadow:0 2px 0 #d97627; }
.sales-tools-page .btn.primary:hover, .st-promo .btn.primary:hover, .st-ready .btn.primary:hover { background:#ffac63; }
.sales-tools-page button:disabled, .st-print-page button:disabled { opacity:.6; cursor:wait; }
.sales-tools-page :is(button,a,input,textarea,summary):focus-visible, .st-promo a:focus-visible, .st-faq summary:focus-visible, .st-print-page :is(button,a):focus-visible { outline:3px solid #1478ac; outline-offset:4px; }
.st-status { padding:12px 16px; border:1px solid #bedacb; border-radius:10px; background:#f0faf4; color:#236346; font-size:14px; line-height:1.5; margin-bottom:16px; }
.st-status.is-error { background:#fff5ee; border-color:#e9b18f; color:#843d16; }
.sales-tools-current { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; padding:18px 20px; border:1px solid #d5e7f1; border-radius:14px; margin-bottom:16px; }
.sales-tools-current strong { display:block; color:var(--navy); font-size:19px; font-weight:650; overflow-wrap:anywhere; }
.sales-tools-current span { display:block; font-size:15px; color:#526b7d; margin-top:6px; }
.st-update-note { padding:0 2px 22px; color:#526b7d; font-size:13px; line-height:1.7; }
.st-update-note strong { color:var(--navy); }
.st-text-button { appearance:none; border:0; background:none; color:#145b87; font:inherit; text-decoration:underline; text-underline-offset:3px; padding:10px 2px; cursor:pointer; }
.st-update-note .st-text-button { padding:2px; }
.sales-tool-card { min-width:0; border:1px solid #d5e7f1; border-radius:18px; padding:26px; background:#fff; box-shadow:0 8px 28px rgba(11,49,88,.045); }
.sales-tool-a4 { display:grid; grid-template-columns:minmax(0,1fr) minmax(240px,.85fr); align-items:center; gap:30px; margin-bottom:22px; }
.sales-tool-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.sales-tool-grid .sales-tool-card { display:flex; flex-direction:column; gap:22px; }
.sales-tool-number { color:#28617f; letter-spacing:1px; font-weight:600; font-size:11px; }
.sales-tool-copy h2 { color:var(--navy); font-size:25px; font-weight:650; margin:12px 0; letter-spacing:-.3px; }
.sales-tool-copy p { margin:0 0 14px; color:#526b7d; font-size:14px; line-height:1.7; }
.st-format { display:block; font-size:12px; color:#526b7d; margin:0 0 16px; }
.sales-tool-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.sales-tool-copy .st-help { margin-top:20px; font-size:12px; }
.sales-preview { padding:20px; background:linear-gradient(145deg,#eff7fb,#e3f1f9); border:1px solid #e0eef5; border-radius:13px; display:flex; justify-content:center; align-items:center; }
.sales-preview canvas { display:block; height:auto; max-width:100%; background:#fff; box-shadow:0 10px 26px rgba(16,54,82,.15); }
.a4-preview canvas { width:350px; }
.square-preview { margin-top:auto; min-height:360px; }
.square-preview canvas { width:320px; }
.story-preview { margin-top:auto; min-height:360px; }
.story-preview canvas { width:203px; }
.st-prepared { margin-top:20px; padding:22px; background:#fff7ed; border:1px solid #e9b786; border-radius:14px; }
.st-prepared[hidden] { display:none; }
.st-prepared h2 { margin-top:0; color:var(--navy); font-size:22px; font-weight:600; }
.st-prepared p { color:#526b7d; line-height:1.6; }
.sales-share-card { margin-top:24px; background:#f1f9fd; border:1px solid #c6e0ef; border-radius:18px; padding:26px; }
.sales-share-card h2 { font-size:26px; font-weight:650; color:var(--navy); margin:9px 0 12px; }
.sales-share-card p { line-height:1.7; color:#526b7d; max-width:670px; }
.sales-share-card label { display:block; font-size:13px; color:var(--navy); font-weight:600; margin:20px 0 8px; }
.sales-share-card input, .sales-share-card textarea { width:100%; min-width:0; padding:12px; border:1px solid #bed7e5; background:#fff; color:var(--ink); border-radius:9px; font:inherit; font-size:14px; }
.sales-share-card input { margin-bottom:14px; }
.sales-share-card textarea { margin-top:16px; min-height:104px; resize:vertical; line-height:1.6; }
.st-details { margin-top:20px; color:#526b7d; font-size:13px; line-height:1.7; border:1px solid #d5e7f1; padding:16px 20px; border-radius:12px; }
.st-details summary { color:var(--navy); cursor:pointer; font-size:14px; }
.st-details dl { display:grid; grid-template-columns:minmax(100px,1fr) minmax(0,2fr); gap:8px 20px; }
.st-details dd { margin:0; overflow-wrap:anywhere; }
/* Eenmalig grote promotie, met compacte verwijzingen elders. */
.st-promo { display:grid; grid-template-columns:minmax(0,1.06fr) minmax(0,1fr); align-items:center; gap:64px; margin-top:44px; margin-bottom:28px; padding:48px; border:1px solid #d3e6f0; border-radius:24px; background:#f4fafe; }
.st-promo h2 { font-size:clamp(30px,3.5vw,43px); letter-spacing:-1.1px; font-weight:650; color:var(--navy); line-height:1.12; margin:15px 0 20px; }
.st-promo p { color:#526b7d; font-size:15px; line-height:1.7; }
.st-promo .st-promo-lead { color:#254b65; font-size:18px; line-height:1.6; }
.st-promo-list { list-style:none; margin:22px 0; padding:0; display:grid; gap:12px; font-size:14px; line-height:1.5; }
.st-promo-list li { position:relative; padding-left:25px; }
.st-promo-list li::before { content:'\2713'; position:absolute; left:0; color:#206b71; font-weight:700; }
.st-free { display:inline-block; color:#7a3800; background:#ffebd8; border:1px solid #efcba8; border-radius:7px; padding:6px 9px; font-size:10px; font-weight:650; letter-spacing:.6px; }
.st-promo-price { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.st-promo-price strong { font-size:25px; color:var(--navy); font-weight:650; }
.st-promo-copy > small { display:block; margin-top:14px; font-size:12px; color:#526b7d; max-width:430px; line-height:1.6; }
.st-promo-visual { position:relative; padding:18px 45px 40px 5px; max-width:510px; width:100%; margin:auto; }
.st-mock-poster { background:#fff; padding:25px; transform:rotate(-4deg); box-shadow:0 20px 45px rgba(11,49,88,.16); border:1px solid #d2e4ef; }
.st-mock-brand { color:#0b3158; font-size:18px; font-weight:700; }
.st-mock-brand > span { color:#de6500; }
.st-mock-sale { display:block; font-size:clamp(32px,4.4vw,62px); color:#0b3158; letter-spacing:-2px; margin:20px 0 14px; }
.st-mock-poster > img { width:100%; height:auto; aspect-ratio:1.65; object-fit:contain; background:#eef8fd; display:block; }
.st-mock-title { display:block; margin-top:18px; color:#0b3158; font-size:22px; font-weight:600; }
.st-mock-bottom { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:14px; }
.st-mock-bottom > div > strong { display:block; color:#bd5908; font-size:18px; }
.st-mock-bottom > div > span { display:block; color:#526b7d; font-size:11px; margin-top:9px; line-height:1.5; }
.st-mock-qr { width:74px; flex:0 0 74px; text-align:center; color:#0b3158; }
.st-mock-qr svg { width:66px; height:66px; }
.st-mock-qr > span { font-size:9px!important; }
.st-mock-phone { position:absolute; right:0; bottom:50px; width:164px; padding:17px 12px; border:5px solid #173b55; border-radius:22px; background:#fff; box-shadow:0 14px 32px rgba(11,49,88,.2); transform:rotate(6deg); }
.st-mock-phone > span { display:block; color:#526b7d; font-size:10px; line-height:1.5; }
.st-mock-phone > strong { display:block; font-size:26px; color:#b85103; margin:12px 0; }
.st-mock-phone > img { display:block; width:100%; height:auto; aspect-ratio:1.2; object-fit:contain; background:#eef8fd; }
.st-mock-phone > b { display:block; font-size:15px; font-weight:600; color:#0b3158; margin:14px 0 6px; }
.st-mock-phone > small { display:block; font-size:11px; margin-top:16px; color:#0b3158; }
.st-mock-label { position:relative; top:24px; text-align:center; font-size:11px!important; line-height:1.5!important; }
.st-faq { max-width:940px; padding-top:22px; padding-bottom:40px; }
.st-faq h2 { color:var(--navy); font-weight:600; font-size:25px; }
.st-faq details { border-bottom:1px solid #d5e7f1; padding:17px 0; }
.st-faq summary { cursor:pointer; color:#284f69; line-height:1.5; }
.st-faq p { font-size:14px; line-height:1.7; color:#526b7d; max-width:790px; }
.st-hero-usp { padding:12px 0 0; margin:12px 0 0; font-size:13px!important; line-height:1.65!important; font-weight:500!important; color:#365b73!important; }
.st-hero-usp > span { display:block; color:#9d480a; font-size:12px; }
.st-hero-usp a { text-decoration:underline; text-underline-offset:3px; }
.st-benefit { display:grid; gap:9px; margin:18px 0; padding:18px; border:1px solid #c8e2f0; border-radius:12px; background:#f1faff; }
.st-benefit > .st-free { justify-self:start; }
.st-benefit > strong { color:var(--navy); font-size:17px; font-weight:600; }
.st-benefit > p { color:#526b7d; font-size:13px; line-height:1.65; margin:0; }
.st-ready { margin:22px 0; padding:24px; border:1px solid #bddccc; border-radius:14px; background:#f3faf6; }
.st-ready h2 { color:var(--navy); font-size:25px; font-weight:600; margin:16px 0 10px; }
.st-ready p { color:#526b7d; line-height:1.7; }
.st-checkout-totals { margin:20px 0; padding:20px; border:1px solid #d0e4ef; border-radius:14px; }
.st-checkout-totals > div { display:flex; justify-content:space-between; align-items:baseline; gap:20px; padding:10px 0; }
.st-checkout-totals dt { font-weight:500; color:#395b72; }
.st-checkout-totals dd { margin:0; color:var(--navy); white-space:nowrap; }
.st-checkout-totals .st-total { border-top:1px solid #c9dee9; margin-top:8px; padding-top:16px; font-size:22px; }
.st-checkout-totals .st-total :is(dt,dd) { font-weight:650; color:var(--navy); }
.st-dealer-tools-link { display:block; margin-top:8px; color:#125b84; font-weight:600; }
.sales-package-btn-v19 { background:#eef8fd; border:1px solid #b6dbea; color:var(--navy); font-weight:600; }
.home-sales-package-v19,.sell-free-package-v19,.account-sales-package-v19 { border:1px solid #cee3f0; border-radius:12px; background:#f2faff; padding:17px; margin:16px 0; }
.account-sales-package-v19 strong,.home-sales-package-v19 strong,.sell-free-package-v19 strong { display:block; color:var(--navy); font-size:17px; font-weight:600; }
.account-sales-package-v19 p,.home-sales-package-v19 span,.sell-free-package-v19 span { font-size:13px; line-height:1.65; color:#526b7d; }
.st-dealer-info { padding:14px 0 32px; color:#526b7d; font-size:14px; text-align:center; }
.st-dealer-info a { text-decoration:underline; text-underline-offset:3px; color:#145b87; }
.st-print-page { max-width:940px; margin:auto; padding:24px 16px; }
.st-print-actions { padding:16px; border:1px solid #d0e4ef; border-radius:12px; margin-bottom:20px; line-height:1.6; }
.st-print-sheet { max-width:740px; margin:auto; }
.st-print-sheet canvas { width:100%; height:auto; display:block; }
@media(max-width:1100px) { .sales-tool-a4 { grid-template-columns:1fr; } .sales-tools-head { flex-direction:column; gap:14px; } .st-promo { gap:30px; padding:30px; } }
@media(max-width:760px) { .st-promo { grid-template-columns:1fr; gap:24px; padding:25px; margin-top:25px; } .st-promo h2 { font-size:33px; } .st-promo-visual { max-width:400px; } .st-mock-sale { font-size:44px; } .st-promo-lead { font-size:17px!important; } .st-promo-visual { margin-top:10px; } .st-promo-list { font-size:14px; } .sales-tool-grid { grid-template-columns:1fr; } .sales-tool-card { padding:18px; } .sales-share-card { padding:20px; } .sales-tools-page { padding-top:20px; } .sales-tools-current { padding:16px; } .sales-preview { padding:16px; } }
@media(max-width:420px) { .sales-tool-actions { align-items:stretch; flex-direction:column; } .sales-tool-actions .btn { text-align:center; width:100%; } .sales-tools-head h1 { font-size:27px; } .st-promo { padding:22px 18px; } .st-mock-poster { padding:16px; } .st-mock-phone { width:136px; right:-5px; } .st-mock-brand { font-size:15px; } .st-mock-sale { font-size:36px; } .st-checkout-totals { padding:14px; } .st-checkout-totals .st-total { font-size:18px; } }
@media(prefers-reduced-motion:reduce) { .sales-tools-page * { scroll-behavior:auto!important; transition:none!important; } }
@page tkc-sales-poster { size:A4 portrait; margin:8mm; }
@media print {
 body:has(.st-print-page) { margin:0!important; padding:0!important; background:white!important; }
 .st-print-page { page:tkc-sales-poster; margin:0!important; padding:0!important; width:194mm!important; max-width:none!important; }
 .st-print-page .st-screen-only, .st-print-page noscript { display:none!important; }
 .st-print-sheet { width:194mm; max-width:none; margin:0; padding:0; break-inside:avoid; }
 .st-print-sheet canvas { display:block; width:194mm; height:auto; max-height:280mm; margin:0; box-shadow:none; }
}

/* V20.3 - duidelijke verkooppakketknop in Mijn advertenties */
.v12-account-actions .sales-package-btn-v19{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:9px 13px;
  border:1px solid #9fcfe9;
  border-radius:10px;
  background:linear-gradient(180deg,#f7fcff 0%,#eaf7ff 100%);
  color:#0b3158!important;
  font-weight:800;
  box-shadow:0 5px 14px rgba(21,147,223,.10);
}
.v12-account-actions .sales-package-btn-v19::before{
  content:'🎁';
  margin-right:7px;
  font-size:14px;
}
.v12-account-actions .sales-package-btn-v19:hover{
  border-color:#72bde8;
  background:#f1faff;
  color:#0b3158!important;
}
.sales-package-action-v203{display:inline-flex;flex-direction:column;gap:3px;align-items:flex-start}
.sales-package-action-v203>small{font-size:9px;color:#657d8e;padding-left:3px;white-space:nowrap}
@media(max-width:680px){.sales-package-action-v203{width:100%}.sales-package-action-v203 .sales-package-btn-v19{width:100%}.sales-package-action-v203>small{padding-left:0}}