/* 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}