/*---------------------------------------------------------------------------------
   Site: Reforma
   COPYRIGHT (c) ASKÅS INTERNET- & REKLAMBYRÅ AB 1997-2018. ALL RIGHTS RESERVED.
---------------------------------------------------------------------------------*/
/*------------------------
   ARTICLE GROUPS
-------------------------*/
.ArtgrpHeadline {
	margin-bottom: 20px;
}
 /* STD */
.PT_Wrapper_All {
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.PT_Wrapper {
	float:left;
	background:#fff;
	position:relative;
	margin:0 0.6% 1.2% 0.6%;
	width:23.8%;
}
.PT_Lank {
	display:block;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1;
}
.PT_Bildruta {
	min-height:281px;
	line-height:281px;
	margin-top:20px;
	position: relative;
	text-align: center;
}
.PT_Bildruta img {
	vertical-align:middle;
}
.PT_Bildruta .Artikelbild_second {
    opacity: 0;
    visibility: 0;
    position: absolute;
    top: -1px;
    left: 0;
    height: calc(100% + 1px);
    width: 100%;
}
.PT_Varum a {
	font-size:14px;
	font-weight:normal;
	display:block;
	color:#636363 !important;
}
.PT_Beskr a {
	font-weight:500;
	font-size: 15px;
}
.PT_Pris {
	font-size:18px; 
	font-weight:400;
	height:45px;
}
.PT_Pris .PT_PrisOrdinarie {
	color:#999;
	font-size:12px;
	text-decoration:line-through;
}

.PT_Hover_Kopknapp {
	 display: none; 
	width: 100%;
	left: 0;
	z-index: 3;
	height: 35px;
	max-height: 35px;
	float: left;
	position: relative;
}

.PT_Hover_Kopknapp {
    background-color: #72b99c!important;
    color: #fff;
    line-height: 35px;
    text-transform: uppercase;
    font-size: 15px;
}
.PT_Hover_Kopknapp .feedback, .PT_Hover_Kopknapp .info-link {
    display: none;
}

/* Sortera */
.Sortering {
	width:100%;
	min-width:160px;
	background:#ffffff;
	border:1px solid #000000;
	position:relative;
	line-height:40px;
	position:relative;
	cursor:pointer;
	list-style:none;
}
.Sortering:after {
	width:25px;
	line-height:40px;
	font-size:16px;
	content:"\f078";
	float:right;
}
.Sortering .sort_active {
	padding-left:15px;
}
.Sortering .ValjSortordning {
	display:none;
}

/*------------------------
   FILTER
------------------------*/
.filter {
	width: 100%;
	display: inline-block;
	margin: 0 0 1.2%;
	width: -moz-calc(100% - 220px);
	width: -webkit-calc(100% - 220px);
	width: -o-calc(100% - 220px);
	width: calc(100% - 220px);
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	z-index:3;
	background:#fff;
	position:relative;
}
.filter .Filter_Dropdown, .filter .Filter_Slider, .filter .Filter_Lank, .filter .Filter_Checkbox, .filter .Filter_Bild {
	margin:0 10px 10px 0;
	display:inline-block;
	-webkit-order:2;
	-ms-flex-order:2;
	order:2;
}
span.Filter_Titel {
        float:left;
	z-index:1;
        width:100%;
	position:relative;
	cursor:pointer;
	padding:0 40px 0 15px;
}

#test{
   padding-left:0px;
} 

.filter .Filter_Dropdown:after {
	line-height:47px;
	width:45px;
	position:absolute;
	text-align:center;
	content:"\f078";
	right:-5px;
	top:0;
	font-size:16px;
}
.filter .Sortering {
	width:100%;
	float:right;
	order: 3;
}
.ClearFilterWrapper {
	float: right;
	max-width: 220px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-direction: row-reverse;
}
.FilterText {
	color: #9a9a9a;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}
.FilterText1 {
	width: 100%;
}
.FilterText2 {
	min-width: 220px;
	order: 1;
}
.ClearFilterWrapper .Sortering {
	order:2;
}
.filter .Filter_Dropdown {
	background: #ffffff;
	border: 1px solid #000000;
	position: relative;
	line-height: 40px;
        padding-top: 3px; 
}
.Filter_Dropdown .Lank_Container {
	display: none;
}
.ClearFilter {
	display: block!important;
	float: right;
	text-align: right;
	color: #000;
	line-height: 40px;
	cursor: pointer;
	font-size: 14px;
	order: 4;
}
.ClearFilter:before {
	content:'x';
	margin-right:5px;
}
.show_stock_only {
	background: none !important;
	color: #000 !important;
	padding: 0 !important;
	font-size: 14px;
	order: 4 !important;
}
.show_stock_only:before {
	content:'\f0c8';
	font-family:"Font Awesome 5 Pro";
	font-weight:300;
	margin-right:5px;
}

/* Subcategories  */
.category-links {
    display: flex !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    margin-bottom: 20px !important;
    margin-top: 17px !important;
    border-bottom: 1px solid #ddd !important;
    padding-bottom: 15px !important;
	-ms-overflow-style: -ms-autohiding-scrollbar;

}

.category-links a {
    padding: 10px 25px !important;
    margin: 0 5px 7px 0 !important;
    border: 1px solid #000 !important;
    text-align: center !important;
    display: inline-block !important;
    white-space: nowrap !important;
    border-radius: 50px !important;
}
.category-links::-webkit-scrollbar {display: none;}
.category-links a:last-child {
    margin-right:0 !important;
}

.category-links a.sg-is-active {
    font-weight:600;
}

/*------------------------*/
@media screen and (max-width: 1050px) {
	.AndraFarger .altcolors .PT_Wrapper {width:31%; height:unset;}
	.AndraFarger .PT_Bildruta {min-height:160px;}
	.AndraFarger .PT_Pris {height:50px;}
}
/*------------------------*/
@media screen and (max-width: 850px) {
	.leftmenu, .filter {display:none;}
	.filter .Filter_Dropdown, .filter .Filter_Slider, .filter .Filter_Lank, .filter .Filter_Checkbox, .filter .Filter_Bild {width:100%; margin:0 0 10px 0;}
	.FilterText2 {min-width:100%;}
	.Artgrupp_header {margin:0 0 10px 0;}
	.Artgrupp_header .fa-sort {width:5%; margin-right:1%;}
	.Artgrp_Sorteringsordning {float:left; width:94%;}
	.ArtgrpHeadline {font-size:1.4em;}
	.articlewrap {width:100%; margin:0;}
	.PT_Wrapper {width:48.8%; border:none;}
	.PT_Knappar table, .PT_Knappar .Knapp_Kop, .PT_Knappar a {width:100%;}
	.PT_Wrapper .PT_Bildruta {min-height:130px; line-height:normal;}
	.PT_Wrapper .PT_Bildruta img {max-height:130px; min-height:inherit;}
	.PT_Wrapper .PT_Beskr {height:auto;}
	.PT_Wrapper .PT_Beskr a {font-size:10px;}
	.PT_Pris {height:70px; padding: 0; text-align:center; margin: 0;}
	.PT_Pris span {display:inline-block;}
	.PT_Wrapper .PT_Pris, .PT_Wrapper .PT_Pris .PT_PrisKampanj {font-size:18px;}
	.PT_Wrapper .PT_PrisOrdinarie {font-size:12px;}
}


/* resisgn av artcell 2023 Jamal*/

.addtocart-button {
	text-align: center;
}
@media screen and (max-width: 850px) {
.Pris_Kopknapp_wrap {
	display: flex;
	align-items: flex-end;
}
.addtocart-button:not(.success)::after {
	-webkit-mask-image: url(/themes/custom/design/bilder/bag.svg);
	mask: url(/themes/custom/design/bilder/bag.svg);
	background-color: #636363;
	-webkit-mask-repeat: no-repeat;
	height: 25px;
	width: 15px;
    content: "";
    padding-left: 6px;
    padding: 8px;
	display: block;
	margin-right: 2px;
	margin-top: 5px;
}

.addtocart-button .buy-button {
    position: absolute;
	width: 40px;
    height: 38px;
    opacity: 0;
	z-index: 3;
	right: 0;
	
}

.addtocart_artgr .addtocart-button {
    padding: 0px 5px;
}
.PT_Hover_Kopknapp {
	display: block !important;
	position: relative;
	z-index: 2;
	margin-left: auto;
	width: fit-content;
	background-color: #fff !important;
	margin-top: auto;

}

}