/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 23 2026 | 00:13:40 */
.sm-ui{
	--bg:#0b0c0f;
	--text:#e9eaec;
	--muted:rgba(255,255,255,.55);
	--line:rgba(255,255,255,.14);
	--shadow1: rgba(0,0,0,.65);
	--accent:#FDBD18; /* FIXED */
	--radius:26px;
	color: var(--text);
	font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover {
	background-color: #111111 !important;
	color: #fff;
	text-decoration: none
}

.sm-neo{
	background: linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
	border: 1px solid rgba(255,255,255,.06);
	box-shadow: 18px 18px 40px var(--shadow1), -10px -10px 28px rgba(255,255,255,.02);
	border-radius: var(--radius);
	overflow:hidden;
}

/* TOP TABS */
.sm-tabs{
	grid-column: 1 / span 2;
	padding:12px;
	display:flex;
	gap:12px;
	align-items:center;
	justify-content:flex-start;
}
.sm-tab{
	display:flex; align-items:center; gap:10px;
	padding:12px 14px;
	border-radius:18px;
	border:1px solid rgba(255,255,255,.06);
	background: rgba(255,255,255,.03);
	color:rgba(255,255,255,.75);
	cursor:pointer;
	font-weight:900;
	letter-spacing:.2px;
	transition:.18s;
	box-shadow: 10px 10px 26px rgba(0,0,0,.55), -8px -8px 18px rgba(255,255,255,.02);
}
.sm-tab:hover{transform: translateY(-1px); color:#fff;}
.sm-tab.is-active{
	background: rgba(246,178,25,.16);
	border-color: rgba(246,178,25,.45);
	color:#fff;
}
.sm-tab i{color:var(--accent);}

/* stage */
.sm-stage{padding:26px; display:flex; align-items:center; justify-content:center; min-height:0;}
.sm-car-wrap{
	width:min(560px, 90%);
	aspect-ratio: 16/10;
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	filter: drop-shadow(0 25px 45px rgba(0,0,0,.65));
}
.sm-car-img{
	width:100%;
	height:auto;
	display:block;
	user-select:none;
	-webkit-user-drag:none;
	transform: translateY(-6px);
	will-change: transform, opacity;
}
.sm-car-shadow{
	position:absolute; width:80%; height:18%; bottom:3%; left:10%;
	background: radial-gradient(ellipse at center, rgba(0,0,0,.55), transparent 70%);
	filter: blur(10px); transform: skewX(-12deg); opacity:.9;
}

/* car change animation */
.sm-car-img.sm-swap-out{ animation: smCarOut .18s ease-out forwards; }
.sm-car-img.sm-swap-in{  animation: smCarIn  .22s ease-out forwards; }
@keyframes smCarOut{
	from{ opacity:1; transform: translateY(-6px) scale(1); filter: blur(0); }
	to  { opacity:0; transform: translateY(6px) scale(.985); filter: blur(1.5px); }
}
@keyframes smCarIn{
	from{ opacity:0; transform: translateY(10px) scale(.985); filter: blur(1.5px); }
	to  { opacity:1; transform: translateY(-6px) scale(1); filter: blur(0); }
}

/* assistant */
.sm-assistant{padding:22px; display:flex; flex-direction:column; gap:16px;}
.sm-topbar{display:flex; justify-content:space-between; align-items:flex-start; gap:10px;}
.sm-title{font-size:15px; font-weight:800;}
.sm-hr{height:1px;background:var(--line); margin:2px 0 8px;}

/* Right panel animation on tab change */
.sm-panel{display:none; height:100%; flex-direction:column; gap:16px;}
.sm-panel.is-active{display:flex;}
.sm-panel.is-anim-in{ animation: smPanelIn .26s ease-out both; }
@keyframes smPanelIn{
	from{ opacity:0; transform: translateY(10px); filter: blur(2px); }
	to  { opacity:1; transform: translateY(0);  filter: blur(0); }
}

.sm-rowcard{
	background: rgba(255,255,255,.035);
	border: 1px solid rgba(255,255,255,.06);
	border-radius: 18px;
	padding:14px;
	display:flex; align-items:center; justify-content:space-between; gap:12px;
	box-shadow: 10px 10px 26px rgba(0,0,0,.55), -8px -8px 18px rgba(255,255,255,.02);
}
.sm-rowleft{display:flex; align-items:center; gap:10px;}
.sm-ic{
	width:34px;height:34px;border-radius:12px;
	display:grid;place-items:center;
	background: rgba(255,255,255,.04);
	border:1px solid rgba(255,255,255,.06);
	color:rgba(255,255,255,.75);
}
.sm-rowtitle{font-weight:800; font-size:14px;}
.sm-rowsub{font-size:12px; color:var(--muted); margin-top:2px;}
.sm-pill{
	font-size:12px; padding:7px 10px; border-radius:999px;
	background: rgba(255,255,255,.05);
	border:1px solid rgba(255,255,255,.07);
	color:rgba(255,255,255,.75);
}

.sm-section{display:flex; flex-direction:column; gap:10px;}
.sm-seclabel{display:flex; align-items:center; gap:10px; font-weight:700; font-size:13px;}

.sm-swatches{display:flex; gap:10px; padding-left:44px; flex-wrap:wrap;}
.sm-swatch{
	width:22px;height:22px;border-radius:6px;
	border:1px solid rgba(255,255,255,.15);
	cursor:pointer; position:relative;
	box-shadow: 6px 6px 14px rgba(0,0,0,.55), -4px -4px 10px rgba(255,255,255,.02);
}
.sm-swatch.is-active::after{
	content:""; position:absolute; inset:-4px;
	border-radius:9px; border:1px solid rgba(255,255,255,.35);
	box-shadow: 0 0 0 2px rgba(246,178,25,.25);
}

/* CTA */
.sm-cta{
	margin-top:auto;
	display:flex; align-items:center; justify-content:center; gap:10px;
	padding:14px 16px;
	border-radius:18px;
	border:0;
	cursor:pointer;
	background: var(--accent);
	color:#141414;
	font-weight:950;
	box-shadow: 12px 12px 28px rgba(0,0,0,.6), -8px -8px 18px rgba(255,255,255,.02);
	text-decoration:none;
}

/* CTA row + Call Now style */
.sm-cta-row{
	margin-top:auto;
	display:flex;
	gap:12px;
	align-items:stretch;
}
.sm-cta-row .sm-cta{ margin-top:0; flex:1; }
.sm-cta-call{
	background: rgba(255,255,255,.05);
	color: rgba(255,255,255,.9);
	border: 1px solid rgba(255,255,255,.12);
}
.sm-cta-call i{ color: var(--accent); }
.sm-cta-call:hover{
	background: rgba(255,255,255,.08) !important;
	color:#fff;
}

/* PPF heading + buttons */
.sm-ppf-heading-ttl{
	font-weight:700;
	font-size:13px;
	color:rgba(255,255,255,.85);
	margin-bottom:0;
}
.sm-ppf-tabs{
	display:flex;
	gap:10px;
	flex-wrap:wrap;
	padding:2px;
}
.sm-ppf-btn{
	font-style: italic;
	font-size:12px;
	padding:9px 12px;
	border-radius:999px;
	background: rgba(255,255,255,.04);
	border:1px solid rgba(255,255,255,.07);
	color:rgba(255,255,255,.78);
	cursor:pointer;
	user-select:none;
	box-shadow: 10px 10px 26px rgba(0,0,0,.55), -8px -8px 18px rgba(255,255,255,.02);
}
.sm-ppf-btn:hover{transform: translateY(-1px); color:#fff;}
.sm-ppf-btn.is-active{
	background: rgba(246,178,25,.16);
	border-color: rgba(246,178,25,.45);
	color:#fff;
}

/* PPF details card */
.sm-ppf-card{
	background: rgba(255,255,255,.035);
	border: 1px solid rgba(255,255,255,.06);
	border-radius: 18px;
	padding:14px;
	box-shadow: 10px 10px 26px rgba(0,0,0,.55), -8px -8px 18px rgba(255,255,255,.02);
}
.sm-ppf-head{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:12px;
}
.sm-ppf-title{font-weight:950; font-size:14px; letter-spacing:.2px;}
.sm-ppf-price{font-size:12px; color:var(--muted); margin-top:2px; white-space:nowrap;}

.sm-ppf-list{
	margin-top:10px;
	display:flex;
	flex-direction:column;
	gap:7px;
}
.sm-ppf-li{
	display:flex; align-items:flex-start; gap:8px;
	font-size:12px;
	color:rgba(255,255,255,.78);
	line-height:1.35;
}
.sm-ppf-dot{
	width:8px;height:8px;border-radius:99px;
	background: rgba(246,178,25,.9);
	box-shadow: 0 0 0 4px rgba(246,178,25,.12);
	margin-top:4px;
	flex:0 0 auto;
}
.sm-ppf-desc{
	margin-top:10px;
	font-size:12px;
	color:rgba(255,255,255,.62);
	line-height:1.45;
}
.sm-ppf-sub{
	margin-top:8px;
	color: rgba(255,255,255,.72);
}

/* responsive */
@media (max-width: 1050px){
	.sm-ui{grid-template-columns:1fr; grid-template-rows: auto auto auto; }
	.sm-tabs{grid-column: 1;}
	.sm-cta-row{flex-direction:column;}
}


.sm-tabs.sm-neo {
	padding: 6px;
	background: #432D00 !important;
	border-radius: 0;
	box-shadow: none;
	border: 1px solid #553A00;
	gap: 12px !important;
}

.sm-tab {
	flex-grow: 1;
	border-radius: 0;
	box-shadow: none;
	text-align: center !important;
	justify-content: center;
	background: transparent;
	border: 1px solid #553A00;
}

.sm-tab.is-active, .sm-tab:hover {
	background: #F9BA34 !important;
	color: #fff;
	border-color: #F9BA34 !important;
	transform: unset !important;
}

div#smUI {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.gridContainer {
    width: 40%;
    flex-grow: 1;
}

main.sm-stage.sm-neo {
    width: 490px;
}

.sm-tabs.sm-neo {}

section#smRightPanel {
    border-radius: 0;
    margin-top: 20px;
    background: hsl(40deg 100% 13% / 74%) !important;
    box-shadow: none !important;
}

.sm-title {
    font-size: 28px;
    font-weight: bold;
    font-family: 'Montserrat';
}

.sm-ppf-heading {
    display: none;
}

div#smPPFTabs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.sm-ppf-btn {
    font-size: 14px;
    font-weight: bold;
    font-family: 'Montserrat';
    padding: 12px;
    border-radius: 0;
    box-shadow: none;
    background: #342402;
    border: 1px solid hsl(45deg 3.12% 74.9% / 28%);
    font-style: normal;
}

.sm-ppf-btn.is-active, .sm-ppf-btn:hover {
    background: hsl(40.81deg 94.26% 59.02% / 8%) !important;
    border-color: #F9BA34 !important;
}

.sm-ppf-card {
    background: #432D00;
    border-radius: 0;
    box-shadow: none;
    padding: 16px 20px;
}

.sm-ppf-title {
    font-size: 22px;
    font-weight: bold;
    font-family: 'Montserrat';
}

.sm-ppf-price {
    font-size: 14px;
    font-weight: 600;
    color: #fff !important;
    background: #F9BA34;
    display: block;
    padding: 10px 16px;
    line-height: 28px;
}

.sm-ppf-head {
    align-items: center;
    padding-bottom: 24px;
    border-bottom: 1px solid #5A4E35;
}

.sm-ppf-sub {
    margin-top: 16px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    font-family: 'Montserrat';
}

span.sm-ppf-dot {
    background-color: transparent;
    background-image: url(https://floralwhite-turkey-993741.hostingersite.com/wp-content/uploads/2026/08/mdi_tick-circle.svg);
    background-size: contain;
    background-repeat: no-repeat;
    box-shadow: none;
    margin: 0;
    width: 24px;
    height: 24px;
}

.sm-ppf-li {
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Montserrat';
    color: #fff;
}

.sm-cta-row {
    flex-direction: column;
}

a {}

a.sm-cta-link button {
    border-radius: 0 !important;
    background: #F9BA34;
    color: #fff;
    border: 1px solid #F9BA34;
    box-shadow: none;
}

a.sm-cta-link button:hover {
}

a.sm-cta.sm-cta-call {
    box-shadow: none;
    border-radius: 0;
    background: #fff;
    color: #F9BA34;
    border: 1px solid transparent;
}

a.sm-cta.sm-cta-call:hover {
    background: #F9BA34 !important;
    color: #fff !important;
    border-color: #F9BA34;
}

a.sm-cta.sm-cta-call:hover i {
    color: #fff;
}

main.sm-stage.sm-neo {
    border-radius: 6px;
    border: 0;
    box-shadow: none;
}

div#smPPFList {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.sm-rowcard {
    box-shadow: none;
    border-radius: 0;
}
.elementor-element.elementor-element-7970942.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
  background: none !important;
}