/* =========================================
   AMBER FIT – DODATKOWY CSS (UPORZĄDKOWANY)
   ========================================= */

/* =========================
   TYPOGRAFIA
   ========================= */

/* Menu główne */
header .nav-link{
  font-size:15px;
  font-family:'Open Sans', Arial, sans-serif;
  font-weight:500;
  letter-spacing:0;
  text-transform:none !important;
}
header .navbar-subnav .nav-link{
  font-size:15px;
  font-family:'Open Sans', Arial, sans-serif;
  font-weight:500;
  text-transform:none !important;
}

/* Nagłówki */
h1,
.cm h1{
  font-size:28px !important;
  font-family:'Montserrat', Arial, sans-serif !important;
  font-weight:600 !important;
}
h2{
  font-size:28px !important;
  font-family:'Montserrat', Arial, sans-serif !important;
  font-weight:600 !important;
}
h3{
  font-size:20px !important;
  font-family:'Open Sans', Arial, sans-serif !important;
  font-weight:600 !important;
}
h4{
  font-size:16px !important;
  font-family:'Open Sans', Arial, sans-serif !important;
  font-weight:600 !important;
}
h5, h6{
  font-family:'Open Sans', Arial, sans-serif;
}

/* Akapity */
p{
  font-size:15px;
  font-family:'Open Sans', Arial, sans-serif;
  font-weight:400;
}

/* Zakładki na karcie produktu */
.tabs__item > span{
  letter-spacing:0;
  font-size:1.6rem;
  font-family:'Open Sans', Arial, sans-serif;
}
@media (min-width: 979px){
  .tabs__item > span{ font-size:1.4rem; }
}

/* Nazwa produktu */
.product_name__name{
  font-size:2.6rem;
  font-family:'Open Sans', Arial, sans-serif;
  font-weight:700;
  letter-spacing:0;
}
@media (min-width: 979px){
  .product_name__name{ font-size:2.5rem; }
}
.product_name .--compare{
  font-size:1.5rem;
  font-family:'Open Sans', Arial, sans-serif;
}

/* Ceny */
.projector_details .projector_prices__price,
.projector_details .projector_prices .max_price{
  font-size:3rem;
  font-weight:700;
  font-family:'Open Sans', Arial, sans-serif;
  letter-spacing:0;
}
#search.--b2b .product__prices .price.--alternative{
  font-size:1.6rem;
  font-family:'Open Sans', Arial, sans-serif;
}

/* Menu mobilne – fonty */
aside .nav-link{
  font-weight:500;
  font-size:15px;
  line-height:24px;
  font-family:'Open Sans', Arial, sans-serif;
  text-transform:none !important;
}
#menu_navbar3 .submenu-nav .nav-link{
  font-family:'Open Sans', Arial, sans-serif;
  font-weight:500;
  font-size:15px;
  text-transform:none !important;
}

/* Logowanie */
#login_menu_block a{ font-size:1.5rem; }
aside #menu_contact a{ font-size:15px; }

/* Podstrona produktowa */
#search .product__compare_item{
  font-size:1rem;
  font-family:'Open Sans', Arial, sans-serif;
}
.search_description h1,
.search_description h2,
.search_description h3,
.search_description h4{
  font-family:'Open Sans', Arial, sans-serif;
  font-weight:700;
  letter-spacing:0;
  font-size:2rem;
}

/* Etykiety */
.label_icons > *{
  font-size:1.2rem;
  font-family:'Open Sans', Arial, sans-serif;
  font-weight:700;
  letter-spacing:0;
}
.projector_details .projector_prices .label.--promo{
  font-size:1.2rem;
  font-family:'Open Sans', Arial, sans-serif;
  font-weight:400;
  letter-spacing:0;
}

/* Duże nagłówki */
.big_label,
.headline{
  font-family:'Open Sans', Arial, sans-serif;
  font-size:2.2rem;
  font-weight:700;
  letter-spacing:0;
}

/* Nazwy produktów */
.product__name{
  font-size:1.5rem;
  font-family:'Open Sans', Arial, sans-serif;
  font-weight:700;
  line-height:1.2;
}

/* Przyciski / CTA */
.btn,
.btn.--medium,
.btn.--large{
  font-family:'Open Sans', Arial, sans-serif;
  font-size:15px;
  font-weight:500;
  letter-spacing:0;
}
.product__prices strong.price{
  font-size:1.7rem;
  font-family:'Open Sans', Arial, sans-serif;
}
.product__prices strong.price .label.--promo{
  font-size:1.2rem;
  font-family:'Open Sans', Arial, sans-serif;
  font-weight:700;
}

/* Menu kategorii */
#menu_categories2 ul li a,
#menu_categories2 .menu_categories_label,
#menu_categories2 .nav-item.--first-level .nav-link,
#menu_categories2 .navbar-subnav .nav-link{
  font-family:'Open Sans', Arial, sans-serif !important;
  font-size:15px;
  font-weight:500;
  letter-spacing:0;
  text-transform:none !important;
}

/* Filtry */
aside .filters__toggler .btn,
aside .filters__buttons button.btn{
  font-family:'Open Sans', Arial, sans-serif;
  font-size:15px;
  font-weight:500;
}

/* CMS */
.menu5__desc,
.cms__title,
.cms2__title,
.scms__title,
.video_button__title,
#footer_links .footer_links_label,
.bars__wrapper{
  font-family:'Open Sans', Arial, sans-serif;
}

/* Długie opisy */
.longdescription.cm p,
.longdescription.cm span,
.longdescription.cm li{
  line-height:1.8;
  font-weight:300;
}

/* =========================
   FOOTER (tło + kolory)
   ========================= */
footer.page-footer{
  background-color:#F1F1F1 !important;
  position:relative;
}
footer.page-footer::before{
  content:'';
  position:absolute;
  top:0;
  left:-200vw;
  right:-200vw;
  bottom:0;
  width:400vw;
  margin-left:-100vw;
  background-color:#F1F1F1;
  z-index:-1;
}
#footer_links,
.footer_settings,
#menu_contact,
footer div,
footer section{
  background-color:#F1F1F1 !important;
}
footer,
footer *,
.footer,
.footer *,
#footer_links,
#footer_links *,
.footer_settings,
.footer_settings *,
#menu_contact,
#menu_contact *{
  color:#000000 !important;
}
footer a,
.footer a,
#footer_links a,
.footer_settings a,
#menu_contact a{
  color:#000000 !important;
}
footer a:hover,
.footer a:hover,
#footer_links a:hover,
.footer_settings a:hover,
#menu_contact a:hover{
  color:#333333 !important;
  text-decoration:underline;
}

/* =========================
   BUTTONS – ostre krawędzie
   ========================= */
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.btn,
.btn-primary,
.btn-secondary,
.btn-outline,
.add-to-basket,
.add_to_basket,
.projector_buy_button,
.basket__button,
.order__button,
.search__button,
.compare__button,
.login__button,
.newsletter__button,
a.btn,
a.button{
  border-radius:0 !important;
}

/* =========================
   ETYKIETY PRODUKTÓW (label_icons)
   ========================= */
.label_icons .label{
  font-family:'Inter','Arial',sans-serif !important;
  font-weight:600 !important;
  font-size:10px !important;
  padding:4px 10px 3px !important;
  border-radius:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  width:fit-content !important;
  letter-spacing:0.04em !important;
}
.label_icons .label.--bestseller,
.label_icons .label.--recommended{
  background-color:#ff8503 !important;
  color:#ffffff !important;
}
.label_icons .label.--promo{
  background-color:#d53600 !important;
  color:#ffffff !important;
}
.label_icons .label.--new{
  background-color:#feb204 !important;
  color:#000000 !important;
}
.label_icons .label.--discount{ display:none !important; }

.distinguished,
.label.--distinguished{ background:#FF8503; }

.promo,
.label.--promo{ background:#d53600; }

/* ostre badge rabatowe */
.product__prices .price__discount,
.product__prices .discount,
.product__prices .label,
.product__prices .label.--promo,
.product__prices .label.--discount,
.projector_prices .label,
.projector_prices .label.--promo,
.projector_prices .label.--discount,
.product__prices span[class*="discount"],
.product__prices span[class*="promo"],
.products .price span,
.products .price strong span{
  border-radius:0 !important;
}

/* =========================
   PORÓWNYWARKA / COMPARE
   ========================= */
.products__compare,
.products__compare a,
.compare__add,
.compare__remove{
  background-color:#d3d8dd !important;
  color:#000000 !important;
}
.products__compare a,
.compare__add,
.compare__remove{
  display:inline-block;
  padding:8px 12px;
  text-decoration:none !important;
}

/* =========================
   MENU – hover / tap: jaśniejszy szary + underline
   ========================= */
header .navbar-nav > .nav-item > .nav-link,
header .navbar-subnav .nav-link,
header .dropdown-menu .nav-link{
  text-decoration:none !important;
  transition: color .15s ease;
  background:transparent !important;
  box-shadow:none !important;
}

/* underline + kolor: desktop hover i mobile tap */
header .navbar-nav > .nav-item > .nav-link:hover,
header .navbar-nav > .nav-item > .nav-link:focus,
header .navbar-nav > .nav-item > .nav-link:active,
header .navbar-subnav .nav-link:hover,
header .navbar-subnav .nav-link:focus,
header .navbar-subnav .nav-link:active,
header .dropdown-menu .nav-link:hover,
header .dropdown-menu .nav-link:focus,
header .dropdown-menu .nav-link:active{
  color:#6f6f6f !important;
  text-decoration:underline !important;
  text-underline-offset:3px;
}

/* szerokość dropdown + ostre rogi */
header .navbar-subnav,
header .dropdown-menu{
  border-radius:0 !important;
  min-width:320px !important;
  padding:12px 0 !important;
}
header .navbar-subnav .nav-link,
header .dropdown-menu .nav-link{
  white-space:nowrap !important;
  line-height:1.4;
  padding:8px 20px !important;
}
header .navbar-nav > .nav-item > .nav-link{ border-right:none !important; }

/* link TOP 10 – wyróżnienie */
header .navbar-nav > .nav-item > .nav-link[href*="top-10-1057"],
header .navbar-nav > .nav-item > .nav-link[title*="TOP"]{
  font-weight:700 !important;
  color:#ff8503 !important;
}

/* =========================
   MOBILE: header nie nachodzi + marginesy strony
   ========================= */
@media (max-width: 768px){

  :root{
    --af-header-offset: 140px; /* jeśli dalej nachodzi: 150–160px */
    --af-page-pad: 16px;
  }

  /* wypchnięcie treści pod belkę */
  body{
    padding-top: var(--af-header-offset) !important;
  }

  /* boczne marginesy (padding) na większości widoków */
  #content, .content, .page, .page-content, .main, main,
  .container-main, .cms-page, .listing, .product--detail, .search, #search{
    padding-left: var(--af-page-pad) !important;
    padding-right: var(--af-page-pad) !important;
    box-sizing: border-box;
  }

  /* full-width banery/slidery zostają na full */
  .cms-element-image,
  .cms-element-image-slider,
  .cms-block-image,
  .cms-block-image-slider,
  .slider,
  .hero,
  .banner{
    padding-left:0 !important;
    padding-right:0 !important;
    margin-left: calc(var(--af-page-pad) * -1) !important;
    margin-right: calc(var(--af-page-pad) * -1) !important;
  }

  /* oddech dla tytułów sekcji */
  h1, h2, .page-title, .listing-title{
    margin-top: 12px !important;
  }

  /* żeby kotwice nie chowały się pod belką */
  [id]{ scroll-margin-top: var(--af-header-offset); }
}

/* =========================
   AF-PAGE (tylko strony .af-page)
   ========================= */
.af-page{ font-family: inherit; color: inherit; overflow-x:hidden; }

.af-page .af-wrap{
  max-width:1200px;
  margin:0 auto;
  padding:0 16px;
}

/* sekcje */
.af-page .af-section{ padding:34px 0; }
.af-page .af-title{ margin:0 0 10px; font-size:26px; line-height:1.2; }
.af-page .af-sub{ margin:0 0 18px; max-width:860px; opacity:.85; line-height:1.6; }

/* HERO */
.af-page .af-hero-full{ width:100%; margin:0; padding:0; }
.af-page .af-hero{
  border-radius:0;
  overflow:hidden;
  position:relative;
  min-height:360px;
  display:flex;
  align-items:flex-end;
  width:100%;
}
.af-page .af-hero img{
  width:100% !important;
  height:100% !important;
  object-fit:cover;
  position:absolute;
  inset:0;
  display:block;
  max-width:none !important;
}
.af-page .af-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.55));
}
.af-page .af-hero__content{ position:relative; z-index:1; width:100%; padding:28px 0; }
.af-page .af-hero__inner{ max-width:1200px; margin:0 auto; padding:0 16px; }

.af-page .af-kicker{
  display:inline-block;
  padding:6px 10px;
  border-radius:0;
  background:rgba(255,255,255,.14);
  backdrop-filter:blur(6px);
  color:#fff;
  font-size:13px;
  letter-spacing:.2px;
}
.af-page .af-h1{ margin:12px 0 8px; color:#fff; font-size:34px; line-height:1.15; }
.af-page .af-lead{ margin:0; color:rgba(255,255,255,.92); max-width:720px; font-size:16px; line-height:1.5; }

/* siatki / karty */
.af-page .af-grid{ display:grid; gap:14px; }
.af-page .af-card{ border:1px solid rgba(0,0,0,.08); border-radius:0; padding:18px; background:#fff; }

/* USP */
.af-page .af-grid.usp{ grid-template-columns:repeat(3,1fr); gap:24px; margin-top:32px; }
.af-usp-link{ display:block; text-decoration:none; color:inherit; height:100%; cursor:pointer; }
.af-card.af-usp-card{
  background:#fff;
  border:1px solid #ececec;
  padding:28px 24px;
  height:100%;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.af-usp-link:hover .af-usp-card{
  transform:translateY(-3px);
  box-shadow:0 10px 24px rgba(0,0,0,.08);
  border-color:#dcdcdc;
}
.af-usp__top{ display:flex; align-items:center; gap:12px; margin-bottom:12px; }
.af-usp__icon{ width:14px; height:14px; flex-shrink:0; }
.af-usp__name{ margin:0; font-size:18px; line-height:1.3; font-weight:600; }
.af-usp__desc{ margin:0; font-size:14px; line-height:1.6; color:#555; }

/* Kafle kategorii – wyśrodkowanie podpisów (Twoje) */
.row.justify-content-start .col{ text-align:center; }
.row.justify-content-start .col h3{ margin-top:12px; text-align:center; }

/* odstępy w tej konkretnej sekcji (Twoje) */
.iai-section-b518b711-327c-49dd-a6df-803f52333dbe-html p{ margin-bottom:16px; }
.iai-section-b518b711-327c-49dd-a6df-803f52333dbe-html p:last-of-type{ margin-bottom:32px; }
.iai-section-b518b711-327c-49dd-a6df-803f52333dbe-html h2{ margin-bottom:24px; }

/* responsive AF */
@media (max-width:1100px){
  .af-page .af-grid.usp{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:640px){
  .af-page .af-h1{ font-size:28px; }
  .af-page .af-hero{ min-height:320px; }
  .af-page .af-grid.usp{ grid-template-columns:1fr; }
}
/* =========================================
   USUŃ STRZAŁKI (chevrony) w menu DESKTOP
   ========================================= */
header .navbar-nav > .nav-item > .nav-link::after,
header .navbar-nav > .nav-item > .nav-link::before,
header .navbar-subnav .nav-link::after,
header .navbar-subnav .nav-link::before,
header .dropdown-menu .nav-link::after,
header .dropdown-menu .nav-link::before{
  content: none !important;
  display: none !important;
}
/* =========================================
   MOBILE MENU – TOP 10 na pomarańczowo (po tekście)
   ========================================= */
@media (max-width: 768px){

  /* link TOP 10 w offcanvas/aside */
  aside a.nav-link,
  aside .nav-link,
  .offcanvas a,
  .mobile-menu a{
    color: inherit;
  }

  /* TOP 10 – gdy to jest zwykły link */
  aside a.nav-link[title*="TOP"],
  aside a.nav-link[href*="top"],
  aside a.nav-link[href*="top-10"],
  .offcanvas a[title*="TOP"],
  .offcanvas a[href*="top"],
  .offcanvas a[href*="top-10"],
  .mobile-menu a[title*="TOP"],
  .mobile-menu a[href*="top"],
  .mobile-menu a[href*="top-10"]{
    color:#ff8503 !important;
    font-weight:700 !important;
  }

  /* TOP 10 – gdy to jest nagłówek/label bez href (często w menu mobilnym) */
  aside .nav-header,
  aside .menu__header,
  aside .menu__title{
    color: inherit;
  }
  aside .nav-header:contains("TOP 10"),
  aside .menu__header:contains("TOP 10"),
  aside .menu__title:contains("TOP 10"){
    color:#ff8503 !important;
    font-weight:700 !important;
  }
}
/* =========================================
   MOBILE – mniejszy globalny offset (bo był za duży)
   ========================================= */
@media (max-width: 768px){
  :root{
    --af-header-offset: 110px; /* było 140px */
  }
  /* =========================================
   MOBILE – popraw: mniejsza "dziura" u góry + większe marginesy boczne
   Wklej NA SAM KONIEC CSS
   ========================================= */
@media (max-width: 768px){

  /* 1) Ustawienia (łatwo regulujesz) */
  :root{
    --af-header-offset: 64px;  /* było za duże – teraz ciaśniej */
    --af-page-pad: 22px;       /* większe marginesy boczne */
  }

  /* 2) Offset pod belkę */
  body{
    padding-top: var(--af-header-offset) !important;
  }

  /* 3) USUŃ ten drugi (motywowy) odstęp – najczęstsze wrappery */
  #content, .content, main, .main, .page, .page-content,
  .container-main, .cms-page, #search, .search, .product--detail, .listing{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* 4) BOCZNE marginesy (padding) dla treści */
  #content, .content, main, .main, .page, .page-content,
  .container-main, .cms-page, #search, .search, .product--detail, .listing, .cms-section{
    padding-left: var(--af-page-pad) !important;
    padding-right: var(--af-page-pad) !important;
    box-sizing: border-box;
  }

  /* 5) Banery / slidery zostają full width, ale nie "rozjeżdżają" paddingów */
  .cms-element-image,
  .cms-element-image-slider,
  .cms-block-image,
  .cms-block-image-slider,
  .slider,
  .hero,
  .banner{
    margin-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: calc(var(--af-page-pad) * -1) !important;
    margin-right: calc(var(--af-page-pad) * -1) !important;
  }

  /* 6) Pierwszy nagłówek/sekcja – bez dodatkowej górnej przerwy */
  .cms-page > :first-child,
  .page-content > :first-child,
  main > :first-child,
  #content > :first-child{
    margin-top: 0 !important;
  }
}

}