﻿
#banner {
    max-height: var(--max-hi);
	margin:0 auto;
    /* height: calc(100vh - var(--sd-hi));
    margin-top: var(--sd-hi); */
    aspect-ratio: 8 / 4;
}
#banner .owl-item section {
    height: 100%;
    background-size: cover;
}
.cd-main-content{overflow:hidden}.cd-main-content h2{padding:3px 0 6px;border-radius:5px}.grid-sec>a,.map iframe,.nwslast img,.owl-item article p{display:block}
.cat-grid-sec,.sc_about{margin:0 auto 8px;max-width:860px}

@media only screen and (max-width:560px){
/*#wrapper{margin:var(--fs-hi) auto 0}*/
#wrapper{margin:0 auto}

.cat-grid-sec{flex-wrap:wrap}
.open button.search_but{border-radius:0 .5em 0 0!important}
}

#cd-catalog-items:after,#owl-slide{overflow:hidden;clear:both}#owl-slide .owl-item picture img,.block-item picture img,.grid-prod picture img,.grid-sec>a img{width:100%;height:100%;object-fit:cover}.info{background:var(--midl-grays);padding:.75rem 1.5rem;z-index:10}#cd-catalog-items:after{content:"";display:block}.marquee,.resent-view h3,marquee{text-align:center}
.search-main .label,form.wrap{overflow:visible!important}
.cat-grid-sec, .grid-prod>div {
    display: flex;
    align-items: stretch;
	/*align-items: center;*/
    flex-wrap: wrap;
    justify-content: space-between;
}
/*.cat-grid-sec{flex-direction:column;gap:.5em 0}*/
.cat-grid-sec{gap:.5em}

.grid-sec{width:calc(50% - .5em);display:block;color:var(--bgcl-bases);background: url(/img/main-bg.webp) no-repeat;background-size:100%}


.grid-sec>a {
    position: relative;
    /* margin: 0-3vw; */
    border-radius: var(--brdr-rh);
    overflow: hidden;
    box-shadow:0 2px 8px -4px var(--shdw-light);
}

.grid-sec picture{height:100%;background-color:var(--lght-one); /*border-radius:var(--brdr-rh);*/ overflow:hidden}.grid-prod picture img,.grid-sec>a img{margin:0;border:0;padding:0;max-height:100%;object-position:bottom}.grid-sec>a img{max-width:100%;display:block;object-position:bottom}.grid-sec .title,.grid-sec>a span{z-index:10;text-align:center;position:absolute;margin:auto}
.grid-sec .title {
    display: flex;
    inset: 0;
    padding-bottom: 4%;
    align-items: flex-end;
    justify-content: space-around;
}
.grid-sec .title h2{background:#FFFFFFAA;font-size:1em;display:inline-block;text-transform:uppercase;padding:10px 12px}.grid-prod{display:inline-block;margin:1.5em 0 0;flex:1 1}.grid-prod>div{margin:0;padding:0;position:relative;height:100%;gap:8px;flex-wrap:wrap;align-content:flex-start}.grid-prod a,.grid-prod a>div{position:relative;overflow:hidden}
.grid-prod a {
    color: inherit;
    height: 74vw;
    text-align: center;
    text-decoration: none;
    /* margin: 0 5px 10px; */
    background: var(--bgcl-bodys);
    max-height: calc(50% - 4px);
    /* flex-grow: 0; */
    /* flex-shrink: 0; */
    flex-basis: calc(50% - 4px);
    /* flex-basis: 50%; */
    border: 1px solid var(--mhd-bg-light);
    border-radius: 8px;
    box-shadow: 0px 2px 8px -4px var(--shdw-light);
    display: flex;
    flex-direction: column;
}
.grid-prod a>span{padding:4px 8px}

.grid-prod a>div{background:var(--lght-one);display:block;max-width:100%;box-sizing:border-box;margin:0 0 .5em;height:64%;border-radius:var(--brdr-rh) var(--brdr-rh)0 0;transition:background-color .3s ease}.grid-prod .h4{display:block;max-height:2.25em;overflow:hidden;font-size:13px;line-height:14.5px;font-weight:500}.grid-prod picture{height:100%;pointer-events:none}.grid-prod picture img{display:inline-block;vertical-align:middle}@media screen and (max-width:600px){.grid-prod>div{font-size:.9275em}.grid-prod a>div{/*height:70%*/}}

@media screen and (min-width:560px){

.grid-sec {
    display: flex;
    flex-wrap: wrap;
    max-width: calc(100% / 3 - .5em);
    /* min-height: var(--min-hi); */
    justify-content: center;
    margin-bottom: 1em;
    gap: 0 1em;
}	
	.grid-prod{margin:0;display:none}
	.grid-sec>a{/*height:auto;*/ flex:1 1;flex-basis:8%;/*margin:0 auto*/}.grid-prod a>div{/*height:60%*/}.grid-sec:nth-child(even)>a{order:1}
	.grid-prod a{height:inherit}
}
@media screen and (min-width:800px){
	.grid-sec {/* max-width: calc(100% / 6 - .5em) */}
}
.grid-prod{margin:0;display:none}

@media only screen and (max-width:540px){ul.drpmenu>li{font-size:.9em}#aucompl_drpdwn{width:100%}ul.drpmenu li a,ul.drpmenu li span{float:none}.open button.search_but{border-radius:0 .5em 0 0!important}}
@media screen and (min-width:400px){
		.cat-grid-sec {/* gap:0 */}
		.grid-sec{/* width:50% */}

}
