/* ============================================================
   ClickSambo — Google Ads Call Conversions page
   (/google-ads-call-conversions, /tr/google-reklamlari-arama-donusumleri, /pt-br/conversoes-por-ligacao-do-google-ads)
   Scoped to <main class="ccPage">: header, footer and other pages are untouched.
   Every rule is prefixed with .ccPage and every class carries the cc prefix, so the site-wide
   classes in layout.css (.btn, .hero, section .inner, ...) cannot collide and the relative
   specificity of element vs. class rules matches the approved designs. The three language
   designs share the same markup and styles.
   ============================================================ */
.ccPage{color-scheme:light; --font-brand:"Nunito",-apple-system,"Segoe UI",Roboto,sans-serif; --navy:#1C2841; --ink:#0F1420; --orange:#F94C10; --orange-d:#D93D08; --orange-soft:rgba(249,76,16,.1); --green:#22B573; --green-d:#17835A; --green-soft:#E9F7F0; --cream:#FFF1E9; --cream-2:#FDF6F1; --cream-d:#EFDCD1; --white:#fff; --line:#ECECF3; --line-2:#F0E2D8; --muted:#51607A; --muted-2:#7C8AA3; --wrap:1120px; --r:20px; --r-sm:12px; --shadow:0 12px 40px rgba(28,40,65,.06); --shadow-lg:0 18px 50px rgba(28,40,65,.09); --safe-t:env(safe-area-inset-top,0px); --safe-b:env(safe-area-inset-bottom,0px)}
.ccPage *{box-sizing:border-box}
.ccPage{margin:0; background:var(--cream); color:var(--navy); font-family:var(--font-brand); font-size:16px; line-height:1.7; -webkit-font-smoothing:antialiased}
/* layout.css sets `*{font-family:Mulish}`, `b,strong{font-weight:700}`, `ol,ul{list-style:none}` and
   zeroes the margins of dl/ul; restore the browser defaults the design relies on. */
.ccPage *{font-family:inherit}
.ccPage b,.ccPage strong{font-weight:bolder}
.ccPage dl,.ccPage ul{margin:1em 0}
.ccPage ul{list-style:disc; padding-left:40px}
.ccPage .ccWrap{max-width:var(--wrap); margin:0 auto; padding:0 24px}
.ccPage h1,.ccPage h2,.ccPage h3{margin:0; font-weight:800; letter-spacing:-.015em; color:var(--navy)}
.ccPage h1{font-size:clamp(32px,4.2vw,48px); line-height:1.15}
.ccPage h2{font-size:clamp(26px,3vw,36px); line-height:1.2}
.ccPage h3{font-size:clamp(19px,1.6vw,21px); line-height:1.25}
.ccPage p{margin:0 0 1rem}
.ccPage a{color:inherit}
.ccPage .ccBtn{display:inline-flex; align-items:center; justify-content:center; gap:9px; background:var(--orange); color:#fff; text-decoration:none; font-weight:700; padding:14px 26px; border-radius:10px; font-size:1rem; border:0; cursor:pointer; font-family:inherit; transition:background .15s ease, transform .15s ease;}
.ccPage .ccBtn:hover{background:var(--orange-d); transform:translateY(-1px)}
.ccPage .ccBtn.ccLight{background:#fff; color:var(--navy)}
.ccPage .ccBtn.ccLight:hover{background:#fff; box-shadow:var(--shadow-lg)}
.ccPage .ccBtn.ccOnNavyGhost{background:transparent; border:1.6px solid rgba(255,255,255,.4); color:#fff}
.ccPage .ccBtn.ccOnNavyGhost:hover{background:rgba(255,255,255,.08); border-color:#fff}
.ccPage .ccBtn.ccLg{padding:16px 30px; font-size:1.05rem}
.ccPage .ccHero{position:relative; overflow:hidden; padding:74px 0 84px; background: radial-gradient(760px 420px at 85% 0%, rgba(249,76,16,.09), transparent 62%), radial-gradient(620px 380px at 0% 100%, rgba(34,181,115,.08), transparent 60%), var(--cream);}
.ccPage .ccHeroGrid{display:grid; grid-template-columns:1.02fr .98fr; gap:52px; align-items:center}
@media(max-width:940px){
  .ccPage .ccHeroGrid{grid-template-columns:1fr; gap:40px}
}
.ccPage .ccHeroGrid>*{min-width:0}
.ccPage .ccEyebrow{margin:0 0 14px; font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--muted-2)}
.ccPage .ccLede{color:var(--muted); font-size:17px; line-height:1.7; margin-top:20px; max-width:52ch}
.ccPage .ccActions{display:flex; gap:14px; margin-top:26px; flex-wrap:wrap}
.ccPage .ccInbox{background:var(--white); border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--shadow-lg); overflow:hidden; max-width:430px; margin:0 auto}
.ccPage .ccInboxTop{display:flex; align-items:center; gap:12px; background:var(--navy); color:#fff; padding:15px 18px}
.ccPage .ccInboxTop .ccWa{width:36px; height:36px; border-radius:11px; background:#25D366; display:grid; place-items:center; flex:none}
.ccPage .ccInboxTop .ccWa svg{width:20px; height:20px}
.ccPage .ccInboxTop .ccT{line-height:1.25}
.ccPage .ccInboxTop .ccT b{display:block; font-size:15px; font-weight:800}
.ccPage .ccInboxTop .ccT span{font-size:12px; color:#B9C2D2; font-weight:600}
.ccPage .ccInboxTop .ccLive{margin-left:auto; font-size:11px; font-weight:800; letter-spacing:.05em; color:#7fe0ab; display:flex; align-items:center; gap:7px}
.ccPage .ccInboxTop .ccLive i{width:7px; height:7px; border-radius:50%; background:#25D366; display:inline-block; animation:ccPulse 1.9s infinite}
@keyframes ccPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)} 70%{box-shadow:0 0 0 7px rgba(37,211,102,0)} 100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.ccPage .ccInboxList{padding:12px; background:var(--cream-2)}
.ccPage .ccLead{display:flex; align-items:center; gap:12px; background:#fff; border:1px solid var(--line); border-radius:12px; padding:10px 13px; margin-bottom:9px}
.ccPage .ccLead:last-child{margin-bottom:0}
.ccPage .ccLead .ccAva{width:38px; height:38px; border-radius:50%; display:grid; place-items:center; font-weight:800; font-size:14px; color:#fff; flex:none}
.ccPage .ccLead .ccAva.ccG{background:#8593ad}
.ccPage .ccLead .ccAva svg{width:20px; height:20px}
.ccPage .ccLead .ccBody{min-width:0; flex:1}
.ccPage .ccLead .ccNm{font-weight:800; font-size:14px; color:var(--navy)}
.ccPage .ccLead .ccPv{font-size:12.5px; color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.ccPage .ccLead .ccChip{flex:none; font-size:11px; font-weight:800; padding:4px 9px; border-radius:999px; display:flex; align-items:center; gap:5px}
.ccPage .ccLead .ccChip svg{width:12px; height:12px}
.ccPage .ccChip.ccReal{background:var(--green-soft); color:var(--green-d)}
.ccPage .ccChip.ccBot{background:var(--orange-soft); color:var(--orange-d)}
.ccPage .ccLead.ccIsbot{opacity:.85}
.ccPage .ccLead.ccIsbot .ccPv{font-style:italic}
.ccPage .ccInboxFoot{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:5px 12px; padding:13px 16px; border-top:1px solid var(--line); background:#fff; font-size:12px; font-weight:800}
.ccPage .ccInboxFoot .ccG{color:var(--green-d)}
.ccPage .ccInboxFoot .ccO{color:var(--orange-d)}
.ccPage .ccInboxFoot .ccDot{width:9px; height:9px; border-radius:3px; display:inline-block; margin-right:7px; vertical-align:-1px}
.ccPage .ccInboxnote{margin:12px 0 0; font-size:.8rem; color:var(--muted-2); text-align:center}
@media (prefers-reduced-motion:no-preference){
  .ccPage .ccLead{opacity:0; transform:translateY(9px); animation:ccDrop .42s ease forwards}
  .ccPage .ccLead .ccChip.ccBot{opacity:0; animation:ccStamp .32s ease forwards}
}
@keyframes ccDrop{to{opacity:1; transform:none}}
@keyframes ccStamp{from{opacity:0; transform:scale(.6) rotate(-6deg)} to{opacity:1; transform:none}}
.ccPage .ccCrumbs{background:var(--cream); border-top:1px solid var(--line-2)}
.ccPage .ccCrumbs .ccWrap{display:flex; justify-content:space-between; align-items:center; gap:14px; padding:13px 24px; flex-wrap:wrap}
.ccPage .ccCrumbs ol{display:flex; flex-wrap:wrap; gap:8px; list-style:none; margin:0; padding:0; font-size:.84rem; font-weight:700; color:var(--muted-2)}
.ccPage .ccCrumbs li+li::before{content:"›"; margin-right:8px; color:#C9B4A5}
.ccPage .ccCrumbs a{text-decoration:none}
.ccPage .ccCrumbs a:hover{color:var(--orange)}
.ccPage .ccCrumbs [aria-current]{color:var(--navy)}
.ccPage .ccUpdated{margin:0; font-size:.82rem; color:var(--muted-2); font-weight:600}
.ccPage section{padding:84px 0}
.ccPage section[id]{scroll-margin-top:90px}
.ccPage section.ccAlt{background:var(--white)}
.ccPage .ccSechead{max-width:66ch; margin-bottom:40px}
.ccPage .ccSechead p{color:var(--muted); margin-top:12px}
.ccPage .ccNarrow{max-width:760px}
.ccPage .ccStepsec .ccWrap{display:grid; grid-template-columns:230px minmax(0,1fr); gap:56px; align-items:start; max-width:960px}
@media(max-width:820px){
  .ccPage .ccStepsec .ccWrap{grid-template-columns:1fr; gap:18px}
}
.ccPage .ccStepMark{position:sticky; top:100px}
@media(max-width:820px){
  .ccPage .ccStepMark{position:static; display:flex; align-items:center; gap:16px}
}
.ccPage .ccStepMark .ccNum{font-size:clamp(58px,7vw,108px); font-weight:800; line-height:.85; letter-spacing:-.04em; color:var(--orange)}
.ccPage .ccStepMark .ccLbl{margin-top:10px; font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--muted-2)}
@media(max-width:820px){
  .ccPage .ccStepMark .ccLbl{margin-top:0}
}
.ccPage .ccStepBody h3{margin-bottom:16px; font-size:clamp(21px,2vw,27px)}
.ccPage .ccStepBody p{color:var(--muted); max-width:60ch}
.ccPage .ccStepBody p:last-child{margin-bottom:0}
.ccPage .ccSub{font-weight:800; color:var(--navy); font-size:.82rem; letter-spacing:.02em; margin:18px 0 6px}
.ccPage .ccTag{display:inline-block; font-weight:700; background:var(--orange-soft); color:var(--orange-d); padding:1px 8px; border-radius:6px; font-size:.9em; white-space:normal; overflow-wrap:anywhere; max-width:100%}
.ccPage .ccPath{font-weight:700; color:var(--navy)}
.ccPage .ccDone{display:flex; gap:14px; align-items:center; background:var(--green-soft); border:1px solid #cbeadd; border-radius:var(--r-sm); padding:20px 24px; margin-top:22px;}
.ccPage .ccDone svg{flex:none}
.ccPage .ccDone b{color:var(--green-d)}
.ccPage .ccDone span{color:var(--muted)}
.ccPage .ccBand{background:var(--navy)}
.ccPage .ccBand .ccWrap{padding:52px 24px}
.ccPage .ccStatgrid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin:0}
@media(max-width:760px){
  .ccPage .ccStatgrid{grid-template-columns:1fr; gap:14px}
}
.ccPage .ccStat{background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); border-radius:16px; padding:22px 20px}
.ccPage .ccStat .ccIc{width:44px; height:44px; border-radius:12px; background:rgba(249,76,16,.16); display:grid; place-items:center; margin-bottom:16px}
.ccPage .ccStat .ccIc svg{width:22px; height:22px}
.ccPage .ccStat .ccNum{font-size:clamp(2rem,4.2vw,2.6rem); font-weight:800; letter-spacing:-.02em; line-height:1; color:#fff; margin-bottom:12px}
.ccPage .ccStat .ccBar{height:8px; border-radius:6px; background:rgba(255,255,255,.12); overflow:hidden; margin-bottom:14px}
.ccPage .ccStat .ccBar i{display:block; height:100%; border-radius:6px; background:linear-gradient(90deg,#F94C10,#FF7A47)}
.ccPage .ccStat .ccLbl{font-size:.9rem; color:#B9C2D2; font-weight:600; line-height:1.45}
.ccPage .ccBandnote{color:#8593ad; font-size:.82rem; margin:26px 0 0}
.ccPage .ccBandnote a{color:#8593ad}
.ccPage .ccLoop{display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:8px}
@media(max-width:720px){
  .ccPage .ccLoop{grid-template-columns:1fr 1fr}
}
.ccPage .ccLnode{position:relative; background:var(--cream-2); border:1px solid var(--line-2); border-radius:var(--r-sm); padding:20px 18px}
.ccPage .ccLnode .ccIc{width:42px; height:42px; border-radius:12px; background:var(--white); border:1px solid var(--line-2); display:grid; place-items:center; margin-bottom:12px}
.ccPage .ccLnode p{margin:0; font-size:.93rem; color:var(--muted)}
.ccPage .ccLnode b{color:var(--navy)}
.ccPage .ccLnode .ccArw{position:absolute; right:-14px; top:32px; z-index:2; color:var(--orange)}
@media(max-width:720px){
  .ccPage .ccLnode .ccArw{display:none}
}
.ccPage .ccFeatures{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:38px}
@media(max-width:720px){
  .ccPage .ccFeatures{grid-template-columns:1fr}
}
.ccPage .ccFeat{background:var(--white); border:1px solid var(--line); border-radius:var(--r); padding:26px; box-shadow:var(--shadow)}
.ccPage .ccFeat .ccIc{width:44px; height:44px; border-radius:13px; background:var(--green-soft); display:grid; place-items:center; margin-bottom:16px}
.ccPage .ccFeat h3{margin-bottom:8px}
.ccPage .ccFeat p{margin:0; color:var(--muted)}
.ccPage .ccMagnet .ccBox{background:var(--navy); border-radius:var(--r); padding:clamp(30px,5vw,52px); color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:26px}
.ccPage .ccMagnet .ccBox h2{color:#fff}
.ccPage .ccMagnet .ccBox p{color:#c3cbdb; margin:12px 0 0; max-width:46ch}
.ccPage .ccMagnet .ccBox > div{flex:1 1 360px}
.ccPage .ccTrust{background:var(--white); border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:40px 0}
.ccPage .ccBadges{display:flex; flex-wrap:wrap; gap:16px 34px; align-items:center; justify-content:center}
.ccPage .ccBadge{display:flex; align-items:center; gap:10px; font-weight:700; font-size:.95rem; color:var(--navy)}
.ccPage .ccBadge svg{flex:none}
.ccPage .ccCtaband{background:var(--navy); text-align:center}
.ccPage .ccCtaband h2{color:#fff}
.ccPage .ccCtaband p{color:#c3cbdb; font-size:1.05rem; max-width:52ch; margin:14px auto 28px}
.ccPage .ccCtaband .ccActions{justify-content:center}
.ccPage .ccCtanote{color:#8593ad; font-size:.86rem; margin-top:20px}
.ccPage .ccCtanote a{color:#FF7A47; text-decoration:none; font-weight:700}
.ccPage .ccFaq .ccWrap{max-width:820px}
.ccPage details{background:var(--cream-2); border:1px solid var(--line-2); border-radius:var(--r-sm); padding:20px 24px; margin-bottom:12px}
.ccPage summary{font-weight:800; cursor:pointer; list-style:none; font-size:17px; padding-right:26px; position:relative}
.ccPage summary::-webkit-details-marker{display:none}
.ccPage summary::after{content:"+"; position:absolute; right:0; top:-2px; color:var(--orange); font-weight:800; font-size:22px}
.ccPage details[open] summary::after{content:"–"}
.ccPage details p{margin:12px 0 0; color:var(--muted)}
.ccPage :focus-visible{outline:2px solid var(--orange); outline-offset:3px}
@media(prefers-reduced-motion:reduce){
  .ccPage *{transition:none !important; animation:none !important}
}
.ccPage .ccSources .ccWrap{max-width:820px}
.ccPage .ccSrclist{list-style:none;margin:0;padding:0;counter-reset:src}
.ccPage .ccSrclist li{position:relative;padding:16px 0 16px 36px;border-bottom:1px solid var(--line-2);counter-increment:src}
.ccPage .ccSrclist li:first-child{border-top:1px solid var(--line-2)}
.ccPage .ccSrclist li::before{content:counter(src);position:absolute;left:0;top:16px;width:24px;height:24px;border-radius:8px;background:var(--orange-soft);color:var(--orange-d);font-size:12px;font-weight:800;display:grid;place-items:center}
.ccPage .ccSrclist a{display:block;text-decoration:none;color:var(--navy);font-weight:700;font-size:16px}
.ccPage .ccSrclist a:hover{color:var(--orange)}
.ccPage .ccSrclist .ccSrc{display:block;font-size:12.5px;color:var(--muted-2);font-weight:600;margin-top:3px}