/**
 * Theme Name:     Wavvy
 * Author:         Rizwan
 * Template:       hello-elementor
 * Text Domain:	   wavvy
 * Description:    
 * Author URI:     https://github.com/rizi97
 */




.smart_yellow_slider.horizontal {
background-color: #F2f2f2;
	padding-bottom: 30px;
	height: 450px;
}
.smart_yellow_slider.vertical .swiper-slide,
.smart_yellow_slider.horizontal .swiper-slide {
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

}
.smart_yellow_slider.horizontal .swiper-slide img {
	min-height: 400px;
	object-fit: contain;
	background-color: #000;
}

.smart_yellow_slider.vertical .swiper-slide h4,
.smart_yellow_slider.horizontal .swiper-slide h4 {
	background-color:black;
	font-size: 18px;
	color: #f2f2f2;
	font-family: 'Geist Mono';
	padding-left:40px;
	padding-right:40px;
	padding-top:10px;
	padding-bottom:22px
}

.smart_yellow_slider.vertical .swiper-slide h4:hover,
.smart_yellow_slider.horizontal .swiper-slide h4:hover{
	background-color:#f8f907 !important;
	color:black;	
}


.smart_yellow_slider.vertical {
  background-color: #f8f907;
  padding-bottom: 30px;
  height: 100vh;
  display: flex;
  justify-content: center;
}
.smart_yellow_slider.vertical .swiper-slide {
  height: 400px;
}
.smart_yellow_slider.vertical .swiper-slide img {
  min-height: 170px;
  object-fit: contain;
}
main.single_product_detail {
	font-family: "Geist Mono", monospace;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(0, 2fr));
	padding:40px;
	margin: 0 auto;
	align-items: start;
	position: relative;
	max-width:1024px;
	gap:50px
}
.single_product_detail .artwork img {
	width: 100%;
}
.single_product_detail .content {
	display: grid;
}
.single_product_detail .intro {
	display: grid;
}
.single_product_detail .tagline {
	text-transform: uppercase;
	letter-spacing: 0.28em;
	font-family: "Geist Mono", Sans-serif;
	font-weight:300;
	font-size:10pt;
	margin-bottom:10px
}
.single_product_detail h1 {
	margin: 0;
   font-size: 17px;
	letter-spacing: -0.01em;
	font-weight: 600 !important;
	
}
.single_product_detail .lede {
	max-width: 560px;
	font-size: 12px;
	line-height: 1.6;
	color: #2c2c2c;
	margin: 17px 0px 18px;
}
.single_product_detail .cta {
	display: flex;
	gap: 16px;
	margin-bottom:25px
}
.single_product_detail .cta a {
	text-decoration: none;
	color: inherit;
    padding: 8px 14px;
	border: 2px solid #111;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: 500;
	    font-size: 11pt;
    background-color: #000;
    color: #f2f2f2;
	transition: background 0.18s ease, color 0.18s ease;
}
.single_product_detail .cta .primary {
	background: #111;
	color: #fff;
}
.single_product_detail .cta .primary:hover {
	background: #353535;
}
.single_product_detail .cta .secondary:hover {
	background: #111;
	color: #fff;
}
.single_product_detail .tab-groups {
	display: grid;
	gap: 20px;
}
.single_product_detail .tab-group {
	display: grid;
	gap: 8px;
}
.single_product_detail .tab-heading {
	font-size: 16px;
	letter-spacing: 0.11em;
	text-transform: uppercase;
	font-weight: 600;
}
.single_product_detail .tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.single_product_detail .tab-link {
	display: inline-block;
		border: 2px solid transparent;
	  font-size: 9pt;
       width: 130px;
    padding: 3px;
	letter-spacing: 0.08em;
	font-weight: 500;
	transition: border-color 0.16s ease;
	color: #000 !important;
	text-decoration: none;
	background: #f2f2f2;
	cursor: pointer;
	text-transform: uppercase;
	border-radius:unset !important
}
.single_product_detail .tab-link:hover {
	border-color: rgba(0, 0, 0, 0.55);
}
.single_product_detail .tab-link.is-active {
	border-color: #111;
}
.single_product_detail .detail-stack {
	display: grid;
	gap: 18px;
}
.single_product_detail .detail-card {
	display: grid;
	gap: 12px;
}
.single_product_detail .detail-card.is-active {
	display: grid;
}
.single_product_detail .detail-title {
	text-transform: uppercase;
	letter-spacing: 0.11em;
	font-size: 16px;
	font-weight: 700;
	margin-top:20px
}
.single_product_detail .detail-text {
	font-size: 12px;
	line-height: 1.6;
	white-space: pre-wrap;
    min-width: 15%;
    overflow-wrap: break-word;
}
.single_product_detail .detail-note {
	font-size: 0.85rem;
	color: #555;
}
.single_product_detail .stat-strip {
	display: flex;
	flex-wrap: wrap;
border: 1px solid #111;
    background: #f2f2f2;
	max-width: max-content;
} 
.single_product_detail .stat-strip.is-empty {
	border: none
}
.single_product_detail .stat {
	display: flex;
	gap: 8px;
	padding: 4px 12px;
	align-items: baseline;
}
.single_product_detail .stat + .stat {
	border-left: 1px solid #111;
}
.single_product_detail .stat-label {
	font-size: 11px;
	letter-spacing: 0.18em;
	font-weight: 700;
	text-transform: uppercase;
}
.single_product_detail .stat-label::after {
	content: ":";
}
.single_product_detail .stat-value {
	font-size:11px;
	font-weight: 300;
	color: #3f3f3f;
}

/* hidden on desktop */
.menu-btn {
  display: none;
}
.show {
	display:block;
}

.single_product_detail_container{
	display:flex;
	position:relative
		  background-color: #f2f2f2;
	 padding-top: 80px;
}
.custom-slider{
	max-width:257px;
	background-color:#f0f0f0
}
.single-product-navigation.left-navigation{
	position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
	z-index: 1;
}
.single-product-navigation.right-navigation{
	position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%)
}
.arrow-icon-left,
.arrow-icon-right {
    font-size: 48px;
    font-weight: 600;    
    cursor: pointer;
    color:#000000
}
.artwork figure{
	margin-bottom:0px !important
}

@media (max-width: 960px) {
	main.single_product_detail {
		grid-template-columns: 1fr;
	}
	.single_product_detail .artwork {
		position: static;
		min-height: 380px;
	}
	.single_product_detail .artwork figure {
		position: relative;
	}
	.single_product_detail .single-product-navigation.left-navigation,
	.single_product_detail .single-product-navigation.right-navigation {
		top: 30%;
	}
}

@media (max-width: 768px) {
	.menu-btn {
		display:block;
		height: 120px;
        width: 55px;
		background: #000;
        color: #ffde00;
		border: none;
		writing-mode: vertical-rl;
		text-orientation: upright;
		font-size: 24px;
		font-weight: bold;
		display: flex;                    
		justify-content: center;
		align-items: center;
		cursor: pointer;
		transition: 0.3s ease;
		padding: 0px;
		position:absolute;
		top:48px;
		z-index:2
	}
	.single_product_detail_container .single_product_detail {
		margin-top:40px
	}
	.single_product_detail_container .single_product_detail {
		padding:20px
	}
	.single_product_detail_container {
		flex-wrap:wrap
	}
	.single_product_detail_container .custom-slider {
		max-width:100%
	}
	.hide {
		display:none;
	}

	.menu-btn span {
		display: block;
		margin: -4px 0;
		line-height: 1;
	}

	.menu-btn.active {
		background: #ffde00;
        color: #000;
	}
	.single_product_detail .single-product-navigation.right-navigation {
		top: 15%;
		left:88%
	} 
	.single_product_detail .single-product-navigation.left-navigation{
		top: 15%;
		right:88%
	} 
}

@media (max-width: 640px) {
	.single_product_detail .artwork {
		min-height: auto;
	}
	.single_product_detail .artwork img {
		max-width: 320px;
	}
	.single_product_detail .cta {
		flex-direction: column;
		align-items: flex-start;
	}
	.single_product_detail .stat {
		flex: 1 1 100%;
		border-left: none;
		border-top: 1px solid #111;
		padding: 10px 16px;
	}
	.single_product_detail .stat:first-child {
		border-top: none;
	}
	.smart_yellow_slider.vertical .swiper-slide h4{
		padding-bottom:10px 
	}
}

@media (min-width: 640px) {
	.custom-slider.hide {
		display: none !important
}
	.smart_yellow_slider.vertical .swiper-slide h4{
		padding-bottom:10px 
	}
}
.artwork figure {
    border: 0px solid #353535;
}