/* Followeran UI - Vazirmatn */
.fwc-grid, .fwc-cat, .fwc-services, .fwc-card, .fwc-box, .fwc-btn, .fwc-input {
  font-family: "vazirmatn", Sans-serif;
}

.fwc-grid{display:flex;flex-direction:column;gap:18px;}
.fwc-cat{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px;}
.fwc-cat-title{font-size:18px;font-weight:700;margin-bottom:10px;color:#111827;}

/* ===== Standard carousel (Elementor-like) ===== */
.fwc-carousel{
  --fwc-gap: 12px;
  --fwc-cols: var(--fwc-cols-d, 3);
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding-inline: 56px; /* فضای امن برای فلش‌ها */
}
@media (max-width: 980px){
  .fwc-carousel{ --fwc-cols: var(--fwc-cols-t, 2); }
}
@media (max-width: 640px){
  .fwc-carousel{ --fwc-cols: var(--fwc-cols-m, 1); padding-inline: 10px; }
}

.fwc-viewport{
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.fwc-viewport::-webkit-scrollbar{ display:none; }

.fwc-track{
  display:flex;
  gap: var(--fwc-gap);
  padding: 2px 0 10px;
  width: max-content;
}

.fwc-slide{
  scroll-snap-align: start;
  flex: 0 0 calc((100% - (var(--fwc-cols) - 1) * var(--fwc-gap)) / var(--fwc-cols));
  max-width: calc((100% - (var(--fwc-cols) - 1) * var(--fwc-gap)) / var(--fwc-cols));
  box-sizing: border-box;
  min-width: 0;
}

.fwc-nav{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  background: #fff;
  cursor: pointer;
  z-index: 30;
  box-shadow: 0 6px 16px rgba(17,24,39,0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  line-height: 1;
  user-select: none;
}
.fwc-nav:hover{ filter: brightness(0.98); }
.fwc-prev{ inset-inline-start: 8px; }
.fwc-next{ inset-inline-end: 8px; }

/* موبایل: فلش‌ها خاموش (استاندارد UX، فقط swipe) */
@media (max-width: 640px){
  .fwc-nav{ display:none; }
}

/* ===== Card ===== */
.fwc-card{
  width: 100%;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:12px;
  box-shadow: 0 6px 20px rgba(17,24,39,0.06);
  display:flex;
  flex-direction:column;
  gap:10px;
}

.fwc-card-title{font-size:15px;font-weight:700;color:#111827;line-height:1.5;}
.fwc-card-sub{font-size:12px;color:#6b7280;margin-top:2px;}

.fwc-row{display:flex;gap:10px;align-items:center;}
.fwc-label{font-size:12px;color:#374151;width:78px;flex:0 0 78px;}

.fwc-input{
  width:100%;
  border:1px solid #d1d5db;
  border-radius:10px;
  padding:10px 12px;
  outline:none;
  background:#fff;
}
.fwc-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,0.15);}

.fwc-qty{width:100%;}
.fwc-slider{width:100%;accent-color:#2563eb;}

.fwc-qty-line{display:flex;justify-content:space-between;align-items:center;margin-top:4px;font-size:12px;color:#6b7280;}
.fwc-qty-val{font-weight:700;color:#111827;}

.fwc-price-row{justify-content:space-between;}
.fwc-price{display:flex;gap:8px;align-items:baseline;}
.fwc-price-label{font-size:12px;color:#6b7280;}
.fwc-price-val{font-size:16px;font-weight:800;color:#111827;}

.fwc-btn{
  border:none;border-radius:12px;padding:10px 14px;cursor:pointer;
  font-weight:800;background:#2563eb;color:#ffffff; /* متن سفید */
}
.fwc-btn:hover{filter:brightness(0.97);}
.fwc-btn-secondary{background:#111827;color:#ffffff;}

.fwc-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;padding:8px 10px;border-radius:10px;font-size:12px;}
.fwc-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px;}
.fwc-warn{background:#fffbeb;border-color:#fcd34d;color:#92400e;}
.fwc-ul{margin:8px 0 0;padding-right:18px;}
.fwc-muted{color:#6b7280;font-size:12px;padding:6px 0;}

/* --- UI enhancements (cards + buy button) --- */
.fwc-card{
  box-shadow: 0 2px 10px rgba(17,24,39,0.06);
  border: 1px solid rgba(229,231,235,0.9);
}
.fwc-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(17,24,39,0.10);
}
.fwc-cat{
  box-shadow: 0 4px 16px rgba(17,24,39,0.05);
}
.fwc-btn{
  background:#2563eb;
  border-radius: 999px; /* راند کامل */
  box-shadow: 0 6px 14px rgba(37,99,235,0.22);
}
.fwc-btn:hover{
  filter: brightness(0.96);
}
.fwc-btn:active{
  transform: translateY(1px);
}