/* VTC3D v7 skin for kalkulacka.html (loads last) */
:root{--font-ui:'Archivo',system-ui,sans-serif;--font-hero:'Archivo',system-ui,sans-serif;--font-mono:'Archivo',system-ui,sans-serif;
--bg:#f4f2ec;--panel:#fbfaf7;--panel-2:#f4f2ec;--text:#171614;--muted:#5d584f;--soft:#c9c3b6;--line:#d9d4c8;--line-strong:#c9c3b6;
--accent:oklch(0.47 0.17 262);--accent-dark:oklch(0.39 0.15 262);--accent-soft:oklch(0.94 0.03 262);--accent-line:oklch(0.82 0.07 262);--accent-hi:oklch(0.74 0.13 250);
--shadow:none;--radius:4px;--dark:#1d1d1c}
body{font-family:'Archivo',system-ui,sans-serif!important;letter-spacing:0!important;background:var(--bg)!important}
button,input,select,textarea{font-family:'Archivo',system-ui,sans-serif}
a{color:var(--accent-dark)}
/* nav toolbar, full width */
.page-shell{width:100%!important;max-width:none!important;padding:0!important}
.page-shell>*:not(.site-nav):not(.site-foot){width:min(1280px,calc(100% - 2*clamp(1rem,4vw,3rem)));margin-left:auto;margin-right:auto}
.site-nav{height:64px;padding:0!important;margin:0 0 clamp(1.8rem,4vw,2.8rem)!important;gap:0!important;align-items:stretch!important;border-bottom:2px solid var(--text)!important;background:var(--bg);position:sticky;top:0;z-index:100}
.site-nav .brand{display:flex;align-items:center;padding:0 1.4rem 0 clamp(1rem,4vw,3rem);border-right:1.5px solid var(--line)}
.site-nav .brand-logo{height:22px}
.site-nav .nav-links{align-items:stretch;gap:0;margin-left:auto;border-left:1.5px solid var(--line)}
.site-nav .nav-links a{display:flex;align-items:center;padding:0 1.05rem!important;border-radius:0!important;color:var(--text);font-weight:600;font-size:.93rem;border-right:1.5px solid var(--line);background:none!important}
.site-nav .nav-links a:hover{background:var(--panel)!important}
.site-nav .nav-links a.active{color:var(--text)!important;background:var(--panel)!important;box-shadow:inset 0 -3px 0 var(--accent);font-weight:700}
.site-nav .nav-actions{gap:0;align-items:stretch}
.language-select{border:0!important;border-right:1.5px solid var(--line)!important;border-radius:0!important;background:var(--bg)!important;font-family:'Archivo',sans-serif!important;font-weight:700!important;font-size:.8rem!important;padding:0 .9rem!important}
.nav-cta{border-radius:0!important;padding:0 1.5rem!important;background:var(--accent)!important;color:#fff!important;border:0!important;font-weight:700!important;font-size:.98rem!important;box-shadow:none!important}
.nav-cta:hover{background:var(--accent-dark)!important}
.nav-burger{border-radius:0!important;border:0!important;border-left:1.5px solid var(--line)!important;width:64px!important;height:auto!important;padding:0 21px!important;background:var(--bg)!important}
.calc-mnav{border-radius:4px!important;border:2px solid var(--text)!important}
.calc-mnav a{font-stretch:70%;font-weight:800!important;text-transform:uppercase;font-size:1.3rem}
.calc-mnav a.active{color:var(--accent-dark)!important}
@media(max-width:1080px){.site-nav .nav-links{display:none!important}.site-nav .nav-actions{margin-left:auto;border-left:1.5px solid var(--line)}}
@media(max-width:560px){.nav-cta{display:none!important}}
/* hero */
.kicker{font-family:'Archivo',sans-serif!important;font-weight:700!important;letter-spacing:.06em!important;font-size:.8rem!important;color:var(--accent-dark)!important;border:1.5px solid currentColor;padding:.22rem .5rem;border-radius:3px;display:inline-flex!important;gap:0!important}
.kicker>span:first-child{display:none!important}
h1{font-family:'Archivo',sans-serif!important;font-stretch:62%;font-weight:900!important;text-transform:uppercase;letter-spacing:-.005em!important;line-height:1.02!important;font-size:clamp(2.8rem,6.4vw,5.4rem)!important;padding-top:.06em}
h1 em{font-style:normal!important;color:var(--accent)}
h2,h3{font-family:'Archivo',sans-serif!important;letter-spacing:-.005em!important}
.lead{color:var(--muted);font-size:clamp(1.02rem,1.4vw,1.15rem)}
.hero-stats{gap:0!important;border-top:2px solid var(--text);border-bottom:1.5px solid var(--line)}
.hero-stats span{border-left:1.5px solid var(--line);padding:.8rem 1rem!important;background:none!important;border-radius:0!important;box-shadow:none!important;border-top:0!important;border-right:0!important;border-bottom:0!important}
.hero-stats span:first-child{border-left:0}
.hero-stats strong{font-stretch:62%;font-weight:900!important;font-size:2.2rem!important;line-height:1.05}
.hero-stats small{font-family:'Archivo',sans-serif!important;letter-spacing:0!important;text-transform:none!important;font-size:.85rem!important}
/* cards */
.calculator-card,.surface-card,.customer-box,.side-panel,.preview-panel,.settings-card,.price-box,.cad-box,.calc-mobile-cta{border-radius:4px!important;box-shadow:none!important}
.calculator-card{border:2px solid var(--text)!important;background:var(--panel)!important}
.customer-box,.settings-card,.price-box,.cad-box,.side-panel>*{border-color:var(--line)!important}
.calc-status,.settings-title{font-family:'Archivo',sans-serif!important;font-weight:700!important;letter-spacing:.06em!important;border-radius:3px!important}
.viewer{border-radius:4px!important;border:1.5px solid var(--line)!important}
.price-box{background:var(--dark)!important;color:#f4f2ec!important;border:0!important}
.price-box .price,.price-box .price *{color:#f4f2ec!important;font-stretch:62%;font-weight:900}
.price-box .price{font-size:clamp(2.8rem,5vw,3.8rem)!important;line-height:1.02}
.price-box .price-label,.price-box .price-note,.price-box .shipping-note,.price-box small{color:#bdb8ad!important;font-family:'Archivo',sans-serif!important;letter-spacing:0!important}
/* controls */
button,.ghost,.upload-button-final,.upload-button,#submitBtn,.pill,.qty-btn,.color-swatch,.toggle{border-radius:4px!important}
#submitBtn,.upload-button-final{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important;box-shadow:0 3px 0 var(--accent-dark)!important;font-weight:700!important}
#submitBtn:hover,.upload-button-final:hover{transform:translateY(-2px);box-shadow:0 5px 0 var(--accent-dark)!important}
.ghost{border:2px solid var(--text)!important;background:transparent!important;color:var(--text)!important}
.ghost:hover{background:var(--text)!important;color:var(--bg)!important}
.pill.active,.pill[aria-pressed="true"],.color-swatch.active{border-color:var(--accent)!important;background:var(--accent-soft)!important;box-shadow:inset 0 0 0 1px var(--accent)!important}
input,select,textarea{border-radius:3px!important}
input:focus,select:focus,textarea:focus{border-color:var(--text)!important;box-shadow:none!important}
input[type="range"]{accent-color:var(--accent)}
.calc-mobile-cta{border:2px solid var(--text)!important;background:var(--panel)!important}
.calc-mobile-cta h2{font-stretch:66%!important;font-weight:900!important;text-transform:uppercase;font-size:1.9rem!important;line-height:1.05!important}
.calc-mobile-cta .cmc-btn{border-radius:4px!important;font-family:'Archivo',sans-serif!important;font-weight:700!important}
.calc-mobile-cta .cmc-ico{color:var(--accent)!important}
/* footer */
.site-foot{background:var(--dark);color:#a9a499;border-top:4px solid var(--accent-hi)!important;margin-top:clamp(4rem,8vw,6rem)!important}
.site-foot .foot-in,.site-foot .foot-bot{width:min(1280px,calc(100% - 2*clamp(1rem,4vw,3rem)));margin-left:auto;margin-right:auto}
.site-foot .brand-logo{filter:invert(1)}
.foot-col h4{font-family:'Archivo',sans-serif!important;font-weight:700;letter-spacing:.06em!important;color:#f4f2ec!important;font-size:.8rem!important}
.foot-col a,.foot-col span,.foot-brand p,.foot-bot .legal,.foot-bot .ver{color:#a9a499!important;font-family:'Archivo',sans-serif!important}
.foot-col a:hover{color:#f4f2ec!important}
.foot-bot{border-top-color:rgba(244,242,236,.12)!important}
.site-nav a,.calc-mnav a,.site-foot a{text-decoration:none!important}
h1 em{font-weight:inherit!important;font-stretch:inherit!important;font-family:inherit!important}
.viewer-actions button,.viewer-actions .ghost{border-radius:4px!important;border:1.5px solid var(--line)!important;background:var(--panel)!important;box-shadow:none!important}
.viewer-actions button:hover{border-color:var(--text)!important}
.nav-burger{flex:0 0 64px!important;padding:0!important;align-items:center!important}
.nav-burger span{width:22px!important}
h1{word-spacing:.06em}
.hero-stats strong{word-spacing:.08em}