/* ============================================================
   css-common-lg.css – desktop ≥ 992px
   ============================================================ */
@media (min-width: 992px) {

.container { width: min(100%, 1700px); max-width: calc(100% - 32px); }

* {transition: color .5s, background-color .5s, box-shadow .5s, border .5s;}

/*! layout hlavičky – grid */
#header .header-top .header-top-wrapper {display: grid; grid-template-columns: 1fr 1fr 1fr;}
#header .header-top .header-top-wrapper .site-name, #header .header-top .header-top-wrapper h1.site-name {grid-column:1; grid-row:1;}
#header .header-top .header-top-wrapper .search-widget {width:100%; grid-column:2; grid-row:1; position:unset; padding:0;}
#header .header-top .header-top-wrapper .navigation-buttons  {grid-column:3; grid-row:1;}

/* header menu fixes */
#header .header-bottom{max-width: min(100%, 1700px); margin: auto;}
.navigation-in>ul>li>a {text-transform:unset;} 
.navigation-in>ul { gap: 0; }
.navigation-in>ul>li { margin: 0; }
.fitted .navigation-in ul {justify-content: space-around;}
.top-nav-button-login{background-color:transparent !important; }

/* content blur – jen když je submenu opravdu otevřené */
body.submenu-visible .content-wrapper { transition: filter .5s; filter: blur(4px) opacity(0.75); }

#header .header-top {/* height:85px; */transition:height .5s; }
.scrolled #header .header-top {height:60px;}
#header .header-top .icon-login .icon-login + .sr-only {    
		display: inline-flex;
    position: unset;
    width: auto;
    height: auto;
    font-size: 1.4rem;
}
#header .header-top .header-top-wrapper .site-name, 
#header .header-top .header-top-wrapper h1.site-name {width:min(300px,100%); transition:all .5s;}
#header, .top-navigation-bar {background-color:var( --custom-white-color); --color-tertiary: var(--custom-neutral-panel-color);}
#header {z-index:100; position:sticky; top:0;width:100%; background-color:var(--custom-white-color);}
.scrolled #header { box-shadow: 0 -10px 30px var(--custom-box-shadow-color);}
html:not(.scrolled) body:has(.admin-bar) #header{top: 24px;}
#header .header-top:after {
    content: "";
    display: flex;
    width: calc(100% - 40px);
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    right:0;
    margin:auto;
    opacity: .2;
	width: 1712px;
	max-width: 100%;
    background:linear-gradient(  to left,    var(--color-tertiary) 70px,  var(--color-secondary) calc(100% - 70px));
}

#header .header-bottom:after {
	    content: "";
    display: flex;
    width: calc(100% - 40px);
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    right:0;
    margin:auto;
    opacity: .2;
	width: 1712px;
	max-width: 100%;
    background:linear-gradient(  to left,    var(--color-tertiary) 100px,  var(--color-secondary) calc(100% - 100px));
}
 #header .site-name a {display:flex;height:100%;align-items:center;}
.scrolled #header .header-top .header-top-wrapper .site-name{width:min(200px, 100%); padding-top:8px; padding-bottom:8px;}
.scrolled #header .header-bottom:after {display:none;}

.navigation-in {background-color:var( --custom-white-color);}
.navigation-in .has-third-level div>ul a, 
.navigation-in>ul>li>a {color:var(--color-tertiary);}
.navigation-in ul li a b {font-weight: 700;}
.navigation-in>ul>li.exp>a, .navigation-in>ul>li>a:hover {background-color:var(--custom-white-color); color:var(--color-primary);}
.navigation-buttons a[data-target=search] {display:none !important;}
.navigation-buttons {display:flex; gap: 10px;}
.navigation-buttons > a,
.navigation-buttons > a:hover {background-color:var(--custom-white-color) !important; width:30px; }

.submenu-visible .navigation-in>ul>li.ext.exp>ul {border-bottom:none; box-shadow:0 88px 88px 0 rgba(0, 0, 0, .35); }

.icon-cart:before {
    background-size: 36px;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-flex;
    flex-shrink: 0;
    content: "";
    width: 30px;
    height: 30px;
    background-image: url("https://486870.myshoptet.com/user/documents/upload/design/icons/icon-cart.svg");
    /* background-color: #fff; */
}
.icon-login:before {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-flex;
    flex-shrink: 0;
    content: "";
    width: 30px;
    height: 30px;
    background-image: url("https://486870.myshoptet.com/user/documents/upload/design/icons/icon-user2.svg");
}
.navigation-buttons .icon-phone:before {
    background-position: center;
    width: 30px;
    display: inline-flex;
    flex-shrink: 0;
    height: 30px;
    background-repeat: no-repeat;
    content: "";
    background-image: url("https://486870.myshoptet.com/user/documents/upload/design/icons/icon-phone2.svg");
    background-size: contain;
}
.navigation-buttons .icon-phone:after {display:none;}
.icon-cart:after,
.icon-login:after {display:none;}

.user-action .user-action-in>div.user-action-search {align-items:center; display:flex !important;}
.user-action .user-action-in>div.user-action-search {position:unset !important;}
.popup-widget.search-widget form .search-form-input-group {display:flex; width: 280px;}
.popup-widget.search-widget form .search-form-input-group .search-input { font-weight:normal; width:100%; border-radius:0; padding: 0 20px;box-sizing:border-box; border: none;border-bottom:solid 1px var(--custom-white-color);
    min-height: 46px; text-align:center;order:2;height:40px; transition: transform .5s; }
.scrolled .popup-widget.search-widget form .search-form-input-group .search-input {transform:scale(.91);}
.popup-widget.search-widget form .search-form-input-group .search-input:not(:focus):not(.iconHidden) { background-size: 24px; background-position: left 34px center;  background-repeat:no-repeat;line-height:40px; font-weight:600; background-image:url("https://486870.myshoptet.com/user/documents/upload/design/icons/icon-search.svg") !important; }
.popup-widget.search-widget form .search-form-input-group .search-input:focus {box-shadow:0 0 110px rgba(156, 155, 185, 0.5);border: solid 1px var(--custom-light-primary-5-color);     border-radius: 100px;}
.popup-widget.search-widget form .search-form-input-group .search-input-icon { display:none;}
/* search vzhled */
.popup-widget.search-widget form .search-form-input-group .search-input { background-color:#E0E0E7; border-radius: 1500px;}
.popup-widget.search-widget form .search-form-input-group .search-input:not(:focus):not(.iconHidden) {opacity: .8;}
.popup-widget.search-widget form .search-form-input-group .search-button {display:none !important;}
.popup-widget.search-widget form .search-form-input-group .search-input::placeholder { color:var(--custom-text-color);}
.popup-widget.search-widget form .search-form-input-group .search-input:focus::placeholder { color:var(--custom-text-color); }
.searchWhisperer.active {border-radius:0; box-shadow: 0 0 30px var(--custom-box-shadow-color);}
.popup-widget.search-widget .search-widget-close {display:none !important;}
#header:has(.popup-widget.search-widget form .search-form-input-group .search-input:focus) .header-bottom:not(:hover) {opacity:.5;}
#header:has(.popup-widget.search-widget form .search-form-input-group .search-input:focus) .navigation-buttons a,
#header:has(.popup-widget.search-widget form .search-form-input-group .search-input:focus) .site-name {transiton: filter .5s;}
#header:has(.popup-widget.search-widget form .search-form-input-group .search-input:focus) .navigation-buttons a:not(:hover),
#header:has(.popup-widget.search-widget form .search-form-input-group .search-input:focus) .site-name:not(:hover) {filter:grayscale(1);}

.user-action {background-color:var( --custom-white-color);}

/* child categories */
.subcategories.with-image { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
.subcategories.with-image li { width: 100%; height: 100%; padding: 0; }
.subcategories.with-image li a {padding: 0 10px 20px 10px; box-sizing:border-box; transition:background-color .5s, border-color .5s;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;    row-gap: 10px;    border-radius: 0;}
.subcategories.with-image li a .image {    width: 100%;     height: 100px;}
.subcategories.with-image li a .image img {max-width: 100%;max-height: 100%; mix-blend-mode:multiply;}
.subcategories.with-image li a:before {display:none;}
.subcategories.with-image li a:hover {background-color: transparent; box-shadow: rgba(156, 155, 185, 0.3) 0px 20px 20px -10px; } 
.subcategories.with-image li a .text {color:var(--custom-text-color); font-weight: 600; font-size: 18px;text-align:center;white-space:unset; max-height:unset;}
.subcategories.with-image li a:hover .text {color:var(--color-primary);}

/* HP produkty – slider */
/* HP title – desktop: větší písmo */
.product-slider-holder {padding:0;}
.product-slider-holder .product-slider-navigation.navigation-prev:before {transition:all .5s; opacity: .8;background-repeat:no-repeat; background-size:contain; background-position:center; content:""; background-image:url(https://486870.myshoptet.com/user/documents/upload/design/icons/icon-chevron-left.svg);}
.product-slider-holder .product-slider-navigation.navigation-next:before {transition:all .5s; opacity: .8;background-repeat:no-repeat;background-size:contain; background-position:center; content:""; background-image:url(https://486870.myshoptet.com/user/documents/upload/design/icons/icon-chevron-right.svg);}
.product-slider-holder .product-slider-navigation.navigation-prev:hover:before {opacity: 1;}
.product-slider-holder .product-slider-navigation.navigation-next:hover:before {opacity: 1;} 

/* produktová dlaždice – desktop vylepšení */
.product .p-tools .pr-action .quantity {padding-left: 32px; padding-right:32px; display:inline-block !important; border-radius:0; border-color: var(--custom-light-bg);}
.product .p-tools .pr-action .quantity input[type=number] {height: 100%; color:var(--custom-text-color); font-weight: 500; font-size: 15px; }
.product .p-tools .pr-action .quantity .decrease ,
.product .p-tools .pr-action .quantity .increase {font-weight: 300; color: var(--custom-quantity-arrow-color); height:100%; border-radius:0; border-color:var(--custom-light-bg);background: rgba(0, 0, 0, .025);width: 32px;}
:where(.ums_forms_redesign--on) .quantity label { height: 100% !important; }
.products-block > .product > .p:hover {box-shadow: rgba(156, 155, 185, 0.3) 0px 20px 20px -10px}
.products-block > .product .btn.btn-cart {min-height: 42px; font-size: 16px; line-height: 20px;}
.products-block > .product .btn.btn-cart:hover {text-shadow: 0 0px 1px var(--custom-white-color);}
.products-block > .product .flags { padding: 4px; box-sizing: border-box; }
.products-block > .product .flags .flag { border-radius: 0; }
.products-block>div .p .p-in .p-bottom>div .p-tools .btn.btn-primary:hover {text-shadow: 0 0px 1px var(--color-primary); color:var(--color-primary); box-shadow: inset 0 0 0 1px var(--color-primary); background-color:var(--custom-white-color)}
.products-page.products-block .product { width: calc((100% - 3 * var(--custom-products-gap)) / 4); }
.products-block>div .p .p-in .p-bottom>div .p-desc { color: var(--custom-text-weaker-color); font-size: 14px; padding: 15px 20px; box-sizing: border-box; margin-bottom: 0; }
.products-block>div .p .p-in .p-in-in .name { padding: 0; }
.products-block>div .p .p-in-in { padding: 0 20px; box-sizing: border-box; }
.category-perex > *, .category__secondDescription > * { padding-left: 0; padding-right: 0; }

} /* konec @media (min-width: 992px) */