.magnet .fm{border-right:1px solid rgba(0,0,0,.2);margin:4px 0;height:40px;overflow:hidden}
.magnet .fm:hover{box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);}
.magnet .mag_i{width:60px;height:42px;float:left;text-align:center;}
.magnet .mag_i img{max-width:40px;max-height:38px;padding:2px 0px;}
.magnet h5{font-size:12px;line-height:20px;margin:0;padding:0px;}
.address{border:1px solid #e2e2e2;padding:10px;margin-bottom: 10px;}
.address i{float:right;font-size:28px;}
.skladem{float:right;font-size:.75em;color:#FF0000;font-weight:800;}
.webpay_error{color:#800000;background:#FFD5D5;padding:2px 10px;font-size:.85em;font-weight:800;}
.padding_small{text-align:right;float:right;}
.valuty{padding:0px;text-align: center;font-size: .8em;}
.valuty img{width:auto !IMPORTANT;height:18px;margin:0 2px;}
.valuty a{padding:0px 5px;color:#585858;}
.valuty a:hover, .valuty .active {color:#000000;border-bottom:1px solid #808080}
.appstore{width:100px;margin:5px}
.item_cena .appstore{width:150px;margin:5px;}
.item_cena h4{text-align: center;}
.item_cena h4::before{content:"►";color:#E60000}
.item_cena h4::after{content:"◄";color:#E60000}
.item_cena{max-width:95% !IMPORTANT;padding:10px 30px 20px 30px;margin:0px auto;min-width:80%;box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);border:1px solid #C0C0C0;border-radius:12px;transition: box-shadow .25s ease, border-color .25s ease;}
.item_cena:hover{box-shadow: 0px 10px 22px 0px rgba(0,0,0,0.18);border-color:#D8D8D8;}
.cena{margin:5px 0px 5px 0px;font-weight: 100;font-size: 14px;}
.cena input{float:left;margin:0;padding:0px 4px;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);}
.cena input:hover{box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);}
.cena select{margin:0;padding:0px 4px;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);}
.cena span{font-size:.9em;font-weight: 100;}
.cena .price{font-weight: 800;font-size: 1.8em;color:#CC0000}
.cena strong{font-weight: 800;font-size: 110%;}
.cena .sleva{color:#C60000;}
.table_orders,.table_sum{border:1px solid #C0C0C0;}
.table_orders th,.table_sum th{background-color: #969696;color:#FFF}
.table_sum td,.table_sum th{padding:2px 5px;text-align: center;}
.table_orders td, .table_orders th{padding:4px;text-align:center}

.subcategory {display: block;justify-content: center;align-items: center;width:98%;margin:0px auto 10px auto;vertical-align: middle;overflow: hidden;border:1px;text-decoration: none;}
.subcategory.noimage {height:60px !IMPORTANT;display: flex;justify-content: center;align-items: center;}
.subcategory h4{text-align:left !IMPORTANT;margin:0;font-size:14px;line-height:32px;height:32px;overflow: hidden;font-weight:400;padding:0 !IMPORTANT}
.subcategory.noimage h4{display: flex;justify-content: center;align-items: center;}
.subcategory img{max-height:30px !IMPORTANT;max-width:30px !IMPORTANT;margin-right: 4px;}
.subcategory .sub_img{display:flex;float:left;height:30px !IMPORTANT;width:30px !IMPORTANT;justify-content: center;align-items: center;padding:0;margin:0 5px 0 0;}
.subcategory:hover{  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);}
.subcategory.cover{height:210px;background-size:100% auto;}
.subcategory.cover h4{height:auto !IMPORTANT;position:relative;top:15%;padding:10px}
.subcategory .ban {right:10px;}
 
#detail{margin-bottom:20px;}
@media only screen and (max-width: 960px) {.subcategory h4 {font-size:1em;}}

.destiantion{margin:10px 0;}
.destiantion select{border-radius:4px;padding:2px 5px;margin-left:10px;}
.basket_level {margin-bottom:20px;margin-top:-5px;font-size:1.1em;}
.basket_level .in{width:100%;border-bottom:2px solid #808080;float:left;text-align: center;color:#000;font-weight: 800;padding:24px 0;}
.basket_level .active{background-color: rgba(238, 34, 46,.8);border-bottom:2px solid  rgba(238, 34, 46,1);color:#FFF;}
.basket_level .finish{background-color: rgba(120,120,120,.8);border-bottom:2px solid  rgba(0,0,0,1);color:#FFF;}
.basket_level i{color:#000;padding-right:15px}
.basket_level .finish i, .basket_level .active i{color:#FFF;padding-right:15px}
.basket{margin:0px;width:100%;border:1px solid #808080;vertical-align: middle;}
.basket .b_td_img{text-align:center;width:120px}
.basket .b_img{max-height:40px !IMPORTANT;max-width:60px !IMPORTANT;width:auto;}
@media only screen and (max-width: 960px) {
.basket .b_img{display:none;}.basket{font-size:75%}.basket .b_td_img{width:0px;padding:0px;margin:0px;}
.basket_level {margin:0;padding:0;}
}
.bonus{font-size:1em !IMPORTANT;width:fit-content;padding:4px 12px;color:#FFF !IMPORTANT;border-radius:8px}
.bonus.valid{background-color:#00A600;}
.bonus.next{background-color:rgba(255,0,0,.8);}
.basket .butt{font-size: 80%;padding: 1px 3px 1px 3px;}
.basket td{border-bottom:1px solid #808080;vertical-align: middle;}
.basket td input{padding:2px;vertical-align: middle;margin:2px;}
.basket .poplatek td{border:0px;font-size:75%;}
.basket .cena_big td{border:0px;text-align: right;margin:0px;font-weight: 500;font-size: 1em;}
.basket .cena_sm td{border:0px;text-align: right;font-weight: 500}
.basket th{background-color:#D0D0D0;color: black;font-weight: 800;text-align: center;padding: 2px 5px 1px 5px;}
.basket_form{padding:3px;width:90%;margin:10px 5% 20px 5%;}
.basket_form td{padding:5px 10px;vertical-align: middle;}
.basket_form .second{padding:7px 10px 3px 0px;text-align: left;vertical-align: middle;}
.basket_form .chb{margin:18px 10px 0 0;text-align: left;}
.basket_form .first{width:200px;padding:7px 10px 3px 0px;text-align: right;vertical-align: middle;}
.basket_form .first .chb{margin:0px 10px 3px 0px;text-align: right;}
.basket_form td input{padding:6px 10px 6px 10px;}
.basket_form td input:focus, .basket_form td textarea:focus{background:#F0F0F0;color:#000000;border: 2px solid #ACACAC;}

/* Shared modern skin for login/account/password forms. */
.form-modern{max-width:920px;margin:14px auto 26px auto;padding:14px 16px;border:1px solid #dbe2ea;border-radius:14px;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);box-shadow:0 14px 34px rgba(15,23,42,.08);}
.form-modern .row.form{margin:0;}
.form-modern .basket_form{width:100%;margin:10px 0 14px 0;padding:10px 12px;}
.form-modern .basket_form tr:first-child td{font-weight:700;color:#374151;}
.form-modern .basket_form .first{font-weight:600;color:#4b5563;}
.form-modern .basket_form .second{padding-top:6px;padding-bottom:6px;}
.form-modern input[type="text"],
.form-modern input[type="date"],
.form-modern input[type="email"],
.form-modern input[type="password"],
.form-modern input[type="tel"],
.form-modern select,
.form-modern textarea{padding:10px 12px;border:1px solid #cfd8e3;border-radius:10px;background:#fff;transition:border-color .2s ease, box-shadow .2s ease;}
.form-modern input[type="checkbox"]{width:auto;}
.form-modern input[type="text"]:focus,
.form-modern input[type="email"]:focus,
.form-modern input[type="password"]:focus,
.form-modern input[type="tel"]:focus,
.form-modern select:focus,
.form-modern textarea:focus{border-color:#0f766e;box-shadow:0 0 0 3px rgba(15,118,110,.16);outline:none;}
.form-modern .awesome{border-radius:10px;padding:9px 16px;font-weight:700;}
.form-modern,
#basket_in.cart-modern__dropdown{--btn-primary-bg:#0f766e;--btn-primary-bg-hover:#0b5f59;--btn-primary-shadow:rgba(15,118,110,.26);--btn-secondary-bg:#e5e7eb;--btn-secondary-bg-hover:#d1d5db;--btn-secondary-text:#1f2937;--btn-danger-bg:#b91c1c;--btn-danger-bg-hover:#991b1b;--btn-danger-color:#000;--btn-danger-color-hover:#FAFAFA;--btn-danger-shadow:rgba(153,27,27,.28);}
.form-modern .awesome,
.form-modern .objednej,
#basket_in.cart-modern__dropdown .awesome{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:10px;padding:9px 16px;font-weight:700;line-height:1.15;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .1s ease;}
.form-modern .awesome:focus,
.form-modern .objednej:focus,
#basket_in.cart-modern__dropdown .awesome:focus{outline:none;box-shadow:0 0 0 3px rgba(15,23,42,.12);}
.form-modern .awesome:active,
.form-modern .objednej:active,
#basket_in.cart-modern__dropdown .awesome:active{transform:translateY(1px);}

/* Primary */
.form-modern .awesome.green,
.form-modern .awesome.add,
.form-modern .objednej,
#basket_in.cart-modern__dropdown .awesome.add,
#basket_in.cart-modern__dropdown .awesome.green{background:var(--btn-primary-bg);border-color:var(--btn-primary-bg);color:#000 !important;box-shadow:0 8px 18px var(--btn-primary-shadow);}
.form-modern .awesome.green:hover,
.form-modern .awesome.add:hover,
.form-modern .objednej:hover,
#basket_in.cart-modern__dropdown .awesome.add:hover,
#basket_in.cart-modern__dropdown .awesome.green:hover{background:var(--btn-primary-bg-hover);border-color:var(--btn-primary-bg-hover);color: #FFF !important;}

/* Secondary */
.form-modern .awesome.gray,
.form-modern .awesome.orange,
#basket_in.cart-modern__dropdown .awesome.gray{background:var(--btn-secondary-bg);border-color:#cfd4dc;color:var(--btn-secondary-text) !important;box-shadow:0 8px 16px rgba(31,41,55,.14);}
.form-modern .awesome.gray:hover,
.form-modern .awesome.orange:hover,
#basket_in.cart-modern__dropdown .awesome.gray:hover{background:var(--btn-secondary-bg-hover);border-color:#bfc7d2;}

/* Danger */
.form-modern .awesome.red,
#basket_in.cart-modern__dropdown .awesome.red{background:var(--btn-danger-bg);border-color:var(--btn-danger-bg);color:var(--btn-danger-color) !important;box-shadow:0 8px 18px var(--btn-danger-shadow);}
.form-modern .awesome.red:hover,
#basket_in.cart-modern__dropdown .awesome.red:hover{background:var(--btn-danger-bg-hover);border-color:var(--btn-danger-bg-hover);;color:var(--btn-danger-color-hover) !important;}

@media only screen and (max-width: 960px) {
.form-modern{padding:10px 10px 14px 10px;border-radius:12px;}
.form-modern .basket_form{padding:8px 8px 10px 8px;}
.form-modern .basket_form .first{text-align:left;width:auto;padding-bottom:3px;}
}

#cart{font-size:1em !IMPORTANT;position:relative;width:100%;margin:5px 0 0 0;float: right;padding:0 20px;min-height:60px;border:1px solid RGBA(255,255,255,.2);display:inline-grid ;align-items:flex-end;border-radius: 8px;}
#no_cart{width:95%;height:40px;margin:1px 5% 20px 1px;float: left;padding:15px 0px 0px 0px;}
#cart a{color:#232323;}
#cart select{border-radius:4px;padding:0}
#cart img{width:35px;margin-left:0px}
#cart .in{margin:0px;padding:0px 4px;font-size:1em;font-weight: 800;text-align:center}
#cart h4{margin-top:5px;font-size:1.2em;}
#basket_in {min-width:max-content;max-width: 100%;display:none;color:#232323;padding:2px 5px;margin:0px 8px;overflow: hidden;background: #FFFFFF;border: 0;position:absolute;  right:0px;top:60px;z-index:1004 !IMPORTANT;-webkit-box-shadow: 1px 1px 9px 1px rgba(0,0,0,0.33);-moz-box-shadow: 1px 1px 9px 1px rgba(0,0,0,0.33);box-shadow: 1px 1px 9px 1px rgba(0,0,0,0.33);border-radius: 8px;}
#basket_in table{max-height:200px;overflow: auto;}

/* Modern mini-cart banner/dropdown while keeping dynamic configured colors from inline style. */
#cart.cart-modern{display:block;min-height:64px;padding:10px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.35);box-shadow:0 10px 24px rgba(15,23,42,.12);}
#cart.cart-modern .cart-modern__summary{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:2px 0;font-size:1em;font-weight:700;line-height:1.2;text-decoration:none;}
#cart.cart-modern .cart-modern__icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.24);flex:0 0 34px;}
#cart.cart-modern .cart-modern__icon i{margin:0;padding:0;font-size:1.1em;color:inherit !important;}
#cart.cart-modern .cart-modern__meta{display:flex;align-items:baseline;justify-content:center;gap:8px;flex-wrap:wrap;}
#cart.cart-modern .cart-modern__count{font-weight:800;}
#cart.cart-modern .cart-modern__total{font-size:.94em;font-weight:600;opacity:.95;}
#cart.cart-modern .cart-modern__currency{margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.35);}
#cart.cart-modern .cart-modern__currency form{margin:0;}
#cart.cart-modern .cart-modern__currency select{max-width:120px;padding:1px 4px;background:#fff;}
#cart.cart-modern .cart-modern__preview{font-size:.9em;font-weight:600;opacity:.95;}

#basket_in.cart-modern__dropdown{display:none;min-width:560px;max-width:min(92vw,680px);padding:10px 12px 12px;margin:0;overflow:hidden;background:#fff;border:1px solid #dbe2ea;position:absolute;right:0;top:calc(100% + 8px);z-index:1004 !important;box-shadow:0 18px 40px rgba(15,23,42,.2);border-radius:14px;}
#basket_in.cart-modern__dropdown .cart-modern__dropdown-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid #e6ebf0;margin-bottom:8px;}
#basket_in.cart-modern__dropdown .cart-modern__title{margin:0;font-size:14px;font-weight:700;letter-spacing:.02em;}
#basket_in.cart-modern__dropdown .cart-modern__table-wrap{max-height:280px;overflow:auto;}
#basket_in.cart-modern__dropdown .basket_table{margin:0;min-width:520px;border-collapse:collapse;}
#basket_in.cart-modern__dropdown .basket_table th{position:sticky;top:0;z-index:1;background:#f5f7fa;}
#basket_in.cart-modern__dropdown .basket_table tr:last-child td{font-weight:700;}
#basket_in.cart-modern__dropdown .cart-modern__actions{text-align:right;padding-top:8px;}
#basket_in.cart-modern__dropdown .cart-modern__empty{padding:12px 4px;margin:0;text-align:center;color:#4b5563;font-weight:500;}

@media only screen and (max-width: 1200px) {
#basket_in.cart-modern__dropdown{min-width:480px;}
}
@media only screen and (max-width: 960px) {#basket_in {display:none !IMPORTANT;}
.magnet h5{font-size:10px;line-height:13px;margin:0;padding:0px;}
#cart.cart-modern{min-height:56px;padding:8px 10px;}
#cart.cart-modern .cart-modern__summary{justify-content:center;}
}
.basket_table img{width:auto !IMPORTANT;height:32px;}
.basket_table{color:#1A1A1A;text-align:left;margin:5px 0;font-size:0.9em;min-width:550px;font-weight: 100;}
.basket_table th{background:#F0F0F0;}
.basket_table tr{border-bottom:1px solid #808080;}
.basket_table a:hover{text-decoration: underline;}
.act{display:block;}
#basket_doprava{padding:20px 0px 5px 0px;margin:0px;}
#doprava{padding:3px;}
#platba{padding:3px;}
#doprava, #platba{line-height:36px}
#doprava .price, #platba .price{height:54px;margin:0px !IMPORTANT;padding:8px 10px !IMPORTANT;}
#doprava label, #platba label{width:100%;height:54px;margin:0px !IMPORTANT;padding:8px 10px !IMPORTANT;border-radius:6px;}
#doprava .selected, #platba .selected{background:rgba(0,120,0,.2);}
.dop_img{width:150px;float:left;text-align:center;margin:0 4px 0 4px;max-height:48px;}
.dop_img img{width:auto;max-width:150px;max-height:48px;}
#login-form{min-height:400px;}
.platba{padding:3px;}
#obj_butt{padding:10px 20px 5px 0px;}
.product-info {padding:5px 10px;display:flex;height:100%;}
.product-img {width:100%;overflow:hidden;max-height:180px;height:180px;text-align:center;}
.product-noimg {width:100%;overflow:hidden;height:160px;text-align:center;}
.product-desc {display:grid;width:100%}
.products a{text-decoration:none;}
.products h3{padding:5px 0px;margin:0px;font-size:1em;min-height:48px;background:none;}
.products ul{ list-style-type: none;margin:0px;padding:0px;list-style: none;list-style-type: none;}
.products ul li{border-bottom:1px solid #e2e2e2; position:relative; padding:1px; float:left; margin:0px;overflow:hidden;}
.products ul li:hover{border:1px solid #e2e2e2;padding:0 0 1px 0; box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.1);}
.products ul li .foto{transform:scale(.9);transition: all 0.8s ease;-o-transition: all 0.8s ease;-webkit-transition: all 0.8s ease;}
.products ul li:hover .foto{transform:scale(1.05);}
.products .foto{margin:0px;padding:0;width:auto;max-height:95% !IMPORTANT;}
.products .orderdiv{min-width:200px;width:90%;margin:0 5%;display: inline-block;align-self: flex-end;}
.products form{margin:0px;}
.products input,.products  select{margin:2px 2px 0 2px;padding:0px 2px;border-radius:4px;border:1px solid #585858;text-align:center;width:52px}
.products input:hover,.products  select:hover{background: rgba(0,120,0,.05);}
.products .desc{font-size:1em;width:100%;padding-right:10px;max-height:110px;overflow: hidden;}
.products .desc ul{ list-style-type: circle;margin:0px;padding:0px;list-style: circle;list-style-type: circle;}
.products .desc ul li{border:none;  padding:0px 5px; float:left; margin:0px;overflow:inherit; height:inherit;list-style: circle;}
.products .cena{margin:0px 0px 5px 0px;font-weight: 500;  }

.products-tip .product-info {padding:5px 10px;display:flex;height:100%;}
.products-tip .product-img {display: flex;justify-content: center;align-items: center;text-align:center;height:130px;}
.products-tip .product-noimg { width: 120px;flex-shrink: 0;display: flex;justify-content: center;align-items: center;height:130px;}
.products-tip .product-desc {display:grid;width:100%}
.products-tip a{text-decoration:none;}
.products-tip h3{padding:5px 0px;margin:0px;font-size:.9em;min-height:48px;background:none;}
.products-tip ul{ list-style-type: none;margin:0px;padding:0px;list-style: none;list-style-type: none;}
.products-tip ul li{border-bottom:1px solid #e2e2e2; position:relative; padding:1px; float:left; margin:0px;overflow:hidden;}
.products-tip ul li:hover{border:1px solid #e2e2e2;padding:0 0 1px 0; box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.1);}
.products-tip .foto{margin:0px;padding:0;width:auto;max-height:130px !IMPORTANT;}
.products-tip .orderdiv{min-width:200px;width:100%;display: inline-block;align-self: flex-end;}
.products-tip form{margin:10px 0px;}
.products-tip input,.products-tip  select{margin:2px 5px;padding:2px 5px;}
.products-tip .desc{font-size:1em;width:100%;padding-right:10px;max-height:110px;overflow: hidden;}
.products-tip .desc ul{ list-style-type: circle;margin:0px;padding:0px;list-style: circle;list-style-type: circle;}
.products-tip .desc ul li{border:none;  padding:0px 5px; float:left; margin:0px;overflow:inherit; height:inherit;list-style: circle;}
.products-tip .cena{margin:0px 0px 5px 0px;font-weight: 500;  }


.eshop_last .product-info {padding:0px 10px !IMPORTANT;display: flex;width: 100%;align-items: center;}
.eshop_last img { max-width: 100%;height: auto;max-height:60px;display: block;}
.eshop_last .product-img { width: 60px;flex-shrink: 0;display: flex;justify-content: center;align-items: center;height:60px;}
.eshop_last .product-noimg {width: 60px;flex-shrink: 0;display: flex;justify-content: center;align-items: center;;height:60px;}
.eshop_last .product-desc { display: flex;align-items: center;flex-grow: 1;padding-left: 10px;}
.eshop_last  a{text-decoration:none;}
.eshop_last  h3{padding:5px 0px;margin:0px;font-size:.9em;}
.eshop_last  {list-style-type: none;margin:0px;padding:0px;list-style: none;list-style-type: none;}
.eshop_last  li{border-bottom:1px solid #e2e2e2;display: flex;align-items: center;width: 100vw;padding: 0 0 1px 0;box-sizing: border-box;border-bottom: 1px solid #ddd;}
.eshop_last  li:hover{ box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.1);}
.eshop_last  .orderdiv{margin-left: auto;text-align: right;}
.eshop_last  .price{font-size:1em !IMPORTANT;margin:0px 0px 5px 0px;font-weight: 500;  }

#gallery .small{vertical-align: top;width:15%;max-width:80px;}

.gallery-container {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 10px;
    border: 1px solid #d2d2d2;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
}

.main-image,
.thumbnail-container a {
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
    overflow: hidden;
    box-shadow: none;
    transition: border-color 0.2s ease;
}

.main-image:hover,
.thumbnail-container a:hover {
    border-color: #c7c7c7;
}

.main-image img {
max-width:95% !IMPORTANT;max-height:350px;margin:8px auto;
transform:scale(.97);transition: transform 0.45s ease;-o-transition: transform 0.45s ease;-webkit-transition: transform 0.45s ease;
}
.main-image:hover img, .thumbnail-container img:hover {
transform:scale(1);
}

.thumbnail-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 10px;
    text-align: center;
}

.thumbnail-container .href {
    flex: 1 1 calc(16.666% - 10px);
    max-width: calc(16.666% - 10px);
    box-sizing: border-box;
    aspect-ratio:4/3;
    overflow: hidden;
}

.thumbnail-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transform:scale(.97);transition: transform 0.45s ease;-o-transition: transform 0.45s ease;-webkit-transition: transform 0.45s ease;
}

.more-images {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.45);
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    height: 100%;
    cursor: pointer;
}

@media only screen and (max-width: 768px) {
    .gallery-container {padding: 10px;}
    .thumbnail-container .href {
        flex: 1 1 calc(25% - 8px);
        max-width: calc(25% - 8px);
    }
}

@media only screen and (max-width: 480px) {
    .thumbnail-container .href {
        flex: 1 1 calc(33.333% - 7px);
        max-width: calc(33.333% - 7px);
    }
}


#detail .param{width:670px;height:30px;border-bottom:1px solid #969696;margin-top:30px}
#detail .param div{height:30px;font-size:130%;width:160px;text-align:center;float:left;border-left:1px solid silver;line-height: 30px;}
#detail .param .last{width:1px;}
#detail .param a:hover div, .param .active{background:url('images/param_bg.png');}
#detail li{margin-left:0px;}
#detail .order{float:left;line-height: 2.6em;width:240px;}
#detail form{margin:10px 0px;}
#detail input,#detail  select{margin:2px 2px 0 2px;padding:0px 2px;border-radius:4px;border:1px solid #585858;text-align:center;}
#detail select{padding:4px;}
#detail input{width:52px}
#detail .desc{font-size:1em;width:100%;padding-right:10px;max-height:150px;overflow: hidden;}
#send_item{text-align: right;margin-right: 30px;}
#send_form{border:1px solid #ACACAC;   -webkit-box-shadow: 2px 2px 7px #ACACAC;-moz-box-shadow: 2px 2px 7px #ACACAC;box-shadow: 2px 2px 7px #ACACAC;display:none;padding:20px;}
.table_param{width:100%;border:1px solid #ACACAC;   -webkit-box-shadow: 0px 2px 2px #ACACAC;-moz-box-shadow: 0px 2px 2px #ACACAC;box-shadow: 0px 2px 2px #ACACAC;border-radius:8px}
.table_param tr:nth-child(even){background-color: rgba(120,120,120,.05)}
.table_param tr:nth-child(odd){background-color: none;}
.table_param td{padding:5px 3px 5px 15px;color:#808080;}
.table_param .first{color:#585858;text-align:right;padding:5px 15px 5px 3px;width:200px;}
.table_param img{padding:0px;width:200px;
-moz-border-radius: 5px;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;      border-radius: 5px;border:2px solid #969696;margin:2px;
-moz-transition: opacity 0.5s ease-in-out;-webkit-transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;-ms-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;
opacity:.8;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);}
.table_param img:hover{opacity:1;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.table_param .button{border:none;width:16px; opacity:1;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.colo {font-size:1.3em;float:left;width:46px;margin:2px 5px 0px 10px;height:20px;border:1px solid #969696;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);border-radius:4px}
.color {width:36px;height:10px;border:1px solid #000000;margin:0px 5px;}
.carousel {padding:4px 0; position:relative;}
.carousel h4 {color:#000; margin:19px 0 10px 0;}
.item_foto{width:390px; }
#send_form h3{font-size:1.2em;background:none;padding-left:2px;}
.e_form {color: #585858;width:90%;margin:0 5%;}
.e_form .first{padding:0 15px;line-height: 40px;vertical-align: top;color: #585858;text-align:right;font-size: 1.1em;}
.e_form .second input{padding:0 15px;vertical-align: top;}
.e_form .second input, .e_form .second textarea{color: #585858;font-size: 1em;border:1px solid #C0C0C0;width:90%}
.e_form .second input:focus, .e_form .second textarea:focus{color: #585858;border:1px solid #8080FF;   background: #D5FFAA}
.login_tab{margin: 0 !IMPORTANT;width:100%}
.login_tab label{margin:4px 0 0 0 !IMPORTANT;width:100%;text-align: left;}
.login_tab td{padding:2px 10px;}
.login_tab a{color:#000 !IMPORTANT;font-size:.8em;}
.login_tab a:hover{color:#000 !IMPORTANT;text-decoration: underline;}
#login {font-size:1em !IMPORTANT;position:relative;width:100%;margin:5px 0 0 0;float: right;padding:0 20px;min-height:60px;border:1px solid RGBA(255,255,255,.2);display:inline-grid ;align-items:flex-end;border-radius: 8px;}
#login h4{padding:8px 0 2px 0 !IMPORTANT;margin:0;font-size:1em;font-weight: 600;}
#login_form h4{color:#585858 !IMPORTANT;padding:10px 0 2px 0 !IMPORTANT;margin:0;font-size:1em;font-weight: 600;}
#login .logged{font-size:0.8em;text-align:center}
/* Modern login banner (header) while keeping dynamic configured colors from inline style. */
#login.login-modern{display:block;min-height:64px;padding:10px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.35);box-shadow:0 2px 4px rgba(15,23,42,.12);}
#login.login-modern .login-modern__inner{display:flex;flex-direction:column;gap:6px;}
#login.login-modern .login-modern__links{display:flex;justify-content:center;align-items:center;gap:8px;line-height:1.2;}
#login.login-modern .login-modern__link{font-weight:700;text-decoration:none;color:var(--login-text-color,#232323) !important;}
#login.login-modern .login-modern__link:hover{text-decoration:underline;opacity:.95;}
#login.login-modern .login-modern__sep{opacity:.8;font-weight:700;}
#login.login-modern .login-modern__status{display:flex;justify-content:center;align-items:center;gap:8px;font-size:.86em;text-align:center;color:var(--login-text-color,#232323) !important;}
#login.login-modern .login-modern__status i{font-size:1.12em;color:var(--login-text-color,#232323) !important;margin:0;padding:0;}
#login.login-modern .login-modern__label{font-weight:700;}
#login.login-modern .login-modern__user{font-weight:600;word-break:break-word;}
#login_form .first{vertical-align: middle; }
#login_form  input, #login_form  textarea{color: #000 !IMPORTANT;width:90%;margin:0 5%;padding:5px;border:1px solid #C0C0C0;background: #FFFFFF;}
#login_form  input:focus, #login_form  textarea:focus{color: #585858;border:1px solid #8080FF;   background: #FFFFFF;}
#login_form {text-align:left !IMPORTANT;display:none;min-width:250px;font-size: 1em;color:#232323;padding:2px 5px;margin:0px 8px;overflow: hidden;background: #FFFFFF;border: 0;position:absolute;right:0;top:70px;z-index:1003 !IMPORTANT;
-webkit-box-shadow: 1px 1px 9px 1px rgba(0,0,0,0.33);
-moz-box-shadow: 1px 1px 9px 1px rgba(0,0,0,0.33);
box-shadow: 1px 1px 9px 1px rgba(0,0,0,0.33);
}

@media only screen and (max-width: 960px) {
#login.login-modern{min-height:56px;padding:8px 10px;border-radius:10px;}
#login.login-modern .login-modern__status{font-size:.82em;}
}

#slider_tip{border:4px solid #D0D0D0;}
.ban {position:absolute;right:0px;padding:1px 8px;z-index:96;
   opacity:0.8;        
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);border-radius:4px}
 .ban.red{background: #FF0000;color:#FFFFFF;font-size:14px;}
 .ban.blue{background: #0D76BA;color:#FFFFFF;font-size:14px;}
 .ban.green{background: #00A82B;color:#FFFFFF;font-size:14px;}
.cena_small {color:#C40000;font-weight:800;font-size:1.2em;display: flex;align-items: center;}
@media only screen and (max-width: 860px) {
.basket_level .in{font-size:1em;height:30px;line-height:1.2em;}
}
@media only screen and (max-width: 768px) {
.basket_level .in{font-size:.9em;height:30px;line-height:1em;}
.basket_form .first{padding:3px 10px 3px 0px;text-align: left;vertical-align: middle;}
.basket_form .second{padding:3px 10px 3px 0px;text-align: left;vertical-align: middle;}
.basket_form .second input{width:100%}
}
@media only screen and (max-width: 580px) {
.basket_level .in{font-size:.7em;height:20px;line-height:.8em;}
}



            #menu ul li  .submenu {

                position: absolute;
                overflow: auto;
                background-color: #FFF !IMPORTANT;
                color:#000 !IMPORTANT;
                max-height:650px;
                top: 0;
                left:98%;
                padding:0px;margin:0px;
                width: 0px;

                z-index: 101;

                -webkit-transition: width 200ms ease-in;

                -moz-transition: width 200ms ease-in;

                -ms-transition: width 200ms ease-in;

                transition: width 200ms ease-in;

            }


            #menu ul li > ul li a:hover

            {

                background-color:#FFF;

            }
            #menu ul li:hover .submenu {

                width:500%;
                box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.2);
                border:1px solid #D0D0D0;
                -webkit-transition: width 200ms ease-in;

                -moz-transition: width 200ms ease-in;

                -ms-transition: width 200ms ease-in;

                transition: width 200ms ease-in;

            }
.s00{min-width:240px;}
.s00:hover{box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);}
.s1{width:100%;font-size: 16px;font-weight: 800;}
.s11{float:left;width:60px}
.s12{float:left;font-size:12px}
.s2{padding:0px !IMPORTANT}
.submenu, .submenu a, .submenu a:hover{color:#000 !IMPORTANT;}



.e-menu-container {display: flex;height: 100%}
.main-e-menu {list-style: none;padding: 0 !IMPORTANT;margin: 0;background-color: #f4f4f4;height: 100%;}
.main-e-menu li {position: relative}
.main-e-menu li a {display: block;padding: 2px 0px 2px 15px;text-decoration: none;}
.main-e-menu li a:hover {background-color: rgba(0, 0, 0, 0.1)}
.e-submenu {
    display: none;
    position: absolute; /* Použito fixed pro zarovnání s první položkou */
    left:220px;
    top: 0; /* Zarovnáno s horním okrajem stránky */
    width: calc(70vw - 240px);
    min-width:800px;
    padding: 5px 0px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    /*min-height: 66.67vh;  Minimální výška 2/3 výšky stránky */
    background: rgba(248,248,248,1);
    border: 4px solid rgba(120,120,120,.2);
    background: #FFF;
}
.main-e-menu li:hover .e-submenu {
    display: grid; /* Použití CSS Grid pro rozložení sloupců */
    overflow: hidden;
    grid-template-columns: repeat(4, 1fr); /* Maximálně 4 sloupce */
    grid-auto-rows: minmax(100px, auto); /* Minimální výška řádku 100px, automaticky se přizpůsobí obsahu */
    gap: 10px; /* Mezera mezi sloupci */
    align-items: stretch; /* Zarovnání sloupců v řádku podle nejvyššího sloupce */
}
.e-submenu-column {display: flex;flex-direction: column;padding:5px 0 5px 10px;border-bottom:1px solid rgba(0,0,0,.2)}
.e-submenu-top {height:45px;display: flex;align-items: center;text-align: left;font-weight: 800;}
.e-submenu-column li a{line-height:16px;}
.e-submenu img {max-width: 60px !IMPORTANT;max-height: 45px !IMPORTANT;float:left;height: auto;margin-right:10px;}
.sub-e1-submenu img {max-width: 60px !IMPORTANT;max-height: 45px !IMPORTANT;height: auto;margin-right:10px;flex-shrink:0;}
.e-submenu-column ul {margin:0 0 0 20px;padding: 0;flex-grow: 1;}
.e-submenu-column ul li{list-style: disc;padding:0px;margin:0px;list-style-position: outside;}
.e-submenu-column ul li.e-more {list-style: none}
.e-submenu-column ul li.e-more a{font-weight: 800 !IMPORTANT}
.e-submenu-column ul li a {display: block;padding: 2px 4px;text-decoration: none;}
.e-submenu-column ul li a:hover {color: #000;}
.sub-e-submenu-level4 {margin: 0 0 0 15px;padding: 0;}
.sub-e-submenu-level4 li {list-style: circle;}

.main-e1-menu {list-style: none;padding: 5px 0 0px 10px !IMPORTANT;margin: 0;width: 100%;}
.main-e1-menu i{font-size: 120% !IMPORTANT;padding-top:0px;float:right;}
.main-e1-menu li {position: relative}
.main-e1-menu li a {display: block;padding: 2px 5px;text-decoration: none;}
.main-e1-menu li a:hover {background-color: rgba(0, 0, 0, 0.1);}
.e1-submenu, .sub-e1-submenu {display: none;list-style: none;padding: 5px 0 5px 10px !IMPORTANT;background: rgba(0,0,0,.05);}
.e1-submenu li {position: relative;}
.sub-e1-submenu {
    position: absolute;
    left: 100%;
    top: 0;
    min-width: 240px;
    z-index: 1000;
    box-shadow: 0 4px 12px rgba(0,0,0,.2);
    background: #f7f7f7;
}
.e1-submenu.e1-submenu-open {display: block;}
.sub-e1-submenu.sub-e1-submenu-open {
    display: block;
    position: static;
    left: auto;
    top: auto;
    min-width: 0;
    box-shadow: none;
    background: rgba(0,0,0,.05);
}
.main-e1-menu.menu-open-2 .sub-e1-submenu {
    display: none !IMPORTANT;
    position: absolute;
    left: 100%;
    top: 0;
    width: calc(70vw - 240px);
    min-width: 800px;
    padding: 5px 0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    background: #FFF;
    border: 4px solid rgba(120,120,120,.2);
}
.main-e1-menu.menu-open-2 .e1-submenu > li:hover > .sub-e1-submenu {
    display: grid !IMPORTANT;
    overflow: hidden;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: minmax(100px, auto);
    gap: 10px;
    align-items: stretch;
}
.main-e1-menu.menu-open-3 .sub-e1-submenu {
    display: block !IMPORTANT;
    position: static;
    left: auto;
    top: auto;
    min-width: 0;
    box-shadow: none;
    background: rgba(0,0,0,.05);
}
.main-e1-menu li:hover > .e1-submenu,.e1-submenu li:hover > .sub-e1-submenu {display: block;}
.sub-e1-submenu .e-submenu-column {display: flex;flex-direction: column;padding:5px 0 5px 10px;border-bottom:1px solid rgba(0,0,0,.2)}
.sub-e1-submenu .e-submenu-top {height:45px;display:flex;align-items:center;text-align:left;font-weight:800;}
.sub-e1-submenu-level4 {display:none;margin:0 0 0 20px;padding:0;list-style:none;}
.sub-e1-submenu .e-submenu-column:hover > .sub-e1-submenu-level4 {display:block;}
.sub-e1-submenu-level4-open {display:block !IMPORTANT;}
.sub-e1-submenu-level4 li {list-style: disc;list-style-position: outside;}

.sub-sub-e1-submenu {display:none;list-style:none;padding: 5px 0 5px 10px !IMPORTANT;background: rgba(0,0,0,.05);}
.sub-sub-e1-submenu.sub-sub-e1-submenu-open {display:block;}
.sub-e1-submenu li:hover > .sub-sub-e1-submenu {display:block;}



.main-e0-menu {list-style: none;padding: 5px 0 5px 10px !IMPORTANT;margin: 0;width: 100%;}
.main-e0-menu i{font-size: 120% !IMPORTANT;padding-top:5px;float:right;}
.main-e0-menu li {position: relative}
.main-e0-menu li a {display: block;padding: 0px 5px;text-decoration: none}
.main-e0-menu li a:hover {background-color: rgba(0, 0, 0, 0.1);}
.e0-submenu, .sub-e0-submenu, .sub-sub-e0-submenu {list-style: none;padding: 5px 0 5px 10px !IMPORTANT;background: rgba(0,0,0,.05);}

.main-e2-menu {list-style: none;padding: 5px 0 5px 10px !IMPORTANT;margin: 0;width: 100%;}
.main-e2-menu i{font-size: 120% !IMPORTANT;padding-top:5px;float:right;}
.main-e2-menu li {position: relative}
.main-e2-menu li a {display: block;padding: 0px 5px;text-decoration: none;}
.main-e2-menu li a:hover {background-color: rgba(0, 0, 0, 0.1);}
.e2-submenu, .sub-e2-submenu, .sub-sub-e2-submenu {display: none;list-style: none;padding: 5px 0 5px 10px !IMPORTANT;background: rgba(0,0,0,.05);}
.e2-submenu.e2-submenu-open, .sub-e2-submenu.sub-e2-submenu-open, .sub-sub-e2-submenu.sub-sub-e2-submenu-open {display: block;}
.main-e2-menu li:hover > .e2-submenu,.e2-submenu li:hover > .sub-e2-submenu,.sub-e2-submenu li:hover > .sub-sub-e2-submenu {display: block;}

.main-e3-menu {list-style: none;padding: 5px 0 5px 10px !IMPORTANT;margin: 0;width: 100%;}
.main-e3-menu i{font-size: 120% !IMPORTANT;padding-top:5px;float:right;}
.main-e3-menu li {position: relative}
.main-e3-menu li a {display: block;padding: 0px 5px;text-decoration: none;}
.main-e3-menu li a:hover {background-color: rgba(0, 0, 0, 0.1);}
.e3-submenu, .sub-e3-submenu, .sub-sub-e3-submenu {display: none;list-style: none;padding: 5px 0 5px 10px !IMPORTANT;background: rgba(0,0,0,.05);}
.sub-e3-submenu {position: absolute;
    left: 100%;
    top: 0;
    min-width: 240px;
    z-index: 1000;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .2);
    background: #f7f7f7;}
.e3-submenu.e3-submenu-open, .sub-e3-submenu.sub-e3-submenu-open, .sub-sub-e3-submenu.sub-sub-e3-submenu-open {display: block;}
.main-e3-menu li:hover > .e3-submenu,.e3-submenu li:hover > .sub-e3-submenu,.sub-e3-submenu li:hover > .sub-sub-e3-submenu {display: block;}

div#pop-up{-webkit-box-shadow: 1px 1px 14px 1px rgba(0,0,0,0.33);-moz-box-shadow: 1px 1px 14px 1px rgba(0,0,0,0.33);box-shadow: 1px 1px 14px 1px rgba(0,0,0,0.33);display:none;height: auto;position: fixed;z-index:15;background:#fff;padding:10px 10px 20px 20px;top:30%;left:0;right:0;margin:0px auto;width:460px;max-width:100% !IMPORTANT;height:auto;border:4px solid #bababa;min-height:160px;z-index:1002;}
.favorite .sub{-webkit-box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.33);-moz-box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.33);box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.33);padding:5px 0 !IMPORTANT;text-align:center;margin-bottom:10px !IMPORTANT;}
.favorite{padding-bottom:10px;}
.favorite .active div{font-weight: 600;background:#F3F3F3}
.favorite a:hover div{background:#FaFaFa}