/********************************************************
			Coderplace Custom Styles
********************************************************/
.tm-carousel {
  display: none;
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
}
.cp-carousel {
  display: none;
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
}
.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  display: flex !important;
  flex-wrap: wrap;
}
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-wrapper-outer {
  overflow-x:clip;
  position: relative;
  float: left;
  width: 100%; 
  z-index: 4; 
}
.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
  float: left;  
  display: flex;
  height: auto;
}
.owl-carousel .owl-item .manu_image a {
  display: inline-block;
}
.owl-carousel .owl-item .manu_image a img {
  max-width: 100%;
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  /* fix */
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  text-align: center;
}

/* mouse grab icon */
.customNavigation {
	position: absolute;
	z-index: 9;
	width: 100%;
	top: 50%;
	direction: ltr !important;
	right: 0;
	left: auto;
  opacity: 0;
  -khtml-opacity: 0;
-webkit-opacity: 0;
-moz-opacity: 0;
}
.products .customNavigation {
	top: 48%;
}
.tmcategorylist .customNavigation, .testimonial-block-part .customNavigation {
	top: 54%;
}
.tmcategorylist:hover .customNavigation {
	opacity: 1;
	-khtml-opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
}
.customNavigation a.prev::before {
	content: "\E314";
	font-family: "Material Icons";
	position: absolute;
	font-size: 20px;
	right: 5px;
	top: -1px;
	color: #808080;
}
.customNavigation a.next::before {
	content: "\E315";
	font-family: "Material Icons";
	position: absolute;
	font-size: 20px;
	position: absolute;
	right: 3px;
	top: -1px;
	color: #808080;
}
#tmtestimonialcmsblock .customNavigation {
  top: -24px;
  z-index: 5;
  right: 15px;
}
#index #tmtestimonialcmsblock .customNavigation {
  top: -40px;
  right: 0;
}
.special-products .customNavigation {
	top: 52%;
}
.special-products:hover .customNavigation, 
.products:hover .customNavigation,
.testimonial-block-part:hover .customNavigation,
.tmblog-latest:hover .customNavigation, 
#tminstagramblock:hover .customNavigation,
.product-accessories:hover .customNavigation,
.productscategory-products:hover .customNavigation{
  opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
}
.lastest_block .customNavigation {
	top: 44%;
}
.customNavigation i {
	color: #222 !important;
	cursor: pointer;
	font-size: 0;
	font-weight: 500;
	height: 38px;
	line-height: 32px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	text-align: center;
	width: 38px;
	background: transparent;
	border-radius: 0;
	font-style: unset;
	box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.11);
}

.customNavigation i.prev {
	background: transparent;
	right: auto;
	background: #fff;
	border-radius: 50%;
	left: -5px;
}
.customNavigation i.next {
	background: transparent;
	right: 0px;
	background: #fff;
	border-radius: 50%;
	right: -5px;
}
.tmcategorylist .customNavigation i.prev, 
.testimonial-block-part .customNavigation i.prev, 
#tminstagramblock .btn.prev.instagram_prev,
.special-products .customNavigation i.prev{
	left: -20px;
}
.tmcategorylist .customNavigation i.next, 
.testimonial-block-part .customNavigation i.next, 
#tminstagramblock .btn.next.instagram_next,
.special-products .customNavigation i.next  {
  right: -20px;
}
.customNavigation i.prev::before {
	content: '';
	-webkit-mask-image: url(../img/megnor/pro-left.svg);
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-image: url(../img/megnor/pro-left.svg);
	mask-position: center;
	mask-repeat: no-repeat;
	background-color: #000;
	mask-size: 14px;
	font-size: 14px;
	width: 38px;
	height: 38px;
	display: block;
  -webkit-mask-size: 14px;
}
#tmtestimonialcmsblock .customNavigation i.prev::before {
  right: 1px;
  font-weight: 500;
}
#tmtestimonialcmsblock .customNavigation i.next::before {
  right: 0;
  font-weight: 500;
}
.customNavigation i.next::before {
	content: '';
	-webkit-mask-image: url(../img/megnor/pro-right.svg);
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-image: url(../img/megnor/pro-right.svg);
	mask-position: center;
	mask-repeat: no-repeat;
	background-color: #000;
	mask-size: 14px;
	font-size: 14px;
	width: 38px;
	height: 38px;
	display: block;
  -webkit-mask-size: 14px;
}
.customNavigation i.next:hover::before,.customNavigation i.prev:hover::before  {
  color: #fff;
}
#cpleftbanner1 img,
#cpleftbanner2 img {
  max-width: 100%;
}
#cpleftbanner1 li,
#cpleftbanner2 li {
  overflow: hidden;
  position: relative;
  float: left;
  border-radius: 5px;
}
#cpleftbanner1 li a,
#cpleftbanner2 li a {
  display: inline-block;
  position: relative;
  overflow: hidden;
  vertical-align: top;
}
.footer-container .links.lastest_block .customNavigation i.prev:hover {
  color: #9bbab1 !important;
}
.footer-container .links.lastest_block .customNavigation i.next:hover {
  color: #9bbab1 !important;
}

@media (max-width: 1449px) {
  .tmcategorylist .customNavigation i.prev, 
  .testimonial-block-part .customNavigation i.prev, 
  #tminstagramblock .btn.prev.instagram_prev,
  .special-products .customNavigation i.prev {
    left: -15px;
  }
  .tmcategorylist .customNavigation i.next, 
  .testimonial-block-part .customNavigation i.next,
   #tminstagramblock .btn.next.instagram_next,
   .special-products .customNavigation i.next {
    right: -15px;
  }
  .customNavigation i.next {
    right: 0;
  }
  .customNavigation i.prev {
    left: 0;
  }
}
@media (max-width: 1199px) {
  #tmtestimonialcmsblock .customNavigation {
    top: -36px;
    z-index: 5;
    right: -18px;
  }
}

@media (max-width: 991px) {
  #cpleftbanner1 li img,
  #cpleftbanner2 li a {
    width: auto;
  }
  #tmtestimonialcmsblock .customNavigation {
    top: 0;
    right: 0;
  }
}
@media (max-width: 767px) {
  .customNavigation {
    opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
  }
  
  .tmcategorylist .customNavigation i.prev, 
  .testimonial-block-part .customNavigation i.prev, 
  #tminstagramblock .btn.prev.instagram_prev, 
  .special-products .customNavigation i.prev,
  .btn.prev.accessories_prev {
    left: 0;
  }
  .tmcategorylist .customNavigation i.next, 
  .testimonial-block-part .customNavigation i.next,
   #tminstagramblock .btn.next.instagram_next, 
   .special-products .customNavigation i.next,
   .btn.next.accessories_next {
    right: 0;
  }
  #main .images-container .js-qv-mask .customNavigation {
    top: 13px;
  }
  .quickview .mask.additional_slider .customNavigation i.prev {
    left: -10px !important;
  }
  .quickview .mask.additional_slider .customNavigation i.next {
    right: -10px !important;
  }
  .btn.next.brand_next {
    left: auto;
    right: 0;
    position: absolute;
  }
  .btn.prev.brand_prev {
    left: 0;
    right: auto;
  }
  .customNavigation i.next {
    left: auto;
    right: 0;
  }
}
@media (max-width: 480px) {
}


/* ===== POPRAWKI ALFA SYSTEM ===== */

/* --- badge rabatu kwotowego (nie miesci sie w kole 60x60) --- */
.special-products .product-flag.discount,
.products .product-miniature .product-flag.discount,
.product-flags .product-flag.discount {
  width: auto !important; min-width: 54px; height: auto !important;
  padding: 5px 11px !important; border-radius: 16px !important;
  line-height: 1.25 !important; font-size: 12px !important; font-weight: 600;
  white-space: nowrap; max-width: calc(100% - 12px);
  box-sizing: border-box; display: inline-block; text-align: center;
}
.special-products .product-flag.discount { top: 6px !important; right: 6px !important; z-index: 3; }

/* --- SLIDER: strzalki jako okragle przyciski z wlasna ikona --- */
.hero-slider .carousel-control,
#carousel .carousel-control,
.carousel .carousel-control {
  width: 46px !important; height: 46px !important;
  top: 50% !important; bottom: auto !important;
  margin-top: -23px !important;
  transform: none !important;
  background: rgba(255,255,255,.92) !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.18);
  opacity: 1 !important; text-shadow: none !important;
  font-size: 0 !important;            /* chowa domyslne znaki bootstrapa */
  line-height: 46px !important;
  text-align: center !important;
  overflow: hidden;
  padding: 0 !important;
}
.carousel-control.left  { left: 18px !important; right: auto !important; }
.carousel-control.right { right: 18px !important; left: auto !important; }
.carousel-control:hover { background: #14294f !important; }

/* ukryj WSZYSTKO w srodku (spany, ikony, pseudo-elementy bootstrapa) */
.carousel-control > *,
.carousel-control span,
.carousel-control i { display: none !important; }

/* wlasna ikona bezposrednio na przycisku */
.carousel-control::before {
  display: block !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 30px !important;
  line-height: 44px !important;
  font-weight: 700;
  color: #14294f;
  width: 46px; height: 46px;
  text-align: center;
}
.carousel-control.left::before  { content: "\2039" !important; }
.carousel-control.right::before { content: "\203A" !important; }
.carousel-control:hover::before { color: #fff; }

.hero-slider .carousel-indicators { bottom: 14px; }

@media (max-width: 575px) {
  .carousel-control { width: 36px !important; height: 36px !important; margin-top: -18px !important; line-height: 36px !important; }
  .carousel-control::before { font-size: 24px !important; line-height: 34px !important; width: 36px; height: 36px; }
  .carousel-control.left { left: 8px !important; }
  .carousel-control.right { right: 8px !important; }
}

/* --- LOGOTYPY: kolorowe + plynne przewijanie w petli --- */
.alfa-logos-viewport { overflow: hidden; position: relative; width: 100%; }
.alfa-logos-track { display: flex; gap: 14px; width: max-content; will-change: transform; }
.alfa-logos-track.to-left  { animation: alfaScrollLeft 42s linear infinite; }
.alfa-logos-track.to-right { animation: alfaScrollRight 46s linear infinite; }
.alfa-logos-viewport:hover .alfa-logos-track { animation-play-state: paused; }
@keyframes alfaScrollLeft  { from { transform: translateX(0); }      to { transform: translateX(-50%); } }
@keyframes alfaScrollRight { from { transform: translateX(-50%); }   to { transform: translateX(0); } }
.alfa-logo-cell {
  flex: 0 0 auto; width: 150px; height: 86px;
  display: flex; align-items: center; justify-content: center;
  background: #fff; border: 1px solid #ececec; border-radius: 8px; padding: 10px;
}
.alfa-logo-cell img {
  max-width: 100%; max-height: 62px; width: auto; height: auto;
  object-fit: contain;
  filter: none !important;          /* logotypy w kolorze */
  opacity: 1 !important;
  transition: transform .2s;
}
.alfa-logo-cell:hover img { transform: scale(1.06); }
@media (prefers-reduced-motion: reduce) {
  .alfa-logos-track { animation: none !important; }
  .alfa-logos-viewport { overflow-x: auto; }
}

/* ===== NAGLOWEK: logo po lewej, wyszukiwarka na srodku ===== */
.header-top .header-left { display:flex; align-items:center; justify-content:flex-start; }
.header-top .header-center { display:flex; align-items:center; justify-content:center; flex:1 1 auto; padding:0 20px; }
.header-top .header_logo { margin:0; text-align:left; }
.header-top .header_logo img.logo,
#_desktop_logo img.logo {
  max-width: 260px !important;      /* wieksze logo */
  width: auto !important;
  height: auto !important;
  max-height: 78px;
}
@media (max-width: 991px){
  .header-top .header_logo img.logo, #_desktop_logo img.logo { max-width:190px !important; max-height:56px; }
  .header-top .header-center { padding:0 8px; }
}
/* wyszukiwarka szeroka na srodku */
.header-top .header-center .cpsearch,
.header-top .header-center form { width:100%; max-width:640px; }

/* ===== gorny pasek: telefon i mail ===== */
ul.alfa-topbar-contact { list-style:none; margin:0; padding:0; display:flex; gap:22px; align-items:center; }
ul.alfa-topbar-contact li { margin:0; }
ul.alfa-topbar-contact a { display:inline-flex; align-items:center; gap:7px; color:inherit; font-size:13px; text-decoration:none; }
ul.alfa-topbar-contact a:hover { opacity:.8; }
@media (max-width: 767px){
  ul.alfa-topbar-contact { gap:12px; }
  ul.alfa-topbar-contact a span { display:none; }   /* na mobile same ikony */
}

/* ===== stopka: ikony przy kontakcie ===== */
.footer-contact-list { list-style:none; margin:0; padding:0; }
.footer-contact-list li { display:flex; align-items:flex-start; gap:10px; margin-bottom:9px; font-size:14px; }
.footer-contact-list li::before { font-size:15px; line-height:1.4; opacity:.85; }
.footer-contact-list li.f-addr::before  { content:"\1F4CD"; }
.footer-contact-list li.f-phone::before { content:"\260E"; }
.footer-contact-list li.f-mail::before  { content:"\2709"; }
.footer-contact-list a { color:inherit; text-decoration:none; }
.footer-contact-list a:hover { text-decoration:underline; }

/* ===== ALFA: strona O nas ===== */
.alfa-onas{max-width:1100px;margin:0 auto}
.alfa-onas-hero{display:flex;gap:32px;align-items:center;flex-wrap:wrap;margin-bottom:38px}
.alfa-onas-hero-txt{flex:1 1 420px}
.alfa-onas-hero-txt h2{margin-top:0;font-size:26px;line-height:1.3}
.alfa-onas-hero-img{flex:0 0 300px;max-width:300px}
.alfa-onas-hero-img img{width:100%;height:auto}
.alfa-onas-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:40px}
.alfa-card{background:#f7f9fc;border:1px solid #e6ebf2;border-radius:10px;padding:24px 22px}
.alfa-card-ico{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#12294d;color:#fff;font-size:19px;margin-bottom:12px}
.alfa-card h3{font-size:18px;margin:0 0 10px}
.alfa-card p{font-size:14px;line-height:1.65;margin:0}
.alfa-onas-foto{margin:0 0 44px}
.alfa-onas-foto img{width:100%;height:auto;border-radius:10px}
.alfa-sec-title{text-align:center;font-size:24px;margin:0 0 30px;position:relative;padding-bottom:14px}
.alfa-sec-title:after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:64px;height:3px;background:#12294d;border-radius:2px}
.alfa-partner{display:flex;gap:28px;align-items:center;flex-wrap:wrap;padding:22px 0;border-bottom:1px solid #eceff3}
.alfa-partner:last-of-type{border-bottom:0}
.alfa-partner-img{flex:0 0 210px;max-width:210px;text-align:center}
.alfa-partner-img img{max-width:100%;height:auto;max-height:130px;object-fit:contain}
.alfa-partner-txt{flex:1 1 340px}
.alfa-partner-txt h3{font-size:18px;margin:0 0 8px}
.alfa-partner-txt p{font-size:14px;line-height:1.65;margin:0}
.alfa-onas-certy{text-align:center;margin:40px 0}
.alfa-onas-certy img{max-width:340px;width:100%;height:auto}
.alfa-onas-cta{background:#12294d;color:#fff;border-radius:12px;padding:32px 26px;text-align:center;margin-top:34px}
.alfa-onas-cta h3{color:#fff;margin:0 0 8px;font-size:21px}
.alfa-onas-cta p{margin:0 0 18px;opacity:.9}
.alfa-onas-cta .btn{background:#fff;color:#12294d;border:0;font-weight:600;padding:11px 26px;border-radius:6px}
.alfa-onas-cta .btn:hover{background:#e8eef7;color:#12294d}

/* ===== ALFA: strona Kontakt ===== */
.alfa-kontakt{max-width:1100px;margin:0 auto}
.alfa-kontakt-top{display:flex;gap:34px;flex-wrap:wrap;align-items:flex-start;margin-bottom:36px}
.alfa-kontakt-foto{flex:1 1 380px}
.alfa-kontakt-foto img{width:100%;height:auto;border-radius:10px}
.alfa-kontakt-dane{flex:1 1 340px}
.alfa-kontakt-dane h2{margin-top:0;font-size:23px}
.alfa-kontakt-lista{list-style:none;padding:0;margin:0 0 22px}
.alfa-kontakt-lista li{list-style:none!important}
.alfa-kontakt-lista li{position:relative;padding:0 0 14px 34px;font-size:15px;line-height:1.6}
.alfa-kontakt-lista li:before{position:absolute;left:0;top:2px;width:20px;height:20px;content:"";background-color:#12294d;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}
.alfa-kontakt-lista .k-adres:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M12%202C8.1%202%205%205.1%205%209c0%205.2%207%2013%207%2013s7-7.8%207-13c0-3.9-3.1-7-7-7zm0%209.5A2.5%202.5%200%201%201%2012%206.5a2.5%202.5%200%200%201%200%205z%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M12%202C8.1%202%205%205.1%205%209c0%205.2%207%2013%207%2013s7-7.8%207-13c0-3.9-3.1-7-7-7zm0%209.5A2.5%202.5%200%201%201%2012%206.5a2.5%202.5%200%200%201%200%205z%27%2F%3E%3C%2Fsvg%3E")}
.alfa-kontakt-lista .k-tel:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M6.6%2010.8c1.4%202.8%203.8%205.2%206.6%206.6l2.2-2.2c.3-.3.7-.4%201-.2%201.1.4%202.3.6%203.6.6.6%200%201%20.4%201%201V20c0%20.6-.4%201-1%201C10.6%2021%203%2013.4%203%204c0-.6.4-1%201-1h3.5c.6%200%201%20.4%201%201%200%201.2.2%202.4.6%203.6.1.4%200%20.8-.3%201l-2.2%202.2z%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M6.6%2010.8c1.4%202.8%203.8%205.2%206.6%206.6l2.2-2.2c.3-.3.7-.4%201-.2%201.1.4%202.3.6%203.6.6.6%200%201%20.4%201%201V20c0%20.6-.4%201-1%201C10.6%2021%203%2013.4%203%204c0-.6.4-1%201-1h3.5c.6%200%201%20.4%201%201%200%201.2.2%202.4.6%203.6.1.4%200%20.8-.3%201l-2.2%202.2z%27%2F%3E%3C%2Fsvg%3E")}
.alfa-kontakt-lista .k-fax:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M6%203h12v4H6zM5%208h14a2%202%200%200%201%202%202v6h-4v4H7v-4H3v-6a2%202%200%200%201%202-2zm4%208v3h6v-3zm8-4a1%201%200%201%200%200%202%201%201%200%200%200%200-2z%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M6%203h12v4H6zM5%208h14a2%202%200%200%201%202%202v6h-4v4H7v-4H3v-6a2%202%200%200%201%202-2zm4%208v3h6v-3zm8-4a1%201%200%201%200%200%202%201%201%200%200%200%200-2z%27%2F%3E%3C%2Fsvg%3E")}
.alfa-kontakt-lista .k-mail:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M4%204h16a2%202%200%200%201%202%202v12a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2zm0%202.4v.8l8%204.8%208-4.8v-.8l-8%204.8z%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M4%204h16a2%202%200%200%201%202%202v12a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2zm0%202.4v.8l8%204.8%208-4.8v-.8l-8%204.8z%27%2F%3E%3C%2Fsvg%3E")}
.alfa-kontakt-godziny{background:#f7f9fc;border-left:3px solid #12294d;padding:16px 18px;border-radius:0 8px 8px 0}
.alfa-kontakt-godziny p{margin:6px 0 0;font-size:14px;line-height:1.6}
.alfa-parking{font-weight:600;color:#12294d}
.alfa-kontakt-certy{text-align:center;margin:0 0 42px}
.alfa-kontakt-certy img{max-width:320px;width:100%;height:auto}
.alfa-kontakt-mapa{margin-top:42px;border-radius:10px;overflow:hidden}
.alfa-kontakt-mapa iframe{display:block;width:100%;border:0}
@media(max-width:767px){
  .alfa-onas-hero-img{flex:0 0 100%;max-width:240px;margin:0 auto}
  .alfa-partner-img{flex:0 0 100%;max-width:180px;margin:0 auto}
  .alfa-sec-title{font-size:20px}
}

.alfa-kontakt section.contact-form{display:flow-root;overflow:hidden;margin-bottom:10px}
.alfa-kontakt section.contact-form form{float:none!important;width:100%}

/* ===== topbar: ikony SVG (rowne w pionie) ===== */
ul.alfa-topbar-contact a{display:inline-flex;align-items:center;gap:7px;line-height:1;}
ul.alfa-topbar-contact svg{width:15px;height:15px;flex:0 0 15px;fill:currentColor;display:block;position:relative;top:0;}
ul.alfa-topbar-contact span{display:inline-block;line-height:1;}

/* ===== header: uklad kolumn ===== */
.header-top .container{display:flex;align-items:center;flex-wrap:wrap;gap:16px;}
.header-top .header-left{flex:0 0 auto;}
.header-top .header-center{flex:1 1 320px;min-width:0;display:flex;justify-content:center;}
.header-top .header-right{flex:0 0 auto;margin-left:auto;}
.header-top .header-center > *{max-width:100%;}

/* ===== header: mobile ===== */
@media (max-width:991px){
  .header-top .container{display:flex!important;flex-wrap:wrap!important;align-items:center;gap:10px 12px;}
  .header-top .header-left{flex:0 1 auto!important;order:1;min-width:0;}
  .header-top .header-left .logo{max-width:170px;height:auto;}
  .header-top .header-right{flex:0 0 auto!important;order:2;margin-left:auto;}
  .header-top .header-center{flex:1 1 100%!important;order:3;width:100%;}
  .header-top .header-center > *{width:100%;}
}
@media (max-width:575px){
  .header-top .header-left .logo{max-width:140px;}
}

/* ===== ALFA: sekcja dwoch banerow na stronie glownej ===== */
.alfa-promo{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:46px 0 10px}
.alfa-promo-card{position:relative;display:block;min-height:300px;border-radius:12px;overflow:hidden;
  background-repeat:no-repeat;background-size:cover;background-position:center;text-decoration:none;
  transition:transform .25s ease,box-shadow .25s ease}
.alfa-promo-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(18,41,77,.16)}
.alfa-promo-komp{background-color:#f7f1e8;background-image:url('/img/cms/komp/baner_komputery.jpg')}
.alfa-promo-serw{background-color:#f0f1f2;background-image:url('/img/cms/komp/baner_serwis.jpg')}
.alfa-promo-body{position:relative;z-index:2;padding:38px 34px;max-width:52%;text-align:center}
.alfa-promo-komp .alfa-promo-body{margin-left:auto}
.alfa-promo-serw .alfa-promo-body{margin-right:auto}
.alfa-promo-body h3{font-size:25px;margin:0 0 14px;color:#1c1c1c;font-weight:700}
.alfa-promo-body p{font-size:14px;line-height:1.7;color:#5a5f66;margin:0 0 22px}
.alfa-promo-btn{display:inline-flex;align-items:center;gap:9px;border:1px solid #e08a1e;color:#c9761a;
  background:#fff;border-radius:26px;padding:12px 26px;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.alfa-promo-card:hover .alfa-promo-btn{background:#e08a1e;border-color:#e08a1e;color:#fff}
.alfa-promo-btn:after{content:"\2192";font-size:15px;line-height:1}
@media (max-width:991px){
  .alfa-promo{grid-template-columns:1fr;gap:18px}
  .alfa-promo-card{min-height:260px;background-size:auto 78%;background-position:center bottom}
  .alfa-promo-body{max-width:100%;margin:0!important;padding:28px 22px 150px}
}

/* ===== ALFA: strony prawne (regulamin, polityki) ===== */
.alfa-legal{max-width:900px;margin:0 auto;font-size:15px;line-height:1.7;color:#2b3138}
.alfa-legal h1{font-size:26px;margin:0 0 18px}
.alfa-legal h2{font-size:19px;color:#12294d;margin:26px 0 10px}
.alfa-legal ol,.alfa-legal ul{padding-left:22px;margin:0 0 14px}
.alfa-legal li{margin:6px 0}
.alfa-legal p{margin:0 0 12px}
.alfa-legal-intro{background:#f7f9fc;border-left:3px solid #12294d;padding:14px 18px;border-radius:0 8px 8px 0;margin-bottom:22px}
.alfa-legal a{color:#12294d;text-decoration:underline}

/* ===== ALFA: artykul myjnie (tresc pod hero) ===== */
.alfa-myjnia-art{font-size:15px;line-height:1.7;color:#2b3138;margin-top:8px}
.alfa-myjnia-art h1{font-size:22px;color:#12294d!important;text-align:center;margin:40px 0 16px}
.alfa-myjnia-art h2{font-size:18px;color:#12294d!important;margin:24px 0 8px}
.alfa-myjnia-art hr{border:0;border-top:1px solid #e6ebf2;margin:30px 0}
.alfa-myjnia-art blockquote{background:#f7f9fc!important;border-left:4px solid #12294d!important;margin:18px 0!important;padding:12px 18px!important;border-radius:0 8px 8px 0}
.alfa-myjnia-art ul,.alfa-myjnia-art ol{padding-left:22px}
.alfa-myjnia-art li{margin:5px 0}

/* ===== ALFA: strony tresciowe (Komputery, Serwis) ===== */
.alfa-page{max-width:1100px;margin:0 auto}
.alfa-hero{display:flex;gap:34px;align-items:center;flex-wrap:wrap;margin-bottom:44px}
.alfa-hero-txt{flex:1 1 380px}
.alfa-hero-txt h2{margin-top:0;font-size:26px;line-height:1.3}
.alfa-hero-txt p{font-size:15px;line-height:1.75}
.alfa-hero-note{background:#f7f9fc;border-left:3px solid #12294d;padding:12px 16px;border-radius:0 8px 8px 0;font-size:14px}
.alfa-hero-img{flex:1 1 340px}
.alfa-hero-img img{width:100%;height:auto;border-radius:10px}
.alfa-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-bottom:40px}
.alfa-grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.alfa-grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.alfa-tile{background:#f7f9fc;border:1px solid #e6ebf2;border-radius:10px;padding:22px 20px}
.alfa-tile-ico{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;
  border-radius:50%;background:#12294d;color:#fff;font-size:18px;margin-bottom:11px}
.alfa-tile-ico svg{width:23px;height:23px;display:block}
.alfa-tile h3{font-size:16.5px;margin:0 0 8px;line-height:1.35}
.alfa-tile p{font-size:14px;line-height:1.65;margin:0;color:#4c535c}
.alfa-alert{background:#fff6e8;border:1px solid #f0d3a3;border-left:4px solid #e08a1e;border-radius:0 8px 8px 0;
  padding:18px 20px;margin:0 0 26px;font-size:15px;line-height:1.7}
.alfa-alert strong{display:block;margin-bottom:5px;color:#12294d}
.alfa-note{font-size:14px;color:#5a5f66;font-style:italic;margin:0 0 40px}
.alfa-usluga{border:1px solid #e6ebf2;border-radius:10px;padding:24px 26px;margin-bottom:18px}
.alfa-usluga h3{margin:0 0 12px;font-size:19px;color:#12294d}
.alfa-usluga ul{margin:0;padding-left:20px}
.alfa-usluga li{font-size:14.5px;line-height:1.8}
.alfa-band{background:#f7f9fc;border-radius:12px;padding:28px 26px;text-align:center;margin:34px 0}
.alfa-band h3{margin:0 0 9px;font-size:20px;color:#12294d}
.alfa-band p{margin:0 0 18px;font-size:14.5px;line-height:1.7}
.alfa-logos{text-align:center;margin:36px 0}
.alfa-logos img{max-width:100%;height:auto}
.alfa-cta{background:#12294d;color:#fff;border-radius:12px;padding:34px 26px;text-align:center;margin-top:38px}
.alfa-cta h3{color:#fff;margin:0 0 9px;font-size:21px}
.alfa-cta p{margin:0 0 8px;opacity:.92;font-size:14.5px}
.alfa-cta-kontakt{font-weight:600;font-size:16px!important;opacity:1!important}
.alfa-cta-adres{font-size:13.5px!important;opacity:.75!important;margin-bottom:18px!important}
.alfa-cta .btn{background:#fff;color:#12294d;border:0;font-weight:600;padding:11px 26px;border-radius:6px;margin-top:8px}
.alfa-cta .btn:hover{background:#e8eef7;color:#12294d}
@media(max-width:767px){
  .alfa-hero-img{flex:1 1 100%}
  .alfa-sec-title{font-size:20px}
}

/* ===== menu glowne: gestsze odstepy ===== */
@media (min-width:1200px){
  #_top_main_menu.menu ul#top-menu > li > a{padding-left:14px;padding-right:14px;font-size:13.5px;white-space:nowrap;}
}
@media (min-width:1200px) and (max-width:1360px){
  #_top_main_menu.menu ul#top-menu > li > a{padding-left:10px;padding-right:10px;font-size:13px;}
}

/* ===== ALFA: menu w dwoch wierszach ===== */
@media (min-width:992px){
  .header-top-main .container{display:flex;flex-wrap:wrap;align-items:flex-start;}
  .header-top-main .container > *{min-width:0;}
  #cp_vertical_menu_top, .header-top-main .vertical-menu-wrap{flex:0 0 auto;}
  #_top_main_menu{flex:1 1 auto;display:flex;flex-wrap:wrap;width:auto;max-width:none;padding-left:0;}
  #_top_main_menu .alfa-menu-links{flex:1 1 auto;order:1;}
  #_top_main_menu .alfa-menu-cats{flex:1 1 100%;order:2;border-top:1px solid rgba(255,255,255,.14);}
  #_top_main_menu .alfa-menu-links ul#alfa-top-links{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;}
  #_top_main_menu .alfa-menu-cats ul#top-menu{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;}
  #_top_main_menu ul#alfa-top-links > li > a{padding:10px 16px;display:block;}
  #_top_main_menu ul#top-menu > li > a{padding:11px 14px;display:block;}
}
@media (min-width:992px) and (max-width:1360px){
  #_top_main_menu ul#top-menu > li > a{padding-left:10px;padding-right:10px;font-size:13px;}
  #_top_main_menu ul#alfa-top-links > li > a{padding-left:12px;padding-right:12px;font-size:13px;}
}

/* ===== ALFA: rozwijane menu - naglowki kategorii vs podkategorie ===== */
#_top_main_menu .sub-menu a[data-depth="1"],
#_top_main_menu .popover.sub-menu a.dropdown-submenu{
  font-weight:700;
  font-size:14px;
  color:#12294d;
  letter-spacing:.01em;
  padding-bottom:7px;
  margin-bottom:5px;
  border-bottom:1px solid #e6ebf2;
}
#_top_main_menu .sub-menu a[data-depth="1"]:hover,
#_top_main_menu .popover.sub-menu a.dropdown-submenu:hover{color:#d62839;}
#_top_main_menu .sub-menu a[data-depth="2"]{
  font-weight:400;
  font-size:13px;
  color:#5a5f66;
  padding-top:3px;
  padding-bottom:3px;
  border-bottom:0;
}
#_top_main_menu .sub-menu a[data-depth="2"]:hover{color:#12294d;}
#_top_main_menu .sub-menu ul[data-depth="2"]{margin-bottom:16px;}

/* ===== ALFA: produkty bez ceny (cena na telefon) ===== */
.alfa-cena-tel{color:#1f8b3d;font-weight:600;white-space:nowrap;}
.product-price-and-shipping .alfa-cena-tel{font-size:17px;display:inline-block;}
.product-prices .alfa-cena-tel{font-size:26px;line-height:1.2;display:inline-block;}
.alfa-cena-tel-note{display:block;font-size:12px;color:#8a8f96;font-weight:400;margin-top:2px;}
.alfa-dostepnosc-pytaj{color:#c9761a;font-weight:600;}
.alfa-zapytaj-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:#12294d;color:#fff;border:0;border-radius:6px;padding:12px 24px;font-weight:600;
  text-decoration:none;transition:background .2s ease;}
.alfa-zapytaj-btn:hover{background:#1c3c6e;color:#fff;text-decoration:none;}

/* ===== ALFA: FAQ ===== */
.alfa-faq{max-width:900px;margin:0 auto;}
.alfa-faq-intro{font-size:15.5px;line-height:1.75;background:#f7f9fc;border-left:3px solid #12294d;
  padding:16px 20px;border-radius:0 8px 8px 0;margin-bottom:34px;}
.alfa-faq .alfa-sec-title{margin-top:38px;}
.alfa-faq-item{border:1px solid #e6ebf2;border-radius:10px;margin-bottom:10px;background:#fff;overflow:hidden;}
.alfa-faq-item summary{cursor:pointer;padding:16px 46px 16px 20px;font-weight:600;font-size:15.5px;
  color:#12294d;position:relative;list-style:none;}
.alfa-faq-item summary::-webkit-details-marker{display:none;}
.alfa-faq-item summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);
  font-size:21px;font-weight:400;color:#c9761a;line-height:1;}
.alfa-faq-item[open] summary::after{content:"\2212";}
.alfa-faq-item[open] summary{border-bottom:1px solid #eef1f5;}
.alfa-faq-item summary:hover{background:#f7f9fc;}
.alfa-faq-item p{margin:0;padding:16px 20px 18px;font-size:14.5px;line-height:1.8;color:#4c535c;}
.alfa-faq-item a{color:#12294d;text-decoration:underline;}

/* ===== ALFA: stopka - copyright ===== */
.alfa-copy{font-size:13.5px;}
.alfa-copy a{color:inherit;text-decoration:underline;}
.alfa-copy a:hover{opacity:.8;}

/* ===== ALFA: podstrony - kroki, tabela, listy ===== */
.alfa-kroki{counter-reset:alfakrok;list-style:none;padding:0;margin:0 0 40px;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;}
.alfa-kroki li{counter-increment:alfakrok;position:relative;background:#f7f9fc;border:1px solid #e6ebf2;
  border-radius:10px;padding:20px 20px 20px 64px;font-size:14.5px;line-height:1.7;}
.alfa-kroki li:before{content:counter(alfakrok);position:absolute;left:18px;top:18px;width:32px;height:32px;
  border-radius:50%;background:#12294d;color:#fff;font-weight:700;font-size:15px;
  display:flex;align-items:center;justify-content:center;}
.alfa-tabela-wrap{overflow-x:auto;margin:0 0 26px;border:1px solid #e6ebf2;border-radius:10px;}
.alfa-tabela{width:100%;border-collapse:collapse;font-size:14px;min-width:640px;}
.alfa-tabela th{background:#12294d;color:#fff;font-weight:600;padding:12px 14px;text-align:left;white-space:nowrap;}
.alfa-tabela td{padding:11px 14px;border-top:1px solid #eef1f5;}
.alfa-tabela tbody tr:nth-child(even){background:#f9fbfd;}
.alfa-tabela tbody tr:hover{background:#f2f6fb;}
.alfa-tabela td:first-child{font-weight:600;color:#12294d;}
.alfa-partner-txt ul{margin:10px 0 0;padding-left:20px;}
.alfa-partner-txt li{font-size:14px;line-height:1.75;}
.alfa-partner-txt p+p{margin-top:10px;}

/* ===== ALFA: przycisk ZDALNA POMOC w menu ===== */
.alfa-zdalna{display:inline-flex;align-items:center;gap:7px;background:#d62839;color:#fff!important;
  border-radius:5px;padding:7px 15px;font-size:12.5px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;text-decoration:none;white-space:nowrap;line-height:1.2;
  transition:background .2s ease;}
.alfa-zdalna:hover{background:#b31f2e;color:#fff!important;text-decoration:none;}
#_top_main_menu .alfa-menu-links{display:flex;align-items:center;flex-wrap:wrap;gap:6px;}
#_top_main_menu .alfa-menu-links ul#alfa-top-links{margin-right:6px;}
@media (max-width:991px){
  .alfa-zdalna{margin:6px 0 6px 12px;}
}