.elementor-7 .elementor-element.elementor-element-aea5c1b{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-7 .elementor-element.elementor-element-aea5c1b.e-con{--align-self:center;}.elementor-7 .elementor-element.elementor-element-dc69df7{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(4, 1fr);--grid-auto-flow:row;}.elementor-7 .elementor-element.elementor-element-a37431b{width:100%;max-width:100%;}.elementor-7 .elementor-element.elementor-element-a37431b.elementor-element{--align-self:center;}@media(max-width:1024px){.elementor-7 .elementor-element.elementor-element-dc69df7{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-aea5c1b{--z-index:99;}.elementor-7 .elementor-element.elementor-element-dc69df7{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-a37431b */:root {
  --btn-bg: #fdfaf1;            /* کرم روشن */
  --btn-text: #5d4b33;          /* قهوه‌ای تیره */
  --btn-shadow: rgba(184,150,100,0.3);
}

.menu-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 10px 26px;
  background: var(--btn-bg);
  border: 1px solid rgba(184,150,100,0.25);
  border-radius: 50px;
  text-decoration: none;
  color: var(--btn-text);
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  position: relative;
  box-shadow:
    0 8px 18px -5px var(--btn-shadow),
    inset 0 -3px 6px rgba(184,150,100,0.15),
    inset 0 2px 4px white;
  transition: all 0.35s cubic-bezier(0.23,1,0.32,1);
}

/* آیکون همبرگری */
.icon-wrapper {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--btn-text);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  transition: all 0.35s ease;
  box-shadow: 0 4px 10px rgba(93, 75, 51, 0.25);
}

.line {
  width: 16px;
  height: 2px;
  background: var(--btn-bg);
  border-radius: 2px;
  transition: all 0.3s ease;
}

/* افکت hover */
.menu-btn:hover {
  transform: translateY(-3px) scale(1.03);
  box-shadow:
    0 12px 24px -6px var(--btn-shadow),
    inset 0 2px 4px rgba(255,255,255,0.25);
}

.menu-btn:hover .icon-wrapper {
  background: #846a48;
  transform: rotate(15deg);
}

.menu-btn:hover .line {
  width: 18px;
}

/* افکت کلیک */
.menu-btn:active {
  transform: scale(0.97);
  box-shadow: 0 5px 10px rgba(184,150,100,0.25);
}

/* ریسپانسیو برای موبایل */
@media (max-width: 480px) {
  .menu-btn {
    padding: 8px 18px;
    font-size: 12px;
    gap: 8px;
  }
  .icon-wrapper {
    width: 26px;
    height: 26px;
  }
  .line {
    width: 12px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-926854b *//* جلوگیری از اسکرول افقی */

html,body{
margin:0;
padding:0;
overflow-x:hidden;
font-family:Montserrat, sans-serif;
}

/* floating container */

.floating-bar{

position:fixed;
bottom:18px;
left:50%;
transform:translateX(-50%);

width:calc(100% - 28px);
max-width:420px;

display:flex;
gap:10px;

z-index:999;

}

/* دکمه ها */

.menu-btn,
.order-btn{

flex:1;

height:52px;

display:flex;
align-items:center;
justify-content:center;
gap:10px;

border-radius:999px;

text-decoration:none;
font-size:13px;
letter-spacing:1.5px;
font-weight:600;

transition:all .25s ease;

}

/* MENU */

.menu-btn{

background:#f6eddc;
color:#5c4a33;

box-shadow:
0 6px 14px rgba(0,0,0,0.12),
inset 0 2px 4px rgba(255,255,255,0.6);

}

/* ORDER */

.order-btn{

background:#4b5f3a;
color:#fffdf6;

box-shadow:
0 10px 22px rgba(0,0,0,0.25),
inset 0 -3px 6px rgba(0,0,0,0.35);

}

/* hover */

.menu-btn:hover{
transfor:translateY(-2px);
}

.order-btn:hover{
transform:translateY(-3px);
}

/* active */

.menu-btn:active,
.order-btn:active{
transform:scale(.96);
}

/* آیکون ها */

.icon,
.bag{

width:26px;
height:26px;

display:flex;
align-items:center;
justify-content:center;

border-radius:50%;

background:rgba(0,0,0,0.12);

}/* End custom CSS */