/* ------------------------------------------------------------------------------------------------------- */
/* General Components CSS Begin */
/* ------------------------------------------------------------------------------------------------------- */

/* General */

html {
	font-size: 14px !important;
}

body {
	padding: 0;
	margin: 0 auto;
}

body, h1, h2, h3, h4, h5, h6, p, span, a, ul, li {
	font-family: sans-serif;
	font-size: 1rem;
	font-weight: 300;
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #000;
}

.btn-primary {
	font-size: 1rem;
	font-weight: 500;
	color: #333;
	background: #fff;
	border: .5px solid #fff;
	border-radius: .15rem;
	padding: .5rem 1.25rem;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	letter-spacing: .25px;
}

.btn-primary:hover, .btn-primary:active {
	background: #eee !important;
	border: .5px solid #eee !important;
	color: #333 !important;
}

.btn-secondary {
	font-size: 1rem;
	font-weight: 500;
	color: #fff;
	background: #333;
	border: .5px solid #333;
	border-radius: .15rem;
	padding: .5rem 1.25rem;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	letter-spacing: .25px;
}

.btn-secondary:hover img {
	filter: brightness(0);
}

.btn-secondary:hover, .btn-secondary:active {
	background: #eee !important;
	border: .5px solid #eee !important;
	color: #333 !important;
}

.accordion-button:focus {
	box-shadow: none;
}

/* Top Bar */

.top-bar {
	background: #f2f2f2;
	padding: .5rem 0;
}

.top-bar p {
	font-size: .95rem;
	font-weight: 500;
	margin-bottom: 0;
}

.top-bar .dolomit-types {
	position: absolute;
	text-align: right;
}

.top-bar a {
	font-size: .95rem;
	margin: 0 .5rem;
	display: inline-flex;
}

.top-bar svg {
	width: unset !important;
	height: unset !important;
    margin-right: unset !important;
}

@media only screen and (max-width: 600px) {
	.top-bar {
		padding-bottom: 0;
	}
	.top-bar p {
		margin-bottom: .25rem;
	}
	.top-bar .dolomit-types {
		position: unset;
        text-align: center;
        background: #ffffff;
	}
	.top-bar button {
		position: absolute;
		right: .5rem;
		top: -.5rem;
		padding: .25rem;
	}
	.top-bar button:hover {
		border: none;
	}
}

/* Desktop Header */

.desktop-header ul.nav {
	padding-left: 2.5rem;
	margin: 0 auto;
}

.desktop-header ul.nav a {
    position: relative;
	font-size: 1.1rem;
	font-weight: 500;
	color: #000;
}

.desktop-header ul.nav a::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #000;
	transform: scaleX(0);
	transform-origin: top;
	transition: transform 0.25s ease;
}

.desktop-header ul.nav a:hover::before {
	transform: scaleX(.75);
}

.desktop-header .icons a {
	margin: 0 .35rem;
}

/* Mobile Header */

.mobile-header {
	margin-bottom: .5rem;
}

.mobile-header .mobile-left {
	position: absolute;
	left: 1rem;
	padding: 0 .5rem 0 .5rem;
}

.mobile-header .mobile-right {
	position: absolute;
	right: 1rem;
	padding: 0 .5rem 0 .5rem;
}

/* Desktop Main Categories */

.desktop-main-categories .row {
	display: flex;
	height: 300px;
	overflow: hidden;
	min-width: 100%;
	padding: 0 .7rem;
}

.desktop-main-categories .item {
	flex: 1 1 0;
	height: 100%;
	position: relative;
	transition: all 0.5s ease;
	cursor: pointer;
	padding: 0;
	overflow: hidden;
	min-width: 0;
}

.desktop-main-categories .item.active {
	flex: 3 1 0;
}

.desktop-main-categories .item img {
	position: absolute;
	top: 0;
	left: 50%;
	width: auto;
	min-height: 300px;
	transform: translateX(-50%);
	object-fit: cover;
	object-position: center top;
	pointer-events: none;
	transition: transform 0.4s ease;
}

.desktop-main-categories .item p {
	position: absolute;
	bottom: 1rem;
	width: -webkit-fill-available;
	text-align: center;
	color: #fff;
	margin: 0 auto;
	font-weight: bold;
}

/* Mobile Main Categories */

.mobile-main-categories .row {
	display: block;
}

.mobile-main-categories .col {
	position: relative;
	padding-bottom: calc(var(--bs-gutter-x) * .5);
}

.mobile-main-categories .col p {
	position: absolute;
	bottom: 1rem;
	width: -webkit-fill-available;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
}

/* Trust Badges */

.trust-badges .col {
	border-right: 1px solid #f2f2f2;
	align-items: center;
	display: flex;
	flex-direction: column;
}

.trust-badges .col:last-child {
	border-right: none;
}

.trust-badges .col.agossa-club p {
	font-weight: bold;
}
	
.trust-badges p {
	font-size: .95rem;
	margin-bottom: 0;
    text-align: center;
    padding: .5rem 0;
}

@media only screen and (max-width: 600px) {
	.trust-badges {
		position: relative;
	}
	.trust-badges .row {
		display: flex ; 
		flex-direction: row; 
		flex-wrap: nowrap;
		overflow-x: auto;
        scroll-behavior: smooth;
		scrollbar-width: none;
		scroll-snap-type: x mandatory;
	}
	.trust-badges .row::-webkit-scrollbar {
		height: 8px;
		display: none;
	}
	.trust-badges .col {
		flex: 0 0 50%;
		scroll-snap-align: start;
	}
	.trust-badges .carousel-indicators {
		display: flex;
		justify-content: center;
		margin-bottom: -1rem;
		gap: 6px;
	}
	.trust-badges .carousel-indicators span {
		width: 7px;
		height: 7px;
		background: #eee;
		border-radius: 50%;
		display: inline-block;
		transition: background 0.3s ease;
	}
	.trust-badges .carousel-indicators span.active {
		background: #000;
	}
}

/* Desktop Footer */

.desktop-footer {
	background: #000000;
	padding-top: 5rem;
	padding-bottom: 1.5rem;
}

.desktop-footer .footer-menu {
	margin-bottom: 2.5rem;
}

.desktop-footer .footer-menu p.heading {
	font-weight: bold;
	color: #ffffff;
	position: relative;
	display: inline-block;
}

.desktop-footer .footer-menu p.heading::after {
	content: "";
	position: absolute;
	bottom: -.35rem;
	left: 0;
	width: 35px;
	height: .5px;
	background-color: #ffffff;
}

.desktop-footer .footer-menu a {
	display: block;
	font-size: .95rem;
	color: #ffffff;
	line-height: 2;
}

.desktop-footer .footer-menu a:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.desktop-footer .social {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: .5rem;
	position: relative;
	align-items: center;
	padding: .5rem 0
}

.desktop-footer .social a {
	width: auto;
	padding: 0;
}

.desktop-footer .social a:hover img {
	filter: contrast(.5);
}

.desktop-footer .social::before, .desktop-footer .social::after {
	content: "";
	flex: 1;
	height: .5px;
	background-color: #ffffff;
	opacity: 0.75;
}

.desktop-footer .social::before {
	margin-right: 1rem;
}

.desktop-footer .social::after {
	margin-left: 1rem;
}

.desktop-footer .copyright .copyright-text p {
	font-size: .95rem;
	color: #ffffff;
	margin-bottom: 0;
}

.desktop-footer .copyright .copyright-text p a {
	font-size: .95rem;
	font-weight: bold; 
	color: #ffffff;
}

.desktop-footer .copyright .copyright-text p a:hover {
	text-decoration: underline;
}

.desktop-footer .copyright .payment-icons {
	display: flex;
	justify-content: flex-end;
}
	
.desktop-footer .copyright .payment-icons img {
	margin: 0 .25rem;
}

a.support {
	position: fixed;
	right: 1rem;
	bottom: 1rem;
	background: #fff0;
	border: none;
	border-radius: 3rem;
	padding: 1rem;
}

/* Mobile Footer */

.mobile-footer {
	background: #000000;
	padding-top: 2.5rem;
	padding-bottom: 1.5rem;
	margin-top: 2.5rem;
}

.mobile-footer .container {
	padding: 0;
	text-align: center;
}

.mobile-footer .footer-menu .logo {
	margin-bottom: 2.5rem;
}

.mobile-footer .footer-menu .logo img {
	margin: 0 auto;
}

.mobile-footer .footer-menu .accordion-header button {
	font-size: .95rem;
	font-weight: bold;
	color: #fff;
	background: #000;
}

.mobile-footer .footer-menu .accordion-header button:focus {
	box-shadow: none;
}

.mobile-footer .footer-menu .accordion-header button::after {
	transform: rotate(-90deg);
	filter: brightness(10);
}

.mobile-footer .footer-menu .accordion-header button:not(.collapsed) {
	box-shadow: none;
}

.mobile-footer .footer-menu .accordion-header button:not(.collapsed)::after {
	transform: rotate(0deg);
	filter: brightness(10);
}

.mobile-footer .footer-menu .accordion-body {
	background: #000000;
	text-align: left;
	padding-left: 2.5rem;
}

.mobile-footer .footer-menu .accordion-body a {
	display: block;
	font-size: .95rem;
	line-height: 1.75;
	color: #ffffff;
}

.mobile-footer .social {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: .45rem;
	position: relative;
	align-items: center;
	padding: 2.5rem 0
}

.mobile-footer .social a {
	width: auto;
	padding: 0;
}

.mobile-footer .social::before, .mobile-footer .social::after {
	content: "";
	flex: 1;
	height: .5px;
	background-color: #ffffff;
}

.mobile-footer .social::before {
	margin-right: .45rem;
}

.mobile-footer .social::after {
	margin-left: .45rem;
}

.mobile-footer .copyright {
	text-align: center;
	flex-direction: column-reverse;
}

.mobile-footer .copyright .copyright-text p {
	font-size: .95rem;
	margin-bottom: 0;
	color: #ffffff;
}

.mobile-footer .copyright .copyright-text p a {
	font-weight: bold; 
	font-size: .95rem;
	color: #ffffff;
}

.mobile-footer .copyright .payment-icons {
	margin: 1rem 0;
	display: flex;
    justify-content: center;
}
	
.mobile-footer .copyright .payment-icons img {
	margin: 0 .25rem;
}

/* ------------------------------------------------------------------------------------------------------- */
/* General Components CSS End */
/* ------------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------------- */
/* Dolomit Tasi CSS Begin */
/* ------------------------------------------------------------------------------------------------------- */

/* Home Banner */

.home-banner, .home-banner .banner-wrapper {
	position: relative;
}

.home-banner .banner-wrapper img.banner {
	width: 100%;
	height: auto;
	object-fit: cover;
	object-position: center;
	border-radius: .25rem;
}

.home-banner .container {
	position: absolute;
	top: 50%;
	left: 55%;
	transform: translate(-50%, -50%);
	z-index: 2;
}

.home-banner .banner h1, .home-banner .banner p.h1-text {
	font-size: 2.5rem;
	font-weight: bold;
	color: #ffffff;
	display: contents;
	line-height: 1.15;
}
	
.home-banner .banner p.banner-first  {
	font-size: 1.25rem;
	color: #ffffff;
	margin-bottom: 2.5rem;
	margin-top: 1rem;
}

.home-banner .banner-wrapper:after {
    position: absolute;
    content:"";
    height:100%;
    width:100%;
    top:0;
    left:0;
    background: linear-gradient(to left, rgba(255, 0, 0, 0) 0%, rgb(0 0 0 / 75%) 100%);
	border-radius: .25rem;
}

@media only screen and (max-width: 600px) {
	.home-banner {
		margin-bottom: 1rem;
	}
	.home-banner .container {
		left: 0;
		transform: translateY(-50%);
		padding-left: 2rem;
	}
	.home-banner .banner-wrapper img.banner {
		height: 450px;
	}
}

/* Category Grid */
	
.category-grid {
	overflow: hidden;
}	

.category-grid .category .banner-wrapper {
	position: relative;
	overflow: hidden;
	border-radius: .25rem;
}	

.category-grid .category .banner-wrapper img {
	width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
	border-radius: .25rem;
	transition: transform 0.3s ease;
}
	

.category-grid .category:hover .banner-wrapper img {
	transform: scale(1.05);
}
	
.category .banner-wrapper:after {
	position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.category-grid .category h2 {
	font-size: 1.25rem;
	font-weight: 500;
	color: #fff;
	position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: linear-gradient(0deg, #000000, transparent);
    width: 100%;
    margin-bottom: 0;
	padding: 2.5rem 0 1.5rem 1.5rem;
}

@media only screen and (max-width: 600px) {
	#category-grid .row {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scroll-behavior: smooth;
		scrollbar-width: none;
	}
	#category-grid .row::-webkit-scrollbar {
		display: none;
	}
	#category-grid .col.category {
		flex: 0 0 100%;
		scroll-snap-align: start;
	}
	.category-grid .carousel-indicators {
		display: flex;
		justify-content: center;
		margin-top: .5rem;
		gap: 5px;
		position: relative;
	}
	.category-grid .carousel-indicators span {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 25px;
		height: 25px;
		border: .5px solid #fff0;
		border-radius: 50%;
		transition: border 0.3s ease;
	}
	.category-grid .carousel-indicators span.active {
		border-color: #333;
	}
	.category-grid .carousel-indicators span img {
		width: 25px;
		height: 25px;
	}
}

/* Product Grid */

.product-grid .product a {
	display: block;
	position: relative;
	padding-top: 100%;
	overflow: hidden;
}

.product-grid h2 {
	font-size: 1.25rem;
	font-weight: 500;
	color: #333;
	margin-bottom: 0;
}

.product-grid .form-switch {
    display: flex;
	padding-left: 0;
    align-items: center;
    justify-content: end;
}

.product-grid .form-switch label { 
    color: #333;
	cursor: pointer;
}

.product-grid .form-switch input {
    margin-left: 1rem;
    width: 3rem !important;
    height: 1.5rem;
    border-color: #333;
	cursor: pointer;
}

.product-grid .form-switch input:focus {
    border-color: #333;
	box-shadow: none;
	--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e")
}

.product-grid .form-switch input:checked {
	background-color: #333;
    border-color: #333;
	--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important;
}

.product-grid .product img.main-image {
	opacity: 1;
	visibility: visible;
}

.product-grid .product img.hover-image {
	opacity: 0;
	visibility: hidden;
}

.product-grid .product:hover img.main-image {
	opacity: 0;
	visibility: hidden;
}

.product-grid .product:hover img.hover-image {
	opacity: 1;
	visibility: visible;
}

.switch-active .product-grid .product img.main-image {
	opacity: 0;
	visibility: hidden;
}

.switch-active .product-grid .product img.hover-image {
	opacity: 1;
	visibility: visible;
}

.product-grid .product img {
    border-radius: .25rem;
	border: 1px solid #0001;
	position: absolute;
	top: 0; 
	left: 0;
	width: 100%;
	height: auto;
	display: block;
}

.product-grid .product span.size {
	font-size: .95rem;
	color: #fff;
	background: #555;
    position: absolute;
	left: 1rem;
	bottom: 1rem;
    padding: 0 .5rem;
	border-radius: 2rem;
	z-index: 1;
}

@media only screen and (max-width: 600px) {
	.product-grid .form-switch {
		justify-content: center;
	}
	.product-grid h2 {
		text-align: center;
	}
	.product-grid hr.mobile-hr {
		text-align: center;
		margin: 1rem auto;
		width: 94.5%;
	}
}

/* Calculator */

.calculator p.heading {
	font-size: 1.25rem;
	font-weight: 500;
	color: #333;
	margin-bottom: 0;
	display: inline-flex;
}

.calculator .calculator-info {
	display: flex;
    align-items: center;
    justify-content: end;
}

.calculator .calculator-info button {
	box-shadow: none;
	border: .5px solid #333;
}

.calculator span.number {
	border-radius: 2rem;
	background: #777;
	color: #f2f2f2;
	font-weight: bold;
	font-size: 1.25rem;
	padding: .4rem 1rem;
	display: inline-flex;
	margin-right: 2rem;
}

.calculator .area {
	border: 1px solid #c2c2c2;
	border-radius: 2rem;
	padding: 1rem 1rem 1rem 1.25rem;
	width: fit-content;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
}

.calculator .area label {
	width: 6rem;
	font-weight: bold;
	font-size: .95rem;
	color: #555;
	margin-bottom: 0;
}

.calculator .area input, .calculator .area select {
	display: inline-flex;
	width: 7rem;
	padding: 0;
	border: none;
}

.calculator .area input:focus, .calculator .area select:focus {
	box-shadow: none !important;
	border: .5px solid #333;
}

.calculator-bottom span.label {
	font-size: .95rem;
	display: block;
	margin-top: .25rem;
}

.calculator-bottom p.result {
	border: .5px solid #333;
	border-radius: 2rem;
	padding: .25rem .5rem;
	font-size: 1rem;
	color: #333;
	margin-top: .75rem;
}

.calculator-bottom img {
	filter: opacity(.75);
}

@media only screen and (max-width: 600px) {
	.calculator p.heading {
		justify-content: center;
		width: 100%;
	}
	.calculator hr.mobile-hr {
		text-align: center;
		margin: 1rem auto;
        width: 94.5%;
	}
	.calculator .calculator-info {
		justify-content: center;
	}
	.calculator .calculator-info button {
		width: 100%;
	}
	.calculator .calculator-area {
		flex-direction: column-reverse;
	}
	.calculator .calculator-area .area {
		width: 100%;
	}
	.calculator .calculator-area .mx-5 {
		margin-left: 1.5rem !important;
		margin-right: 1.5rem !important;
	}
	.calculator .area input, .calculator .area select {
		width: 55%;
	}
}

/* Using Grid */

.using-grid p.heading {
	font-size: 1.25rem;
    font-weight: 500;
    color: #333;
    margin-bottom: 0;
}

.using-grid .image-box {
	position: relative;
    width: 100%;
    height: 100%;
    border-radius: .25rem;
    overflow: hidden;
    scroll-snap-align: start;
	cursor: pointer;
}

.using-grid .image-box img {
	width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.75);
    transition: filter 0.3s ease;
}

.using-grid .image-box:hover img {
    filter: brightness(1);
}

.using-grid .image-box p {
	position: absolute;
    color: #fff;
    font-weight: bold;
    font-size: 1.25rem;
    margin: 0;
    bottom: 2.5rem;
    left: 2.5rem;
}

.using-grid .ic-mekan .image-box p {
    left: 50%;
    transform: translateX(-50%);
}

@media only screen and (max-width: 600px) {
	.using-grid .main-row {
		display: flex;
		flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: scroll;
        scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: auto;
        gap: 1rem;
        padding-bottom: 1rem;
		overscroll-behavior-x: contain;
		scrollbar-width: thin;
		scrollbar-color: #ccc transparent;
	}
	.using-grid .main-row::-webkit-scrollbar {
		height: 8px;
	}
	.using-grid .main-row::-webkit-scrollbar-thumb {
		background-color: #ccc;
		border-radius: 4px;
	}
	.using-grid .main-row::-webkit-scrollbar-track {
		background: transparent;
	}
	.using-grid .col-md-7,
    .using-grid .col-md-3,
    .using-grid .col-md-2 {
        flex: 0 0 auto;
        min-width: 80%;
    }
	.using-grid .spirituel, 
	.using-grid .akvaryum {
        height: 206px;
    }
	.using-grid .dis-mekan, 
	.using-grid .dekoratif {
        height: 450px;
    }
	.using-grid .col-12 {
        position: relative;
        border-radius: .25rem;
        overflow: hidden;
    }
	.using-grid .carousel-indicators {
		display: flex;
		justify-content: center;
		margin-top: .5rem;
		gap: 5px;
		position: relative;
	}
	.using-grid .carousel-indicators span {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 25px;
		height: 25px;
		border: .5px solid #fff0;
		border-radius: 50%;
		transition: border 0.3s ease;
	}
	.using-grid .carousel-indicators span.active {
		border-color: #333;
	}
	.using-grid .carousel-indicators span img {
		width: 25px;
		height: 25px;
	}
}

/* SSS */
.sss p.heading {
	font-size: 1.25rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 0;
}

.sss p {
	margin-top: 1.5rem;
	margin-bottom: 1rem;
}

#accordionOneSSS, #accordionTwoSSS, #accordionThreeSSS, #accordionFourSSS {
	margin-bottom: 1rem;
}
	
#accordionOneSSS .accordion-button, #accordionTwoSSS .accordion-button, #accordionThreeSSS .accordion-button, #accordionFourSSS .accordion-button {
	background: #fff;
	color: #333;
	border-bottom: .5px solid;
}
	
#accordionOneSSS .accordion-body, #accordionTwoSSS .accordion-body, #accordionThreeSSS .accordion-body, #accordionFourSSS .accordion-body {
	padding: 1rem .25rem;
}
	
#accordionOneSSSFirst .accordion-button, #accordionTwoSSSFirst .accordion-button, #accordionThreeSSSFirst .accordion-button, #accordionFourSSSFirst .accordion-button {
	background: #f2f2f2;
	color: #333;
	border: none;
}

.dolomit-tasi-sss .accordion-button {
	position: relative;
}

.dolomit-tasi-sss .accordion-button::after {
	content: "";
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='m287.84 232.27 49.55-70.34a12.11 12.11 0 0 1 9.9-5.14h112.71a12.14 12.14 0 0 1 11.33 7.82l39.89 105.18a12.11 12.11 0 0 1 -3.91 13.87l-89.09 69a12.09 12.09 0 0 1 -8.44 2.49l-102-8.57a12.11 12.11 0 0 1 -11-10.67l-11.05-95.28a12.06 12.06 0 0 1 2.11-8.36z' fill='%23695d69'/%3E%3Cpath d='m511.21 269.79-39.89-105.18a12.14 12.14 0 0 0 -11.32-7.82h-30.9a12.11 12.11 0 0 1 11.32 7.82l39.9 105.18a12.11 12.11 0 0 1 -3.91 13.87l-89.1 69c-.25.19-.51.37-.77.54l23.24 2a12.09 12.09 0 0 0 8.44-2.49l89.09-69a12.11 12.11 0 0 0 3.9-13.92z' fill='%23564e57'/%3E%3Cpath d='m368 204.36-24.13 2.12a.77.77 0 0 1 -.77-.49l-14.52-29.11a7 7 0 0 0 -.81-1.29l-10 14.21 11.48 23a16.3 16.3 0 0 0 14.59 9.11c.46 0 .93 0 1.39-.06l24.13-2.11a7.73 7.73 0 0 0 -1.35-15.4z' fill='%23564e57'/%3E%3Cpath d='m405.48 325.3 10.59-12.46a13.78 13.78 0 0 0 -2.26-20l-25.81-19.23a7.73 7.73 0 0 0 -9.24 12.39l24.39 18.19-10.15 11.88a13.7 13.7 0 0 0 -2.2 14.27l10 24.08 8.89.74a12.12 12.12 0 0 0 7.42-1.79z' fill='%23564e57'/%3E%3Cpath d='m400.88 354.42 8.89.74a12.12 12.12 0 0 0 7.42-1.79l-7.52-18-12.67 9.77z' fill='%233c373d'/%3E%3Cpath d='m486.78 205.38-30-3.67a12.62 12.62 0 0 0 -12.78 6.52l-9.21 17.2a7.72 7.72 0 1 0 13.62 7.29l8.28-15.45 36.31 4.44z' fill='%23564e57'/%3E%3Cpath d='m486.78 205.38-30-3.67a12.25 12.25 0 0 0 -2.34-.09l6.11 16.12 32.42 4z' fill='%233c373d'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
    width: 1rem;
    height: 1rem;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
}

.dolomit-tasi-sss .accordion-button::before {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg%3E%3Cpath d='m479.54 93.45 30.9-43.55a8.49 8.49 0 0 0 -.93-10.9l-36.51-36.52a8.49 8.49 0 0 0 -9.33-1.81l-41.88 17.77a8.49 8.49 0 0 0 -5.15 8.49l3.83 47.58a8.49 8.49 0 0 0 5.75 7.36l43.69 14.71a8.49 8.49 0 0 0 9.63-3.13z' fill='%23695d69'/%3E%3Cpath d='m509.51 39-36.51-36.52a8.49 8.49 0 0 0 -9.33-1.81l-16.43 7 31.37 31.33a8.5 8.5 0 0 1 .92 10.91l-28.59 40.28 19 6.39a8.49 8.49 0 0 0 9.63-3.13l30.9-43.55a8.49 8.49 0 0 0 -.96-10.9z' fill='%23564e57'/%3E%3Cpath d='m489.43 509.51 21.48-30.27a5.89 5.89 0 0 0 -.64-7.59l-25.4-25.38a5.91 5.91 0 0 0 -6.47-1.27l-29.12 12.35a5.91 5.91 0 0 0 -3.57 5.9l2.66 33.08a5.89 5.89 0 0 0 4 5.11l30.38 10.23a5.88 5.88 0 0 0 6.68-2.16z' fill='%23695d69'/%3E%3Cpath d='m510.27 471.65-25.4-25.38a5.91 5.91 0 0 0 -6.47-1.27l-18 7.65 19 19a5.92 5.92 0 0 1 .64 7.59l-18.04 25.45 20.79 7a5.88 5.88 0 0 0 6.69-2.18l21.48-30.27a5.89 5.89 0 0 0 -.69-7.59z' fill='%23564e57'/%3E%3Cpath d='m35.9 322.81-35 85.84a12 12 0 0 0 3.59 13.87l87.35 70.16a12 12 0 0 0 4.9 2.32l75.4 16.68a12 12 0 0 0 10.12-2.38l59.74-48.15a12 12 0 0 0 4.4-10.15l-7.4-106.14a12 12 0 0 0 -4.13-8.24l-78.25-67.47a12 12 0 0 0 -13-1.71l-101.83 49.1a12 12 0 0 0 -5.89 6.27z' fill='%23695d69'/%3E%3Cg fill='%23564e57'%3E%3Cpath d='m246.4 451-7.4-106.14a12 12 0 0 0 -4.13-8.24l-78.25-67.47a12 12 0 0 0 -13-1.71l-12.74 6.14 73.11 63a12 12 0 0 1 4.13 8.24l7.38 106.18a12 12 0 0 1 -4.43 10.16l-57.56 46.44 18.63 4.12a12 12 0 0 0 10.12-2.38l59.74-48.19a12 12 0 0 0 4.4-10.15z'/%3E%3Cpath d='m84.81 420.32-18.58-2.16a11.9 11.9 0 0 0 -10.76 4.55l-19.37 25.21 12 9.67a.69.69 0 0 0 .11-.13l18.23-23.72 16.56 1.93a7.73 7.73 0 0 0 1.78-15.35z'/%3E%3Cpath d='m105.88 346a8 8 0 0 0 2.44.39 7.74 7.74 0 0 0 7.33-5.29l6.45-19.39a11.84 11.84 0 0 0 -1.08-9.85l-.11-.16-16.23-25.53-14 6.77 16.23 25.51-5.91 17.79a7.75 7.75 0 0 0 4.88 9.76z'/%3E%3Cpath d='m242.19 390.87-31.19-6.61a11.91 11.91 0 0 0 -10.18 2.64l-13.35 11.55a7.72 7.72 0 1 0 10.11 11.68l12-10.37 33.7 7.15z'/%3E%3C/g%3E%3Cpath d='m242.19 390.87-31.19-6.61h-.22l1.12 16 31.37 6.66z' fill='%233c373d'/%3E%3Cpath d='m207.46 489-19.08-13.93 2.62-12.66a7.73 7.73 0 0 0 -15.13-3.16l-3.12 14.95a11.79 11.79 0 0 0 4.25 11.72l.23.17 17.75 13z' fill='%23564e57'/%3E%3Cpath d='m191.23 477.16-12.45 10.04 16.23 11.85 10.54-8.51 1.91-1.54z' fill='%233c373d'/%3E%3Cpath d='m324.75 462.21 25.58-4.34a4.12 4.12 0 0 0 3.43-4.06v-25.1a4.13 4.13 0 0 0 -2.57-3.82l-20.49-8.29a4.11 4.11 0 0 0 -4.68 1.15l-15.02 17.65a4.12 4.12 0 0 0 -.56 4.5l9.93 20.1a4.13 4.13 0 0 0 4.38 2.21z' fill='%23695d69'/%3E%3Cpath d='m318 89.68 19.66 16.93a4.13 4.13 0 0 0 5.32 0l19.32-16a4.12 4.12 0 0 0 1.3-4.42l-6.68-21.06a4.13 4.13 0 0 0 -3.92-2.84l-23.17-.29a4.14 4.14 0 0 0 -3.83 2.42l-9.1 20.46a4.12 4.12 0 0 0 1.1 4.8z' fill='%23695d69'/%3E%3Cpath d='m259.28 153.65 4.39-80.29a13.43 13.43 0 0 0 -1.83-7.5l-29.35-49.81a13.33 13.33 0 0 0 -9.69-6.44l-69.5-9.49a13.37 13.37 0 0 0 -9.11 2.06l-76.61 50.12a13.34 13.34 0 0 0 -5.23 6.61l-12.46 34.23a13.26 13.26 0 0 1 -5.53 6.79l-34.1 21.07a13.35 13.35 0 0 0 -6.26 10.48l-4 59.75a13.34 13.34 0 0 0 11.8 14.13l152.33 17.76a13.35 13.35 0 0 0 9.27-2.37l80.27-56.94a13.36 13.36 0 0 0 5.61-10.16z' fill='%23695d69'/%3E%3Cpath d='m261.84 65.86-29.35-49.81a13.33 13.33 0 0 0 -9.69-6.44l-25-3.42a13.64 13.64 0 0 1 3.8 4.22l29.34 51.14a14 14 0 0 1 1.83 7.71l-4.39 82.44a13.79 13.79 0 0 1 -5.6 10.43l-80.28 58.46 21.64 2.52a13.35 13.35 0 0 0 9.27-2.37l80.27-56.94a13.36 13.36 0 0 0 5.61-10.16l4.39-80.29a13.43 13.43 0 0 0 -1.84-7.49z' fill='%23564e57'/%3E%3Cpath d='m153.3.12a13.39 13.39 0 0 0 -8.3 1.59l-7.4 27.21a12.15 12.15 0 0 0 1.88 10.27l14.34 19.92-15.53 21.1a7.73 7.73 0 1 0 12.45 9.16l16.94-23a12.16 12.16 0 0 0 .05-14.37l-14.83-20.57 8.22-30.24z' fill='%23564e57'/%3E%3Cpath d='m162.2 182.38a17.44 17.44 0 0 0 -11.87-12.54l-27.66-8.34a7.73 7.73 0 0 0 -4.46 14.8l27.66 8.34a2 2 0 0 1 1.33 1.43l9 36.13 7.92.92a13.38 13.38 0 0 0 7.86-1.51z' fill='%23564e57'/%3E%3Cpath d='m167.24 202.57-13.48 9.82 2.45 9.81 7.92.92a13.38 13.38 0 0 0 7.86-1.51z' fill='%233c373d'/%3E%3Cpath d='m25.26 141.28a14.38 14.38 0 0 0 9.67 2.61l24.41-2.26 9.1 9.41a7.73 7.73 0 0 0 11.11-10.74l-9.45-9.77a14.29 14.29 0 0 0 -11.68-4.33l-24.53 2.26-16.81-11.67-6.82 4.21a13.35 13.35 0 0 0 -5.26 6.2z' fill='%23564e57'/%3E%3Cpath d='m215.65 67.71-13.51 17.29a7.73 7.73 0 0 0 12.18 9.51l13.58-17.31 35.35 3.8.42-7.65a13.43 13.43 0 0 0 -1.83-7.5l-.35-.58-31.92-3.44a15.41 15.41 0 0 0 -13.92 5.88z' fill='%23564e57'/%3E%3Cpath d='m261.84 65.86-.35-.58-30.31-3.28a14 14 0 0 1 1.58 7.25l-.45 8.42 30.94 3.33.42-7.65a13.43 13.43 0 0 0 -1.83-7.49z' fill='%233c373d'/%3E%3C/g%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
    width: 1rem;
    height: 1rem;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%) scale(0);
    opacity: 0;
    transition: transform .3s ease, opacity .3s ease;
    z-index: 1;
}

.dolomit-tasi-sss .accordion-button:not(.collapsed)::before {
	transform: translateY(-50%) scale(1);
	opacity: 1;
}