.elementor-kit-90{--e-global-color-primary:#F9E3EA;--e-global-color-secondary:#C2A059;--e-global-color-text:#111111;--e-global-color-accent:#000000;--e-global-typography-primary-font-family:"Merriweather";--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.6px;--e-global-typography-primary-letter-spacing:0.2px;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-letter-spacing:0.2px;--e-global-typography-secondary-word-spacing:0px;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6px;--e-global-typography-text-letter-spacing:0.2px;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;--e-global-typography-accent-letter-spacing:0.2px;font-family:"Poppins", Sans-serif;font-size:17px;font-weight:400;line-height:23px;letter-spacing:0.2px;}.elementor-kit-90 e-page-transition{background-color:#FFBC7D;}.elementor-kit-90 a{font-size:17px;}.elementor-kit-90 h1{font-size:64px;letter-spacing:0.2px;}.elementor-kit-90 h2{font-size:32px;}.elementor-kit-90 h3{font-size:24px;}.elementor-kit-90 button,.elementor-kit-90 input[type="button"],.elementor-kit-90 input[type="submit"],.elementor-kit-90 .elementor-button{font-size:16px;font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================
   0) Theme Variables
   ========================= */
:root{
  --c-white:#ffffff;
  --c-text:#2B2B2B;
  --c-accent:#E0BFB8;   /* دکمه اصلی/هایلایت */
  --c-soft:#D9C5B2;     /* کارت/باکس‌ها */
  --c-black:#121212;    /* هدر/فوتر/تیتـر قوی */

  --radius:12px;
  --shadow:0 10px 25px rgba(0,0,0,.08);

  --fs-xxl:clamp(28px, 4vw, 44px);
  --fs-xl:clamp(22px, 3vw, 32px);
  --fs-lg:18px;
  --fs-md:16px;
  --fs-sm:14px;

  /* Breakpoints */
  --bp-xs:480px;
  --bp-sm:576px;
  --bp-md:768px;
  --bp-lg:992px;
  --bp-xl:1200px;
}

/* =========================
   1) Globals
   ========================= */
html{box-sizing:border-box; scroll-behavior:smooth;}
*,*::before,*::after{box-sizing:inherit}
body{
  margin:0;
  font-family: "Poppins", system-ui, -apple-system, Segoe UI, Arial, sans-serif;
  color:var(--c-text);
  background:var(--c-white);
  line-height:1.6;
}
img,video{max-width:100%; height:auto; display:block;}
a{color:var(--c-accent); text-decoration:none;}
a:hover{opacity:.85}

/* Container */
.container{
  width:min(1200px, 92%);
  margin-inline:auto;
}

/* Section spacing */
.section{padding:48px 0;}
@media (max-width: var(--bp-md)){
  .section{padding:36px 0;}
}

/* =========================
   2) Typography
   ========================= */
h1,h2,h3{color:var(--c-black); line-height:1.2; margin:0 0 .6em}
h1{font-size:var(--fs-xxl)}
h2{font-size:var(--fs-xl)}
h3{font-size:clamp(18px, 2.2vw, 24px)}
p{font-size:var(--fs-md); margin:0 0 1em}

/* =========================
   3) Grid helpers
   ========================= */
.row{display:flex; flex-wrap:wrap; gap:20px}
.col{flex:1 1 0}
.col-50{flex:1 1 calc(50% - 20px)}
.col-33{flex:1 1 calc(33.333% - 20px)}
.col-25{flex:1 1 calc(25% - 20px)}
@media (max-width: var(--bp-md)){
  .col-50,.col-33,.col-25{flex-basis:100%}
}

/* =========================
   4) Buttons
   ========================= */
.btn{
  display:inline-block;
  padding:12px 24px;
  border-radius:8px;
  font-weight:600;
  font-size:var(--fs-sm);
  letter-spacing:.5px;
  transition:.25s ease;
  box-shadow: var(--shadow);
}
.btn-primary{
  background:var(--c-accent);
  color:var(--c-white);
  border:0;
}
.btn-primary:hover{transform:translateY(-2px); filter:brightness(.95)}
.btn-outline{
  background:transparent; color:var(--c-black);
  border:1px solid var(--c-soft);
}
.btn-outline:hover{background:var(--c-soft)}

/* =========================
   5) Cards / product boxes
   ========================= */
.card{
  background:var(--c-soft);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:16px;
}
.product-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:20px;
}
@media (max-width: var(--bp-lg)){ .product-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width: var(--bp-md)){ .product-grid{grid-template-columns:1fr} }

.product-card img{border-radius:10px}
.product-title{font-weight:600; margin:.7em 0 .3em}
.price{color:var(--c-black); font-weight:700}

/* =========================
   6) Header / Nav (responsive)
   ========================= */
.header{
  background:var(--c-black);
  color:var(--c-white);
}
.header .bar{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 0;
}
.nav{display:flex; gap:28px; align-items:center}
.nav a{color:var(--c-white); font-size:var(--fs-sm)}
.icon-btn svg, .icon-btn img{
  width:22px; height:22px; transition:.25s ease; filter:invert(1);
}
.icon-btn:hover svg, .icon-btn:hover img{transform:scale(1.15); opacity:.85}

/* Mobile nav example (optional) */
.menu-toggle{display:none}
@media (max-width: var(--bp-md)){
  .nav{display:none}
  .menu-toggle{display:block; color:#fff}
}

/* =========================
   7) Hero banner
   ========================= */
.hero{
  background: linear-gradient(180deg, #f5efec 0%, #fff 100%);
  border-radius:var(--radius);
  padding:32px;
  display:grid; grid-template-columns:1.2fr .8fr; gap:24px;
  box-shadow:var(--shadow);
}
@media (max-width: var(--bp-lg)){ .hero{grid-template-columns:1fr} }

/* =========================
   8) Forms (Checkout & Contact)
   ========================= */
.form-grid{
  display:grid; gap:18px; grid-template-columns:repeat(2,1fr);
}
.form-full{grid-column:1 / -1}
@media (max-width: var(--bp-md)){ .form-grid{grid-template-columns:1fr} }

label{font-size:var(--fs-sm); color:#6b6b6b}
input,select,textarea{
  width:100%; padding:12px 14px; border-radius:10px;
  border:1px solid #e8e3de; background:#fff; color:var(--c-text);
  font-size:var(--fs-md); outline:none; transition:border .2s ease, box-shadow .2s ease;
}
input:focus, select:focus, textarea:focus{
  border-color:var(--c-accent);
  box-shadow:0 0 0 4px color-mix(in srgb, var(--c-accent) 20%, transparent);
}

/* Payment row (icons + label) */
.pay-option{
  display:flex; align-items:center; gap:12px;
  border:1px solid #eee; border-radius:10px; padding:12px 14px;
  background:#fff; cursor:pointer; transition:.2s ease;
}
.pay-option:hover{border-color:var(--c-accent); background:#fff7f5}
.pay-option img, .pay-option svg{width:32px; height:32px}

/* =========================
   9) Footer
   ========================= */
.footer{
  background:var(--c-black); color:#e9e9e9; padding:36px 0; margin-top:40px;
}
.footer a{color:#e9e9e9}
.footer .cols{display:grid; grid-template-columns:repeat(3,1fr); gap:24px}
@media (max-width: var(--bp-md)){ .footer .cols{grid-template-columns:1fr} }
.footer small{color:#bdbdbd}

/* =========================
   10) Utilities (کمک‌کننده‌ها)
   ========================= */
   /* تغییر پس‌زمینه دکمه اسکرول به بالا */
#scroll-to-top {
  background-color: #2a2a2a !important;
  border-radius: 10px
}

/* تغییر رنگ فلش داخل دکمه */
#scroll-to-top svg {
  fill: #ffffff !important;
  stroke: #ffffff !important;
}
.center{display:grid; place-items:center}
.mt-0{margin-top:0}.mt-16{margin-top:16px}.mt-24{margin-top:24px}
.mb-0{margin-bottom:0}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}
.p-16{padding:16px}.p-24{padding:24px}
.text-center{text-align:center}
.hide{display:none!important}/* End custom CSS */