/* ========================================================
   Rikkos Armeftis - Custom Styling & Responsiveness
   ======================================================== */

/* Global Brand Colors & Typography (:root level) */
:root {
  --e-global-color-primary: #F8EDDE;
  --e-global-color-secondary: #154729;
  --e-global-color-text: #7A7A7A;
  --e-global-color-accent: #DC311F;
  --e-global-color-3e0befd: #000000;
  --e-global-color-bb73e3c: #393939;
  --e-global-color-0cdae31: #FFFFFF;
  --e-global-color-5bd719d: #02010100;
  --e-global-typography-primary-font-family: "Steelfish", Sans-serif;
  --e-global-typography-primary-font-weight: 700;
  --e-global-typography-primary-font-style: normal;
  --e-global-typography-secondary-font-family: "Circe", Sans-serif;
  --e-global-typography-secondary-font-weight: 400;
  --e-global-typography-text-font-family: "Circe", Sans-serif;
  --e-global-typography-text-font-weight: 400;
  --e-global-typography-accent-font-family: "Circe", Sans-serif;
  --e-global-typography-accent-font-weight: 700;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  overflow-x: hidden;
  width: 100%;
  max-width: 100vw;
  margin: 0;
  padding: 0;
  background-color: var(--e-global-color-primary, #F8EDDE);
  color: var(--e-global-color-text, #7A7A7A);
}

*, *::before, *::after {
  box-sizing: border-box;
}

/* Ensure background images and colors are preserved with full fidelity */
.e-con.e-parent:not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:not(.e-lazyloaded):not(.e-no-lazyload) * {
  background-repeat: no-repeat;
}

/* Header Search Hidden/Removed */
.elementor-widget-elementskit-header-search,
.ekit_modal-searchPanel,
.elementor-element-692ba8e {
  display: none !important;
}

/* WHY CHOOSE US - Center Alignment */
.elementor-element-6bb1f4d .elementor-widget-image-box,
.elementor-element-6bb1f4d .elementor-image-box-wrapper {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.elementor-element-6bb1f4d .elementor-image-box-img {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 auto 15px auto !important;
  width: 100% !important;
}

.elementor-element-6bb1f4d .elementor-image-box-img img {
  margin: 0 auto !important;
  display: block !important;
}

.elementor-element-6bb1f4d .elementor-image-box-content {
  text-align: center !important;
  width: 100% !important;
}

.elementor-element-6bb1f4d .elementor-image-box-title {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Turnstile Spacing & Alignment */
.turnstile-container {
  margin-top: 20px !important;
  margin-bottom: 25px !important;
  padding: 5px 0 !important;
  display: flex !important;
  justify-content: flex-start !important;
  clear: both !important;
  width: 100% !important;
}

.elementor-field-type-submit.e-form__buttons {
  margin-top: 15px !important;
  margin-bottom: 20px !important;
  padding-top: 4px !important;
  width: 100% !important;
}

.elementor-field-type-submit.e-form__buttons .elementor-button {
  width: 100% !important;
  display: block !important;
}

/* "Thank you for visiting our website..." Alignment */
.elementor-element.elementor-element-821160b,
.elementor-element.elementor-element-c2f3698,
.elementor-element-821160b .elementor-widget-container,
.elementor-element-c2f3698 .elementor-widget-container {
  width: 100% !important;
  max-width: 860px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 35px !important;
  margin-bottom: 25px !important;
  text-align: center !important;
  padding: 0 15px !important;
  box-sizing: border-box !important;
}

.elementor-element-821160b p,
.elementor-element-c2f3698 p {
  text-align: center !important;
  font-family: "Circe", Sans-serif !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
  color: var(--e-global-color-secondary, #154729) !important;
  margin: 0 auto !important;
}

.elementor-element-821160b a,
.elementor-element-c2f3698 a {
  color: #db311f !important;
  display: inline;
  text-decoration: underline;
}

/* ========================================================
   1. UNIFORM SLIDER SIZE ACROSS ALL PAGES
   ======================================================== */
.elementskit-advanced-slider {
  position: relative !important;
  overflow: hidden !important;
}

.elementskit-advanced-slider .ekit-slider-wrapper,
.elementskit-advanced-slider .ekit-main-swiper,
.elementskit-advanced-slider .swiper {
  position: relative !important;
  overflow: hidden !important;
  min-height: 680px !important;
}

.elementskit-advanced-slider .swiper-wrapper {
  display: flex !important;
  align-items: stretch !important;
}

.elementskit-advanced-slider .swiper-slide {
  height: auto !important;
  min-height: 680px !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
}

.elementskit-advanced-slider .widgetarea_warper,
.elementskit-advanced-slider .ekit-widget-area-container,
.elementskit-advanced-slider .elementor[data-elementor-type="wp-post"] {
  height: 100% !important;
  min-height: 680px !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  width: 100% !important;
}

.elementskit-advanced-slider .elementor[data-elementor-type="wp-post"] > .elementor-element.e-parent {
  height: 100% !important;
  min-height: 680px !important;
  display: flex !important;
  align-items: center !important;
  flex-grow: 1 !important;
  width: 100% !important;
}

.elementskit-advanced-slider .e-con-inner {
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
}

/* Tahini Packing Options Slider Container */
.elementor-widget-slides {
  width: 100% !important;
  margin: 0 auto !important;
  position: relative !important;
}

.elementor-widget-slides .elementor-widget-container {
  position: relative !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
}

.elementor-widget-slides .elementor-swiper {
  position: relative !important;
  max-width: 660px !important;
  width: 100% !important;
  margin: 0 auto !important;
  overflow: visible !important;
  padding: 10px 0 !important;
}

.elementor-widget-slides .elementor-slides-wrapper {
  position: relative !important;
  overflow: hidden !important;
  width: 100% !important;
  height: 520px !important;
  min-height: 520px !important;
}

.elementor-widget-slides .swiper-wrapper,
.elementor-widget-slides .swiper-slide {
  height: 520px !important;
  min-height: 520px !important;
}

.elementor-widget-slides .swiper-slide-inner,
.elementor-widget-slides .swiper-slide-contents {
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
}

/* Arrows flanking the circle symmetrically */
.elementor-widget-slides .elementor-swiper-button {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  color: #154729 !important;
  border: 1px solid rgba(21, 71, 41, 0.18) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.14) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  z-index: 25 !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-widget-slides .elementor-swiper-button-prev {
  left: 20px !important;
  right: auto !important;
}

.elementor-widget-slides .elementor-swiper-button-next {
  right: 20px !important;
  left: auto !important;
}

.elementor-widget-slides .elementor-swiper-button:hover {
  background: #154729 !important;
  color: #ffffff !important;
  transform: translateY(-50%) scale(1.1) !important;
  box-shadow: 0 8px 24px rgba(21, 71, 41, 0.3) !important;
}

.elementor-widget-slides .elementor-swiper-button:active {
  transform: translateY(-50%) scale(0.96) !important;
}

/* Kill all upward slide animations / fadeInUp */
.elementor-widget-slides [data-animation],
.elementor-widget-slides .animated,
.elementor-widget-slides .fadeInUp,
.elementor-widget-slides .elementor-slide-heading,
.elementor-widget-slides .elementor-slide-description,
.elementor-widget-slides .elementor-slide-button {
  animation: none !important;
  -webkit-animation: none !important;
  transform: none !important;
  transition: none !important;
}

/* ========================================================
   2. SLIDER ARROWS - PERFECT CENTERING & CLEAN STYLING
   ======================================================== */
.ekit-swiper-arrow-button {
  position: static !important;
  pointer-events: none !important;
}

/* Suppress default Swiper icon text */
.swiper-button-next:after,
.swiper-button-prev:after,
.elementor-swiper-button:after,
.elementor-swiper-button-prev:after,
.elementor-swiper-button-next:after,
.swiper-nav-button:after {
  display: none !important;
  content: "" !important;
}

/* Standardized Circular Arrows */
.elementskit-advanced-slider .swiper-button-next,
.elementskit-advanced-slider .swiper-button-prev,
.elementskit-advanced-slider .swiper-nav-button,
.ekit-swiper-arrow-button .swiper-button-next,
.ekit-swiper-arrow-button .swiper-button-prev,
.ekit-swiper-arrow-button .swiper-nav-button,
.elementor-widget-elementskit-advanced-slider .swiper-button-next,
.elementor-widget-elementskit-advanced-slider .swiper-button-prev,
.elementor-widget-elementskit-advanced-slider .swiper-horizontal .ekit-swiper-arrow-button .swiper-button-next,
.elementor-widget-elementskit-advanced-slider .swiper-horizontal .ekit-swiper-arrow-button .swiper-button-prev,
.elementor-15 .elementor-element.elementor-element-33dee88 .elementskit-advanced-slider .swiper-horizontal .ekit-swiper-arrow-button .swiper-button-next,
.elementor-15 .elementor-element.elementor-element-33dee88 .elementskit-advanced-slider .swiper-horizontal .ekit-swiper-arrow-button .swiper-button-prev,
.elementor-398 .elementor-element.elementor-element-0626ae2 .elementskit-advanced-slider .swiper-horizontal .ekit-swiper-arrow-button .swiper-button-next,
.elementor-398 .elementor-element.elementor-element-0626ae2 .elementskit-advanced-slider .swiper-horizontal .ekit-swiper-arrow-button .swiper-button-prev,
.elementor-widget-slides .elementor-swiper-button,
.elementor-widget-slides .elementor-swiper-button-prev,
.elementor-widget-slides .elementor-swiper-button-next {
  position: absolute !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.95) !important;
  color: #154729 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22) !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  z-index: 50 !important;
  border: none !important;
  outline: none !important;
  transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
  backdrop-filter: blur(4px);
  user-select: none !important;
  -webkit-user-select: none !important;
}

/* Horizontal positioning */
.elementskit-advanced-slider .swiper-button-prev,
.ekit-swiper-arrow-button .swiper-button-prev {
  left: 30px !important;
  right: auto !important;
}

.elementskit-advanced-slider .swiper-button-next,
.ekit-swiper-arrow-button .swiper-button-next {
  right: 30px !important;
  left: auto !important;
}

/* Arrow Hover & Active States */
.elementskit-advanced-slider .swiper-button-next:hover,
.elementskit-advanced-slider .swiper-button-prev:hover,
.elementskit-advanced-slider .swiper-nav-button:hover,
.ekit-swiper-arrow-button .swiper-button-next:hover,
.ekit-swiper-arrow-button .swiper-button-prev:hover,
.ekit-swiper-arrow-button .swiper-nav-button:hover,
.elementor-widget-slides .elementor-swiper-button:hover {
  background: #ffffff !important;
  color: #FF0000 !important;
  transform: translateY(-50%) scale(1.12) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.32) !important;
}

.elementskit-advanced-slider .swiper-button-next:active,
.elementskit-advanced-slider .swiper-button-prev:active,
.ekit-swiper-arrow-button .swiper-button-next:active,
.ekit-swiper-arrow-button .swiper-button-prev:active,
.elementor-widget-slides .elementor-swiper-button:active {
  transform: translateY(-50%) scale(0.96) !important;
}

/* Arrow Icon size and alignment */
.elementskit-advanced-slider .swiper-nav-button i,
.ekit-swiper-arrow-button .swiper-button-next i,
.ekit-swiper-arrow-button .swiper-button-prev i,
.ekit-swiper-arrow-button .swiper-nav-button i,
.elementor-widget-slides .elementor-swiper-button i {
  font-size: 18px !important;
  line-height: 1 !important;
  display: block !important;
  pointer-events: none !important;
}

/* ========================================================
   3. COMPLETELY REMOVE SLIDER PAGINATION DOTS
   ======================================================== */
.swiper-pagination,
.ekit-swiper-pagination,
.swiper-pagination-bullets,
.swiper-pagination-bullet,
.swiper-pagination-bullet-active,
.elementskit-advanced-slider .swiper-pagination,
.elementskit-advanced-slider .ekit-swiper-pagination,
.elementskit-advanced-slider .swiper-pagination-bullets,
.elementskit-advanced-slider .swiper-pagination-bullet,
.elementor-widget-slides .swiper-pagination,
.elementor-widget-slides .swiper-pagination-bullet,
.elementor-widget-slides .elementor-swiper-pagination {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}

/* Home Page Product Slider White Gap Removal */
.elementor-15 .elementor-element.elementor-element-ca1f566 {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.elementor-15 .elementor-element.elementor-element-33dee88 {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.elementor-15 .elementor-element.elementor-element-33dee88 .elementskit-advanced-slider {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Halawa-Halva Page Gap Removal */
.elementor-398 .elementor-element.elementor-element-7c4856f {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* ========================================================
   TAHINI PACKING OPTIONS ENHANCEMENTS
   ======================================================== */

/* Perfect Circular Packaging Container */
.elementor-370 .elementor-element.elementor-element-81796f7,
.elementor-348 .elementor-element.elementor-element-623bbe6,
.elementor-377 .elementor-element.elementor-element-553976c {
  width: 420px !important;
  height: 420px !important;
  min-height: 420px !important;
  max-width: 90vw !important;
  max-height: 90vw !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 50% 35%, #ffffff 0%, #faf6ee 100%) !important;
  border: 1.5px solid rgba(21, 71, 41, 0.22) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.16), inset 0 2px 8px rgba(255, 255, 255, 0.8) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 30px 24px 28px 24px !important;
  box-sizing: border-box !important;
  margin: 0 auto !important;
  position: relative !important;
  overflow: hidden !important;
  transition: box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-370 .elementor-element.elementor-element-81796f7:hover,
.elementor-348 .elementor-element.elementor-element-623bbe6:hover,
.elementor-377 .elementor-element.elementor-element-553976c:hover {
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.22), inset 0 2px 8px rgba(255, 255, 255, 0.9) !important;
}

/* Slide 3 (5kg Bucket) vertical alignment */
.elementor-377 .elementor-element.elementor-element-553976c {
  justify-content: center !important;
  gap: 12px !important;
  padding: 32px 24px !important;
}

/* Top Row: Cardboard Box Icon + OF 12 / OF 24 */
.elementor-370 .elementor-element.elementor-element-f60cba4,
.elementor-348 .elementor-element.elementor-element-0a15ff3 {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-370 .elementor-element.elementor-element-4959ac7,
.elementor-348 .elementor-element.elementor-element-2bc79c5 {
  width: auto !important;
  max-width: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-grow: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.elementor-370 .elementor-element.elementor-element-4959ac7 img,
.elementor-348 .elementor-element.elementor-element-2bc79c5 img {
  width: 38px !important;
  height: auto !important;
  max-width: 38px !important;
  object-fit: contain !important;
  display: block !important;
}

.elementor-370 .elementor-element.elementor-element-a5e3623,
.elementor-348 .elementor-element.elementor-element-39aa7f0 {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-grow: 0 !important;
}

.elementor-370 .elementor-element.elementor-element-a5e3623 > .elementor-widget-container,
.elementor-348 .elementor-element.elementor-element-39aa7f0 > .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-370 .elementor-element.elementor-element-a5e3623 .elementor-heading-title,
.elementor-348 .elementor-element.elementor-element-39aa7f0 .elementor-heading-title {
  font-family: "Circe", Sans-serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #154729 !important;
  letter-spacing: 0.5px !important;
}

/* Center Row: Product Images (Significantly Bigger & Professional) */
.elementor-370 .elementor-element.elementor-element-c9a9b24,
.elementor-348 .elementor-element.elementor-element-6ad262b,
.elementor-377 .elementor-element.elementor-element-52f8715 {
  width: 100% !important;
  max-width: 100% !important;
  flex-grow: 1 !important;
  flex-shrink: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 2px 0 !important;
}

.elementor-370 .elementor-element.elementor-element-c9a9b24 > .elementor-widget-container,
.elementor-348 .elementor-element.elementor-element-6ad262b > .elementor-widget-container,
.elementor-377 .elementor-element.elementor-element-52f8715 > .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
}

.elementor-370 .elementor-element.elementor-element-c9a9b24 img {
  width: auto !important;
  height: auto !important;
  max-width: 175px !important;
  max-height: 220px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 14px 28px rgba(0, 0, 0, 0.22)) !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), filter 0.4s ease !important;
  display: block !important;
  margin: 0 auto !important;
}

.elementor-348 .elementor-element.elementor-element-6ad262b img {
  width: auto !important;
  height: auto !important;
  max-width: 220px !important;
  max-height: 215px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 14px 28px rgba(0, 0, 0, 0.22)) !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), filter 0.4s ease !important;
  display: block !important;
  margin: 0 auto !important;
}

.elementor-377 .elementor-element.elementor-element-52f8715 img {
  width: auto !important;
  height: auto !important;
  max-width: 235px !important;
  max-height: 215px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 14px 28px rgba(0, 0, 0, 0.22)) !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), filter 0.4s ease !important;
  display: block !important;
  margin: 0 auto !important;
}

.elementor-370 .elementor-element.elementor-element-81796f7:hover .elementor-element-c9a9b24 img,
.elementor-348 .elementor-element.elementor-element-623bbe6:hover .elementor-element-6ad262b img,
.elementor-377 .elementor-element.elementor-element-553976c:hover .elementor-element-52f8715 img {
  transform: scale(1.08) translateY(-4px) !important;
  filter: drop-shadow(0 18px 34px rgba(0, 0, 0, 0.28)) !important;
}

/* Bottom Row: Weight Titles (240g, 700g, 5kg PER PIECE) */
.elementor-370 .elementor-element.elementor-element-90442bf,
.elementor-348 .elementor-element.elementor-element-7f04b6c,
.elementor-377 .elementor-element.elementor-element-ae082dd {
  width: 100% !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

.elementor-370 .elementor-element.elementor-element-90442bf > .elementor-widget-container,
.elementor-348 .elementor-element.elementor-element-7f04b6c > .elementor-widget-container,
.elementor-377 .elementor-element.elementor-element-ae082dd > .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-370 .elementor-element.elementor-element-90442bf .elementor-heading-title,
.elementor-348 .elementor-element.elementor-element-7f04b6c .elementor-heading-title,
.elementor-377 .elementor-element.elementor-element-ae082dd .elementor-heading-title {
  font-family: "Circe", Sans-serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #154729 !important;
  text-align: center !important;
  letter-spacing: 0.3px !important;
}

/* ========================================================
   GLOBAL RESPONSIVENESS (TABLETS & PHONES)
   ======================================================== */

@media (max-width: 1024px) {
  .elementskit-advanced-slider,
  .elementskit-advanced-slider .ekit-slider-wrapper,
  .elementskit-advanced-slider .ekit-main-swiper,
  .elementskit-advanced-slider .swiper,
  .elementskit-advanced-slider .swiper-wrapper,
  .elementskit-advanced-slider .swiper-slide,
  .elementskit-advanced-slider .widgetarea_warper,
  .elementskit-advanced-slider .ekit-widget-area-container,
  .elementskit-advanced-slider .elementor[data-elementor-type="wp-post"],
  .elementskit-advanced-slider .elementor[data-elementor-type="wp-post"] > .elementor-element.e-parent {
    min-height: 600px !important;
  }

  .elementskit-advanced-slider .swiper-button-prev,
  .ekit-swiper-arrow-button .swiper-button-prev {
    left: 18px !important;
  }
  .elementskit-advanced-slider .swiper-button-next,
  .ekit-swiper-arrow-button .swiper-button-next {
    right: 18px !important;
  }
}

@media (max-width: 767px) {
  /* Prevent title clipping on mobile screens */
  .elementor-heading-title {
    word-break: break-word !important;
  }

  h1.elementor-heading-title,
  .elementor-size-default {
    max-font-size: 58px;
  }

  .elementskit-advanced-slider,
  .elementskit-advanced-slider .ekit-slider-wrapper,
  .elementskit-advanced-slider .ekit-main-swiper,
  .elementskit-advanced-slider .swiper,
  .elementskit-advanced-slider .swiper-wrapper,
  .elementskit-advanced-slider .swiper-slide,
  .elementskit-advanced-slider .widgetarea_warper,
  .elementskit-advanced-slider .ekit-widget-area-container,
  .elementskit-advanced-slider .elementor[data-elementor-type="wp-post"],
  .elementskit-advanced-slider .elementor[data-elementor-type="wp-post"] > .elementor-element.e-parent {
    min-height: 520px !important;
  }

  /* Slider arrows mobile sizing & positioning */
  .elementskit-advanced-slider .swiper-button-next,
  .elementskit-advanced-slider .swiper-button-prev,
  .elementskit-advanced-slider .swiper-nav-button,
  .ekit-swiper-arrow-button .swiper-button-next,
  .ekit-swiper-arrow-button .swiper-button-prev,
  .ekit-swiper-arrow-button .swiper-nav-button,
  .elementor-widget-slides .elementor-swiper-button {
    width: 42px !important;
    height: 42px !important;
  }
  .elementskit-advanced-slider .swiper-button-prev,
  .ekit-swiper-arrow-button .swiper-button-prev {
    left: 8px !important;
  }
  .elementskit-advanced-slider .swiper-button-next,
  .ekit-swiper-arrow-button .swiper-button-next {
    right: 8px !important;
  }
  .elementskit-advanced-slider .swiper-nav-button i,
  .ekit-swiper-arrow-button .swiper-nav-button i,
  .elementor-widget-slides .elementor-swiper-button i {
    font-size: 15px !important;
  }

  /* Responsive circle for Tahini Packing Options on mobile */
  .elementor-widget-slides .elementor-swiper {
    max-width: 100% !important;
    padding: 10px 0 !important;
  }

  .elementor-widget-slides,
  .elementor-widget-slides .elementor-slides-wrapper,
  .elementor-widget-slides .swiper-wrapper,
  .elementor-widget-slides .swiper-slide {
    height: 400px !important;
    min-height: 400px !important;
  }

  .elementor-370 .elementor-element.elementor-element-81796f7,
  .elementor-348 .elementor-element.elementor-element-623bbe6,
  .elementor-377 .elementor-element.elementor-element-553976c {
    width: 320px !important;
    height: 320px !important;
    min-height: 320px !important;
    max-width: 86vw !important;
    max-height: 86vw !important;
    padding: 22px 18px 20px 18px !important;
  }

  .elementor-370 .elementor-element.elementor-element-c9a9b24 img {
    max-width: 135px !important;
    max-height: 165px !important;
  }

  .elementor-348 .elementor-element.elementor-element-6ad262b img {
    max-width: 165px !important;
    max-height: 160px !important;
  }

  .elementor-377 .elementor-element.elementor-element-52f8715 img {
    max-width: 175px !important;
    max-height: 160px !important;
  }

  .elementor-370 .elementor-element.elementor-element-90442bf .elementor-heading-title,
  .elementor-348 .elementor-element.elementor-element-7f04b6c .elementor-heading-title,
  .elementor-377 .elementor-element.elementor-element-ae082dd .elementor-heading-title {
    font-size: 22px !important;
    line-height: 1.15 !important;
  }

  .elementor-370 .elementor-element.elementor-element-a5e3623 .elementor-heading-title,
  .elementor-348 .elementor-element.elementor-element-39aa7f0 .elementor-heading-title {
    font-size: 20px !important;
  }

  .elementor-widget-slides .elementor-swiper-button {
    width: 38px !important;
    height: 38px !important;
  }

  .elementor-widget-slides .elementor-swiper-button-prev {
    left: 6px !important;
    right: auto !important;
  }

  .elementor-widget-slides .elementor-swiper-button-next {
    right: 6px !important;
    left: auto !important;
  }

  /* Turnstile & form responsiveness */
  .turnstile-container {
    justify-content: center !important;
    overflow-x: auto !important;
  }

  .elementor-element-821160b p,
  .elementor-element-c2f3698 p {
    font-size: 18px !important;
    line-height: 1.5 !important;
  }

  /* Mobile off-canvas navigation */
  .elementskit-menu-container {
    max-width: 85vw !important;
  }
}

@media (max-width: 480px) {
  .elementor-370 .elementor-element.elementor-element-81796f7,
  .elementor-348 .elementor-element.elementor-element-623bbe6,
  .elementor-377 .elementor-element.elementor-element-553976c {
    width: 270px !important;
    min-height: 270px !important;
    max-width: 84vw !important;
    max-height: 84vw !important;
    padding: 12px !important;
  }

  .elementor-370 .elementor-element.elementor-element-c9a9b24 img,
  .elementor-348 .elementor-element.elementor-element-6ad262b img,
  .elementor-377 .elementor-element.elementor-element-52f8715 img {
    max-width: 105px !important;
    max-height: 115px !important;
  }

  .elementor-370 .elementor-element.elementor-element-90442bf .elementor-heading-title,
  .elementor-348 .elementor-element.elementor-element-7f04b6c .elementor-heading-title,
  .elementor-377 .elementor-element.elementor-element-ae082dd .elementor-heading-title {
    font-size: 21px !important;
  }
}

/* ========================================================
   ELEMENTOR TABS INTERACTIVITY & STYLING
   ======================================================== */
.elementor-widget-tabs .elementor-tabs-wrapper {
  overflow: visible !important;
}

.elementor-widget-tabs .elementor-tab-title {
  cursor: pointer !important;
  transition: color 0.25s ease, opacity 0.25s ease !important;
  user-select: none !important;
}

.elementor-widget-tabs .elementor-tab-desktop-title {
  padding: 16px 20px !important;
  display: block !important;
  line-height: 1.4 !important;
}

.elementor-widget-tabs .elementor-tab-desktop-title:hover {
  opacity: 0.8 !important;
}

.elementor-widget-tabs .elementor-tab-content {
  display: none !important;
  padding: 10px 20px 20px 20px !important;
}

.elementor-widget-tabs .elementor-tab-content.elementor-active {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  animation: elementorTabFadeIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-widget-tabs .elementor-tab-content[hidden] {
  display: none !important;
}

@keyframes elementorTabFadeIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* About Us Page Tab Content Formatting */
.elementor-199 .elementor-element.elementor-element-e074fa8 .elementor-tab-content p {
  color: var(--e-global-color-secondary, #154729) !important;
  font-family: "Circe", Sans-serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.8 !important;
  margin-bottom: 16px !important;
}

.elementor-199 .elementor-element.elementor-element-e074fa8 .elementor-tab-content p:last-child {
  margin-bottom: 0 !important;
}

/* Certificate image inside Tab 5 */
.elementor-199 .elementor-element.elementor-element-e074fa8 #elementor-tab-content-2355 img {
  max-width: 320px !important;
  width: auto !important;
  height: auto !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
  border: 1px solid rgba(21, 71, 41, 0.12) !important;
  margin-top: 8px !important;
  display: block !important;
}