@font-face {
  font-family: "Dana";
  src: url("https://koomeshsolar.ir/wp-content/themes/woodmart-child/font/dana/woff2/dana-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Dana";
  src: url("https://koomeshsolar.ir/wp-content/themes/woodmart-child/font/dana/woff2/dana-medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Dana";
  src: url("https://koomeshsolar.ir/wp-content/themes/woodmart-child/font/dana/woff2/dana-demibold.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Dana";
  src: url("https://koomeshsolar.ir/wp-content/themes/woodmart-child/font/dana/woff2/dana-extrabold.woff2") format("woff2");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

.kss-slider {
  --kss-blue: #0d79d6;
  --kss-blue-dark: #084ea6;
  --kss-yellow: #ffd322;
  --kss-ink: #17130d;
  --kss-radius: 8px;
  --kss-height: 95vh;
  --kss-min-height: 620px;
  --kss-mobile-min-height: 680px;
  --kss-transition: 650ms;
  --kss-ease: cubic-bezier(.22, 1, .36, 1);
  position: relative;
  width: 100%;
  height: var(--kss-height);
  min-height: var(--kss-min-height);
  max-height: 1000px;
  overflow: hidden;
  isolation: isolate;
  background: #fff7d7;
  color: var(--kss-ink);
  font-family: "Dana", Tahoma, Arial, sans-serif;
  font-synthesis: none;
  contain: paint;
}
.kss-slider *, .kss-slider *::before, .kss-slider *::after { box-sizing: border-box; }
.kss-slider button, .kss-slider a, .kss-slider input { font-family: inherit; }
.kss-slider:not(.is-ready) .kss-slide:not(.is-active) { display: none; }
.kss-slides, .kss-slide { position: absolute; inset: 0; }
.kss-slide {
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transform: translate3d(-14px, 0, 0) scale(1.018);
  transition:
    opacity var(--kss-transition) var(--kss-ease),
    transform var(--kss-transition) var(--kss-ease),
    visibility 0s linear var(--kss-transition);
  overflow: hidden;
  pointer-events: none;
  backface-visibility: hidden;
  will-change: opacity, transform;
}
.kss-slide.is-active {
  z-index: 2;
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0) scale(1);
  transition-delay: 0s;
  pointer-events: auto;
}
.kss-theme-yellow {
  background:
    radial-gradient(circle at 72% 22%, rgba(255,255,255,.98), transparent 28%),
    radial-gradient(circle at 25% 62%, rgba(13,121,214,.12), transparent 26%),
    linear-gradient(120deg, #fffef4 0%, #fff2a6 38%, #ffd94a 74%, #fff7d6 100%);
}
.kss-theme-light { background: linear-gradient(120deg, #fffef8, #fff4c9 58%, #eff7ff); }
.kss-theme-blue {
  background:
    radial-gradient(circle at 18% 16%, rgba(255,255,255,.24), transparent 28%),
    linear-gradient(125deg, #063d86, #0d79d6 55%, #8ab58d 130%);
}
.kss-slide__media { position: absolute; inset: 0; width: 100%; height: 100%; display: block; transform: scale(1.025); transition: transform var(--kss-transition) var(--kss-ease); will-change: transform; }
.kss-slide.is-active .kss-slide__media { transform: scale(1); }
.kss-slide__image-bg {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  user-select: none;
}
.kss-slide.is-active .kss-slide__image-bg,
.kss-slide.is-preloaded .kss-slide__image-bg { background-image: var(--kss-desktop-bg); }
.kss-slide__video { object-fit: cover; object-position: center; }
.kss-slide__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(4,45,101,.15), rgba(255,255,255,.03) 46%, rgba(255,247,215,.12));
}
.kss-content {
  position: absolute;
  z-index: 6;
  right: clamp(28px, 4vw, 84px);
  bottom: 88px;
  width: min(420px, calc(100% - 56px));
  padding: 20px 22px;
  border: 1px solid rgba(13,121,214,.08);
  border-radius: var(--kss-radius);
  background: rgba(255,255,255,.95);
  box-shadow: 0 18px 40px rgba(8,78,166,.13);
  color: var(--kss-ink);
  text-align: right;
  backdrop-filter: blur(8px);
  opacity: 0;
  transform: translate3d(0, 14px, 0);
  transition: opacity var(--kss-transition) var(--kss-ease), transform var(--kss-transition) var(--kss-ease);
}
.kss-slide.is-active .kss-content {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 90ms;
}
.kss-content h2 {
  margin: 0;
  font-size: clamp(28px, 3vw, 44px);
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: -1px;
  color: var(--kss-ink);
  text-shadow: none;
}
.kss-kicker { margin: 0 0 8px; font-size: clamp(12px, .8vw, 14px); line-height: 1.8; color: #7b6f5d; font-weight: 500; }
.kss-description { max-width: 100%; margin: 12px 0 0; font-size: clamp(13px, 1vw, 16px); line-height: 1.9; color: #695f51; }
.kss-description p { margin: 0 0 10px; }
.kss-slider .kss-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  margin-top: 14px;
  padding: 0 18px;
  border: 0;
  border-radius: var(--kss-radius);
  background: linear-gradient(135deg, var(--kss-blue), var(--kss-blue-dark));
  box-shadow: 0 10px 24px rgba(8,78,166,.18);
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  transition: transform .2s ease, filter .2s ease, box-shadow .2s ease;
}
.kss-slider .kss-button:hover { transform: translateY(-2px); filter: brightness(1.04); box-shadow: 0 12px 28px rgba(8,78,166,.22); color: #fff; }
.kss-theme-blue .kss-button { background: var(--kss-yellow); color: #17130d; }
.kss-theme-blue .kss-button:hover { color: #17130d; }

.kss-scene { position: absolute; left: 2%; bottom: 2%; width: 64%; height: 72%; z-index: 3; pointer-events: none; }
.kss-sun { position: absolute; top: 0; left: 36%; width: 230px; height: 230px; border-radius: 50%; background: radial-gradient(circle, rgba(255,235,98,.98), rgba(255,211,34,.22) 58%, transparent 72%); }
.kss-platform { position: absolute; left: -3%; right: 2%; bottom: 0; height: 19%; border-radius: 50% 50% 0 0 / 45% 45% 0 0; background: linear-gradient(135deg, var(--kss-blue), var(--kss-blue-dark)); box-shadow: 0 -25px 50px rgba(8,78,166,.2); }
.kss-panel { position: absolute; width: 230px; height: 355px; border: 8px solid #d9dce1; border-radius: 4px; background: linear-gradient(90deg,transparent 19%,rgba(255,255,255,.3) 20%,transparent 21%,transparent 39%,rgba(255,255,255,.3) 40%,transparent 41%,transparent 59%,rgba(255,255,255,.3) 60%,transparent 61%,transparent 79%,rgba(255,255,255,.3) 80%,transparent 81%),linear-gradient(0deg,transparent 15%,rgba(255,255,255,.24) 16%,transparent 17%,transparent 32%,rgba(255,255,255,.24) 33%,transparent 34%,transparent 49%,rgba(255,255,255,.24) 50%,transparent 51%,transparent 66%,rgba(255,255,255,.24) 67%,transparent 68%,transparent 83%,rgba(255,255,255,.24) 84%,transparent 85%),linear-gradient(135deg,#111722,#1d293b 60%,#0b1019); box-shadow: 0 22px 36px rgba(0,0,0,.22); }
.kss-panel--one { left: 3%; top: 6%; transform: perspective(900px) rotateY(-15deg) rotateZ(-2deg) scale(.76); }
.kss-panel--two { left: 49%; top: 2%; transform: perspective(900px) rotateY(11deg) rotateZ(2deg) scale(.88); }
.kss-inverter { position: absolute; left: 25%; bottom: 13%; width: 190px; height: 255px; border-radius: var(--kss-radius); background: linear-gradient(145deg,#fff,#e7e7e5); box-shadow: 0 20px 34px rgba(0,0,0,.25); }
.kss-inverter::before { content: "SOLAR"; position: absolute; top: 24px; left: 28px; font: 700 13px Arial; color: var(--kss-blue); }
.kss-inverter i { position: absolute; top: 82px; left: 50%; width: 78px; height: 78px; transform: translateX(-50%); border-radius: 50%; background: radial-gradient(circle,#1f3040 0 34%,var(--kss-blue) 35% 40%,#192a38 41% 100%); }
.kss-battery { position: absolute; left: 44%; bottom: 6%; width: 235px; height: 88px; padding: 18px 22px; border-radius: var(--kss-radius); background: linear-gradient(#2d3740,#111a21); box-shadow: 0 18px 25px rgba(0,0,0,.3); color: #50aee9; font: 700 15px Arial; text-align: right; }
.kss-scene--equipment { width: 59%; height: 70%; left: 4%; bottom: 5%; }
.kss-shelf { position: absolute; left: 2%; right: 2%; height: 18px; border-radius: var(--kss-radius); background: linear-gradient(#fff6c8,var(--kss-yellow)); box-shadow: 0 20px 24px rgba(0,0,0,.16); }
.kss-shelf--one { top: 30%; }.kss-shelf--two { bottom: 17%; }
.kss-breaker { position: absolute; top: 9%; width: 84px; height: 118px; border-radius: var(--kss-radius); background: linear-gradient(145deg,#fafafa,#cfcfcf); box-shadow: 0 12px 18px rgba(0,0,0,.2); }
.kss-breaker::before { content:""; position:absolute; left:24px; top:30px; width:36px; height:49px; border-radius:var(--kss-radius); background:#1b3034; }
.kss-breaker::after { content:""; position:absolute; left:32px; top:42px; width:20px; height:25px; border-radius:var(--kss-radius); background:var(--kss-blue); }
.kss-breaker--one { left:13%; }.kss-breaker--two { left:30%; transform:scale(.9); }.kss-breaker--three { left:47%; transform:scale(.82); }
.kss-device { position:absolute; bottom:20%; width:180px; height:235px; border-radius:var(--kss-radius); box-shadow:0 22px 32px rgba(0,0,0,.25); }
.kss-device::before { content:"INVERTER"; position:absolute; top:24px; left:25px; font:700 12px Arial; opacity:.65; }
.kss-device i { position:absolute; left:50%; top:84px; width:72px; height:72px; border-radius:50%; transform:translateX(-50%); background:radial-gradient(circle,#1c2630 0 36%,var(--kss-blue) 37% 42%,#19232b 43%); }
.kss-device--one { left:5%; background:linear-gradient(145deg,#fff,#dadada); }.kss-device--two { left:33%; background:linear-gradient(145deg,#3f4951,#182129); color:#fff; }.kss-device--three { left:61%; background:linear-gradient(145deg,#f8f8f8,#d5d5d5); }

.kss-slider .kss-arrow {
  position: absolute;
  z-index: 12;
  top: 50%;
  width: 48px;
  height: 48px;
  margin-top: -24px;
  padding: 0;
  border: 0;
  border-radius: var(--kss-radius);
  background: rgba(255,255,255,.94);
  box-shadow: 0 10px 24px rgba(8,78,166,.13);
  color: var(--kss-blue-dark);
  cursor: pointer;
  display: grid;
  place-items: center;
  transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}
.kss-slider .kss-arrow:hover { transform: scale(1.04); background:#fff; box-shadow:0 12px 28px rgba(8,78,166,.17); }
.kss-slider .kss-arrow svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.kss-arrow--prev { right: 22px; }.kss-arrow--next { left: 22px; }
.kss-controls {
  position: absolute;
  z-index: 13;
  left: 50%;
  bottom: 28px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 48px;
  padding: 7px 10px;
  border: 1px solid rgba(13,121,214,.08);
  border-radius: var(--kss-radius);
  background: rgba(255,255,255,.96);
  box-shadow: 0 10px 28px rgba(8,78,166,.13);
  backdrop-filter: blur(10px);
}
.kss-dots { display:flex; align-items:center; gap:8px; direction:ltr; }
.kss-slider .kss-dot {
  width: 9px;
  height: 9px;
  min-width: 9px;
  padding: 0;
  border: 0;
  border-radius: var(--kss-radius);
  background: #d7e4f1;
  cursor: pointer;
  transition: width .3s var(--kss-ease), background .3s ease, transform .3s var(--kss-ease);
}
.kss-slider .kss-dot.is-active { width: 26px; background: linear-gradient(90deg, var(--kss-blue), var(--kss-blue-dark)); transform: scale(1.02); }
.kss-slider .kss-pause {
  position: relative;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 0;
  border-radius: var(--kss-radius);
  background: linear-gradient(180deg, #eef5fd, #dceaf8);
  box-shadow: inset 0 0 0 1px rgba(13,121,214,.08);
  color: var(--kss-blue-dark);
  cursor: pointer;
  display: grid;
  place-items: center;
  transition: transform .2s ease, filter .2s ease;
}
.kss-slider .kss-pause:hover { transform: scale(1.04); filter: brightness(1.02); }
.kss-control-icon { position: absolute; width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: opacity .18s ease, transform .18s ease; }
.kss-control-icon--play { opacity: 0; transform: scale(.8); fill: currentColor; stroke: none; }
.kss-pause.is-paused .kss-control-icon--pause { opacity: 0; transform: scale(.8); }
.kss-pause.is-paused .kss-control-icon--play { opacity: 1; transform: scale(1); }
.kss-progress {
  position: absolute;
  z-index: 11;
  right: 24px;
  left: 24px;
  bottom: 10px;
  height: 5px;
  border-radius: var(--kss-radius);
  background: rgba(13,121,214,.13);
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(13,121,214,.04);
}
.kss-progress span {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: var(--kss-radius);
  background: linear-gradient(90deg, var(--kss-yellow), #ffca0a);
  transform: scaleX(0);
  transform-origin: right center;
  will-change: transform;
}

@media (max-width: 1100px) {
  .kss-scene { width: 72%; transform: scale(.82); transform-origin: left bottom; }
  .kss-content { right: 38px; bottom: 92px; }
}
@media (max-width: 760px) {
  .kss-slider { height: var(--kss-height); min-height: var(--kss-mobile-min-height); max-height: none; }
  .kss-slide__video { object-position: center; }
  .kss-slide.has-mobile-media.is-active .kss-slide__image-bg,
  .kss-slide.has-mobile-media.is-preloaded .kss-slide__image-bg {
    background-image: var(--kss-mobile-bg) !important;
  }
  .kss-slide__overlay { background: linear-gradient(0deg, rgba(0,35,77,.34), transparent 62%); }
  .kss-content {
    right: 18px;
    left: 18px;
    bottom: 124px;
    width: auto;
    padding: 16px;
  }
  .kss-content h2 { font-size: clamp(24px, 8.5vw, 34px); letter-spacing: -1px; }
  .kss-description { max-width: 100%; font-size: 13px; line-height: 1.8; }
  .kss-scene { width:104%; height:48%; left:-8%; bottom:28%; transform:scale(.72); transform-origin:left bottom; }
  .kss-slider .kss-arrow { top:auto; bottom:30px; width:40px; height:40px; margin:0; }
  .kss-arrow--prev { right:18px; }.kss-arrow--next { left:18px; }
  .kss-controls { bottom: 28px; min-height: 42px; padding: 5px 8px; gap: 9px; }
  .kss-progress { right:18px; left:18px; bottom:8px; height:4px; }
}
@media (max-width: 480px) {
  .kss-content { bottom: 132px; }
  .kss-scene { bottom:31%; transform:scale(.62); }
  .kss-slider .kss-arrow { bottom: 32px; }
}
@media (prefers-reduced-motion: reduce) {
  .kss-slider *, .kss-slider *::before, .kss-slider *::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}

.kss-slider[aria-busy="true"] .kss-controls,
.kss-slider[aria-busy="true"] .kss-arrow { opacity: 0; pointer-events: none; }
.kss-slider.is-ready .kss-controls,
.kss-slider.is-ready .kss-arrow { opacity: 1; transition: opacity .2s ease, transform .2s ease, background .2s ease, box-shadow .2s ease; }