/*FAVORIETEN*/
.favList,.favListOk						{position:absolute;top:0px;right:0px;font-size:20px;border-radius:3px;z-index:20;}
.favList a								{color:#ccc;}
.favList a:hover						{color:#c00;}
.favListOk a							{color:#c00;}

#aantalFavs a							{color:#fff;font-size:20px;margin-right:20px;text-decoration:none;border:solid 1px #fff;padding:3px;}
#aantalFavs a i							{color:#fff;}
#aantalFavs a:hover						{background-color:#8b876a;border:solid 1px #8b876a;}
#aantalFavs a:hover i					{color:#f60;}
#aantalFavsMob							{display:none;}

/* OVERLAYMNU_CATALOG */
#subb1,#subb2,#subb3					{z-index:950;display:none;width:33.333%;position:fixed;top:0px;left:0px;bottom: 10px;background-color:var(--BACKGROUND); overflow-y: scroll;max-height: 100%;box-sizing:border-box;padding:50px 30px 50px 50px;border-right:solid 1px #666;}
#subb1 h1,#subb2 h1,#subb3 				{text-transform:uppercase;}
#subb1									{}
#subb2									{z-index:951;left:33.333%;}
#subb3									{z-index:952;left:66.666%;}

/* ZOEKEN */
#subbZ1,#subbZ2,#subbZ3					{z-index:950;display:none;width:33.333%;position:fixed;top:0px;left:0px;bottom: 10px;background-color:var(--BACKGROUND); overflow-y: scroll;max-height: 100%;box-sizing:border-box;padding:50px 30px 50px 50px;}
#subbZ2									{z-index:950;left:33.333%;}
#subbZ3									{z-index:950;left:66.666%;}
a.nivFew								{text-transform:uppercase;text-decoration:none;margin-bottom:5px;display:block;font-size:13px !important;border-bottom:solid 1px #000;padding-bottom:5px;}
a.nivFew:hover							{color:var(--MAINCOLOR);}
a.nivFew i								{color:var(--MAINCOLOR);}

/* CLOSE BUTTONS */
.cllo									{font-size:40px;padding-right:0px;}
a.cllo									{color:var(--MAINCOLOR);}

.fiche {border-radius: 16px;text-decoration: none;display: inline-flex;align-items: center;gap: 10px;background-color: var(--MAINCOLOR);width: 100%;padding: 10px 25px;justify-content: center;box-shadow: 0 10px 22px rgba(0, 0, 0, .16);font-weight: 700;color: #fff;font-size: 14px;}
.fiche:hover {background-color: var(--MAINCOLOR2);color: #fff;}

#catContent								{}
.pad									{position:relative;}
.error									{background-color:var(--RED);color:#fff;padding:10px;}

/*ANDEREPRODUCTEN*/
#otherProds								{margin-top:50px;}
#otherProds height: 2px;				{margin-top:100px;color:var(--MAINCOLOR);}

/*MERKEN*/
#merkDiv								{margin-bottom:60px;}
.merImg									{max-width:100%;width:100%;}
a.merkImg 								{width:10%;filter:grayscale(0.5);}
@media screen and (max-width: 1130px) 	{a.merkImg{width:20%;}}
@media screen and (max-width: 640px) 	{a.merkImg{width:25%;}}

.merkTitel{}
.merTxt									{margin-top:20px;}
.merSubTit								{font-weight:bold;margin-top:20px;text-transform:uppercase;}
.merParent								{color:var(--MAINCOLOR);}

.placer 								{box-shadow: 0 2px 12px -2px rgba(21,31,40,0.08);border-radius: 16px;overflow: hidden;background-color: #fff;display: flex;flex-direction: row;}
.placer2 								{box-shadow: 0px 12px 18px -6px rgb(0 0 0 / 34%);}

/*PROMOTIE-NIEUW BALK*/
.nieuwSlick {margin-bottom:20px;}
.slickTit{margin-bottom:30px;}
.nieuwSlick div h3{color:var(--MAINCOLOR2);font-size:18px;}
#allNieuwSlick{}
#allNieuwSlick a{text-decoration:none;}
.owl-nav{width:100%;text-align:center;}

/*BREADCRUMB*/
.breadcrumb {margin-top: 20px;}
#catTitle {}
#catTitle span {display:inline;}
#catTitle a{text-decoration:none;}

/*CATNIV*/
#catalog {display: grid;grid-template-columns: 1fr 4fr;gap: 60px;}
#cat {background-color: #fff;padding: 20px;}
.catniv1 {list-style-type:none;margin:0;}
.catniv1 li {margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #000;}
.catniv1 li a {display:block;text-align:left;text-decoration:none;text-transform:uppercase;color:#343434;}
.catniv1 ul {margin:0;list-style-type:none;}
.catniv1 li ul li {margin:0;padding:0;border:0;margin-left:10px;}
.catniv1 li.curr ul li a {background-color:#fff;font-size:11px;color:#000;padding:0;}
.catniv1 li ul li a {background-color:#fff;font-size:11px;color:#000;padding:0;}
.catniv1 li ul li.curr a {color:#343434;}
.catniv1 li ul li a:hover {color:#343434;}
.catniv1 li ul ul li ul ul li {border-bottom:1px dashed #000;}


/*NIVEAUTEKST*/
#aboutNivBtn{display:block;text-align:right;}
#aboutNivBtn a,.nivTxt a{display:inline-block;background-color:var(--MAINCOLOR);color:var(--BACKGROUND);text-decoration:none;text-transform:uppercase;padding:3px 7px 3px 7px;}
#aboutNivBtn a:hover,.nivTxt a:hover{color:var(--MAINCOLOR);outline:solid 1px var(--MAINCOLOR);background-color:var(--BACKGROUND);}
.nivTxt {display:none;margin-bottom:25px;width:100%;background-color:#fff;margin:25px auto 25px 0px;border-top:dashed 1px #bbb;border-bottom:dashed 1px #bbb;cleaer:both;float:none;}
#aboutNivClose{text-align:center;}
#aboutNivClose a{text-decoration:none;font-weight:bold;margin-bottom:20px;display:inline-block;}
#aboutBtn{text-align:right;}

/*NIVEAUSLIJST MET THUMB*/
.nivPic {position:relative;flex: 1;}
.nivPic a {display:block;height: 100%}
.nivPic a img{position:relative;width:100%;height: 100%;object-fit: cover;}
.nivPic a img.cover{object-fit:cover;}
.nivTitle {text-align:center;margin:15px 0 15px 0;}
.nivTitle a {text-decoration:none;font-size:20px;font-weight: 700;}

/*ADD IN PRODLIST*/
.addinprodlist{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:20px}
.addinprodlist>div:nth-child(4){flex:0 0 100%}
.addinbtn{display:flex;align-items:center;justify-content:center;width:100%;height:48px;padding:0 16px;border-radius:10px;background:#aaa;color:#fff;font-weight:700;text-decoration:none;white-space:nowrap}
.addinbtn:hover {opacity: 0.9;color: #fff !important;}
.addinbtn i{margin-right:8px}
.addinprodlist>div:first-child{display:flex;align-items:center;gap:8px}
[id^="stuks"]{white-space:nowrap;color:#6b7280;font-size:14px}
[id^="stuksAantal"]{display:inline-block;min-width:22px;text-align:center;font-weight:700;font-size:14px;line-height:1;color:#111}
.downP,.upP{display:inline-flex;align-items:center;justify-content:center;width:34px;height:32px;border:1px solid #d9d9d9;background:#fff;color:#333;text-decoration:none}
.downP{border-radius:10px 0 0 10px}
.upP{border-radius:0 10px 10px 0}
.downP i,.upP i{font-size:12px}
.addinprodlist>div:nth-child(3){margin-left:-20px}

a.gotoShopInc:hover{color:#ccc;}

/*PRODUCTENLIJST MET THUMB*/
.inside {padding: 25px;color: rgb(103, 115, 126);font-size: 14px;margin-top: 5px;flex: 2;}
.prodTitle {}
.prodTitle a {text-decoration:none;font-size:18px;display: block;font-weight: 600;margin-bottom: 15px;}
.prodTitle a:hover {color:var(--MAINCOLOR2);}
.eprijs {}

/*PRODDETAIL*/
#prodDiv {display: flex;margin: 0 auto;max-width: 1160px;gap: 60px;}
#prodPic {flex: 1;position:relative;}
#prodPic a {display:block;}
#prodPic img {width:100%;border-radius: 16px;aspect-ratio: 1/1;object-fit: cover;}
#prodPic div.Floader img {width:auto;}
#prodShop{flex: 1;}
#prodShop h1 {font-size: 30px;margin-bottom: 10px;}
#prodShop addForm{}
#prodOms{float:left;width:300px;margin-top:25px;padding-right:30px;}

.prijsdet {padding: 20px;background-color: #fff;box-shadow: 0 2px 12px -2px rgba(21,31,40,0.08);border-radius: 16px;color: rgb(103, 115, 126);font-size: 14px;margin: 25px 0;}
.prijsdet div:first-child {}
.latijn {font-style: italic;color: rgb(103, 115, 126);}

/*THUMBS*/
#thumbs {margin-top:10px;}
.thumb {float:left;width:23.5%;margin-left:2%;position:relative;}
.t4 {margin-left:0;}
.thumbs4 {margin-bottom:10px;}
.thumbs2 {margin-bottom:10px;display:none;}

/*PRIJS*/
.prijs,.prijs2,.prijs3 {}
.prijs span{font-weight: 700;color: var(--MAINCOLOR);font-size: 24px;}
.prijs2 span{font-size:22px;}
.prijs3 span{text-decoration:line-through;color:#f60;}
#prodDiv span.prijs  {font-weight: 900;color: var(--MAINCOLOR);font-size: 30px;}
#prodDiv span.prijs2 {display:inline-block;padding:5px 10px;font-size:20px;}
span.prijs3 {display:inline-block;text-decoration:line-through;color:#f60;font-size:18px;margin-bottom:10px;}

/*NIEUW / PROMO*/
.nieuw {position:absolute;background-color:#00c5a3;color:#fff;padding:2px 3px;z-index:100;text-transform:uppercase;padding-right:30px;border-bottom-right-radius:20px;}
.promo {position:absolute;left:0px;background-color:#00b0fe;color:#fff;padding:2px 3px;z-index:100;text-transform:uppercase;padding-right:30px;border-bottom-right-radius:20px;}
.uitv {position:absolute;left:0px;background-color:var(--MAINCOLOR);color:#fff;padding:2px 3px;z-index:100;text-transform:uppercase;}

#info {margin-bottom: 30px;}

/*CATMENU*/
#catNav{float:right;}
#catNav ul{list-style-type:none;margin:0;}
#catNav li{width:15px;height:15px;float:left;margin-left:5px;}
a.next {width:15px;height:15px;display:block;background-image:url(../catimg/volgend_product.jpg);text-indent:-10000px;}
a.next:hover {background-image:url(../catimg/volgend_product_hover.jpg);}
a.prev {width:15px;height:15px;display:block;background-image:url(../catimg/vorig_product.jpg);text-indent:-10000px;}
a.prev:hover {background-image:url(../catimg/vorig_product_hover.jpg);}
a.up {width:15px;height:15px;display:block;background-image:url(../catimg/bovenliggende_map.jpg);text-indent:-10000px;}
a.up:hover {background-image:url(../catimg/bovenliggende_map_hover.jpg);}

/*PAGER*/
#pagerAbove {margin:10px 0px 30px 0px}
#pagerBelow {margin-top:30px;}
.pagingDiv {}
.pagingDiv ul {margin:0;list-style:none;display: flex;flex-wrap: wrap;}
.pagingDiv li {}
.pagingDiv li a {text-decoration:none;font-size:12px;color:#aaa;padding:5px 10px;display:block;background-color:#fff;text-align:center;margin-left:2px;border:solid 1px #e3e0d7;}
.pagingDiv li.pagingCurrent a {color:#343434;background-color:#e3e0d7;}
.pagingDiv li a.pagingAllCurrent {color:#343434;background-color:#e3e0d7;}
.pagingDiv li a:hover {color:#343434;background-color:#e3e0d7;}

#addProd {margin-top: 30px;}
.flexShop {display: flex;align-items: center;flex-wrap: wrap; gap: 15px;}
.quantity,.quantity *,.quantity a,.quantity input {border: none !important;outline: none !important; box-shadow: none !important;}
.quantity {display:inline-flex;align-items:center;height:44px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(15,23,42,.10);}
.quantity .minAantal,
.quantity .plusAantal {width:44px;height:44px;background:#f0f2f4;}
.quantity .minAantal a,
.quantity .plusAantal a {width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:#0f172a;}
.quantity .aantalShop {width:56px;height:44px;background:#fff;border-left:1px solid rgba(15,23,42,.10);border-right:1px solid rgba(15,23,42,.10);}
.quantity .aantalShop input {width:100%;height:100%;text-align:center;font-size:15px;font-weight:800;background:transparent;}
.toevoegen {flex:1;}
.shop_submit.shopadder {width:100%;height:44px;padding:0 26px;border-radius:12px;background:var(--MAINCOLOR);color:#fff;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 10px 22px rgba(0,0,0,.16);}

/*ZOEKEN*/
.searches{background-color:#fff;padding:10px;padding-bottom:150px;}
.allSearches{font-size:12px;padding-left:25px;}

/*SHARES*/
#share {margin-top:30px;}
.share ul {list-style-type:none;margin:0;}
.share ul li {display:inline-block;margin-right:2px;}
.share ul li.last {margin:0;}
.share ul li a img {width:40px;}
