/*Detail*/
.product.detail .card main{
min-height:var(--product-main-min-height);
height:var(--product-main-height);
}

/*Mobile View only*/
@media screen and (max-width:45rem){

.product.detail .card main{
min-height:var(--product-main-min-height);
height:var(--product-main-height);
}

}


/*Bookmark view*/
.bookmark .product.detail{
float:left;
width:calc(25% - .5rem);
max-width:25rem;
margin:.25rem;
padding:0;
}


/*Global Detail view*/
.product.detail header{
all:unset !important;
float:left;
width:100%;
margin:0;
padding:0;
/*outline:#0FF000 1px solid;*/
}

.product.detail header .item_number{
clear:both;
float:left;
width:100%;
margin:0;
padding:0;
/*outline:#0FF000 1px solid;*/
}

.product.detail header .item_numberp{
font-size:var(--fs-xs);
margin:0;
padding:0;
/*outline:#0FF000 1px solid;*/
}

.product.detail header .headline{
clear:both;
float:left;
width:100%;
margin:0;
padding:0;
/*outline:#0FF000 1px solid;*/
}

.product.detail h2{
clear:both;
float:left;
width:100%;
margin:0;
padding:0;
/*outline:#0FF000 1px solid;*/
}

.product.detail main{
margin:0 !important;
padding:0 !important;
/*outline:#0000FF 1px solid !important;*/
}


.product.detail .content{
float:left;
width:100%;
margin:0 !important;
padding:0 !important;
}

.product.detail .media-wrapper{
background:url('/assets/img/database/media/bg.svg') no-repeat bottom center;
}



/*Mobile View > Mobile Only */
@media screen and (max-width:45rem){

/*Grid*/
.product.detail .grid{
display:grid;
grid-column-gap:0;
grid-template-columns:auto;
grid-template-rows:auto 8rem 4rem 22rem auto;
grid-template-areas:
"media"
"media_overview"
"header"
"main"
"footer";
}

.product.detail{
float:left;
width:calc(100% - 1.5rem);
margin:0.75rem;
pedding:0;
/*outline:#ff0080 1px solid !important;*/
}

.product.detail footer .box:last-of-type{
clear:both;
float:left;
width:calc(100% - 1rem);
margin:0 .5rem .5rem .5rem !important;
padding:.5rem !important;
/*outline:#008ff0 1px solid !important;*/
}

}

/* Mobile View -> Tablet && Portrait */
@media screen and (min-width:45rem) and (max-width:79.5rem) and (orientation:portrait){

/*Grid*/
.product.detail .grid{
display:grid;
grid-column-gap:0;
grid-template-columns:auto;
grid-template-rows:auto 8rem 4rem 22rem auto;
grid-template-areas:
"media"
"media_overview"
"header"
"main"
"footer";
}

.product.detail .media-wrapper{
width:75%;
max-width:32rem;
margin:0 auto;
/*outline:#0000FF 1px solid !important;*/
}

.product.detail footer .box:last-of-type{
clear:both;
float:left;
width:calc(100% - 1rem);
margin:0 .5rem .5rem .5rem !important;
padding:.5rem !important;
/*outline:#008ff0 1px solid !important;*/
}

}

/* MobileView -> Tablet && Landscape */
@media screen and (min-width:45rem) and (max-width:79.5rem) and (orientation:landscape){

/* Grid */
.product.detail .grid{
display:grid;
grid-template-rows:4rem minmax(20rem,auto) minmax(0,12rem) 8rem;
grid-template-areas:
"media header"
"media main"
"media footer"
"media_overview footer";
grid-template-columns:1.5fr 3fr;
grid-column-gap:0;
}

.product.detail footer .box:last-of-type{
clear:both;
float:right;
width:auto;
margin:0 .5rem .5rem .5rem !important;
padding:.5rem !important;
/*outline:#0000FF 1px solid !important;*/
}

.product.detail .media-wrapper{
min-width:26rem;
margin:0 auto;
/*outline:#0FF000 1px solid !important;*/
}

}

/* Desktop View*/
@media screen and (min-width:79.5rem){

/* Grid */
.product.detail .grid{
display:grid;
grid-template-rows:5rem minmax(14rem,auto) 12rem 8rem;
grid-template-areas:
"media header"
"media main"
"media footer"
"media_overview .";
grid-template-columns:1.5fr 3fr;
grid-column-gap:0;
}

.product.detail footer .box:last-of-type{
clear:both;
float:right;
width:auto;
margin:0 .5rem .5rem .5rem !important;
padding:.5rem !important;
/*outline:#0000FF 1px solid !important;*/
}


}


.product.detail .media-wrapper{
grid-area:media;
background:url('/assets/img/database/media/bg.svg') no-repeat bottom center;
overflow:hidden;
position:relative;
}

.product.detail .media-wrapper .media{
float:left;
width:100%;
opacity:1;
margin:0;
padding:0;
}

/*Small Background */
.product.detail .media-wrapper .media_background_1{
background:url('/assets/img/database/media/img/bg_1.svg') no-repeat bottom center;
}

/*Default Background */
.product.detail .media-wrapper .media_background_2{
background:url('/assets/img/database/media/img/bg_2.svg') no-repeat bottom center;
}

/*Big Background */
.product.detail .media-wrapper .media_background_3{
background:url('/assets/img/database/media/img/bg_2.svg') no-repeat bottom center;
}

.product:not(.detail) .card figure img{
filter:var(--drop-shadow-default);
}

.product.detail .overview-wrapper{
grid-area:media_overview;
display:flex;
justify-content:center;
align-content:flex-start;
position:relative;
z-index:20;
}

.product.detail .overview-wrapper .icon{
float:left;
position:relative;
min-width:3rem;
width:100%;
max-width:4rem;
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
margin:0.15rem;
padding:0;
}

.product.detail .overview-wrapper img{
float:left;
width:100%;
height:auto;
margin:0;
padding:0;
}

.product.detail .overview-wrapper .download,
.product.detail .group-wrapper .download{
clear:both;
float:left;
width:100%;
}

.product.detail .overview-wrapper .download a,
.product.detail .group-wrapper .download a{
float:left;
width:100%;
height:auto;
margin:0;
padding:0;
display:flex;
justify-content:center;
align-content:center;
}

.product.detail .overview-wrapper i{
display:block;
width:.75rem;
height:.75rem;
margin:0;
padding:0;
background:url('/assets/img/icon/file-dark.svg') no-repeat bottom left;
}




.product.detail header{
grid-area:header;
margin:0;
padding:0;
}

.product.detail main{
grid-area:main;
margin:0;
padding:0;
}

.quickview .product.detail footer,
.product.detail footer{
all:unset !important;
grid-area:footer;
float:left;
width:100%;
margin:0;
padding:0;
/*outline:#FF0000 1px solid !important;*/
display:flex;
justify-content:space-between;
border-radius:0;
background:var(--bgr-gray-300) !important;
}


/*Mobile View > Mobile Only */
@media screen and (max-width:45rem){

.product.detail footer .box:first-of-type{
all:unset !important;
clear:both !important;
float:lef !important;
width:calc(100% - 2rem) !important;
margin:.5rem .5rem 0 .5rem !important;
padding:.5rem !important;
/*outline:#FF0000 1px solid !important;*/
display:flex !important;
justify-content:space-between !important;
align-items:center !important;
}

.product.detail footer .box:last-child{
clear:both;
float:left !important;
width:calc(100% - 1rem) !important;
margin:.5rem .5rem 0 .5rem !important;
padding:.5rem !important;
/*outline:#FF0000 1px solid !important;*/
}

.product.detail footer .box.one-child{
float:left;
margin:0;
padding:0;
}

}

/* Mobile View -> Tablet && Portrait */
@media screen and (min-width:45rem) and (max-width:79.5rem) and (orientation:portrait){

.product.detail footer .box:first-of-type{
all:unset !important;
clear:both !important;
float:left !important;
width:calc(100% - 2rem)!important;
margin:.5rem .5rem 0 .5rem !important;
padding:.5rem !important;
/*outline:#FF0000 1px solid !important;*/
display:flex !important;
justify-content:space-between !important;
align-items:center !important;
}

.product.detail footer .box:last-child{
clear:both;
float:left !important;
width:calc(100% - 1rem) !important;
margin:.5rem .5rem 0 .5rem !important;
padding:.5rem !important;
/*outline:#FF0000 1px solid !important;*/
}

}

/* MobileView -> Tablet && Landscape */
@media screen and (min-width:45rem) and (max-width:79.5rem) and (orientation:landscape){

.product.detail footer .box:first-of-type{
all:unset !important;
clear:both !important;
float:left !important;
width:calc(100% - 2rem)!important;
margin:.5rem .5rem 0 .5rem !important;
padding:.5rem !important;
/*outline:#FF0000 1px solid !important;*/
display:flex !important;
justify-content:space-between !important;
align-items:center !important;
}

}

/* Desktop View*/
@media screen and (min-width:79.5rem){

.product.detail footer .box:first-of-type{
all:unset !important;
clear:both !important;
float:left !important;
width:calc(100% - 2rem)!important;
margin:.5rem .5rem 0 .5rem !important;
padding:.5rem !important;
/*outline:#FF0000 1px solid !important;*/
display:flex !important;
justify-content:space-between !important;
align-items:center !important;
}

}




.product.detail footer .box .product_order_availability{
/*outline:#0FF000 1px solid;*/
}

.product.detail footer .box .product_order_availability p{
float:left;
width:auto;
margin:0;
padding:0;
}

.product.detail footer .box .product_order_availability .status{
display:inline-block;
position:relative;
top:1px;
right:4px;
margin:0 0 0 .5rem;
width:.75rem;
height:.75rem;
border-radius:50%;
}

.product.detail footer .box .product_order_availability .status_265{
background:var(--status-succes-background-color);
border:var(--status-succes-border-color) 1px solid;
}

.product.detail footer .box .product_order_availability .status_266{
background:var(--status-pending-background-color);
border:var(--status-pending-border-color) 1px solid;
}

.product.detail footer .box .product_order_availability .status_267{
background:var(--status-alert-background-color);
border:var(--status-alert-border-color) 1px solid;
}

.product.detail footer .box .bookmark_wrapper{
/*outline:#0FF000 1px solid;*/
}

.product.detail footer .box. bookmark_wrapper p{
float:left;
width:auto;
margin:0;
padding:0;
}

.product.detail footer .box. bookmark_total_wrapper{
/*outline:#0FF000 1px solid;*/
}

.product.detail footer .box. bookmark_total_wrapper p{
float:left;
width:auto;
margin:0;
padding:0;
}


/*Tab*/
.product.detail #tab_wrapper{
position:relative;
margin:0;
padding:0;
}

.product.detail #tab_wrapper .tab{
float:left;
width:100%;
margin:0 0 .5rem 0;
}

.product.detail #tab_wrapper .tab_content{
float:left;
width:100%;
position:absolute;
top:4rem;
left:0;
border-radius:0;
}

.product.detail .card{
opacity:0;
margin:0 !important;
padding:0 !important;
border:none !important;
}

.product.detail .card:first-of-type{
opacity:1;
}


.product.detail .card ul{
float:left;
width:100%;
margin:0 0 .5rem 0;
padding:0;
list-style:none;
}

.product.detail .card li{
float:left;
width:100%;
margin:0;
padding:.15rem .15rem 0 .15rem;
border-bottom:var(--brd-gray-400) 1px solid;
}

.product.detail .card li:before{
display:none;
}

.product.detail .card li .label{
float:left;
width:auto;
font-size:var(--fs-p);
}

.product.detail .card li .value{
float:right;
width:auto;
font-size:var(--fs-p);
}