/* Kostumkaret public presentation step 1; styles restricted to opted-in screens. */
@media screen{
body[data-kk-public-step1]{--kk-public-green:#1e7542;--kk-public-deep:#0b2b19;--kk-public-line:#dbe7df}
body[data-kk-public-step1] :is(.site-header,.navbar-custom,.kk-blog-header,.kk-brand-header,header.top){background:var(--kk-public-deep)!important;color:#fff!important;border-bottom:1px solid #bce8c926!important}
body[data-kk-public-step1][data-kk-public-site=blog]>nav{background:var(--kk-public-deep)!important}
body[data-kk-public-step1] :is(.site-header .navbar,.navbar-custom){padding-block:12px!important}
body[data-kk-public-step1] :is(.kk-brand-inner,.kk-blog-header .kk-wrap,header.top .top-in){width:min(calc(100% - 48px),1140px)!important;max-width:1140px!important;min-height:76px!important;padding:12px 0!important;margin-inline:auto!important;gap:20px!important;align-items:center!important}
body[data-kk-public-step1][data-kk-public-site=blog]>nav>.wrap{max-width:1140px!important;min-height:76px!important;padding:12px 24px!important;align-items:center!important;gap:20px!important}
body[data-kk-public-step1] a.kk-public-brand{display:flex!important;align-items:center!important;gap:11px!important;min-width:0!important;color:#fff!important;text-decoration:none!important;margin:0!important;flex-shrink:0}
body[data-kk-public-step1] a.kk-public-brand>img{width:44px!important;height:44px!important;flex:0 0 44px!important;object-fit:contain!important;display:block!important;align-self:center!important}
body[data-kk-public-step1] a.kk-public-brand :is(.kk-brand-lockup,.kk-public-brand-copy){display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:4px!important;margin:0!important;min-width:0!important}
body[data-kk-public-step1] a.kk-public-brand :is(strong,.kk-header-name){font:800 23px/1.15 Inter,system-ui,-apple-system,'Segoe UI',sans-serif!important;letter-spacing:-.025em!important;text-transform:none!important;color:#fff!important;white-space:nowrap!important}
body[data-kk-public-step1] a.kk-public-brand :is(small,.kk-header-tag){font:500 10px/1.35 Inter,system-ui,sans-serif!important;color:#bce8c9!important;letter-spacing:0!important;margin:0!important;white-space:nowrap!important;text-transform:none!important}
body[data-kk-public-step1] header.top small{color:#d0e7d8!important}
body[data-kk-public-step1] :is(.kk-brand-nav a,.kk-back,.back,.navbar-custom>.container>.btn){display:inline-flex;align-items:center;justify-content:center;min-height:44px;line-height:1.25!important}
body[data-kk-public-step1] :is(.kk-back,.back){max-width:none!important;white-space:normal!important;text-align:center!important;color:#e8f6eb!important;padding:9px 12px;border:1px solid #ffffff40;border-radius:8px}
body[data-kk-public-step1] .kk-brand-nav{gap:8px 18px!important}
body[data-kk-public-step1] :is(.store-btn,.btn-accent,.kk-brand-nav a:last-child){border-radius:8px!important;min-height:44px}
body[data-kk-public-step1] .section-block{padding-block:60px!important}
body[data-kk-public-step1] .store-section{padding-block:56px!important}
body[data-kk-public-step1] .store-hero{padding-block:48px 56px!important}
body[data-kk-public-step1] :is(.feature-card,.product-card,.store-product,.store-path,.store-access){border-radius:12px!important}
body[data-kk-public-step1] :is(.kk-footer,.kk-brand-footer){background:#0b1d14!important;padding:48px 0 20px!important}
body[data-kk-public-step1] :is(.kk-footer-inner,.kk-brand-footer-inner){width:min(calc(100% - 48px),1140px)!important;margin-inline:auto!important}
body[data-kk-public-step1] :is(.kk-footer-grid,.kk-brand-footer-grid){gap:24px 32px!important}
body[data-kk-public-step1] :is(.kk-footer-bottom,.kk-brand-bottom){margin-top:32px!important;padding-top:18px!important}
body[data-kk-public-step1] a.kk-public-footer-brand{font:800 20px/1.25 Inter,system-ui,sans-serif!important;text-transform:none!important;letter-spacing:-.02em!important;gap:11px!important}
body[data-kk-public-step1] a.kk-public-footer-brand strong{font:800 20px/1.25 Inter,system-ui,sans-serif!important;text-transform:none!important;letter-spacing:-.02em!important}
body[data-kk-public-step1] a.kk-public-footer-brand img{width:40px!important;height:40px!important;object-fit:contain!important;flex:none}
body[data-kk-public-step1][data-kk-public-site=blog] .listing{padding-top:40px!important;padding-bottom:48px!important}
body[data-kk-public-step1][data-kk-public-site=blog] .listing .grid{gap:20px!important}
body[data-kk-public-step1][data-kk-public-site=blog] .listing .thumb{display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;object-fit:cover!important}
body[data-kk-public-step1][data-kk-public-site=blog] .card-content{padding:20px!important}
body[data-kk-public-step1][data-kk-public-site=blog] .listing .card{border-radius:12px!important}
body[data-kk-public-step1][data-kk-public-site=blog] .hero{padding-block:48px!important}
body[data-kk-public-step1][data-kk-public-site=blog] .hero h1{margin:10px 0 14px!important}
body[data-kk-public-step1][data-kk-public-site=blog] .section-title{margin-bottom:20px!important}
body[data-kk-public-step1][data-kk-public-site=blog] .cta{padding-block:36px!important}
body[data-kk-public-step1] a:focus-visible{outline:3px solid #78c792;outline-offset:3px}
@media(max-width:991px){
body[data-kk-public-step1] .site-header .navbar>.container{gap:10px!important}
body[data-kk-public-step1] .site-header .navbar-brand{max-width:calc(100% - 66px)!important}
body[data-kk-public-step1] .site-header .navbar-toggler{min-width:48px;min-height:44px;padding:8px!important;flex:none}
body[data-kk-public-step1] .site-header .navbar-collapse{flex-basis:100%!important;padding-top:12px!important}
body[data-kk-public-step1] .site-header .navbar-nav .nav-link{padding:10px 12px!important;min-height:44px;border-radius:8px}
body[data-kk-public-step1] .site-header .navbar-nav .btn{width:100%;margin:6px 0 0!important;display:flex;align-items:center;justify-content:center;min-height:44px}
}
@media(max-width:650px){
body[data-kk-public-step1] :is(.kk-brand-inner,.kk-blog-header .kk-wrap,header.top .top-in){width:calc(100% - 32px)!important;min-height:72px!important;gap:10px!important}
body[data-kk-public-step1][data-kk-public-site=blog]>nav>.wrap{padding-inline:16px!important;gap:10px!important;min-height:72px!important}
body[data-kk-public-step1] a.kk-public-brand{gap:9px!important}
body[data-kk-public-step1] a.kk-public-brand>img{width:38px!important;height:38px!important;flex-basis:38px!important}
body[data-kk-public-step1] a.kk-public-brand :is(strong,.kk-header-name){font-size:20px!important}
body[data-kk-public-step1] a.kk-public-brand :is(small,.kk-header-tag){font-size:8px!important}
body[data-kk-public-step1] .kk-brand-header .kk-brand-inner{flex-wrap:wrap!important}
body[data-kk-public-step1] .kk-brand-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:8px!important;margin-top:4px}
body[data-kk-public-step1] .kk-brand-nav a{border:1px solid #ffffff30!important;border-radius:8px!important;padding:10px!important;min-height:44px!important;font:700 12px/1.3 Inter,system-ui,sans-serif!important;letter-spacing:0!important;white-space:normal!important;text-align:center}
body[data-kk-public-step1] :is(.kk-back,.back){font:600 12px/1.3 Inter,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;padding:9px!important;max-width:112px!important;flex-shrink:0}
body[data-kk-public-step1] header.top .top-in{flex-wrap:wrap}
body[data-kk-public-step1] header.top .top-in>small{font-size:11px}
body[data-kk-public-step1] .section-block{padding-block:36px!important}
body[data-kk-public-step1] .store-section{padding-block:36px!important}
body[data-kk-public-step1] .store-hero{padding-block:32px 36px!important}
body[data-kk-public-step1] :is(.kk-footer,.kk-brand-footer){padding-top:36px!important}
body[data-kk-public-step1] :is(.kk-footer-inner,.kk-brand-footer-inner){width:calc(100% - 32px)!important}
body[data-kk-public-step1] :is(.kk-footer-grid,.kk-brand-footer-grid){gap:24px 18px!important}
body[data-kk-public-step1] :is(.kk-footer-bottom,.kk-brand-bottom){margin-top:24px!important}
body[data-kk-public-step1][data-kk-public-site=blog] .hero{padding-block:36px!important}
body[data-kk-public-step1][data-kk-public-site=blog] .listing{padding-top:28px!important;padding-bottom:36px!important}
body[data-kk-public-step1][data-kk-public-site=blog] .listing .grid{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
body[data-kk-public-step1][data-kk-public-site=blog] .card-content{padding:18px!important}
}
@media(max-width:360px){
body[data-kk-public-step1] a.kk-public-brand :is(strong,.kk-header-name){font-size:18px!important}
body[data-kk-public-step1] a.kk-public-brand :is(small,.kk-header-tag){font-size:7px!important}
body[data-kk-public-step1] :is(.kk-back,.back){max-width:90px!important;font-size:11px!important}
}
}