
/* Karmak V5 — restrained premium industrial UI */
:root{
  --k-navy:#06263d; --k-deep:#041a2b; --k-blue:#087fc9; --k-cyan:#41b9ee;
  --k-text:#153647; --k-muted:#687e8a; --k-line:#dce6eb; --k-soft:#f5f8fa; --k-white:#fff;
}
html{font-size:16px}
body{font-family:Inter,"Helvetica Neue",Arial,sans-serif!important;font-size:16px!important;line-height:1.65!important;color:var(--k-text)!important;font-weight:400!important;letter-spacing:-.006em}
body p{font-size:16.5px!important;line-height:1.76!important;font-weight:400!important;color:var(--k-muted)}
body h1,body h2,body h3{font-family:Inter,"Helvetica Neue",Arial,sans-serif!important}
body h1{font-weight:650!important;letter-spacing:-.045em!important}
body h2{font-weight:620!important;letter-spacing:-.038em!important}
body h3{font-weight:600!important;letter-spacing:-.025em!important}
.eyebrow{font-size:12px!important;font-weight:700!important;letter-spacing:.14em!important}
.container{width:min(1240px,calc(100% - 48px))!important}

/* header */
.topbar,.header,.premium-header{display:none!important}
.k-topbar{height:36px;background:#041a2b;color:#b6cad6;font-size:11px}
.k-topbar-row{height:36px;display:flex;align-items:center;justify-content:space-between}
.k-topbar-left,.k-topbar-right{display:flex;align-items:center;gap:17px}
.k-topbar a{color:#d2e2ea;font-weight:500}
.k-topbar-right a:last-child{color:#65c9f7}
.k-live{width:6px;height:6px;border-radius:50%;background:#2fb6ef;box-shadow:0 0 0 4px rgba(47,182,239,.12)}
.k-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.98);border-bottom:1px solid #e7eef2;box-shadow:0 8px 28px rgba(5,40,61,.04)}
.k-header-row{height:82px;display:flex;align-items:center;gap:24px}
.k-brand{flex:0 0 auto}.k-brand img{width:206px;height:auto;display:block}
.k-nav{height:100%;margin-left:auto;display:flex;align-items:stretch;gap:0}
.k-nav>a,.k-nav-item>button{height:100%;display:flex;align-items:center;padding:0 13px;border:0;background:none;color:#294958;font:600 13px/1 Inter,"Helvetica Neue",Arial,sans-serif;cursor:pointer;position:relative;white-space:nowrap}
.k-nav>a:after,.k-nav-item>button:after{content:"";position:absolute;left:13px;right:13px;bottom:-1px;height:2px;background:var(--k-blue);transform:scaleX(0);transition:.18s}
.k-nav>a:hover,.k-nav-item>button:hover{color:var(--k-blue)}
.k-nav>a:hover:after,.k-nav-item:hover>button:after{transform:scaleX(1)}
.k-nav-item{position:relative;height:100%;display:flex;align-items:stretch}
.k-nav-item>button>span{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-left:8px;margin-top:-4px;transition:.18s}
.k-nav-item:hover>button>span{transform:rotate(225deg);margin-top:4px}
.k-dropdown{position:absolute;top:81px;left:0;background:#fff;border:1px solid #dce7ed;border-top:2px solid var(--k-blue);box-shadow:0 24px 60px rgba(6,38,59,.14);padding:10px;border-radius:0 0 10px 10px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s;z-index:20}
.k-nav-item:hover .k-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.k-dropdown-services{width:410px;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.k-dropdown-services>a{display:flex;gap:11px;padding:13px;border-radius:7px;border:1px solid transparent}
.k-dropdown-services>a:hover{background:#f5f9fb;border-color:#e2ebf0}
.k-dropdown-services small{font-size:9px;color:#168bcf;font-weight:700;padding-top:2px}
.k-dropdown strong{display:block;color:#153647;font-size:13px;font-weight:650}
.k-dropdown em{display:block;font-style:normal;color:#7a8f9a;font-size:10px;margin-top:3px;white-space:nowrap}
.k-dropdown-products{width:260px;padding:8px}
.k-dropdown-products>a{display:block;padding:12px 13px;border-bottom:1px solid #edf2f4}
.k-dropdown-products>a:last-child{border-bottom:0}.k-dropdown-products>a:hover{background:#f6fafc}
.k-service-call{flex:0 0 auto;padding-left:18px;border-left:1px solid var(--k-line);line-height:1.15}
.k-service-call span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#78909c;font-weight:600}
.k-service-call strong{display:block;font-size:12px;color:#0b6fae;margin-top:4px}
.k-quote{flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;background:var(--k-blue);color:#fff!important;border-radius:6px;font-size:12px;font-weight:700;box-shadow:0 8px 22px rgba(8,127,201,.16)}
.k-quote:hover{background:#0673b8}
.k-mobile-menu{display:none;margin-left:auto;width:44px;height:44px;border:1px solid var(--k-line);border-radius:7px;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.k-mobile-menu i{width:19px;height:1.5px;background:#173e52;display:block}

/* typography scale */
.hero h1{font-size:clamp(3.4rem,5.2vw,4.9rem)!important;line-height:1.02!important}
.hero-copy>p{font-size:18px!important;line-height:1.7!important;color:#d0e0e8!important;max-width:680px!important}
.quote-card h3{font-size:22px!important}.quote-card>p{font-size:13px!important}
.quote-card input,.quote-card select,.quote-card textarea{font-size:14px!important}
.metric strong{font-size:27px!important;font-weight:620!important}.metric span{font-size:11px!important}
.section-head h2,.system-heading h2{font-size:clamp(2.25rem,3.5vw,3.4rem)!important;line-height:1.08!important}
.section-head p,.system-heading p,.product-intro p,.project-intro p,.engineering-copy p{font-size:16px!important}
.service-copy h3{font-size:27px!important}.service-copy p,.service-feature p{font-size:14px!important}
.service-feature h3{font-size:18px!important}
.product-card h3{font-size:15px!important}.product-card p{font-size:12px!important}
.project-card h3{font-size:15px!important}.project-card dt,.project-card dd{font-size:10px!important}
.why-card h3{font-size:16px!important}.why-card p{font-size:13px!important}
.page-hero{padding:82px 0!important}.page-hero h1{font-size:clamp(2.8rem,4.5vw,4.2rem)!important;line-height:1.03!important}.page-hero p{font-size:17px!important;max-width:780px!important}
.article{font-size:16px!important}.article p,.article li{font-size:16px!important;line-height:1.8!important}.article h2{font-size:30px!important}
.aside-card p{font-size:13px!important}
.blog-card h3{font-size:18px!important}.blog-card p{font-size:13px!important}
.footer p,.footer a{font-size:12px!important}

/* image hierarchy */
.hero-media{background-image:url("https://www.refrigeracionstarr.com.mx/web/image/179953-962f8e5d/_MG_8835.webp")!important;background-size:cover!important;background-position:center!important}
.product-card img{height:220px!important;aspect-ratio:auto!important;object-fit:cover!important}
.sector-card img{object-fit:cover!important;filter:saturate(.92) contrast(1.02)}
.project-card .visual{height:230px!important;background-size:cover!important;background-position:center!important}
.project-card .visual:before{display:none!important}
.service-feature-main .service-visual{background-image:url("https://www.danis.com/uploads/_gallery/gallery_udf-cold_1.jpg")!important;background-size:cover!important;background-position:center!important}
.service-feature-main .technical-grid,.service-feature-main .cold-door{display:none!important}

/* spacing tightened, site feels filled not empty */
.section{padding:72px 0!important}
.premium-service-system{padding:78px 0!important}
.engineering-proof{padding:72px 0!important}
.service-bento{min-height:560px!important}
.product-layout,.project-layout{gap:38px!important}
.footer{padding-top:52px!important}

@media(max-width:1100px){
 .k-topbar-right{display:none}.k-nav,.k-service-call,.k-quote{display:none}
 .k-mobile-menu{display:flex}
 .k-header-row{height:72px}.k-brand img{width:190px}
 .k-nav.k-open{display:flex;position:absolute;top:72px;left:0;right:0;background:#fff;border-top:1px solid #e5edf1;box-shadow:0 20px 50px rgba(6,38,59,.15);flex-direction:column;height:auto;padding:10px 18px 20px;align-items:stretch;max-height:calc(100vh - 72px);overflow:auto}
 .k-nav.k-open>a,.k-nav.k-open .k-nav-item>button{height:50px;width:100%;justify-content:space-between;border-bottom:1px solid #edf2f4;padding:0 4px;font-size:15px}
 .k-nav.k-open .k-nav-item{display:block;height:auto}
 .k-nav.k-open .k-dropdown{display:none;position:static;width:100%;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;border-radius:0;background:#f6f9fb;margin-bottom:6px}
 .k-nav.k-open .k-nav-item.k-expanded .k-dropdown{display:grid}
 .k-dropdown-products{grid-template-columns:1fr!important}
}
@media(max-width:720px){
 .container{width:calc(100% - 28px)!important}
 .k-topbar{display:none}.k-header-row{height:66px}.k-brand img{width:170px}.k-nav.k-open{top:66px}
 body p{font-size:15.5px!important}
 .hero h1{font-size:2.75rem!important}.hero-copy>p{font-size:16px!important}
 .section{padding:56px 0!important}
 .section-head h2,.system-heading h2{font-size:2.15rem!important}
 .page-hero{padding:58px 0!important}.page-hero h1{font-size:2.45rem!important}.page-hero p{font-size:16px!important}
 .article p,.article li{font-size:15.5px!important}.article h2{font-size:26px!important}
}
