@import url(https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
p{
    margin:0;
    padding:0;
}
.header-nav{
    background-color: #e3f2fd;
}
.header-logo{
    color: #E81F34
}
.category-name{
    font-size: 0.9rem;
    line-height: 1.1;
}
.promokod-title{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    transition: all .25s ease!important;
}
.breadcrumb-chevron {
    --bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236c757d'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    gap: .5rem;
}
.breadcrumb-chevron .breadcrumb-item::before {
    gap: inherit;
    float: none;
    width: 1rem;
    height: 1rem;
}
.breadcrumb-chevron .breadcrumb-item {
    display: flex;
    gap: inherit;
    align-items: center;
    padding-left: 0;
    line-height: 1;
}
.promokod-code{
    border-style: dashed!important;
}
.store-logo,
.promokod-logo{
    aspect-ratio: 21 / 8;
    width: 70%;
    height: auto;
	object-fit: contain;
}
@media (max-width: 767px) {
    .store-logo{
        width: 80%;
    }
    .promokod-logo{
        width: 50%;
    }
}
.store-card-logo{
	aspect-ratio: 21 / 8;
    width: 80%;
    height: auto;
	object-fit: contain;
}
.card .btn{
    padding-left: unset;
    padding-right: unset;
}
.store-category-pill{
    background-color: #e3f2fd;
}
.coupon-all{
    background-color: #e3f2fd;
}
.card-body{
    background-color: #21252908;
}
.promokod-card .card-body p{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.card-footer{
    font-size: 0.8rem;
}
.date-active{
    color: #009900;
}
.date-inactive{
    color: #b20000;
}
.date-wait{
    color: #fdb515;
}
.hover-shadow {
    transition: all .5s ease!important;
}
.hover-shadow:hover {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)!important;
}
.hover-scale {
    transition: all .2s ease!important;
}
.hover-scale:hover {
    transform: scale(1.05);
}
.hover-scale-sm {
    transition: all .2s ease!important;
}
.hover-scale-sm:hover {
    transform: scale(1.025);
}
.fs-7 {
    font-size: 0.9rem;
}
.fs-8 {
    font-size: 0.8rem;
}
.fs-9 {
    font-size: 0.7rem;
}

/* <-- CAROUSEL-CUSTOM */
@media (max-width: 767px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

@media (min-width: 768px) {
    
    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(25%);
    }
    
    .carousel-inner .carousel-item-start.active, 
    .carousel-inner .carousel-item-prev {
      transform: translateX(-25%);
    }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start { 
  transform: translateX(0);
}

@media (max-width: 1199px) {
    .carousel-store-logo
    {
        aspect-ratio: 21 / 8;
        /*max-height: 50%;*/
        max-width: 80%;
    }
}

@media (min-width: 1200px) {
    .carousel-store-logo
    {
        aspect-ratio: 21 / 8;
        /*max-height: 50%;*/
        max-width: 50%;
    }
}
/* CAROUSEL-CUSTOM --> */
/* rating-start */
fieldset{
    width: 125px;
}

fieldset, label {
  margin: 0;
  padding: 0
}

.rating {
  border: none;
}

.rating>[id^="star"] {
  display: none
}

.rating>label:before {
  margin: 5px;
  /*font-size: 1em;*/
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005"
}

.rating>.half:before {
  content: "\f089";
  position: absolute
}

.rating>label {
  color: #ddd;
  float: right;
  cursor: pointer;
}

.rating>[id^="star"]:checked~label, .rating:not(:checked)>label:hover, .rating:not(:checked)>label:hover~label {
  color: #FFD700
}

.rating>[id^="star"]:checked+label:hover, .rating>[id^="star"]:checked~label:hover, .rating>label:hover~[id^="star"]:checked~label, .rating>[id^="star"]:checked~label:hover~label {
  color: #FFED85
}

/* rating-end */

.search_box {
	position: relative;
}
.search_result {
	position: absolute;
	top: 100%;
	left: 0;
    right: 0;
	background: #fff;
	z-index: 9999;
}

@media (min-width: 768px) {
    .article-img{
        max-width: 25vw;
    }
}


.feature-icon {
    width: 4rem;
    height: 4rem;
    border-radius: .75rem;
}

.icon-square {
	width: 3rem;
	height: 3rem;
	border-radius: .75rem;
}

.text-shadow-1 { text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25); }
.text-shadow-2 { text-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25); }
.text-shadow-3 { text-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .25); }

.card-cover {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.feature-icon-small {
	width: 3rem;
	height: 3rem;
}
  
.toggle-icon {
	cursor: pointer;
	color: #007bff;
}

.toggle-icon svg {
    transition: transform 0.3s ease;
}

.toggle-icon.expanded svg {
    transform: rotate(180deg);
}

.cookie-banner {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(10px);
	padding: 4px 0;
	z-index: 1050;
	color: white;
}