/* KONE storefront mockup, following the reference site's section order. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.topbar{background:#0d6846;color:#fff;font:600 11px Manrope,sans-serif;letter-spacing:.8px}
.topbar-inner{height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.topbar-inner>div{display:flex;gap:24px}.topbar a:hover{text-decoration:underline}
.site-header{height:78px}.brand{min-width:210px}.site-nav{gap:26px}.site-nav a{font-size:13px}
.header-search{height:38px;width:175px;display:flex;background:#f2f6f0;border:1px solid #e0e9de;border-radius:4px;overflow:hidden;flex:none}.header-search input{min-width:0;width:100%;background:none;border:0;outline:0;padding:0 10px;font:500 12px "IBM Plex Sans Thai",sans-serif}.header-search button{width:38px;border:0;background:#117549;color:#fff;font-size:24px;cursor:pointer}
.hero{height:565px;min-height:0;color:var(--ink);background:#eef7ee}.hero-photo{inset:0 0 0 49%;background-position:center 60%;filter:saturate(.9);clip-path:polygon(13% 0,100% 0,100% 100%,0 100%)}
.hero-shade{background:linear-gradient(90deg,#eff8ef 0%,#e8f4e7 49%,#d8efd02b 60%,transparent 100%)}.hero:after{background:linear-gradient(125deg,transparent 0 73%,#73bc5140 73.1% 76%,transparent 76.1%)}
.hero-content{padding-bottom:0}.eyebrow{color:#196b42}.eyebrow-line{background:#72bc3b}.hero h1{font-size:clamp(43px,4.7vw,68px);line-height:1.17;max-width:620px;margin:14px 0 17px;color:#123c2a}.hero h1 span{color:#57a42d;font:800 .96em Manrope,sans-serif;letter-spacing:-3px}.hero p{color:#425a4d;font-size:16px;max-width:470px;line-height:1.75}.hero-caption{color:#56806b;margin-top:34px}.button-outline{color:#105b3c;border-color:#2f8656;background:#ffffffb8}.button-outline:hover{background:#fff}.hero-product-label{position:absolute;right:35px;bottom:22px;padding:9px 12px;background:#0b482fac;color:#fff;font:800 10px Manrope;letter-spacing:2px;z-index:3}
.proof-grid>div{padding:23px 14px}.proof-icon{color:#188453}.proof-strip{box-shadow:0 5px 20px #0e41100e;position:relative;z-index:1}
.intro-section{padding:68px 0;background:#fff}.intro-grid{display:grid;grid-template-columns:.95fr 1fr;gap:10%;align-items:center}.intro-grid h2{font-size:clamp(30px,3.5vw,45px);line-height:1.3;margin:12px 0 0}.intro-grid h2 span{color:#1b8051}.intro-grid p{font-size:15px;line-height:1.9;color:#5b7064;margin-bottom:20px}
.products-section{background:#f7faf5}.section-top h2,.featured-heading h2{font-size:clamp(32px,3.6vw,46px);line-height:1.2;margin:9px 0}.category-grid{grid-template-columns:repeat(3,1fr);gap:18px}.category-card{height:235px;box-shadow:0 10px 28px #164a2412}.category-photo img{object-position:center 61%}.category-content strong{font-size:20px}.category-content{padding:22px}.category-content small{color:#b7f07a}
.featured-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:72px 0 23px}.featured-heading p{max-width:435px;color:#687a6e;font-size:13px;margin:0}.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.featured-card{background:#fff;border:1px solid #e1e9e0;box-shadow:0 8px 20px #0d3e2410;transition:transform .2s,box-shadow .2s}.featured-card:hover{transform:translateY(-4px);box-shadow:0 15px 28px #0d3e2419}.featured-card[hidden]{display:none}.featured-image{height:220px;position:relative;background:#edf4eb;overflow:hidden}.featured-image img{width:100%;height:100%;object-fit:cover;object-position:center 68%}.featured-image>span:last-child{position:absolute;top:14px;left:14px;background:#eff8e9;color:#2f7542;font-size:10px;font-weight:700;padding:5px 9px}.featured-placeholder{display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#eaf5df,#d9ebd6)}.featured-placeholder .placeholder-symbol{font-size:110px;color:#82ae81;line-height:1}.featured-placeholder>span:last-child{background:#fff;color:#578364}.featured-info{padding:20px 20px 22px}.featured-info small{font:800 10px Manrope;letter-spacing:1.6px;color:#258052}.featured-info h3{font-size:18px;margin:9px 0 5px}.featured-info p{font-size:12px;color:#708076;min-height:38px;margin-bottom:18px}.featured-info a{display:flex;align-items:center;justify-content:space-between;background:#0d7748;color:#fff;font-size:12px;font-weight:700;padding:10px 12px;border-radius:3px}.featured-info a:hover{background:#09603b}.search-empty{padding:20px;background:#fff4e7;color:#754d18;margin-top:15px}
.feature-section{padding-top:80px}.feature-image{height:465px}.about-section{background:#0c4834}.contact-section{background:#f4f8f1}
@media(max-width:1120px){.site-nav{gap:15px}.header-search{width:140px}.brand{min-width:185px}}
@media(max-width:900px){.topbar-inner>span{display:none}.topbar-inner{justify-content:center}.site-header{height:68px}.header-search{margin-left:auto;width:210px}.site-nav{top:68px}.hero-photo{inset:0 0 0 45%}.hero-shade{background:linear-gradient(90deg,#eef8eefc 0%,#eaf5eaf0 47%,#e8f4e98a 68%,transparent 100%)}.hero h1{font-size:clamp(40px,5.8vw,58px)}.hero p{max-width:400px}.intro-grid{gap:5%}.category-grid{grid-template-columns:repeat(3,1fr)}.category-card:first-child{grid-column:auto}.category-content strong{font-size:17px}.featured-grid{gap:12px}.featured-info{padding:15px}.featured-info h3{font-size:16px}}
@media(max-width:700px){.header-search{width:min(42vw,210px)}.hero{height:610px}.hero-photo{inset:0;background-position:58% center;clip-path:none;opacity:.3}.hero-shade{background:linear-gradient(90deg,#edf7ecf0,#e8f4e6c9)}.hero h1{font-size:44px}.hero p{max-width:500px}.intro-grid{grid-template-columns:1fr;gap:12px}.category-grid,.featured-grid{grid-template-columns:1fr 1fr}.category-card:first-child{grid-column:span 2}.featured-card:last-child{grid-column:span 2}.featured-card:last-child .featured-image{height:170px}.featured-heading{align-items:start;flex-direction:column;gap:5px}.featured-heading p{max-width:none}}
@media(max-width:500px){.topbar{font-size:9px}.topbar-inner>div{gap:12px}.brand{min-width:0}.brand small{font-size:6px}.header-search{width:40px;margin-left:auto}.header-search:focus-within{width:150px}.header-search input{padding:0 0 0 7px}.hero{height:590px}.hero h1{font-size:39px}.hero-product-label{display:none}.proof-grid>div{padding:17px 6px}.intro-section{padding:52px 0}.category-grid,.featured-grid{grid-template-columns:1fr}.category-card:first-child,.featured-card:last-child{grid-column:auto}.category-card{height:225px}.featured-card:last-child .featured-image{height:220px}.featured-heading{margin-top:55px}.featured-image{height:210px}}
.featured-image{display:block}.featured-info>a{display:flex;align-items:center;justify-content:space-between;background:#0d7748;color:#fff;font-size:12px;font-weight:700;padding:10px 12px;border-radius:3px}.featured-info>a:hover{background:#09603b}.featured-info h3 a{display:inline;background:none;padding:0;color:inherit}.featured-info h3 a:hover{color:#0d7748}