.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price .amount {
    all: unset;
   
}

.woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price .amount {
    all: unset;
}

.woocommerce ul.products li.product .price .amount {
   all: unset;
}

.rea-rpcs-products .product-sales-badge {
   display: none;
}


/* Style for the slider container */
.random-products-slider {
    display: flex!important;
    overflow: hidden;
    position: relative;
    justify-content: space-between!important;  /* Ensures space between products */
    gap: 1rem!important;
    background: #fff!important;
}

/* Wrapper for each slider item */
.slider-item {
    position: relative;
    display: inline-block;
    width: calc(33.333% - 1rem); /* Ensures 3 items per slide with space between */
    box-sizing: border-box; /* Prevents overflow due to padding */
    border: solid 1px #d3d0d0;
    transition: box-shadow 0.3s ease;
    padding: 1rem;
    background: #fff!important; /* Optional: add background color to each item */
    margin-right: 1rem!important; /* Space between items horizontally */
    margin-bottom: 1rem!important; /* Space between items vertically */
}

/* Ensures each product image keeps the same aspect ratio and is centered */
.product-image {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px; /* Optional: fixed height to keep the image size uniform */
    margin-top: 70px;
    margin-bottom: 30px;
}

.product-image img {
    width: 250px!important;  /* Make the image fill the container */
    height: auto; /* Maintain aspect ratio */
    object-fit: cover; /* Ensures image covers the area without distortion */
}

/* Style for product info */
.product-info {
    text-align: center;
    margin-top: 10px;
    font-size: 13px!important;
}

.product-name {
    font-size: 16px!important;
    font-weight: bold;
    margin-bottom: 10px;
}

.product-price {
 color: #1d428a!important;
    color: #555;
    font-size: 22px!important;
}

/* Hover effect to enhance box-shadow */
.slider-item:hover {
    box-shadow: 0px 0px 15px 0px rgba(0.007072448730470881, 0.007072448730470881, 0.007072448730470881, 0.3);
}

/* Stil för produktens försäljningsbadge */
.product-sales-badge {
   position: absolute;
    top: 10px;
    left: 10px; /* Changed from right: 10px; */
    background-color: #e53935;
    color: #fff;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 50px;
    z-index: 10;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

/* Style for the last purchase date */
.product-last-purchase-date {
    position: absolute;
    top: 10px;
    right: 0px;
    background-color: var(--e-global-color-b623a0f);
    font-weight: 600;
    text-transform: uppercase;
    color: var(--e-global-color-secondary);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-secondary);
    padding: 5px 10px;
    font-size: 13px!important;
}

/* Optional: Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    .slider-item {
        width: calc(100% - 1rem);  /* On smaller screens, make it 1 item per slide */
    }

    .random-products-slider {
        flex-direction: column;  /* Stack items vertically on small screens */
        gap: 1rem;  /* Adjust space between stacked items */
    }
}

#title-s {
    margin-bottom: 20px!important;
}

.random-products-slider .btn-wrap a {
    float: none!important;
    display: inline-block!important;
    background-color: rgba(0, 0, 0, 0)!important;
    color: #848494!important;
    padding: 5px 12px!important;
    border: 3px double #e4e4e4!important;
    font-size: 12px!important;
    line-height: 1.5!important;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    -ms-border-radius: 0!important;
    border-radius: 0!important;
    text-transform: none!important;
}

.best-seller-item {
    position: relative;
    padding: 15px;
    border: 1px solid #ddd;
    background-color: #fff;
    margin-bottom: 20px;
    text-align: center;
}

.social-share-buttons {
    display: flex;
    justify-content: center;
    gap: 10px;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
}

.social-share-buttons a {
    font-size: 20px;
    color: #333;
    padding: 10px;
    background-color: #fff;
    border-radius: 50px!important;
    transition: all 0.3s ease;
    text-decoration: none;
}

.social-share-buttons a:hover {
    color: #fff!important;
    background-color: #333!important;
}

.social-share-buttons .facebook-share:hover {
    background-color: #3b5998!important;
    color: #fff!important;
}

.social-share-buttons .instagram-share:hover {
    background-color: #e4405f!important;
    color: #fff!important;
}

.social-share-buttons .linkedin-share:hover {
    background-color: #0077b5!important;
    color: #fff!important;
}

.social-share-buttons .pinterest-share:hover {
    background-color: #e60023!important;
    color: #fff!important;
}

#slider-price {
   font-size: 18px !important;
    text-align: center;
    margin-top: 7px;
}

/* Target the price container */
#slider-price .woocommerce .price {
    display: grid!important;
    gap: 10px!important;
}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
    height: 43px!important;
}
/* Specific styling for regular price */
#slider-price .woocommerce .price del {
    margin-bottom: 5px!important;
}

/* Specific styling for sale price */
#slider-price .woocommerce .price ins {
    margin-top: 5px!important;
}




 
 

.random-products-slider a {
    float: none!important;
    display: inline-block!important;
    background-color: rgba(0, 0, 0, 0)!important;
    color: #848494!important;
    padding: 5px 12px!important;
    border: 3px double #e4e4e4!important;
    font-size: 12px!important;
    line-height: 1.5!important;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    -ms-border-radius: 0!important;
    border-radius: 0!important;
    text-transform: none!important;
}

.social-share-buttons {
    display: flex;
    justify-content: center;
    gap: 10px;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
}

.social-share-buttons a {
    font-size: 20px;
    color: #333;
    padding: 10px;
    background-color: #fff;
    border-radius: 50px!important;
    transition: all 0.3s ease;
    text-decoration: none;
}

.social-share-buttons a:hover {
    color: #fff!important;
    background-color: #333!important;
}

.social-share-buttons .facebook-share:hover {
    background-color: #3b5998!important;
	color: #fff!important;
}

.social-share-buttons .instagram-share:hover {
    background-color: #e4405f!important;
	color: #fff!important;
}

.social-share-buttons .linkedin-share:hover {
    background-color: #0077b5!important;
	color: #fff!important;
}

.social-share-buttons .pinterest-share:hover {
    background-color: #e60023!important;
	color: #fff!important;
}

.random-products-slider .product-info .woocommerce-Price-amount {
      font-size: 22px!important;

}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  
.subcategory-item  h3 {
    font-family: "Barlow Condensed", Sans-serif;
    font-size: 18px!important;
    font-weight: 400!important;
}
 
 
 
 
 /* Subcategory Grid */
.rpcs-subcategory-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px;
    justify-content: space-between;
}
.subcategory-item {
    flex: 1 1 calc(25% - 20px);
    text-align: center;
    /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); */
    padding: 15px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 7px 5px -5px rgb(0 0 0 / 0.08), 0 2px 4px rgb(0 0 0 / 0.08), 0 4px 8px rgb(0 0 0 / 0.08), 0 8px 16px rgb(0 0 0 / 0.08);
    border: 1px solid #dee2e6 !important;
}
.subcategory-item img,
.no-image {
    width: 270px !important;
    height: 270px !important;
    object-fit: cover;
    border-radius: 5px;
   text-align: center;
    margin: 0 auto;
}
.no-image {
    background: #eee;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    font-size: 14px;
}
.subcategory-title {
    min-height: 2.5em;
    display: flex;
    align-items: center;
    justify-content: center;
	background-color: #f0f0f0;
}

/* Filter Section */
.rpcs-filters-top {
    margin-top: 30px;
    
    
    border-radius: 8px;
	 
}
#price-range {
    margin-bottom: 10px;
    font-weight: bold;
}
#price-slider {
    position: relative;
    z-index: 1;  /* Place slider below the price text */
}


.ui-slider .ui-slider-range {
    position: absolute;
    z-index: -1!important;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

/* Sorting */
.rpcs-sorting {
    text-align: right;
    margin: 20px 0;
}

/* Product Grid */
.rpcs-products ul.products {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.rpcs-products ul.products li.product {
    flex: 1 1 calc(33.333% - 20px);
    list-style: none;
}


/* Product Grid */
.brand-rpcs-products ul.products {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.brand-rpcs-products ul.products li.product {
    flex: 1 1 calc(33.333% - 20px);
    list-style: none;
}

/* Product Grid */
.rea-rpcs-products ul.products {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.rea-rpcs-products ul.products li.product {
    flex: 1 1 calc(33.333% - 20px);
    list-style: none;
}


/* Responsive */
@media (max-width: 1024px) {
    .subcategory-item, .rpcs-products ul.products li.product {
        flex: 1 1 calc(50% - 20px);
    }
}
@media (max-width: 768px) {
    .subcategory-item, .rpcs-products ul.products li.product {
        flex: 1 1 100%;
    }
}


/* Responsive */
@media (max-width: 1024px) {
    .subcategory-item, .brand-rpcs-products ul.products li.product {
        flex: 1 1 calc(50% - 20px);
    }
}
@media (max-width: 768px) {
    .subcategory-item, .brand-rpcs-products ul.products li.product {
        flex: 1 1 100%;
    }
}

/* Ensure the product grid is displayed in 3 columns */
.products.columns-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

/* Optional: Add some margin between subcategory items */
.rpcs-subcategory-grid .subcategory-item {
    margin-bottom: 20px;
}
/* Style for filtered product images */
.filtered-product-image {
    width: 200px !important;
    height: 200px !important;
    
    margin: 0 auto;
}

.brand-rpcs-products .woocommerce ul.products li.product .woo-entry-image-swap .woo-entry-image-main

{
    width: 200px !important;
    height: 200px !important;
    
    margin: 0 auto;
}


.brand-rpcs-products img

{
    width: 200px !important;
    height: 200px !important;
    
    margin: 0 auto;
}

.brand-rpcs-products .woocommerce ul.products .product-inner {
    position: relative;
    display: grid !important
;
}

.brand-rpcs-products .woocommerce ul.products li.product .woo-entry-image-swap .woo-entry-image-main

{
    width: 200px !important;
    height: 200px !important;
    
    margin: 0 auto;
}


.brand-rpcs-products img

{
    width: 200px !important;
    height: 200px !important;
    
    margin: 0 auto;
}

.brand-rpcs-products .woocommerce ul.products .product-inner {
    position: relative;
    display: grid !important
;
}


.rpcs-products .woocommerce ul.products.list li.product .woo-entry-image, .woocommerce ul.products.list li.product .product-entry-slider-wrap {
    display: block;
    position: relative;
    width: 50%!important;
    /* margin: 0 auto; */
    /* text-align: center; */
}

.rpcs-products .woocommerce ul.products.list li.product li.title a {
   font-size: 14px!important;
    line-height: 1.5!important;
    color: #333 !important;
}

/* Center the images inside their container */
.rpcs-products img {
    width: 200px !important; /* Set the width of the image */
    height: 200px !important; /* Set the height of the image */
    display: block; /* Makes the image a block element so it can be centered */
    margin: 0 auto; /* Centers the image horizontally within its container */
    text-align: center; /* Ensures text is centered (though not needed for images) */
}

/* Optional: If you want to ensure the image container is also centered */
.rpcs-products .subcategory-item {
    text-align: center; /* Centers the content inside the div */
}
 .woocommerce ul.products li.product .woo-entry-inner {
    margin: 0;
    text-align: center !important;
}
.woocommerce ul.products li.product li.btn-wrap {
    display: block;
    text-align: center !important;
}

.woocommerce ul.products li.product li.title h2, .woocommerce ul.products li.product li.title a {
    font-size: 14px;
    line-height: 1.5;
    height: 35px;
}

/* Style for the "Visa fler 12" button */
.rpcs-load-more {
    display: block;
    width: auto; /* Let the button size based on its content */
    margin: 20px auto; /* Center the button horizontally with some space on top and bottom */
    padding: 10px 20px; /* Add padding to make the button larger and more clickable */
    background-color: #007bff; /* Set a background color (you can change this) */
    color: white; /* Text color */
    border: none; /* Remove the default border */
   border-radius: 38px 38px 38px 38px !important;
    font-size: 16px; /* Font size */
    text-align: center; /* Center the text inside the button */
    cursor: pointer; /* Make it look like a clickable button */
    transition: background-color 0.3s, transform 0.3s; /* Add transition for smooth hover effect */
}

/* Hover effect for the button */
.rpcs-load-more:hover {
    background-color: #0056b3; /* Darker blue when hovered */
    transform: scale(1.05); /* Slightly enlarge the button on hover */
}

.rpcs-products .woocommerce ul.products.list li.product li.woo-desc {
    display: none!important;
}

.rpcs-products .woocommerce ul.products li.product li.category {
    display: none!important;
}

.woocommerce ul.products li.product li.category  
	{
    display: none!important;
}


.woocommerce ul.products li.product .woo-entry-image-swap .woo-entry-image-secondary
{
  left: 48px!important;
}

.woocommerce .price ins {
    background-color: #fff !important;
    padding: 5px !important;
	 font-weight: bold !important;
	 color: #fc6454!important;
}

.woocommerce .price .amount {
  
}

.product-price ins {
    font-size: 34px !important;
    color: #960000 !important;
    text-decoration: none !important;
    font-weight: bold!important;
}

.woocommerce ul.products.list li.product li.woo-desc {
    display: block;
    font-size: 14px!important;
    text-transform: none;
}
.rpcs-products .btn-wrap {
    text-align: left !important;
}

/* Add grey background to the filter container */
.rpcs-filters-flex-container {
    display: flex;
    justify-content: space-between;
    gap: 20px; /* Adds space between the filters */
     
    padding: 20px; /* Optional: Adds padding inside the filter container */
    border-radius: 8px; /* Optional: Rounded corners for the background */
	  margin-bottom: 30px;
	   flex: 1 1 calc(25% - 20px);
    text-align: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    padding: 15px;
    background: #fff;
    border-radius: 8px;
 }
 
 /* Add grey background to the filter container */
.rpcs-filters-flex-container-brand {
   
    padding: 5px; /* Optional: Adds padding inside the filter container */
    
    background: #fff;
   
 }


.clickable-li {
  list-style: none;
  padding: 0;
  margin: 0;
}


.rpcs-filter-block {
    width: 100%!important;
}


.full-width-label {
  display: block;           /* Makes label fill the li */
  width: 100%;              /* Ensures it stretches full width */
  padding: 10px;            /* Add some clickable space */
  cursor: pointer;          /* Changes cursor to pointer on hover */
  box-sizing: border-box;   /* Includes padding in width */
}

.full-width-label:hover {
  background-color: #f0f0f0; /* Optional hover effect */
}
.rpcs-products-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.rpcs-sidebar-filters {
    flex: 1 1 25%;
    max-width: 25%;
    padding: 20px;
	    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    padding: 15px;
    background: #fff;
    border-radius: 8px;
}

.rpcs-products-content {
    flex: 4 1 75%;
    max-width: 75%;
    
}

.cta-section {
  background-color: #f9f9f9;
  border-radius: 8px;
  max-width: 400px;
  margin: auto;
  padding: 20px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  
}

.rpcs-filter-block {
    margin-bottom: 0px;
}

.rpcs-filter-block h4 {
margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
    min-height: 2.5em;
    display: flex
;
    align-items: center;
    justify-content: center;
    background-color: var(--e-global-color-accent);
    color: #fff;
}

.rpcs-brand-list {
    list-style: none;
    padding: 0;
}

.rpcs-brand-list li {
    margin-bottom: 10px;
}

.rpcs-brand-list input {
    margin-right: 10px;
}
/* Style for individual filter blocks */
.rpcs-filter-block {
    width: 48%; /* Adjusts the width of each filter block */
}

/* Optional: Add styling for price slider */
#price-slider {
    width: 100%;
	height: 35px;
}

/* Optional: Style for the dropdown */
#brand-filter {
    width: 100%;
}

/* Ensure filters look good on smaller screens */
@media (max-width: 768px) {
    .rpcs-filters-flex-container {
        flex-direction: column; /* Stack filters on smaller screens */
    }

    .rpcs-filter-block {
        width: 100%; /* Make filters full width on mobile */
    }
}


/* === Allmän layout === */
.rpcs-products-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/* === Sidebar-filter === */
.rpcs-sidebar-filters {
    flex: 1 1 250px;
    max-width: 300px;
}

.rpcs-filters-inner {
    background: #f9f9f9;
    
    border-radius: 5px;
}

.rpcs-brand-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.rpcs-brand-list li {
    padding: 5px 0;
    word-wrap: break-word;
}

/* Gör att hela <li> fungerar som klickbar area */
.rpcs-brand-list li label {
    display: block;
    width: 100%;
    cursor: pointer;
	    font-size: 15px;
}

.rpcs-divider {
    width: 100%;
    border-top: 1px solid #ddd;
    margin: 0px 0;
}

.brand-rpcs-products
{
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    padding: 15px;
    background: #fff;
    border-radius: 8px;
}

/* === Filtercontainers (pris och sortering) === */
.rpcs-filters-flex-container {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 20px;
}

.rpcs-filter-block {
    flex: 1 1 100%;
}

@media (min-width: 768px) {
    .rpcs-filter-block {
        flex: 1 1 calc(50% - 10px);
    }
}

/* === Produktinnehåll === */
.rpcs-products-content {
    flex: 1 1 100%;
}

.rpcs-products
{
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1)!important;
    padding: 15px!important;
    background: #fff!important;
    border-radius: 8px!important;
} 

.rpcs-products .product {
    flex: 1 1 calc(33.333% - 20px);
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .rpcs-products .product {
        flex: 1 1 calc(50% - 20px);
    }
}

@media (max-width: 600px) {
    .rpcs-products .product {
        flex: 1 1 100%;
    }

    .rpcs-products-wrapper {
        flex-direction: column;
    }

    .rpcs-sidebar-filters,
    .rpcs-products-content {
        max-width: 100%;
        flex: 1 1 100%;
    }
}

/* === Underkategorier (grid) === */
.rpcs-subcategory-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 30px;
}

.subcategory-item {
    flex: 1 1 calc(25% - 20px);
    text-align: center;
    border: 1px solid #eee;
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
    transition: box-shadow 0.3s;
}

.subcategory-item:hover {
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.subcategory-item img {
    width: 100%;
    height: auto;
    display: block;
}

.subcategory-title h3 {
    margin: 10px 0;
    font-size: 16px;
}

@media (max-width: 1024px) {
    .subcategory-item {
        flex: 1 1 calc(50% - 20px);
    }
}

@media (max-width: 600px) {
    .subcategory-item {
        flex: 1 1 100%;
    }
}

.rpcs-discount-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #e53935;
    color: #fff;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 50px;
    z-index: 10;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.faq-grid-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 columns on larger screens */
    gap: 2rem;
    padding: 2rem;
}

@media (max-width: 768px) {
    .faq-grid-container {
        grid-template-columns: 1fr; /* 1 column on mobile devices */
    }
}

.faq-category {
    background: #fff;
    border: 1px solid #ddd;
    padding: 1.5rem;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.faq-list {
    list-style: none;
    padding-left: 0;
}

.faq-list li {
    margin-bottom: 1rem;
}

.faq-more-button {
    display: inline-block;
    margin-top: 1rem;
 background-color: var( --e-global-color-secondary )!important;
    fill: var(--e-global-color-text)!important;
    color: var(--e-global-color-text)!important;
    border-style: solid!important;
    border-width: 1px 1px 1px 1px!important;
    border-color: #CCCCCC!important;
    border-radius: 38px 38px 38px 38px!important;
	padding: 8px 15px 8px 15px !important;
	 font-size: 14px !important;
    color: #fff!important;

}

.faq-more-button:hover {
    background-color: var(--e-global-color-accent) !important;
    color: #fff !important; /* Om du vill ha vit text på hover */
    border-color: var(--e-global-color-accent) !important;
}

.read-more-button {
   display: inline-block;
    font-size: 11px;
    line-height: 1;
    border: 1px solid #ddd;
    padding: 10px 16px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    text-transform: capitalize;
    letter-spacing: 1px;
}

.read-more-button:hover {
    background-color: var(--e-global-color-accent) !important;
    color: #fff !important; /* Om du vill ha vit text på hover */
    border-color: var(--e-global-color-accent) !important;
}


.product-price-box {
    display: inline-block;
    font-size: 16px;
    line-height: 1.4;
    color: #1a1a1a;
}

.sale-price {
    font-weight: bold;
    font-size: 28px;
    color: #d32f2f!important;/* Red for visibility */
    display: block;
}

.tax-info {
    font-size: 12px;
    color: #777;
}

.price-meta {
    margin-top: 4px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.regular-price {
    text-decoration: line-through;
    color: #888;
  font-size: 18px;
}

.discount-badge {
    background-color: #d32f2f;
    color: #fff;
    font-size: 12px;
    padding: 2px 6px;
    border-radius: 3px;
}

.regular-price-utan-rea {
    font-weight: bold;
    font-size: 28px;
    color: #1d428a!important;/* Red for visibility */
    display: block;
}

.rpcs-brand-list {
background: #fff!important;
}

.brand-banner-container {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e4e4e4;
    height: 100px;
    margin-bottom: 50px;
    position: relative;
    z-index: 1;
}


.brand-banner-container {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
    color: white;
    text-align: center;
}
.brand-banner-box {
    background-color: rgba(0, 0, 0, 0.5); /* optional overlay */
    padding: 20px;
}


.brand-banner-box {
    background-color: var(--e-global-color-secondary) !important;

    height: 130px;
    min-width: 300px;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  
    transform: translateY(15px);
    z-index: 2;
}

.brand-banner-title {
    color: white;
    font-size: 42px!important;
    margin: 0;
    text-align: center;
	border-top: 1px solid #ffffff !important;
    border-bottom: 1px solid #ffffff !important;
}


.woocommerce .term-description {
    display: none!important;
}


.pwb-brand-banner-cont {
    display: none!important;
}


.rea-rpcs-products img {
    width: 200px !important;
    height: 200px !important;
    margin: 0 auto;
}

.related .products ul li {

	}
	
	
.related .products img {
    width: 200px !important;
    height: 200px !important;
    margin: 0 auto;
}

.woolentorducts-columns-4 ul.products li.product {
    width: calc(25% - 30px) !important;
    margin-right: 30px !important;
    float: left;
    position: relative;
    display: inline-block;
    width: calc(33.333% - 1rem);
    box-sizing: border-box;
    border: solid 1px #d3d0d0 !important;
    transition: box-shadow 0.3s ease;
    padding: 1rem;
    background: #fff !important;
    margin-right: 1rem !important;
    margin-bottom: 1rem !important;
    
    text-align: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    padding: 15px;
    background: #fff;
    border-radius: 8px;
}

del .amount {
    color: #555 !important;
    font-size: 18px !important;
    text-decoration: line-through !important;
    /* text-decoration-thickness: 1px; */
    /* text-decoration-color: red; */
    /* text-underline-offset: -0.3em; */
}

.woocommerce .price del .amount {
   color: #555 !important;
    font-size: 24px !important;
    text-decoration: line-through !important;
    /* text-decoration-thickness: 1px; */
    /* text-decoration-color: red; */
    /* text-underline-offset: -0.3em; */
}

/* Stil för sliderbehållaren */
.bestsallare-slider {
    display: flex!important; /* Använd flexbox för att placera element i rad */
    overflow: hidden; /* Döljer innehåll som överflödar containerområdet */
    position: relative; /* Gör det möjligt att placera andra element relativt inom denna container */
    justify-content: space-between!important; /* Säkerställer att det finns jämnt mellanrum mellan produkterna */
    gap: 1rem!important; /* Sätter ett avstånd mellan varje element */
    background: #fff!important; /* Vit bakgrund för sliderbehållaren */
}

/* Wrapper för varje slideritem */
.slider-item {
    position: relative; /* Gör att positioneringen av barnelement blir relativt till slideritemet */
    display: inline-block; /* Gör att varje item visas inline med andra element */
    width: calc(33.333% - 1rem); /* Sätter bredden så att tre objekt får plats med mellanrum */
    box-sizing: border-box; /* Ser till att padding inte överskrider bredden */
    border: solid 1px #d3d0d0!important; /* Lägger till en grå kant runt varje item */
    transition: box-shadow 0.3s ease; /* Lägger till en smidig övergång för skuggeffekten */
    padding: 1rem; /* Lägger till inre avstånd runt innehållet */
    background: #fff!important; /* Vit bakgrund för varje item */
    margin-right: 1rem!important; /* Avstånd mellan objekten horisontellt */
    margin-bottom: 1rem!important; /* Avstånd mellan objekten vertikalt */
	flex: 1 1 calc(25% - 20px);
    text-align: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    padding: 15px;
    background: #fff;
    border-radius: 8px;
}

/* Säkerställer att produktbilder behåller samma aspektförhållande och är centrerade */
.product-image {
    display: flex; /* Använder flexbox för att centrera innehållet */
    justify-content: center; /* Centrerar horisontellt */
    align-items: center; /* Centrerar vertikalt */
    height: 200px; /* Sätter en fast höjd för att hålla bildstorleken enhetlig */
    margin-top: 70px; /* Avstånd ovanför bilden */
    margin-bottom: 70px; /* Avstånd under bilden */
}

/* Gör så att bilden fyller containerområdet utan att förvrängas */
.product-image img {
    height: 250px !important;
    
    object-fit: contain!important;
}

/* Stil för produktinformation */
.product-info {
    text-align: center; /* Centrerar texten */
    margin-top: -50px!important; /* Avstånd ovanför produktinformationen */
    font-size: 13px!important; /* Sätter textstorleken */
}

.product-name {
    font-size: 16px!important; /* Större textstorlek för produktnamn */
    font-weight: bold; /* Fattar produktnamnet fetstil */
    margin-bottom: 10px; /* Avstånd under produktnamnet */
}

.product-price {
    font-size: 14px; /* Textstorlek för produktpriset */
    color: #555; /* Grå textfärg för priset */
    font-size: 13px!important; /* Ändrar textstorleken för priset */
}

/* Hover-effekt för att förstärka box-shadow */
.slider-item:hover {
    box-shadow: 0px 0px 15px 0px rgba(0.007072448730470881, 0.007072448730470881, 0.007072448730470881, 0.3); /* Lägg till en skugga på hover */
}

/* Stil för produktens försäljningsbadge */
.product-sales-badge {
 position: absolute;
    top: 10px;
    right: 10px;
    background-color: #e53935;
    color: #fff;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 50px;
    z-index: 10;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); 
}

/* Stil för datum för senaste köp */
.product-last-purchase-date {
    position: absolute; /* Absolut positionering för att placera den i det övre högra hörnet */
    top: 10px; /* Placera datumet 10px från toppen */
    right: 0px; /* Placera datumet 0px från höger */
    background-color: var(--e-global-color-b623a0f); /* Bakgrundsfärg för senaste köp */
    font-weight: 600; /* Fetstil på texten */
    text-transform: uppercase; /* Gör texten versaler */
    color: var(--e-global-color-secondary); /* Textfärg */
    border-style: solid; /* Lägger till en solid kantlinje */
    border-width: 1px 1px 1px 1px; /* Sätter kantbredden */
    border-color: var(--e-global-color-secondary); /* Kantfärgen */
    padding: 5px 10px; /* Padding runt texten */
    font-size: 13px!important; /* Textstorlek för senaste köpedatumet */
}

/* Responsiv justering för mindre skärmar */
@media (max-width: 768px) {
    .slider-item {
        width: calc(100% - 1rem);  /* På mindre skärmar, gör att det bara visas 1 objekt per slide */
    }

    .bestsallare-slider {
        flex-direction: column;  /* Stapla objekten vertikalt på små skärmar */
        gap: 1rem;  /* Justera mellanrummet mellan staplade objekt */
    }
}

/* Stil för rubriken */
#title-s  {
    margin-bottom: 20px!important; /* Lägger till ett avstånd under rubriken */
}

/* Stil för länk i slider */
.bestsallare-slider a {
   float: none!important; /* Avbryter float-inställningen */
    display: inline-block!important; /* Gör länken till ett inline-block */
    background-color: rgba(0, 0, 0, 0)!important; /* Gör bakgrunden transparent */
    color: #848494!important; /* Grå textfärg för länken */
    padding: 5px 12px!important; /* Padding för länken */
    border: 3px double #e4e4e4!important; /* Dubbel kantlinje med ljusgrå färg */
    font-size: 12px!important; /* Liten textstorlek */
    line-height: 1.5!important; /* Radavstånd för läsbarhet */
    -webkit-border-radius: 0!important; /* Ingen rundning på hörnen */
    -moz-border-radius: 0!important; /* Ingen rundning på hörnen */
    -ms-border-radius: 0!important; /* Ingen rundning på hörnen */
    border-radius: 0!important; /* Ingen rundning på hörnen */
    text-transform: none!important; /* Ingen texttransformering */
}

/* Stil för länk i slider */
.slider-item h3 a {
    float: none!important; /* Avbryter float-inställningen */
    display: inline-block!important; /* Gör länken till ett inline-block */
    background-color: rgba(0, 0, 0, 0)!important; /* Gör bakgrunden transparent */
    color: #000!important; /* Grå textfärg för länken */
    padding: 0px!important; /* Padding för länken */
    border: 0px!important; /* Dubbel kantlinje med ljusgrå färg */
    font-size: 22px!important; /* Liten textstorlek */
    line-height: 2.5!important; /* Radavstånd för läsbarhet */
    -webkit-border-radius: 0!important; /* Ingen rundning på hörnen */
    -moz-border-radius: 0!important; /* Ingen rundning på hörnen */
    -ms-border-radius: 0!important; /* Ingen rundning på hörnen */
    border-radius: 0!important; /* Ingen rundning på hörnen */
    text-transform: none!important; /* Ingen texttransformering */
	font-weight : 600!important; 
}
/* Stil för sociala delningsknappar */
.social-share-buttons {
    display: flex; /* Använder flexbox för att placera delningsknappar horisontellt */
    justify-content: center; /* Centrerar knapparna horisontellt */
    gap: 10px; /* Sätter ett avstånd mellan knapparna */
    position: absolute; /* Absolut positionering för att placera knapparna */
    bottom: 10px; /* Placera knapparna 10px från botten */
    left: 50%; /* Centrerar knapparna horisontellt */
    transform: translateX(-50%); /* Justera för att exakt centrera */
}

/* Stil för sociala delningsknappar */
.social-share-buttons a {
    font-size: 20px; /* Storlek på ikonerna */
    color: #333; /* Textfärg */
    padding: 10px; /* Padding runt varje knapp */
    background-color: #fff; /* Vit bakgrund för knapparna */
    border-radius: 50px!important; /* Rundade knappar */
    transition: all 0.3s ease; /* Lägger till en smidig övergångseffekt */
    text-decoration: none; /* Ta bort understrykning */
}

/* Hover-effekt för sociala delningsknappar */
.social-share-buttons a:hover {
    color: #fff!important; /* Ändra textfärgen till vit vid hover */
    background-color: #333!important; /* Ändra bakgrundsfärgen vid hover */
}

/* Hover-effekt för specifika sociala delningsknappar */
.social-share-buttons .facebook-share:hover {
    background-color: #3b5998!important; /* Facebooks blå färg */
    color: #fff!important; /* Vit text vid hover */
}

.social-share-buttons .instagram-share:hover {
    background-color: #e4405f!important; /* Instagrams rosa färg */
    color: #fff!important; /* Vit text vid hover */
}

.social-share-buttons .linkedin-share:hover {
    background-color: #0077b5!important; /* LinkedIn blå färg */
    color: #fff!important; /* Vit text vid hover */
}

.social-share-buttons .pinterest-share:hover {
    background-color: #e60023!important; /* Pinterest röd färg */
    color: #fff!important; /* Vit text vid hover */
}

/* Stil för priset i slider */
#slider-price {
    font-size: 22px  ; /* Sätter textstorleken för priset */
}


.product-price del {
    font-size: 30px !important;
    color: #333 !important;
   font-weight: 400!important;
}

.recent-sales-slider .slick-initialized .slick-slider .product-price {
    gap: 10px !important;
}

.product-price-1 {
   display: inline-grid!important;
}

.product-price ins {
    font-size: 34px !important;
    color: #960000 !important;
    text-decoration: none !important;
    font-weight: bold!important;
}

.product-price ins {
    font-size: 34px !important;
    color: #960000 !important;
    text-decoration: none !important;
    font-weight: bold!important;
}


.product-price del .amount {
    color: #555;
    font-size: 22px !important;
}

.product-price .amount {
    color: #960000 ;
    font-size: 32px !important;
}

/* Målsättning för priscontainern */
#slider-price .woocommerce .price {
    display: grid!important; /* Gör priscontainern till en grid */
    gap: 10px!important; /* Sätter ett avstånd mellan elementen i priscontainern */
}

/* Stil för det ordinarie priset */
#slider-price .woocommerce .price del {
    margin-bottom: 5px!important; /* Lägger till ett avstånd under det ordinarie priset */
}

/* Stil för reapriset */
#slider-price .woocommerce .price ins {
    margin-top: 5px!important; /* Lägger till ett avstånd över reapriset */
}

/* Stil för priset på best-seller slider */
.bestsallare-slider .product-info .woocommerce-Price-amount {
   
}
.custom-sale-price {
    font-size: 36px !important;
    color: #960000 !important;
    text-decoration: none !important;
	gap: 5px!important;
	font-weight: bold;
}
/* Ändra det ordinarie priset */
.bestsallare-slider .woocommerce .price .amount {
    font-size: 20px !important; /* Större textstorlek för ordinarie pris */
    color: #333 !important; /* Färg för ordinarie pris */
}

/* Ändra reapriset */
.woocommerce .price del .amount {
   
}

/* Stil för reapriset */
.woocommerce .price ins .amount {

     font-size: 36px !important;
    color: #960000 !important;
    text-decoration: none !important;
}


.product-price ins .amount

 {
  color: #960000 !important;
}
/* Lägg till en genomstrykning på ordinarie pris */
.woocommerce .price del {
    text-decoration: line-through !important; /* Lägg till genomstrykning på ordinarie pris */
}

/* Stil för pris på "recent-sales-slider" */
.recent-sales-slider .product-info .woocommerce-Price-amount {
    
}
.recent-sales-slider a {
    float: none!important; /* Avbryter float-inställningen */
    display: inline-block!important; /* Gör länken till ett inline-block */
    background-color: rgba(0, 0, 0, 0)!important; /* Gör bakgrunden transparent */
    color: #848494!important; /* Grå textfärg för länken */
    padding: 0px!important; /* Padding för länken */
    
    font-size: 12px!important; /* Liten textstorlek */
    line-height: 1.5!important; /* Radavstånd för läsbarhet */
    -webkit-border-radius: 0!important; /* Ingen rundning på hörnen */
    -moz-border-radius: 0!important; /* Ingen rundning på hörnen */
    -ms-border-radius: 0!important; /* Ingen rundning på hörnen */
    border-radius: 0!important; /* Ingen rundning på hörnen */
    text-transform: none!important; /* Ingen texttransformering */
}

.recent-sales-slider button,  .recent-sales-slider input[type="button"],  .recent-sales-slider input[type="submit"]   {
    background-color: #fff!important; 
    
}
.btn-wrap {
    text-align: center!important; /* Centrera innehållet horisontellt */
}

.btn-wrap a {
   
   background-color: var( --e-global-color-secondary )!important;
    fill: var(--e-global-color-text)!important;
    color: var(--e-global-color-text)!important;
    border-style: solid!important;
    border-width: 1px 1px 1px 1px!important;
    border-color: #CCCCCC!important;
    border-radius: 38px 38px 38px 38px!important;
	padding: 8px 15px 8px 15px !important;
	 font-size: 14px !important;
    color: #fff!important;

    
}

.btn-wrap a:hover {
    background-color: var(--e-global-color-accent) !important;
    color: #fff !important; /* Om du vill ha vit text på hover */
    border-color: var(--e-global-color-accent) !important;
}
/* Lägg pilarna längst ner, under slider */
.recent-sales-slider {
    position: relative;
    padding-bottom: 40px; /* gör plats under slider */
}

/* Justera pilarna under sliden */
.recent-sales-slider .slick-prev,
.recent-sales-slider .slick-next {
    position: absolute;
    bottom: 0;
    top: auto;
    transform: none;
}

/* Placering vänster/höger */
.recent-sales-slider .slick-prev {
    left: 10px;
}

.recent-sales-slider .slick-next {
    right: 10px;
}


.slick-next:before, .slick-prev:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
    font-family: slick;
     font-size: 35px!important; 
    line-height: 1;
    opacity: .75;
}
    
	
	/* Placera pilarna centralt med ett gap mellan dem */
.recent-sales-slider .slick-prev {
    left: 47%; /* Positionerar vänster pil */
}

.recent-sales-slider .slick-next {
    right: 47%; /* Positionerar höger pil */
}

.woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price .amount

 {
    color: non!important; 
}

@media screen and (max-width: 768px) {
    .rpcs-collapsible-toggle {
        cursor: pointer;
        position: relative;
        padding-right: 20px;
        font-weight: bold;
    }

    .rpcs-collapsible-toggle::after {
        content: '+';
        position: absolute;
        right: 0;
        top: 0;
        font-size: 18px;
    }

    .rpcs-collapsible-toggle.active::after {
        content: '–';
    }

    .rpcs-collapsible-content {
        padding-left: 10px;
        padding-top: 5px;
        padding-bottom: 10px;
    }
}