/* Tenstar-etusivu 1.3.8 – moderni, mobiili ensin. Sama ilme kuin tuotesivu 2.x */
.tse{--ink:#1c1a19;--muted:#5f5853;--line:#e2d9ce;--accent:#8b2332;--bg:#f4efe8;--card:#fbf8f4;--band:#ece4d9;--dark:#22201e;font-family:Poppins,sans-serif;color:var(--ink);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;background:var(--bg)}
.tse *{box-sizing:border-box}
.tse img{display:block;max-width:100%;height:auto}
.tse a{color:inherit;text-decoration:none}
.tse h1,.tse h2,.tse p{margin:0}
.tse-wrap{max-width:1280px;margin:0 auto;padding:0 32px}
.tse-ico{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.tse .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tse-kicker{font-size:14px;letter-spacing:.18em;text-transform:uppercase;font-weight:500}
.tse-h2{font-size:clamp(28px,3.2vw,40px);font-weight:600;letter-spacing:-.02em;line-height:1.1}
.tse-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:15px 26px;font:500 16px Poppins,sans-serif;border:1.5px solid currentColor;transition:background .15s,color .15s}
.tse-btn.light{background:#fff;color:var(--ink);border-color:#fff}
.tse-btn.light:hover{background:var(--card)}
.tse-btn.ghost{color:#fff;border-color:rgba(255,255,255,.7)}
.tse-btn.ghost:hover{background:rgba(255,255,255,.12)}

/* iso tuotekuva */
.tse-hero2{position:relative;min-height:78vh;display:flex;align-items:center;overflow:hidden;background:#3a342f;color:#fff}
.tse-hero2 .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 80%}
.tse-hero2 .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,17,15,.74) 0%,rgba(20,17,15,.52) 38%,rgba(20,17,15,.08) 68%,rgba(20,17,15,0) 100%)}
.tse-hero2 .in{position:relative;width:100%;padding-top:72px;padding-bottom:72px}
.tse-hero2 .txt{max-width:600px}
.tse-hero2 .tse-kicker{color:#f1dcc6}
.tse-hero2 h1{font-size:clamp(40px,5.6vw,76px);font-weight:600;letter-spacing:-.025em;line-height:1.02;margin:14px 0 16px;text-wrap:balance}
.tse-hero2 .sub{font-size:19px;font-weight:300;line-height:1.5;max-width:46ch;color:#f6efe8}
.tse-hero2 .btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
/* 1.3.2: jaettu hero – vaalea tekstipalkki vasemmalla, kirkas kuva oikealla */
.tse-hero2{display:grid;grid-template-columns:44fr 56fr;min-height:0;align-items:stretch;overflow:visible;z-index:50;background:#e8dccb;color:var(--ink)}
.tse-hero2 .bg{position:relative;inset:auto;order:2;width:100%;height:100%;min-height:600px;aspect-ratio:5/4;object-fit:cover;object-position:50% 60%}
.tse-hero2 .shade{display:none}
.tse-hero2 .in{order:1;max-width:none;margin:0;display:flex;align-items:center;justify-content:flex-end;padding:80px 72px 80px max(24px,calc((100vw - 1280px)/2 + 24px))}
.tse-hero2 .txt{max-width:540px;width:100%}
.tse-hero2 .tse-kicker{color:var(--accent)}
.tse-hero2 h1{font-size:clamp(32px,3.4vw,50px);line-height:1.08;margin:14px 0 18px;color:var(--ink)}
.tse-hero2 .sub{font-size:17px;color:#4a443f;font-weight:400}
.tse-hero2 .tse-search{position:relative;z-index:60;box-shadow:0 6px 20px rgba(60,40,20,.10);border:1px solid #d9cbb8}
.tse-hero2 .tse-btn.light{background:var(--ink);color:#fff;border-color:var(--ink)}
.tse-hero2 .tse-btn.light:hover{background:#000}
.tse-hero2 .tse-btn.ghost{color:var(--ink);border-color:var(--ink)}
.tse-hero2 .tse-btn.ghost:hover{background:rgba(28,26,25,.06)}

.tse-search{position:relative;display:flex;align-items:center;gap:10px;margin-top:26px;background:#fff;border-radius:999px;padding:6px 6px 6px 20px;max-width:520px;color:var(--ink);box-shadow:0 10px 30px rgba(0,0,0,.18)}
.tse-search .tse-ico{color:var(--muted)}
.tse-search input[type=search]{flex:1;min-width:0;border:0!important;outline:0;background:none!important;font:400 16px Poppins,sans-serif;color:var(--ink);padding:12px 0!important;box-shadow:none!important}
.tse-search button{border:0;background:var(--accent);color:#fff;font:500 16px Poppins,sans-serif;padding:12px 22px;border-radius:999px;cursor:pointer}
.tse-sugg{position:absolute;left:0;right:0;top:calc(100% + 10px);background:#fff;border-radius:18px;box-shadow:0 18px 50px rgba(28,26,25,.22);z-index:100;max-height:60vh;overflow-y:auto;text-align:left}
.tse-sugg[hidden]{display:none!important}
.tse-sugg .h{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:14px 18px 4px}
.tse-sugg a{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 18px}
.tse-sugg a.cat{grid-template-columns:minmax(0,1fr) auto}
.tse-sugg a:hover,.tse-sugg a.act{background:var(--card)}
.tse-sugg img{width:48px;height:48px;object-fit:cover;border-radius:8px;background:var(--card)}
.tse-sugg .t{font-weight:500;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tse-sugg .t mark{background:#f7e3a3;color:inherit;padding:0}
.tse-sugg .o{display:block;font-size:14px;color:var(--muted);font-weight:400}
.tse-sugg .p{font-weight:600;font-size:15px;white-space:nowrap}
.tse-sugg .c{font-size:14px;color:var(--muted)}
.tse-sugg .all{display:block;padding:14px 18px;border-top:1px solid var(--line);font-weight:500;font-size:15px;color:var(--accent)}
.tse-sugg .none{padding:16px 18px;color:var(--muted);font-size:15px}

/* osastot */
.tse-sec{padding:88px 0 0}
.tse-circles{display:flex;justify-content:center;gap:36px;margin-top:28px}
.tse-circle{flex:0 1 180px;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}
.tse-circle .im{display:block;width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--card);margin-bottom:10px;box-shadow:0 0 0 1px var(--line);transition:box-shadow .2s}
.tse-circle .im img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.tse-circle:hover .im{box-shadow:0 0 0 3px var(--accent)}
.tse-circle:hover .im img{transform:scale(1.05)}
.tse-circle b{font-size:16px;font-weight:600;line-height:1.25;text-wrap:balance}
.tse-circle .ct{font-size:14px;color:var(--muted)}

/* tuotteet */
.tse-row{display:flex;justify-content:space-between;align-items:center;gap:16px}
.tse-pills{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.tse-pills button{border:1.5px solid var(--line);background:var(--card);color:var(--ink);font:500 16px Poppins,sans-serif;padding:10px 20px;border-radius:999px;cursor:pointer;white-space:nowrap}
.tse-pills button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.tse-arrows{display:flex;gap:8px}
.tse-arrows button{width:46px;height:46px;border-radius:50%;border:1.5px solid var(--ink);background:none;font:400 26px/1 Poppins,sans-serif;color:var(--ink);cursor:pointer;padding:0 0 3px}
.tse-arrows button:hover{background:var(--ink);color:#fff}
.tse-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((min(1280px,100vw) - 64px - 54px)/4);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:26px max(32px,calc((100vw - 1280px)/2 + 32px)) 4px;scroll-padding:0 max(32px,calc((100vw - 1280px)/2 + 32px))}
.tse-track::-webkit-scrollbar{display:none}
.tse-track[hidden]{display:none!important}
.tse-card{scroll-snap-align:start;display:flex;flex-direction:column;min-width:0}
.tse-card .im{aspect-ratio:1;border-radius:18px;overflow:hidden;background:var(--card);margin-bottom:14px}
.tse-card .im img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.tse-card:hover .im img{transform:scale(1.04)}
.tse-card .nm{font-weight:600;font-size:17px;line-height:1.3}
.tse-card .pr{font-weight:600;font-size:20px;margin-top:6px;font-variant-numeric:tabular-nums}
.tse-card .pr del{font-weight:400;font-size:15px;color:var(--muted);margin-right:6px}
.tse-card .pr ins{text-decoration:none;color:var(--accent)}
.tse-card .vat{font-size:14px;color:var(--muted)}
.tse-card .st{display:flex;align-items:center;gap:8px;font-size:14px;margin-top:8px;color:var(--muted)}
.tse-card .st:before{content:"";width:9px;height:9px;border-radius:50%;background:#3f7d4e;flex:none}
.tse-card .st.low{color:var(--accent)}
.tse-card .st.low:before{background:var(--accent)}
.tse-card .st.order:before{background:#b9b0a6}

/* miksi Tenstar */
.tse-why{margin-top:88px;background:var(--band);padding:44px 0}
.tse-why .tse-wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.tse-why b{display:block;font-size:20px;font-weight:600;margin-bottom:4px}
.tse-why span{font-size:16px;color:var(--muted);font-weight:300}

/* jälleenmyyjät */
.tse-dealers{background:var(--card);border-top:1px solid var(--line);padding:56px 0}
.tse-dealers .in{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.tse-dealers p{color:var(--muted);font-weight:300;font-size:17px;margin-top:10px}
.tse-dealers .acts{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.tse-dealers .tse-btn.light{background:var(--ink);color:#fff;border-color:var(--ink)}
.tse-dealers .tse-btn.light:hover{background:#000}
.tse-link{font-size:15px;color:#f3efe9;border-bottom:1px solid rgba(243,239,233,.5);padding-bottom:1px}

/* A–Ö */
.tse-trade{background:var(--dark);color:#f3efe9;padding:72px 0}
.tse-trade-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,2.1fr);gap:40px;align-items:start}
.tse-trade .tse-kicker{color:#c9a98a}
.tse-trade h2{font-size:32px;font-weight:600;letter-spacing:-.01em;line-height:1.15;color:#fff;margin:12px 0}
.tse-trade p{color:#cfc6bc;font-weight:300;font-size:16px}
.tse-trade .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tse-tcard{display:flex;flex-direction:column;gap:8px;background:#2e2b28;border-radius:16px;padding:26px;transition:background .15s}
a.tse-tcard:hover{background:#38342f}
.tse-tcard .tse-ico{color:#c9a98a;width:28px;height:28px;margin-bottom:10px}
.tse-tcard b{font-size:18px;font-weight:600;color:#fff}
.tse-tcard span{font-size:15px;color:#cfc6bc;font-weight:300}
.tse-tcard em{font-style:normal;display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:16px;font-size:15px;font-weight:500;color:#fff;align-self:flex-start;border-bottom:1.5px solid rgba(255,255,255,.4);padding-bottom:6px}
.tse-tcard.soon em{color:#a59b90;border-color:transparent}
.tse-az{padding:72px 0 88px}
.tse-azhead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}
.tse-print{font-size:15px;font-weight:500;border-bottom:1.5px solid var(--ink)}
.tse-letters{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 34px}
.tse-letters a,.tse-letters span{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;background:#fff;font-weight:500;font-size:15px}
.tse-letters a:hover{border-color:var(--ink)}
.tse-letters span{color:#c4bbb1;background:transparent}
.tse-azcols{columns:6 150px;column-gap:28px}
.tse-azgrp{break-inside:avoid;margin-bottom:18px;display:flex;flex-direction:column;gap:2px;scroll-margin-top:100px}
.tse-azgrp b{color:var(--accent);font-weight:600;font-size:15px}
.tse-azgrp a{font-size:15px;padding:2px 0}
.tse-azgrp a:hover{color:var(--accent)}


@media (max-width:1024px){
 .tse-track{grid-auto-columns:calc((100vw - 64px - 36px)/3)}
}
@media (max-width:760px){
 .tse{font-size:16px}
 .tse-wrap{padding:0 20px}
 .tse-hero2{display:flex;flex-direction:column;min-height:0;background:#e8dccb}
 .tse-hero2 .bg{order:0;min-height:0}
 .tse-hero2 .in{order:1;justify-content:flex-start;padding:28px 20px 34px}
 .tse-hero2 .bg{position:relative;inset:auto;height:auto;aspect-ratio:1/1;object-position:70% 50%}
 .tse-hero2 .shade{display:none}
 .tse-hero2 .in{padding-top:32px;padding-bottom:40px}
 .tse-hero2 h1{font-size:38px}
 .tse-hero2 .sub{font-size:16px}
 .tse-search{margin-top:20px;padding-left:16px}
 .tse-search button{padding:11px 18px}
 .tse-hero2 .btns{margin-top:16px}
 .tse-hero2 .btns .tse-btn{flex:1;padding:13px 16px;font-size:15px}
 .tse-sec{padding-top:56px}
 .tse-circles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 14px;margin-top:20px}
 .tse-circle .im{margin-bottom:8px}
 .tse-circle b{font-size:14px}
 .tse-arrows{display:none}
 .tse-track{grid-auto-columns:72%;gap:14px;padding:20px 20px 4px;scroll-padding:0 20px}
 .tse-card .nm{font-size:16px}
 .tse-why{margin-top:56px;padding:36px 0}
 .tse-why .tse-wrap{grid-template-columns:1fr;gap:22px}
 .tse-dealers{padding:44px 0}
 .tse-dealers .acts{width:100%}
 .tse-dealers .acts .tse-btn{width:100%}
 .tse-trade{padding:48px 0}
 .tse-trade-in{grid-template-columns:1fr;gap:24px}
 .tse-trade h2{font-size:26px}
 .tse-trade .cards{grid-template-columns:1fr;gap:12px}
 .tse-tcard{padding:20px}
 .tse-az{padding:48px 0 64px}
 .tse-letters{gap:6px}
 .tse-letters a,.tse-letters span{width:34px;height:34px;font-size:14px}
 .tse-azcols{columns:2;column-gap:20px}
}
@media (prefers-reduced-motion:reduce){.tse *{transition:none!important}}