/* 
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
form.variations_form.cart
{
	margin-bottom: 0px;
    padding-bottom: 0px;
}
span.sku_wrapper
{
    display: none;
}
span.posted_in
{
    display: none;
}
div.product-info.summary.col-fit.col.entry-summary.product-summary.text-left.form-flat
{
    padding-bottom: 0px;
}
div.product-main{
    padding-bottom: 0px;
}

.product-footer .woocommerce-tabs {
    border-top: 1px solid #ececec;
    padding: 0px 0;
}


li#tab-title-description
{
    display: none;
}
li#tab-title-additional_information
{
    display: none;
}

select#choose-device {
    -webkit-appearance: button;
    background-image: none;
		}
@media screen and (max-width: 849px) {
header#header.header.
{
    padding-bottom: 15px !important;
	}
	div.header-wrapper{
		 padding-bottom: 15px !important;
	}
}

@media screen and (min-width: 775px) {
ul.header-nav.header-nav-main.nav.nav-right.nav-uppercase.nav {
 
    flex-flow: unset;
}

trp-ls-shortcode-language{
    width: 80px  !important;
}
 
div.trp-ls-shortcode-current-language{
    width: 100px  !important;
}
.trp-language-switcher > div {
   
    padding: 0px 0px 0px 0px !important;
    border: none !important;}


.trp-language-switcher > div > a {
    padding: 4px 30px;
	border: none;
    background-color: transparent;
}
	 
	.trp-language-switcher {
  
    width: 150px;
}
		
		
	div.trp-ls-shortcode-current-language{
    border: none;
    background-color: transparent;
}
}
@media screen and (max-width: 774px) {
	
	
	.trp-language-switcher:focus .trp-ls-shortcode-language, .trp-language-switcher:hover .trp-ls-shortcode-language {
 
    padding: 4px 43px;
	}
		
		
	.trp-language-switcher > div {
   
    padding: 4px 20px 3px 13px;
    border: none;

		background-color: transparent;}
	
	select.wmc-nav.wmc-select-currency-js choice, .select2-container .select2-selection, select {
    background-color: transparent;
    background-position: right 3.6em top 40%; 
	}
		
		
	div.trp-language-switcher.trp-language-switcher-container{
		width: 40px !important;}
	
	
	div.trp-ls-shortcode-current-language{
		width: 90px !important;
		
	}
}






div.product-gallery.large-7.col {
    padding: 0 20px 30px;
}
div.flex-col.hide-for-medium.flex-left.flex-grow.flex-grow { 
    flex: none;
}


div.col.large-12 {
    padding-block-end: 0px;
}

div.absolute-footer.light.medium-text-center.text-center {
    padding-block-end: 0px;
}


div.page-title-inner.flex-row.medium-flex-wrap.container
{
    display: none;
}
p.category.uppercase.is-smaller.no-text-overflow.product-cat.op-7
{
    display: none;
}

a.button.fpd-catalog-customize
{
    display: none;
}



img.header_logo.header-logo {
    max-height: 100% !important;
}


div.payment-icons.inline-block {
    max-width: 250px;
}





.is-sticky-column__inner {
    position: relative !important;
    top: 0px !important;
    left: 0px !important;
	transform: translate3d(0px, 0px, 0px) !important;
    /* width: auto !important; */
}






li.header-block {
    position: -webkit-sticky;
    position: fixed;
    top: 1%;
    display: flex;
    right: 2%;
    width: 25% !important;
}
}

}
li.header-block {
    position: -webkit-sticky;
    position: fixed;
    top: 1%;
    display: flex;
    right: 2%;
    width: 25% !important;
}


dl {
    display: none;
}
ul.product_list_widget li dl {
    display: none;
}

 .collection_sec img {
    border-radius: 15px;
}




ul.product_list_widget li img {
    height: 80px !important;
	object-fit: contain;
	}
.payment-icon:nth-child(1) svg {
    visibility:visible !important;
}


li.header-block {
	 position: inherit;
    display: inline-block;
    float: left;
    width: 80px;
    height: 35px;
    margin-right: 0;
}
select.wmc-nav {
    box-shadow: none;
    border: none;
}

	.nav>li>a, .nav-dropdown>li>a, .nav-column>li>a {
    color: #414042;
    transition: all .2s;
}
.main-menu-overlay {
    background-color: #000;
}
.nav > li > a {
    font-weight: 600;
    font-size: 0.9375rem;
}



.next-prev-thumbs li.has-dropdown:hover>.nav-dropdown, .no-js li.has-dropdown:hover>.nav-dropdown, li.current-dropdown>.nav-dropdown {
	left: -80px;align-content}


li.wc_payment_method.payment_method_myfatoorah_v2 span.mf-div input, li.wc_payment_method.payment_method_myfatoorah_v2 span.mf-div label {
    display:none;
}
  
.KWD li.wc_payment_method.payment_method_myfatoorah_v2 input#mf-radio-1,
.KWD li.wc_payment_method.payment_method_myfatoorah_v2 label[for='mf-radio-1'],
.KWD li.wc_payment_method.payment_method_myfatoorah_v2 input#mf-radio-2,
.KWD li.wc_payment_method.payment_method_myfatoorah_v2 label[for='mf-radio-2']{
	 display:block;
}

.SAR li.wc_payment_method.payment_method_myfatoorah_v2 input#mf-radio-4,
.SAR li.wc_payment_method.payment_method_myfatoorah_v2 label[for='mf-radio-4']
{
	 display: block;
}


.AED li.wc_payment_method.payment_method_myfatoorah_v2 input#mf-radio-8,
.AED li.wc_payment_method.payment_method_myfatoorah_v2 label[for='mf-radio-8']{
	 display: block;
}
.QAR li.wc_payment_method.payment_method_myfatoorah_v2 input#mf-radio-9,
.QAR li.wc_payment_method.payment_method_myfatoorah_v2 label[for='mf-radio-9']{
	 display: block;
}

.BHD li.wc_payment_method.payment_method_myfatoorah_v2 input#mf-radio-2,
.BHD li.wc_payment_method.payment_method_myfatoorah_v2 label[for='mf-radio-2']{
	 display: block;
}


.OMR li.wc_payment_method.payment_method_myfatoorah_v2 input#mf-radio-2,
.OMR li.wc_payment_method.payment_method_myfatoorah_v2 label[for='mf-radio-2']{
	 display: block;
}


.USD li.wc_payment_method.payment_method_myfatoorah_v2 input#mf-radio-2,
.USD li.wc_payment_method.payment_method_myfatoorah_v2 label[for='mf-radio-2']{
	 display: block;
}


.EUR li.wc_payment_method.payment_method_myfatoorah_v2 input#mf-radio-2,
.EUR li.wc_payment_method.payment_method_myfatoorah_v2 label[for='mf-radio-2']{
	 display: block;
}


.GBP li.wc_payment_method.payment_method_myfatoorah_v2 input#mf-radio-2,
.GBP li.wc_payment_method.payment_method_myfatoorah_v2 label[for='mf-radio-2']{
	 display: block;
}


.EGP li.wc_payment_method.payment_method_myfatoorah_v2 input#mf-radio-2,
.EGP li.wc_payment_method.payment_method_myfatoorah_v2 label[for='mf-radio-2']{
	 display: block;
}

 
/* FPD topbar overflow hints. These controls do not change the FPD toolbar layout. */
.single-product .fpd-topbar fpd-main-bar.q8ps-fpd-hints-ready,
.q8ps-native-fpd-poc-bootstrap.is-active .fpd-topbar fpd-main-bar.q8ps-fpd-hints-ready {
	overflow: visible;
}

.single-product .fpd-topbar fpd-main-bar.q8ps-fpd-hints-ready::before,
.single-product .fpd-topbar fpd-main-bar.q8ps-fpd-hints-ready::after,
.q8ps-native-fpd-poc-bootstrap.is-active .fpd-topbar fpd-main-bar.q8ps-fpd-hints-ready::before,
.q8ps-native-fpd-poc-bootstrap.is-active .fpd-topbar fpd-main-bar.q8ps-fpd-hints-ready::after {
	bottom: 1px;
	content: "";
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	transition: opacity 160ms ease;
	width: 38px;
	z-index: 7;
}

.single-product .fpd-topbar fpd-main-bar.q8ps-fpd-hints-ready::before,
.q8ps-native-fpd-poc-bootstrap.is-active .fpd-topbar fpd-main-bar.q8ps-fpd-hints-ready::before {
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0));
	left: 0;
	right: auto;
}

.single-product .fpd-topbar fpd-main-bar.q8ps-fpd-hints-ready::after,
.q8ps-native-fpd-poc-bootstrap.is-active .fpd-topbar fpd-main-bar.q8ps-fpd-hints-ready::after {
	background: linear-gradient(270deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0));
	left: auto;
	right: 0;
}

.single-product .fpd-topbar fpd-main-bar.q8ps-fpd-can-scroll-left::before,
.single-product .fpd-topbar fpd-main-bar.q8ps-fpd-can-scroll-right::after,
.q8ps-native-fpd-poc-bootstrap.is-active .fpd-topbar fpd-main-bar.q8ps-fpd-can-scroll-left::before,
.q8ps-native-fpd-poc-bootstrap.is-active .fpd-topbar fpd-main-bar.q8ps-fpd-can-scroll-right::after {
	opacity: 1;
}

.single-product .q8ps-fpd-scroll-hint,
.q8ps-native-fpd-poc-bootstrap.is-active .q8ps-fpd-scroll-hint {
	align-items: center;
	background: rgba(255, 255, 255, 0.96);
	border: 1px solid rgba(17, 24, 39, 0.16);
	border-radius: 999px;
	box-shadow: 0 4px 14px rgba(15, 23, 42, 0.16);
	color: #111827;
	cursor: pointer;
	display: none;
	height: 28px;
	justify-content: center;
	line-height: 1;
	margin: 0;
	padding: 0;
	pointer-events: auto;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 28px;
	z-index: 8;
}

.single-product .q8ps-fpd-scroll-hint:hover,
.single-product .q8ps-fpd-scroll-hint:focus-visible,
.q8ps-native-fpd-poc-bootstrap.is-active .q8ps-fpd-scroll-hint:hover,
.q8ps-native-fpd-poc-bootstrap.is-active .q8ps-fpd-scroll-hint:focus-visible {
	background: #ffffff;
	border-color: rgba(17, 24, 39, 0.3);
	outline: none;
}

.single-product .q8ps-fpd-scroll-hint svg,
.q8ps-native-fpd-poc-bootstrap.is-active .q8ps-fpd-scroll-hint svg {
	display: block;
	height: 14px;
	width: 14px;
}

.single-product .q8ps-fpd-scroll-hint--left,
.q8ps-native-fpd-poc-bootstrap.is-active .q8ps-fpd-scroll-hint--left {
	left: 4px;
	right: auto;
}

.single-product .q8ps-fpd-scroll-hint--right,
.q8ps-native-fpd-poc-bootstrap.is-active .q8ps-fpd-scroll-hint--right {
	left: auto;
	right: 4px;
}

.single-product .q8ps-fpd-scroll-hint.is-visible,
.q8ps-native-fpd-poc-bootstrap.is-active .q8ps-fpd-scroll-hint.is-visible {
	display: flex;
}

.q8ps-fpd-ai-dialog {
	align-items: center;
	background: rgba(15, 23, 42, 0.44);
	display: flex;
	inset: 0;
	justify-content: center;
	padding: 18px;
	position: fixed;
	z-index: 999999;
}

.q8ps-fpd-ai-dialog[hidden] {
	display: none;
}

.q8ps-fpd-ai-panel {
	background: #ffffff;
	border: 1px solid rgba(12, 119, 112, 0.16);
	border-radius: 18px;
	box-shadow: 0 28px 80px rgba(15, 23, 42, 0.24);
	box-sizing: border-box;
	color: #142423;
	max-height: min(92vh, 880px);
	overflow: auto;
	padding: 22px;
	position: relative;
	width: min(100%, 760px);
}

.q8ps-fpd-ai-close {
	align-items: center;
	background: #f2fbf9;
	border: 1px solid rgba(12, 119, 112, 0.18);
	border-radius: 999px;
	color: #0c7770;
	cursor: pointer;
	display: flex;
	font-size: 24px;
	height: 34px;
	justify-content: center;
	line-height: 1;
	padding: 0;
	position: absolute;
	right: 16px;
	top: 16px;
	width: 34px;
}

.q8ps-fpd-ai-head {
	align-items: center;
	display: flex;
	gap: 13px;
	padding-right: 42px;
}

.q8ps-fpd-ai-head h2 {
	color: #123b39;
	font-size: 24px;
	line-height: 1.1;
	margin: 0 0 4px;
}

.q8ps-fpd-ai-head p,
.q8ps-ai-muted {
	color: #5b7472;
	font-size: 14px;
	line-height: 1.55;
	margin: 0;
}

.q8ps-fpd-ai-spark,
.q8ps-fpd-ai-tool-icon {
	align-items: center;
	background: #e7fbf7;
	border: 1px solid rgba(12, 119, 112, 0.16);
	border-radius: 12px;
	color: #0c7770;
	display: inline-flex;
	flex: 0 0 auto;
	height: 36px;
	justify-content: center;
	width: 36px;
}

.q8ps-fpd-ai-spark::before,
.q8ps-fpd-ai-tool-icon::before {
	content: "AI";
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0;
}

.q8ps-ai-status-strip {
	align-items: center;
	background: #f5fffc;
	border: 1px solid rgba(12, 119, 112, 0.14);
	border-radius: 10px;
	display: flex;
	gap: 12px;
	justify-content: space-between;
	margin: 16px 0;
	padding: 10px 12px;
}

.q8ps-ai-status-strip a {
	color: #0c7770;
	font-weight: 750;
	text-decoration: none;
}

.q8ps-fpd-ai-tabs {
	background: #f1f5f5;
	border-radius: 10px;
	display: grid;
	gap: 4px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin: 0 0 16px;
	padding: 4px;
}

.q8ps-fpd-ai-tabs button {
	background: transparent;
	border: 0;
	border-radius: 8px;
	color: #456260;
	cursor: pointer;
	font-size: 14px;
	font-weight: 750;
	min-height: 38px;
	padding: 8px 10px;
}

.q8ps-fpd-ai-tabs button.is-active {
	background: #ffffff;
	box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
	color: #0c7770;
}

.q8ps-fpd-ai-body {
	display: grid;
	gap: 14px;
}

.q8ps-fpd-ai-body h3 {
	color: #153433;
	font-size: 18px;
	line-height: 1.2;
	margin: 0;
}

.q8ps-ai-form {
	display: grid;
	gap: 12px;
}

.q8ps-ai-form textarea,
.q8ps-ai-form select,
.q8ps-ai-upload {
	background: #ffffff;
	border: 1px solid rgba(15, 23, 42, 0.14);
	border-radius: 10px;
	box-sizing: border-box;
	color: #153433;
	font-size: 14px;
	width: 100%;
}

.q8ps-ai-form textarea {
	min-height: 112px;
	padding: 12px;
	resize: vertical;
}

.q8ps-ai-form select {
	min-height: 40px;
	padding: 8px 10px;
}

.q8ps-ai-row {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.q8ps-ai-upload {
	cursor: pointer;
	display: grid;
	gap: 8px;
	padding: 12px;
}

.q8ps-ai-confirm {
	align-items: flex-start;
	color: #456260;
	display: flex;
	font-size: 13px;
	gap: 8px;
	line-height: 1.45;
}

.q8ps-ai-cost {
	color: #153433;
	font-size: 14px;
}

.q8ps-ai-primary,
.q8ps-ai-secondary {
	align-items: center;
	border-radius: 10px;
	cursor: pointer;
	display: inline-flex;
	font-size: 14px;
	font-weight: 800;
	justify-content: center;
	min-height: 40px;
	padding: 9px 14px;
	text-decoration: none;
}

.q8ps-ai-primary {
	background: #0c7770;
	border: 1px solid #0c7770;
	color: #ffffff;
}

.q8ps-ai-secondary {
	background: #ffffff;
	border: 1px solid rgba(12, 119, 112, 0.2);
	color: #0c7770;
}

.q8ps-ai-message {
	background: #f5fffc;
	border: 1px solid rgba(12, 119, 112, 0.16);
	border-radius: 10px;
	color: #153433;
	font-size: 14px;
	line-height: 1.45;
	padding: 10px 12px;
}

.q8ps-ai-message.is-error {
	background: #fff5f5;
	border-color: rgba(220, 38, 38, 0.2);
	color: #991b1b;
}

.q8ps-ai-message.is-success {
	background: #effdf7;
	border-color: rgba(12, 119, 112, 0.22);
	color: #11645f;
}

.q8ps-ai-result,
.q8ps-ai-library {
	display: grid;
	gap: 12px;
}

.q8ps-ai-creative-card {
	align-items: center;
	background: #fbfffe;
	border: 1px solid rgba(12, 119, 112, 0.14);
	border-radius: 12px;
	display: grid;
	gap: 12px;
	grid-template-columns: 92px minmax(0, 1fr);
	padding: 12px;
}

.q8ps-ai-creative-card img {
	background: #eef8f6;
	border-radius: 10px;
	display: block;
	height: 92px;
	object-fit: contain;
	width: 92px;
}

.q8ps-ai-creative-card strong,
.q8ps-ai-creative-card small {
	display: block;
	min-width: 0;
	overflow-wrap: anywhere;
}

.q8ps-ai-card-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	grid-column: 1 / -1;
}

body.rtl .q8ps-fpd-ai-panel,
html[lang^="ar"] .q8ps-fpd-ai-panel {
	direction: rtl;
	text-align: right;
}

body.rtl .q8ps-fpd-ai-close,
html[lang^="ar"] .q8ps-fpd-ai-close {
	left: 16px;
	right: auto;
}

@media screen and (max-width: 640px) {
	.q8ps-fpd-ai-panel {
		border-radius: 14px;
		padding: 18px;
	}

	.q8ps-fpd-ai-tabs,
	.q8ps-ai-row,
	.q8ps-ai-creative-card {
		grid-template-columns: 1fr;
	}

	.q8ps-ai-creative-card img {
		height: 160px;
		width: 100%;
	}
}