/* Fonty - Plus Jakarta Sans (telo) + Sora (nadpisy, tlacidla) */
html,body,input,textarea,select,.btn,.form-control{font-family:"Plus Jakarta Sans",-apple-system,sans-serif!important}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.homepage-group-title,.welcome h1,.welcome .h1,[data-testid=eshopHeader],.pg-steps strong,.name,.product .name{font-family:"Sora",-apple-system,sans-serif!important;letter-spacing:-.01em}

/* Gap medzi ikonou kosika a textom na tlacidlach (detail produktu + vypis produktov) */
.btn.add-to-cart-button i,.add-to-cart-button i.icon-cart{margin-right:10px}
.product .p-tools .btn::before{margin-right:10px}
.btn.btn-primary i:first-child,.btn.btn-conversion i:first-child{margin-right:10px}

/* Styly pre texty stranok (.pg) - samostatny subor, netyka sa sablony */
.pg{max-width:980px;margin:0 auto}
.pg h2{font-size:28px;margin:36px 0 14px;padding-left:14px;border-left:5px solid #4a6cb3;color:#1f2937}
.pg h3{font-size:20px;margin:24px 0 10px;color:#2f4886}
.pg p,.pg li{line-height:1.75}
.pg-lead{font-size:18px;background:linear-gradient(135deg,#eef3fb,#fff);border-radius:24px;padding:24px 28px;margin:0 0 24px;border:1px solid rgba(47,72,134,.1)}
.pg-steps{counter-reset:s;list-style:none;padding:0;margin:0 0 24px;display:grid;gap:16px}
.pg-steps>li{counter-increment:s;position:relative;background:#fff;border-radius:24px;padding:22px 24px 22px 80px;box-shadow:0 8px 30px rgba(47,72,134,.1)}
.pg-steps>li::before{content:counter(s);position:absolute;left:22px;top:22px;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#2f4886,#4a6cb3);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}
.pg-steps strong{display:block;font-size:18px;color:#2f4886;margin-bottom:4px}
.pg-card{background:#fff;border-radius:24px;padding:24px 28px;margin:0 0 20px;box-shadow:0 8px 30px rgba(47,72,134,.1)}
.pg-card h3{margin-top:0}
.pg-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:0 0 24px}
.pg-cols .pg-card{margin:0}
.pg-note{background:#fff8e6;border-left:5px solid #f0b429;border-radius:0 16px 16px 0;padding:16px 20px;margin:20px 0}
.pg-ok{background:#ecf8ef;border-left-color:#3c840f}
.pg-bad{background:#fdecee;border-left-color:#c12f3c}
.pg-list{list-style:none;padding:0;margin:0 0 16px}
.pg-list li{position:relative;padding:6px 0 6px 30px}
.pg-list li::before{content:"\f00c";font:900 14px "Font Awesome 6 Free";position:absolute;left:0;top:10px;color:#3c840f}
.pg-list.x li::before{content:"\f00d";color:#c12f3c}
.pg-list.w li::before{content:"\f071";color:#f0b429}
.pg-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px rgba(47,72,134,.1);margin:0 0 20px}
.pg-table th{background:#2f4886;color:#fff;padding:12px 14px;text-align:left}
.pg-table td{padding:12px 14px;border-top:1px solid #e5e7eb;background:#fff}
.pg-table tr:nth-child(even) td{background:#f5f8fd}
.pg-cta{background:linear-gradient(135deg,#2f4886,#4a6cb3);border-radius:24px;padding:28px;margin:32px 0 0}
.pg-cta h2,.pg-cta p{color:#fff;border:0;padding:0;margin-top:0}
.pg-btn{display:inline-block;background:#fff;color:#2f4886!important;padding:10px 22px;border-radius:9999px;font-weight:600;margin:6px 10px 0 0}
.pg-legal h2{font-size:22px}
@media(max-width:640px){.pg h2{font-size:22px}.pg-steps>li{padding:20px 18px 20px 68px}.pg-table{font-size:14px}}
.pg-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none}
.pg-chip{display:inline-flex;align-items:center;gap:6px;background:#eef3fb;color:#2f4886;border-radius:9999px;padding:6px 14px;font-size:13px;font-weight:600}
.pg-chip i{color:#4a6cb3}
.pg-sizes{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 12px}
.pg-sizes li{background:#fff;border:1px solid #dbe4f5;border-radius:12px;padding:8px 14px;font-weight:600;color:#2f4886;line-height:1.3}
.pg-sizes li small{display:block;font-weight:400;color:#6b7280;font-size:12px}
.pg-short{line-height:1.7}
.pg-btn.d{background:#2f4886;color:#fff!important}
.k-ic::before{font:900 24px "Font Awesome 6 Free"}
.k-ic.b::before{content:"\f1ad"}
.k-ic.h::before{content:"\f590"}
.pg{padding-bottom:48px}
.pageArticleDetail{padding-bottom:48px}
/* Bocny panel (sidebar) - kategorie a boxy */
.sidebar .box{background:#fff!important;border:1px solid rgba(47,72,134,.08);box-shadow:0 8px 30px rgba(47,72,134,.1);padding:20px!important;margin-bottom:20px}
.sidebar .pageElement__heading{margin:0 0 14px!important;padding-bottom:10px;font-size:18px;font-weight:700;color:#2f4886;border-bottom:2px solid #eef3fb}
.sidebar .pageElement__heading span::before{font:900 15px "Font Awesome 6 Free";margin-right:10px;color:#4a6cb3}
.sidebar .box-categories .pageElement__heading span::before{content:"\f0c9"}
.sidebar .box-onlinePayments .pageElement__heading span::before{content:"\f09d"}
.sidebar .categories{margin:0 0 6px}
.sidebar .categories .topic a{display:flex;align-items:center;padding:11px 14px;border-radius:14px;color:#1f2937;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1)}
.sidebar .categories .topic a::before{content:"\f054";font:900 11px "Font Awesome 6 Free";margin-right:12px;color:#4a6cb3;transition:color .25s}
.sidebar .categories .topic a:hover,.sidebar .categories.active .topic a,.sidebar .categories .topic.active a{background:linear-gradient(135deg,#2f4886,#4a6cb3);color:#fff;transform:translateX(4px)}
.sidebar .categories .topic a:hover::before,.sidebar .categories.active .topic a::before,.sidebar .categories .topic.active a::before{color:#fff}
.sidebar .cat-trigger{display:none}
.sidebar .box-onlinePayments{text-align:center}
.sidebar .box-onlinePayments img{max-width:100%;height:auto;border-radius:0!important}
.content-inner{padding-top:20px}
/* Uvodny blok (welcome) - svetla karta, text #1c3a87 na bielom */
.welcome-wrapper .welcome{background:#fff!important;border:1px solid rgba(47,72,134,.1);border-top:6px solid #4464a9;box-shadow:0 8px 30px rgba(47,72,134,.12);border-radius:24px;padding:40px}
.welcome-wrapper .welcome::before{color:#4464a9;opacity:.06}
.welcome-wrapper .welcome .h1,.welcome-wrapper .welcome [data-testid=eshopHeader]{color:#1c3a87!important;font-size:30px;font-weight:700;line-height:1.2;margin:0 0 20px;text-shadow:none}
.welcome-wrapper .welcome p{color:#374151!important;font-size:17px!important;line-height:1.75;margin:0 0 14px}
.welcome-wrapper .welcome a:not(.pg-btn){color:#1c3a87!important;font-weight:600}
.welcome-wrapper .welcome .pg-chips{margin:18px 0 6px}
@media(max-width:768px){.welcome-wrapper .welcome{padding:24px}.welcome-wrapper .welcome .h1{font-size:24px}.welcome-wrapper .welcome p{font-size:16px!important}}
.pg h3,.pg-steps strong{color:#1c3a87}
.sidebar .box:first-child{margin-top:20px!important;border-top-width:1px!important}
/* Footer - svetla karta ako uvodny blok */
#footer{background:#fff!important;color:#374151!important;border:1px solid rgba(47,72,134,.1)!important;border-top:6px solid #4464a9!important;box-shadow:0 8px 30px rgba(47,72,134,.12)!important;padding:24px 28px!important}
#footer p,#footer li,#footer span,#footer strong{color:#374151!important}
#footer a{color:#1c3a87!important}
#footer a:hover{color:#4464a9!important}
#footer .pageElement__heading,#footer .pageElement__heading span,#footer h3,#footer h4{color:#1c3a87!important;font-size:18px!important;font-weight:700!important}
#footer .pageElement__heading{margin:0 0 14px!important;padding-bottom:10px;border-bottom:2px solid #eef3fb}
#footer .pageElement__heading span::before{font:900 15px "Font Awesome 6 Free";margin-right:10px;color:#4a6cb3!important}
.custom-footer__search .pageElement__heading span::before{content:"\f002"}
.custom-footer__cartButton .pageElement__heading span::before{content:"\f07a"}
.custom-footer__articles .pageElement__heading span::before{content:"\f05a"}
#footer .footer-links{border-bottom:1px solid #e5e7eb!important}
#footer .footer-link a{background:#eef3fb!important;color:#1c3a87!important}
#footer .footer-link a::before,#footer .custom-footer__articles li a::before{color:#4a6cb3!important}
#footer .footer-link a:hover{background:linear-gradient(135deg,#2f4886,#4a6cb3)!important;color:#fff!important}
#footer .footer-link a:hover::before{color:#fff!important}
#footer .btn.btn-primary{background:linear-gradient(135deg,#2f4886,#4a6cb3)!important;color:#fff!important;box-shadow:0 10px 40px -10px rgba(47,72,134,.4)!important}
#footer .btn.btn-primary span{color:#fff!important}
#footer .footer-icon img{filter:none!important;opacity:.9!important}
#footer .footer-bottom{border-top:1px solid #e5e7eb!important;padding-top:16px!important}
#footer .copyright,#footer .copyright strong,#footer #signature a{color:#6b7280!important}
#footer .copyright a{color:#1c3a87!important}
/* Kosik - pravy panel (sidebar-in-cart) ako karty bocneho panela */
.sidebar-in-cart{padding-top:20px}
.sidebar-in-cart .cart-content{background:#fff!important;border:1px solid rgba(47,72,134,.08)!important;box-shadow:0 8px 30px rgba(47,72,134,.1);border-radius:24px;padding:24px!important;margin:0 0 20px!important}
.sidebar-in-cart .cart-content h2,.sidebar-in-cart .cart-content .h4{margin:0 0 14px!important;padding-bottom:10px;font-size:18px;font-weight:700;color:#1c3a87!important;border-bottom:2px solid #eef3fb}
.checkout-box-wrapper h2::before{content:"\f590"}
.summary-wrapper h2::before{content:"\f07a"}
.sidebar-in-cart .cart-content h2::before{font:900 15px "Font Awesome 6 Free";margin-right:10px;color:#4a6cb3}
.sidebar-in-cart .box{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important}
.sidebar-in-cart .contact-box img{border-radius:50%!important;margin-bottom:10px}
.sidebar-in-cart .contact-box strong{display:block;color:#1c3a87;font-size:16px;margin-bottom:8px}
.sidebar-in-cart .contact-box ul{list-style:none;padding:0;margin:0}
.sidebar-in-cart .contact-box li{padding:4px 0}
.sidebar-in-cart .contact-box i{color:#4a6cb3;margin-right:8px}
.sidebar-in-cart .contact-box a{color:#1c3a87!important;font-weight:600}
.sidebar-in-cart .price-wrapper{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px}
.sidebar-in-cart .price-wrapper .price-label{color:#4b5563}
.sidebar-in-cart .price-wrapper strong.price{font-size:24px;color:#1c3a87!important}
.sidebar-in-cart .next-step{display:flex;flex-wrap:wrap;gap:12px}
.sidebar-in-cart .next-step .btn{flex:1 1 100%;text-align:center;justify-content:center}
.sidebar-in-cart .btn-conversion{background:linear-gradient(135deg,#2f4886,#4a6cb3)!important;color:#fff!important;box-shadow:0 10px 40px -10px rgba(47,72,134,.4)}
.sidebar-in-cart .btn-conversion span{color:#fff!important}
.sidebar-in-cart .next-step-back{background:#eef3fb!important;color:#1c3a87!important;box-shadow:none}
.sidebar-in-cart .next-step-back .continue-shopping{color:#1c3a87!important}
/* Footer v2 - tri karty (vyhladavanie, kosik, informacie) */
#footer .custom-footer{display:grid!important;grid-template-columns:repeat(3,1fr);gap:20px;margin:0!important;padding:24px 0}
#footer .custom-footer::before,#footer .custom-footer::after{display:none!important}
#footer .custom-footer>div{float:none!important;width:auto!important;max-width:none!important;margin:0!important;padding:22px!important;background:#f5f8fd!important;border:1px solid #e3ebf7;border-radius:20px!important;display:flex;flex-direction:column;align-items:flex-start;transition:transform .25s,box-shadow .25s}
#footer .custom-footer>div:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(47,72,134,.14)}
#footer .custom-footer .pageElement__heading{display:flex;align-items:center;margin:0 0 14px!important;padding:0!important;border:0!important;font-size:19px!important}
#footer .custom-footer .pageElement__heading span::before{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#2f4886,#4a6cb3);color:#fff!important;font-size:16px;margin-right:12px}
#footer .custom-footer .search-widget,#footer .custom-footer .cart-overview,#footer .custom-footer ul{width:100%}
#footer .custom-footer .search-widget::after,#footer .custom-footer .cart-overview::after{display:block;margin-top:12px;font-size:14px;line-height:1.5;color:#6b7280!important}
#footer .custom-footer .search-widget::after{content:"Nájdite produkt podľa názvu alebo priemeru."}
#footer .custom-footer .cart-overview::after{content:"Skontrolujte košík a dokončite objednávku."}
#footer .custom-footer .btn{width:100%;justify-content:center;text-align:center;padding:12px 24px}
#footer .custom-footer__articles ul{list-style:none;padding:0;margin:0}
#footer .custom-footer__articles li{padding:0!important;border-bottom:1px solid #e3ebf7}
#footer .custom-footer__articles li:last-child{border-bottom:0}
#footer .custom-footer__articles li a{display:flex;align-items:center;padding:10px 0;font-weight:600;transition:padding .2s}
#footer .custom-footer__articles li a:hover{padding-left:6px}
#footer .footer-icons{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;padding:8px 0 20px}
#footer .footer-icon{background:#f5f8fd;border:1px solid #e3ebf7;border-radius:50%;padding:14px;display:flex;align-items:center;justify-content:center}
#footer .footer-icon img{height:36px!important;width:auto}
#footer .footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}
@media(max-width:900px){#footer .custom-footer{grid-template-columns:1fr}}
/* Podpis Shoptetu (inline display/visibility !important, preto schovane cez opacity/velkost) */
#footer #signature{opacity:0!important;position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;pointer-events:none!important}
#footer .footer-bottom{justify-content:center!important;text-align:center}
/* Zalozky v detaile produktu (Popis, Parametre, Hodnotenia...) */
.shp-tabs-wrapper{padding:12px 0!important}
.shp-tabs-row{padding:8px 0 12px}
.shp-tabs{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0 0 8px!important;padding:8px 8px 0!important}
.shp-tab{float:none!important;margin:0!important;border:0!important}
.shp-tab-link{display:inline-block;padding:12px 26px!important;margin:4px!important;border-radius:9999px!important;background:#eef3fb!important;color:#1c3a87!important;font-weight:600;border:0!important;text-decoration:none!important;transition:all .25s cubic-bezier(.4,0,.2,1)}
.shp-tab-link:hover,.shp-tab.active .shp-tab-link{background:linear-gradient(135deg,#2f4886,#4a6cb3)!important;color:#fff!important;box-shadow:0 8px 24px -8px rgba(47,72,134,.5)}
.tab-content{padding:20px 24px!important}
.description-inner{padding:8px 4px}
.basic-description>h4{margin:0 0 16px;color:#1c3a87}
/* Footer - oprava pretekania stlpcov */
#footer .container{max-width:100%!important;width:100%!important;margin:0 auto!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box}
#footer .footer-rows{margin:0!important;padding:0!important}
#footer .custom-footer{grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;max-width:100%!important;box-sizing:border-box}
#footer .custom-footer>div{min-width:0!important;box-sizing:border-box;overflow:hidden}
#footer .custom-footer .btn,#footer .custom-footer .search-widget,#footer .custom-footer .cart-overview{max-width:100%;box-sizing:border-box;white-space:normal}
@media(max-width:900px){#footer .custom-footer{grid-template-columns:minmax(0,1fr)!important}}