/*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;}

.blockcard{
    display: block;
    background: #fff;
    border-radius: 16px;
    padding: 22px 24px;
    text-decoration: none;
    color: inherit;

    box-shadow:
        0 4px 12px rgba(15,23,42,0.06),
        0 1px 3px rgba(15,23,42,0.04);

    transition: transform .2s ease, box-shadow .2s ease;
}

.blockcard:hover{
    transform: translateY(-2px);
    box-shadow:
        0 8px 20px rgba(15,23,42,0.08),
        0 2px 6px rgba(15,23,42,0.05);
}

/* header */
.blockcard__media img {object-fit: contain;aspect-ratio: 4/3;width: 100%;margin-bottom: 30px;}
.blockcard__header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.blockcard__header h3{
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: #0f172a;
}

.blockcard__header i{
    font-size: 18px;
    color: #94a3b8;
    transition: transform .2s ease, color .2s ease;
}

.blockcard:hover .blockcard__header i{
    color: var(--MAINCOLOR);
    transform: translateX(4px);
}

/* text */
.blockcard__text{
    font-size: 14px;
}

/* count */
.blockcard__count{
    padding-top: 10px;
    font-size: 14px;
    font-weight: 600;display: block;
    color: var(--MAINCOLOR);
}


.custom-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center; /* centers all li's horizontally */
  gap: 8px;
}

.custom-list li {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.custom-list li::before {
  content: "";
  width: 20px;
  height: 20px;
  background: url('../images/cube.png') no-repeat center;
  background-size: contain;
}




#hmNiv div a 							{display:block;padding:7px;border:solid 1px #000;margin-bottom:10px;text-decoration:none;}
#hmNiv div a strong 					{color:var(--MAINCOLOR2);}
#hmNiv div a:hover 							{background-color:var(--MAINCOLOR2);color:#fff;}
#hmNiv div a:hover strong 					{color:#fff;}

#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);}


#catContent								{width:75%;float:left;}
.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: 0px 12px 18px -6px rgb(0 0 0 / 34%);padding: 0px 0px 30px 0px;}
.placer2 								{box-shadow: 0px 12px 18px -6px rgb(0 0 0 / 34%);}

/*PROMOTIE-NIEUW BALK*/
.nieuwSlick {margin-bottom:20px;}
.slickTit{margin-bottom:30px;}
#allNieuwSlick{}
#allNieuwSlick a{text-decoration:none;}
.owl-nav{width:100%;text-align:center;}

/*BREADCRUMB*/
.breadcrumb {margin-bottom:20px;font-size: 14px;}
.breadcrumb a {color: var(--GREY);}
.breadcrumb a:last-child {color: #fff;}
#catTitle {}
#catTitle span {display:inline;}
#catTitle a{text-transform:uppercase;text-decoration:none;}

/*CATNIV*/
#cat {float:left;margin-right:5%;width:20%;}
.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;}
.nivPic a {display:block;}
.nivPic a img{position:relative;width:100%;aspect-ratio: 4/3;}
.nivPic a img.cover{object-fit:cover;}
.nivTitle {text-align:center;margin:15px 0 15px 0;}
.nivTitle a {text-decoration:none;text-transform:uppercase;font-size:18px;}

/*ADD IN PRODLIST*/
.addinprodlist > div:nth-of-type(1){float:left;width:58%;font-size:18px;font-weight:bold;}
.addinprodlist > div:nth-of-type(2){float:left;width:20%;margin-right:2%;}
.addinprodlist > div:nth-of-type(3){float:left;width:20%;}
.addinprodlist div a.upP,.addinprodlist div a.downP{display:block;text-align:center;border-radius:10px;border:solid 1px #ad6a43;padding:5px;}
.addinprodlist div a.upP:hover, .addinprodlist a.downP:hover{background-color:#ad6a43;color:#fff;}
.bestelInList{margin-top:5px;}
.bestelInList > div:nth-of-type(1){float:left;width:40%;font-size:18px;padding-top:5px;}
.bestelInList > div:nth-of-type(2){float:left;width:60%;}
.bestelInList > div:nth-of-type(2) a{display:block;border-radius:5px;background-color:#ad6a43;padding:5px;font-size:15px;text-decoration:none;color:#fff;text-align:center;text-transform:uppercase;}
a.gotoShopInc:hover{color:#ccc;}

/*PRODUCTENLIJST MET THUMB*/
.prodTitle {text-align:center;margin-top:5px;}
.prodTitle a {text-decoration:none;text-transform:uppercase;font-size:18px;}
.prodTitle a:hover {color:var(--MAINCOLOR2);}

/*PRODDETAIL*/
#prodDiv{display: flex;}
#prodPic {flex: 1;position:relative;}
#prodPic a {display: block;box-shadow: 0 4px 12px rgba(15,23,42,0.06), 0 1px 3px rgba(15,23,42,0.04);border-radius: 18px; border: 1px solid var(--GREY);}
#prodPic a {display:block;padding: 25px;}
#prodPic img {width:100%;aspect-ratio: 4/3;object-fit: contain;}
#prodPic div.Floader img{width:auto;}
#prodShop{flex: 1;margin-left: 60px;}
#prodShop addForm{}
#prodOms{float:left;width:300px;margin-top:25px;padding-right:30px;}

/*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;}
.thumbs1 {margin-bottom:5px;display:none;}

/*PRIJS*/
.prijsWrap { display:flex; align-items: baseline; gap: 16px; margin-top: 20px;}

.prijs3 { font-size: 34px; font-weight: 600; color: var(--MAINCOLOR);  }

.prijs2 { font-size: 18px; font-weight: 500; text-decoration: line-through; }

.exclBtw { margin-top: 6px; font-size: 13px; ;font-weight: 500; }

.inclBtwLine { margin-top: 6px; font-size: 14px;  font-weight: 500; }

.btwPerc {font-weight: 600; }

#addProd {margin-top: 30px;}
/* RESET alle oude borders */
.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:var(--GREY);}
.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);}

/*NIEUW / PROMO*/
.nieuw {position:absolute;background-color:var(--MAINCOLOR2);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:#f60;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-top: 60px;}
#info table {width:100%;border-collapse: collapse;}
#info table td {padding: 7px;border-bottom:1px solid var(--GREY);vertical-align: middle;}
#info table tr:nth-child(even) td {background: var(--GREY);}


/*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;}

/*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;}