/* TODA 1.3 - mobilna širina, razmiki, slike in obrazec */
:root{--toda-mobile-side:12px}
@media(max-width:760px){
 main > section.section,main > section.formbox,main > section.pricing-section,
 main > .section,main > .formbox,main > .pricing-section,
 main > section:not(.hero):not(.section):not(.formbox):not(.pricing-section),
 main>.wrap,main>.wrap.section,.wrap:not(header .wrap){max-width:100%;width:calc(100% - 2*var(--toda-mobile-side));box-sizing:border-box}
 main>.wrap>.section,main>.wrap>.formbox,main>.wrap>.cards,main>.wrap>.instruction,
 main>.wrap>.pricing-section{width:100%!important;max-width:100%!important;margin-left:auto;margin-right:auto;box-sizing:border-box}
 main > section.section,main .section{padding-top:27px;padding-bottom:27px}
 main .cards{gap:13px!important;max-width:100%;margin-top:12px;margin-bottom:20px}
 main .cards .card{max-width:100%;overflow:hidden}
 main .cards .card img{display:block;width:100%!important;height:190px!important;max-height:190px!important;object-fit:cover!important;object-position:center}
 main .cards .card img[src*="navodila-"]{height:auto!important;max-height:none!important;object-fit:contain!important}
 main .cards .card .pad{padding:16px!important}
 .hero,.v6-hero{min-height:0!important}
 .hero-grid{padding-top:40px!important;padding-bottom:40px!important;gap:15px!important}
 .hero-grid>img{max-height:190px!important;object-fit:cover!important}
 .v6-hero-inner{min-height:0!important;padding-top:34px!important;padding-bottom:31px!important}
 .v7-hero-visual img{max-height:180px!important}
 .v6-hero h1,.hero h1{font-size:clamp(34px,9vw,48px)!important;line-height:1.12}
 .v6-commercial{width:calc(100% - 2*var(--toda-mobile-side))!important;gap:12px!important;margin-top:12px!important}
 .v6-commercial .pricing-section{padding:18px 13px!important}
 .v6-commercial .pricing-header{flex-wrap:wrap;gap:8px}
 .v6-commercial .price-card{padding:13px 6px}
 .v6-shop{padding:18px!important;min-height:0!important}
 .v6-benefits{margin-top:12px!important;gap:8px!important}
 .formbox{width:100%!important;max-width:100%!important;margin:17px auto!important;padding:16px!important;gap:13px!important}
 .formbox .toda-dtf-form-target{width:100%!important;min-width:0;max-width:100%}
 .formbox .toda-dtf-form{padding:12px!important;gap:12px!important;max-width:100%;width:100%;box-sizing:border-box}
 .toda-dtf-form label{min-width:0;overflow-wrap:normal;word-break:normal}
 .toda-dtf-form input,.toda-dtf-form select,.toda-dtf-form textarea{font-size:16px!important}
 .toda-dtf-form button.btn{width:100%!important;max-width:100%;box-sizing:border-box;font-size:15px!important;padding:13px 10px!important;white-space:normal;line-height:1.3}
 .toda-consent span{max-width:100%;overflow-wrap:break-word}
 .instruction{width:100%!important;max-width:100%!important;margin-top:14px!important;margin-bottom:20px!important}
 .section.prose{max-width:100%!important}
 main>.wrap>.section:has(+ .formbox){padding-bottom:14px}
}
@media(min-width:761px){.cards .card img{object-fit:cover;height:190px}}
/* All devices */
.toda-dtf-form{min-width:0}.toda-dtf-form .wide{min-width:0}
.toda-dtf-form button{white-space:normal;max-width:100%}
.toda-consent>span{display:flex;gap:10px;align-items:flex-start}.toda-consent>span>span{flex:1;min-width:0}
.hero-grid:not(:has(>img)){grid-template-columns:minmax(0,750px)!important}

/* TODA 1.3.1: širše mobilne kartice, slike in obrazci, manj praznine */
@media (max-width:760px) {
 :root{--toda-mobile-side:3vw}
 body{overflow-x:hidden}
 main>.wrap,main>.wrap.section,main>.section,main>.formbox,main>.pricing-section,
 main>section.section,main>section.formbox,main>section.pricing-section,
 main>section:not(.hero):not(.section):not(.formbox):not(.pricing-section){width:94%!important;max-width:94%!important;margin-left:auto!important;margin-right:auto!important}
 main>.wrap{padding-left:0!important;padding-right:0!important}
 main .cards{width:100%!important;grid-template-columns:minmax(0,1fr)!important;gap:13px!important}
 main .cards .card{width:100%!important;max-width:100%!important;min-width:0!important}
 main .cards .card img{width:100%!important;height:clamp(170px,50vw,245px)!important;max-height:245px!important;object-fit:cover!important}
 main .cards .card img[src*="navodila-"]{height:auto!important;max-height:none!important;object-fit:contain!important}
 main .cards .card .pad{padding:15px 17px!important}
 main .cards .card .pad p{margin:8px 0 12px!important}
 main .section{padding-top:23px!important;padding-bottom:23px!important}
 main .steps{gap:11px!important}
 main .steps>div{padding:14px!important}
 main .formbox{width:100%!important;max-width:100%!important;padding:14px!important;margin:14px auto 24px!important}
 main .formbox .toda-dtf-form{padding:12px!important;grid-template-columns:minmax(0,1fr)!important}
 main .formbox .toda-dtf-form button{width:100%!important;min-width:0!important;white-space:normal!important;overflow-wrap:break-word!important}
 main .pricing-section{width:100%!important;max-width:100%!important}
 .v6-commercial{width:94%!important;max-width:94%!important}
 .v6-benefits{width:94%!important;max-width:94%!important}
 .toda-legacy .wrap,.toda-legacy .section{width:94%!important;max-width:94%!important}
}

/* TODA 1.3.2: popravek DEJANSKE strukture main.wrap.main (prejsnja pravila niso zadela) */
@media (max-width:760px){
 body > main.wrap.main, main.wrap.main {
   width:calc(100% - 20px)!important;max-width:none!important;
   margin-left:10px!important;margin-right:10px!important;
   padding-left:0!important;padding-right:0!important;box-sizing:border-box!important;
 }
 main.wrap.main > .cards, main.wrap.main .cards {
   display:grid!important;grid-template-columns:minmax(0,1fr)!important;
   width:100%!important;max-width:100%!important;gap:12px!important;
   margin-left:0!important;margin-right:0!important;
 }
 main.wrap.main .cards > .card,main.wrap.main .cards > section.card {
   width:100%!important;max-width:100%!important;min-width:0!important;
   box-sizing:border-box!important;padding:16px!important;
 }
 main.wrap.main .cards > .card img {max-width:100%!important;}
 main.wrap.main .cards .card .pad {padding:14px!important;}
 main.wrap.main .features,main.wrap.main .steps,main.wrap.main .formbox,main.wrap.main .extra,main.wrap.main .section {max-width:100%!important;}
 main.wrap.main .formbox {width:100%!important;box-sizing:border-box!important;}
 main.wrap.main .formbox form,main.wrap.main .toda-dtf-form {min-width:0!important;max-width:100%!important;}
 main.wrap.main .cards .shop img{max-width:100%!important;}
}