.elementor-42615 .elementor-element.elementor-element-0e5a251{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-42615 .elementor-element.elementor-element-0e5a251:not(.elementor-motion-effects-element-type-background), .elementor-42615 .elementor-element.elementor-element-0e5a251 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bobespresso.com/wp-content/uploads/2026/05/background-1.webp");background-repeat:no-repeat;background-size:cover;}.elementor-42615 .elementor-element.elementor-element-e221aa4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-42615 .elementor-element.elementor-element-9deda31{z-index:3;}.elementor-42615 .elementor-element.elementor-element-d57ae27{z-index:1;}.elementor-42615 .elementor-element.elementor-element-8e9b02b{z-index:1;}.elementor-42615 .elementor-element.elementor-element-0edc06b{z-index:1;}.elementor-42615 .elementor-element.elementor-element-4262ea9{z-index:1;}.elementor-42615 .elementor-element.elementor-element-2adfea1{z-index:1;}.elementor-42615 .elementor-element.elementor-element-cf92047{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-11px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-42615 .elementor-element.elementor-element-8e5efa2{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:1;}.elementor-42615 .elementor-element.elementor-element-d1572fc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-42615 .elementor-element.elementor-element-c1ac727{text-align:right;}.elementor-42615 .elementor-element.elementor-element-c1ac727 .elementor-heading-title{color:#000000;}.elementor-42615 .elementor-element.elementor-element-644649c{text-align:right;}.elementor-42615 .elementor-element.elementor-element-644649c .elementor-heading-title{color:#797575;}.elementor-42615 .elementor-element.elementor-element-a27d31c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-42615 .elementor-element.elementor-element-6e84068{--spacer-size:16px;}.elementor-42615 .elementor-element.elementor-element-89a9298{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-42615 .elementor-element.elementor-element-89a9298:not(.elementor-motion-effects-element-type-background), .elementor-42615 .elementor-element.elementor-element-89a9298 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#533123;background-image:url("https://bobespresso.com/wp-content/uploads/2026/06/back-pattern-2.webp");background-size:cover;}.elementor-42615 .elementor-element.elementor-element-baa79f5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-42615 .elementor-element.elementor-element-9e8c3f4{--spacer-size:25px;}.elementor-42615 .elementor-element.elementor-element-ae6b78f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-42615 .elementor-element.elementor-element-46e4e67 .fatitle{font-weight:400;}.elementor-42615 .elementor-element.elementor-element-ec16f81{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-42615 .elementor-element.elementor-element-bde7f9e{--spacer-size:24px;}.elementor-42615 .elementor-element.elementor-element-57df74c{--display:flex;}.elementor-42615 .elementor-element.elementor-element-a619422 .fatitle{font-weight:400;}.elementor-42615 .elementor-element.elementor-element-d2d38bd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-42615 .elementor-element.elementor-element-79b7603{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-42615 .elementor-element.elementor-element-63a9d06{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-42615 .elementor-element.elementor-element-28f2615{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-42615 .elementor-element.elementor-element-bc87a3a{--spacer-size:22px;}.elementor-42615 .elementor-element.elementor-element-2261894{--display:flex;}.elementor-42615 .elementor-element.elementor-element-87ad96f .fatitle{font-weight:400;}.elementor-42615 .elementor-element.elementor-element-8216d38{--display:flex;}.elementor-42615 .elementor-element.elementor-element-fc63c2f .fatitle{font-weight:400;}.elementor-42615 .elementor-element.elementor-element-86fd23f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-42615 .elementor-element.elementor-element-16deab4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-42615 .elementor-element.elementor-element-91eefad{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-42615 .elementor-element.elementor-element-c18584b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-42615 .elementor-element.elementor-element-baa79f5{--width:33.3333%;}.elementor-42615 .elementor-element.elementor-element-ae6b78f{--width:66.6666%;}.elementor-42615 .elementor-element.elementor-element-79b7603{--width:50%;}.elementor-42615 .elementor-element.elementor-element-63a9d06{--width:50%;}.elementor-42615 .elementor-element.elementor-element-16deab4{--width:50%;}.elementor-42615 .elementor-element.elementor-element-91eefad{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-8e5efa2 */.elementor-42615 .elementor-element.elementor-element-8e5efa2 span{
    font-family: SHABNAM;
    font-weight: 400;
}

.scrolling-content img.star-svg {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
}


.our-scrolling-ticker {
  background-color: #437567 ; /* رنگ پس‌زمینه */
  padding: 15px 0;
}

.scrolling-ticker-box {
  position: relative;
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: 40px;
  align-items: center;
}

.scrolling-content {
  flex-shrink: 0;
  display: flex;
  gap: 100px;
  min-width: 100%;
  animation: scroll 130s linear infinite;
}

.scrolling-content div {
  display: flex;
  align-items: center;
  gap: 100px;
  font-size: 1.2rem; /* تغییر سایز فونت */
  font-family: 'GANDOM', sans-serif; /* تغییر فونت */
  font-weight: 500 !important;
  line-height: 1.2em;
  color: #fff; /* چون پس‌زمینه تیره است، متن سفید گذاشتم */
}

@keyframes scroll {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(50%);
  }
}


@media (max-width: 767px){
    
    .scrolling-content {
  flex-shrink: 0;
  display: flex;
  gap: 30px;
  min-width: 100%;
  animation: scroll 130s linear infinite;
}

.scrolling-content div {
  display: flex;
  align-items: center;
  gap: 30px;
  font-size: 1rem; /* تغییر سایز فونت */
  font-family: 'GANDOM', sans-serif; /* تغییر فونت */
  font-weight: 500 !important;
  line-height: 1.2em;
  color: #fff; /* چون پس‌زمینه تیره است، متن سفید گذاشتم */
}

.scrolling-content img.star-svg {
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
}
}/* End custom CSS */
/* Start custom CSS *//* ===============================
   Bobespresso Hero - Stable Desktop
   =============================== */

/* کانتینر اصلی بنر */
.bobespresso-hero {
  position: relative;
  overflow: hidden;
}

/* فقط دسکتاپ: نسبت تصویر بک‌گراند ثابت شود */
@media (min-width: 1025px) {
  .bobespresso-hero {
    width: 100%;
    height: calc(100vw * 584 / 2048) !important;
    min-height: 0 !important;
    max-height: none !important;

    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-size: 100% auto !important;
  }
}

/* کانتینر وسط که همه تصاویر داخل آن هستند */
.bobespresso-stage {
  position: absolute !important;
  left: 50%;
  top: 58%;
  transform: translate(-50%, -50%);

  width: clamp(360px, 23.5vw, 500px);
  aspect-ratio: 440 / 350;

  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  z-index: 5;
  pointer-events: none;
}

/* همه ویجت‌های تصویری داخل Stage */
.bobespresso-stage .bobespresso-layer {
  position: absolute !important;
  left: var(--bob-x);
  top: var(--bob-y);
  width: var(--bob-w);
  z-index: var(--bob-z, 5);
  transform-origin: center center;
  pointer-events: none;
}

/* کانتینر داخلی المنتور */
.bobespresso-stage .bobespresso-layer .elementor-widget-container {
  width: 100%;
}

/* خود تصویر */
.bobespresso-stage .bobespresso-layer img {
  display: block;
  width: 100%;
  height: auto;
}


/* ===============================
   محصول اصلی و دانه قهوه
   =============================== */

/* دانه قهوه پایین محصول */
.bobespresso-stage .bobespresso-beans {
  --bob-x: 50%;
  --bob-y: 96%;
  --bob-w: 30%;
  --bob-z: 1;

  opacity: 0;
  transform: translate(-50%, -50%) scale(0.9);
  animation: bobespressoBeansIn 1.5s ease-out forwards;
  animation-delay: 0.15s;
}

.bobespresso-stage .bobespresso-beans img {
  animation: bobespressoFloatUp 8s ease-in-out infinite;
  animation-delay: 1.7s;
}

/* پاکت و لیوان اصلی */
.bobespresso-stage .bobespresso-main-product {
  --bob-x: 50%;
  --bob-y: 57%;
  --bob-w: 48%;
  --bob-z: 10;

  opacity: 0;
  transform: translate(-50%, -50%) scale(0.9);
  animation: bobespressoMainIn 1.25s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  animation-delay: 0.2s;
}


/* ===============================
   پنج تصویر اطراف
   =============================== */

/* سمت چپ بالا */
.bobespresso-stage .bobespresso-french {
  --bob-x: 30%;
  --bob-y: 41%;
  --bob-w: 20%;
  --bob-r: -29deg;
  --bob-z: 12;
  animation-delay: 0.42s;
}

/* سمت راست بالا - بازتر شده */
.bobespresso-stage .bobespresso-chemex {
  --bob-x: 70%;
  --bob-y: 36%;
  --bob-w: 22%;
  --bob-r: 20deg;
  --bob-z: 13;
  animation-delay: 0.52s;
}

/* سمت راست میانی - بازتر شده */
.bobespresso-stage .bobespresso-mocha {
  --bob-x:82%;
  --bob-y: 59%;
  --bob-w: 16%;
  --bob-r: 25deg;
  --bob-z: 14;
  animation-delay: 0.62s;
}

/* سمت راست پایین - بازتر و پایین‌تر شده */
.bobespresso-stage .bobespresso-shaker {
  --bob-x: 82%;
  --bob-y: 85%;
  --bob-w: 13%;
  --bob-r: -1deg;
  --bob-z: 15;
  animation-delay: 0.72s;
}

/* سمت چپ پایین */
.bobespresso-stage .bobespresso-capsules {
  --bob-x: 20%;
  --bob-y: 68%;
  --bob-w: 14.5%;
  --bob-r: -8deg;
  --bob-z: 16;
  animation-delay: 0.82s;
}


/* حالت شروع ۵ تصویر اطراف */
.bobespresso-stage .bobespresso-french,
.bobespresso-stage .bobespresso-chemex,
.bobespresso-stage .bobespresso-mocha,
.bobespresso-stage .bobespresso-shaker,
.bobespresso-stage .bobespresso-capsules {
  opacity: 0;
  left: 50%;
  top: 64%;
  transform: translate(-50%, -50%) scale(0.18) rotate(0deg);
  animation-name: bobespressoBurstItem;
  animation-duration: 1.8s;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  animation-fill-mode: forwards;
}


/* ===============================
   Animations
   =============================== */

@keyframes bobespressoMainIn {
  0% {
    opacity: 0;
    transform: translate(-50%, -44%) scale(0.9);
  }

  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

@keyframes bobespressoBeansIn {
  0% {
    opacity: 0;
    transform: translate(-50%, -40%) scale(0.85);
  }

  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

@keyframes bobespressoBurstItem {
  0% {
    left: 50%;
    top: 64%;
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.18) rotate(0deg);
  }

  45% {
    opacity: 1;
  }

  82% {
    left: var(--bob-x);
    top: var(--bob-y);
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.025) rotate(var(--bob-r));
  }

  100% {
    left: var(--bob-x);
    top: var(--bob-y);
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) rotate(var(--bob-r));
  }
}

/* حرکت آرام ۵ تصویر اطراف */
.bobespresso-stage .bobespresso-french img,
.bobespresso-stage .bobespresso-chemex img,
.bobespresso-stage .bobespresso-mocha img,
.bobespresso-stage .bobespresso-shaker img,
.bobespresso-stage .bobespresso-capsules img {
  animation: bobespressoSoftFloat 9.5s ease-in-out infinite;
  animation-delay: 2.2s;
}

@keyframes bobespressoSoftFloat {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-5px);
  }

  100% {
    transform: translateY(0);
  }
}

/* حرکت دانه قهوه */
@keyframes bobespressoFloatUp {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-18px);
  }

  100% {
    transform: translateY(0);
  }
}


/* ===============================
   Tablet / Mobile
   =============================== */

@media (max-width: 1024px) {
  .bobespresso-stage {
    position: relative !important;
    left: auto;
    top: auto;
    transform: none;

    width: 320px;
    max-width: 92vw;
    aspect-ratio: 320 / 270;

    margin: 52px auto 0 auto !important;
  }

  .bobespresso-stage .bobespresso-beans {
    --bob-x: 50%;
    --bob-y: 96%;
    --bob-w: 30%;
  }

  .bobespresso-stage .bobespresso-main-product {
    --bob-x: 50%;
    --bob-y: 57%;
    --bob-w: 59%;
  }

  .bobespresso-stage .bobespresso-french {
    --bob-x: 24%;
    --bob-y: 41%;
    --bob-w: 16.5%;
  }

  .bobespresso-stage .bobespresso-chemex {
    --bob-x: 80%;
    --bob-y: 39%;
    --bob-w: 18%;
  }

  .bobespresso-stage .bobespresso-mocha {
    --bob-x: 82%;
    --bob-y: 60%;
    --bob-w: 14%;
  }

  .bobespresso-stage .bobespresso-shaker {
    --bob-x: 78%;
    --bob-y: 84%;
    --bob-w: 12.5%;
  }

  .bobespresso-stage .bobespresso-capsules {
    --bob-x: 24%;
    --bob-y: 78%;
    --bob-w: 14.5%;
  }

  .bobespresso-stage .bobespresso-french,
  .bobespresso-stage .bobespresso-chemex,
  .bobespresso-stage .bobespresso-mocha,
  .bobespresso-stage .bobespresso-shaker,
  .bobespresso-stage .bobespresso-capsules {
    animation-duration: 1.7s;
  }
}/* End custom CSS */