/* HT-DRON 2026-10-02: szerszy uklad (1440px), nizszy naglowek, zaokraglone elementy */

/* 1) Szerokosc strony 1440px na duzych ekranach */
@media (min-width:1480px){
 .container{width:1440px}
 .sky-container-no-p,.sky-container,.heading,
 #header.mod-header-6,
 .blog.mod-blog-1,.logins.mod-logins-1,.registrations.mod-registrations-1,.account.mod-account-1,
 .order.mod-order-1>.container-fluid,.news.mod-news-1,.news.mod-offers-1,
 .login-hurt.mod-login-hurt-1>.container-fluid,
 .division.mod-division-3,.cart,.mod-contact-1,
 .products-list-page.mod-products-list-page-1,
 .product-card.mod-product-card-1,
 .product-card.mod-product-card-1 .product-tabs .tab.products-similar-slider-carousel,
 .banner.mod-banner-9,.banner.mod-banner-8,
 .newsletter.mod-newsletter-1,.newsletter.mod-newsletter-1 .newsletter-container,
 .products-list.mod-products-list-2,.custom-area.mod-custom-area-1,
 .blog-index.mod-blog-index-3,.products-slider.mod-products-slider-2,
 .producers.mod-producers-1,
 #footer.mod-footer-3,#footer.mod-footer-3 .footer-container,.footer-rights,
 .cookies .container,
 main .htd-car{max-width:1440px}
 #header.mod-header-6 .menu ul li.full-width .dropdown{width:100%}
 #sticky-header .sticky-header__wrapper .sticky-header_content__menu_list li.full-width .dropdown{max-width:1440px}
 /* lista produktow: 4 w rzedzie zamiast 3 */
 .products-list-page .row>.col-lg-4{width:25%}
 /* baner glowny: proporcje obrazka 1709x899 przy szerokosci 1058px */
 #header.mod-header-6 .header-bottom .slider,
 #header.mod-header-6 .header-bottom .slider .carousel,
 #header.mod-header-6 .header-bottom .slider .carousel .item,
 #header.mod-header-6 .header-bottom .vertical-menu,
 #header.mod-header-6 .header-bottom .vertical-menu .vertical-menu-content{height:556px}
}

/* 2) Nizszy naglowek i mniejsze logo (desktop) */
@media (min-width:768px){
 #header .sub-header{padding-top:12px!important;padding-bottom:12px!important}
 #header.mod-header-6 .sub-header .logo img{max-height:80px!important;max-width:200px!important;width:auto;height:auto}
}

/* 3) Zaokraglenia */
#header .search-box form{border-radius:24px;overflow:hidden}
#header .search-box form .input-field{border-radius:24px 0 0 24px}
#header .search-box form .btn{border-radius:0 24px 24px 0}
#header .quick-cart{border-radius:12px}
#header .quick-cart>a{border-radius:12px}
#header .dropdown-quick-cart,#header .menu .dropdown{border-radius:0 0 12px 12px}
#header .quick-cart-products-actions{border-radius:10px}
div.vertical-menu{border-radius:12px}
.slider .owl-stage-outer{border-radius:14px}
.column-left-wrapper,.htd-catbox,.category-description-wrapper{border-radius:12px}
.column-left-wrapper{overflow:hidden}
aside .input-field,main .input-field,.newsletter-input{border-radius:8px}
.btn,.newsletter-button{border-radius:8px}
.select2-container .select2-selection{border-radius:8px}
.select2-container .select2-selection__arrow{border-radius:0 8px 8px 0}
.select2-dropdown{border-radius:0 0 8px 8px;overflow:hidden}
.pagination li>a,.pagination li>span{border-radius:8px;margin:0 3px}
figure.product-tile,figure.post-tile{border-radius:12px;overflow:hidden;transition:box-shadow .2s}
figure.product-tile:hover{box-shadow:0 6px 20px rgba(15,23,42,.10)}
.product-labels>div{border-radius:6px}
.division-box{border-radius:12px}
.banner img{border-radius:12px}
.htd-rv,.htd-more{border-radius:12px}
.htd-car-btn{border-radius:50%}
.product-card .product-wrapper,.product-card .product-tabs{border-radius:12px}
/* karuzele HTD: pelna szerokosc rodzica takze na telefonie */
main .htd-car{width:100%;min-width:0}

/* 4) Karuzele HTD: bez paska przewijania (sa strzalki i przesuwanie palcem) */
.htd-car-track{scrollbar-width:none}
.htd-car-track::-webkit-scrollbar{display:none}

/* 5) Newsletter jako karta w szerokosci strony */
section.newsletter.mod-newsletter-1{background:transparent!important;padding:0 15px!important;margin:44px 0 0!important;height:auto!important}
section.newsletter.mod-newsletter-1>.container-fluid{padding:0}
section.newsletter.mod-newsletter-1 .newsletter-container{background:#1f2937;border-radius:16px;padding:30px 36px;margin:0 auto;box-sizing:border-box}
section.newsletter .newsletter-content-wrapper{display:flex;align-items:center;gap:22px;margin:0!important}
section.newsletter .newsletter-content-wrapper>div{float:none;width:auto;padding:0}
section.newsletter .newsletter-content-wrapper>div:nth-child(2){flex:1 1 auto;min-width:0}
section.newsletter .newsletter-content-wrapper>div:nth-child(3){flex:0 1 520px}
section.newsletter .fa-paper-plane-o{display:flex!important;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.08);color:#60a5fa!important;font-size:24px!important}
section.newsletter .newsletter-box-text .title{text-transform:none!important;font-size:22px!important;font-weight:700!important;color:#fff!important;margin:0 0 4px!important;line-height:1.25}
section.newsletter .newsletter-box-sub{color:#cbd5e1!important;font-size:14px!important;font-weight:400!important;margin:0!important}
section.newsletter .newsletter-form{display:flex;gap:8px;margin:0}
section.newsletter .newsletter-input{flex:1 1 auto;min-width:0;height:50px!important;border:1px solid #374151!important;background:#fff!important;border-radius:25px!important;padding:0 20px!important;font-size:15px;color:#111827}
section.newsletter .newsletter-input:focus{outline:2px solid #60a5fa;outline-offset:1px}
section.newsletter .newsletter-button{height:50px!important;border-radius:25px!important;padding:0 26px!important;background:#2f80ed!important;border:0!important;color:#fff!important;font-weight:700;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;transition:background .2s}
section.newsletter .newsletter-button:hover{background:#1d6fd6!important}
.htd-nl-note{margin:8px 0 0 20px;font-size:12px;color:#94a3b8;line-height:1.4}
.htd-nl-note a{color:#cbd5e1;text-decoration:underline}
@media (max-width:991px){
 section.newsletter .newsletter-content-wrapper{flex-wrap:wrap}
 section.newsletter .newsletter-content-wrapper>div:nth-child(1){display:none}
 section.newsletter .newsletter-content-wrapper>div:nth-child(3){flex:1 1 100%}
 section.newsletter.mod-newsletter-1 .newsletter-container{padding:24px 20px}
 .htd-nl-note{margin-left:4px}
}
@media (max-width:480px){section.newsletter .newsletter-button{padding:0 18px!important}}

/* 6) Stopka */
footer.mod-footer-3.htd-ft-on{background:#fff!important;border-top:1px solid #e5e7eb;margin-top:44px;padding:0!important;height:auto!important}
footer.htd-ft-on .footer-container>.container-fluid{display:none}
.htd-ft{padding:44px 15px 0;font-size:14px;color:#475569}
.htd-ft-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}
.htd-ft h3{font-size:15px;font-weight:700;color:#0f172a;margin:0 0 14px;text-transform:none;letter-spacing:0}
.htd-ft ul{list-style:none;margin:0;padding:0}
.htd-ft li{margin:0 0 9px}
.htd-ft a{color:#475569;text-decoration:none;transition:color .15s}
.htd-ft a:hover{color:#2f80ed}
.htd-ft-logo img{height:56px;width:auto;display:block;margin:0 0 14px}
.htd-ft-desc{margin:0 0 14px;line-height:1.55;max-width:340px}
.htd-ft-contact li{display:flex;align-items:center;gap:8px}
.htd-ft-contact i{width:16px;color:#2f80ed;text-align:center}
.htd-ft-social{display:flex;gap:10px;margin-top:16px}
.htd-ft-social a{display:flex!important;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#f1f5f9!important;color:#1f2937!important;font-size:16px;margin:0!important}
.htd-ft-social a:hover{background:#2f80ed!important;color:#fff!important}
.htd-ft-social a i{color:inherit!important;background:none!important}
.htd-ft-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #e5e7eb;margin-top:32px;padding:18px 0;font-size:13px;color:#64748b}
.htd-ft-chips{display:flex;flex-wrap:wrap;gap:8px}
.htd-ft-chips span{background:#f1f5f9;border-radius:999px;padding:6px 12px;color:#334155}
.htd-ft-chips b{font-weight:600;color:#0f172a}
.footer-rights-wrapper{background:#fff!important;border-top:1px solid #f1f5f9}
.footer-rights-wrapper .footer-rights{font-size:12px;color:#94a3b8;padding:10px 15px!important}
@media (max-width:991px){.htd-ft-grid{grid-template-columns:1fr 1fr}.htd-ft-brand{grid-column:1/-1}}
@media (max-width:480px){.htd-ft{padding-top:32px}.htd-ft-grid{gap:22px 16px}.htd-ft-bottom{flex-direction:column;align-items:flex-start}}
section.newsletter.mod-newsletter-1 .newsletter-container .newsletter-content-wrapper .newsletter-button{background-color:#2f80ed!important}
section.newsletter.mod-newsletter-1 .newsletter-container .newsletter-content-wrapper .newsletter-button:hover{background-color:#1d6fd6!important}

/* ===== v6 (2026-10-02) ===== */
/* 7) Przycisk newslettera (mocniejszy selektor niz motyw) */
section.newsletter.mod-newsletter-1 .newsletter-container .newsletter-content-wrapper .newsletter-form .newsletter-button.btn{background-color:#1f6fd8!important}
section.newsletter.mod-newsletter-1 .newsletter-container .newsletter-content-wrapper .newsletter-form .newsletter-button.btn:hover{background-color:#1a5fbd!important}

/* 8) Bez pustych gwiazdek "(0)" na kafelkach */
figure.product-tile a:has(> .rate-field .stars-placeholder[style*="width:0%"]){display:none!important}

/* 9) Jeden kolor akcji (#1f6fd8, kontrast z bialym 4.9:1) i ciemny granat powierzchni (#1f2937) */
.btn-primary,.btn.btn-primary,button.add-to-cart,.add-to-cart,.send-phone,
.pagination li.active>a,.pagination li>a.active,#header .quick-cart .counter,.htd-more:hover{background-color:#1f6fd8!important;border-color:#1f6fd8!important;color:#fff!important}
.btn-primary:hover,.btn.btn-primary:hover,button.add-to-cart:hover,.add-to-cart:hover,.send-phone:hover{background-color:#1a5fbd!important;border-color:#1a5fbd!important}
#header .menu li.vertical-menu{background-color:#1f6fd8!important}
.htd-more{border-color:#1f6fd8!important;color:#1f6fd8}
.htd-catbox li a.cur,.htd-catbox .htd-all,.htd-catbox li a:hover{color:#1f6fd8}
.htd-chips a.cur{background:#1f6fd8;border-color:#1f6fd8}

/* 10) Tekst 15 px */
body{font-size:15px}

/* 11) Ikony w naglowku */
.htd-hicons{display:flex;align-items:center;gap:6px;margin-left:auto;margin-right:10px}
.htd-hicon{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 10px;color:#1f2937!important;text-decoration:none!important;font-size:12px;line-height:1.1;border-radius:10px;transition:background .15s}
.htd-hicon i{font-size:22px;color:#1f2937}
.htd-hicon:hover{background:#f1f5f9}
#header .sub-header .quick-cart.htd-qc{border:0!important;margin-left:0}
#header .sub-header .quick-cart.htd-qc>a{border-radius:10px;transition:background .15s}
#header .sub-header .quick-cart.htd-qc>a:hover{background:#f1f5f9}
#header .sub-header .quick-cart.htd-qc .your-cart{text-transform:none}
#header .sub-header .quick-cart.htd-qc .your-cart:first-letter{text-transform:uppercase}
@media (max-width:767px){.htd-hicons{display:none}}

/* 12) H1 strony glownej pod banerem */
main section.custom-area.htd-h1{margin:26px auto 18px!important}
main section.custom-area.htd-h1 h1{font-size:22px!important;font-weight:700;margin:0!important;color:#0f172a;line-height:1.3}
@media (max-width:767px){main section.custom-area.htd-h1 h1{font-size:18px!important}}

/* 13) Kafelki kategorii */
.htd-cats{max-width:1170px;width:100%;margin:26px auto 6px;padding:0 15px;box-sizing:border-box}
@media (min-width:1480px){.htd-cats{max-width:1440px}}
.htd-cats .htd-cats-h{margin:0 0 16px!important}
.htd-cats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.htd-cat{display:flex;flex-direction:column;align-items:center;background:#fff;border-radius:14px;padding:14px 10px 16px;text-decoration:none!important;color:#0f172a!important;border:1px solid #e5e7eb;transition:box-shadow .2s,transform .2s}
.htd-cat:hover{box-shadow:0 8px 24px rgba(15,23,42,.10);transform:translateY(-2px)}
.htd-cat-img{display:block;width:100%;aspect-ratio:1/1;max-width:170px}
.htd-cat-img img{width:100%;height:100%;object-fit:contain;display:block}
.htd-cat-name{margin-top:10px;font-weight:600;font-size:15px;text-align:center;line-height:1.25}
@media (max-width:991px){.htd-cats-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:575px){.htd-cats-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}.htd-cats-grid::-webkit-scrollbar{display:none}.htd-cat{flex:0 0 42%;scroll-snap-align:start}.htd-cat-name{font-size:14px}}

/* 14) Nowosci jako karuzela */
.htd-nowosci .htd-car-wrap{position:relative}
.htd-nowosci .htd-now-track{display:flex!important;flex-wrap:nowrap!important;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0!important;padding:4px 2px 12px;scrollbar-width:none}
.htd-nowosci .htd-now-track::-webkit-scrollbar{display:none}
.htd-nowosci .htd-now-track>*{flex:0 0 220px;max-width:220px;width:auto!important;float:none!important;padding:0!important;scroll-snap-align:start}
.htd-nowosci .htd-now-track>*:nth-child(n+13){display:none!important}
.htd-nowosci .htd-more-wrap{display:none!important}
.htd-nowosci .htd-car-btn{position:absolute;top:40%;z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid #cbd5e1;background:#fff;font-size:20px;line-height:34px;text-align:center;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.12)}
.htd-nowosci .htd-car-btn.l{left:-10px}.htd-nowosci .htd-car-btn.r{right:-10px}
.htd-nowosci .heading{position:relative}
.htd-nowosci .heading .htd-all{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:14px;font-weight:600;color:#1f6fd8;text-decoration:none}
@media (max-width:767px){.htd-nowosci .htd-car-btn{display:none}.htd-nowosci .htd-now-track>*{flex-basis:165px;max-width:165px}.htd-nowosci .heading .htd-all{position:static;transform:none;display:block;text-align:center;margin-top:4px}}

/* 15) Menu pionowe: pozycja B2B wyrozniona */
div.vertical-menu li.htd-vm-b2b>a{color:#1f6fd8!important;font-weight:600}

/* 16) Menu pionowe: 11 pozycji miesci sie w 450 px */
div.vertical-menu .vertical-menu-content>ul>li>a{padding-top:9px!important;padding-bottom:9px!important;line-height:20px!important}
#header .sub-header .quick-cart.htd-qc .your-cart{text-transform:none!important}
/* 17) Przyciski ilosci +/- neutralne, jedynym niebieskim jest Do koszyka */
.counter-increase,.counter-decrease{background-color:#eef2f7!important;color:#1f2937!important;border-color:#e2e8f0!important}
.counter-increase:hover,.counter-decrease:hover{background-color:#e2e8f0!important}