/* Heater.ee turg — kuulutused. Brändi tokenid (Nordic Ink, Heat Orange, Climate Blue, Efficiency Green, Warm Sand, Climate Ice). */
:root{--ink:#17313b;--ink-soft:#4b5f6a;--brand:#ff5b22;--brand-dark:#e04d18;--climate:#3d8fc4;--eco:#2e9c72;--warm:#f7f1eb;--ice:#eaf4fa;--line:#e6ddd3;--r:14px}
.tg-body{margin:0;background:var(--warm);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.5}
.tg-wrap{max-width:1152px;margin:0 auto;padding:0 16px}
.hh .hh-cta{background:var(--brand);color:#fff!important;border-radius:10px;padding:7px 12px;font-weight:700}
.hh .hh-user{font-weight:600;color:var(--ink-soft)}
.tg-band{background:var(--ice);padding:28px 0 22px}
.tg-band h1{margin:6px 0 0;font-size:2rem;font-weight:800;letter-spacing:-.01em;line-height:1.15}
.tg-band p{margin:8px 0 0;max-width:60ch;color:var(--ink-soft);font-size:1.05rem}
.tg-crumbs{font-size:.8rem;color:var(--ink-soft)} .tg-crumbs a{color:var(--ink-soft);text-decoration:none} .tg-crumbs a:hover{color:var(--brand)}
.tg-sec{padding:26px 0}
.tg-h2{margin:0 0 12px;font-size:1.35rem;font-weight:800}
.tg-two{display:grid;gap:16px;grid-template-columns:1fr 1fr}
.tg-sect{display:block;padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff;text-decoration:none;color:var(--ink);border-top:4px solid var(--climate)}
.tg-sect.orange{border-top-color:var(--brand)} .tg-sect:hover{box-shadow:0 10px 30px rgba(23,49,59,.08)}
.tg-sect b{font-size:1.25rem;display:block} .tg-sect span{color:var(--ink-soft);font-size:.92rem;display:block;margin-top:4px}
.tg-sect i{display:inline-block;margin-top:10px;font-style:normal;font-size:.78rem;font-weight:700;color:var(--climate)}
.tg-cats{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.tg-chip{display:inline-block;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink-soft);font-size:.85rem;font-weight:600;text-decoration:none}
.tg-chip.on,.tg-chip:hover{border-color:var(--ink);color:var(--ink)} .tg-chip.on{background:var(--ink);color:#fff}
.tg-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0 4px}
.tg-filters select,.tg-filters input{border:1px solid var(--line);border-radius:10px;padding:8px 10px;font:600 .88rem Inter,sans-serif;color:var(--ink);background:#fff}
.tg-filters input[type=search]{min-width:200px;flex:1}
.tg-filters button{border:0;border-radius:10px;background:var(--ink);color:#fff;padding:9px 14px;font:700 .88rem Inter,sans-serif;cursor:pointer}
.tg-count{font-size:.85rem;color:var(--ink-soft);margin:8px 0}
.tg-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.tg-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;text-decoration:none;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.tg-card:hover{border-color:var(--climate);box-shadow:0 8px 24px rgba(23,49,59,.08)}
.tg-card .img{aspect-ratio:4/3;background:var(--ice);display:flex;align-items:center;justify-content:center;color:var(--climate);overflow:hidden}
.tg-card .img img{width:100%;height:100%;object-fit:cover;display:block}
.tg-card .b{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px;flex:1}
.tg-card .t{font-weight:700;font-size:.95rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tg-card .p{font-size:1.15rem;font-weight:800;color:var(--ink);letter-spacing:-.01em;margin-top:auto}
.tg-card .p small{font-size:.75rem;font-weight:600;color:var(--ink-soft)}
.tg-card .m{font-size:.75rem;color:var(--ink-soft)}
.tg-tag{position:absolute;top:8px;left:8px;padding:3px 8px;border-radius:999px;font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:#fff;color:var(--ink)}
.tg-tag.premium{background:var(--brand);color:#fff} .tg-tag.demo{background:var(--ink);color:#fff} .tg-tag.deliv{left:auto;right:8px;background:var(--eco);color:#fff}
.tg-pager{display:flex;gap:6px;justify-content:center;margin:20px 0}
.tg-pager a,.tg-pager span{padding:6px 11px;border:1px solid var(--line);border-radius:8px;background:#fff;text-decoration:none;color:var(--ink);font-size:.88rem}
.tg-pager span.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.tg-empty{padding:30px;border:1px dashed var(--line);border-radius:14px;background:#fff;color:var(--ink-soft);text-align:center}
/* kuulutus */
.tg-l{display:grid;gap:22px;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr)}
.tg-gal{border-radius:16px;overflow:hidden;background:var(--ice)}
.tg-gal .main{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;color:var(--climate)}
.tg-gal .main img{width:100%;height:100%;object-fit:cover;display:block}
.tg-thumbs{display:flex;gap:6px;padding:6px;background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 16px 16px;overflow-x:auto}
.tg-thumbs img{width:76px;height:58px;object-fit:cover;border-radius:6px;cursor:pointer;border:2px solid transparent}
.tg-thumbs img.on{border-color:var(--brand)}
.tg-desc{white-space:pre-wrap;margin-top:18px;font-size:1rem;line-height:1.65}
.tg-side{position:sticky;top:76px;display:grid;gap:12px}
.tg-box{border:1px solid var(--line);border-radius:16px;background:#fff;padding:18px}
.tg-price{font-size:2rem;font-weight:800;letter-spacing:-.02em;line-height:1.1} .tg-price small{font-size:.9rem;font-weight:600;color:var(--ink-soft)}
.tg-kv{display:grid;gap:6px;margin:12px 0 0;font-size:.9rem} .tg-kv div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:6px}
.tg-kv dt{color:var(--ink-soft)} .tg-kv dd{margin:0;font-weight:600;text-align:right}
.tg-btn{display:inline-block;border:0;border-radius:10px;background:var(--brand);color:#fff;padding:11px 16px;font:700 .95rem Inter,sans-serif;cursor:pointer;text-decoration:none;text-align:center}
.tg-btn:hover{background:var(--brand-dark)} .tg-btn.sec{background:var(--ink)} .tg-btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)} .tg-btn.sm{padding:7px 11px;font-size:.82rem}
.tg-btn:disabled{opacity:.6;cursor:wait}
.tg-form{display:grid;gap:12px} .tg-form label{display:block;font-size:.82rem;font-weight:600;color:var(--ink-soft)}
.tg-form input,.tg-form select,.tg-form textarea{display:block;width:100%;margin-top:4px;border:1px solid var(--line);border-radius:10px;padding:10px 11px;font:500 .95rem Inter,sans-serif;color:var(--ink);background:#fff;box-sizing:border-box}
.tg-form input:focus,.tg-form select:focus,.tg-form textarea:focus{outline:none;border-color:var(--climate);box-shadow:0 0 0 3px rgba(61,143,196,.15)}
.tg-form .row{display:grid;gap:12px;grid-template-columns:1fr 1fr}
.tg-form .chk{display:flex;gap:8px;align-items:flex-start;font-size:.85rem;color:var(--ink-soft)} .tg-form .chk input{width:auto;margin:3px 0 0}
.tg-form .err{border-color:#c92a2a!important} .tg-form .errmsg{font-size:.8rem;color:#c92a2a;font-weight:600}
.tg-note{font-size:.82rem;color:var(--ink-soft)}
.tg-alert{padding:12px 14px;border-radius:12px;font-size:.92rem} .tg-alert.ok{background:#e6f5ee;color:var(--eco)} .tg-alert.warn{background:#fff2ea;color:var(--brand-dark)} .tg-alert.info{background:var(--ice);color:var(--ink)}
.tg-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.tg-photos{display:flex;flex-wrap:wrap;gap:8px} .tg-photos figure{position:relative;margin:0;width:110px} .tg-photos img{width:110px;height:82px;object-fit:cover;border-radius:8px;display:block}
.tg-photos button{position:absolute;top:4px;right:4px;border:0;border-radius:999px;background:rgba(23,49,59,.85);color:#fff;width:22px;height:22px;cursor:pointer;font-size:12px}
/* kabinet */
.tg-status{display:inline-block;padding:3px 9px;border-radius:999px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.st-active{background:#e6f5ee;color:var(--eco)} .st-pending{background:var(--ice);color:var(--climate)} .st-paused{background:var(--warm);color:var(--ink-soft);border:1px solid var(--line)} .st-rejected{background:#fdecec;color:#c92a2a} .st-archived{background:#eee;color:#777}
.tg-row{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px 14px;align-items:start;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff}
.tg-row .img{width:96px;height:72px;border-radius:8px;object-fit:cover;background:var(--ice)}
.tg-row .acts{grid-column:2;display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding-top:10px;border-top:1px dashed var(--line)}
.tg-row .acts form{display:inline-flex;gap:4px;align-items:center}
.tg-row .acts select.tg-btn{padding:6px 8px;max-width:190px}
.tg-row .acts .tg-btn.sm{white-space:nowrap}
.tg-row form{display:inline}
.tg-stats{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:16px}
.tg-stat{border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px 14px} .tg-stat b{display:block;font-size:1.4rem;font-weight:800} .tg-stat span{font-size:.75rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;font-weight:700}
.tg-log{font-size:.8rem;color:var(--ink-soft);margin:6px 0 0;padding-left:16px} .tg-log li{margin:2px 0}
.tg-role{display:grid;gap:10px;grid-template-columns:1fr 1fr} .tg-role label{display:block;padding:14px;border:2px solid var(--line);border-radius:12px;cursor:pointer;background:#fff} .tg-role label.on{border-color:var(--brand)} .tg-role b{display:block} .tg-role span{font-size:.82rem;color:var(--ink-soft)}
.tg-plans{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))} .tg-plan{border:1px solid var(--line);border-radius:14px;background:#fff;padding:16px} .tg-plan b{font-size:1.4rem} .tg-plan ul{margin:8px 0 0;padding-left:18px;font-size:.88rem;color:var(--ink-soft)}
.tg-prose{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 24px;line-height:1.65} .tg-prose h2{font-size:1.2rem;margin:20px 0 8px} .tg-prose h2:first-child{margin-top:0} .tg-prose table{width:100%;border-collapse:collapse;font-size:.9rem} .tg-prose td,.tg-prose th{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left}
@media(max-width:820px){.tg-two{grid-template-columns:1fr}.tg-l{grid-template-columns:1fr}.tg-side{position:static}.tg-form .row{grid-template-columns:1fr}.tg-row .acts{grid-column:1/-1}.tg-row{grid-template-columns:72px minmax(0,1fr)}.tg-row .acts{grid-column:1/-1;justify-content:flex-start}.tg-role{grid-template-columns:1fr}.tg-band h1{font-size:1.5rem}}

/* müüja kast */
.tg-seller-name{font-weight:800;font-size:1.05rem;margin-top:4px;color:var(--ink)}
.tg-seller a{word-break:break-all}

/* stardikampaania */
.tg-promo{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;background:var(--ink);color:#fff;border-radius:16px;padding:22px 26px}
.tg-promo h2{margin:6px 0 6px;font-size:1.35rem;letter-spacing:-.01em;color:#fff}
.tg-promo p{margin:0;color:#cfd9de;font-size:.95rem;max-width:60ch}
.tg-promo-tag{display:inline-block;background:var(--brand);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px}
.tg-promo-r{text-align:center;display:grid;gap:8px;justify-items:center}
.tg-promo-dots{display:flex;gap:6px}.tg-promo-dots i{width:14px;height:14px;border-radius:50%;border:2px solid var(--eco);display:block}.tg-promo-dots i.on{background:var(--eco)}
.tg-promo-n{font-size:.9rem;color:#cfd9de}.tg-promo-n b{color:#fff;font-size:1.1rem}
@media(max-width:700px){.tg-promo{grid-template-columns:1fr}.tg-promo-r{justify-items:start;text-align:left}}

.tg-ru{border:1px dashed var(--line);border-radius:10px;padding:8px 12px}.tg-ru summary{cursor:pointer;font-weight:700;font-size:.9rem;color:var(--climate)}.tg-ru label{margin-top:8px}

/* nupud ühises Astro-šapis (data-chrome-extra) */
.tg-hbtn{display:inline-flex;align-items:center;white-space:nowrap;border-radius:10px;padding:6px 11px;font-size:.82rem;font-weight:700;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;margin-left:6px}
.tg-hbtn:hover{color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}
.tg-hbtn--cta{background:var(--brand);color:#fff;box-shadow:none}.tg-hbtn--cta:hover{background:#e04d18;color:#fff;box-shadow:none}
@media(max-width:767px){.tg-hbtn{padding:6px 9px;font-size:.78rem}}
/* Tailwind preflight kompensatsioon turu lehtedel */
.tg-body{background:var(--warm-bg,#f7f1eb)}
.tg-body h1,.tg-body h2,.tg-body h3{font-weight:800}
.tg-band h1{font-size:2rem;line-height:1.15}
.tg-h2{font-size:1.35rem}
.tg-prose h2{font-size:1.2rem;margin:20px 0 8px}
.tg-prose ul,.tg-prose ol{padding-left:1.2rem;list-style:disc}.tg-prose ol{list-style:decimal}
.tg-form input,.tg-form select,.tg-form textarea{background:#fff}
.tg-btn,button.tg-btn{font:inherit;font-weight:700;cursor:pointer}
.tg-desc{white-space:pre-wrap}

/* kuidas töötab + miks */
.tg-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;counter-reset:s}
.tg-steps li{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;position:relative}
.tg-steps li b{display:block;margin:10px 0 4px;font-size:1rem;color:var(--ink)}.tg-steps li p{margin:0;font-size:.88rem;color:var(--ink-soft);line-height:1.45}
.tg-step-n{display:flex;align-items:center;gap:8px;color:var(--climate)}.tg-step-n span{margin-left:auto;font-weight:800;font-size:1.4rem;color:var(--line);line-height:1}
.tg-why{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.tg-why-card{border-radius:14px;padding:18px;color:#fff;background:var(--ink)}
.tg-why-card svg{display:block;margin-bottom:10px;opacity:.95}.tg-why-card b{display:block;font-size:1.02rem;margin-bottom:6px}.tg-why-card p{margin:0;font-size:.88rem;line-height:1.45;color:rgba(255,255,255,.82)}
.tg-why-climate{background:var(--climate)}.tg-why-cost{background:var(--brand)}.tg-why-save{background:var(--eco)}
@media(max-width:900px){.tg-steps{grid-template-columns:repeat(2,1fr)}.tg-why{grid-template-columns:1fr}}
@media(max-width:520px){.tg-steps{grid-template-columns:1fr}}

/* kategooria SEO-plokk */
.tg-seo{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}
.tg-seo .tg-prose p{font-size:.97rem;line-height:1.55}
.tg-seo-side{display:grid;gap:12px;position:sticky;top:120px}
.tg-links{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}.tg-links a{color:var(--climate);text-decoration:none;font-size:.92rem}.tg-links a:hover{text-decoration:underline}
.tg-faq{border:1px solid var(--line);border-radius:10px;padding:8px 12px;margin:6px 0;background:#fff}.tg-faq summary{cursor:pointer;font-weight:700;color:var(--ink)}.tg-faq p{margin:8px 0 0;color:var(--ink-soft)}
.tg-price-ref{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;background:var(--ice);border-radius:12px;padding:10px 14px;margin:0 0 12px}.tg-price-ref-k{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--climate);font-weight:700}.tg-price-ref b{font-size:1.3rem;color:var(--ink)}
@media(max-width:900px){.tg-seo{grid-template-columns:1fr}.tg-seo-side{position:static}}

/* kuulutuse statistika kabinetis */
.tg-spark{display:flex;align-items:flex-end;gap:10px;margin-top:8px;flex-wrap:wrap}
.tg-spark-b{display:flex;align-items:flex-end;gap:2px;height:24px}
.tg-spark-b i{width:4px;background:var(--climate);border-radius:2px;opacity:.75;display:block}
.tg-spark-b i:hover{opacity:1}
.tg-spark .tg-note{flex:1 1 260px}