/* WINBAU – mobilny kompakt (len <=760px, desktop nedotknuty).
   Ciel: menej scrollovania, 1 jasna akcia, svipovatelne pasy namiesto stlpcov. */

/* 1. infobar na jeden riadok (email + hodiny prec, telefon ostava) */
.wb-infobar{font-size:13px}
.wb-infobar__inner{flex-direction:row !important;align-items:center !important;justify-content:center !important;padding:6px 10px !important;min-height:0 !important}
.wb-infobar__inner span:nth-child(2){display:none !important}

/* 2. trust karty, benefity a recenzie: horizontalny swipe pas */
.trust-grid,.wb-rev-grid{display:flex !important;grid-template-columns:none !important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:4px 2px 14px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.trust-grid::-webkit-scrollbar,.wb-rev-grid::-webkit-scrollbar{display:none}
.trust-grid>*{flex:0 0 62%;scroll-snap-align:start}
.wb-rev-grid>*{flex:0 0 82%;scroll-snap-align:start}


/* 3. katalogove karty: velky obrazok hore, text pod nim */
.catalog-card{display:flex !important;flex-direction:column !important;gap:12px;align-items:stretch;padding:14px !important}
.catalog-card .catalog-img{width:100%;flex:none;margin:0 !important}
.catalog-card .catalog-img img{width:100%;height:190px;object-fit:contain;border-radius:16px;background:linear-gradient(180deg,#f2f8f9,#e7f1f3);padding:14px;box-sizing:border-box}
.catalog-card .catalog-body{flex:1 1 auto;min-width:0;padding:0 !important}
.catalog-card .catalog-body h3{font-size:16px;margin:0 0 4px}
.catalog-card .catalog-body p{font-size:13px;line-height:1.45;margin:0 0 6px;color:#57616e}
.catalog-card .pills{display:none !important}
.catalog-card .catalog-body>a{font-size:13.5px}

/* 4. zbalene dlhe SEO bloky (JS prida wb-mclamp + tlacidlo) */
.wb-mclamp{position:relative;max-height:560px;overflow:hidden}
.wb-mclamp::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff);pointer-events:none}
.wb-mmore{display:block;margin:12px auto 26px;background:#fff;border:2px solid rgba(6,112,121,.32);color:#056f78;font-weight:800;font-size:14.5px;padding:12px 26px;border-radius:12px;cursor:pointer;font-family:inherit}

/* 5. footer akordeon (JS prida wb-facc) */
.wb-facc>*:not(strong){display:none}
.wb-facc.open>*{display:block}
.wb-facc.open>strong{display:flex}
.wb-facc strong{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:8px 0;margin-bottom:0 !important}
.wb-facc strong::after{content:"\25BE";opacity:.6;font-size:13px}
.wb-facc.open strong::after{content:"\25B4"}

/* 6. mensie medzery a nadpisy sekcii */
section{scroll-margin-top:70px}
.wb-dcta{margin:26px 12px !important;padding:22px 18px !important}
.wb-alu-prem{padding:36px 18px !important}
.op-box{margin:16px 0 !important}

/* 7. landing hero kompakt (plastove-okna a sesterske landing pages) */
.hero-card{background:linear-gradient(180deg,#f0fafb,#fff) !important}
.hero-card-main .eyebrow{font-size:11.5px}
.hero-card-main h1{font-size:27px !important;letter-spacing:-.8px;line-height:1.18}
.hero-card-main .hero-text{font-size:14.5px;line-height:1.55;margin-bottom:14px}
.hero-actions{display:grid !important;grid-template-columns:1fr 1fr;gap:10px}
.hero-actions .btn{font-size:13px !important;padding:13px 8px !important;text-align:center;white-space:normal !important;line-height:1.25}
.hero-proof{display:grid !important;grid-template-columns:1fr 1fr !important;gap:9px 14px;margin-top:16px}
.hero-proof .proof-item{display:flex;align-items:center;gap:8px;padding:0 !important;margin:0 !important;border:0 !important;background:none !important;box-shadow:none !important}
.hero-proof .proof-icon{width:24px;height:24px;font-size:11px;flex:0 0 24px}
.hero-proof .proof-item strong{font-size:12px;display:block;line-height:1.2}
.hero-proof .proof-item small{font-size:10.5px;color:#8894a1;line-height:1.2}
/* 8. profil karty: mensi obrazok, tesnejsi obsah */
.wc-card .wc-img img{width:100%;height:185px !important;object-fit:contain;background:linear-gradient(180deg,#f2f8f9,#e7f1f3);border-radius:14px;padding:12px;box-sizing:border-box}
.wc-card{padding:12px !important}
.wc-body h3{font-size:17px !important;margin:6px 0 4px !important}
.wc-specs{font-size:13px}
/* 9. FAQ sekcia kompakt */
.tech-details-section-v2{padding:34px 14px !important}
.tech-details-section-v2 h2{font-size:24px !important;margin-bottom:20px !important}
.accordion-v2 .accordion-button{padding:14px 16px !important;font-size:15px !important}
.accordion-v2 .accordion-item{margin-bottom:10px !important}

/* 10. benefit karty: tesna 2x2 mriezka */
.benefit-box{display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px;padding:4px 0 10px}
.benefit-box>*{display:block !important;background:#fff;border:1px solid rgba(16,55,68,.1) !important;border-radius:14px;padding:13px 12px !important;margin:0 !important;box-shadow:0 5px 14px rgba(8,45,58,.05)}
.benefit-box .benefit-icon{width:30px;height:30px;font-size:14px;margin:0 0 8px;flex:none}
.benefit-box strong{display:block;font-size:13px;line-height:1.25;margin:0 0 4px}
.benefit-box p{font-size:11.5px;line-height:1.45;margin:0;color:#7b8794}

/* 11. hlinikove-okna: feature pas kompakt 2x2 (JS ho presuva za hero) */
.feature-strip{padding:14px 0 !important}
.feature-strip .feature-grid{display:grid !important;grid-template-columns:1fr 1fr;gap:8px 10px;padding:0 16px}
.feature-strip .feature-item{display:flex;align-items:center;gap:7px;font-size:12px !important;font-weight:700;padding:0 !important;border:0 !important}
.feature-strip .feature-icon{width:22px;height:22px;font-size:11px;flex:0 0 22px}