.flag.flag-freeshipping {
    background-color: #035218 !important;
}
.flag.flag-new {
    color: #000;
}
.flag-zaruka-5-let {
  background: url('/user/documents/upload/record_power_design/5year.svg') no-repeat left center !important;
  background-size: contain !important;
  background-color: transparent !important;
  display: block !important;
  width: 50px;
  height: 50px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 auto 0 0 !important;
}
#dd\[\]1287,
label[for="dd\[\]1287"] {
  display: none !important;
}
/* Přepne layout na sloupec – musí být na <a> */
.benefitBanner__item > .benefitBanner__link {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 0px;
}

/* Zruší 50% šířky / flex-basis, které dává šablona */
.benefitBanner__item .benefitBanner__picture,
.benefitBanner__item .benefitBanner__content {
  flex: 0 0 auto !important;
  width: 100% !important;
}
.benefitBanner__picture {
    max-width: 70px;
    height: 70px;
}
/* === Hover efekt pro horní banner === */
/* Jen dva top bannery vedle karuselu */
.next-to-carousel-banners [data-testid="bannerTop"] img {
  transition: transform 0.6s ease-in-out;
}

.next-to-carousel-banners [data-testid="bannerTop"]:hover img {
  transform: scale(1.05);
}

/* ZÁKLAD: vnitřek karty je ten, co se zvedá a zoomuje */
.products-block .product .p{
  transition: transform .25s ease, box-shadow .25s ease;
  will-change: transform;
}

.products-block .product:hover .p{
  transform: scale(1.02) translateY(-2px);
  z-index: 2;
}

.products-block .product .image img{
  transform: scale(1);
  transition: transform .45s ease;
  will-change: transform;
}

.products-block .product:hover .image img{
  transform: scale(1.05);
}
/* Body bannery: vždy pod sebou a přes celou šířku */
.row.banners-content.body-banners{
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.row.banners-content.body-banners > .col-sm-4,
.row.banners-content.body-banners > .col-sm-8{
  flex: 0 0 100% !important;   /* full width */
  max-width: 100% !important;  /* full width */
  width: 100% !important;
  padding-left: 0 !important;  /* bez vnitřních okrajů sloupců */
  padding-right: 0 !important;
  margin-bottom: 16px;         /* mezera mezi bannery (volitelné) */
}

/* Banner uvnitř: roztáhni na 100 % */
.row.banners-content.body-banners .banner-wrapper{
  width: 100% !important;
}

.row.banners-content.body-banners .banner-wrapper img{
  display: block;
  width: 100%;
  height: auto;
}
.welcome-wrapper {
  display: block !important;
}
.welcome-wrapper .welcome {
    padding: 0px;
box-shadow: none;
background-color: transparent;
}



#footer {
    background-image: url(/user/documents/upload/record_power_design/paticka_desktop.png)!important;
    background-position: center bottom;
    background-repeat: no-repeat;
}
/* === Mobilní verze – jisté přepnutí pozadí === */
@media (max-width: 820px) {
  #footer {
    background-image: url("/user/documents/upload/record_power_design/paticka_mobil4.jpg") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: initial !important;

    background-color: rgba(0,0,0,0.65) !important;
    background-blend-mode: multiply !important;

    position: relative !important;
    overflow: hidden !important;
  }

  #footer .custom-footer,
  #footer .container.footer-rows,
  #footer .container.footer-bottom {
    background: transparent !important;
  }
}
  @media (min-width: 768px) {
    .custom-footer__banner9.col-sm-6.col-lg-3 {
      width: 20% !important;
      flex: 0 0 20% !important;
      max-width: 20% !important;
    }
  }
    @media (min-width: 768px) {
    .footer-rows .custom-footer {
    padding-top: 64px;
    padding-bottom: 10px;
}
  }
  @media screen and (max-width: 1024px) {
    .custom-footer > div {
        max-height: 1300px!important;
    }
}
@media screen and (max-width: 991px) {
    .footer-rows .custom-footer {
        padding-top: 54px !important;
    }
    .custom-footer > div {
        border-top: 0px;
    }
        .footer-rows h4::after {
display:none;
    }
}
.btn {
    border-radius: 0px!important;
}
.quantity {
    border-radius: 0px;
}
.p-final-price-wrapper .price-final-holder {
    font-size: 24px;
}
.content .category-top {
        padding-top: 5px !important;
    }

/* 1) Full-width pozadí za navigací */
@media (min-width: 768px) {
  .submenu-arrow {
    display: none;
}
    .navigation-in {
        background-color: #2D3F50;
    }
#navigation .navigation-in ul li>a>b {
    color: #ffffff !important;
}
  .navigation-in > ul > li > a {
    position: relative;
  }

  .navigation-in > ul > li > a::after {
    content: "";
    position: absolute;
    top: 10px;            /* mezera shora */
    bottom: 10px;         /* mezera zdola */
    right: 0;             /* umístění čáry */
    width: 1px;           /* tloušťka čáry */
    background-color: #fff;
    pointer-events: none; /* zabrání, aby čára chytala hover/klik */
  }

  /* zruší původní border */
  .navigation-in > ul > li > a {
    border-right: none !important;
  }
  .header-bottom {
    position: relative;
  }
  .header-bottom::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #2D3F50;
    z-index: 0;
  }
  .top-navigation-bar a {
    color: #ffffff;
}
.top-navigation-bar {
    background-color: #2D3F50;
}
/* --- Bílá barva, když dropdown není aktivní --- */
#topNavigationDropdown {
  color: #fff !important;
  display: flex;
  align-items: center;
  gap: 5px;
}

#topNavigationDropdown::before {
  color: #fff;
}

/* Bílá šipka */
#topNavigationDropdown .caret {
  border-top-color: #fff !important;
}

/* --- Černá barva při otevření dropdownu --- */
#topNavigationDropdown[aria-expanded="true"],
#topNavigationDropdown[aria-expanded="true"]::before,
#topNavigationDropdown[aria-expanded="true"] .caret {
  color: #000 !important;
  border-top-color: #000 !important;
}
}
@media (max-width: 767px) {
  /* Pozadí jen pro ty dvě položky */
  #header #navigation .navigation-in ul li.menu-item-3600.ext,
  #header #navigation .navigation-in ul li.menu-item-3798.ext {
    background-color: #2D3F50 !important;
  }

  /* Bílý text odkazu i <b> – pouze u těch dvou položek */
  #header #navigation .navigation-in ul li.menu-item-3600.ext > a,
  #header #navigation .navigation-in ul li.menu-item-3798.ext > a,
  #header #navigation .navigation-in ul li.menu-item-3600.ext > a > b,
  #header #navigation .navigation-in ul li.menu-item-3798.ext > a > b {
    color: #ffffff !important;
    border-bottom-color: transparent !important; /* kdyby šablona tahala spodní linku */
  }

  /* Bílá šipka submenu jen u těch dvou položek */
  #header #navigation .navigation-in ul li.menu-item-3600.ext .submenu-arrow::after,
  #header #navigation .navigation-in ul li.menu-item-3798.ext .submenu-arrow::after {
    color: #ffffff !important;
  }
}

/*=== PATICKA ===*/
  .info-pat h4,
  .info-pat a {
    color: #fff !important;
  }

  .info-pat a {
    text-decoration: none !important;
  }

  .info-pat a:hover,
  .info-pat a:focus {
    text-decoration: none !important;
    color: #fff !important;
  }

  /* menší rozestupy mezi položkami */
  .info-pat ul {
    list-style: none;
    margin: 0 0 18px 0; /* větší mezera mezi sekcemi */
    padding: 0;
  }

  .info-pat li {
    margin-bottom: 3px; /* menší mezera mezi odkazy */
    line-height: 1.3;
  }

  .info-pat h4 {
    margin-bottom: 14px;
  }
   /* jen barva nadpisu */
  .contact-banner h4 { color: #fff !important; }

  /* odkazy bílé, bez podtržení */
  .contact-banner a {
    color: #fff !important;
    text-decoration: none !important;
  }
  .contact-banner a:hover,
  .contact-banner a:focus {
    text-decoration: none !important;
    color: #fff !important;
  }

  /* layout: vedle sebe */
  .contact-banner__wrapper {
    display: flex;
    gap: 28px;
    flex-wrap: wrap;
    align-items: flex-start;
  }

  /* menší fotky + bez rámečku/stínu */
  .contact-banner__item img {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    object-fit: cover;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    display: block;
    margin: 0 auto 8px;
  }

  /* text pod sebou */
  .contact-banner__info strong,
  .contact-banner__info span {
    display: block;
    color: #fff !important;
  }
   .footer-store {
    text-align: left;
    color: #fff;
  }

  .footer-store__inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-store__logo {
    width: 200px; /* větší logo */
    height: auto;
    margin-bottom: 20px; /* větší mezera pod logem */
  }

  .footer-store__image {
    width: 300px;
    max-width: 100%;
    height: auto;
    border-radius: 0; /* bez zaoblení rohů */
    margin-bottom: 16px;
    display: block;
  }

  .footer-store__text {
    font-size: 1.6rem;
    line-height: 1.6;
  }

  .footer-store__text strong {
    display: block;
    font-weight: 700;
    margin-bottom: 6px;
    font-size: 1.7rem;
  }

  @media (max-width: 600px) {
    .footer-store__logo {
      width: 160px;
    }
    .footer-store__image {
      width: 100%;
    }
  }

  <!-- ==============================
     CAT SLIDER – Hobbypro (komplet)
     ============================== -->

  .cat-slider{
    position:relative;
    background:transparent;
    max-width:100vw;
    margin:0 auto;
    overflow:hidden;
  }

  .cat-slider__head{
    margin:20px 0 0;
    font-size:clamp(22px,3.2vw,32px);
    font-weight:700;
    text-align:center;
  }

  /* Dráha */
  .cat-slider__track{
    display:flex;
    gap:20px;
    padding:24px;
    overflow-x:auto;
    scroll-behavior:smooth;
    -ms-overflow-style:none;
    scrollbar-width:none;
    box-sizing:border-box;
  }
  .cat-slider__track::-webkit-scrollbar{ display:none; }

  /* Dlaždice */
  .cat-slider__tile{
    position:relative;
    flex:0 0 auto;
    width:360px;
    height:520px;
    border-radius:0;        /* hranaté */
    overflow:hidden;
    text-decoration:none;
    color:#fff;
    transform:translateZ(0);
    transition:transform .28s ease;
    will-change:transform;
  }
  .cat-slider__tile:hover{ transform:scale(1.03); }

  /* Obrázek */
  .cat-slider__img{
    width:100%; height:100%;
    object-fit:cover; display:block; border-radius:0;
  }

  /* Spodní gradient pro čitelnost textů */
  .cat-slider__shade{
    position:absolute; inset:auto 0 0 0; height:56%;
    background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.45) 55%, rgba(0,0,0,.72) 100%);
    pointer-events:none;
  }

  /* Spodní lišta – text vlevo, CTA vpravo */
  .cat-slider__content{
    position:absolute; left:0; right:0; bottom:0;
    padding:18px;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:16px;
    pointer-events:none; /* celá dlaždice je odkaz */
  }

  .cat-slider__textwrap{ min-width:0; }

  .cat-slider__title{
    margin:0 0 6px;
    font-weight:800; line-height:1.1; font-size:22px; color:#fff;
  }
  .cat-slider__text{
    margin:0;
    font-size:14px; line-height:1.45; color:#fff; font-weight:400;
  }

  /* CTA vpravo dole */
  .cat-slider__cta{
    flex:0 0 auto;
    align-self:flex-end;
    display:inline-flex; align-items:center; justify-content:center;
    min-height:34px; padding:6px 14px;
    background:#E94C3D; color:#fff; font-weight:700; font-size:13px; line-height:1;
    letter-spacing:.03em; border-radius:0; box-shadow:none;
    transform:translateZ(0);
    transition:transform .18s ease, background-color .18s ease;
    pointer-events:none;
  }
  .cat-slider__tile:hover .cat-slider__cta{ transform:scale(1.06); background:#F06A5D; }

  /* Šipky */
  .cat-slider__arrow{
    position:absolute; top:50%; transform:translateY(-50%);
    border:none; color:#e0e0e0 !important;
    background:rgba(0,0,0,.35) !important;
    transition:background .3s ease, color .3s ease;
    width:42px; height:42px; cursor:pointer; z-index:5; padding:0;
  }
  .cat-slider__arrow:hover{ background:rgba(0,0,0,.55) !important; color:#fff !important; }
  .cat-slider__arrow svg{ width:100%; height:100%; display:block; }
  .cat-slider__prev{ left:8px; }
  .cat-slider__next{ right:8px; }

  /* Responsivita */
  @media (max-width:1024px){
    .cat-slider__tile{ width:320px; height:460px; }
  }
  @media (max-width:768px){
    .cat-slider__track{ padding:12px 16px 20px; gap:14px; }
    .cat-slider__tile{ width:82vw; height:64vh; max-height:520px; }
    .cat-slider__content{ padding:14px; gap:12px; }
    .cat-slider__title{ font-size:20px; }
    .cat-slider__text{ font-size:13px; }
    .cat-slider__cta{ right:14px; bottom:14px; min-height:32px; padding:6px 12px; }
  }

  /* Odstranění pozadí/stínu okolních shoptet boxů (bezpečně jen pro tuto sekci) */
  .banners-content.body-banners .cat-slider,
  .banners-content.body-banners .cat-slider__track,
  .banners-content.body-banners .banner-wrapper{
    background:transparent !important; box-shadow:none !important; border:none !important;
  }


  /* ===== HP kategorie grid ===== */
.hp-cat-title{
  text-align:center;
  font-size:32px;
  margin:0 0 8px;
}

/* 3 sloupce desktop, 2 sloupce mobil */
.hp-cat-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:12px;
  padding:20px 0;
}

@media (max-width:768px){
  .hp-cat-grid{ grid-template-columns:repeat(2, 1fr); }
}

/* dlaždice */
.hp-cat-item{
  position:relative;
  overflow:hidden;
  border-radius:0;                       /* hranaté rohy */
  transition:transform .48s ease, box-shadow .48s ease, filter .48s ease;
  will-change:transform;
  background:#fff;
}

/* klikací plocha */
.hp-cat-item a{ display:block; line-height:0; }

/* obrázek */
.hp-cat-img{
  width:100%;
  height:auto;
  display:block;
  transition:transform .7s ease, filter .48s ease;
  transform:scale(1);
}

/* hover efekt – jemný zoom + decentní stín */
.hp-cat-item:hover,
.hp-cat-item:focus-within{
  transform:scale(1.01);
  box-shadow:0 10px 28px var(--accent-shadow, rgba(0,0,0,.14));
}
.hp-cat-item:hover .hp-cat-img,
.hp-cat-item:focus-within .hp-cat-img{
  transform:scale(1.03);
  filter:brightness(1.03) saturate(1.02);
}

/* omezení animací, pokud je uživatel nechce */
@media (prefers-reduced-motion:reduce){
  .hp-cat-item,
  .hp-cat-img{ transition:none; }
  .hp-cat-item:hover,
  .hp-cat-item:focus-within{ transform:none; }
}


/* === Record Power – VIDEO BANNER === */
.rp-video {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 1060 / 478;
  overflow: hidden;
  border-radius: 0;
  text-decoration: none;
  color: #000;
  font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* video pozadí */
.rp-video__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 0;
}

/* odstraněn stín */
.rp-video__shade {
  display: none !important;
}

/* CTA tlačítko */
.rp-video__cta {
  position: absolute;
  right: clamp(16px, 3vw, 30px);
  bottom: clamp(16px, 3vw, 30px);
  z-index: 3;
  display: inline-block;
  background: #FFDB60;
  color: #000;
  padding: 16px 28px; /* větší na desktopu */
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  border-radius: 0;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
  transform-origin: bottom right;
  transition: transform 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
  pointer-events: none; /* aby klik kamkoli vedl na <a> */
}

.rp-video:hover .rp-video__cta {
  transform: scale(1.06);
  background: #ffe885; /* světlejší při hoveru */
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22);
}

.rp-video:active .rp-video__cta {
  transform: scale(1.03);
}

/* menší tlačítko na mobilech */
@media (max-width: 768px) {
  .rp-video__cta {
    padding: 10px 18px;
    font-size: 15px;
    right: 12px;
    bottom: 12px;
  }
}

/* přístupnost */
@media (prefers-reduced-motion: reduce) {
  .rp-video__cta {
    transition: none;
  }
}


/* ===== O NAS ===== */
  .onas-wrap { margin: 0 auto; }
  .onas-heading {
    margin: 0 0 12px;
    text-align: center;
    font-weight: 800;
  }

  /* ===== Sekce 1: dvě značky vedle sebe ===== */
  .onas-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0; /* bez mezer */
  }
  @media (min-width: 992px){
    .onas-row { grid-template-columns: 1fr 1fr; }
  }

  /* wrapper drží poměr 1400x913; uvnitř <img> vyplní beze švů */
  .onas-item {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .onas-item::before {
    content: "";
    display: block;
    padding-top: calc(913 / 1400 * 100%); /* 65.21% */
  }
  .onas-item > a, .onas-item > a > img {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    display: block;
  }
  .onas-item > a { overflow: hidden; }
  .onas-item img {
    object-fit: cover; /* protože kontejner má stejný poměr, nic se neřeže */
    transform: scale(1);
    transition: transform .25s ease;
    border: 0;
  }
  .onas-item a:hover img { transform: scale(1.03); }

  /* ===== Mezera mezi sekcemi ===== */
  .onas-gap { height: 20px; }

 /* Sekce 2: podklad + dva menší obrázky jako odkazy */
  .onas-bg {
    background: center / cover no-repeat url(/user/documents/upload/record_power_design/hp_o_nas_background_PC.jpg);
    padding: 20px 0; /* mezera nahoře/dole kolem „karet“ */
  }
  @media (max-width: 991px){
    .onas-bg {
      background-image: url(/user/documents/upload/record_power_design/hp_o_nas_background_mobil.jpg);
    }
  }

  /* Dvě poloviny; obsah uprostřed každé poloviny */
  .onas-bg-row {
    display: grid;
    grid-template-columns: 1fr;     /* mobil pod sebou */
    gap: 20px;
    justify-items: center;          /* střed v rámci sloupce */
    align-items: start;
  }
  @media (min-width: 992px){
    .onas-bg-row {
      grid-template-columns: 1fr 1fr; /* desktop vedle sebe */
    }
  }

  /* Menší „karty“ – obrázky vycentrované, bez stínů, jemný hover */
  .onas-card {
    position: relative;
    overflow: hidden;
    width: 80%;
    max-width: 520px;
  }
  .onas-card a { display: block; }
  .onas-card img {
    width: 100%;
    height: auto;
    display: block;
    transform: scale(1);
    transition: transform .25s ease;
    border: 0;
  }
  .onas-card a:hover img { transform: scale(1.03); }

  @media (max-width: 991px){
    .onas-card { width: 90%; max-width: none; }
  }