/* Max Talotekniikka V7: compact, deliberately plain and readable. */
:root{--v7:#161616;--v7gray:#626262;--v7line:#e4e4e4;--v7bg:#f7f7f7}
body{color:#202020}
.mini-top{background:#1c1c1c;color:#eee}.mini-top b{color:#fff}
.nav-links{gap:12px}.nav-links>a:not(.btn){font-size:13px}
.v7-hero{background:#181818;color:white}.v7-hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:38px;align-items:center;padding-top:54px;padding-bottom:54px}
.v7-hero h1{font-size:clamp(39px,5vw,66px);line-height:1.06;letter-spacing:-.04em;margin:15px 0 22px}
.v7-hero p{color:#e1e1e1;max-width:530px;font-size:17px;line-height:1.58}
.v7-hero img{aspect-ratio: 1.16;object-fit:cover;width:100%;border-radius:7px}
.v7-hero figcaption{font-size:11px;color:#ccc;margin-top:7px}
.v7-hero .btn-primary,.v7-featured .btn-primary{background:#fff;color:#161616}.v7-hero .btn-outline{border-color:#eee;color:#fff}
.v7-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}
.v7-points{font-size:13px;color:#ddd;margin-top:19px}
.v7-sec{padding:57px 0}.v7-sec.alt{background:var(--v7bg)}
.v7-sec h2{font-size:clamp(29px,3.4vw,43px);margin-bottom:14px;letter-spacing:-.035em}
.v7-sec p.intro{max-width:760px;color:#555;margin-bottom:25px}
.v7-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.v7-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.v7-tile{padding:23px;border:1px solid var(--v7line);border-radius:9px;background:#fff;display:block;transition:border-color .15s}
.v7-tile:hover{border-color:#777}.v7-tile h3{font-size:21px;letter-spacing:-.02em;margin:0 0 9px}.v7-tile p{font-size:14px;color:#666;line-height:1.5;margin:0 0 17px}
.v7-tile a,.v7-more{color:#111;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.v7-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:20px}
.v7-brands{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:15px}
.v7-brands span{border:1px solid #ddd;background:#fff;padding:13px 8px;font-size:14px;font-weight:800;text-align:center;line-height:1.15;border-radius:5px}
.v7-small{font-size:12px;color:#696969;margin-top:10px}
.v7-half{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.v7-panel{padding:30px;background:#f7f7f7;border:1px solid #e4e4e4;border-radius:10px}.v7-panel h3{font-size:24px;margin-bottom:12px}.v7-panel p{color:#575757;max-width:630px}
.v7-facts{background:#242424;color:white}.v7-facts h2{color:white}.v7-facts p,.v7-facts .v7-small{color:#e6e6e6}
.v7-facts .v7-grid{grid-template-columns:1fr 1fr}
.v7-fact{border-top:2px solid #aaa;padding-top:18px}.v7-fact b{font-size:40px;display:block;line-height:1.15;margin-bottom:8px}
.v7-cta{background:#e7e7e7;padding:42px 0}.v7-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.v7-cta h2{font-size:32px;margin-bottom:6px}
/* Site product catalog */
.catalog-intro{padding:45px 0 30px;background:#f6f6f6}.catalog-intro h1{font-size:clamp(34px,5vw,58px);margin-bottom:12px}.catalog-intro p{max-width:740px;color:#444}
.catalog-controls{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:10px 0 25px}
.catalog-tabs{display:flex;gap:7px;flex-wrap:wrap}.catalog-tabs button{border:1px solid #bbb;background:#fff;color:#242424;border-radius:6px;padding:9px 13px;font-size:14px}
.catalog-tabs button[aria-pressed=true]{background:#181818;border-color:#181818;color:#fff}
.catalog-search{min-width:210px;min-height:44px;border:1px solid #c7c7c7;border-radius:6px;padding:9px 14px}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.product-card{border:1px solid #ddd;border-radius:9px;background:#fff;overflow:hidden;display:flex;flex-direction:column}
.product-card-body{padding:20px;display:flex;flex-direction:column;gap:7px;flex:1}.product-card h3{font-size:21px;margin:0}
.product-card p{font-size:14px;color:#5d5d5d;margin:0 0 12px;line-height:1.45}.product-card .sku{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#777}
.product-card .price-note{font-weight:700;font-size:13px;margin-top:auto}.product-card .btn{border-radius:6px;width:100%;margin-top:8px;background:#202020;color:#fff}
.device-visual{height:190px;background:#eee;display:grid;place-items:center;position:relative;overflow:hidden}
.device-visual::before{content:'HAVAINNEKUVA · EI MALLIKUVA';font-size:9px;letter-spacing:.06em;position:absolute;bottom:7px;right:10px;color:#666}
.device-wall{width:71%;height:58px;border-radius:15px 15px 9px 9px;background:linear-gradient(125deg,#fff,#ddd);box-shadow:0 12px 17px #0002, inset 0 -5px #bdbdbd;position:relative}
.device-wall:after{content:'';position:absolute;top:22px;right:16px;width:7px;height:7px;border-radius:100%;background:#9a9a9a}
.device-visual.musta .device-wall{background:linear-gradient(120deg,#222,#555);box-shadow:0 12px 17px #0002,inset 0 -5px #171717}
.device-visual.kangas .device-wall{background:repeating-linear-gradient(90deg,#a3a4a8 0 2px,#aaabb1 2px 5px);border-radius:30px 30px 8px 8px}
.device-visual.puu .device-wall{background:repeating-linear-gradient(100deg,#ad906e 0 8px,#c19e78 8px 13px);border-radius:12px}
.device-visual.hopea .device-wall{background:linear-gradient(140deg,#aeb4b9,#e3e4e5)}
.device-visual.torni .device-wall{width:80px;height:145px;border-radius:5px;background:linear-gradient(100deg,#ececec,#bbb)}
.device-visual.ulko .device-wall{width:150px;height:135px;border-radius:8px;background:#ddd;box-shadow:inset 0 -10px #999;display:grid;place-items:center}
.device-visual.ulko .device-wall:before{content:'';width:87px;height:87px;border:12px solid #444;border-radius:50%;background:repeating-conic-gradient(from 0deg,#555 0 13deg,#222 13deg 25deg)}
.catalog-note{background:#f4f4f4;border-left:3px solid #777;padding:15px 20px;font-size:13px;color:#555;margin-top:26px}
.catalog-empty{padding:40px 0;color:#777}
.page-text{padding:55px 0}.page-text .wrap{max-width:950px}.page-text h1{font-size:clamp(36px,5vw,57px);margin-bottom:17px}.page-text h2{font-size:28px;margin:30px 0 14px}.page-text p,.page-text li{max-width:820px;color:#444;line-height:1.65}.page-text ul{padding-left:21px}.page-text .btn{border-radius:7px}.notice{background:#f1f1f1;border-left:3px solid #777;padding:17px 20px;color:#3d3d3d;margin:25px 0}
@media(max-width:1100px){.v7-brands{grid-template-columns:repeat(3,1fr)}.v7-grid.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.v7-hero .wrap{grid-template-columns:1fr;gap:22px;padding-top:42px}.v7-hero img{aspect-ratio:16/9}.v7-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v7-cta .wrap{display:block}.v7-cta .btn{margin-top:12px}}
@media(max-width:560px){.v7-sec{padding:39px 0}.v7-hero h1{font-size:clamp(35px,9vw,46px)}.v7-hero p{font-size:16px}.v7-hero img{aspect-ratio:4/3}.v7-grid,.v7-grid.four,.v7-facts .v7-grid,.product-grid,.v7-half{grid-template-columns:1fr}.v7-brands{grid-template-columns:repeat(2,1fr)}.v7-head{display:block}.v7-head>a{display:inline-block;margin-top:7px}.v7-cta h2{font-size:29px}.catalog-search{width:100%}.catalog-tabs button{font-size:13px}}
.product-card[hidden],.catalog-empty[hidden]{display:none!important}
.v7-hero figure{margin:0;min-width:0}
.v7-hero em{font-style:normal;color:#f2f2f2}
.v7-sec .v7-tile{color:#222}
.v7-facts a{color:white}
@media(min-width:851px) and (max-width:1170px){.nav-links{gap:8px}.nav-links>a:not(.btn){font-size:12px}.brand{min-width:145px}.brand img{width:150px}}

.site-header .nav-links .btn-primary{background:#1e1e1e;color:#fff;border:1px solid #1e1e1e}
.site-header .nav-links .btn-primary:hover{background:#444;color:#fff}