:root {
	--wd-cat-brd-radius: 50%;
	--wd-text-font: "Albert Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 15px;
	--wd-title-font: "Urbanist", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Urbanist", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Albert Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Urbanist", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Urbanist", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 15px;
	--wd-brd-radius: 20px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(0,0,0);
	--wd-alternative-color: rgb(84,29,201);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(84,29,201);
	--btn-accented-bgcolor-hover: rgb(107,26,221);
	--btn-transform: capitalize;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgb(0,122,255);
	--wd-link-color-hover: rgb(0,63,255);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(255,255,255);
	background-image: none;
}
html .product.wd-cat .wd-entities-title, html .product.wd-cat.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .wd-cat:first-child .wd-entities-title {
	font-size: 15px;
	text-transform: none;
}
html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
	font-weight: 700;
	font-size: 30px;
	text-transform: capitalize;
}
html .wd-nav-mobile > li > a, html .wd-nav-mobile .wd-sub-menu li a {
	text-transform: none;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,245,248);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,245,248);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,245,248);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,245,248);
	background-image: none;
}
html .btn.wd-buy-now-btn {
	color: rgb(255,255,255);
	background: rgb(74,181,56);
}
html .btn.wd-buy-now-btn:hover {
	color: rgb(255,255,255);
	background: rgb(0,165,13);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(119,119,119);
	--wd-form-placeholder-color: rgb(119,119,119);
	--wd-form-bg: rgb(255,255,255);
}
.wd .product-label.onsale {
	background-color: rgb(140,188,103);
}
.wd .product-label.featured {
	background-color: rgb(225,74,92);
}
.wd .product-label.out-of-stock {
	background-color: rgb(13,6,37);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 24px;
	}

}

@media (max-width: 768.98px) {
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 22px;
	}

}
:root{
--wd-container-w: 1660px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@media (min-width: 1660px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(246,245,248);
}

#wcfm-header .wcfm-header-content {
    display: flex;
    justify-content: center;
    align-items: center;
}

#wcfm-header .wcfm-site-name a {
    display: inline-block;
    font-size: 0; /* κρύβει το text */
		content: "";
    display: block;

    width: 320px;
    height: 80px;

    background-image: url("https://www.shopfind.gr/wp-content/uploads/2026/07/shopfind_merchants_logo_gr-1.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}



<!-- ShopFind merchants Page - HTML Widget για Elementor -->
#section.sf-stats {
  padding: 80px 20px !important;
  background: #ffffff !important;
}

.sf-stats .sf-container.sf-stats-grid {
  max-width: 1100px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
}

.sf-stats .sf-stat-box {
  background: #ffffff !important;
  border-radius: 16px !important;
  padding: 36px 20px !important;
  text-align: center !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10), 0 2px 8px rgba(0,0,0,0.05) !important;
  transition: transform 0.35s cubic-bezier(.2,.8,.2,1), box-shadow 0.35s ease !important;
  cursor: default !important;
  will-change: transform !important;
}

.sf-stats .sf-stat-box:hover {
  transform: scale(1.08) translateY(-4px) !important;
  box-shadow: 0 20px 45px rgba(79, 125, 249, 0.20), 0 6px 15px rgba(0,0,0,0.08) !important;
}

.sf-stats .sf-icon-wrap {
  width: 52px !important;
  height: 52px !important;
  margin: 0 auto 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, rgba(99,102,241,0.12), rgba(79,125,249,0.12)) !important;
  transition: transform 0.35s ease, background 0.35s ease !important;
}

.sf-stats .sf-stat-box:hover .sf-icon-wrap {
  transform: rotate(-6deg) scale(1.05) !important;
  background: linear-gradient(135deg, rgba(99,102,241,0.2), rgba(79,125,249,0.2)) !important;
}

.sf-stats .sf-icon {
  width: 26px !important;
  height: 26px !important;
  color: #6366f1 !important;
}

.sf-stats .sf-stat-box p {
  margin: 0 0 10px !important;
  color: #1e293b !important;
  font-size: 0.85rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
}

.sf-stats .sf-stat-box h2 {
  font-size: clamp(2rem, 4vw, 2.6rem) !important;
  font-weight: 900 !important;
  margin: 0 !important;
  color: #4f7df9 !important;
  line-height: 1.1 !important;
}

#section.sf-benefits {
  padding: 90px 20px !important;
  background: #f8fafc !important;
}

.sf-benefits .sf-container {
  max-width: 1200px !important;
  margin: 0 auto !important;
}

.sf-benefits .sf-section-title {
  text-align: center !important;
  max-width: 700px !important;
  margin: 0 auto 56px !important;
}

.sf-benefits .sf-section-title h2 {
  font-size: clamp(1.8rem, 3.5vw, 2.4rem) !important;
  font-weight: 900 !important;
  color: #0f172a !important;
  margin: 0 0 14px !important;
  line-height: 1.25 !important;
}

.sf-benefits .sf01m-accent {
  color: #4f7df9 !important;
}

.sf-benefits .sf-section-title p {
  font-size: 1.05rem !important;
  color: #64748b !important;
  margin: 0 !important;
  line-height: 1.6 !important;
}

.sf-benefits .sf-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
}

.sf-benefits .sf-glass-card {
  background: #ffffff !important;
  border-radius: 18px !important;
  padding: 36px 28px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10), 0 2px 8px rgba(0,0,0,0.05) !important;
  transition: transform 0.35s cubic-bezier(.2,.8,.2,1), box-shadow 0.35s ease !important;
  cursor: default !important;
  will-change: transform !important;
}

.sf-benefits .sf-glass-card:hover {
  transform: scale(1.06) translateY(-4px) !important;
  box-shadow: 0 20px 45px rgba(79, 125, 249, 0.20), 0 6px 15px rgba(0,0,0,0.08) !important;
}

.sf-benefits .sf-icon-wrap {
  width: 56px !important;
  height: 56px !important;
  margin: 0 0 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, rgba(99,102,241,0.12), rgba(79,125,249,0.12)) !important;
  transition: transform 0.35s ease, background 0.35s ease !important;
}

.sf-benefits .sf-glass-card:hover .sf-icon-wrap {
  transform: rotate(-6deg) scale(1.05) !important;
  background: linear-gradient(135deg, rgba(99,102,241,0.2), rgba(79,125,249,0.2)) !important;
}

.sf-benefits .sf-icon {
  width: 28px !important;
  height: 28px !important;
  color: #6366f1 !important;
}

.sf-benefits .sf-glass-card h3 {
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  color: #1e293b !important;
  margin: 0 0 10px !important;
}

.sf-benefits .sf-glass-card p {
  font-size: 0.95rem !important;
  color: #64748b !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

.sf-how {
  padding: 100px 20px;
  background-color: #f8fafc;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.sf-how .sf-container {
  max-width: 1300px;
  margin: 0 auto;
}
.sf-how .sf-section-title {
  text-align: center;
  margin-bottom: 80px;
}
.sf-how .sf-section-title h2 {
  font-size: 3rem;
  color: #1e293b;
  font-weight: 800;
  margin: 0;
}
.sf-how .sf-steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 40px;
  position: relative;
}

.sf-how .sf-steps::before {
  content: '';
  position: absolute;
  top: 60px;
  left: 12%;
  right: 12%;
  height: 2px;
  background: repeating-linear-gradient(
    to right,
    rgba(79,70,229,0.25) 0,
    rgba(79,70,229,0.25) 8px,
    transparent 8px,
    transparent 16px
  );
  z-index: 0;
}

.sf-how .sf-step {
  background: #ffffff;
  padding: 50px 30px;
  border-radius: 24px;
  text-align: center;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0,0,0,0.04);
  transition: transform 0.35s cubic-bezier(.2,.8,.2,1), box-shadow 0.35s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 1;
  will-change: transform;
}
.sf-how .sf-step:hover {
  transform: translateY(-10px) scale(1.03);
  box-shadow: 0 24px 45px rgba(79, 70, 229, 0.18), 0 10px 20px rgba(0,0,0,0.06);
}

.sf-how .sf-icon-wrapper {
  position: relative;
  width: 110px;
  height: 110px;
  background: linear-gradient(135deg, rgba(99,102,241,0.12), rgba(79,70,229,0.12));
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 28px;
  color: #4f46e5;
  transition: transform 0.35s ease, background 0.35s ease, color 0.35s ease;
}
.sf-how .sf-step:hover .sf-icon-wrapper {
  background: linear-gradient(135deg, #6366f1, #4f46e5);
  color: #ffffff;
  transform: rotate(-6deg) scale(1.05);
}

.sf-how .sf-icon {
  width: 46px;
  height: 46px;
  stroke: currentColor;
}

.sf-how .sf-step-badge {
  position: absolute;
  top: -4px;
  right: -4px;
  background-color: #1e293b;
  color: white;
  font-size: 0.95rem;
  font-weight: 800;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid #f8fafc;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

.sf-how .sf-step h3 {
  font-size: 1.25rem;
  color: #334155;
  margin: 0;
  font-weight: 700;
  line-height: 1.3;
}

.sf-how .sf-step:nth-child(1) .sf-icon-wrapper {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234f46e5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 20C4 16.6863 7.58172 14 12 14C16.4183 14 20 16.6863 20 20'/%3E%3Cpath d='M21	5V9M19 7H23'/%3E%3C/svg%3E"), linear-gradient(135deg, rgba(99,102,241,0.12), rgba(79,70,229,0.12));
  background-repeat: no-repeat, no-repeat;
  background-position: center, center;
  background-size: 46px 46px, cover;
}

.sf-how .sf-step:nth-child(2) .sf-icon-wrapper {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234f46e5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 15L15 9'/%3E%3Cpath d='M11 6.5L12.5 5C14.1569 3.34315 16.8431 3.34315 18.5 5C20.1569 6.65685 20.1569 9.34315 18.5 11L17 12.5'/%3E%3Cpath d='M13 17.5L11.5 19C9.84315 20.6569 7.15685 20.6569 5.5 19C3.84315 17.3431 3.84315 14.6569 5.5 13L7 11.5'/%3E%3C/svg%3E"), linear-gradient(135deg, rgba(99,102,241,0.12), rgba(79,70,229,0.12));
  background-repeat: no-repeat, no-repeat;
  background-position: center, center;
  background-size: 46px 46px, cover;
}

.sf-how .sf-step:nth-child(3) .sf-icon-wrapper {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234f46e5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V4M12 4L8 8M12 4L16 8'/%3E%3Cpath d='M4 15V17C4 18.6569 5.34315 20 7 20H17C18.6569 20 20 18.6569 20 17V15'/%3E%3C/svg%3E"), linear-gradient(135deg, rgba(99,102,241,0.12), rgba(79,70,229,0.12));
  background-repeat: no-repeat, no-repeat;
  background-position: center, center;
  background-size: 46px 46px, cover;
}

.sf-how .sf-step:nth-child(4) .sf-icon-wrapper {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234f46e5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2C15 5 16.5 9 15.5 13.5C15.1 15.2 14.4 16.6 13.5 17.8L12 20L10.5 17.8C9.6 16.6 8.9 15.2 8.5 13.5C7.5 9 9 5 12 2Z'/%3E%3Cpath d='M8.5 13.5L5 15L6 11'/%3E%3Cpath d='M15.5 13.5L19 15L18 11'/%3E%3Ccircle cx='12' cy='9' r='1.5'/%3E%3C/svg%3E"), linear-gradient(135deg, rgba(99,102,241,0.12), rgba(79,70,229,0.12));
  background-repeat: no-repeat, no-repeat;
  background-position: center, center;
  background-size: 46px 46px, cover;
}

.sf-pricing {
  padding: 100px 20px;
  background-color: #f8fafc;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.sf-pricing .sf-container {
  max-width: 1100px;
  margin: 0 auto;
}

.sf-pricing .sf-section-title {
  text-align: center;
  margin-bottom: 60px;
}

.sf-pricing .sf-section-title h2 {
  font-size: 2.6rem;
  color: #1e293b;
  font-weight: 800;
  margin: 0;
}

.sf-pricing .sf-pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  align-items: stretch;
}

.sf-pricing .sf-price-card {
  position: relative;
  background: #ffffff;
  padding: 44px 30px;
  border-radius: 22px;
  text-align: center;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0,0,0,0.04);
  transition: transform 0.35s cubic-bezier(.2,.8,.2,1), box-shadow 0.35s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  will-change: transform;
}

.sf-pricing .sf-price-card:hover {
  transform: translateY(-8px) scale(1.04);
  box-shadow: 0 24px 45px rgba(79, 70, 229, 0.16), 0 10px 20px rgba(0,0,0,0.06);
}

.sf-pricing .sf-price-card.featured {
  background: linear-gradient(180deg, #ffffff, #f5f6ff);
  border: 2px solid #6366f1;
  box-shadow: 0 16px 40px rgba(79, 70, 229, 0.18), 0 4px 12px rgba(0,0,0,0.05);
  transform: scale(1.04);
}

.sf-pricing .sf-price-card.featured:hover {
  transform: translateY(-8px) scale(1.08);
  box-shadow: 0 28px 55px rgba(79, 70, 229, 0.24), 0 10px 20px rgba(0,0,0,0.08);
}

.sf-pricing .sf-featured-badge {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(135deg, #6366f1, #4f46e5);
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding: 6px 18px;
  border-radius: 999px;
  box-shadow: 0 6px 14px rgba(79, 70, 229, 0.35);
}

.sf-pricing .sf-price-card h3 {
  font-size: 1.15rem;
  font-weight: 800;
  color: #334155;
  margin: 0 0 18px;
}

.sf-pricing .sf-price {
  font-size: 2.8rem;
  font-weight: 900;
  color: #4f46e5;
  margin: 0 0 16px;
  line-height: 1;
}

.sf-pricing .sf-price-vat {
  font-size: 0.85rem;
  font-weight: 600;
  color: #94a3b8;
}

.sf-pricing .sf-price-desc {
  font-size: 0.95rem;
  color: #64748b;
  line-height: 1.6;
  margin: 0;
}

.sf-cta {
  position: relative;
  padding: 100px 20px;
  background: linear-gradient(135deg, #4f46e5 0%, #6366f1 50%, #4f7df9 100%);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  overflow: hidden;
  text-align: center;
}

.sf-cta::before {
  content: '';
  position: absolute;
  top: -100px;
  right: -100px;
  width: 350px;
  height: 350px;
  background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 70%);
  border-radius: 50%;
}

.sf-cta::after {
  content: '';
  position: absolute;
  bottom: -120px;
  left: -80px;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(255,255,255,0.12) 0%, transparent 70%);
  border-radius: 50%;
}

.sf-cta .sf-container {
  position: relative;
  z-index: 1;
  max-width: 700px;
  margin: 0 auto;
}

.sf-cta h2 {
  font-size: clamp(1.8rem, 3.5vw, 2.6rem);
  font-weight: 900;
  color: #ffffff;
  margin: 0 0 16px;
  line-height: 1.25;
}

.sf-cta p {
  font-size: 1.1rem;
  color: rgba(255,255,255,0.9);
  margin: 0 0 36px;
  line-height: 1.6;
}

.sf-cta .sf-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #ffffff;
  color: #4f46e5;
  font-size: 1.05rem;
  font-weight: 800;
  text-decoration: none;
  padding: 18px 36px;
  border-radius: 999px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.18), 0 4px 10px rgba(0,0,0,0.08);
  transition: transform 0.3s cubic-bezier(.2,.8,.2,1), box-shadow 0.3s ease;
}

.sf-cta .sf-btn-primary:hover {
  transform: translateY(-4px) scale(1.05);
  box-shadow: 0 18px 40px rgba(0,0,0,0.22), 0 6px 15px rgba(0,0,0,0.1);
}

.sf-cta .sf-btn-icon {
  width: 20px;
  height: 20px;
  transition: transform 0.3s ease;
}

.sf-cta .sf-btn-primary:hover .sf-btn-icon {
  transform: translateX(4px);
}

.sf-hero-section {
  padding: 100px 20px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  overflow: hidden;
}

.sf-hero-section .sf-container {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 60px;
  align-items: center;
}

/* LEFT SIDE */
.sf-hero-section .sf-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, rgba(99,102,241,0.1), rgba(79,70,229,0.1));
  color: #4f46e5;
  font-size: 0.85rem;
  font-weight: 700;
  padding: 10px 18px;
  border-radius: 999px;
  margin-bottom: 24px;
}

.sf-hero-section .sf-badge-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.sf-hero-section .sf01m-h1 {
  font-size: clamp(2.2rem, 4.5vw, 3.4rem);
  font-weight: 900;
  color: #0f172a;
  line-height: 1.2;
  margin: 0 0 20px;
}

.sf-hero-section .sf01m-accent {
  color: #4f46e5;
  background: linear-gradient(135deg, #6366f1, #4f7df9);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.sf-hero-section .sf-desc {
  font-size: 1.1rem;
  color: #64748b;
  line-height: 1.7;
  margin: 0 0 32px;
  max-width: 520px;
}

.sf-hero-section .sf-buttons {
  display: flex;
  gap: 16px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}

.sf-hero-section .sf-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, #6366f1, #4f46e5);
  color: #ffffff;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
  padding: 16px 30px;
  border-radius: 999px;
  box-shadow: 0 12px 24px rgba(79,70,229,0.25);
  transition: transform 0.3s cubic-bezier(.2,.8,.2,1), box-shadow 0.3s ease;
}

.sf-hero-section .sf-btn-primary:hover {
  transform: translateY(-3px) scale(1.04);
  box-shadow: 0 18px 32px rgba(79,70,229,0.32);
}

.sf-hero-section .sf-btn-icon {
  width: 18px;
  height: 18px;
  transition: transform 0.3s ease;
}

.sf-hero-section .sf-btn-primary:hover .sf-btn-icon {
  transform: translateX(4px);
}

.sf-hero-section .sf-btn-secondary {
  display: inline-flex;
  align-items: center;
  color: #334155;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
  padding: 16px 30px;
  border-radius: 999px;
  border: 2px solid #e2e8f0;
  transition: transform 0.3s ease, border-color 0.3s ease, background 0.3s ease;
}

.sf-hero-section .sf-btn-secondary:hover {
  transform: translateY(-3px);
  border-color: #6366f1;
  background: rgba(99,102,241,0.05);
}

.sf-hero-section .sf-features {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px 24px;
}

.sf-hero-section .sf-features div {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.95rem;
  font-weight: 600;
  color: #334155;
}

.sf-hero-section .sf-check-icon {
  width: 20px;
  height: 20px;
  color: #22c55e;
  flex-shrink: 0;
}

/* RIGHT SIDE */
.sf-hero-section .sf-right {
  position: relative;
  min-height: 420px;
}

.sf-hero-section .sf-card {
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08), 0 2px 8px rgba(0,0,0,0.04);
  transition: transform 0.35s cubic-bezier(.2,.8,.2,1), box-shadow 0.35s ease;
  will-change: transform;
}

.sf-hero-section .sf-card:hover {
  transform: translateY(-6px) scale(1.03);
  box-shadow: 0 20px 40px rgba(79,70,229,0.18), 0 8px 16px rgba(0,0,0,0.06);
}

.sf-hero-section .sf-main-card {
  padding: 40px 34px;
  max-width: 320px;
  margin: 0 auto;
}

.sf-hero-section .sf-main-card h4 {
  font-size: 0.95rem;
  font-weight: 700;
  color: #64748b;
  margin: 0 0 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.sf-hero-section .sf-big-number {
  font-size: 3.2rem;
  font-weight: 900;
  color: #4f46e5;
  line-height: 1;
  margin-bottom: 8px;
}

.sf-hero-section .sf-main-card p {
  margin: 0;
  color: #94a3b8;
  font-size: 0.9rem;
  font-weight: 600;
}

.sf-hero-section .sf-small-card {
  position: absolute;
  padding: 14px 16px;
  min-width: 115px;
  animation: sfFloat 4s ease-in-out infinite;
}

.sf-hero-section .sf-mini-icon-wrap {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(99,102,241,0.12), rgba(79,70,229,0.12));
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
  color: #4f46e5;
}

.sf-hero-section .sf-mini-icon {
  width: 15px;
  height: 15px;
}

.sf-hero-section .sf-small-card h5 {
  font-size: 0.72rem;
  font-weight: 700;
  color: #64748b;
  margin: 0 0 3px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.sf-hero-section .sf-small-card p {
  font-size: 1.1rem;
  font-weight: 900;
  color: #1e293b;
  margin: 0;
}

.sf-hero-section .sf-card-1 {
  top: 0;
  left: -10px;
  animation-delay: 0s;
}

.sf-hero-section .sf-card-2 {
  top: 40%;
  right: -20px;
  animation-delay: 1.3s;
}

.sf-hero-section .sf-card-3 {
  bottom: 0;
  left: 10%;
  animation-delay: 2.6s;
}

.sf-analytics {
  padding: 100px 20px;
  background-color: #ffffff;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.sf-analytics .sf-container.sf-analytics-wrap {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  align-items: center;
}

.sf-analytics .sf-analytics-left {
  position: relative;
}

.sf-analytics .sf-analytics-img-wrap {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(0,0,0,0.12), 0 8px 20px rgba(0,0,0,0.06);
  transition: transform 0.4s cubic-bezier(.2,.8,.2,1), box-shadow 0.4s ease;
}

.sf-analytics .sf-analytics-img-wrap:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 28px 60px rgba(79,70,229,0.18), 0 10px 24px rgba(0,0,0,0.08);
}

.sf-analytics .sf-analytics-img-wrap img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 20px;
}

.sf-analytics .sf-analytics-right h2 {
  font-size: clamp(1.8rem, 3.5vw, 2.4rem);
  font-weight: 900;
  color: #0f172a;
  line-height: 1.3;
  margin: 0 0 32px;
}

.sf-analytics .sf-analytics-right ul {
  list-style: none;
  margin: 0 0 36px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.sf-analytics .sf-analytics-right li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 1.05rem;
  font-weight: 600;
  color: #334155;
}

.sf-analytics .sf-check-icon {
  width: 24px;
  height: 24px;
  color: #22c55e;
  flex-shrink: 0;
}

.sf-analytics .sf-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, #6366f1, #4f46e5);
  color: #ffffff;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
  padding: 16px 30px;
  border-radius: 999px;
  box-shadow: 0 12px 24px rgba(79,70,229,0.25);
  transition: transform 0.3s cubic-bezier(.2,.8,.2,1), box-shadow 0.3s ease;
}

.sf-analytics .sf-btn-primary:hover {
  transform: translateY(-3px) scale(1.04);
  box-shadow: 0 18px 32px rgba(79,70,229,0.32);
}

.sf-analytics .sf-btn-icon {
  width: 18px;
  height: 18px;
  transition: transform 0.3s ease;
}

.sf-analytics .sf-btn-primary:hover .sf-btn-icon {
  transform: translateX(4px);
}

@keyframes sfFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

@media (max-width: 900px) {
  .sf-stats .sf-container.sf-stats-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
	
	.sf-benefits .sf-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
	
	.sf-how .sf-steps::before {
    display: none;
  }
	
	.sf-pricing .sf-pricing-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .sf-pricing .sf-price-card.featured {
    transform: scale(1);
  }
  .sf-pricing .sf-price-card.featured:hover {
    transform: translateY(-6px) scale(1.02);
  }
	
	.sf-analytics .sf-container.sf-analytics-wrap {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .sf-analytics .sf-analytics-left {
    order: -1;
  }
	
}

@media (max-width: 480px) {
  .sf-stats .sf-container.sf-stats-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  section.sf-stats {
    padding: 60px 16px !important;
  }
	
	.sf-benefits .sf-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  section.sf-benefits {
    padding: 60px 16px !important;
  }
	
  .sf-how .sf-section-title h2 {
    font-size: 2.2rem;
  }
		
	 .sf-pricing {
    padding: 60px 16px;
  }
  .sf-pricing .sf-section-title h2 {
    font-size: 2rem;
  }
	
	.sf-cta {
    padding: 70px 20px;
  }
  .sf-cta .sf-btn-primary {
    width: 100%;
    justify-content: center;
    padding: 16px 24px;
  }
}

@media (max-width: 960px) {
  .sf-hero-section .sf-container {
    grid-template-columns: 1fr;
  }
  .sf-hero-section .sf-right {
    min-height: 480px;
    margin-top: 40px;
  }
  .sf-hero-section .sf-desc {
    max-width: 100%;
  }
}

@media (max-width: 500px) {
  .sf-hero-section {
    padding: 60px 16px;
  }
  .sf-hero-section .sf-buttons {
    flex-direction: column;
  }
  .sf-hero-section .sf-btn-primary,
  .sf-hero-section .sf-btn-secondary {
    justify-content: center;
    width: 100%;
  }
  .sf-hero-section .sf-features {
    grid-template-columns: 1fr;
  }
	
	.sf-analytics {
    padding: 60px 16px;
  }
  .sf-analytics .sf-btn-primary {
    width: 100%;
    justify-content: center;
  }
}

<!-- ShopFind Partner Page - HTML Widget για Elementor -->
<!-- Prefix CSS: sf01m -->
.sf01m-wrap *{box-sizing:border-box;margin:0;padding:0}
.sf01m-wrap{font-family:'Inter',system-ui,-apple-system,sans-serif;color:#1e293b;background:#ffffff;line-height:1.7;width:100%}

.sf01m-orb{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:0}
.sf01m-orb1{width:600px;height:600px;background:rgba(99,102,241,0.11);top:-150px;right:-120px}
.sf01m-orb2{width:400px;height:400px;background:rgba(6,182,212,0.09);bottom:-60px;left:-80px}

.sf01m-section{position:relative;overflow:hidden}

/* HERO */
.sf01m-hero{background:#ffffff;padding:80px 40px 90px;border-bottom:1px solid #e2e8f0}
.sf01m-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:#eef2ff;border:1px solid #c7d2fe;border-radius:100px;font-size:13px;font-weight:500;color:#4f46e5;margin-bottom:28px;letter-spacing:.3px}
.sf01m-badge-dot{width:7px;height:7px;border-radius:50%;background:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.2),0 0 12px rgba(79,70,229,.4);animation:sf01m-pulse 2s infinite}
@keyframes sf01m-pulse{0%,100%{box-shadow:0 0 0 3px rgba(79,70,229,.2),0 0 12px rgba(79,70,229,.4)}50%{box-shadow:0 0 0 5px rgba(79,70,229,.1),0 0 20px rgba(79,70,229,.5)}}

.sf01m-h1{font-family:'Inter',system-ui,-apple-system,sans-serif!important;font-size:clamp(2.4em,5.5vw,3.8em)!important;font-weight:900!important;line-height:1.05!important;letter-spacing:-2.5px!important;color:#1e293b!important;margin-bottom:18px!important}
.sf01m-accent{background:linear-gradient(90deg,#4f46e5,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.sf01m-hero-sub{font-size:1.1em;color:#475569;font-weight:400;max-width:560px;line-height:1.7;margin-bottom:40px}

.sf01m-cta-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.sf01m-btn-primary{display:inline-flex;align-items:center;gap:8px;padding:15px 32px;background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff!important;border:none;border-radius:12px;font-family:'Inter',system-ui,-apple-system,sans-serif;font-size:15px;font-weight:500;cursor:pointer;text-decoration:none!important;box-shadow:0 4px 20px rgba(79,70,229,.3),0 0 0 1px rgba(79,70,229,.2);transition:all .2s}
.sf01m-btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 28px rgba(79,70,229,.4);color:#fff!important}
.sf01m-btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:15px 28px;background:#fff;color:#1e293b!important;border:1px solid #e2e8f0;border-radius:12px;font-family:'Inter',system-ui,-apple-system,sans-serif;font-size:15px;font-weight:500;cursor:pointer;text-decoration:none!important;transition:all .2s}
.sf01m-btn-secondary:hover{border-color:#c7d2fe;color:#4f46e5!important;background:#fafbff}

.sf01m-stats-row{display:flex;gap:40px;margin-top:50px;padding-top:40px;border-top:1px solid #f1f5f9;flex-wrap:wrap}
.sf01m-stat-num{font-family:'Inter',system-ui,-apple-system,sans-serif;font-size:2.1em;font-weight:900;color:#1e293b;letter-spacing:-1.5px}
.sf01m-stat-lbl{font-size:13px;color:#94a3b8;margin-top:3px;font-weight:400}

/* STEPS */
.sf01m-steps{padding:80px 40px;background:#f8faff}
.sf01m-tag{display:inline-block;padding:6px 14px;background:#eef2ff;border-radius:6px;font-size:12px;font-weight:600;color:#4f46e5;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px}
.sf01m-h2{font-family:'Inter',system-ui,-apple-system,sans-serif!important;font-size:2em!important;font-weight:800!important;letter-spacing:-1px!important;margin-bottom:8px!important;color:#1e293b!important}
.sf01m-section-sub{color:#475569;font-size:1em;margin-bottom:48px;font-weight:400;max-width:500px}
.sf01m-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}
.sf01m-step-card{background:#ffffff;border:1px solid #e8edf5;border-radius:20px;padding:28px;position:relative;transition:all .25s;overflow:hidden}
.sf01m-step-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#4f46e5,#06b6d4);opacity:0;transition:.25s}
.sf01m-step-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(79,70,229,.1),0 0 0 1px rgba(79,70,229,.08);border-color:#c7d2fe}
.sf01m-step-card:hover::before{opacity:1}
.sf01m-step-num{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#eef2ff;color:#4f46e5;font-size:15px;font-weight:800;margin-bottom:18px;box-shadow:0 0 0 6px rgba(79,70,229,.06),0 0 20px rgba(79,70,229,.15)}
.sf01m-step-title{font-size:1.05em;font-weight:700;margin-bottom:10px;color:#1e293b}
.sf01m-step-desc{font-size:.9em;color:#475569;line-height:1.7;font-weight:400}

/* BENEFITS */
.sf01m-benefits{padding:80px 40px;background:#ffffff}
.sf01m-benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.sf01m-benefit-card{padding:28px;border:1px solid #f1f5f9;border-radius:18px;transition:all .2s;background:#fafbff}
.sf01m-benefit-card:hover{border-color:#c7d2fe;background:#fff;box-shadow:0 8px 32px rgba(79,70,229,.07)}
.sf01m-b-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:20px}
.sf01m-b-icon.sf01m-indigo{background:#eef2ff;box-shadow:0 0 0 6px rgba(79,70,229,.05)}
.sf01m-b-icon.sf01m-cyan{background:#ecfeff;box-shadow:0 0 0 6px rgba(6,182,212,.05)}
.sf01m-b-icon.sf01m-violet{background:#f5f3ff;box-shadow:0 0 0 6px rgba(139,92,246,.05)}
.sf01m-b-icon.sf01m-emerald{background:#ecfdf5;box-shadow:0 0 0 6px rgba(16,185,129,.05)}
.sf01m-benefit-title{font-size:1em;font-weight:700;margin-bottom:8px;color:#1e293b}
.sf01m-benefit-desc{font-size:.88em;color:#475569;line-height:1.7;font-weight:400}

/* CONTACT */
.sf01m-contact{padding:80px 40px;background:linear-gradient(135deg,#f0f4ff 0%,#e8f8fc 100%)}
.sf01m-contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;max-width:1000px;margin:0 auto}
@media(max-width:768px){
  .sf01m-contact-wrap{grid-template-columns:1fr}
  .sf01m-hero{padding:50px 20px 60px}
  .sf01m-steps,.sf01m-benefits,.sf01m-contact{padding:60px 20px}
  .sf01m-h1{font-size:2.2em!important;letter-spacing:-1.5px!important}
}
.sf01m-contact-p{color:#475569;font-size:.95em;line-height:1.7;font-weight:400;margin-bottom:24px}
.sf01m-contact-detail{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:10px;transition:.2s}
.sf01m-contact-detail:hover{border-color:#c7d2fe;box-shadow:0 4px 16px rgba(79,70,229,.07)}
.sf01m-cd-icon{width:36px;height:36px;border-radius:9px;background:#eef2ff;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.sf01m-cd-text{font-size:.88em;color:#64748b;font-weight:400}
.sf01m-cd-val{font-size:.93em;color:#1e293b;font-weight:500}
.sf01m-cta-box{background:#ffffff;border:1px solid #e2e8f0;border-radius:24px;padding:40px 36px;box-shadow:0 8px 40px rgba(79,70,229,.07);text-align:center}
.sf01m-cta-box-title{font-family:'Inter',system-ui,-apple-system,sans-serif;font-size:1.4em;font-weight:800;letter-spacing:-.5px;color:#1e293b;margin-bottom:10px}
.sf01m-cta-box-sub{font-size:.9em;color:#475569;font-weight:400;line-height:1.7;margin-bottom:32px}
.sf01m-cta-box-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 32px;background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff!important;border:none;border-radius:12px;font-family:'Inter',system-ui,-apple-system,sans-serif;font-size:1em;font-weight:500;cursor:pointer;text-decoration:none!important;box-shadow:0 4px 20px rgba(79,70,229,.3);transition:all .2s}
.sf01m-cta-box-btn:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 8px 28px rgba(79,70,229,.4);color:#fff!important}
.sf01m-cta-box-note{font-size:12px;color:#94a3b8;margin-top:16px;font-weight:400}

@media (max-width: 900px) {
  .sf-stats .sf-container.sf-stats-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 480px) {
  .sf-stats .sf-container.sf-stats-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  section.sf-stats {
    padding: 60px 16px !important;
  }
}

/* Κινητά + Tablet portrait - Η καλύτερη προσφορά από το κατάστημα */
@media screen and (max-width: 1200px) {
    .pro-buy-box { padding: 12px; }
    .pro-buy-box .pro-box-flex {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0 !important;
    }
    .pro-buy-box .pro-box-left {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        width: 100% !important;
        flex: none !important;
        gap: 12px !important;
        padding-bottom: 12px !important;
        margin-bottom: 12px !important;
        border-bottom: 1px solid #f0f0f0 !important;
    }
    .pro-buy-box .pro-store-logo {
        flex-shrink: 0 !important;
    }
    .pro-buy-box .pro-store-logo img {
        width: 55px !important;
        height: 55px !important;
    }
    .pro-buy-box .pro-vendor-info {
        flex: 1 !important;
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 3px !important;
    }
    .pro-buy-box .pro-vendor-name {
        font-size: 16px !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: unset !important;
        line-height: 1.3 !important;
    }
    .pro-buy-box .pro-box-right {
        width: 100% !important;
        align-items: flex-start !important;
        text-align: left !important;
    }
    .pro-buy-box .pro-price {
        font-size: 22px !important;
        text-align: left !important;
    }	
}

/* Desktop — επαναφορά κανονικού layout - Η καλύτερη προσφορά από το κατάστημα */
@media screen and (min-width: 1201px) {
    .pro-buy-box .pro-box-flex {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
    .pro-buy-box .pro-box-left {
        flex: 1 !important;
        border-bottom: none !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    .pro-buy-box .pro-box-right {
        width: auto !important;
        align-items: flex-end !important;
        text-align: right !important;
    }
    .pro-buy-box .pro-vendor-name {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}

/* ── Styling για το WCFM form μέσα στην κάρτα ── */
.sf-signup {
  padding: 80px 20px;
  background: #f8fafc;
  background-image: radial-gradient(#e2e8f0 1px, transparent 1px);
  background-size: 22px 22px;
  font-family: 'Albert Sans', sans-serif;
}

.sf-signup-wrap {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 60px;
  align-items: center;
}

.sf-signup-eyebrow {
  font-family: 'Urbanist', 'Albert Sans', sans-serif;
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 1px;
  color: #4f46e5;
  margin-bottom: 14px;
}

.sf-signup-left h1 {
  font-family: 'Urbanist', 'Albert Sans', sans-serif;
  font-size: clamp(2.2rem, 4.5vw, 3.4rem);
  font-weight: 900;
  color: #0f172a;
  line-height: 1.2;
  margin: 0 0 20px;
}

.sf-signup-desc {
  font-family: 'Albert Sans', sans-serif;
  font-size: 1.05rem;
  color: #64748b;
  line-height: 1.7;
  margin: 0 0 30px;
  max-width: 460px;
}

.sf-signup-divider {
  width: 100%;
  height: 1px;
  background: #e2e8f0;
  margin-bottom: 24px;
}

.sf-signup-next-title {
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.8px;
  color: #94a3b8;
  margin-bottom: 16px;
}

.sf-signup-steps {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.sf-signup-step {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1rem;
  font-weight: 600;
  color: #1e293b;
}

.sf-signup-step svg {
  width: 22px;
  height: 22px;
  color: #22c55e;
  flex-shrink: 0;
}

.sf-signup-right {
  background: #ffffff;
  border-radius: 24px;
  padding: 44px 40px;
  box-shadow: 0 20px 50px rgba(79, 70, 229, 0.12), 0 8px 20px rgba(0,0,0,0.05);
}

/* ── Styling για το πραγματικό WCFM form μέσα στην κάρτα ── */
.sf-signup-right .wcfm-membership-wrapper {
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.sf-signup-right .wcfm_registration_form_heading {
  font-size: 1.3rem !important;
  font-weight: 800 !important;
  color: #1e293b !important;
  margin: 0 0 24px !important;
}

.sf-signup-right #wcfm_membership_container .wcfm_title {
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  color: #334155 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
  margin: 0 0 8px !important;
}

.sf-signup-right #wcfm_membership_container input.wcfm-text {
  width: 100% !important;
  padding: 13px 16px !important;
  border: 2px solid #e2e8f0 !important;
  border-radius: 12px !important;
  font-size: 0.95rem !important;
  color: #1e293b !important;
  background: #f8fafc !important;
  margin-bottom: 18px !important;
  transition: border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease !important;
}

.sf-signup-right #wcfm_membership_container input.wcfm-text:focus {
  outline: none !important;
  border-color: #6366f1 !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.12) !important;
}

.sf-signup-right #wcfm_membership_container input.wcfm-text[readonly] {
  background: #eef2ff !important;
  border-color: #e0e7ff !important;
  color: #4f46e5 !important;
  font-weight: 600 !important;
}

.sf-signup-right .wcfm_email_verified_button {
  background: linear-gradient(135deg, #6366f1, #4f46e5) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 0 20px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

.sf-signup-right #wcfm_membership_registration_submit input[type="submit"],
.sf-signup-right #wcfm_membership_registration_submit button {
  width: 100% !important;
  background: linear-gradient(135deg, #6366f1, #4f46e5) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 16px 24px !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  box-shadow: 0 12px 24px rgba(79, 70, 229, 0.28) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.sf-signup-right #wcfm_membership_registration_submit input[type="submit"]:hover,
.sf-signup-right #wcfm_membership_registration_submit button:hover {
  transform: translateY(-3px) scale(1.02) !important;
  box-shadow: 0 18px 34px rgba(79, 70, 229, 0.34) !important;
}

@media (max-width: 960px) {
  .sf-signup-wrap {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .sf-signup-right {
    padding: 32px 24px;
  }
}

@media (max-width: 500px) {
  .sf-signup {
    padding: 50px 16px;
  }
}

/* Footer "Βρες ένα Κατάστημα & Γίνε Συνεργάτης" */
.cards-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  font-family: inherit;
}

.modern-card {
  display: flex;
  align-items: center;
  gap: 14px;
  text-decoration: none;
  background: #ffffff;
  border: 1px solid #e8e8ec;
  border-radius: 16px;
  padding: 12px 14px;
  min-width: 280px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.03);
  transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}

.modern-card:hover {
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
  transform: translateY(-2px);
}

/* Icon */
.card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  font-size: 18px;
  flex-shrink: 0;
}

.grey-icon {
  background: #f1f2f4;
  color: #6b7280;
}

.purple-icon {
  background: #f2e9fe;
  color: #7c3aed;
}

/* Text */
.card-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex-grow: 1;
}

.card-title {
  font-weight: 700;
  font-size: 14px;
  color: #1f2430;
}

.purple-title {
  color: #7c3aed;
}

.card-subtitle {
  font-size: 13px;
  color: #8a8f98;
}

/* Arrow button */
.card-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  flex-shrink: 0;
  font-size: 13px;
  transition: transform 0.2s ease;
}

.grey-arrow {
  background: #f1f2f4;
  color: #6b7280;
}

.purple-arrow {
  background: #7c3aed;
  color: #ffffff;
}

.modern-card:hover .card-arrow {
  transform: translateX(3px);
}
/* Footer "Συνεργάτες" */
.section-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: inherit;
  font-weight: 700;
  font-size: 15px;
  color: #1a1a1a;
  margin: 0;
}

.section-title i {
  color: #7c3aed;
  font-size: 16px;
}

/* Μοντέρνο στυλ για τη λίστα καταστημάτων WCFM [wcfm_stores] "Καταστήματα" [wcfm_stores] */
/* ==========================================================================
   WCFM Store List — Modern Card Redesign (ShopFind.gr brand colors)
   Drop-in replacement for wcfmmp-style-stores-list-compact.css
   Colors pulled directly from the site's own mega-menu / header tokens.
   ========================================================================== */

:root {
	--wcfm-primary: #6d28d9;
	--wcfm-primary-2: #9333ea;
	--wcfm-primary-dark: #541dc9;
	--wcfm-soft: #f5f0ff;
	--wcfm-text: #181422;
	--wcfm-text-muted: #6b6478;
	--wcfm-bg-card: #ffffff;
	--wcfm-bg-page: #faf9fd;
	--wcfm-border: #ece8f5;
	--wcfm-gold: #ffb400;
	--wcfm-radius: 20px;
	--wcfm-shadow: 0 1px 3px rgba(24, 20, 34, 0.05), 0 1px 2px rgba(24, 20, 34, 0.03);
	--wcfm-shadow-hover: 0 20px 40px -12px rgba(109, 40, 217, 0.28), 0 4px 12px rgba(109, 40, 217, 0.12);
}

/* ---- Grid wrapper ---- */
#wcfmmp-stores-wrap ul.wcfmmp-store-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#wcfmmp-stores-wrap ul.wcfmmp-store-wrap .rgt,
#wcfmmp-stores-wrap ul.wcfmmp-store-wrap .lft {
	float: none;
}

#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li.coloum-3 {
	flex: 0 0 calc(33.333% - 16px);
	max-width: calc(33.333% - 16px);
}
#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li.coloum-4 {
	flex: 0 0 calc(25% - 18px);
	max-width: calc(25% - 18px);
}
#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li.coloum-5 {
	flex: 0 0 calc(20% - 19.2px);
	max-width: calc(20% - 19.2px);
}

@media (max-width: 1024px) {
	#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li.coloum-3,
	#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li.coloum-4,
	#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li.coloum-5 {
		flex: 0 0 calc(33.333% - 16px);
		max-width: calc(33.333% - 16px);
	}
}
@media (max-width: 768px) {
	#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li.coloum-3,
	#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li.coloum-4,
	#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li.coloum-5 {
		flex: 0 0 calc(50% - 12px);
		max-width: calc(50% - 12px);
	}
}
@media (max-width: 480px) {
	#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li.coloum-3,
	#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li.coloum-4,
	#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li.coloum-5 {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

/* ---- Card shell ---- */
#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-wrapper {
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	background: var(--wcfm-bg-card);
	border: 1px solid var(--wcfm-border);
	border-radius: var(--wcfm-radius);
	box-shadow: var(--wcfm-shadow);
	overflow: hidden;
	transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s ease, border-color 0.35s ease;
}

#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-wrapper::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, var(--wcfm-primary), var(--wcfm-primary-2));
	opacity: 0;
	transition: opacity 0.35s ease;
	pointer-events: none;
	z-index: 0;
	border-radius: inherit;
}

#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-wrapper:hover {
	transform: translateY(-8px);
	box-shadow: var(--wcfm-shadow-hover);
	border-color: transparent;
}

/* Hide the old banner block */
#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-content {
	display: none;
}

/* ---- Footer = whole visible card body ---- */
#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-footer {
	position: relative;
	z-index: 1;
	background: transparent;
	width: 100%;
	height: auto;
	min-height: 0 !important;
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 30px 20px 22px;
	overflow: hidden;
}

/* Decorative blurred glow behind the avatar */
#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-footer::before {
	content: "";
	position: absolute;
	top: -40px;
	left: 50%;
	transform: translateX(-50%);
	width: 160px;
	height: 160px;
	background: radial-gradient(circle, rgba(109, 40, 217, 0.09) 0%, rgba(147, 51, 234, 0) 70%);
	border-radius: 50%;
	opacity: 0;
	transition: opacity 0.4s ease;
	pointer-events: none;
}

#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-wrapper:hover .store-footer::before {
	opacity: 0.6;
}

/* ---- Avatar with gradient ring ---- */
#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-footer .store-avatar {
	position: relative;
	width: 78px;
	height: 78px;
	margin: 0 auto 16px;
	float: none;
	border-radius: 50%;
	padding: 3px;
	background: linear-gradient(135deg, var(--wcfm-primary), var(--wcfm-primary-2));
	transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.4s ease;
}

#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-wrapper:hover .store-avatar {
	transform: scale(1.05) rotate(-3deg);
	box-shadow: 0 6px 14px rgba(109, 40, 217, 0.18);
}

#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-footer .store-avatar img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
	display: block;
	border: 3px solid #ffffff;
}

/* ---- Data block ---- */
#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-footer .store-data-container {
	float: none;
	width: 100%;
	padding-top: 0;
}

#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-data {
	padding-top: 0;
	text-align: center;
}

#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-data h2 {
	margin: 0 0 6px;
}

#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-data h2 a {
	font-size: 17px;
	font-weight: 700;
	color: var(--wcfm-text);
	background: transparent;
	transition: color 0.25s ease;
}

#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-wrapper:hover .store-data h2 a {
	color: var(--wcfm-primary);
}

#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-data h2 .wcfm_vendor_badges {
	margin-bottom: 0 !important;
	vertical-align: middle;
}

/* ---- Rating ---- */
#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .bd_rating {
	display: flex;
	justify-content: center;
	margin-bottom: 4px;
}

#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .bd_rating .star-rating {
	font-size: 13px;
	color: var(--wcfm-border);
}

#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .bd_rating .star-rating span {
	color: var(--wcfm-gold);
}

/* ---- Contact chips hidden (cleaner modern look) ---- */
#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-data p.store-phone {
	display: none !important;
}

/* ---- Followers / Products stat block ---- */
#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .shopfind-store-stats {
	display: flex;
	justify-content: center;
	gap: 12px;
	margin: 6px 0 18px;
}

#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .shopfind-stat {
	display: flex;
	flex-direction: column;
	align-items: center;
	line-height: 1.3;
	padding: 6px 18px;
	border-radius: 14px;
	background: var(--wcfm-soft);
	transition: background 0.3s ease, transform 0.3s ease;
}

#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-wrapper:hover .shopfind-stat {
	transform: translateY(-2px);
}

#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .shopfind-stat-number {
	font-size: 19px;
	font-weight: 800;
	background: linear-gradient(135deg, var(--wcfm-primary), var(--wcfm-primary-2));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .shopfind-stat-label {
	font-size: 11px;
	font-weight: 500;
	color: var(--wcfm-text-muted);
}

/* ---- Footer action buttons ---- */
#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li p.store-enquiry {
	position: static;
	margin: 0 0 10px;
	order: 3;
}

#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li a.wcfmmp-visit-store {
	position: static;
	order: 4;
	margin-top: auto;
	padding-top: 0;
}

#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li p.store-enquiry a.wcfm_catalog_enquiry {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	background: transparent;
	color: var(--wcfm-text-muted);
	border: none;
	border-radius: 0;
	font-size: 12px;
	font-weight: 500;
	text-decoration: underline;
	text-underline-offset: 2px;
	box-shadow: none;
	cursor: pointer;
	transition: color 0.2s ease;
}

#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li p.store-enquiry a.wcfm_catalog_enquiry:hover {
	color: var(--wcfm-primary);
	background: transparent;
}

#wcfmmp-stores-wrap a.wcfmmp-visit-store {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 44px;
	padding: 0 16px;
	margin: 0;
	background: linear-gradient(135deg, var(--wcfm-primary), var(--wcfm-primary-2));
	background-size: 200% 200%;
	background-position: 0% 50%;
	color: #ffffff;
	border: none;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.2px;
	box-shadow: 0 6px 16px rgba(109, 40, 217, 0.3);
	cursor: pointer;
	overflow: hidden;
	transition: background-position 0.5s ease, box-shadow 0.3s ease, transform 0.2s ease;
}

#wcfmmp-stores-wrap a.wcfmmp-visit-store::after {
	content: "";
	position: absolute;
	top: 0;
	left: -75%;
	width: 50%;
	height: 100%;
	background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.45), transparent);
	transform: skewX(-20deg);
	transition: left 0.6s ease;
}

#wcfmmp-stores-wrap a.wcfmmp-visit-store:hover {
	background-position: 100% 50%;
	box-shadow: 0 10px 24px rgba(109, 40, 217, 0.42);
	transform: translateY(-2px);
}

#wcfmmp-stores-wrap a.wcfmmp-visit-store:hover::after {
	left: 130%;
}

#wcfmmp-stores-wrap a.wcfmmp-visit-store span {
	display: inline;
	margin-left: 4px;
	position: relative;
	z-index: 1;
}

/* ---- Old banner gradient overlay cleanup ---- */
#wcfmmp-stores-wrap ul.wcfmmp-store-wrap .store-address {
	background: transparent !important;
	border-radius: 0;
}

.wcfmmp-stores-content-holder {
	background: var(--wcfm-bg-page);
	padding: 8px 0 24px;
}

/* ==========================================================================
   Search / filter form — modern compact grid layout
   ========================================================================== */

.wcfmmp-store-search-form {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 12px !important;
	column-gap: 12px !important;
	row-gap: 12px !important;
	align-items: center;
	padding: 20px !important;
	background: var(--wcfm-bg-card);
	border: 1px solid var(--wcfm-border);
	border-radius: var(--wcfm-radius);
	box-shadow: var(--wcfm-shadow);
	margin-bottom: 24px;
}

@media (max-width: 900px) {
	.wcfmmp-store-search-form {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

@media (max-width: 560px) {
	.wcfmmp-store-search-form {
		grid-template-columns: 1fr !important;
	}
}

.wcfmmp-store-search-form input.wcfmmp-store-search,
.wcfmmp-store-search-form select.wcfm-select,
.wcfmmp-store-search-form .select2-container,
.wcfmmp-store-search-form .select2-selection,
.wcfmmp-store-search-form .country_select {
	width: 100% !important;
	box-sizing: border-box !important;
	height: 44px !important;
	margin: 0 !important;
	border: 1.5px solid var(--wcfm-border) !important;
	border-radius: 12px !important;
	background: var(--wcfm-bg-page) !important;
	box-shadow: none !important;
	font-size: 13px !important;
	color: var(--wcfm-text) !important;
	transition: border-color 0.25s ease, background 0.25s ease;
}

.wcfmmp-store-search-form input.wcfmmp-store-search {
	padding: 0 16px !important;
	width: 100% !important;
}

.wcfmmp-store-search-form input.wcfmmp-store-search:focus,
.wcfmmp-store-search-form select.wcfm-select:focus {
	border-color: var(--wcfm-primary) !important;
	background: #ffffff !important;
	outline: none !important;
}

.wcfmmp-store-search-form .select2-selection__rendered {
	line-height: 41px !important;
	padding-left: 16px !important;
	color: var(--wcfm-text-muted) !important;
	font-size: 13px !important;
}

.wcfmmp-store-search-form .select2-selection__arrow {
	height: 42px !important;
}

.wcfmmp-store-search-form .select2-container--open .select2-selection {
	border-color: var(--wcfm-primary) !important;
}

/* Sort-by dropdown, styled to match */
.wcfmmp-store-lists-sorting {
	margin-bottom: 20px;
}

.wcfmmp-store-lists-sorting select#wcfmmp_store_orderby {
	height: 42px;
	padding: 0 16px;
	border: 1.5px solid var(--wcfm-border);
	border-radius: 999px;
	background: var(--wcfm-bg-card);
	color: var(--wcfm-text);
	font-size: 13px;
	font-weight: 500;
	box-shadow: none;
	transition: border-color 0.25s ease;
}

.wcfmmp-store-lists-sorting select#wcfmmp_store_orderby:focus {
	border-color: var(--wcfm-primary);
	outline: none;
}

.wcfmmp-store-lists-sorting .woocommerce-result-count {
	color: var(--wcfm-text-muted);
	font-size: 13px;
}
/* --- "Τέλος" Μοντέρνο στυλ για τη λίστα καταστημάτων WCFM [wcfm_stores] "Καταστήματα" [wcfm_stores] "Τέλος" --- */

/* --- "ΑΡΧΗ" Μοντέρνο στυλ για "Τρόποι Πληρωμής" [payments_method] "ΑΡΧΗ" --- */

/* ===== Checkout Steps — token system (purple) =====
   ink:      #2B1250  (deep aubergine — headings, active states)
   paper:    #FAF8FC  (section background, faint lavender)
   card:     #FFFFFF
   line:     #E6DFF2  (borders, dashes)
   amber:    #7C3AED  (primary accent — active step, hover, gradient start)
   teal:     #B15CDE  (secondary accent — gradient end, confirm cues)
   muted:    #7B7189  (secondary text)
*/

.cks-wrap{
  --ink:#2B1250;
  --paper:#FAF8FC;
  --card:#FFFFFF;
  --line:#E6DFF2;
  --amber:#7C3AED;
  --teal:#B15CDE;
  --muted:#7B7189;

  background:var(--paper);
  padding:72px 24px;
  font-family:'Inter',sans-serif;
  color:var(--ink);
  box-sizing:border-box;
}
.cks-wrap *{ box-sizing:border-box; }

.cks-inner{ max-width:1080px; margin:0 auto; }

.cks-eyebrow{
  font-family:'JetBrains Mono',monospace;
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--teal);
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
}
.cks-eyebrow::before{
  content:"";
  width:22px; height:1px;
  background:var(--teal);
  display:inline-block;
}

.cks-title{
  font-family:'Fraunces',serif;
  font-weight:500;
  font-size:clamp(28px,4vw,42px);
  line-height:1.15;
  margin:0 0 12px;
  letter-spacing:-.01em;
}
.cks-title em{ font-style:italic; color:var(--amber); }

.cks-sub{
  font-size:16px;
  color:var(--muted);
  max-width:560px;
  line-height:1.6;
  margin:0 0 56px;
}

/* ---------- Stepper ---------- */
.cks-steps{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  position:relative;
  margin-bottom:44px;
}

.cks-step{ position:relative; padding:0 28px 0 0; }
.cks-step:last-child{ padding-right:0; }

.cks-step-head{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:16px;
  position:relative;
}

.cks-step-line{
  flex:1 1 auto;
  min-width:16px;
  height:0;
  border-top:2px dashed var(--line);
  margin-left:2px;
}

.cks-num{
  font-family:'JetBrains Mono',monospace;
  font-size:14px;
  font-weight:500;
  width:38px; height:38px;
  min-width:38px;
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  border:1.5px solid var(--ink);
  background:var(--paper);
  color:var(--ink);
  position:relative;
  z-index:2;
}
.cks-step.is-active .cks-num{
  background:var(--ink);
  color:var(--paper);
  border-color:var(--ink);
}

.cks-step-title{
  font-family:'Fraunces',serif;
  font-size:19px;
  font-weight:500;
  margin:0;
  flex:0 0 auto;
}

.cks-step-desc{
  font-size:14.5px;
  color:var(--muted);
  line-height:1.55;
  margin:0;
  padding-left:52px;
}

/* ---------- Payment methods (step 3 detail) ---------- */
.cks-pay-panel{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:18px;
  padding:36px;
  position:relative;
  overflow:hidden;
}
.cks-pay-panel::before{
  content:"";
  position:absolute;
  top:0; left:0; right:0;
  height:3px;
  background:linear-gradient(90deg,var(--amber),var(--teal));
}

.cks-pay-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:16px;
  margin-bottom:26px;
  flex-wrap:wrap;
}
.cks-pay-head h3{
  font-family:'Fraunces',serif;
  font-size:22px;
  font-weight:500;
  margin:0;
}
.cks-pay-head span{
  font-family:'JetBrains Mono',monospace;
  font-size:12px;
  color:var(--muted);
  letter-spacing:.06em;
}

.cks-pay-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}

.cks-pay-card{
  border:1px solid var(--line);
  border-radius:14px;
  padding:22px 18px;
  background:var(--paper);
  cursor:pointer;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
  position:relative;
}
.cks-pay-card:hover,
.cks-pay-card:focus-visible{
  transform:translateY(-4px);
  border-color:var(--amber);
  box-shadow:0 10px 24px rgba(43,18,80,.10);
  outline:none;
}
.cks-pay-card:focus-visible{ outline:2px solid var(--amber); outline-offset:2px; }

.cks-pay-icon{
  width:40px; height:40px;
  border-radius:10px;
  background:var(--ink);
  color:var(--paper);
  display:flex; align-items:center; justify-content:center;
  margin-bottom:16px;
}
.cks-pay-icon svg{ width:20px; height:20px; }

.cks-pay-card h4{
  font-size:15px;
  font-weight:600;
  margin:0 0 6px;
}
.cks-pay-card p{
  font-size:13px;
  color:var(--muted);
  line-height:1.5;
  margin:0;
}

.cks-pay-tag{
  position:absolute;
  top:14px; right:14px;
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  letter-spacing:.05em;
  color:var(--teal);
  background:rgba(177,92,222,.12);
  padding:3px 7px;
  border-radius:20px;
}

/* ---------- Responsive ---------- */
@media (max-width: 860px){
  .cks-pay-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 700px){
  .cks-steps{ grid-template-columns:1fr; gap:28px; }
  .cks-step{ padding-right:0; }
  .cks-step-line{ display:none; }
  .cks-step-desc{ padding-left:52px; }
}
@media (max-width: 480px){
  .cks-wrap{ padding:48px 18px; }
  .cks-pay-grid{ grid-template-columns:1fr; }
  .cks-pay-panel{ padding:24px; }
}

@media (prefers-reduced-motion: reduce){
  .cks-pay-card{ transition:none; }
}
/* --- "ΤΕΛΟΣ" Μοντέρνο στυλ για "Τρόποι Πληρωμής" [payments_method] "ΤΕΛΟΣ" --- */

/* --- "ΑΡΧΗ" Μοντέρνο στυλ για "Οδηγός Ολοκλήρωσης Παραγγελίας" "ΑΡΧΗ" --- */
.steps-section{
    --ink:#2c1a4d;
    --paper:#f6f2fc;
    --violet:#7c3aed;
    --violet-deep:#5b21b6;
    --lilac:#c9aef2;
    --card:#ffffff;
    --line:#c9b7ea;

    --font-display:'Fraunces', Georgia, serif;
    --font-body:'Public Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-mono:'IBM Plex Mono', monospace;

    position:relative;
    background:var(--paper);
    padding:18px 24px 4px;
    box-sizing:border-box;
    overflow:visible;
  }
  .steps-section:has(.steps-title){
    padding-top:64px;
  }
  .steps-section *{box-sizing:border-box;}

  .steps-eyebrow{
    display:block;
    text-align:center;
    font-family:var(--font-mono);
    font-size:12px;
    letter-spacing:.28em;
    text-transform:uppercase;
    color:var(--violet-deep);
    margin:0 0 14px;
  }
  .steps-title{
    font-family:var(--font-display);
    font-weight:600;
    font-style:italic;
    font-size:clamp(28px,4vw,42px);
    text-align:center;
    color:var(--ink);
    margin:0 0 48px;
    letter-spacing:-.01em;
  }

  .steps-wrap{
    position:relative;
    max-width:1080px;
    margin:0 auto;
  }

  .steps-track{
    position:relative;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:0;
    z-index:2;
  }

  /* dashed rail connecting the 3 boxes left-to-right */
  .steps-rail{
    position:absolute;
    top:64px;
    left:calc(16.6% + 4px);
    right:calc(16.6% + 4px);
    height:2px;
    background-image:linear-gradient(90deg,var(--lilac) 0 10px,transparent 10px 20px);
    background-size:20px 2px;
    background-repeat:repeat-x;
    z-index:0;
  }
  .steps-rail::after{
    content:'';
    position:absolute;
    inset:0;
    width:0%;
    background-image:linear-gradient(90deg,var(--violet) 0 10px,transparent 10px 20px);
    background-size:20px 2px;
    background-repeat:repeat-x;
    animation:railFill 2s ease-out forwards;
    animation-delay:.25s;
  }
  @keyframes railFill{ to{ width:100%; } }

  .step{
    position:relative;
    padding:0 22px;
    text-align:center;
    opacity:0;
    transform:translateY(16px);
    animation:stepIn .55s ease-out forwards;
  }
  .step:nth-child(2){animation-delay:.12s;}
  .step:nth-child(3){animation-delay:.24s;}
  @keyframes stepIn{ to{opacity:1; transform:translateY(0);} }

  /* modern rectangular box, echoes the original wireframe */
  .step-box{
    position:relative;
    background:var(--card);
    border:1.5px solid var(--lilac);
    border-radius:16px;
    padding:30px 20px 28px;
    transition:box-shadow .3s ease, transform .3s ease, border-color .3s ease;
  }
  .step:hover .step-box{
    border-color:var(--violet);
    box-shadow:0 20px 36px -22px rgba(92,33,182,.45);
    transform:translateY(-4px);
  }

  .step-num{
    position:absolute;
    top:-14px;
    left:50%;
    transform:translateX(-50%);
    background:var(--violet);
    color:#fff;
    font-family:var(--font-mono);
    font-size:11px;
    letter-spacing:.1em;
    padding:4px 12px;
    border-radius:999px;
    box-shadow:0 6px 14px -6px rgba(92,33,182,.6);
  }

  .step-title{
    font-family:var(--font-display);
    font-weight:600;
    font-size:18px;
    color:var(--ink);
    margin:14px 0 20px;
    line-height:1.35;
  }

  .step-icon{
    width:56px;
    height:56px;
    margin:0 auto;
    border-radius:50%;
    background:linear-gradient(145deg,#f1e8fc,#e4d4fb);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:background .25s ease;
  }
  .step-icon svg{width:26px;height:26px;stroke:var(--violet-deep);transition:stroke .25s ease;}
  .step:hover .step-icon{background:var(--violet);}
  .step:hover .step-icon svg{stroke:#fff;}

  /* ---- return arrow: box 3 curves back & down under box 1 ---- */
  .steps-return{
    position:relative;
    width:100%;
    height:96px;
    margin-top:-6px;
    z-index:1;
  }
  .steps-return svg{ width:100%; height:100%; display:block; overflow:visible; }
  .steps-return .return-line{
    fill:none;
    stroke:var(--violet);
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-dasharray:9 9;
    stroke-dashoffset:520;
    animation:drawReturn 1.4s ease-out forwards;
    animation-delay:.6s;
  }
  .steps-return .return-head{
    fill:none;
    stroke:var(--violet);
    stroke-width:2.4;
    stroke-linecap:round;
    stroke-linejoin:round;
    opacity:0;
    animation:headIn .2s ease-out forwards;
    animation-delay:1.85s;
  }
  @keyframes drawReturn{ to{ stroke-dashoffset:0; } }
  @keyframes headIn{ to{ opacity:1; } }

  .steps-section[data-last="true"] .steps-return{ display:none; }

  @media (max-width:820px){
    .steps-track{grid-template-columns:1fr;gap:44px;}
    .steps-rail{display:none;}
    .step{padding:0 12px;}
    .steps-return{ height:56px; }
    .steps-return .return-desktop{ display:none; }
  }
  @media (min-width:821px){
    .steps-return .return-mobile{ display:none; }
  }

  @media (prefers-reduced-motion:reduce){
    .step,.steps-rail::after,.steps-return path{ animation:none; opacity:1; transform:none; width:100%; stroke-dashoffset:0; }
  }

  /* ================= Standalone review box ================= */
  .review-block{
    background:var(--paper, #f6f2fc);
    padding:0 24px 60px;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  .review-block *{box-sizing:border-box;}

  /* nicer lead-in: dashed line + arrowhead pointing at the box, SVG based */
  .review-lead{
    width:100%;
    max-width:120px;
    height:64px;
  }
  .review-lead svg{ width:100%; height:100%; display:block; overflow:visible; }
  .review-lead .lead-line{
    fill:none;
    stroke:#7c3aed;
    stroke-width:2;
    stroke-linecap:round;
    stroke-dasharray:8 8;
    stroke-dashoffset:80;
    animation:leadDraw 1s ease-out forwards;
    animation-delay:.2s;
  }
  .review-lead .lead-head{
    fill:none;
    stroke:#7c3aed;
    stroke-width:2.4;
    stroke-linecap:round;
    stroke-linejoin:round;
    opacity:0;
    animation:headIn .2s ease-out forwards;
    animation-delay:1.1s;
  }
  @keyframes leadDraw{ to{ stroke-dashoffset:0; } }

  .review-box{
    position:relative;
    width:100%;
    max-width:340px;
    background:#ffffff;
    border:1.5px solid #c9aef2;
    border-radius:16px;
    padding:34px 26px 30px;
    text-align:center;
    transition:box-shadow .3s ease, transform .3s ease, border-color .3s ease;
    opacity:0;
    transform:translateY(14px);
    animation:reviewIn .55s ease-out forwards;
    animation-delay:.15s;
  }
  @keyframes reviewIn{ to{ opacity:1; transform:translateY(0); } }

  .review-box:hover{
    border-color:#7c3aed;
    box-shadow:0 20px 36px -22px rgba(92,33,182,.45);
    transform:translateY(-4px);
  }

  .review-num{
    position:absolute;
    top:-14px;
    left:50%;
    transform:translateX(-50%);
    background:#7c3aed;
    color:#fff;
    font-family:var(--font-mono,'IBM Plex Mono',monospace);
    font-size:11px;
    letter-spacing:.1em;
    padding:4px 12px;
    border-radius:999px;
    box-shadow:0 6px 14px -6px rgba(92,33,182,.6);
  }

  .review-icon{
    width:60px;
    height:60px;
    margin:20px auto 0;
    border-radius:50%;
    background:linear-gradient(145deg,#f1e8fc,#e4d4fb);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:background .25s ease;
  }
  .review-icon svg{ width:28px; height:28px; stroke:#5b21b6; transition:stroke .25s ease; }
  .review-box:hover .review-icon{ background:#7c3aed; }
  .review-box:hover .review-icon svg{ stroke:#fff; }

  .review-title{
    font-family:var(--font-display,'Fraunces',Georgia,serif);
    font-weight:600;
    font-size:19px;
    line-height:1.4;
    color:#2c1a4d;
    margin:0;
  }

  @media (prefers-reduced-motion:reduce){
    .review-box{ animation:none; opacity:1; transform:none; }
    .review-lead .lead-line,.review-lead .lead-head{ animation:none; opacity:1; stroke-dashoffset:0; }
  }
/* --- "ΤΕΛΟΣ" Μοντέρνο στυλ για "Οδηγός Ολοκλήρωσης Παραγγελίας" "ΤΕΛΟΣ" --- */

/* --- "ΑΡΧΗ" Μοντέρνο στυλ για "Οδηγός Παραγγελίας - Συχνές Ερωτήσεις " "ΑΡΧΗ" --- */
.faq-section{
    --ink:#2c1a4d;
    --paper:#f6f2fc;
    --violet:#7c3aed;
    --violet-deep:#5b21b6;
    --lilac:#c9aef2;
    --card:#ffffff;

    --font-display:'Fraunces', Georgia, serif;
    --font-body:'Public Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-mono:'IBM Plex Mono', monospace;

    background:var(--paper);
    padding:56px 24px 70px;
    box-sizing:border-box;
  }
  .faq-section *{box-sizing:border-box;}

  .faq-eyebrow{
    display:block;
    text-align:center;
    font-family:var(--font-mono);
    font-size:12px;
    letter-spacing:.28em;
    text-transform:uppercase;
    color:var(--violet-deep);
    margin:0 0 14px;
  }
  .faq-title{
    font-family:var(--font-display);
    font-weight:600;
    font-style:italic;
    font-size:clamp(26px,3.6vw,38px);
    text-align:center;
    color:var(--ink);
    margin:0 0 42px;
    letter-spacing:-.01em;
  }

  .faq-list{
    max-width:760px;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    gap:16px;
  }

  .faq-item{
    background:var(--card);
    border:1.5px solid var(--lilac);
    border-radius:16px;
    overflow:hidden;
    transition:border-color .25s ease, box-shadow .25s ease;
    opacity:0;
    transform:translateY(12px);
    animation:faqIn .5s ease-out forwards;
  }
  .faq-list .faq-item:nth-child(1){animation-delay:.05s;}
  .faq-list .faq-item:nth-child(2){animation-delay:.15s;}
  .faq-list .faq-item:nth-child(3){animation-delay:.25s;}
  @keyframes faqIn{ to{opacity:1; transform:translateY(0);} }

  .faq-item.is-open,
  .faq-item:hover{
    border-color:var(--violet);
    box-shadow:0 16px 30px -22px rgba(92,33,182,.4);
  }

  .faq-question{
    width:100%;
    display:flex;
    align-items:center;
    gap:16px;
    background:transparent;
    border:none;
    outline:none;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    cursor:pointer;
    padding:18px 20px;
    text-align:left;
    font-family:var(--font-body);
    -webkit-tap-highlight-color:transparent;
  }
  .faq-question:focus,
  .faq-question:active,
  .faq-question:focus-visible{
    background:transparent;
    outline:none;
    box-shadow:none;
  }

  .faq-icon{
    flex:0 0 auto;
    width:44px;
    height:44px;
    border-radius:50%;
    background:linear-gradient(145deg,#f1e8fc,#e4d4fb);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:background .25s ease;
  }
  .faq-icon svg{ width:22px; height:22px; stroke:var(--violet-deep); transition:stroke .25s ease; }
  .faq-item.is-open .faq-icon,
  .faq-item:hover .faq-icon{ background:var(--violet); }
  .faq-item.is-open .faq-icon svg,
  .faq-item:hover .faq-icon svg{ stroke:#fff; }

  .faq-q-text{
    flex:1 1 auto;
    font-family:var(--font-display);
    font-weight:600;
    font-size:16.5px;
    color:var(--ink);
    line-height:1.4;
  }

  .faq-chevron{
    flex:0 0 auto;
    width:20px;
    height:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--violet);
    transition:transform .3s ease;
  }
  .faq-item.is-open .faq-chevron{ transform:rotate(180deg); }
  .faq-chevron svg{ width:16px; height:16px; }

  .faq-answer{
    display:none;
  }
  .faq-item.is-open .faq-answer{
    display:block;
    animation:faqAnswerIn .25s ease-out;
  }
  @keyframes faqAnswerIn{
    from{ opacity:0; transform:translateY(-4px); }
    to{ opacity:1; transform:translateY(0); }
  }

  .faq-answer-inner p{
    margin:0;
    padding:0 20px 22px 80px;
    font-family:var(--font-body);
    font-size:15px;
    line-height:1.65;
    color:#43395f;
  }
.faq-q-text{
  text-transform:none !important;
}
  .faq-answer-inner strong{ color:var(--violet-deep); font-weight:700; }
  .faq-answer-inner u{ text-decoration-color:var(--violet); }

  @media (max-width:560px){
    .faq-answer-inner p{ padding-left:20px; }
  }

  @media (prefers-reduced-motion:reduce){
    .faq-item{ animation:none; opacity:1; transform:none; }
  }
/* --- "ΤΕΛΟΣ" Μοντέρνο στυλ για "Οδηγός Παραγγελίας - Συχνές Ερωτήσεις " "ΤΕΛΟΣ" --- */

/* --- "ΑΡΧΗ" Μοντέρνο στυλ για " Τρόποι Πληρωμής - Συχνές Ερωτήσεις " "ΑΡΧΗ" --- */

/* ===== FAQ section — same purple token system as checkout steps =====
   ink:   #2B1250   paper: #FAF8FC   card: #FFFFFF
   line:  #E6DFF2   amber: #7C3AED (primary accent)   teal: #B15CDE (secondary accent)
   muted: #7B7189
*/

.faq-wrap{
  --ink:#2B1250;
  --paper:#FAF8FC;
  --card:#FFFFFF;
  --line:#E6DFF2;
  --amber:#7C3AED;
  --teal:#B15CDE;
  --muted:#7B7189;

  background:var(--paper);
  padding:72px 24px;
  font-family:'Inter',sans-serif;
  color:var(--ink);
}
.faq-wrap *{ box-sizing:border-box; }

.faq-inner{ max-width:760px; margin:0 auto; }

.faq-answer-q1 strong{
  color:var(--amber);
}
.faq-eyebrow{
  font-family:'JetBrains Mono',monospace;
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--teal);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-bottom:14px;
}
.faq-eyebrow::before,
.faq-eyebrow::after{
  content:"";
  width:22px; height:1px;
  background:var(--teal);
  display:inline-block;
}

.faq-title-q1{
  font-family:'Fraunces',serif;
  font-weight:500;
  font-size:clamp(26px,3.6vw,36px);
  text-align:center;
  margin:0 0 44px;
  letter-spacing:-.01em;
}

/* ---------- Accordion ---------- */
.faq-list-q1{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.faq-item-q1{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:16px;
  overflow:hidden;
  transition:border-color .18s ease, box-shadow .18s ease;
}
.faq-item-q1:hover{
  border-color:#D8C6EF;
  box-shadow:0 8px 20px rgba(43,18,80,.06);
}
.faq-item-q1[open]{
  border-color:var(--amber);
  box-shadow:0 10px 26px rgba(124,58,237,.10);
}

.faq-item-q1 summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:16px;
  padding:20px 22px;
}
.faq-item-q1 summary::-webkit-details-marker{ display:none; }
.faq-item-q1 summary:focus-visible{
  outline:2px solid var(--amber);
  outline-offset:-2px;
  border-radius:16px;
}

.faq-icon-q1{
  flex:0 0 auto;
  width:38px; height:38px;
  border-radius:11px;
  background:var(--paper);
  border:1px solid var(--line);
  display:flex; align-items:center; justify-content:center;
  color:var(--amber);
  transition:background .18s ease, color .18s ease, border-color .18s ease;
}
.faq-icon-q1 svg{ width:19px; height:19px; }
.faq-item-q1[open] .faq-icon-q1{
  background:var(--amber);
  border-color:var(--amber);
  color:#fff;
}

.faq-q-q1{
  flex:1 1 auto;
  font-family:'Inter',sans-serif;
  font-weight:600;
  font-size:15.5px;
  line-height:1.4;
}

.faq-chevron-q1{
  flex:0 0 auto;
  width:22px; height:22px;
  color:var(--muted);
  transition:transform .22s ease, color .18s ease;
}
.faq-item-q1[open] .faq-chevron-q1{
  transform:rotate(180deg);
  color:var(--amber);
}

.faq-answer-q1{
  padding:0 22px 22px 76px;
  margin:0;
  font-size:14.5px;
  line-height:1.65;
  color:var(--muted);
}

.faq-item-q1{
  margin-bottom:14px;
}
.faq-item-q1:last-child{
  margin-bottom:0;
}

/* ---------- Responsive ---------- */
@media (max-width:560px){
  .faq-wrap{ padding:48px 16px; }
  .faq-item-q1 summary{ padding:16px 16px; gap:12px; }
  .faq-answer-q1{ padding:0 16px 18px 66px; }
  .faq-icon-q1{ width:34px; height:34px; }
}

@media (prefers-reduced-motion: reduce){
  .faq-item-q1, .faq-icon-q1, .faq-chevron-q1{ transition:none; }
}
/* --- "ΤΕΛΟΣ" Μοντέρνο στυλ για " Τρόποι Πληρωμής - Συχνές Ερωτήσεις " "ΤΕΛΟΣ" --- */

/* --- "ΑΡΧΗ" Μοντέρνο στυλ για " Σχετικά με εμάς " "ΑΡΧΗ" --- */

/* ============================================================
   ShopFind — CSS για «Σχετικά με εμάς» (v2 — πιο πλούσιο, λιγότερα κενά)
   Επικόλλησε ΟΛΟ αυτό το αρχείο στο πεδίο:
   Elementor → Advanced tab (στο Code/HTML widget) → Custom CSS
   ή σε: Elementor → Site Settings → Custom CSS (global)
   Το HTML πηγαίνει ΞΕΧΩΡΙΣΤΑ στο Code/HTML widget (βλ. .html αρχείο)
============================================================= */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700;900&family=Inter:wght@400;500;600;700;800&display=swap');

.shopfind-about, .shopfind-about *{ box-sizing:border-box; }
.shopfind-about{
  --ink:#141216;
  --charcoal:#332f3b;
  --body-text:#5c5766;
  --dim:#8a8591;
  --line:#e6e1ec;
  --purple-700:#6d28d9;
  --purple-600:#7c3aed;
  --purple-500:#8b5cf6;
  --purple-400:#a78bfa;
  --purple-pale:#f2ecfc;
  --purple-pale2:#eae1fb;
  --surface:#ffffff;
  --surface-alt:#faf9fc;
  --display:'Playfair Display', serif;
  --body:'Inter', sans-serif;
  font-family:var(--body);
  background:var(--surface);
  color:var(--ink);
  line-height:1.6;
  overflow-x:hidden;
  position:relative;
}
.shopfind-about a{ color:inherit; text-decoration:none; }
.shopfind-about img, .shopfind-about svg{ display:block; max-width:100%; }
.shopfind-about ::selection{ background:var(--purple-600); color:#fff; }
.shopfind-about .container{ max-width:1120px; margin:0 auto; padding:0 32px; position:relative; z-index:2; }
@media (max-width:640px){ .shopfind-about .container{ padding:0 20px; } }

.shopfind-about .eyebrow{
  font-size:12px; font-weight:700; letter-spacing:3px; text-transform:uppercase;
  color:var(--purple-600); display:inline-flex; align-items:center; gap:10px; margin-bottom:18px;
}
.shopfind-about .eyebrow::before{
  content:''; width:8px; height:8px; border-radius:50%;
  background:linear-gradient(135deg,var(--purple-500),var(--purple-700));
  box-shadow:0 0 0 4px var(--purple-pale);
  animation:sf-dot-pulse 2.4s ease-in-out infinite;
}
@keyframes sf-dot-pulse{
  0%,100%{ box-shadow:0 0 0 4px var(--purple-pale); }
  50%{ box-shadow:0 0 0 7px var(--purple-pale); }
}

.shopfind-about h2{
  font-family:var(--display); font-weight:700; font-size:clamp(30px,4vw,44px);
  line-height:1.15; letter-spacing:-0.3px; color:var(--ink);
}

/* ---------- decorative blobs (μωβ λεπτομέρειες που γεμίζουν τον χώρο) ----------
   Υλοποιούνται ΑΠΟΚΛΕΙΣΤΙΚΑ με ::before / ::after σε κάθε section, ώστε να
   ΜΗΝ χρειάζεται καμία αλλαγή στο HTML σου. */
@keyframes sf-blob-drift{
  0%,100%{ transform:translate(0,0) scale(1); }
  50%{ transform:translate(20px,-16px) scale(1.06); }
}

/* ---------- hero ---------- */
.shopfind-about .hero{
  position:relative; display:flex; flex-direction:column;
  align-items:center; justify-content:center; text-align:center;
  padding:96px 24px 76px; z-index:2; overflow:hidden;
  background:
    radial-gradient(ellipse 55% 45% at 15% 10%, var(--purple-pale), transparent 62%),
    radial-gradient(ellipse 45% 40% at 88% 18%, rgba(51,47,59,0.05), transparent 60%);
}
.shopfind-about .hero::before, .shopfind-about .hero::after{
  content:''; position:absolute; z-index:0; pointer-events:none; border-radius:50%;
  filter:blur(60px); animation:sf-blob-drift 14s ease-in-out infinite;
}
.shopfind-about .hero::before{
  width:340px; height:340px; top:-120px; left:-100px;
  background:radial-gradient(circle,var(--purple-400),transparent 70%); opacity:0.35;
}
.shopfind-about .hero::after{
  width:300px; height:300px; bottom:-140px; right:-80px;
  background:radial-gradient(circle,var(--purple-600),transparent 70%); opacity:0.22;
  animation-delay:-6s; animation-duration:18s;
}
.shopfind-about .hero h1{
  font-family:var(--display); font-weight:700; font-size:clamp(36px,6.6vw,68px);
  line-height:1.1; max-width:880px; letter-spacing:-0.5px; color:var(--ink); position:relative; z-index:2;
}
.shopfind-about .hero h1 em{
  font-style:italic;
  background:linear-gradient(120deg,var(--purple-600),var(--charcoal),var(--purple-500));
  background-size:200% auto;
  -webkit-background-clip:text; background-clip:text; color:transparent;
  animation:sf-shimmer 6s ease-in-out infinite;
}
@keyframes sf-shimmer{
  0%,100%{ background-position:0% 50%; }
  50%{ background-position:100% 50%; }
}
.shopfind-about .hero p{ margin-top:22px; max-width:540px; color:var(--body-text); font-size:17px; position:relative; z-index:2; }
.shopfind-about .hero-actions{ margin-top:34px; display:flex; gap:16px; flex-wrap:wrap; justify-content:center; position:relative; z-index:2; }

.shopfind-about .btn-primary, .shopfind-about .btn-ghost{
  position:relative; overflow:hidden;
}
.shopfind-about .btn-primary{
  padding:14px 28px; border-radius:100px; font-weight:600; font-size:14.5px; color:#fff;
  background:linear-gradient(135deg,var(--purple-600),var(--charcoal));
  box-shadow:0 10px 26px rgba(124,58,237,0.25);
  transition:transform .25s ease, box-shadow .25s ease; display:inline-block; cursor:pointer;
}
.shopfind-about .btn-primary::before{
  content:''; position:absolute; top:0; left:-60%; width:40%; height:100%;
  background:linear-gradient(120deg, transparent, rgba(255,255,255,0.35), transparent);
  transform:skewX(-20deg); transition:left .6s ease;
}
.shopfind-about .btn-primary:hover::before{ left:130%; }
.shopfind-about .btn-primary:hover{ transform:translateY(-3px); box-shadow:0 14px 30px rgba(124,58,237,0.35); }
.shopfind-about .btn-ghost{
  padding:14px 28px; border-radius:100px; border:1.5px solid var(--line); font-weight:600;
  font-size:14.5px; color:var(--charcoal); transition:all .25s ease; display:inline-block; cursor:pointer;
}
.shopfind-about .btn-ghost:hover{ border-color:var(--purple-400); color:var(--purple-600); background:var(--surface-alt); transform:translateY(-2px); }

.shopfind-about .scroll-cue{
  margin-top:44px; display:flex; flex-direction:column; align-items:center; gap:10px;
  color:var(--dim); font-size:11px; letter-spacing:2px; text-transform:uppercase; position:relative; z-index:2;
}
.shopfind-about .scroll-cue .stem{
  width:1px; height:32px; background:linear-gradient(var(--purple-500), transparent);
  animation:sf-pulse 2s ease-in-out infinite;
}
@keyframes sf-pulse{
  0%,100%{ opacity:0.3; transform:scaleY(0.7); transform-origin:top; }
  50%{ opacity:1; transform:scaleY(1); transform-origin:top; }
}

.shopfind-about .node-field{ position:absolute; inset:0; z-index:1; pointer-events:none; overflow:hidden; }
.shopfind-about .node{ position:absolute; border-radius:50%; opacity:0.5; animation:sf-float 9s ease-in-out infinite; }
.shopfind-about .node.purple{ background:radial-gradient(circle at 30% 30%, var(--purple-400), var(--purple-600)); }
.shopfind-about .node.dark{ background:radial-gradient(circle at 30% 30%, var(--charcoal), var(--ink)); opacity:0.18; }
@keyframes sf-float{
  0%,100%{ transform:translateY(0) translateX(0); }
  50%{ transform:translateY(-24px) translateX(12px); }
}

/* ---------- colonnade divider (signature) ---------- */
.shopfind-about .colonnade{ width:100%; max-width:680px; margin:0 auto; padding:26px 24px; z-index:2; position:relative; }
.shopfind-about .colonnade svg{
  width:100%; height:auto; overflow:visible;
  filter:drop-shadow(0 0 6px rgba(124,58,237,0.25));
}
.shopfind-about .colonnade path{
  stroke:url(#sfColGrad); stroke-width:1.8; fill:none;
  stroke-dasharray:200; stroke-dashoffset:0; stroke-linecap:round;
  transition:stroke-dashoffset 1s cubic-bezier(.16,.84,.44,1);
}
.shopfind-about .colonnade.pre-anim path{ stroke-dashoffset:200; }
.shopfind-about .colonnade.in-view path:nth-child(1){ transition-delay:0s; }
.shopfind-about .colonnade.in-view path:nth-child(2){ transition-delay:.12s; }
.shopfind-about .colonnade.in-view path:nth-child(3){ transition-delay:.24s; }
.shopfind-about .colonnade.in-view path:nth-child(4){ transition-delay:.36s; }
.shopfind-about .colonnade.in-view path:nth-child(5){ transition-delay:.48s; }
.shopfind-about .colonnade.in-view path{ stroke-dashoffset:0; }

/* ---------- sections ---------- */
.shopfind-about section{ position:relative; z-index:2; padding:64px 0; overflow:hidden; }
.shopfind-about .section-head{ max-width:640px; margin-bottom:44px; }
.shopfind-about .section-head.center{ margin-left:auto; margin-right:auto; text-align:center; }

/* reveal animation — ορατό ΕΞ ΟΡΙΣΜΟΥ, χωρίς να χρειάζεται JS.
   Η απόκρυψη πριν το animation γίνεται ΜΟΝΟ μέσω JS (βλ. script),
   ώστε αν το script δεν τρέξει για οποιονδήποτε λόγο, το περιεχόμενο
   παραμένει πλήρως ορατό αντί να εξαφανιστεί. */
.shopfind-about .reveal{
  opacity:1; transform:none; position:relative;
  transition:opacity .8s cubic-bezier(.16,.84,.44,1), transform .8s cubic-bezier(.16,.84,.44,1);
}
.shopfind-about .reveal.pre-anim{ opacity:0; transform:translateY(34px); }
.shopfind-about .reveal.is-visible{ opacity:1; transform:translateY(0); }

.shopfind-about .reveal-stagger > *{
  opacity:1; transform:none;
  transition:opacity .7s cubic-bezier(.16,.84,.44,1), transform .7s cubic-bezier(.16,.84,.44,1);
}
.shopfind-about .reveal-stagger.pre-anim > *{ opacity:0; transform:translateY(28px); }
.shopfind-about .reveal-stagger.is-visible > *{ opacity:1; transform:translateY(0); }
.shopfind-about .reveal-stagger.is-visible > *:nth-child(1){ transition-delay:.05s; }
.shopfind-about .reveal-stagger.is-visible > *:nth-child(2){ transition-delay:.15s; }
.shopfind-about .reveal-stagger.is-visible > *:nth-child(3){ transition-delay:.25s; }
.shopfind-about .reveal-stagger.is-visible > *:nth-child(4){ transition-delay:.35s; }

/* ---------- story ---------- */
.shopfind-about .story{ background:var(--surface-alt); }
.shopfind-about .story::before{
  content:''; position:absolute; z-index:0; pointer-events:none; border-radius:50%;
  width:380px; height:380px; top:-140px; right:-140px; filter:blur(60px);
  background:radial-gradient(circle,var(--purple-400),transparent 70%); opacity:0.28;
  animation:sf-blob-drift 16s ease-in-out infinite;
}
.shopfind-about .story-grid{ display:grid; grid-template-columns:0.9fr 1.1fr; gap:52px; align-items:start; position:relative; z-index:2; }
@media (max-width:860px){ .shopfind-about .story-grid{ grid-template-columns:1fr; gap:34px; } }
.shopfind-about .story-figure{ position:sticky; top:32px; }
.shopfind-about .story-figure .tag{ font-size:12px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(--purple-600); }
.shopfind-about .story-figure h3{ font-family:var(--display); font-size:26px; margin-top:10px; line-height:1.3; color:var(--ink); }
.shopfind-about .story-figure h3::after{
  content:''; display:block; width:46px; height:3px; margin-top:18px; border-radius:3px;
  background:linear-gradient(90deg,var(--purple-600),var(--purple-400));
}
.shopfind-about .story-body p{ color:var(--body-text); font-size:16.5px; margin-bottom:18px; }
.shopfind-about .story-body strong{ color:var(--ink); }
.shopfind-about .pull-quote{
  font-family:var(--display); font-style:italic; font-size:22px; line-height:1.5; color:var(--ink);
  position:relative; padding:18px 24px 18px 30px; margin:28px 0;
  background:var(--purple-pale2); border-radius:0 14px 14px 0;
  border-left:3px solid; border-image:linear-gradient(var(--purple-600),var(--charcoal)) 1;
}

/* ---------- values ---------- */
.shopfind-about .values-grid{
  display:grid; grid-template-columns:repeat(4,1fr); gap:1px;
  background:var(--line); border:1px solid var(--line); border-radius:20px; overflow:hidden;
  position:relative; z-index:2;
}
@media (max-width:920px){ .shopfind-about .values-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){ .shopfind-about .values-grid{ grid-template-columns:1fr; } }
.shopfind-about .value-card{
  background:var(--surface); padding:34px 24px; position:relative; overflow:hidden;
  transition:background .3s ease, transform .3s ease, box-shadow .3s ease;
}
.shopfind-about .value-card::before{
  content:''; position:absolute; top:0; left:0; right:0; height:3px; transform:scaleX(0); transform-origin:left;
  background:linear-gradient(90deg,var(--purple-600),var(--purple-400));
  transition:transform .35s ease;
}
.shopfind-about .value-card:hover{
  background:var(--surface-alt); transform:translateY(-5px);
  box-shadow:0 16px 34px rgba(124,58,237,0.14); z-index:3;
}
.shopfind-about .value-card:hover::before{ transform:scaleX(1); }
.shopfind-about .value-icon{
  width:56px; height:56px; margin-bottom:18px; padding:14px; border-radius:16px;
  transition:transform .35s ease, background .3s ease;
}
.shopfind-about .value-icon.purple{ color:var(--purple-600); background:var(--purple-pale); }
.shopfind-about .value-icon.dark{ color:var(--charcoal); background:#f1f0f3; }
.shopfind-about .value-card:hover .value-icon{ transform:scale(1.08) rotate(-4deg); }
.shopfind-about .value-card h4{ font-family:var(--display); font-size:18px; font-weight:600; margin-bottom:8px; color:var(--ink); }
.shopfind-about .value-card p{ color:var(--dim); font-size:14px; }

/* ---------- vision / roadmap ---------- */
.shopfind-about .vision{ background:linear-gradient(180deg,var(--surface),var(--surface-alt)); }
.shopfind-about .vision::before, .shopfind-about .vision::after{
  content:''; position:absolute; z-index:0; pointer-events:none; border-radius:50%;
  filter:blur(60px); animation:sf-blob-drift 15s ease-in-out infinite;
}
.shopfind-about .vision::before{
  width:360px; height:360px; bottom:-160px; left:-120px;
  background:radial-gradient(circle,var(--purple-400),transparent 70%); opacity:0.26;
}
.shopfind-about .vision::after{
  width:260px; height:260px; top:-100px; right:-60px;
  background:radial-gradient(circle,var(--charcoal),transparent 70%); opacity:0.10;
  animation-delay:-7s; animation-duration:19s;
}
.shopfind-about .vision-grid{ display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; position:relative; z-index:2; }
@media (max-width:860px){ .shopfind-about .vision-grid{ grid-template-columns:1fr; } }
.shopfind-about .vision-text p{ color:var(--body-text); font-size:16.5px; margin-top:16px; }
.shopfind-about .roadmap-list{ display:flex; flex-direction:column; }
.shopfind-about .roadmap-item{
  display:flex; align-items:center; gap:16px; padding:16px 14px; border-radius:14px;
  transition:background .25s ease, transform .25s ease;
}
.shopfind-about .roadmap-item:hover{ background:var(--surface); transform:translateX(4px); box-shadow:0 8px 22px rgba(124,58,237,0.10); }
.shopfind-about .roadmap-item svg{
  width:36px; height:36px; flex-shrink:0; padding:9px; border-radius:50%;
  color:var(--purple-600); background:var(--purple-pale);
  transition:transform .3s ease, background .3s ease;
}
.shopfind-about .roadmap-item:nth-child(even) svg{ color:var(--charcoal); background:#f1f0f3; }
.shopfind-about .roadmap-item:hover svg{ transform:translateX(3px) scale(1.06); }
.shopfind-about .roadmap-item span{ font-size:15px; color:var(--ink); font-weight:500; }

/* ---------- final cta (χωρίς footer) ---------- */
.shopfind-about .cta{ position:relative; padding:88px 0 76px; text-align:center; overflow:hidden; }
.shopfind-about .cta::before{
  content:''; position:absolute; top:0; left:50%; transform:translateX(-50%);
  width:640px; height:520px;
  background:radial-gradient(ellipse, var(--purple-pale) 0%, transparent 70%);
  z-index:0;
}
.shopfind-about .cta::after{
  content:''; position:absolute; z-index:0; pointer-events:none;
  inset:0;
  background:
    radial-gradient(circle 260px at 12% 100%, rgba(124,58,237,0.16), transparent 70%),
    radial-gradient(circle 260px at 88% 100%, rgba(51,47,59,0.10), transparent 70%);
  filter:blur(30px);
}
.shopfind-about .cta-inner{ position:relative; z-index:2; }
.shopfind-about .cta h2{ max-width:560px; margin:0 auto 16px; }
.shopfind-about .cta p{ color:var(--body-text); max-width:460px; margin:0 auto 32px; font-size:16px; }
.shopfind-about .cta-actions{ display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }

@media (max-width:640px){
  .shopfind-about section{ padding:48px 0; }
  .shopfind-about .hero{ padding:72px 20px 56px; }
  .shopfind-about .colonnade{ padding:16px 20px; }
}

@media (prefers-reduced-motion: reduce){
  .shopfind-about *{ animation:none !important; transition:none !important; }
  .shopfind-about .reveal, .shopfind-about .reveal-stagger > *,
  .shopfind-about .reveal.pre-anim, .shopfind-about .reveal-stagger.pre-anim > *{
    opacity:1; transform:none;
  }
  .shopfind-about .colonnade path, .shopfind-about .colonnade.pre-anim path{ stroke-dashoffset:0; }
}
/* --- "ΤΕΛΟΣ" Μοντέρνο στυλ για " Σχετικά με εμάς " "ΤΕΛΟΣ" --- */