@charset "UTF-8";
/* DAILLO CZ + SK – vlastní CSS (dřív přímo v Záhlaví, přesunuto kvůli limitu 8 192 znaků)
   Soubor patří do /user/documents/upload/res/. V Záhlaví na něj odkazuje poslední řádek:
   <link rel="stylesheet" type="text/css" href="/user/documents/upload/res/Daillo_upravy_CZ_4.css"/>
   Při další úpravě souboru zvyšte číslo (_5, _6…) v názvu i v odkazu, ať prohlížeče nenačítají starou verzi. */

/* --- Obecné úpravy webu --- */
:root {
--accent: #aa8f5b;
}
.menu-level-1:not(#_) > li > a:hover {
    color: var(--accent);
}
.img_box {
    font-size: 0;
}
.p-detail-tabs-wrapper {
    margin-bottom: 0px;
}
    #carousel {
        margin-top: -1px;
    }
.p:not(#_) .p-in .ratings-wrapper {
    display: none;
}
@media (max-width: 767px) {
    .p:not(#_) .p-in .p-in-in .name {
        padding: 0 10px;
        line-height: 1.2;
        -webkit-line-clamp: 2;
        height: 34px;
    }
.p:not(#_) .p-in .p-bottom {
    padding: 0 10px;
}
.products-block .frag {
    margin: 0 auto 10px 10px;
}
.p:not(#_), .p:not(#_):hover {
    padding: 0;
}
    .menu-level-1:not(#_) > li:nth-child(-n + 3) > a {
        padding: 16px 24px;
    }
}
#product-detail-form:after {display:none;}
form .p-variants-block + .detail-parameters,
.p-data-wrapper form .detail-parameters tr:first-child {
    display: block;
}
.p-detail-inner:not(#_) .p-data-wrapper form .detail-parameters {
    padding-top: 0;
}
form .p-variants-block .variant-list {
    padding-bottom: 0;
}
form table.detail-parameters tbody tr th .row-header-label {
    font-weight: 500;
    font-size: 12px;
}
#productsTop + .button-wrapper {display:none;}
.ordering-process .btn:not(#_):not(.cart-count).next-step-back {
    background-color: transparent;
    color: #000;
}
.radio-wrapper:not(#_) label::after {
    left: 4px;
    width: 11px;
    height: 11px;
    top: calc(.75em + 5px);
}

#colorbox #cboxContent .extras-wrap {display:none;}
#colorbox #cboxContent .h1 {
    display: flex;
    justify-content: center;
}
#colorbox.roz-obj #cboxContent .h2 {
    text-align: center;
}
.welcome .h1 {text-align:center;}
.btn:not(#_):not(.cart-count):not(.increase):not(.decrease) {
    border-radius: 6px;
}
.desc_pece + .img_box:before {
    background-image: url(/user/documents/upload/res/imgs/desc_pece_desktop.png);
}
@media (max-width: 767px) {
    .desc_pece + .img_box:before {
        background-image: url(/user/documents/upload/res/imgs/desc_pece_mobile.png);
    }
}
.flag.flag-new {
    background-color: #000000 !important;
    color: #ffffff !important;
}
.products-block .p .image img,
.products-block .p .catslider img {
    border-radius: 6px;
}
@media (max-width: 767px) {
    #navigation:not(#_) {
        background: rgba(255, 255, 255, 0.8);
    }
    .menu-level-1:not(#_) > li > a {
        color: #000000;
    }
    .menu-level-1:not(#_) > li:first-child > a > b {
        color: #2c2c2c;
    }
    .menu-level-1:not(#_) > li:nth-child(3),
    .navigationActions:not(#_) {
        border-color: rgba(0, 0, 0, 0.2);
    }
    .navigationActions li a span {
        color: #000000;
    }
    .navigationActions li a span::before {
        filter: invert(1);
    }
}

/* --- Skrytí EAN --- */
.productEan { display: none !important; }

/* --- Úvodní stránka --- */
/* 1) Hero: velká fotka s textem */
#carousel:has(.hero-foto) { padding: 0; margin: 0 }
#carousel:has(.hero-foto)::after { display: none }
#carousel:has(.hero-foto) .carousel-inner { overflow: visible }
.hero-foto { position: relative; display: flex; align-items: center; height: clamp(520px,min(80vh,56vw),1100px); margin: 0 calc(50% - 50vw); overflow: hidden; background: #000 }
.hero-foto__obrazek,.hero-foto__obrazek img { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.hero-foto__obrazek img { max-width: none; margin: 0; object-fit: cover; object-position: 46% 50% }
.hero-foto::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: linear-gradient(90deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.6) 22%,rgba(0,0,0,.15) 34%,rgba(0,0,0,0) 42%); pointer-events: none }
.hero-foto__text { position: relative; z-index: 2; box-sizing: content-box; max-width: 26vw; padding: 0 0 0 6vw; color: #fff; text-align: left }
.hero-foto__text h1 { margin: 0 0 20px; color: #fff; font-family: "Clash Display",sans-serif; font-size: clamp(36px,3.8vw,64px); font-weight: 600; line-height: 1.12 }
#carousel .hero-foto__text h1 { text-align: left }
.hero-foto__text p { margin: 0 0 40px; color: #fff; font-size: 18px; line-height: 1.6 }
/* 2) Produkty hned pod fotkou */
.in-index main .home-product { margin: 80px 0 100px; padding: 100px 0; box-shadow: 0 0 0 100vmax #000; clip-path: inset(0 -100vmax) }
.in-index main .home-product>.container { width: auto; max-width: none; padding: 0 }
/* 3) Sekce o nás (tento řádek skrývá nadpis Vítejte…) */
.in-index .welcome>.h1 { display: none }
.pribeh { display: grid; grid-template-columns: minmax(0,5fr) minmax(0,6fr); align-items: center; gap: 80px; margin: 0 0 120px; padding: 100px 0; background: #f4f4f4; box-shadow: 0 0 0 100vmax #f4f4f4; clip-path: inset(0 -100vmax); text-align: left }
.pribeh__foto img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: 60% 70% }
.pribeh__text { max-width: 600px }
.pribeh__text h6,.pribeh__text h2,.pribeh__text p { text-align: left }
.pribeh__text h6 { margin: 0 0 12px }
.pribeh__text h2 { margin: 0 0 32px }
.pribeh__text p { max-width: none; margin: 0 0 20px }
.pribeh__text .btn { margin-top: 20px }
/* Tablet a mobil: text pod fotkou */
@media (max-width:991px) {
  .hero-foto { display: block; height: auto }
  .hero-foto::after { display: none }
  .hero-foto__obrazek { position: relative; display: block; height: auto; aspect-ratio: 16 / 10 }
  .hero-foto__obrazek::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 45%; background: linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 100%) }
  .hero-foto__text { box-sizing: border-box; max-width: none; margin-top: -64px; padding: 0 48px 56px }
  .hero-foto__text h1 { font-size: 48px }
  .pribeh { grid-template-columns: 1fr; gap: 40px; padding: 60px 0; margin-bottom: 80px }
  .pribeh__foto img { aspect-ratio: 4 / 3 }
  .pribeh__text { max-width: none }
}
/* Mobil */
@media (max-width:767px) {
  .hero-foto__obrazek { aspect-ratio: 1 / 1 }
  .hero-foto__text { margin-top: -40px; padding: 0 20px 40px }
  .hero-foto__text h1 { font-size: 40px }
  .hero-foto__text p { margin-bottom: 24px; font-size: 16px }
  .in-index main .home-product { margin: 48px 0 64px; padding: 64px 0 }
}

/* Produkty na šedém pozadí */
.in-index main .home-product { background: #f4f4f4; box-shadow: 0 0 0 100vmax #f4f4f4 }
.in-index .home-product .homepage-group-title { color: #000 }
.in-index .home-product .homepage-group-title::before { color: #808080 }

/* Košík – pole pro slevový kupón se nevešlo vedle tlačítka */
@media (min-width: 768px) {
    #cart-wrapper .discount-coupon form {
        width: 100%;
        max-width: 560px;
        gap: 12px;
    }
    #cart-wrapper .discount-coupon form #discountCouponCode {
        flex: 1 1 auto;
        min-width: 0;
        max-width: none;
    }
    #cart-wrapper .discount-coupon form .btn {
        flex: 0 0 auto;
    }
}

/* --- Video na začátku popisu produktu (blok .video-ctverec, spouští ho Daillo_upravy_CZ_3.js) ---
   Mobil: čtverec přes celou šířku displeje. Tablet a počítač: pruh přes celou šířku, výřez ze středu videa. */
.video-ctverec { margin: 0 calc(50% - 50vw); }
.video-ctverec video { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; background: #f4f4f4; }
@media (min-width: 768px) { .video-ctverec video { aspect-ratio: auto; height: clamp(320px, 33vw, 560px); } }
@media (min-width: 992px) { .video-ctverec { margin-bottom: 100px; } }

/* --- Video na úvodní stránce hned pod benefity (blok .video-ctverec.video-uvod v Úvodním textu,
   mezi benefity a produkty ho přesune Daillo_upravy_CZ_3.js; do té doby je skrytý) --- */
.welcome .video-uvod { display: none }
.in-index #content > .video-uvod { margin-top: 48px; margin-bottom: 0 }
.in-index #content > .video-uvod + .home-product { margin-top: 48px }

/* --- Úvodní stránka: 3 kategorie pod produkty (blok .kategorie na začátku Úvodního textu, za blokem s videem).
   Počítač a tablet: 3 čtverce vedle sebe, mobil: pod sebou. Obrázky: Images/kategorie-*.jpg (1000 × 1000 px). --- */
.kategorie { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 0 0 100px; }
.kategorie .kategorie__polozka { display: block; color: #000; text-decoration: none; }
.kategorie__obrazek { display: block; overflow: hidden; border-radius: 6px; background: #f4f4f4; }
.kategorie__obrazek img { display: block; width: 100%; max-width: none; height: auto; margin: 0; aspect-ratio: 1 / 1; object-fit: cover; transition: transform .5s ease; }
.kategorie__nazev { display: block; margin-top: 18px; font-family: "Clash Display", sans-serif; font-size: 24px; font-weight: 600; line-height: 1.2; transition: color .2s ease; }
.kategorie__nazev::after { content: "→"; display: inline-block; margin-left: 10px; font-family: Inter, sans-serif; font-weight: 400; transition: transform .2s ease; }
.kategorie .kategorie__polozka:hover { color: #000; text-decoration: none; }
.kategorie__polozka:hover .kategorie__obrazek img { transform: scale(1.04); }
.kategorie__polozka:hover .kategorie__nazev { color: var(--accent); }
.kategorie__polozka:hover .kategorie__nazev::after { transform: translateX(4px); }
.in-index .welcome-wrapper:has(.kategorie) { margin-top: 100px; }
@media (max-width: 991px) {
  .kategorie__nazev { margin-top: 14px; font-size: 18px; }
}
@media (max-width: 767px) {
  .kategorie { grid-template-columns: 1fr; gap: 32px; margin-bottom: 64px; }
  .kategorie__nazev { font-size: 20px; }
  .in-index .welcome-wrapper:has(.kategorie) { margin-top: 64px; }
}