@charset "UTF-8";
/* === PRESUNUTO Z HLAVICKY SABLONY (Claude, 2026-08-27) — puvodne inline <style> v HTML kodech === */
/* --- blok 1 (video-container, brand-intro, menu-helper ad.) --- */
.video-container{position: relative;width: 100%;height: 100%;overflow: hidden;border-radius: 0;}.preview-video{width: 100%;height: 100%;object-fit: cover;display: block;}@media (max-width: 1200px){.play-icon{position: absolute;top: auto;left: 50%;bottom: 0;transform: translate(-50%, -50%);width: 60px;height: 60px;background: rgba(255, 255, 255, 0.8);border-radius: 50%;cursor: pointer;}.play-icon::before{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-40%, -50%);border-style: solid;border-width: 12px 0 12px 20px;border-color: transparent transparent transparent #000;}}@media (min-width: 1201px){.play-icon{position: absolute;top: auto;left: 50%;bottom: 25px;transform: translate(-50%, -50%);width: 30px;height: 30px;background: rgba(255, 255, 255, 0.8);border-radius: 50%;}.play-icon::before{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-40%, -50%);border-style: solid;border-width: 6px 0 6px 10px;border-color: transparent transparent transparent #000;}}.video-popup{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);display: none;justify-content: center;align-items: center;z-index: 9999;}.video-popup.active{display: flex;}.video-popup-content{max-width: 100%;min-width: 991px;max-height: 100%;min-height: 650px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #000;border-radius: 5px;padding: 10px;}.full-video{width: 100%;height: auto;display: block;}.video-popup-close{position: absolute;top: -10px;right: -10px;font-size: 30px;color: #fff;cursor: pointer;background: rgba(0, 0, 0, 0.7);padding: 5px 10px;border-radius: 50%;line-height: 1;}.custom-footer__banner38 img{width: auto;max-height: 20px;}.in-10-steps-to-beauty video::-webkit-media-controls{display: none !important;}.in-10-steps-to-beauty video::-webkit-media-controls-enclosure{display: none !important;}.in-10-steps-to-beauty video::-webkit-media-controls-panel{display: none !important;}.type-detail .acc-item.open .acc-panel{max-height: 100%;}.type-detail #ratingTab p[data-testid="textCommentNotice"], .type-detail #ratingTab .votes-wrap.admin-response, .type-detail #ratingTab .listingControls{display: none;}.rate-wrapper, :where(.ums_discussion_rating_forms--off) .add-comment, :where(.ums_discussion_rating_forms--off) .discussion, :where(.ums_discussion_rating_forms--off) .discussion-form, :where(.ums_discussion_rating_forms--off) .votes-wrap{margin-left: auto;margin-right: auto;max-width: 1440px;}._2cZS8Kk3BCRlfb5pJQp4oY._3Q-SVWiyMEt7YOG4q6QRK2._2orTjyKJtGqGbPCkaatDEd.LEAD_GENERATION{z-index: 1 !important;}.brand-intro__text{position: relative;}.brand-intro__excerpt{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}.brand-intro__more{display: none;margin-top: 12px;}.brand-intro__text.is-expanded .brand-intro__excerpt{display: block;-webkit-line-clamp: unset;overflow: visible;}.brand-intro__text.is-expanded .brand-intro__more{display: block;}.brand-intro__toggle{margin-top: 16px;padding: 0;border: 0;background: none;cursor: pointer;font: inherit;font-weight: 600;text-decoration: underline;}#dklab_instagram_widget_heading > span.logo.psaci{margin-top: 5rem;}@media (max-width: 768px){.id-1 #products-1 .product, .id-1 #products-2 .product{width: 90% !important;}.product .p .flags.flags-default .flag, .product .p .flags.flags-default .flag.flag-new{font-size: 10px !important;border-top-left-radius: 0;border-bottom-left-radius: 0;}}/*HP menu*/@media (min-width:768px){.id-1 header#header{position:relative;padding:0}.id-1 header#header nav{top:0;max-width:none}.id-1 #nav-external-menu,.id-1 .content-wrapper .nav-links{display:none}.id-1 header#header nav .menu ul{width:auto;max-width:none;padding:0}.id-1 header#header nav.fitted .menu ul{justify-content:center}.id-1 header#header nav .menu ul>li:not(.menu-item-external-1):not(.appended-category){display:block}.id-1 .navigation-in ul li a b{font-size:16px!important;color:#332c2c}.id-1 .navigation-in ul li a b:hover{color:#b8ab9d}.id-1 header#header .site-name a img{max-height:60px}.id-1 #header img,.id-1 #header .cart-count:before{filter:none!important}.id-1 .languagesMenu__box.first{background-image:url(/user/documents/upload/temp/i/3/euro.svg)}.id-1 .languagesMenu__box.second{background-image:url(/user/documents/upload/temp/i/3/globe.svg)}.id-1 #dkLabFavHeaderWrapper{background-image:url(/user/documents/upload/temp/i/3/heart.svg)}.id-1 .menu-helper.visible{display:flex;visibility:hidden}.id-1 #navigation:has(li.splitted)+.menu-helper{visibility:visible}}

/* --- blok 2 (ritual carousel, vy-yage ad.) --- */
.id-1 .ritual__carousel.ritual--grid{max-width:1400px!important}.id-1 .ritual__carousel.ritual--grid .ritual__track li{flex:1 1 10%;min-width:0;list-style:none}.id-1 .ritual__carousel.ritual--grid .ritual__nav{display:none!important}.id-1 .vy-yage{display:none!important}

/* Slouceny soubor: yage-quantity-fix.css + oprava mobilni hlavicky v3 (2026-08-11) + toast notifikace v4 (2026-08-27) + kosik v5 (2026-08-27) + kosik bannery v6 (2026-08-27) */

/* Detail produktu - mnozstvi + tlacitko do kosiku (responzivni fix) */
.type-detail .content-wrapper-in main .add-to-cart{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;}
.type-detail .content-wrapper-in main .add-to-cart .quantity{display:flex;align-items:center;flex:0 0 auto;width:130px;min-width:0;margin:0;padding:0;box-sizing:border-box;overflow:hidden;}
.type-detail .content-wrapper-in main .add-to-cart .quantity label{display:block;order:2;flex:1 1 auto;min-width:0;margin:0;}
.type-detail .content-wrapper-in main .add-to-cart .quantity input.amount{width:100%;min-width:0;height:44px;padding:0 2px;text-align:center;box-sizing:border-box;}
.type-detail .content-wrapper-in main .add-to-cart .quantity .decrease,
.type-detail .content-wrapper-in main .add-to-cart .quantity .increase{position:static;flex:0 0 34px;width:34px;height:44px;}
.type-detail .content-wrapper-in main .add-to-cart .quantity .decrease{order:1;}
.type-detail .content-wrapper-in main .add-to-cart .quantity .increase{order:3;}
.type-detail .content-wrapper-in main .add-to-cart-button{flex:1 1 auto;width:auto;min-width:0;max-width:303px;}
@media (max-width:767px){
.type-detail .p-info-wrapper .add-to-cart{gap:1rem;}
.type-detail .content-wrapper-in main .add-to-cart .quantity{width:120px;}
.type-detail .content-wrapper-in main .add-to-cart-button{max-width:none;}
}


/* === OPRAVA MOBILNI HLAVICKY (Claude, 2026-08-11, v3) ===
   v3: sjednocena lista i pro kosik/checkout (ordering-process),
   viditelne pocitadlo produktu na ikone kosiku (bez filtru),
   login ikona v liste na vsech strankach */
@media (max-width: 768px) {
  .top-navigation-bar { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; height: 60px !important; z-index: 56 !important; margin: 0 !important; background: #fff !important; box-shadow: 0 1px 5px rgba(0, 0, 0, .08); }
  body { padding-top: 60px !important; }
  header#header { z-index: 60 !important; }

  header#header .site-name { display: block !important; position: fixed !important; top: 30px !important; left: 50% !important; transform: translate(-50%, -50%) !important; z-index: 57 !important; }
  header#header .site-name a img { filter: none !important; max-height: 30px !important; }

  .responsive-tools > a[data-target="navigation"],
  body.ordering-process .top-navigation-bar .top-navigation-tools .responsive-tools > a.toggle-window[data-target="navigation"] {
    position: fixed !important; left: 10px !important; top: 10px !important; right: auto !important;
    width: 40px !important; height: 40px !important;
    background-image: none !important; filter: none !important; z-index: 58 !important;
  }
  .responsive-tools > a[data-target="navigation"]::before,
  body.ordering-process .top-navigation-bar .top-navigation-tools .responsive-tools > a.toggle-window[data-target="navigation"]::before {
    content: "" !important; display: block !important; position: absolute !important;
    left: 4px !important; top: 19px !important; width: 32px !important; height: 2px !important;
    background: #1f1f1f !important; box-shadow: 0 -8px 0 #1f1f1f, 0 8px 0 #1f1f1f !important;
  }
  .responsive-tools > a[data-target="navigation"]::after,
  body.ordering-process .top-navigation-bar .top-navigation-tools .responsive-tools > a.toggle-window[data-target="navigation"]::after { display: none !important; }

  body:not(.x) .navigation-buttons a.cart-count[data-target="cart"] {
    filter: none !important; position: fixed !important;
    top: 18px !important; right: 16px !important; left: auto !important; z-index: 58 !important;
  }

  .header-top .icons { position: fixed !important; top: 18px !important; right: 48px !important; left: auto !important; display: flex !important; gap: 14px !important; margin: 0 !important; z-index: 58 !important; width: auto !important; }
  body.ordering-process .header-top .icons { right: 16px !important; }
  .header-top .icons a, .header-top .icons img { position: static !important; filter: none !important; }

  #dkLabFavHeaderWrapper { position: fixed !important; top: 18px !important; right: 80px !important; left: auto !important; z-index: 58 !important; margin: 0 !important; }

  .homepage-box .nav-links .close,
  .homepage-box .nav-links .menu-level-2,
  .content-wrapper .nav-links .close,
  .content-wrapper .nav-links .menu-level-2 { display: none !important; }

  .container > .row.banners-row { margin-left: 0 !important; margin-right: 0 !important; }
  body { overflow-x: hidden !important; }
}


/* === NOTIFIKACE "VLOZENO DO KOSIKU" JAKO MALY TOAST (Claude, 2026-08-27, v4) === */
.messages { top: 80px !important; right: 16px !important; left: auto !important; width: auto !important; max-width: 340px !important; }
.messages .msg { padding: 12px 18px !important; font-size: 14px !important; border-radius: 8px !important; box-shadow: 0 4px 16px rgba(0,0,0,.2) !important; width: auto !important; }
.messages .msg .container { width: auto !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; }
/* uspesne zpravy zmizi po ~2 s; chybove nechavame dele, aby sly precist */
.messages .msg.msg-success { animation: yageMsgOut .35s ease 2s forwards !important; }
@keyframes yageMsgOut { to { opacity: 0; transform: translateY(-8px); visibility: hidden; pointer-events: none; } }
@media (max-width: 768px) {
  .messages { top: 66px !important; left: 10px !important; right: 10px !important; max-width: none !important; }
}


/* === KOSIK: souvisejici produkty jako podmnozina + upsell 2x2 (Claude, 2026-08-27, v5) === */
/* 1) souvisejici produkty: stejna velikost pisma jako v kosiku, odsazeni a linka -> jasna podrizenost */
.cart-related-product { margin-left: 44px !important; border-left: 2px solid #e6e2dc !important; padding-left: 16px !important; }
.cart-related-name { font-size: 14px !important; line-height: 19.4px !important; }
.cart-related-img, .cart-related-img img { width: 60px !important; height: 60px !important; }

/* 2) doplnky (charita + darkove baleni) do mrizky 2x2 -> nizsi sekce */
.fvDoplnek-upsell { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px 24px !important; align-items: start !important; }
.fvDoplnek-upsell > h4 { grid-column: 1 / -1 !important; margin-bottom: 4px !important; }
.fvDoplnek-upsell > .fvDoplnek-produkt { height: auto !important; min-height: 60px !important; }

@media (max-width: 991px) {
  .fvDoplnek-upsell { grid-template-columns: 1fr !important; }
  .cart-related-product { margin-left: 16px !important; padding-left: 10px !important; }
}



/* ===================== KOSIK A OBJEDNAVKA v10 (Claude, 2026-08-27) ===================== */

/* --- 1) DARKY A SLEVY: hranate, v brandove bezove --- */
.cart-summary{background:#fff!important;border:1px solid #b8ab9d!important;border-radius:0!important;padding:0!important;margin:26px 0!important;overflow:visible!important}
.cart-summary::before{display:none!important}
.cart-summary>h2.h4{background:#b8ab9d!important;color:#fff!important;margin:0!important;padding:11px 18px!important;font-size:15px!important;letter-spacing:.14em!important;text-align:left!important}
.cart-summary .extras-wrapper{display:flex!important;flex-direction:column!important;gap:0!important}
.cart-summary .extras-col:last-child{order:-1!important}
.cart-summary .extra.delivery,.cart-summary .extra{background:#fff!important;border:0!important;border-bottom:1px solid #ece5da!important;border-radius:0!important;padding:14px 18px 14px 56px!important;margin:0!important}
.cart-summary .free-gift{background:#fff!important;border:0!important;border-bottom:1px solid #ece5da!important;border-radius:0!important;padding:12px 18px 12px 56px!important;margin:0!important;position:relative!important}
.cart-summary .free-gift .free-gifts-wrapper{display:flex!important;align-items:center!important;gap:12px!important}
.cart-summary .free-gift .free-gift-label{margin:0!important}
.cart-summary .free-gift .free-gifts-img{left:16px!important}
.cart-summary .discount-coupon{padding:14px 18px 14px 56px!important;margin:0!important}
.cart-summary .discount-coupon .form-control{background:#fff!important;border:1px solid #b8ab9d!important;border-radius:0!important;height:42px!important}
.cart-summary .discount-coupon .btn{background:#b8ab9d!important;color:#fff!important;border:0!important;border-radius:0!important;height:42px!important;padding:0 22px!important}
.cart-summary .extra::before,.cart-summary .extra.delivery::before,.cart-summary .discount-coupon::before{left:16px!important}

/* --- 2) DATUM DORUCENI: zeleny hranaty pruh s ikonou dopravy (umisti yc.js) --- */
.yage-delivery-highlight{display:block!important;width:100%!important;box-sizing:border-box!important;background:#f1f8ec!important;border:1px solid #3a800e!important;border-left:4px solid #3a800e!important;border-radius:0!important;padding:11px 14px 11px 42px!important;margin:0 0 16px!important;font-size:13.5px!important;color:#2f2f2f!important;text-align:left!important;position:relative!important}
.yage-delivery-highlight strong,.yage-delivery-highlight b{color:#3a800e!important;font-weight:700!important}
.yage-delivery-highlight::before{content:""!important;position:absolute!important;left:12px!important;top:50%!important;transform:translateY(-50%)!important;width:20px!important;height:14px!important;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 17' fill='none' stroke='%233a800e' stroke-width='1.8'><path d='M1 1h13v11H1z'/><path d='M14 5h4l4 4v3h-8z'/><circle cx='5.5' cy='14.5' r='2'/><circle cx='17.5' cy='14.5' r='2'/></svg>") no-repeat center/contain!important}

/* --- 3) POTREBUJETE POMOC: stejny bezovy blok jako v kroku 2, bez ramecku --- */
.checkout-box-wrapper{padding:0!important;border-radius:50px!important;overflow:hidden!important;background:#b8ab9d!important;margin-bottom:22px!important}
.checkout-box-wrapper>h2.h4{background:#b8ab9d!important;color:#332c2c!important;margin:0!important;padding:10px 25px 0!important;font-size:16px!important;line-height:1.3!important;text-align:center!important;letter-spacing:normal!important;border-radius:0!important}
.checkout-box-wrapper .box{background:#b8ab9d!important;border:0!important;border-radius:0!important;padding:0 25px 10px!important;text-align:center!important;min-height:0!important}
.checkout-box-wrapper .box::after{content:""!important;display:none!important}
.checkout-box-wrapper .contact-box{min-height:0!important;padding:0!important}
.checkout-box-wrapper .contact-box ul{margin:0!important;padding:0!important;list-style:none!important}
.checkout-box-wrapper .contact-box li{margin:0!important;padding:0!important}
.checkout-box-wrapper .contact-box a{font-size:16px!important;font-weight:400!important;color:#332c2c!important;text-transform:uppercase!important}
.checkout-box-wrapper .contact-box .mail::before{content:""!important}

/* --- 4) REKAPITULACE: nazvy produktu bez verzalek --- */
.order-summary-inner .cart-item-name,.order-summary-inner .cart-item-name .main-link,.order-summary-inner .cart-item-name a{text-transform:none!important;font-size:14px!important;line-height:1.45!important}
.order-summary-inner .cart-item{padding:8px 0!important}
.summary-wrapper>h2.h4,.order-summary h2.h4{font-size:15px!important;letter-spacing:.16em!important}

/* --- 5) FORMULAR: povinna pole k formulari, ne na druhy konec stranky --- */
.co-box .form-legend,fieldset .form-legend{max-width:504px!important;margin:0 0 6px!important;padding:0!important;font-size:12.5px!important;color:#8a8073!important}

/* --- 6) konverzni tlacitka a ujisteni --- */
.next-step .btn-conversion,.btn-conversion.next-step-forward{background:#6d6153!important;color:#fff!important;letter-spacing:.1em!important;font-weight:600!important}
.next-step .btn-conversion:hover{background:#574d42!important}
.next-step--cart,body.ordering-process .next-step{flex-wrap:wrap!important;align-items:center!important}
.next-step--cart::after,body.ordering-process .next-step::after{content:"\2713 Vrácení do 14 dnů  ·  \2713 Bezpečná platba kartou  ·  \2713 Osobní odběr zdarma"!important;flex:0 0 100%!important;width:100%!important;margin-top:12px!important;font-size:12px!important;line-height:1.7!important;color:#8a8073!important;text-align:right!important}

/* --- 7) mobil --- */
@media (max-width: 768px){
  .next-step--cart,body.ordering-process .next-step{position:sticky!important;bottom:0!important;z-index:50!important;background:rgba(255,255,255,.97)!important;box-shadow:0 -3px 14px rgba(0,0,0,.10)!important;padding:12px 14px!important;margin:12px -14px 0!important}
  .next-step--cart .btn-conversion{width:100%!important}
  .next-step--cart::after,body.ordering-process .next-step::after{font-size:11px!important;text-align:center!important;margin-top:8px!important}
  .cart-summary .extra.delivery,.cart-summary .extra,.cart-summary .free-gift,.cart-summary .discount-coupon{padding-left:48px!important}
  .fvDoplnek-upsell{grid-template-columns:1fr!important}
  .cart-related-product{margin-left:16px!important;padding-left:10px!important}
}

/* ===================== v12 (Claude, 2026-08-27) ===================== */

/* --- A) OPRAVA TUCNEHO PISMA V POPISECH ---
   Sablona nastavuje ".type-detail .content-wrapper-in main .p-short-description p strong{font-weight:500}".
   Font NeuzeitGro ma rezy 300/400/700/900 - vaha 500 se vykresli identicky jako 400,
   takze <strong> nebylo vubec videt. Vracime skutecnou tucnou vahu 700. */
.p-short-description strong,.p-short-description b,
.p-detail strong,.p-detail b,
.acc-panel strong,.acc-panel b,
#description strong,#description b,.description strong,.description b,
.type-detail main strong,.type-detail main b,
.type-page main strong,.type-page main b,
.news-item-detail strong,.news-item-detail b{font-weight:700!important}

/* --- B) HLASKA O OSOBNIM ODBERU (krok doprava a platba) do ramecku na stred --- */
.site-msg-custom{max-width:760px!important;margin:22px auto 6px!important;padding:16px 22px!important;border:1px solid #b8ab9d!important;background:#faf8f4!important;text-align:center!important;box-sizing:border-box!important}
.site-msg-custom p{margin:0!important;color:#4a4137!important;font-size:14px!important;line-height:1.6!important}
.site-msg-custom p+p{margin-top:6px!important}
.site-msg-custom p:last-child,.site-msg-custom a{font-weight:700!important;color:#4a4137!important}

/* --- C) POTREBUJETE POMOC: hover = tmave pozadi + bily text (e-mail drive mizel) --- */
.toggle-contacts:hover,.toggle-contacts:focus,
.checkout-box-wrapper:hover,
.checkout-box-wrapper:hover>h2.h4,.checkout-box-wrapper:hover .box{background:#332c2c!important;color:#fff!important}
.toggle-contacts:hover a,.toggle-contacts:focus a,
.checkout-box-wrapper:hover .contact-box a,.checkout-box-wrapper:hover a{color:#fff!important}

/* ===================== MOBILNI DOLADENI v13 (Claude, 2026-08-27) =====================
   Sjednocene mezery, zrusene pretekani sticky listy, kompaktnejsi radky kosiku. */
@media (max-width: 768px){
  /* --- 1) sticky lista: zrusit negativni margin (pretekala o 14px) --- */
  .next-step--cart,body.ordering-process .next-step{margin:14px 0 0!important;padding:12px 10px!important;width:100%!important;box-sizing:border-box!important}

  /* --- 2) doplnky: polozky mely margin 25px NAVIC ke grid gap --- */
  .fvDoplnek-upsell{gap:0!important;margin:0 0 24px!important}
  .fvDoplnek-upsell>.fvDoplnek-produkt{margin:0!important;padding:10px 0!important;border-bottom:1px solid #f0ebe3!important}
  .fvDoplnek-upsell>.fvDoplnek-produkt:last-child{border-bottom:0!important}
  .fvDoplnek-upsell>h4{margin:18px 0 6px!important}

  /* --- 3) radek kosiku: kompaktni, sjednocene zarovnani --- */
  .cart-table tr.removeable{padding:12px 0!important}
  .cart-table tr td.p-cell,.cart-table tr td.p-total{padding:2px 0!important;min-height:0!important;line-height:1.35!important}
  .cart-table tr td .p-label{display:block!important;margin:0!important;font-size:12px!important;color:#8a8073!important;line-height:1.3!important}
  .cart-table td.cart-p-image{width:60px!important}
  .cart-table td.cart-p-image img{width:60px!important;height:60px!important}
  .cart-table td.p-name{width:calc(100% - 72px)!important;padding:0 0 4px 12px!important}
  .cart-table td.p-availability,.cart-table td.p-price{text-align:left!important}
  .cart-table td.p-quantity,.cart-table td.p-discount,.cart-table td.p-total{text-align:right!important}
  /* mensi ovladani mnozstvi (bylo neumerne vysoke vedle Dostupnosti) */
  .cart-table td.p-quantity .increase,.cart-table td.p-quantity .decrease,.cart-table td.p-quantity input{height:34px!important}
  .cart-table td.p-total{padding-top:5px!important;border-top:1px solid #f2eee7!important;margin-top:5px!important}
  /* --- 4) sjednocene mezery mezi sekcemi --- */
  .cart-summary{margin:20px 0!important}
  .yage-delivery-highlight{margin:0 0 12px!important}
  .checkout-box-wrapper{margin-bottom:16px!important}
  .site-msg-custom{margin:16px 0 10px!important;padding:14px 16px!important}

  /* --- 5) telefon: input dopln do plne sirky (jako ostatni pole) --- */
  .phone-combined-input{width:100%!important}
  .phone-combined-input input[type=tel],.phone-combined-input .form-control,#phone{width:calc(100% - 84px)!important;max-width:none!important;min-width:0!important}

  /* --- 6) povinna pole vlevo (vpravo na uzkem displeji odskakovalo) --- */
  .co-box .form-legend,fieldset .form-legend{max-width:100%!important;text-align:left!important}
}