@CHARSET "UTF-8";		
#header{
	background: url("images/header.png") no-repeat scroll transparent left center;
}
#header-opacity {
	height : 120px;
	background: url("images/content-opacity/0.png");
}
#container-top-header-strip #user_menu #user-name-button,
.span-6 > #user_menu #user-name-button,
#login-buttons .button-type-1 a {
	color: #FFFFFF !important;
}
#articles-menu .funkcie_eshopu ul.submenu,
#articles-menu .active-funkcie_eshopu ul.submenu {
	width: 100%;
	left: 0;
	background: #333333;
}
.tutorial-single {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 10px 0;
}
.ui-widget-content .manual-add-to-cart-by-code-list-item .ui-state-active {
	background: #FF6600;
}
.manual-add-to-cart-by-code-list-item-last div {
	background: #fcf90c;
}
.slicknav_nav a {
	color: #595959;
}
#catalog-products-index .info-articles p {
	padding: 0;
}
.block-product-for-bg .mini-imput-text {
	margin-top: 6px;
}
.block-product-for-bg .add-cart {
	margin: 7px 0 20px 10px;
}
#product-detail .block-product-for-bg .mini-imput-label {
	margin: 17px 0 0 5px;
}
#product-detail .price-block-more-active,
#product-detail .price-block-more:hover {
	background: url("images/product_series_detail_bg.jpg") repeat #8b6139;
}
.payoff-param-product-select-row .param-product-select-row-2 > div {
	width: 110px;
	border: 1px solid #ededed;
}
.img-catalog-block .img-catalog-image-link > span span:first-child {
	line-height: 30px;
}
.info-articles, #img-catalog {
	visibility: visible;
}
.product-second .normal_price_special, .detail-old-and-actual-price .normal_price_special {
	color: #FF0000 !important;
}
#product-detail p .old_price {
	color: #8a8a8a;
}
.container-product-actions .startup {
	display: none;
}
#blog_thumb .blog_thumb_piece {
	padding: 0 10px;
	box-sizing: border-box;
	margin: 10px 0 10px 0;
}
#blog_thumb .blog_text_img,
#blog_thumb .blog_text_thumb {
	width: 100%;
	padding: 0;
}
#blog_thumb .blog_text_thumb ul {
	margin-left: 20px;
}
#blog_thumb .blog_text_img a {
	width: 100%;
	text-align: center;
}
#blog_thumb .blog_text_img a img {
	text-align: center;
}
#product-series-container {
	width: 100%;
	float: left;
}
#product-series-container p {
	width: 100%;
	float: left;
	color: #000000;
}
#product-series-container select {
	width: 100%;
	float: left;
	margin: 0 0 10px 0;
}
#blog_piece {
	float: none;
	max-width: 800px;
	margin: 0 auto;
}
#blog_piece .blog_title {
	color: #0588b1;
    font-size: 24px;
    text-align: center;
}
#container-navigation-top, .site-color .span-25 {
	background-color: #ffffff !important;
}
#pay-delivery-footer-lock {
	display: none;
}
#pay-delivery-footer-small {
	width: 200px;
}
#pay-delivery-footer-small .pay-delivery-footer-outer {
	width: 66px;
	height: 50px;
}



@media screen and (min-width: 1222px) {
	#container-top-header-strip,
	#container-header {
		padding: 0 20px;
		box-sizing: border-box;
	}
}
@media screen and (min-width: 1037px) {
	#articles-menu .funkcie_eshopu ul.submenu li,
	#articles-menu .active-funkcie_eshopu ul.submenu li,
	.tutorial-single {
		width: 33%;
	}
	#blog_thumb .blog_thumb_piece {
		width: 24%;
	}
}
@media screen and (min-width: 801px) and (max-width: 1036px) {
	#articles-menu .funkcie_eshopu ul.submenu li,
	#articles-menu .active-funkcie_eshopu ul.submenu li {
		width: 50%;
	}
	.tutorial-single {
		width: 49%;
	}
	#blog_thumb .blog_thumb_piece {
		width: 45%;
	}
}
@media screen and (min-width: 801px) {
	.img-catalog-block img {
		max-width: 224px;
	}
}
@media screen and (max-width: 800px) {
	#header {
		background-position: center top;
	}
	#header-opacity {
		height : 150px;
	}
	.tutorial-single {
		width: 100%;
	}
	#container-header #search {
		margin: 115px 0 0 0;
	}
	#blog_thumb .blog_thumb_piece {
		width: 100%;
		left: 0 !important;
	}
}

/* ============================================================================
   BLOK "ZÁKONNÁ ZÁRUKA" + LIGHTBOX SO ZOOMOM
   Prenositeľná verzia — vlastné triedy s predponou "lgz-", žiadne prepisovanie
   tém ani jQuery UI, takže sa nebije so štýlmi projektu.

   INŠTALÁCIA: obsah tohto súboru PRIPOJIŤ NA KONIEC súboru
               public_html/css/mediahelp/public/WebUnicate.css
               (nie prepísať — WebUnicate.css obsahuje aj ostatné úpravy)
   ============================================================================ */

/* --------------------------------------------------------------------------
   1) NÁHĽAD V KOŠÍKU
   -------------------------------------------------------------------------- */
#cart-legal-guarantee {
  box-sizing: border-box;
  /* V sirokom formulari (blok cez celu sirku stranky) by bol ramcek prazdny
     — obmedzime ho a vycentrujeme. V uzkom stlpci sa nic nezmeni. */
  max-width: 560px;
  margin: 18px auto 12px;
  padding: 0;
}
#cart-legal-guarantee-link {
  display: block;
  padding: 14px;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 12px;
  text-decoration: none;
  transition: border-color .16s ease, box-shadow .16s ease;
}
#cart-legal-guarantee-link:hover {
  border-color: #c9c9c9;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .07);
}
/* Náhľad je na výšku — NEROZŤAHUJEME ho na 100 % šírky stĺpca, inak by
   z neho bol neúmerne vysoký blok. Obmedzíme ho výškou a vycentrujeme. */
#cart-legal-guarantee-link img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 300px;
  margin: 0 auto;
  border-radius: 8px;
}
/* odkaz "Zväčšiť" s ikonkou lupy (inline SVG, netreba žiadny obrázok) */
#cart-legal-guarantee .cart-legal-guarantee-zoom {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin-top: 10px;
  font-size: 13px;
  font-weight: 700;
  color: #666;
  text-decoration: underline;
  transition: color .16s ease;
}
#cart-legal-guarantee .cart-legal-guarantee-zoom::before {
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.2 15.2 21 21'/%3E%3Cpath d='M10.5 7.8v5.4M7.8 10.5h5.4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
#cart-legal-guarantee-link:hover .cart-legal-guarantee-zoom {
  color: #111;
}

/* --------------------------------------------------------------------------
   2) LIGHTBOX
   -------------------------------------------------------------------------- */
/* kým je okno otvorené, stránka pod ním neroluje */
html.lgz-open-html, html.lgz-open-html body {
  overflow: hidden;
}
.lgz-overlay {
  display: none;              /* zapína JS na "flex" */
  position: fixed;
  z-index: 100000;            /* nad chatom aj nad hlavičkou */
  top: 0; right: 0; bottom: 0; left: 0;
  align-items: center;
  justify-content: center;
  padding: 2vh 3vw;
  background: rgba(0, 0, 0, .62);
  -webkit-tap-highlight-color: transparent;
}
/* Šírka okna sa nenastavuje — vyplýva zo šírky obrázka, takže okolo neho
   nevzniknú prázdne pásy. */
.lgz-dialog {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 94vw;
  max-height: 96vh;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .35);
  overflow: hidden;
}
.lgz-titlebar {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  padding: 10px 50px 10px 18px;
  background: #f6f6f6;
  border-bottom: 1px solid #e8e8e8;
  font-size: 15px;
  font-weight: 700;
  color: #222;
}
.lgz-close {
  position: absolute;
  top: 7px;
  right: 12px;
  width: 30px;
  height: 30px;
  padding: 0;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 28px;
  color: #555;
  text-align: center;
  cursor: pointer;
  transition: background .16s ease, border-color .16s ease;
}
.lgz-close:hover { background: #f0f0f0; border-color: #c9c9c9; }

/* "stage" = orezávacie okno pre priblížený obrázok; jeho rozmery sú zhodné
   s vykresleným obrázkom, takže sa pri posúvaní neodhalí prázdne miesto */
.lgz-stage {
  position: relative;
  flex: 0 1 auto;
  overflow: hidden;
  margin: 8px auto;
  cursor: zoom-in;
  touch-action: none;
}
.lgz-overlay.lgz-zoomed  .lgz-stage { cursor: grab; }
.lgz-overlay.lgz-dragging .lgz-stage { cursor: grabbing; }

/* `height` (nie `max-height`) — obrázok tak vyplní celú dostupnú výšku okna
   a v prípade potreby sa aj zväčší nad svoju pôvodnú veľkosť. Odpočet 62 px
   = titulka + vnútorné okraje. Počíta sa s obrázkom NA VÝŠKU. */
.lgz-stage img {
  display: block;
  width: auto;
  height: calc(96vh - 62px);
  margin: 0 auto;
  transform-origin: 0 0;
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}

/* ovládanie priblíženia */
.lgz-tools {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 4px;
  background: rgba(255, 255, 255, .94);
  border: 1px solid #e2e2e2;
  border-radius: 999px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .14);
}
.lgz-tools button {
  width: 30px;
  height: 30px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 50%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  line-height: 30px;
  font-weight: 700;
  color: #333;
  cursor: pointer;
  transition: background .14s ease;
}
.lgz-tools button:hover { background: #eee; }
.lgz-tools button[disabled] { color: #bbb; cursor: default; background: transparent; }
.lgz-tools .lgz-reset { font-size: 15px; }
.lgz-level {
  min-width: 48px;
  font-size: 12px;
  font-weight: 700;
  color: #555;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
}

/* --------------------------------------------------------------------------
   3) MOBIL — limitom je šírka, nie výška
   -------------------------------------------------------------------------- */
@media (max-width: 900px) {
  .lgz-stage img {
    width: 100%;
    height: auto;
    max-height: calc(96vh - 62px);
  }
}
@media (max-width: 767px) {
  #cart-legal-guarantee { margin: 14px 0 8px; }
  .lgz-overlay  { padding: 1vh 2vw; }
  .lgz-dialog   { max-width: 98vw; border-radius: 12px; }
  .lgz-titlebar { padding: 9px 46px 9px 14px; font-size: 14px; }
  .lgz-stage    { margin: 6px auto; }
  .lgz-tools    { right: 10px; bottom: 10px; }
}


/* ============================================================================
   SPODOK 1. KROKU KOŠÍKA — leták a poznámka vedľa seba (len KORKII.CZ)
   Poznámka bola pôvodne cez celú šírku a nízka; teraz je zúžená a textarea
   sa natiahne na výšku náhľadu letáku.
   ========================================================================== */
#cart-bottom-cols {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 24px;
  clear: both;
}
#cart-bottom-cols #cart_description {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex: 1 1 380px;
  min-width: 0;
  float: none;      /* téma má float:left — v flexe by len prekážal */
  width: auto;
  margin-left: 0;
}
#cart-bottom-cols #cart_description label,
#cart-bottom-cols #cart_description textarea {
  box-sizing: border-box;
  width: 100%;
  margin-left: 0;
  float: none;
}
#cart-bottom-cols #cart_description textarea {
  flex: 1 1 auto;
  min-height: 120px;
  resize: vertical;
}
#cart-bottom-cols #cart-legal-guarantee {
  order: -1;        /* leták vľavo, poznámka vpravo */
  flex: 0 0 auto;
  width: 300px;
  max-width: 100%;
  margin: 0;
}
/* Náhľad držíme nižší — textarea sa naťahuje na jeho výšku a pri 300 px
   by z poznámky bolo neúmerne veľké pole. */
#cart-bottom-cols #cart-legal-guarantee-link img { max-height: 220px; }

/* Mobil: bloky pod seba (poznámka hore), leták vycentrovaný. */
@media (max-width: 767px) {
  #cart-bottom-cols { display: block; }
  #cart-bottom-cols #cart_description textarea { min-height: 90px; }
  #cart-bottom-cols #cart-legal-guarantee { width: auto; max-width: 400px; margin: 16px auto 0; }
  #cart-bottom-cols #cart-legal-guarantee-link img { max-height: 300px; }
}