Hero Section<\/title>\r\n <style>\r\n \/* Hero Section Container *\/\r\n .hero-section {\r\n position: relative;\r\n width: 100%;\r\n min-height: 85vh;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-start;\r\n background: linear-gradient(to right, rgba(26, 26, 26, 0.82), rgba(26, 26, 26, 0.35)), url('https:\/\/markelle.gr\/wp-content\/uploads\/2026\/09\/homepage-copy-scaled-1.webp') center\/cover no-repeat;\r\n padding: 80px 60px;\r\n box-sizing: border-box;\r\n font-family: inherit;\r\n color: #ffffff;\r\n overflow: hidden;\r\n }\r\n\r\n .hero-wrapper {\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 3;\r\n }\r\n\r\n \/* \u039a\u03cd\u03c1\u03b9\u03bf\u03c2 \u03a4\u03af\u03c4\u03bb\u03bf\u03c2 *\/\r\n .hero-title {\r\n font-size: 40px;\r\n font-weight: 700;\r\n letter-spacing: 0.3px;\r\n line-height: 1.25;\r\n margin: 0 0 20px 0;\r\n color: #ffffff;\r\n max-width: 850px;\r\n text-transform: none;\r\n }\r\n\r\n .hero-title span {\r\n color: #00ff00;\r\n }\r\n\r\n \/* \u03a5\u03c0\u03bf\u03c3\u03c4\u03ae\u03c1\u03b9\u03be\u03b7 \/ \u0394\u03b5\u03c5\u03c4\u03b5\u03c1\u03b5\u03cd\u03bf\u03bd \u03ba\u03b5\u03af\u03bc\u03b5\u03bd\u03bf *\/\r\n .hero-subtitle {\r\n font-size: 18px;\r\n font-weight: 500;\r\n color: #e0e0e0;\r\n margin: 0 0 16px 0;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n \/* Quote \/ Way of life (\u03c0\u03c1\u03ac\u03c3\u03b9\u03bd\u03bf) *\/\r\n .hero-quote {\r\n font-size: 15px;\r\n font-style: italic;\r\n color: #00ff00;\r\n margin: 0;\r\n padding-left: 0;\r\n border-left: none;\r\n }\r\n\r\n \/* Responsive Design \u03b3\u03b9\u03b1 \u03ba\u03b9\u03bd\u03b7\u03c4\u03ac *\/\r\n @media (max-width: 768px) {\r\n .hero-section {\r\n min-height: 70vh;\r\n padding: 60px 20px;\r\n justify-content: center;\r\n text-align: center;\r\n }\r\n\r\n .hero-title {\r\n font-size: 24px;\r\n line-height: 1.3;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 15px;\r\n }\r\n\r\n .hero-quote {\r\n font-size: 14px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"hero-section\">\r\n <div class=\"hero-wrapper\">\r\n <h1 class=\"hero-title\">\r\n \u0391\u03c0\u03bf\u03ba\u03bb\u03b5\u03b9\u03c3\u03c4\u03b9\u03ba\u03ad\u03c2 \u03c3\u03c5\u03bb\u03bb\u03bf\u03b3\u03ad\u03c2 \u03b3\u03b5\u03bd\u03bd\u03b7\u03bc\u03ad\u03bd\u03b5\u03c2 \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03b1\u03bd\u03b1\u03b6\u03ae\u03c4\u03b7\u03c3\u03b7 \r\n <span>\u03c4\u03b7\u03c2 \u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2, \u03b1\u03b9\u03c3\u03b8\u03b7\u03c4\u03b9\u03ba\u03ae\u03c2 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03ae\u03c2 \u03ac\u03bd\u03b5\u03c3\u03b7\u03c2 \u03ba\u03b1\u03b9 \u03c4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ae\u03c2 \u03c5\u03c0\u03b5\u03c1\u03bf\u03c7\u03ae\u03c2.<\/span>\r\n <\/h1>\r\n \r\n <p class=\"hero-subtitle\">\r\n \u0393\u03b9\u03b1 \u03ba\u03ac\u03b8\u03b5 \u03b4\u03b9\u03b1\u03b4\u03c1\u03bf\u03bc\u03ae. \u0393\u03b9\u03b1 \u03ba\u03ac\u03b8\u03b5 \u03c3\u03c4\u03b9\u03b3\u03bc\u03ae. \u03a0\u03b1\u03bd\u03c4\u03bf\u03cd.\r\n <\/p>\r\n\r\n <p class=\"hero-quote\">\r\n “\u2026a way of life that I can wear.”\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-02c1422 e-flex e-con-boxed e-con e-parent\" data-id=\"02c1422\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-99a1ace elementor-widget elementor-widget-heading\" data-id=\"99a1ace\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\u0394\u03b7\u03bc\u03bf\u03c6\u03b9\u03bb\u03ae \u03a0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c80ae6 elementor-widget elementor-widget-html\" data-id=\"1c80ae6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"el\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Products Grid<\/title>\r\n <style>\r\n \/* Container \u03c4\u03bf\u03c5 Grid (Desktop & Default) *\/\r\n .products-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n gap: 24px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 20px;\r\n font-family: sans-serif;\r\n }\r\n\r\n \/* \u039a\u03ac\u03c1\u03c4\u03b1 \u03a0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03bf\u03c2 *\/\r\n .product-card {\r\n background: #ffffff;\r\n border: 1px solid #eaeaea;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n }\r\n\r\n .product-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);\r\n }\r\n\r\n \/* Container \u0395\u03b9\u03ba\u03cc\u03bd\u03b1\u03c2 & Badge *\/\r\n .product-image-container {\r\n position: relative;\r\n width: 100%;\r\n aspect-ratio: 1 \/ 1;\r\n background-color: #f9f9f9;\r\n overflow: hidden;\r\n }\r\n\r\n .product-image-container img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n \/* \u03a3\u03c4\u03c5\u03bb \u03b3\u03b9\u03b1 \u03c4\u03b1 Badges (\u03bc\u03b5 \u03c4\u03bf \u03bd\u03ad\u03bf \u03c3\u03bf\u03c5 \u03c7\u03c1\u03ce\u03bc\u03b1) *\/\r\n .product-badge {\r\n position: absolute;\r\n top: 12px;\r\n left: 12px;\r\n padding: 6px 12px;\r\n font-size: 11px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n border-radius: 4px;\r\n z-index: 2;\r\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\r\n background-color: #3b7d23;\r\n color: #ffffff;\r\n }\r\n\r\n \/* \u03a0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2 \u03a0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03bf\u03c2 (\u03a4\u03af\u03c4\u03bb\u03bf\u03c2 & \u03a4\u03b9\u03bc\u03ae) *\/\r\n .product-info {\r\n padding: 16px;\r\n text-align: left;\r\n }\r\n\r\n .product-title {\r\n font-size: 16px;\r\n font-weight: 600;\r\n color: #333333;\r\n margin: 0 0 8px 0;\r\n }\r\n\r\n .product-price {\r\n font-size: 15px;\r\n font-weight: 500;\r\n color: #666666;\r\n margin: 0;\r\n }\r\n\r\n \/* Mobile: Stack 2-2 \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1 \u03b1\u03bd\u03ac \u03b3\u03c1\u03b1\u03bc\u03bc\u03ae *\/\r\n @media (max-width: 768px) {\r\n .products-grid {\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n gap: 12px;\r\n padding: 10px;\r\n }\r\n \r\n .product-info {\r\n padding: 10px;\r\n }\r\n\r\n .product-title {\r\n font-size: 13px;\r\n }\r\n\r\n .product-price {\r\n font-size: 12px;\r\n }\r\n\r\n .product-badge {\r\n top: 8px;\r\n left: 8px;\r\n padding: 4px 8px;\r\n font-size: 9px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"products-grid\">\r\n <div class=\"product-card\">\r\n <div class=\"product-image-container\">\r\n <span class=\"product-badge\">Online Only<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/markelle.gr\/wp-content\/uploads\/2026\/09\/bag-dummy-product.webp\" alt=\"Dummy Product 1\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h3 class=\"product-title\">Dummy Product 1<\/h3>\r\n <p class=\"product-price\">49.99\u20ac<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <div class=\"product-image-container\">\r\n <span class=\"product-badge\">Online Only<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/markelle.gr\/wp-content\/uploads\/2026\/09\/bag-dummy-product.webp\" alt=\"Dummy Product 2\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h3 class=\"product-title\">Dummy Product 2<\/h3>\r\n <p class=\"product-price\">79.99\u20ac<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <div class=\"product-image-container\">\r\n <span class=\"product-badge\">Online Only<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/markelle.gr\/wp-content\/uploads\/2026\/09\/bag-dummy-product.webp\" alt=\"Dummy Product 3\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h3 class=\"product-title\">Dummy Product 3<\/h3>\r\n <p class=\"product-price\">35.00\u20ac<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <div class=\"product-image-container\">\r\n <span class=\"product-badge\">Online Only<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/markelle.gr\/wp-content\/uploads\/2026\/09\/bag-dummy-product.webp\" alt=\"Dummy Product 4\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h3 class=\"product-title\">Dummy Product 4<\/h3>\r\n <p class=\"product-price\">120.00\u20ac<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fa9b519 e-flex e-con-boxed e-con e-parent\" data-id=\"fa9b519\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a78befd elementor-widget elementor-widget-heading\" data-id=\"a78befd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\u039d\u03ad\u03b5\u03c2 \u03a0\u03b1\u03c1\u03b1\u03bb\u03b1\u03b2\u03ad\u03c2<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c42221 elementor-widget elementor-widget-html\" data-id=\"7c42221\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"el\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Products Grid<\/title>\r\n <style>\r\n \/* Container \u03c4\u03bf\u03c5 Grid (Responsive \u03b1\u03bd\u03ac\u03bb\u03bf\u03b3\u03b1 \u03bc\u03b5 \u03c4\u03b7\u03bd \u03bf\u03b8\u03cc\u03bd\u03b7) *\/\r\n .products-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n gap: 24px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 20px;\r\n font-family: sans-serif;\r\n }\r\n\r\n \/* \u039a\u03ac\u03c1\u03c4\u03b1 \u03a0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03bf\u03c2 *\/\r\n .product-card {\r\n background: #ffffff;\r\n border: 1px solid #eaeaea;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n }\r\n\r\n .product-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);\r\n }\r\n\r\n \/* Container \u0395\u03b9\u03ba\u03cc\u03bd\u03b1\u03c2 & Badge *\/\r\n .product-image-container {\r\n position: relative;\r\n width: 100%;\r\n aspect-ratio: 1 \/ 1;\r\n background-color: #f9f9f9;\r\n overflow: hidden;\r\n }\r\n\r\n .product-image-container img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n \/* \u03a3\u03c4\u03c5\u03bb \u03b3\u03b9\u03b1 \u03c4\u03b1 Badges *\/\r\n .product-badge {\r\n position: absolute;\r\n top: 12px;\r\n left: 12px;\r\n padding: 6px 12px;\r\n font-size: 11px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n border-radius: 4px;\r\n z-index: 2;\r\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\r\n background-color: #3b7d23;\r\n color: #ffffff;\r\n }\r\n\r\n \/* \u03a0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2 \u03a0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03bf\u03c2 (\u03a4\u03af\u03c4\u03bb\u03bf\u03c2 & \u03a4\u03b9\u03bc\u03ae) *\/\r\n .product-info {\r\n padding: 16px;\r\n text-align: left;\r\n }\r\n\r\n .product-title {\r\n font-size: 16px;\r\n font-weight: 600;\r\n color: #333333;\r\n margin: 0 0 8px 0;\r\n }\r\n\r\n .product-price {\r\n font-size: 15px;\r\n font-weight: 500;\r\n color: #666666;\r\n margin: 0;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"products-grid\">\r\n <div class=\"product-card\">\r\n <div class=\"product-image-container\">\r\n <span class=\"product-badge\">Online Only<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/markelle.gr\/wp-content\/uploads\/2026\/09\/bag-dummy-product.webp\" alt=\"Dummy Product 1\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h3 class=\"product-title\">Dummy Product 1<\/h3>\r\n <p class=\"product-price\">49.99\u20ac<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <div class=\"product-image-container\">\r\n <span class=\"product-badge\">Online Only<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/markelle.gr\/wp-content\/uploads\/2026\/09\/bag-dummy-product.webp\" alt=\"Dummy Product 2\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h3 class=\"product-title\">Dummy Product 2<\/h3>\r\n <p class=\"product-price\">79.99\u20ac<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <div class=\"product-image-container\">\r\n <span class=\"product-badge\">Online Only<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/markelle.gr\/wp-content\/uploads\/2026\/09\/bag-dummy-product.webp\" alt=\"Dummy Product 3\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h3 class=\"product-title\">Dummy Product 3<\/h3>\r\n <p class=\"product-price\">35.00\u20ac<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <div class=\"product-image-container\">\r\n <span class=\"product-badge\">Online Only<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/markelle.gr\/wp-content\/uploads\/2026\/09\/bag-dummy-product.webp\" alt=\"Dummy Product 4\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h3 class=\"product-title\">Dummy Product 4<\/h3>\r\n <p class=\"product-price\">120.00\u20ac<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bc276a7 e-con-full e-flex e-con e-parent\" data-id=\"bc276a7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e043eb elementor-widget elementor-widget-html\" data-id=\"9e043eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"el\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>\u039a\u03b1\u03b9\u03bd\u03bf\u03c4\u03bf\u03bc\u03af\u03b1 & \u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ae \u03a5\u03c0\u03b5\u03c1\u03bf\u03c7\u03ae<\/title>\r\n\r\n <style>\r\n \/* \u0393\u03b5\u03bd\u03b9\u03ba\u03cc Container *\/\r\n .innovation-section {\r\n background-color: #1a1a1a;\r\n padding: 60px 20px;\r\n font-family: inherit;\r\n color: #ffffff;\r\n box-sizing: border-box;\r\n width: 100%;\r\n }\r\n\r\n .innovation-wrapper {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n \/* Grid \u0394\u03b9\u03ac\u03c4\u03b1\u03be\u03b7 (2 \u03a3\u03c4\u03ae\u03bb\u03b5\u03c2) *\/\r\n .innovation-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1.2fr;\r\n gap: 50px;\r\n align-items: start;\r\n }\r\n\r\n \/* \u0391\u03c1\u03b9\u03c3\u03c4\u03b5\u03c1\u03ae \u03a3\u03c4\u03ae\u03bb\u03b7: \u0395\u03b9\u03ba\u03cc\u03bd\u03b1 \/ Visual Card *\/\r\n .innovation-visual {\r\n background-color: #404040;\r\n border: 1px solid rgba(0, 255, 0, 0.15);\r\n border-radius: 16px;\r\n overflow: hidden;\r\n position: relative;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\r\n transition: all 0.3s ease;\r\n min-height: 550px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-end;\r\n position: sticky;\r\n top: 40px;\r\n }\r\n\r\n .innovation-visual:hover {\r\n border-color: #00ff00;\r\n box-shadow: 0 15px 40px rgba(0, 255, 0, 0.15);\r\n }\r\n\r\n .innovation-visual::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n height: 100%;\r\n width: 6px;\r\n background-color: #3b7d23;\r\n transition: background-color 0.3s ease;\r\n z-index: 2;\r\n }\r\n\r\n .innovation-visual:hover::before {\r\n background-color: #00ff00;\r\n }\r\n\r\n \/* Background Image *\/\r\n .innovation-img-bg {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background:\r\n linear-gradient(\r\n to bottom,\r\n rgba(26,26,26,0.1),\r\n rgba(26,26,26,0.9)\r\n ),\r\n url('https:\/\/markelle.gr\/wp-content\/uploads\/2026\/09\/bags-800x600-1.webp?q=80&w=1000&auto=format&fit=crop')\r\n center\/cover no-repeat;\r\n z-index: 1;\r\n }\r\n\r\n \/* Overlay Badge \u03bc\u03ad\u03c3\u03b1 \u03c3\u03c4\u03b7\u03bd \u03b5\u03b9\u03ba\u03cc\u03bd\u03b1 *\/\r\n .innovation-badge-content {\r\n position: relative;\r\n z-index: 3;\r\n padding: 30px;\r\n background: linear-gradient(\r\n to top,\r\n rgba(0,0,0,0.85),\r\n transparent\r\n );\r\n }\r\n\r\n .badge-tag {\r\n display: inline-block;\r\n background-color: #3b7d23;\r\n color: #ffffff;\r\n font-size: 12px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n padding: 6px 14px;\r\n border-radius: 4px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .badge-title {\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: #ffffff;\r\n margin: 0;\r\n line-height: 1.3;\r\n }\r\n\r\n \/* \u0394\u03b5\u03be\u03b9\u03ac \u03a3\u03c4\u03ae\u03bb\u03b7: \u03a0\u03b5\u03c1\u03b9\u03b5\u03c7\u03cc\u03bc\u03b5\u03bd\u03bf *\/\r\n .innovation-content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 24px;\r\n }\r\n\r\n .section-title {\r\n font-size: 32px;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n color: #ffffff;\r\n margin: 0;\r\n line-height: 1.2;\r\n }\r\n\r\n .section-title span {\r\n color: #00ff00;\r\n }\r\n\r\n .lead-text {\r\n font-size: 16px;\r\n line-height: 1.7;\r\n color: #d1d1d1;\r\n margin: 0;\r\n }\r\n\r\n \/* Tech Cards Grid *\/\r\n .tech-grid {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n }\r\n\r\n .tech-card-item {\r\n background-color: #404040;\r\n border: 1px solid rgba(0, 255, 0, 0.12);\r\n border-radius: 12px;\r\n padding: 20px;\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .tech-card-item:hover {\r\n border-color: #00ff00;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 25px rgba(0, 255, 0, 0.1);\r\n }\r\n\r\n .tech-card-item::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n height: 100%;\r\n width: 4px;\r\n background-color: #3b7d23;\r\n }\r\n\r\n .tech-card-item h4 {\r\n font-size: 15px;\r\n font-weight: 700;\r\n color: #00ff00;\r\n text-transform: uppercase;\r\n margin: 0 0 8px 0;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .tech-card-item p {\r\n font-size: 14px;\r\n color: #cccccc;\r\n margin: 0;\r\n line-height: 1.6;\r\n }\r\n\r\n .closing-box {\r\n background-color: rgba(59, 125, 35, 0.15);\r\n border-left: 4px solid #00ff00;\r\n padding: 20px;\r\n border-radius: 0 12px 12px 0;\r\n margin-top: 10px;\r\n }\r\n\r\n .closing-box p {\r\n font-size: 14px;\r\n line-height: 1.7;\r\n color: #ffffff;\r\n margin: 0;\r\n font-weight: 500;\r\n }\r\n\r\n \/* Responsive Design *\/\r\n @media (max-width: 900px) {\r\n .innovation-grid {\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n }\r\n\r\n .innovation-visual {\r\n min-height: 350px;\r\n position: relative;\r\n top: 0;\r\n }\r\n\r\n .section-title {\r\n font-size: 26px;\r\n }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .innovation-section {\r\n padding: 40px 15px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <section class=\"innovation-section\">\r\n\r\n <div class=\"innovation-wrapper\">\r\n\r\n <div class=\"innovation-grid\">\r\n\r\n \r\n <div class=\"innovation-visual\">\r\n\r\n <div class=\"innovation-img-bg\"><\/div>\r\n\r\n <div class=\"innovation-badge-content\">\r\n\r\n <span class=\"badge-tag\">Fabric Technology<\/span>\r\n\r\n <h3 class=\"badge-title\">\r\n \u03a6\u03ad\u03c1\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7\u03bd \u03c0\u03b1\u03b3\u03ba\u03cc\u03c3\u03bc\u03b9\u03b1 \u03b5\u03bb\u03af\u03c4 \u03c3\u03c4\u03b7\u03bd \u0395\u03bb\u03bb\u03ac\u03b4\u03b1\r\n <\/h3>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"innovation-content\">\r\n\r\n <h2 class=\"section-title\">\r\n \u039a\u03b1\u03b9\u03bd\u03bf\u03c4\u03bf\u03bc\u03af\u03b1 & <span>\u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ae \u03a5\u03c0\u03b5\u03c1\u03bf\u03c7\u03ae<\/span>\r\n <\/h2>\r\n\r\n\r\n <p class=\"lead-text\">\r\n \u039f\u03b9 \u03b1\u03c0\u03bf\u03ba\u03bb\u03b5\u03b9\u03c3\u03c4\u03b9\u03ba\u03ad\u03c2 \u03c3\u03c5\u03bb\u03bb\u03bf\u03b3\u03ad\u03c2 \u03bc\u03b1\u03c2 \u03c3\u03b5 \u03c1\u03bf\u03cd\u03c7\u03b1, \u03c0\u03b1\u03c0\u03bf\u03cd\u03c4\u03c3\u03b9\u03b1 \u03ba\u03b1\u03b9 \u03b1\u03be\u03b5\u03c3\u03bf\u03c5\u03ac\u03c1\r\n \u03b3\u03b5\u03c6\u03c5\u03c1\u03ce\u03bd\u03bf\u03c5\u03bd \u03c4\u03bf <strong>outdoor \u03bc\u03b5 \u03c4\u03bf urban lifestyle \u03ba\u03b1\u03b9 \u03c4\u03bf yachting<\/strong>,\r\n \u03c6\u03ad\u03c1\u03bd\u03bf\u03bd\u03c4\u03b1\u03c2 \u03c3\u03c4\u03b7\u03bd \u0395\u03bb\u03bb\u03ac\u03b4\u03b1 \u03c4\u03b7\u03bd \u03c0\u03b1\u03b3\u03ba\u03cc\u03c3\u03bc\u03b9\u03b1 \u03b5\u03bb\u03af\u03c4 \u03c4\u03bf\u03c5\r\n <strong>Fabric Technology<\/strong>.\r\n \u0395\u03c0\u03b9\u03bb\u03ad\u03b3\u03bf\u03c5\u03bc\u03b5 brands \u03c0\u03bf\u03c5 \u03b5\u03c0\u03b1\u03bd\u03b1\u03c0\u03c1\u03bf\u03c3\u03b4\u03b9\u03bf\u03c1\u03af\u03b6\u03bf\u03c5\u03bd \u03c4\u03b7\u03bd \u03ba\u03b1\u03b8\u03b7\u03bc\u03b5\u03c1\u03b9\u03bd\u03ae \u03ac\u03bd\u03b5\u03c3\u03b7,\r\n \u03b5\u03bd\u03c3\u03c9\u03bc\u03b1\u03c4\u03ce\u03bd\u03bf\u03bd\u03c4\u03b1\u03c2 \u03c4\u03b5\u03c7\u03bd\u03bf\u03bb\u03bf\u03b3\u03af\u03b5\u03c2 \u03b1\u03b9\u03c7\u03bc\u03ae\u03c2 \u03b3\u03b9\u03b1 \u03ba\u03ac\u03b8\u03b5 \u03ba\u03b1\u03b9\u03c1\u03b9\u03ba\u03ae \u03c3\u03c5\u03bd\u03b8\u03ae\u03ba\u03b7.\r\n <\/p>\r\n\r\n\r\n <div class=\"tech-grid\">\r\n\r\n \r\n <div class=\"tech-card-item\">\r\n\r\n <h4>\r\n \u0391\u03b4\u03b9\u03b1\u03b2\u03c1\u03bf\u03c7\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 & \u0391\u03bd\u03c4\u03b9\u03b1\u03bd\u03b5\u03bc\u03b9\u03ba\u03ae \u03a0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c3\u03af\u03b1\r\n <\/h4>\r\n\r\n <p>\r\n \u0391\u03c0\u03cc \u03c4\u03b7\u03bd \u03b1\u03c0\u03cc\u03bb\u03c5\u03c4\u03b7 \u03b1\u03b4\u03b9\u03b1\u03b2\u03c1\u03bf\u03c7\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03c4\u03b7\u03bd \u03b1\u03bd\u03c4\u03b9\u03b1\u03bd\u03b5\u03bc\u03b9\u03ba\u03ae \u03b8\u03c9\u03c1\u03ac\u03ba\u03b9\u03c3\u03b7\r\n \u03c0\u03bf\u03c5 \u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03bf\u03c5\u03bd \u03bf\u03b9 \u03bc\u03b5\u03bc\u03b2\u03c1\u03ac\u03bd\u03b5\u03c2 <strong>GORE-TEX<\/strong>\r\n \u03ba\u03b1\u03b9 \u03bf\u03b9 \u03c4\u03b5\u03c7\u03bd\u03bf\u03bb\u03bf\u03b3\u03af\u03b5\u03c2 <strong>Windstopper<\/strong> \u03ba\u03b1\u03b9\r\n <strong>SoftShell<\/strong>.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"tech-card-item\">\r\n\r\n <h4>\r\n \u039a\u03bf\u03c1\u03c5\u03c6\u03b1\u03af\u03b1 \u0398\u03b5\u03c1\u03bc\u03bf\u03bc\u03cc\u03bd\u03c9\u03c3\u03b7\r\n <\/h4>\r\n\r\n <p>\r\n \u039c\u03ad\u03c7\u03c1\u03b9 \u03c4\u03b7\u03bd \u03ba\u03bf\u03c1\u03c5\u03c6\u03b1\u03af\u03b1 \u03b8\u03b5\u03c1\u03bc\u03bf\u03bc\u03cc\u03bd\u03c9\u03c3\u03b7 \u03c4\u03c9\u03bd\r\n <strong>PrimaLoft<\/strong> \u03ba\u03b1\u03b9 <strong>Thermolite<\/strong>,\r\n \u03c0\u03bf\u03c5 \u03b4\u03b9\u03b1\u03c4\u03b7\u03c1\u03bf\u03cd\u03bd \u03c4\u03b7 \u03b8\u03b5\u03c1\u03bc\u03cc\u03c4\u03b7\u03c4\u03b1 \u03ba\u03b1\u03b9 \u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03bf\u03c5\u03bd \u03c0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c3\u03af\u03b1\r\n \u03b1\u03ba\u03cc\u03bc\u03b7 \u03ba\u03b1\u03b9 \u03c3\u03c4\u03b9\u03c2 \u03c0\u03b9\u03bf \u03b1\u03c0\u03b1\u03b9\u03c4\u03b7\u03c4\u03b9\u03ba\u03ad\u03c2 \u03c3\u03c5\u03bd\u03b8\u03ae\u03ba\u03b5\u03c2.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"tech-card-item\">\r\n\r\n <h4>\r\n \u0391\u03bd\u03c4\u03b7\u03bb\u03b9\u03b1\u03ba\u03ae \u03a0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c3\u03af\u03b1 & \u03a6\u03c5\u03c3\u03b9\u03ba\u03ad\u03c2 \u038a\u03bd\u03b5\u03c2\r\n <\/h4>\r\n\r\n <p>\r\n \u0395\u03c0\u03b5\u03bd\u03b4\u03cd\u03bf\u03c5\u03bc\u03b5 \u03c3\u03c4\u03b7\u03bd \u03b5\u03bd\u03c3\u03c9\u03bc\u03b1\u03c4\u03c9\u03bc\u03ad\u03bd\u03b7 \u03b1\u03bd\u03c4\u03b7\u03bb\u03b9\u03b1\u03ba\u03ae \u03c0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c3\u03af\u03b1\r\n (<strong>UV protection<\/strong>), \u03b1\u03c0\u03b1\u03c1\u03b1\u03af\u03c4\u03b7\u03c4\u03b7 \u03ba\u03ac\u03b8\u03b5 \u03b5\u03c0\u03bf\u03c7\u03ae\r\n \u03c4\u03bf\u03c5 \u03c7\u03c1\u03cc\u03bd\u03bf\u03c5, \u03ba\u03b1\u03b8\u03ce\u03c2 \u03ba\u03b1\u03b9 \u03c3\u03c4\u03b7\u03bd \u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1 \u03c4\u03c9\u03bd\r\n <strong>premium \u03c6\u03c5\u03c3\u03b9\u03ba\u03ce\u03bd \u03b9\u03bd\u03ce\u03bd<\/strong>, \u03cc\u03c0\u03c9\u03c2 \u03c4\u03bf\r\n <strong>Merino wool<\/strong> \u03ba\u03b1\u03b9 \u03c4\u03bf\r\n <strong>Supima cotton<\/strong>.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"tech-card-item\">\r\n\r\n <h4>\r\n \u03a0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03b1 \u03a5\u03bb\u03b9\u03ba\u03ac & \u0395\u03be\u03b1\u03c1\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1\r\n <\/h4>\r\n\r\n <p>\r\n \u0395\u03c0\u03b9\u03bb\u03ad\u03b3\u03bf\u03c5\u03bc\u03b5 \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1 \u03bc\u03b5\r\n <strong>\u03c0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03b1 \u03c5\u03bb\u03b9\u03ba\u03ac \u03ba\u03b1\u03b9 \u03b5\u03be\u03b1\u03c1\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1 \u03c5\u03c8\u03b7\u03bb\u03ce\u03bd \u03c0\u03c1\u03bf\u03b4\u03b9\u03b1\u03b3\u03c1\u03b1\u03c6\u03ce\u03bd<\/strong>,\r\n \u03cc\u03c0\u03c9\u03c2 <strong>bluesign<\/strong>, \u03b1\u03bd\u03b8\u03b5\u03ba\u03c4\u03b9\u03ba\u03ac \u03c6\u03b5\u03c1\u03bc\u03bf\u03c5\u03ac\u03c1\r\n <strong>YKK<\/strong> \u03ba\u03b1\u03b9 \u03c3\u03cc\u03bb\u03b5\u03c2 \u03c5\u03c8\u03b7\u03bb\u03ae\u03c2 \u03c0\u03c1\u03cc\u03c3\u03c6\u03c5\u03c3\u03b7\u03c2\r\n <strong>Vibram<\/strong>, \u03b4\u03af\u03bd\u03bf\u03bd\u03c4\u03b1\u03c2 \u03ad\u03bc\u03c6\u03b1\u03c3\u03b7 \u03c3\u03c4\u03b7\u03bd\r\n <strong>\u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1, \u03c4\u03b7\u03bd \u03c5\u03c8\u03b7\u03bb\u03ae \u03c4\u03b5\u03c7\u03bd\u03bf\u03bb\u03bf\u03b3\u03af\u03b1 \u03ba\u03b1\u03b9 \u03c4\u03b1 premium \u03c6\u03c5\u03c3\u03b9\u03ba\u03ac \u03c5\u03bb\u03b9\u03ba\u03ac<\/strong>.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"closing-box\">\r\n\r\n <p>\r\n \u03a4\u03bf \u03b1\u03c0\u03bf\u03c4\u03ad\u03bb\u03b5\u03c3\u03bc\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03bf \u03b9\u03b4\u03b1\u03bd\u03b9\u03ba\u03cc\u03c2 \u03c3\u03c5\u03bd\u03b4\u03c5\u03b1\u03c3\u03bc\u03cc\u03c2\r\n <strong>\u03b1\u03c0\u03b1\u03c1\u03ac\u03bc\u03b9\u03bb\u03bb\u03bf\u03c5 \u03c3\u03c4\u03c5\u03bb \u03ba\u03b1\u03b9 \u03ac\u03bd\u03b5\u03c3\u03b7\u03c2 \u03c3\u03c4\u03b7\u03bd \u03c0\u03cc\u03bb\u03b7<\/strong>,\r\n \u03bc\u03b5 \u03ba\u03bf\u03c1\u03c5\u03c6\u03b1\u03af\u03b1 <strong>\u03b1\u03bd\u03c4\u03bf\u03c7\u03ae, \u03c0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c3\u03af\u03b1 \u03ba\u03b1\u03b9 \u03b5\u03bb\u03b5\u03c5\u03b8\u03b5\u03c1\u03af\u03b1 \u03ba\u03b9\u03bd\u03ae\u03c3\u03b5\u03c9\u03bd\r\n \u03c3\u03c4\u03b7 \u03c6\u03cd\u03c3\u03b7<\/strong>.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a224505 e-flex e-con-boxed e-con e-parent\" data-id=\"a224505\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-89e79ab elementor-widget elementor-widget-heading\" data-id=\"89e79ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Limited Drops<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d2d4d81 elementor-widget elementor-widget-text-editor\" data-id=\"d2d4d81\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><em>\u039c\u03bf\u03bd\u03b1\u03b4\u03b9\u03ba\u03ac \u03ba\u03bf\u03bc\u03bc\u03ac\u03c4\u03b9\u03b1 \u03c3\u03b5 \u03c0\u03b5\u03c1\u03b9\u03bf\u03c1\u03b9\u03c3\u03bc\u03ad\u03bd\u03b1 \u03b1\u03c0\u03bf\u03b8\u03ad\u03bc\u03b1\u03c4\u03b1, \u03b4\u03b9\u03b1\u03b8\u03ad\u03c3\u03b9\u03bc\u03b1 \u03b1\u03c0\u03bf\u03ba\u03bb\u03b5\u03b9\u03c3\u03c4\u03b9\u03ba\u03ac online. \u0394\u03b5\u03bd \u03b4\u03b9\u03b1\u03c4\u03af\u03b8\u03b5\u03bd\u03c4\u03b1\u03b9 \u03c3\u03c4\u03bf \u03c6\u03c5\u03c3\u03b9\u03ba\u03cc \u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b7\u03bc\u03b1.<\/em><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bc64747 elementor-widget elementor-widget-html\" data-id=\"bc64747\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"el\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Products Grid<\/title>\r\n <style>\r\n \/* Container \u03c4\u03bf\u03c5 Grid (Responsive \u03b1\u03bd\u03ac\u03bb\u03bf\u03b3\u03b1 \u03bc\u03b5 \u03c4\u03b7\u03bd \u03bf\u03b8\u03cc\u03bd\u03b7) *\/\r\n .products-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n gap: 24px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 20px;\r\n font-family: sans-serif;\r\n }\r\n\r\n \/* \u039a\u03ac\u03c1\u03c4\u03b1 \u03a0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03bf\u03c2 *\/\r\n .product-card {\r\n background: #ffffff;\r\n border: 1px solid #eaeaea;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n }\r\n\r\n .product-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);\r\n }\r\n\r\n \/* Container \u0395\u03b9\u03ba\u03cc\u03bd\u03b1\u03c2 & Badge *\/\r\n .product-image-container {\r\n position: relative;\r\n width: 100%;\r\n aspect-ratio: 1 \/ 1;\r\n background-color: #f9f9f9;\r\n overflow: hidden;\r\n }\r\n\r\n .product-image-container img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n \/* \u03a3\u03c4\u03c5\u03bb \u03b3\u03b9\u03b1 \u03c4\u03b1 Badges *\/\r\n .product-badge {\r\n position: absolute;\r\n top: 12px;\r\n left: 12px;\r\n padding: 6px 12px;\r\n font-size: 11px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n border-radius: 4px;\r\n z-index: 2;\r\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\r\n background-color: #3b7d23;\r\n color: #ffffff;\r\n }\r\n\r\n \/* \u03a0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2 \u03a0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03bf\u03c2 (\u03a4\u03af\u03c4\u03bb\u03bf\u03c2 & \u03a4\u03b9\u03bc\u03ae) *\/\r\n .product-info {\r\n padding: 16px;\r\n text-align: left;\r\n }\r\n\r\n .product-title {\r\n font-size: 16px;\r\n font-weight: 600;\r\n color: #333333;\r\n margin: 0 0 8px 0;\r\n }\r\n\r\n .product-price {\r\n font-size: 15px;\r\n font-weight: 500;\r\n color: #666666;\r\n margin: 0;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"products-grid\">\r\n <div class=\"product-card\">\r\n <div class=\"product-image-container\">\r\n <span class=\"product-badge\">Online Only<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/markelle.gr\/wp-content\/uploads\/2026\/09\/bag-dummy-product.webp\" alt=\"Dummy Product 1\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h3 class=\"product-title\">Dummy Product 1<\/h3>\r\n <p class=\"product-price\">49.99\u20ac<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <div class=\"product-image-container\">\r\n <span class=\"product-badge\">Online Only<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/markelle.gr\/wp-content\/uploads\/2026\/09\/bag-dummy-product.webp\" alt=\"Dummy Product 2\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h3 class=\"product-title\">Dummy Product 2<\/h3>\r\n <p class=\"product-price\">79.99\u20ac<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <div class=\"product-image-container\">\r\n <span class=\"product-badge\">Online Only<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/markelle.gr\/wp-content\/uploads\/2026\/09\/bag-dummy-product.webp\" alt=\"Dummy Product 3\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h3 class=\"product-title\">Dummy Product 3<\/h3>\r\n <p class=\"product-price\">35.00\u20ac<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <div class=\"product-image-container\">\r\n <span class=\"product-badge\">Online Only<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/markelle.gr\/wp-content\/uploads\/2026\/09\/bag-dummy-product.webp\" alt=\"Dummy Product 4\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h3 class=\"product-title\">Dummy Product 4<\/h3>\r\n <p class=\"product-price\">120.00\u20ac<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b9d4ad0 elementor-widget elementor-widget-html\" data-id=\"b9d4ad0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div style=\"text-align: center; width: 100%;\">\r\n <a href=\"#\" class=\"wholesale-btn\" style=\"display: inline-flex; align-items: center; justify-content: center; background-color: #3b7d23; color: #ffffff; font-family: inherit; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; padding: 16px 36px; border-radius: 8px; transition: all 0.25s ease; box-shadow: 0 4px 15px rgba(59, 125, 35, 0.4);\" onmouseover=\"this.style.backgroundColor='#00ff00'; this.style.color='#1a1a1a'; this.style.transform='translateY(-3px)'; this.style.boxShadow='0 6px 22px rgba(0, 255, 0, 0.35)';\" onmouseout=\"this.style.backgroundColor='#3b7d23'; this.style.color='#ffffff'; this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 15px rgba(59, 125, 35, 0.4)';\">\u0391\u03bd\u03b1\u03ba\u03b1\u03bb\u03cd\u03c8\u03c4\u03b5 \u038c\u03bb\u03b7 \u03c4\u03b7 \u03a3\u03c5\u03bb\u03bb\u03bf\u03b3\u03ae <\/a>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b7711fc e-con-full e-flex e-con e-parent\" data-id=\"b7711fc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f6c6cae elementor-widget elementor-widget-html\" data-id=\"f6c6cae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"el\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>VIP Early Access Box<\/title>\r\n <style>\r\n \/* \u0393\u03b5\u03bd\u03b9\u03ba\u03cc Container - \u0391\u039b\u039b\u0391\u0393\u0397: \u0388\u03b3\u03b9\u03bd\u03b5 \u039b\u03b5\u03c5\u03ba\u03cc *\/\r\n .vip-section {\r\n background-color: #ffffff; \/* \u039b\u03b5\u03c5\u03ba\u03cc \u03c6\u03cc\u03bd\u03c4\u03bf \u03c3\u03b5\u03bb\u03af\u03b4\u03b1\u03c2 *\/\r\n padding: 60px 20px;\r\n font-family: inherit;\r\n color: #333333; \/* \u03a3\u03ba\u03bf\u03cd\u03c1\u03bf \u03c7\u03c1\u03ce\u03bc\u03b1 \u03ba\u03b5\u03b9\u03bc\u03ad\u03bd\u03bf\u03c5 \u03ad\u03be\u03c9 \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03ba\u03ac\u03c1\u03c4\u03b1 *\/\r\n box-sizing: border-box;\r\n width: 100%;\r\n }\r\n\r\n .vip-wrapper {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n \/* VIP Card Wrapper - \u0391\u039b\u039b\u0391\u0393\u0397: \u0395\u03c0\u03b1\u03bd\u03ae\u03bb\u03b8\u03b5 \u03c4\u03bf \u0393\u03ba\u03c1\u03b9 #404040 *\/\r\n .vip-card {\r\n background-color: #404040; \/* \u0395\u03c0\u03b1\u03bd\u03b1\u03c6\u03bf\u03c1\u03ac \u03c3\u03ba\u03bf\u03cd\u03c1\u03bf\u03c5 \u03b3\u03ba\u03c1\u03b9 *\/\r\n border: 1px solid rgba(0, 255, 0, 0.2);\r\n border-radius: 16px;\r\n padding: 50px 40px;\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .vip-card:hover {\r\n border-color: #00ff00;\r\n box-shadow: 0 20px 45px rgba(0, 255, 0, 0.15);\r\n }\r\n\r\n \/* \u0391\u03c1\u03b9\u03c3\u03c4\u03b5\u03c1\u03ae \u03c0\u03c1\u03ac\u03c3\u03b9\u03bd\u03b7 \u03bc\u03c0\u03ac\u03c1\u03b1 *\/\r\n .vip-card::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n height: 100%;\r\n width: 6px;\r\n background-color: #3b7d23;\r\n transition: background-color 0.3s ease;\r\n }\r\n\r\n .vip-card:hover::before {\r\n background-color: #00ff00;\r\n }\r\n\r\n \/* Badge \/ Tag *\/\r\n .vip-badge {\r\n display: inline-block;\r\n background-color: rgba(59, 125, 35, 0.25);\r\n border: 1px solid #3b7d23;\r\n color: #00ff00;\r\n font-size: 12px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n padding: 6px 16px;\r\n border-radius: 20px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n \/* \u03a4\u03af\u03c4\u03bb\u03bf\u03c2 - \u0391\u039b\u039b\u0391\u0393\u0397: \u0395\u03c0\u03b1\u03bd\u03ae\u03bb\u03b8\u03b5 \u03c3\u03b5 \u039b\u03b5\u03c5\u03ba\u03cc *\/\r\n .vip-title {\r\n font-size: 32px;\r\n font-weight: 800;\r\n text-transform: none;\r\n letter-spacing: 1px;\r\n color: #ffffff; \/* \u039b\u03b5\u03c5\u03ba\u03cc\u03c2 \u03c4\u03af\u03c4\u03bb\u03bf\u03c2 \u03c3\u03b5 \u03b3\u03ba\u03c1\u03b9 \u03c6\u03cc\u03bd\u03c4\u03bf *\/\r\n margin: 0 0 16px 0;\r\n line-height: 1.2;\r\n }\r\n\r\n .vip-title span {\r\n color: #00ff00;\r\n }\r\n\r\n \/* \u03a0\u03b5\u03c1\u03b9\u03b3\u03c1\u03b1\u03c6\u03ae - \u0391\u039b\u039b\u0391\u0393\u0397: \u0395\u03c0\u03b1\u03bd\u03ae\u03bb\u03b8\u03b5 \u03c3\u03b5 #d1d1d1 (\u03b1\u03bd\u03bf\u03b9\u03c7\u03c4\u03cc \u03b3\u03ba\u03c1\u03b9) *\/\r\n .vip-description {\r\n font-size: 16px;\r\n line-height: 1.7;\r\n color: #d1d1d1; \/* \u0391\u03bd\u03bf\u03b9\u03c7\u03c4\u03cc \u03b3\u03ba\u03c1\u03b9 \u03c0\u03b5\u03c1\u03b9\u03b3\u03c1\u03b1\u03c6\u03ae \u03c3\u03b5 \u03b3\u03ba\u03c1\u03b9 \u03c6\u03cc\u03bd\u03c4\u03bf *\/\r\n max-width: 680px;\r\n margin: 0 0 32px 0;\r\n }\r\n\r\n \/* WPForms Form Container Styling *\/\r\n .vip-form-container {\r\n width: 100%;\r\n max-width: 650px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* \u0395\u03c5\u03b8\u03c5\u03b3\u03c1\u03ac\u03bc\u03bc\u03b9\u03c3\u03b7 \u03c6\u03cc\u03c1\u03bc\u03b1\u03c2 WPForms *\/\r\n .vip-form-container .wpforms-form {\r\n display: flex;\r\n flex-direction: row !important;\r\n gap: 12px !important;\r\n width: 100% !important;\r\n align-items: stretch !important;\r\n }\r\n\r\n .vip-form-container .wpforms-field-container {\r\n flex: 1 !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .vip-form-container .wpforms-field {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n \/* Input Email - \u0391\u039b\u039b\u0391\u0393\u0397: \u0394\u03b9\u03b1\u03c4\u03b7\u03c1\u03ae\u03b8\u03b7\u03ba\u03b5 \u03c3\u03ba\u03bf\u03cd\u03c1\u03bf \u03b3\u03b9\u03b1 \u03b1\u03bd\u03c4\u03af\u03b8\u03b5\u03c3\u03b7 *\/\r\n .vip-form-container input[type=\"email\"] {\r\n background-color: #1a1a1a !important;\r\n border: 1px solid rgba(0, 255, 0, 0.3) !important;\r\n color: #ffffff !important;\r\n padding: 0 20px !important;\r\n height: 50px !important;\r\n border-radius: 8px !important;\r\n font-size: 15px !important;\r\n font-family: inherit !important;\r\n width: 100% !important;\r\n box-sizing: border-box !important;\r\n outline: none;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .vip-form-container input[type=\"email\"]:focus {\r\n border-color: #00ff00 !important;\r\n box-shadow: 0 0 10px rgba(0, 255, 0, 0.2);\r\n }\r\n\r\n .vip-form-container input[type=\"email\"]::placeholder {\r\n color: #888888 !important;\r\n }\r\n\r\n .vip-form-container .wpforms-submit-container {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n display: flex !important;\r\n align-items: stretch !important;\r\n }\r\n\r\n \/* \u039a\u03bf\u03c5\u03bc\u03c0\u03af \u03a5\u03c0\u03bf\u03b2\u03bf\u03bb\u03ae\u03c2 *\/\r\n .vip-form-container button[type=\"submit\"],\r\n .vip-form-container input[type=\"submit\"] {\r\n background-color: #3b7d23 !important;\r\n color: #ffffff !important;\r\n font-family: inherit !important;\r\n font-size: 15px !important;\r\n font-weight: 700 !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 0.5px !important;\r\n padding: 0 32px !important;\r\n height: 50px !important;\r\n border-radius: 8px !important;\r\n border: none !important;\r\n cursor: pointer;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n transition: all 0.3s ease !important;\r\n box-shadow: 0 4px 15px rgba(59, 125, 35, 0.3);\r\n white-space: nowrap;\r\n box-sizing: border-box !important;\r\n }\r\n\r\n .vip-form-container button[type=\"submit\"]:hover,\r\n .vip-form-container input[type=\"submit\"]:hover {\r\n background-color: #00ff00 !important;\r\n color: #1a1a1a !important;\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px rgba(0, 255, 0, 0.3);\r\n }\r\n\r\n \/* Responsive Design \u03b3\u03b9\u03b1 \u03ba\u03b9\u03bd\u03b7\u03c4\u03ac *\/\r\n @media (max-width: 768px) {\r\n .vip-card {\r\n padding: 35px 20px;\r\n }\r\n\r\n .vip-title {\r\n font-size: 24px;\r\n }\r\n\r\n .vip-description {\r\n font-size: 14px;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .vip-form-container .wpforms-form {\r\n flex-direction: column !important;\r\n }\r\n\r\n .vip-form-container input[type=\"email\"],\r\n .vip-form-container button[type=\"submit\"],\r\n .vip-form-container input[type=\"submit\"] {\r\n width: 100% !important;\r\n height: 48px !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"vip-section\">\r\n <div class=\"vip-wrapper\">\r\n <div class=\"vip-card\">\r\n \r\n <div class=\"vip-badge\">Exclusive Drop<\/div>\r\n <h2 class=\"vip-title\">VIP Early Access<\/h2>\r\n <p class=\"vip-description\">\r\n \u039c\u03b7\u03bd \u03c7\u03ac\u03c3\u03b5\u03c4\u03b5 \u03c4\u03bf \u03b5\u03c0\u03cc\u03bc\u03b5\u03bd\u03bf Exclusive Drop. \u0393\u03c1\u03ac\u03c8\u03c4\u03b5 \u03c4\u03bf email \u03c3\u03b1\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03bb\u03b1\u03bc\u03b2\u03ac\u03bd\u03b5\u03c4\u03b5 \u03ad\u03b3\u03ba\u03b1\u03b9\u03c1\u03b7 \u03c0\u03c1\u03cc\u03c3\u03b2\u03b1\u03c3\u03b7 (Early Access) 24 \u03ce\u03c1\u03b5\u03c2 \u03c0\u03c1\u03b9\u03bd \u03c4\u03b7\u03bd \u03b5\u03c0\u03af\u03c3\u03b7\u03bc\u03b7 \u03ba\u03c5\u03ba\u03bb\u03bf\u03c6\u03bf\u03c1\u03af\u03b1 \u03c4\u03c9\u03bd online \u03b1\u03c0\u03bf\u03ba\u03bb\u03b5\u03b9\u03c3\u03c4\u03b9\u03ba\u03ce\u03bd \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03c9\u03bd \u03bc\u03b1\u03c2.\r\n <\/p>\r\n\r\n <div class=\"vip-form-container\">\r\n <div class=\"wpforms-container \" id=\"wpforms-1074\"><form id=\"wpforms-form-1074\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"1074\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/en\/wp-json\/wp\/v2\/pages\/930\" data-token=\"5d3f82fc0d3cd153283ff0c583ba5f67\" data-token-time=\"1788874281\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div class=\"wpforms-field-container\">\t\t<div id=\"wpforms-1074-field_2-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"2\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-1074-field_2\" >Email<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-1074-field_2\" class=\"wpforms-field-medium\" name=\"wpforms[fields][2]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-1074-field_1-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"1\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1074-field_1\">Email <span class=\"wpforms-required-label\">*<\/span><\/label><input type=\"email\" id=\"wpforms-1074-field_1\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][1]\" placeholder=\"Enter your Email\" spellcheck=\"false\" required><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-1074-field_2-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-1074-field_2-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-1074-field_2-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"1074\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/markelle.gr\/en\/wp-json\/wp\/v2\/pages\/930\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-1074\" class=\"wpforms-submit\" data-alt-text=\"Subscribing...\" data-submit-text=\"Subscribe\" aria-live=\"assertive\" value=\"wpforms-submit\">Subscribe<\/button><img decoding=\"async\" src=\"https:\/\/markelle.gr\/wp-content\/plugins\/wpforms-lite\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><\/form><\/div> \r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6f46a33 e-con-full e-flex e-con e-parent\" data-id=\"6f46a33\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36de8d3 elementor-widget elementor-widget-html\" data-id=\"36de8d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"el\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Blog - Markelle<\/title>\r\n\r\n<style>\r\n \/* --- RESET & \u0392\u0391\u03a3\u0399\u039a\u0391 \u03a3\u03a4\u03a5\u039b --- *\/\r\n .markelle-blog-section,\r\n .markelle-blog-section * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n }\r\n\r\n .markelle-blog-section {\r\n background-color: #1a1a1a;\r\n padding: 80px 0;\r\n width: 100%;\r\n }\r\n\r\n .blog-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n\r\n \/* --- \u03a4\u0399\u03a4\u039b\u039f\u03a3 SECTION --- *\/\r\n .blog-header {\r\n text-align: left;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .blog-title {\r\n font-size: 36px;\r\n font-weight: 700;\r\n color: #ffffff;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n position: relative;\r\n display: inline-block;\r\n padding-bottom: 10px;\r\n }\r\n\r\n \/* \u0397 \u03c0\u03c1\u03ac\u03c3\u03b9\u03bd\u03b7 \u03b3\u03c1\u03b1\u03bc\u03bc\u03ae \u03ba\u03ac\u03c4\u03c9 \u03b1\u03c0\u03cc \u03c4\u03bf\u03bd \u03c4\u03af\u03c4\u03bb\u03bf *\/\r\n .blog-title::after {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n bottom: 0;\r\n width: 60px;\r\n height: 4px;\r\n background: linear-gradient(90deg, #3b7d23 0%, #00ff00 100%);\r\n border-radius: 2px;\r\n }\r\n\r\n \/* --- GRID \u0394\u0399\u0391\u03a4\u0391\u039e\u0397 (3 \u03a3\u03c4\u03ae\u03bb\u03b5\u03c2) --- *\/\r\n .hfe-posts-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n }\r\n\r\n \/* --- \u039a\u0391\u03a1\u03a4\u0391 \u0391\u03a1\u0398\u03a1\u039f\u03a5 --- *\/\r\n .hfe-post-card {\r\n background-color: #262626;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n display: flex;\r\n flex-direction: column;\r\n text-decoration: none;\r\n }\r\n\r\n .hfe-post-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n \/* --- \u0395\u0399\u039a\u039f\u039d\u0391 \u0391\u03a1\u0398\u03a1\u039f\u03a5 --- *\/\r\n .hfe-post-image {\r\n width: 100%;\r\n height: 220px;\r\n overflow: hidden;\r\n }\r\n\r\n .hfe-post-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .hfe-post-card:hover .hfe-post-image img {\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* --- \u03a0\u0395\u03a1\u0399\u0395\u03a7\u039f\u039c\u0395\u039d\u039f \u039a\u0391\u03a1\u03a4\u0391\u03a3 --- *\/\r\n .hfe-post-content {\r\n padding: 24px;\r\n flex-grow: 1;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n \/* \u03a4\u03af\u03c4\u03bb\u03bf\u03c2 \u0386\u03c1\u03b8\u03c1\u03bf\u03c5 *\/\r\n .hfe-post-title {\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: #ffffff;\r\n margin: 0 0 12px 0;\r\n line-height: 1.4;\r\n transition: color 0.2s ease;\r\n }\r\n\r\n .hfe-post-card:hover .hfe-post-title {\r\n color: #00ff00;\r\n }\r\n\r\n \/* Meta Data *\/\r\n .hfe-post-meta {\r\n font-size: 13px;\r\n color: #999999;\r\n margin-bottom: 16px;\r\n font-style: italic;\r\n }\r\n\r\n .hfe-meta-separator {\r\n margin: 0 6px;\r\n }\r\n\r\n \/* \u0391\u03c0\u03cc\u03c3\u03c0\u03b1\u03c3\u03bc\u03b1 \/ \u03a0\u03b5\u03c1\u03af\u03bb\u03b7\u03c8\u03b7 *\/\r\n .hfe-post-excerpt {\r\n font-size: 15px;\r\n color: #cccccc;\r\n line-height: 1.6;\r\n margin-bottom: 20px;\r\n flex-grow: 1;\r\n }\r\n\r\n .hfe-post-excerpt p {\r\n margin: 0;\r\n }\r\n\r\n \/* Link \"\u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1\" *\/\r\n .hfe-read-more {\r\n display: inline-block;\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: #00ff00;\r\n text-decoration: none;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n transition: all 0.3s ease;\r\n padding-bottom: 2px;\r\n border-bottom: 1px solid transparent;\r\n width: fit-content;\r\n }\r\n\r\n .hfe-post-card:hover .hfe-read-more {\r\n border-bottom-color: #00ff00;\r\n transform: translateX(3px);\r\n }\r\n\r\n \/* --- RESPONSIVE DESIGN --- *\/\r\n\r\n \/* Tablets (\u039c\u03ad\u03c7\u03c1\u03b9 992px) -> 2 \u03a3\u03c4\u03ae\u03bb\u03b5\u03c2 *\/\r\n @media (max-width: 992px) {\r\n .hfe-posts-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 25px;\r\n }\r\n\r\n .markelle-blog-section {\r\n padding: 60px 0;\r\n }\r\n }\r\n\r\n \/* Mobile (\u039c\u03ad\u03c7\u03c1\u03b9 768px) -> 1 \u03a3\u03c4\u03ae\u03bb\u03b7 *\/\r\n @media (max-width: 768px) {\r\n .hfe-posts-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n\r\n .blog-title {\r\n font-size: 28px;\r\n }\r\n\r\n .blog-header {\r\n margin-bottom: 35px;\r\n }\r\n\r\n .hfe-post-content {\r\n padding: 20px;\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n\r\n<section class=\"markelle-blog-section\">\r\n\r\n <div class=\"blog-container\">\r\n\r\n \r\n <div class=\"blog-header\">\r\n <h3 class=\"blog-title\">Blog<\/h3>\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"hfe-posts-grid\">\r\n\r\n\r\n \r\n <a\r\n href=\"https:\/\/markelle.gr\/waterproof-clothing-the-ultimate-guide-to-protection-style\/\"\r\n class=\"hfe-post-card\"\r\n >\r\n\r\n <div class=\"hfe-post-image\">\r\n <img loading=\"lazy\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n width=\"600\"\r\n height=\"335\"\r\n src=\"https:\/\/markelle.gr\/wp-content\/uploads\/2026\/09\/Waterproof-Clothing.webp\"\r\n alt=\"\u0391\u03b4\u03b9\u03ac\u03b2\u03c1\u03bf\u03c7\u03b1 \u03a1\u03bf\u03cd\u03c7\u03b1: \u039f \u0391\u03c0\u03cc\u03bb\u03c5\u03c4\u03bf\u03c2 \u039f\u03b4\u03b7\u03b3\u03cc\u03c2 \u03b3\u03b9\u03b1 \u03a0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c3\u03af\u03b1 & \u03a3\u03c4\u03c5\u03bb\"\r\n >\r\n <\/div>\r\n\r\n <div class=\"hfe-post-content\">\r\n\r\n <h3 class=\"hfe-post-title\">\r\n \u0391\u03b4\u03b9\u03ac\u03b2\u03c1\u03bf\u03c7\u03b1 \u03a1\u03bf\u03cd\u03c7\u03b1: \u039f \u0391\u03c0\u03cc\u03bb\u03c5\u03c4\u03bf\u03c2 \u039f\u03b4\u03b7\u03b3\u03cc\u03c2 \u03b3\u03b9\u03b1 \u03a0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c3\u03af\u03b1 & \u03a3\u03c4\u03c5\u03bb\r\n <\/h3>\r\n\r\n <div class=\"hfe-post-meta\">\r\n <span class=\"hfe-post-date\">7 \u03a3\u03b5\u03c0\u03c4\u03b5\u03bc\u03b2\u03c1\u03af\u03bf\u03c5 2026<\/span>\r\n <span class=\"hfe-meta-separator\"> | <\/span>\r\n <span class=\"hfe-post-author\">\u03b1\u03c0\u03cc Markelle<\/span>\r\n <\/div>\r\n\r\n <div class=\"hfe-post-excerpt\">\r\n <p>\r\n \u0391\u03b4\u03b9\u03ac\u03b2\u03c1\u03bf\u03c7\u03b1 \u03c1\u03bf\u03cd\u03c7\u03b1: \u039f \u03b1\u03c0\u03cc\u03bb\u03c5\u03c4\u03bf\u03c2 \u03bf\u03b4\u03b7\u03b3\u03cc\u03c2 \u03b3\u03b9\u03b1 \u03c5\u03c8\u03b7\u03bb\u03ae \u03c0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c3\u03af\u03b1 \u03ba\u03b1\u03b9 \u03c3\u03c4\u03c5\u03bb \u03c3\u03c4\u03b7 \u03b8\u03ac\u03bb\u03b1\u03c3\u03c3\u03b1.\r\n \u0395\u03af\u03c4\u03b5 \u03b5\u03c4\u03bf\u03b9\u03bc\u03ac\u03b6\u03b5\u03c3\u03c4\u03b5 \u03b3\u03b9\u03b1 \u03bc\u03b9\u03b1 \u03b1\u03c0\u03b1\u03b9\u03c4\u03b7\u03c4\u03b9\u03ba\u03ae \u03b9\u03c3\u03c4\u03b9\u03bf\u03c0\u03bb\u03bf\u03ca\u03ba\u03ae...\r\n <\/p>\r\n <\/div>\r\n\r\n <span class=\"hfe-read-more\">\r\n \u0394\u03b9\u03b1\u03b2\u03ac\u03c3\u03c4\u03b5 \u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1 \u2192\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/a>\r\n\r\n\r\n \r\n <a\r\n href=\"https:\/\/markelle.gr\/outdoor-lifestyle-clothing-and-style-from-the-city-to-the-outdoors\/\"\r\n class=\"hfe-post-card\"\r\n >\r\n\r\n <div class=\"hfe-post-image\">\r\n <img loading=\"lazy\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n width=\"600\"\r\n height=\"335\"\r\n src=\"https:\/\/markelle.gr\/wp-content\/uploads\/2026\/09\/Outdoor-Lifestyle.webp\"\r\n alt=\"Outdoor Lifestyle: \u03a1\u03bf\u03cd\u03c7\u03b1 \u03ba\u03b1\u03b9 \u03a3\u03c4\u03c5\u03bb \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03a0\u03cc\u03bb\u03b7 \u03c3\u03c4\u03b7 \u03a6\u03cd\u03c3\u03b7\"\r\n >\r\n <\/div>\r\n\r\n <div class=\"hfe-post-content\">\r\n\r\n <h3 class=\"hfe-post-title\">\r\n Outdoor Lifestyle: \u03a1\u03bf\u03cd\u03c7\u03b1 \u03ba\u03b1\u03b9 \u03a3\u03c4\u03c5\u03bb \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03a0\u03cc\u03bb\u03b7 \u03c3\u03c4\u03b7 \u03a6\u03cd\u03c3\u03b7\r\n <\/h3>\r\n\r\n <div class=\"hfe-post-meta\">\r\n <span class=\"hfe-post-date\">7 \u03a3\u03b5\u03c0\u03c4\u03b5\u03bc\u03b2\u03c1\u03af\u03bf\u03c5 2026<\/span>\r\n <span class=\"hfe-meta-separator\"> | <\/span>\r\n <span class=\"hfe-post-author\">\u03b1\u03c0\u03cc Markelle<\/span>\r\n <\/div>\r\n\r\n <div class=\"hfe-post-excerpt\">\r\n <p>\r\n \u0393\u03b9\u03b1 \u03c0\u03bf\u03bb\u03bb\u03ac \u03c7\u03c1\u03cc\u03bd\u03b9\u03b1, \u03c4\u03b1 outdoor \u03c1\u03bf\u03cd\u03c7\u03b1 \u03b5\u03af\u03c7\u03b1\u03bd \u03ad\u03bd\u03b1\u03bd \u03be\u03b5\u03ba\u03ac\u03b8\u03b1\u03c1\u03bf \u03c3\u03ba\u03bf\u03c0\u03cc:\r\n \u03bd\u03b1 \u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03bf\u03c5\u03bd \u03c0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c3\u03af\u03b1 \u03b1\u03c0\u03cc \u03c4\u03b1 \u03c3\u03c4\u03bf\u03b9\u03c7\u03b5\u03af\u03b1 \u03c4\u03b7\u03c2 \u03c6\u03cd\u03c3\u03b7\u03c2 \u03ba\u03b1\u03b9 \u03c0\u03c1\u03b1\u03ba\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1\r\n \u03c3\u03c4\u03b7\u03bd \u03cd\u03c0\u03b1\u03b9\u03b8\u03c1\u03bf. \u03a3\u03ae\u03bc\u03b5\u03c1\u03b1, \u03cc\u03bc\u03c9\u03c2, \u03c4\u03b1 \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03b1 \u03ad\u03c7\u03bf\u03c5\u03bd \u03b1\u03bb\u03bb\u03ac\u03be\u03b5\u03b9...\r\n <\/p>\r\n <\/div>\r\n\r\n <span class=\"hfe-read-more\">\r\n \u0394\u03b9\u03b1\u03b2\u03ac\u03c3\u03c4\u03b5 \u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1 \u2192\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/a>\r\n\r\n\r\n \r\n <a\r\n href=\"https:\/\/markelle.gr\/sailing-yachting-clothing-the-ultimate-guide-to-choosing-the-right-gear\/\"\r\n class=\"hfe-post-card\"\r\n >\r\n\r\n <div class=\"hfe-post-image\">\r\n <img loading=\"lazy\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n width=\"600\"\r\n height=\"335\"\r\n src=\"https:\/\/markelle.gr\/wp-content\/uploads\/2026\/09\/rouxa-istioploias-blog.webp\"\r\n alt=\"\u03a1\u03bf\u03c5\u03c7\u03b9\u03c3\u03bc\u03cc\u03c2 \u03b3\u03b9\u03b1 \u0399\u03c3\u03c4\u03b9\u03bf\u03c0\u03bb\u03bf\u0390\u03b1 & Yachting: \u039f \u0391\u03c0\u03cc\u03bb\u03c5\u03c4\u03bf\u03c2 \u039f\u03b4\u03b7\u03b3\u03cc\u03c2 \u0395\u03c0\u03b9\u03bb\u03bf\u03b3\u03ae\u03c2\"\r\n >\r\n <\/div>\r\n\r\n <div class=\"hfe-post-content\">\r\n\r\n <h3 class=\"hfe-post-title\">\r\n \u03a1\u03bf\u03c5\u03c7\u03b9\u03c3\u03bc\u03cc\u03c2 \u03b3\u03b9\u03b1 \u0399\u03c3\u03c4\u03b9\u03bf\u03c0\u03bb\u03bf\u0390\u03b1 & Yachting:\r\n \u039f \u0391\u03c0\u03cc\u03bb\u03c5\u03c4\u03bf\u03c2 \u039f\u03b4\u03b7\u03b3\u03cc\u03c2 \u0395\u03c0\u03b9\u03bb\u03bf\u03b3\u03ae\u03c2\r\n <\/h3>\r\n\r\n <div class=\"hfe-post-meta\">\r\n <span class=\"hfe-post-date\">7 \u03a3\u03b5\u03c0\u03c4\u03b5\u03bc\u03b2\u03c1\u03af\u03bf\u03c5 2026<\/span>\r\n <span class=\"hfe-meta-separator\"> | <\/span>\r\n <span class=\"hfe-post-author\">\u03b1\u03c0\u03cc Markelle<\/span>\r\n <\/div>\r\n\r\n <div class=\"hfe-post-excerpt\">\r\n <p>\r\n \u0397 \u03b9\u03c3\u03c4\u03b9\u03bf\u03c0\u03bb\u03bf\u0390\u03b1 \u03ba\u03b1\u03b9 \u03c4\u03bf yachting \u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03bf\u03c5\u03bd \u03ad\u03bd\u03b1\u03bd \u03bc\u03bf\u03bd\u03b1\u03b4\u03b9\u03ba\u03cc \u03c4\u03c1\u03cc\u03c0\u03bf\r\n \u03bd\u03b1 \u03b1\u03c0\u03bf\u03bb\u03b1\u03cd\u03c3\u03b5\u03c4\u03b5 \u03c4\u03b7 \u03b8\u03ac\u03bb\u03b1\u03c3\u03c3\u03b1, \u03cc\u03bc\u03c9\u03c2 \u03bf\u03b9 \u03ba\u03b1\u03b9\u03c1\u03b9\u03ba\u03ad\u03c2 \u03c3\u03c5\u03bd\u03b8\u03ae\u03ba\u03b5\u03c2 \u03bc\u03c0\u03bf\u03c1\u03bf\u03cd\u03bd\r\n \u03bd\u03b1 \u03b1\u03bb\u03bb\u03ac\u03be\u03bf\u03c5\u03bd \u03b3\u03c1\u03ae\u03b3\u03bf\u03c1\u03b1. \u0389\u03bb\u03b9\u03bf\u03c2, \u03b4\u03c5\u03bd\u03b1\u03c4\u03bf\u03af \u03ac\u03bd\u03b5\u03bc\u03bf\u03b9, \u03c5\u03b3\u03c1\u03b1\u03c3\u03af\u03b1,\r\n \u03b8\u03b1\u03bb\u03b1\u03c3\u03c3\u03b9\u03bd\u03cc \u03bd\u03b5\u03c1\u03cc \u03ba\u03b1\u03b9 \u03c7\u03b1\u03bc\u03b7\u03bb\u03cc\u03c4\u03b5\u03c1\u03b5\u03c2 \u03b8\u03b5\u03c1\u03bc\u03bf\u03ba\u03c1\u03b1\u03c3\u03af\u03b5\u03c2 \u03bc\u03c0\u03bf\u03c1\u03bf\u03cd\u03bd \u03bd\u03b1...\r\n <\/p>\r\n <\/div>\r\n\r\n <span class=\"hfe-read-more\">\r\n \u0394\u03b9\u03b1\u03b2\u03ac\u03c3\u03c4\u03b5 \u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1 \u2192\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/a>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fd17694 e-flex e-con-boxed e-con e-parent\" data-id=\"fd17694\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7744746 elementor-widget elementor-widget-html\" data-id=\"7744746\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"el\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>\u0394\u03af\u03ba\u03c4\u03c5\u03bf \u03a3\u03c5\u03bd\u03b5\u03c1\u03b3\u03b1\u03c4\u03ce\u03bd & \u03a7\u03bf\u03bd\u03b4\u03c1\u03b9\u03ba\u03ae \u03a0\u03ce\u03bb\u03b7\u03c3\u03b7<\/title>\r\n\r\n <style>\r\n \/* Section Container *\/\r\n .wholesale-section {\r\n background-color: transparent;\r\n padding: 0 20px;\r\n font-family: inherit;\r\n color: #ffffff;\r\n width: 100%;\r\n box-sizing: border-box;\r\n }\r\n\r\n .wholesale-wrapper {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n \/* Card Wrapper *\/\r\n .wholesale-card {\r\n background-color: #404040;\r\n border: 1px solid rgba(0, 255, 0, 0.15);\r\n border-radius: 16px;\r\n padding: 60px 40px;\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .wholesale-card:hover {\r\n border-color: #00ff00;\r\n box-shadow: 0 15px 40px rgba(0, 255, 0, 0.15);\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* \u0391\u03c1\u03b9\u03c3\u03c4\u03b5\u03c1\u03ae \u03c0\u03c1\u03ac\u03c3\u03b9\u03bd\u03b7 \u03bc\u03c0\u03ac\u03c1\u03b1 *\/\r\n .wholesale-card::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n height: 100%;\r\n width: 6px;\r\n background-color: #3b7d23;\r\n transition: background-color 0.3s ease;\r\n }\r\n\r\n .wholesale-card:hover::before {\r\n background-color: #00ff00;\r\n }\r\n\r\n \/* Title *\/\r\n .wholesale-title {\r\n font-size: 28px;\r\n font-weight: 800;\r\n letter-spacing: 1.5px;\r\n color: #ffffff;\r\n margin: 0 0 16px 0;\r\n font-family: inherit;\r\n line-height: 1.3;\r\n }\r\n\r\n .wholesale-title span {\r\n color: #00ff00;\r\n }\r\n\r\n \/* Description Text *\/\r\n .wholesale-description {\r\n font-size: 16px;\r\n line-height: 1.7;\r\n color: #d1d1d1;\r\n max-width: 750px;\r\n margin: 0 0 36px 0;\r\n font-family: inherit;\r\n }\r\n\r\n \/* Button *\/\r\n .wholesale-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n background-color: #3b7d23;\r\n color: #ffffff;\r\n font-family: inherit;\r\n font-size: 14px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n text-decoration: none;\r\n padding: 16px 36px;\r\n border-radius: 8px;\r\n transition: all 0.25s ease;\r\n box-shadow: 0 4px 15px rgba(59, 125, 35, 0.4);\r\n }\r\n\r\n .wholesale-btn:hover {\r\n background-color: #00ff00;\r\n color: #1a1a1a;\r\n transform: translateY(-3px);\r\n box-shadow: 0 6px 22px rgba(0, 255, 0, 0.35);\r\n }\r\n\r\n \/* Responsive adjustments *\/\r\n @media (max-width: 768px) {\r\n .wholesale-card {\r\n padding: 40px 20px;\r\n }\r\n \r\n .wholesale-title {\r\n font-size: 22px;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .wholesale-description {\r\n font-size: 14px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .wholesale-btn {\r\n padding: 14px 28px;\r\n font-size: 13px;\r\n width: 100%;\r\n max-width: 260px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <section class=\"wholesale-section\">\r\n <div class=\"wholesale-wrapper\">\r\n\r\n <div class=\"wholesale-card\">\r\n\r\n <h2 class=\"wholesale-title\">\r\n \u0394\u03af\u03ba\u03c4\u03c5\u03bf \u03a3\u03c5\u03bd\u03b5\u03c1\u03b3\u03b1\u03c4\u03ce\u03bd & <span>\u03a7\u03bf\u03bd\u03b4\u03c1\u03b9\u03ba\u03ae \u03a0\u03ce\u03bb\u03b7\u03c3\u03b7<\/span>\r\n <\/h2>\r\n\r\n <p class=\"wholesale-description\">\r\n \u0395\u03bd\u03b4\u03b9\u03b1\u03c6\u03ad\u03c1\u03b5\u03c3\u03c4\u03b5 \u03bd\u03b1 \u03b5\u03bd\u03c4\u03ac\u03be\u03b5\u03c4\u03b5 \u03c4\u03b1 premium brands \u03c4\u03bf\u03c5 Markelle \u03c3\u03c4\u03bf \u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b7\u03bc\u03ac \u03c3\u03b1\u03c2;\r\n \u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03ae\u03c3\u03c4\u03b5 \u03bc\u03b5 \u03c4\u03bf \u03b5\u03bc\u03c0\u03bf\u03c1\u03b9\u03ba\u03cc \u03bc\u03b1\u03c2 \u03c4\u03bc\u03ae\u03bc\u03b1 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b1\u03bd\u03b1\u03ba\u03b1\u03bb\u03cd\u03c8\u03b5\u03c4\u03b5 \u03c4\u03b9\u03c2 \u03b4\u03c5\u03bd\u03b1\u03c4\u03cc\u03c4\u03b7\u03c4\u03b5\u03c2\r\n \u03c3\u03c5\u03bd\u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03c7\u03bf\u03bd\u03b4\u03c1\u03b9\u03ba\u03ae\u03c2 \u03c0\u03ce\u03bb\u03b7\u03c3\u03b7\u03c2 \u03c3\u03b5 \u0395\u03bb\u03bb\u03ac\u03b4\u03b1 \u03ba\u03b1\u03b9 \u039a\u03cd\u03c0\u03c1\u03bf.\r\n <\/p>\r\n\r\n <a href=\"#contact\" class=\"wholesale-btn\">\r\n \u0393\u03af\u03bd\u03b5\u03c4\u03b5 \u03a3\u03c5\u03bd\u03b5\u03c1\u03b3\u03ac\u03c4\u03b7\u03c2\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4856742 e-flex e-con-boxed e-con e-parent\" data-id=\"4856742\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d4b9b1 elementor-widget elementor-widget-html\" data-id=\"5d4b9b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"el\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Proof in Numbers<\/title>\r\n\r\n <style>\r\n \/* \u0393\u03b5\u03bd\u03b9\u03ba\u03cc Container *\/\r\n .metrics-section {\r\n background-color: #1a1a1a;\r\n padding: 0 20px;\r\n font-family: inherit;\r\n color: #ffffff;\r\n }\r\n\r\n .metrics-wrapper {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* \u03a4\u03af\u03c4\u03bb\u03bf\u03c2 \u0395\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2 *\/\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .section-title {\r\n font-size: 32px;\r\n font-weight: 800;\r\n text-transform: none;\r\n letter-spacing: 1px;\r\n color: #ffffff;\r\n margin: 0 0 10px 0;\r\n font-family: inherit;\r\n }\r\n\r\n .section-title span {\r\n color: #00ff00;\r\n }\r\n\r\n .section-divider {\r\n width: 60px;\r\n height: 3px;\r\n background-color: #3b7d23;\r\n margin: 0 auto;\r\n border-radius: 2px;\r\n }\r\n\r\n \/* Grid Container *\/\r\n .metrics-container {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n gap: 20px;\r\n }\r\n\r\n \/* \u039a\u03ac\u03c1\u03c4\u03b1 Metric *\/\r\n .metric-card {\r\n background-color: #404040;\r\n border: 1px solid rgba(0, 255, 0, 0.15);\r\n border-radius: 12px;\r\n padding: 24px;\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n position: relative;\r\n overflow: hidden;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\r\n }\r\n\r\n \/* Hover \u03b5\u03c6\u03ad *\/\r\n .metric-card:hover {\r\n transform: translateY(-5px);\r\n border-color: #00ff00;\r\n box-shadow: 0 10px 25px rgba(0, 255, 0, 0.15);\r\n }\r\n\r\n \/* \u0394\u03b9\u03b1\u03ba\u03c1\u03b9\u03c4\u03b9\u03ba\u03ae \u03bc\u03c0\u03ac\u03c1\u03b1 \u03c7\u03c1\u03ce\u03bc\u03b1\u03c4\u03bf\u03c2 \u03c3\u03c4\u03b7\u03bd \u03b1\u03c1\u03b9\u03c3\u03c4\u03b5\u03c1\u03ae \u03c0\u03bb\u03b5\u03c5\u03c1\u03ac *\/\r\n .metric-card::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n height: 100%;\r\n width: 4px;\r\n background-color: #3b7d23;\r\n transition: background-color 0.3s ease;\r\n }\r\n\r\n .metric-card:hover::before {\r\n background-color: #00ff00;\r\n }\r\n\r\n \/* \u03a3\u03c4\u03b1\u03c4\u03b9\u03c3\u03c4\u03b9\u03ba\u03cc (\u0391\u03c1\u03b9\u03b8\u03bc\u03cc\u03c2) *\/\r\n .metric-value {\r\n font-size: 36px;\r\n font-weight: 800;\r\n color: #00ff00;\r\n min-width: 110px;\r\n line-height: 1;\r\n letter-spacing: -1px;\r\n font-family: inherit;\r\n }\r\n\r\n \/* \u03a0\u03b5\u03c1\u03b9\u03b5\u03c7\u03cc\u03bc\u03b5\u03bd\u03bf *\/\r\n .metric-content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n }\r\n\r\n .metric-label-wrapper {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .metric-arrow {\r\n color: #00ff00;\r\n font-size: 18px;\r\n font-weight: bold;\r\n }\r\n\r\n .metric-title {\r\n font-size: 16px;\r\n font-weight: 700;\r\n color: #ffffff;\r\n text-transform: none;\r\n letter-spacing: 0.5px;\r\n margin: 0;\r\n font-family: inherit;\r\n }\r\n\r\n .metric-subtitle {\r\n font-size: 12px;\r\n color: #cccccc;\r\n margin: 0;\r\n font-weight: 400;\r\n font-family: inherit;\r\n }\r\n\r\n \/* Responsive \u03c0\u03c1\u03bf\u03c3\u03b1\u03c1\u03bc\u03bf\u03b3\u03ae \u03b3\u03b9\u03b1 \u03ba\u03b9\u03bd\u03b7\u03c4\u03ac *\/\r\n @media (max-width: 600px) {\r\n .section-title {\r\n font-size: 24px;\r\n }\r\n\r\n .metric-card {\r\n padding: 16px;\r\n gap: 12px;\r\n }\r\n\r\n .metric-value {\r\n font-size: 28px;\r\n min-width: 90px;\r\n }\r\n\r\n .metric-title {\r\n font-size: 14px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <section class=\"metrics-section\">\r\n\r\n <div class=\"metrics-wrapper\">\r\n\r\n <div class=\"section-header\">\r\n\r\n <h2 class=\"section-title\">\r\n Proof in <span>Numbers<\/span>\r\n <\/h2>\r\n\r\n <div class=\"section-divider\"><\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"metrics-container\">\r\n\r\n \r\n <div class=\"metric-card\">\r\n\r\n <div\r\n class=\"metric-value\"\r\n data-target=\"13\"\r\n data-suffix=\"+\"\r\n >\r\n 0+\r\n <\/div>\r\n\r\n <div class=\"metric-content\">\r\n\r\n <div class=\"metric-label-wrapper\">\r\n <span class=\"metric-arrow\">\u2192<\/span>\r\n\r\n <h3 class=\"metric-title\">\r\n \u03a7\u03c1\u03cc\u03bd\u03b9\u03b1 \u0395\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1\u03c2\r\n <\/h3>\r\n <\/div>\r\n\r\n <p class=\"metric-subtitle\">\r\n \u03a3\u03c4\u03b1\u03b8\u03b5\u03c1\u03ae \u03c0\u03b1\u03c1\u03bf\u03c5\u03c3\u03af\u03b1 \u03ba\u03b1\u03b9 \u03b5\u03be\u03b5\u03b9\u03b4\u03af\u03ba\u03b5\u03c5\u03c3\u03b7 \u03c3\u03c4\u03b7\u03bd \u03b1\u03b3\u03bf\u03c1\u03ac \u03b1\u03c0\u03cc \u03c4\u03bf 2013.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"metric-card\">\r\n\r\n <div\r\n class=\"metric-value\"\r\n data-target=\"10\"\r\n data-suffix=\"+\"\r\n >\r\n 0+\r\n <\/div>\r\n\r\n <div class=\"metric-content\">\r\n\r\n <div class=\"metric-label-wrapper\">\r\n <span class=\"metric-arrow\">\u2192<\/span>\r\n\r\n <h3 class=\"metric-title\">\r\n Premium Brands\r\n <\/h3>\r\n <\/div>\r\n\r\n <p class=\"metric-subtitle\">\r\n \u0395\u03c0\u03b9\u03bb\u03b5\u03b3\u03bc\u03ad\u03bd\u03b1 \u03ba\u03bf\u03c1\u03c5\u03c6\u03b1\u03af\u03b1 \u03b4\u03b9\u03b5\u03b8\u03bd\u03ae brands, \u03bc\u03b5 \u03ad\u03bc\u03c6\u03b1\u03c3\u03b7 \u03c3\u03c4\u03b7\u03bd \u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1,\r\n \u03c4\u03b7\u03bd \u03c4\u03b5\u03c7\u03bd\u03bf\u03bb\u03bf\u03b3\u03af\u03b1 \u03ba\u03b1\u03b9 \u03c4\u03b7 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"metric-card\">\r\n\r\n <div\r\n class=\"metric-value\"\r\n data-target=\"20\"\r\n data-suffix=\"+\"\r\n >\r\n 0+\r\n <\/div>\r\n\r\n <div class=\"metric-content\">\r\n\r\n <div class=\"metric-label-wrapper\">\r\n <span class=\"metric-arrow\">\u2192<\/span>\r\n\r\n <h3 class=\"metric-title\">\r\n \u03a4\u03b5\u03c7\u03bd\u03bf\u03bb\u03bf\u03b3\u03af\u03b5\u03c2 \u03a5\u03bb\u03b9\u03ba\u03ce\u03bd\r\n <\/h3>\r\n <\/div>\r\n\r\n <p class=\"metric-subtitle\">\r\n \u0395\u03bd\u03c3\u03c9\u03bc\u03ac\u03c4\u03c9\u03c3\u03b7 \u03ba\u03bf\u03c1\u03c5\u03c6\u03b1\u03af\u03c9\u03bd \u03c4\u03b5\u03c7\u03bd\u03bf\u03bb\u03bf\u03b3\u03b9\u03ce\u03bd \u03ba\u03b1\u03b9 \u03c5\u03bb\u03b9\u03ba\u03ce\u03bd,\r\n \u03cc\u03c0\u03c9\u03c2 <strong>GORE-TEX, PrimaLoft \u03ba\u03b1\u03b9 Vibram<\/strong>.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"metric-card\">\r\n\r\n <div\r\n class=\"metric-value\"\r\n data-target=\"100\"\r\n data-suffix=\"%\"\r\n >\r\n 0%\r\n <\/div>\r\n\r\n <div class=\"metric-content\">\r\n\r\n <div class=\"metric-label-wrapper\">\r\n <span class=\"metric-arrow\">\u2192<\/span>\r\n\r\n <h3 class=\"metric-title\">\r\n \u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ae & \u03a5\u03bb\u03b9\u03ba\u03ae \u03a5\u03c0\u03b5\u03c1\u03bf\u03c7\u03ae\r\n <\/h3>\r\n <\/div>\r\n\r\n <p class=\"metric-subtitle\">\r\n Brands \u03bc\u03b5 <strong>bluesign\u00ae \u03c0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7<\/strong> \u03ba\u03b1\u03b9 \u03c5\u03bb\u03b9\u03ba\u03ac\r\n \u03c5\u03c8\u03b7\u03bb\u03ce\u03bd \u03c0\u03c1\u03bf\u03b4\u03b9\u03b1\u03b3\u03c1\u03b1\u03c6\u03ce\u03bd, \u03b5\u03c0\u03b9\u03bb\u03b5\u03b3\u03bc\u03ad\u03bd\u03b1 \u03b3\u03b9\u03b1\r\n <strong>\u03bc\u03ad\u03b3\u03b9\u03c3\u03c4\u03b7 \u03b1\u03bd\u03c4\u03bf\u03c7\u03ae, \u03c0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c3\u03af\u03b1 \u03ba\u03b1\u03b9 \u03b1\u03c0\u03cc\u03b4\u03bf\u03c3\u03b7<\/strong>.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"metric-card\">\r\n\r\n <div class=\"metric-value\">\r\n 4\/4\r\n <\/div>\r\n\r\n <div class=\"metric-content\">\r\n\r\n <div class=\"metric-label-wrapper\">\r\n <span class=\"metric-arrow\">\u2192<\/span>\r\n\r\n <h3 class=\"metric-title\">\r\n \u03a0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c3\u03af\u03b1 \u03a0\u03b1\u03bd\u03c4\u03cc\u03c2 \u039a\u03b1\u03b9\u03c1\u03bf\u03cd\r\n <\/h3>\r\n\r\n <\/div>\r\n\r\n <p class=\"metric-subtitle\">\r\n \u03a4\u03b5\u03c7\u03bd\u03bf\u03bb\u03bf\u03b3\u03b9\u03ba\u03ac \u03c0\u03c1\u03bf\u03b7\u03b3\u03bc\u03ad\u03bd\u03b5\u03c2 \u03c3\u03c5\u03bb\u03bb\u03bf\u03b3\u03ad\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03b9\u03c2\r\n <strong>4 \u03b5\u03c0\u03bf\u03c7\u03ad\u03c2 \u03c4\u03bf\u03c5 \u03c7\u03c1\u03cc\u03bd\u03bf\u03c5<\/strong> \u03ba\u03b1\u03b9\r\n <strong>\u03ba\u03ac\u03b8\u03b5 \u03ba\u03b1\u03b9\u03c1\u03b9\u03ba\u03ae \u03c3\u03c5\u03bd\u03b8\u03ae\u03ba\u03b7<\/strong>.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"metric-card\">\r\n\r\n <div class=\"metric-value\">\r\n 360\u00b0\r\n <\/div>\r\n\r\n <div class=\"metric-content\">\r\n\r\n <div class=\"metric-label-wrapper\">\r\n <span class=\"metric-arrow\">\u2192<\/span>\r\n\r\n <h3 class=\"metric-title\">\r\n Beyond Boundaries\r\n <\/h3>\r\n\r\n <\/div>\r\n\r\n <p class=\"metric-subtitle\">\r\n \u039a\u03ac\u03bb\u03c5\u03c8\u03b7 \u03ba\u03ac\u03b8\u03b5 \u03b1\u03bd\u03ac\u03b3\u03ba\u03b7\u03c2, \u03b1\u03c0\u03cc \u03c4\u03bf <strong>outdoor<\/strong>\r\n \u03ad\u03c9\u03c2 \u03c4\u03b7\u03bd <strong>\u03c0\u03cc\u03bb\u03b7 \u03ba\u03b1\u03b9 \u03c4\u03bf yachting<\/strong>.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n const counters = document.querySelectorAll(\r\n \".metric-value[data-target]\"\r\n );\r\n\r\n let animated = false;\r\n\r\n function runCounters() {\r\n\r\n counters.forEach(counter => {\r\n\r\n const target = +counter.getAttribute(\"data-target\");\r\n const suffix = counter.getAttribute(\"data-suffix\") || \"\";\r\n\r\n let count = 0;\r\n\r\n const duration = 1500;\r\n const increment = target \/ (duration \/ 16);\r\n\r\n const updateCount = () => {\r\n\r\n count += increment;\r\n\r\n if (count < target) {\r\n\r\n counter.innerText =\r\n Math.ceil(count) + suffix;\r\n\r\n requestAnimationFrame(updateCount);\r\n\r\n } else {\r\n\r\n counter.innerText =\r\n target + suffix;\r\n\r\n }\r\n\r\n };\r\n\r\n updateCount();\r\n\r\n });\r\n\r\n }\r\n\r\n\r\n const observer = new IntersectionObserver(\r\n (entries, observer) => {\r\n\r\n entries.forEach(entry => {\r\n\r\n if (entry.isIntersecting && !animated) {\r\n\r\n animated = true;\r\n\r\n runCounters();\r\n\r\n observer.disconnect();\r\n\r\n }\r\n\r\n });\r\n\r\n },\r\n {\r\n threshold: 0.2\r\n }\r\n );\r\n\r\n\r\n const section =\r\n document.querySelector(\".metrics-section\");\r\n\r\n if (section) {\r\n observer.observe(section);\r\n }\r\n\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hero Section \u0391\u03c0\u03bf\u03ba\u03bb\u03b5\u03b9\u03c3\u03c4\u03b9\u03ba\u03ad\u03c2 \u03c3\u03c5\u03bb\u03bb\u03bf\u03b3\u03ad\u03c2 \u03b3\u03b5\u03bd\u03bd\u03b7\u03bc\u03ad\u03bd\u03b5\u03c2 \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03b1\u03bd\u03b1\u03b6\u03ae\u03c4\u03b7\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2, \u03b1\u03b9\u03c3\u03b8\u03b7\u03c4\u03b9\u03ba\u03ae\u03c2 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03ae\u03c2 \u03ac\u03bd\u03b5\u03c3\u03b7\u03c2 \u03ba\u03b1\u03b9 \u03c4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ae\u03c2 \u03c5\u03c0\u03b5\u03c1\u03bf\u03c7\u03ae\u03c2. \u0393\u03b9\u03b1 \u03ba\u03ac\u03b8\u03b5 \u03b4\u03b9\u03b1\u03b4\u03c1\u03bf\u03bc\u03ae. \u0393\u03b9\u03b1 \u03ba\u03ac\u03b8\u03b5 \u03c3\u03c4\u03b9\u03b3\u03bc\u03ae. \u03a0\u03b1\u03bd\u03c4\u03bf\u03cd. “\u2026a way of life that I can wear.” \u0394\u03b7\u03bc\u03bf\u03c6\u03b9\u03bb\u03ae \u03a0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1 Products Grid Online Only Dummy Product 1 49.99\u20ac Online Only Dummy Product 2 79.99\u20ac Online Only Dummy Product 3 35.00\u20ac Online Only […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"disabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-930","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/markelle.gr\/en\/wp-json\/wp\/v2\/pages\/930","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/markelle.gr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/markelle.gr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/markelle.gr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/markelle.gr\/en\/wp-json\/wp\/v2\/comments?post=930"}],"version-history":[{"count":215,"href":"https:\/\/markelle.gr\/en\/wp-json\/wp\/v2\/pages\/930\/revisions"}],"predecessor-version":[{"id":1321,"href":"https:\/\/markelle.gr\/en\/wp-json\/wp\/v2\/pages\/930\/revisions\/1321"}],"wp:attachment":[{"href":"https:\/\/markelle.gr\/en\/wp-json\/wp\/v2\/media?parent=930"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Hero Section<\/title>\r\n <style>\r\n \/* Hero Section Container *\/\r\n .hero-section {\r\n position: relative;\r\n width: 100%;\r\n min-height: 85vh;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-start;\r\n background: linear-gradient(to right, rgba(26, 26, 26, 0.82), rgba(26, 26, 26, 0.35)), url('https:\/\/markelle.gr\/wp-content\/uploads\/2026\/09\/homepage-copy-scaled-1.webp') center\/cover no-repeat;\r\n padding: 80px 60px;\r\n box-sizing: border-box;\r\n font-family: inherit;\r\n color: #ffffff;\r\n overflow: hidden;\r\n }\r\n\r\n .hero-wrapper {\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 3;\r\n }\r\n\r\n \/* \u039a\u03cd\u03c1\u03b9\u03bf\u03c2 \u03a4\u03af\u03c4\u03bb\u03bf\u03c2 *\/\r\n .hero-title {\r\n font-size: 40px;\r\n font-weight: 700;\r\n letter-spacing: 0.3px;\r\n line-height: 1.25;\r\n margin: 0 0 20px 0;\r\n color: #ffffff;\r\n max-width: 850px;\r\n text-transform: none;\r\n }\r\n\r\n .hero-title span {\r\n color: #00ff00;\r\n }\r\n\r\n \/* \u03a5\u03c0\u03bf\u03c3\u03c4\u03ae\u03c1\u03b9\u03be\u03b7 \/ \u0394\u03b5\u03c5\u03c4\u03b5\u03c1\u03b5\u03cd\u03bf\u03bd \u03ba\u03b5\u03af\u03bc\u03b5\u03bd\u03bf *\/\r\n .hero-subtitle {\r\n font-size: 18px;\r\n font-weight: 500;\r\n color: #e0e0e0;\r\n margin: 0 0 16px 0;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n \/* Quote \/ Way of life (\u03c0\u03c1\u03ac\u03c3\u03b9\u03bd\u03bf) *\/\r\n .hero-quote {\r\n font-size: 15px;\r\n font-style: italic;\r\n color: #00ff00;\r\n margin: 0;\r\n padding-left: 0;\r\n border-left: none;\r\n }\r\n\r\n \/* Responsive Design \u03b3\u03b9\u03b1 \u03ba\u03b9\u03bd\u03b7\u03c4\u03ac *\/\r\n @media (max-width: 768px) {\r\n .hero-section {\r\n min-height: 70vh;\r\n padding: 60px 20px;\r\n justify-content: center;\r\n text-align: center;\r\n }\r\n\r\n .hero-title {\r\n font-size: 24px;\r\n line-height: 1.3;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 15px;\r\n }\r\n\r\n .hero-quote {\r\n font-size: 14px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"hero-section\">\r\n <div class=\"hero-wrapper\">\r\n <h1 class=\"hero-title\">\r\n \u0391\u03c0\u03bf\u03ba\u03bb\u03b5\u03b9\u03c3\u03c4\u03b9\u03ba\u03ad\u03c2 \u03c3\u03c5\u03bb\u03bb\u03bf\u03b3\u03ad\u03c2 \u03b3\u03b5\u03bd\u03bd\u03b7\u03bc\u03ad\u03bd\u03b5\u03c2 \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03b1\u03bd\u03b1\u03b6\u03ae\u03c4\u03b7\u03c3\u03b7 \r\n <span>\u03c4\u03b7\u03c2 \u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2, \u03b1\u03b9\u03c3\u03b8\u03b7\u03c4\u03b9\u03ba\u03ae\u03c2 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03ae\u03c2 \u03ac\u03bd\u03b5\u03c3\u03b7\u03c2 \u03ba\u03b1\u03b9 \u03c4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ae\u03c2 \u03c5\u03c0\u03b5\u03c1\u03bf\u03c7\u03ae\u03c2.<\/span>\r\n <\/h1>\r\n \r\n <p class=\"hero-subtitle\">\r\n \u0393\u03b9\u03b1 \u03ba\u03ac\u03b8\u03b5 \u03b4\u03b9\u03b1\u03b4\u03c1\u03bf\u03bc\u03ae. \u0393\u03b9\u03b1 \u03ba\u03ac\u03b8\u03b5 \u03c3\u03c4\u03b9\u03b3\u03bc\u03ae. \u03a0\u03b1\u03bd\u03c4\u03bf\u03cd.\r\n <\/p>\r\n\r\n <p class=\"hero-quote\">\r\n “\u2026a way of life that I can wear.”\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-02c1422 e-flex e-con-boxed e-con e-parent\" data-id=\"02c1422\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-99a1ace elementor-widget elementor-widget-heading\" data-id=\"99a1ace\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\u0394\u03b7\u03bc\u03bf\u03c6\u03b9\u03bb\u03ae \u03a0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c80ae6 elementor-widget elementor-widget-html\" data-id=\"1c80ae6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"el\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Products Grid<\/title>\r\n <style>\r\n \/* Container \u03c4\u03bf\u03c5 Grid (Desktop & Default) *\/\r\n .products-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n gap: 24px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 20px;\r\n font-family: sans-serif;\r\n }\r\n\r\n \/* \u039a\u03ac\u03c1\u03c4\u03b1 \u03a0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03bf\u03c2 *\/\r\n .product-card {\r\n background: #ffffff;\r\n border: 1px solid #eaeaea;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n }\r\n\r\n .product-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);\r\n }\r\n\r\n \/* Container \u0395\u03b9\u03ba\u03cc\u03bd\u03b1\u03c2 & Badge *\/\r\n .product-image-container {\r\n position: relative;\r\n width: 100%;\r\n aspect-ratio: 1 \/ 1;\r\n background-color: #f9f9f9;\r\n overflow: hidden;\r\n }\r\n\r\n .product-image-container img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n \/* \u03a3\u03c4\u03c5\u03bb \u03b3\u03b9\u03b1 \u03c4\u03b1 Badges (\u03bc\u03b5 \u03c4\u03bf \u03bd\u03ad\u03bf \u03c3\u03bf\u03c5 \u03c7\u03c1\u03ce\u03bc\u03b1) *\/\r\n .product-badge {\r\n position: absolute;\r\n top: 12px;\r\n left: 12px;\r\n padding: 6px 12px;\r\n font-size: 11px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n border-radius: 4px;\r\n z-index: 2;\r\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\r\n background-color: #3b7d23;\r\n color: #ffffff;\r\n }\r\n\r\n \/* \u03a0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2 \u03a0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03bf\u03c2 (\u03a4\u03af\u03c4\u03bb\u03bf\u03c2 & \u03a4\u03b9\u03bc\u03ae) *\/\r\n .product-info {\r\n padding: 16px;\r\n text-align: left;\r\n }\r\n\r\n .product-title {\r\n font-size: 16px;\r\n font-weight: 600;\r\n color: #333333;\r\n margin: 0 0 8px 0;\r\n }\r\n\r\n .product-price {\r\n font-size: 15px;\r\n font-weight: 500;\r\n color: #666666;\r\n margin: 0;\r\n }\r\n\r\n \/* Mobile: Stack 2-2 \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1 \u03b1\u03bd\u03ac \u03b3\u03c1\u03b1\u03bc\u03bc\u03ae *\/\r\n @media (max-width: 768px) {\r\n .products-grid {\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n gap: 12px;\r\n padding: 10px;\r\n }\r\n \r\n .product-info {\r\n padding: 10px;\r\n }\r\n\r\n .product-title {\r\n font-size: 13px;\r\n }\r\n\r\n .product-price {\r\n font-size: 12px;\r\n }\r\n\r\n .product-badge {\r\n top: 8px;\r\n left: 8px;\r\n padding: 4px 8px;\r\n font-size: 9px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"products-grid\">\r\n <div class=\"product-card\">\r\n <div class=\"product-image-container\">\r\n <span class=\"product-badge\">Online Only<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/markelle.gr\/wp-content\/uploads\/2026\/09\/bag-dummy-product.webp\" alt=\"Dummy Product 1\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h3 class=\"product-title\">Dummy Product 1<\/h3>\r\n <p class=\"product-price\">49.99\u20ac<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <div class=\"product-image-container\">\r\n <span class=\"product-badge\">Online Only<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/markelle.gr\/wp-content\/uploads\/2026\/09\/bag-dummy-product.webp\" alt=\"Dummy Product 2\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h3 class=\"product-title\">Dummy Product 2<\/h3>\r\n <p class=\"product-price\">79.99\u20ac<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <div class=\"product-image-container\">\r\n <span class=\"product-badge\">Online Only<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/markelle.gr\/wp-content\/uploads\/2026\/09\/bag-dummy-product.webp\" alt=\"Dummy Product 3\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h3 class=\"product-title\">Dummy Product 3<\/h3>\r\n <p class=\"product-price\">35.00\u20ac<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <div class=\"product-image-container\">\r\n <span class=\"product-badge\">Online Only<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/markelle.gr\/wp-content\/uploads\/2026\/09\/bag-dummy-product.webp\" alt=\"Dummy Product 4\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h3 class=\"product-title\">Dummy Product 4<\/h3>\r\n <p class=\"product-price\">120.00\u20ac<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fa9b519 e-flex e-con-boxed e-con e-parent\" data-id=\"fa9b519\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a78befd elementor-widget elementor-widget-heading\" data-id=\"a78befd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\u039d\u03ad\u03b5\u03c2 \u03a0\u03b1\u03c1\u03b1\u03bb\u03b1\u03b2\u03ad\u03c2<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c42221 elementor-widget elementor-widget-html\" data-id=\"7c42221\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"el\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Products Grid<\/title>\r\n <style>\r\n \/* Container \u03c4\u03bf\u03c5 Grid (Responsive \u03b1\u03bd\u03ac\u03bb\u03bf\u03b3\u03b1 \u03bc\u03b5 \u03c4\u03b7\u03bd \u03bf\u03b8\u03cc\u03bd\u03b7) *\/\r\n .products-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n gap: 24px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 20px;\r\n font-family: sans-serif;\r\n }\r\n\r\n \/* \u039a\u03ac\u03c1\u03c4\u03b1 \u03a0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03bf\u03c2 *\/\r\n .product-card {\r\n background: #ffffff;\r\n border: 1px solid #eaeaea;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n }\r\n\r\n .product-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);\r\n }\r\n\r\n \/* Container \u0395\u03b9\u03ba\u03cc\u03bd\u03b1\u03c2 & Badge *\/\r\n .product-image-container {\r\n position: relative;\r\n width: 100%;\r\n aspect-ratio: 1 \/ 1;\r\n background-color: #f9f9f9;\r\n overflow: hidden;\r\n }\r\n\r\n .product-image-container img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n \/* \u03a3\u03c4\u03c5\u03bb \u03b3\u03b9\u03b1 \u03c4\u03b1 Badges *\/\r\n .product-badge {\r\n position: absolute;\r\n top: 12px;\r\n left: 12px;\r\n padding: 6px 12px;\r\n font-size: 11px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n border-radius: 4px;\r\n z-index: 2;\r\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\r\n background-color: #3b7d23;\r\n color: #ffffff;\r\n }\r\n\r\n \/* \u03a0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2 \u03a0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03bf\u03c2 (\u03a4\u03af\u03c4\u03bb\u03bf\u03c2 & \u03a4\u03b9\u03bc\u03ae) *\/\r\n .product-info {\r\n padding: 16px;\r\n text-align: left;\r\n }\r\n\r\n .product-title {\r\n font-size: 16px;\r\n font-weight: 600;\r\n color: #333333;\r\n margin: 0 0 8px 0;\r\n }\r\n\r\n .product-price {\r\n font-size: 15px;\r\n font-weight: 500;\r\n color: #666666;\r\n margin: 0;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"products-grid\">\r\n <div class=\"product-card\">\r\n <div class=\"product-image-container\">\r\n <span class=\"product-badge\">Online Only<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/markelle.gr\/wp-content\/uploads\/2026\/09\/bag-dummy-product.webp\" alt=\"Dummy Product 1\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h3 class=\"product-title\">Dummy Product 1<\/h3>\r\n <p class=\"product-price\">49.99\u20ac<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <div class=\"product-image-container\">\r\n <span class=\"product-badge\">Online Only<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/markelle.gr\/wp-content\/uploads\/2026\/09\/bag-dummy-product.webp\" alt=\"Dummy Product 2\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h3 class=\"product-title\">Dummy Product 2<\/h3>\r\n <p class=\"product-price\">79.99\u20ac<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <div class=\"product-image-container\">\r\n <span class=\"product-badge\">Online Only<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/markelle.gr\/wp-content\/uploads\/2026\/09\/bag-dummy-product.webp\" alt=\"Dummy Product 3\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h3 class=\"product-title\">Dummy Product 3<\/h3>\r\n <p class=\"product-price\">35.00\u20ac<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <div class=\"product-image-container\">\r\n <span class=\"product-badge\">Online Only<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/markelle.gr\/wp-content\/uploads\/2026\/09\/bag-dummy-product.webp\" alt=\"Dummy Product 4\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h3 class=\"product-title\">Dummy Product 4<\/h3>\r\n <p class=\"product-price\">120.00\u20ac<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bc276a7 e-con-full e-flex e-con e-parent\" data-id=\"bc276a7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e043eb elementor-widget elementor-widget-html\" data-id=\"9e043eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"el\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>\u039a\u03b1\u03b9\u03bd\u03bf\u03c4\u03bf\u03bc\u03af\u03b1 & \u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ae \u03a5\u03c0\u03b5\u03c1\u03bf\u03c7\u03ae<\/title>\r\n\r\n <style>\r\n \/* \u0393\u03b5\u03bd\u03b9\u03ba\u03cc Container *\/\r\n .innovation-section {\r\n background-color: #1a1a1a;\r\n padding: 60px 20px;\r\n font-family: inherit;\r\n color: #ffffff;\r\n box-sizing: border-box;\r\n width: 100%;\r\n }\r\n\r\n .innovation-wrapper {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n \/* Grid \u0394\u03b9\u03ac\u03c4\u03b1\u03be\u03b7 (2 \u03a3\u03c4\u03ae\u03bb\u03b5\u03c2) *\/\r\n .innovation-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1.2fr;\r\n gap: 50px;\r\n align-items: start;\r\n }\r\n\r\n \/* \u0391\u03c1\u03b9\u03c3\u03c4\u03b5\u03c1\u03ae \u03a3\u03c4\u03ae\u03bb\u03b7: \u0395\u03b9\u03ba\u03cc\u03bd\u03b1 \/ Visual Card *\/\r\n .innovation-visual {\r\n background-color: #404040;\r\n border: 1px solid rgba(0, 255, 0, 0.15);\r\n border-radius: 16px;\r\n overflow: hidden;\r\n position: relative;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\r\n transition: all 0.3s ease;\r\n min-height: 550px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-end;\r\n position: sticky;\r\n top: 40px;\r\n }\r\n\r\n .innovation-visual:hover {\r\n border-color: #00ff00;\r\n box-shadow: 0 15px 40px rgba(0, 255, 0, 0.15);\r\n }\r\n\r\n .innovation-visual::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n height: 100%;\r\n width: 6px;\r\n background-color: #3b7d23;\r\n transition: background-color 0.3s ease;\r\n z-index: 2;\r\n }\r\n\r\n .innovation-visual:hover::before {\r\n background-color: #00ff00;\r\n }\r\n\r\n \/* Background Image *\/\r\n .innovation-img-bg {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background:\r\n linear-gradient(\r\n to bottom,\r\n rgba(26,26,26,0.1),\r\n rgba(26,26,26,0.9)\r\n ),\r\n url('https:\/\/markelle.gr\/wp-content\/uploads\/2026\/09\/bags-800x600-1.webp?q=80&w=1000&auto=format&fit=crop')\r\n center\/cover no-repeat;\r\n z-index: 1;\r\n }\r\n\r\n \/* Overlay Badge \u03bc\u03ad\u03c3\u03b1 \u03c3\u03c4\u03b7\u03bd \u03b5\u03b9\u03ba\u03cc\u03bd\u03b1 *\/\r\n .innovation-badge-content {\r\n position: relative;\r\n z-index: 3;\r\n padding: 30px;\r\n background: linear-gradient(\r\n to top,\r\n rgba(0,0,0,0.85),\r\n transparent\r\n );\r\n }\r\n\r\n .badge-tag {\r\n display: inline-block;\r\n background-color: #3b7d23;\r\n color: #ffffff;\r\n font-size: 12px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n padding: 6px 14px;\r\n border-radius: 4px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .badge-title {\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: #ffffff;\r\n margin: 0;\r\n line-height: 1.3;\r\n }\r\n\r\n \/* \u0394\u03b5\u03be\u03b9\u03ac \u03a3\u03c4\u03ae\u03bb\u03b7: \u03a0\u03b5\u03c1\u03b9\u03b5\u03c7\u03cc\u03bc\u03b5\u03bd\u03bf *\/\r\n .innovation-content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 24px;\r\n }\r\n\r\n .section-title {\r\n font-size: 32px;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n color: #ffffff;\r\n margin: 0;\r\n line-height: 1.2;\r\n }\r\n\r\n .section-title span {\r\n color: #00ff00;\r\n }\r\n\r\n .lead-text {\r\n font-size: 16px;\r\n line-height: 1.7;\r\n color: #d1d1d1;\r\n margin: 0;\r\n }\r\n\r\n \/* Tech Cards Grid *\/\r\n .tech-grid {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n }\r\n\r\n .tech-card-item {\r\n background-color: #404040;\r\n border: 1px solid rgba(0, 255, 0, 0.12);\r\n border-radius: 12px;\r\n padding: 20px;\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .tech-card-item:hover {\r\n border-color: #00ff00;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 25px rgba(0, 255, 0, 0.1);\r\n }\r\n\r\n .tech-card-item::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n height: 100%;\r\n width: 4px;\r\n background-color: #3b7d23;\r\n }\r\n\r\n .tech-card-item h4 {\r\n font-size: 15px;\r\n font-weight: 700;\r\n color: #00ff00;\r\n text-transform: uppercase;\r\n margin: 0 0 8px 0;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .tech-card-item p {\r\n font-size: 14px;\r\n color: #cccccc;\r\n margin: 0;\r\n line-height: 1.6;\r\n }\r\n\r\n .closing-box {\r\n background-color: rgba(59, 125, 35, 0.15);\r\n border-left: 4px solid #00ff00;\r\n padding: 20px;\r\n border-radius: 0 12px 12px 0;\r\n margin-top: 10px;\r\n }\r\n\r\n .closing-box p {\r\n font-size: 14px;\r\n line-height: 1.7;\r\n color: #ffffff;\r\n margin: 0;\r\n font-weight: 500;\r\n }\r\n\r\n \/* Responsive Design *\/\r\n @media (max-width: 900px) {\r\n .innovation-grid {\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n }\r\n\r\n .innovation-visual {\r\n min-height: 350px;\r\n position: relative;\r\n top: 0;\r\n }\r\n\r\n .section-title {\r\n font-size: 26px;\r\n }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .innovation-section {\r\n padding: 40px 15px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <section class=\"innovation-section\">\r\n\r\n <div class=\"innovation-wrapper\">\r\n\r\n <div class=\"innovation-grid\">\r\n\r\n \r\n <div class=\"innovation-visual\">\r\n\r\n <div class=\"innovation-img-bg\"><\/div>\r\n\r\n <div class=\"innovation-badge-content\">\r\n\r\n <span class=\"badge-tag\">Fabric Technology<\/span>\r\n\r\n <h3 class=\"badge-title\">\r\n \u03a6\u03ad\u03c1\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7\u03bd \u03c0\u03b1\u03b3\u03ba\u03cc\u03c3\u03bc\u03b9\u03b1 \u03b5\u03bb\u03af\u03c4 \u03c3\u03c4\u03b7\u03bd \u0395\u03bb\u03bb\u03ac\u03b4\u03b1\r\n <\/h3>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"innovation-content\">\r\n\r\n <h2 class=\"section-title\">\r\n \u039a\u03b1\u03b9\u03bd\u03bf\u03c4\u03bf\u03bc\u03af\u03b1 & <span>\u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ae \u03a5\u03c0\u03b5\u03c1\u03bf\u03c7\u03ae<\/span>\r\n <\/h2>\r\n\r\n\r\n <p class=\"lead-text\">\r\n \u039f\u03b9 \u03b1\u03c0\u03bf\u03ba\u03bb\u03b5\u03b9\u03c3\u03c4\u03b9\u03ba\u03ad\u03c2 \u03c3\u03c5\u03bb\u03bb\u03bf\u03b3\u03ad\u03c2 \u03bc\u03b1\u03c2 \u03c3\u03b5 \u03c1\u03bf\u03cd\u03c7\u03b1, \u03c0\u03b1\u03c0\u03bf\u03cd\u03c4\u03c3\u03b9\u03b1 \u03ba\u03b1\u03b9 \u03b1\u03be\u03b5\u03c3\u03bf\u03c5\u03ac\u03c1\r\n \u03b3\u03b5\u03c6\u03c5\u03c1\u03ce\u03bd\u03bf\u03c5\u03bd \u03c4\u03bf <strong>outdoor \u03bc\u03b5 \u03c4\u03bf urban lifestyle \u03ba\u03b1\u03b9 \u03c4\u03bf yachting<\/strong>,\r\n \u03c6\u03ad\u03c1\u03bd\u03bf\u03bd\u03c4\u03b1\u03c2 \u03c3\u03c4\u03b7\u03bd \u0395\u03bb\u03bb\u03ac\u03b4\u03b1 \u03c4\u03b7\u03bd \u03c0\u03b1\u03b3\u03ba\u03cc\u03c3\u03bc\u03b9\u03b1 \u03b5\u03bb\u03af\u03c4 \u03c4\u03bf\u03c5\r\n <strong>Fabric Technology<\/strong>.\r\n \u0395\u03c0\u03b9\u03bb\u03ad\u03b3\u03bf\u03c5\u03bc\u03b5 brands \u03c0\u03bf\u03c5 \u03b5\u03c0\u03b1\u03bd\u03b1\u03c0\u03c1\u03bf\u03c3\u03b4\u03b9\u03bf\u03c1\u03af\u03b6\u03bf\u03c5\u03bd \u03c4\u03b7\u03bd \u03ba\u03b1\u03b8\u03b7\u03bc\u03b5\u03c1\u03b9\u03bd\u03ae \u03ac\u03bd\u03b5\u03c3\u03b7,\r\n \u03b5\u03bd\u03c3\u03c9\u03bc\u03b1\u03c4\u03ce\u03bd\u03bf\u03bd\u03c4\u03b1\u03c2 \u03c4\u03b5\u03c7\u03bd\u03bf\u03bb\u03bf\u03b3\u03af\u03b5\u03c2 \u03b1\u03b9\u03c7\u03bc\u03ae\u03c2 \u03b3\u03b9\u03b1 \u03ba\u03ac\u03b8\u03b5 \u03ba\u03b1\u03b9\u03c1\u03b9\u03ba\u03ae \u03c3\u03c5\u03bd\u03b8\u03ae\u03ba\u03b7.\r\n <\/p>\r\n\r\n\r\n <div class=\"tech-grid\">\r\n\r\n \r\n <div class=\"tech-card-item\">\r\n\r\n <h4>\r\n \u0391\u03b4\u03b9\u03b1\u03b2\u03c1\u03bf\u03c7\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 & \u0391\u03bd\u03c4\u03b9\u03b1\u03bd\u03b5\u03bc\u03b9\u03ba\u03ae \u03a0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c3\u03af\u03b1\r\n <\/h4>\r\n\r\n <p>\r\n \u0391\u03c0\u03cc \u03c4\u03b7\u03bd \u03b1\u03c0\u03cc\u03bb\u03c5\u03c4\u03b7 \u03b1\u03b4\u03b9\u03b1\u03b2\u03c1\u03bf\u03c7\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03c4\u03b7\u03bd \u03b1\u03bd\u03c4\u03b9\u03b1\u03bd\u03b5\u03bc\u03b9\u03ba\u03ae \u03b8\u03c9\u03c1\u03ac\u03ba\u03b9\u03c3\u03b7\r\n \u03c0\u03bf\u03c5 \u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03bf\u03c5\u03bd \u03bf\u03b9 \u03bc\u03b5\u03bc\u03b2\u03c1\u03ac\u03bd\u03b5\u03c2 <strong>GORE-TEX<\/strong>\r\n \u03ba\u03b1\u03b9 \u03bf\u03b9 \u03c4\u03b5\u03c7\u03bd\u03bf\u03bb\u03bf\u03b3\u03af\u03b5\u03c2 <strong>Windstopper<\/strong> \u03ba\u03b1\u03b9\r\n <strong>SoftShell<\/strong>.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"tech-card-item\">\r\n\r\n <h4>\r\n \u039a\u03bf\u03c1\u03c5\u03c6\u03b1\u03af\u03b1 \u0398\u03b5\u03c1\u03bc\u03bf\u03bc\u03cc\u03bd\u03c9\u03c3\u03b7\r\n <\/h4>\r\n\r\n <p>\r\n \u039c\u03ad\u03c7\u03c1\u03b9 \u03c4\u03b7\u03bd \u03ba\u03bf\u03c1\u03c5\u03c6\u03b1\u03af\u03b1 \u03b8\u03b5\u03c1\u03bc\u03bf\u03bc\u03cc\u03bd\u03c9\u03c3\u03b7 \u03c4\u03c9\u03bd\r\n <strong>PrimaLoft<\/strong> \u03ba\u03b1\u03b9 <strong>Thermolite<\/strong>,\r\n \u03c0\u03bf\u03c5 \u03b4\u03b9\u03b1\u03c4\u03b7\u03c1\u03bf\u03cd\u03bd \u03c4\u03b7 \u03b8\u03b5\u03c1\u03bc\u03cc\u03c4\u03b7\u03c4\u03b1 \u03ba\u03b1\u03b9 \u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03bf\u03c5\u03bd \u03c0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c3\u03af\u03b1\r\n \u03b1\u03ba\u03cc\u03bc\u03b7 \u03ba\u03b1\u03b9 \u03c3\u03c4\u03b9\u03c2 \u03c0\u03b9\u03bf \u03b1\u03c0\u03b1\u03b9\u03c4\u03b7\u03c4\u03b9\u03ba\u03ad\u03c2 \u03c3\u03c5\u03bd\u03b8\u03ae\u03ba\u03b5\u03c2.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"tech-card-item\">\r\n\r\n <h4>\r\n \u0391\u03bd\u03c4\u03b7\u03bb\u03b9\u03b1\u03ba\u03ae \u03a0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c3\u03af\u03b1 & \u03a6\u03c5\u03c3\u03b9\u03ba\u03ad\u03c2 \u038a\u03bd\u03b5\u03c2\r\n <\/h4>\r\n\r\n <p>\r\n \u0395\u03c0\u03b5\u03bd\u03b4\u03cd\u03bf\u03c5\u03bc\u03b5 \u03c3\u03c4\u03b7\u03bd \u03b5\u03bd\u03c3\u03c9\u03bc\u03b1\u03c4\u03c9\u03bc\u03ad\u03bd\u03b7 \u03b1\u03bd\u03c4\u03b7\u03bb\u03b9\u03b1\u03ba\u03ae \u03c0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c3\u03af\u03b1\r\n (<strong>UV protection<\/strong>), \u03b1\u03c0\u03b1\u03c1\u03b1\u03af\u03c4\u03b7\u03c4\u03b7 \u03ba\u03ac\u03b8\u03b5 \u03b5\u03c0\u03bf\u03c7\u03ae\r\n \u03c4\u03bf\u03c5 \u03c7\u03c1\u03cc\u03bd\u03bf\u03c5, \u03ba\u03b1\u03b8\u03ce\u03c2 \u03ba\u03b1\u03b9 \u03c3\u03c4\u03b7\u03bd \u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1 \u03c4\u03c9\u03bd\r\n <strong>premium \u03c6\u03c5\u03c3\u03b9\u03ba\u03ce\u03bd \u03b9\u03bd\u03ce\u03bd<\/strong>, \u03cc\u03c0\u03c9\u03c2 \u03c4\u03bf\r\n <strong>Merino wool<\/strong> \u03ba\u03b1\u03b9 \u03c4\u03bf\r\n <strong>Supima cotton<\/strong>.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"tech-card-item\">\r\n\r\n <h4>\r\n \u03a0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03b1 \u03a5\u03bb\u03b9\u03ba\u03ac & \u0395\u03be\u03b1\u03c1\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1\r\n <\/h4>\r\n\r\n <p>\r\n \u0395\u03c0\u03b9\u03bb\u03ad\u03b3\u03bf\u03c5\u03bc\u03b5 \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1 \u03bc\u03b5\r\n <strong>\u03c0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03b1 \u03c5\u03bb\u03b9\u03ba\u03ac \u03ba\u03b1\u03b9 \u03b5\u03be\u03b1\u03c1\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1 \u03c5\u03c8\u03b7\u03bb\u03ce\u03bd \u03c0\u03c1\u03bf\u03b4\u03b9\u03b1\u03b3\u03c1\u03b1\u03c6\u03ce\u03bd<\/strong>,\r\n \u03cc\u03c0\u03c9\u03c2 <strong>bluesign<\/strong>, \u03b1\u03bd\u03b8\u03b5\u03ba\u03c4\u03b9\u03ba\u03ac \u03c6\u03b5\u03c1\u03bc\u03bf\u03c5\u03ac\u03c1\r\n <strong>YKK<\/strong> \u03ba\u03b1\u03b9 \u03c3\u03cc\u03bb\u03b5\u03c2 \u03c5\u03c8\u03b7\u03bb\u03ae\u03c2 \u03c0\u03c1\u03cc\u03c3\u03c6\u03c5\u03c3\u03b7\u03c2\r\n <strong>Vibram<\/strong>, \u03b4\u03af\u03bd\u03bf\u03bd\u03c4\u03b1\u03c2 \u03ad\u03bc\u03c6\u03b1\u03c3\u03b7 \u03c3\u03c4\u03b7\u03bd\r\n <strong>\u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1, \u03c4\u03b7\u03bd \u03c5\u03c8\u03b7\u03bb\u03ae \u03c4\u03b5\u03c7\u03bd\u03bf\u03bb\u03bf\u03b3\u03af\u03b1 \u03ba\u03b1\u03b9 \u03c4\u03b1 premium \u03c6\u03c5\u03c3\u03b9\u03ba\u03ac \u03c5\u03bb\u03b9\u03ba\u03ac<\/strong>.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"closing-box\">\r\n\r\n <p>\r\n \u03a4\u03bf \u03b1\u03c0\u03bf\u03c4\u03ad\u03bb\u03b5\u03c3\u03bc\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03bf \u03b9\u03b4\u03b1\u03bd\u03b9\u03ba\u03cc\u03c2 \u03c3\u03c5\u03bd\u03b4\u03c5\u03b1\u03c3\u03bc\u03cc\u03c2\r\n <strong>\u03b1\u03c0\u03b1\u03c1\u03ac\u03bc\u03b9\u03bb\u03bb\u03bf\u03c5 \u03c3\u03c4\u03c5\u03bb \u03ba\u03b1\u03b9 \u03ac\u03bd\u03b5\u03c3\u03b7\u03c2 \u03c3\u03c4\u03b7\u03bd \u03c0\u03cc\u03bb\u03b7<\/strong>,\r\n \u03bc\u03b5 \u03ba\u03bf\u03c1\u03c5\u03c6\u03b1\u03af\u03b1 <strong>\u03b1\u03bd\u03c4\u03bf\u03c7\u03ae, \u03c0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c3\u03af\u03b1 \u03ba\u03b1\u03b9 \u03b5\u03bb\u03b5\u03c5\u03b8\u03b5\u03c1\u03af\u03b1 \u03ba\u03b9\u03bd\u03ae\u03c3\u03b5\u03c9\u03bd\r\n \u03c3\u03c4\u03b7 \u03c6\u03cd\u03c3\u03b7<\/strong>.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a224505 e-flex e-con-boxed e-con e-parent\" data-id=\"a224505\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-89e79ab elementor-widget elementor-widget-heading\" data-id=\"89e79ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Limited Drops<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d2d4d81 elementor-widget elementor-widget-text-editor\" data-id=\"d2d4d81\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><em>\u039c\u03bf\u03bd\u03b1\u03b4\u03b9\u03ba\u03ac \u03ba\u03bf\u03bc\u03bc\u03ac\u03c4\u03b9\u03b1 \u03c3\u03b5 \u03c0\u03b5\u03c1\u03b9\u03bf\u03c1\u03b9\u03c3\u03bc\u03ad\u03bd\u03b1 \u03b1\u03c0\u03bf\u03b8\u03ad\u03bc\u03b1\u03c4\u03b1, \u03b4\u03b9\u03b1\u03b8\u03ad\u03c3\u03b9\u03bc\u03b1 \u03b1\u03c0\u03bf\u03ba\u03bb\u03b5\u03b9\u03c3\u03c4\u03b9\u03ba\u03ac online. \u0394\u03b5\u03bd \u03b4\u03b9\u03b1\u03c4\u03af\u03b8\u03b5\u03bd\u03c4\u03b1\u03b9 \u03c3\u03c4\u03bf \u03c6\u03c5\u03c3\u03b9\u03ba\u03cc \u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b7\u03bc\u03b1.<\/em><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bc64747 elementor-widget elementor-widget-html\" data-id=\"bc64747\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"el\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Products Grid<\/title>\r\n <style>\r\n \/* Container \u03c4\u03bf\u03c5 Grid (Responsive \u03b1\u03bd\u03ac\u03bb\u03bf\u03b3\u03b1 \u03bc\u03b5 \u03c4\u03b7\u03bd \u03bf\u03b8\u03cc\u03bd\u03b7) *\/\r\n .products-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n gap: 24px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 20px;\r\n font-family: sans-serif;\r\n }\r\n\r\n \/* \u039a\u03ac\u03c1\u03c4\u03b1 \u03a0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03bf\u03c2 *\/\r\n .product-card {\r\n background: #ffffff;\r\n border: 1px solid #eaeaea;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n }\r\n\r\n .product-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);\r\n }\r\n\r\n \/* Container \u0395\u03b9\u03ba\u03cc\u03bd\u03b1\u03c2 & Badge *\/\r\n .product-image-container {\r\n position: relative;\r\n width: 100%;\r\n aspect-ratio: 1 \/ 1;\r\n background-color: #f9f9f9;\r\n overflow: hidden;\r\n }\r\n\r\n .product-image-container img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n \/* \u03a3\u03c4\u03c5\u03bb \u03b3\u03b9\u03b1 \u03c4\u03b1 Badges *\/\r\n .product-badge {\r\n position: absolute;\r\n top: 12px;\r\n left: 12px;\r\n padding: 6px 12px;\r\n font-size: 11px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n border-radius: 4px;\r\n z-index: 2;\r\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\r\n background-color: #3b7d23;\r\n color: #ffffff;\r\n }\r\n\r\n \/* \u03a0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2 \u03a0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03bf\u03c2 (\u03a4\u03af\u03c4\u03bb\u03bf\u03c2 & \u03a4\u03b9\u03bc\u03ae) *\/\r\n .product-info {\r\n padding: 16px;\r\n text-align: left;\r\n }\r\n\r\n .product-title {\r\n font-size: 16px;\r\n font-weight: 600;\r\n color: #333333;\r\n margin: 0 0 8px 0;\r\n }\r\n\r\n .product-price {\r\n font-size: 15px;\r\n font-weight: 500;\r\n color: #666666;\r\n margin: 0;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"products-grid\">\r\n <div class=\"product-card\">\r\n <div class=\"product-image-container\">\r\n <span class=\"product-badge\">Online Only<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/markelle.gr\/wp-content\/uploads\/2026\/09\/bag-dummy-product.webp\" alt=\"Dummy Product 1\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h3 class=\"product-title\">Dummy Product 1<\/h3>\r\n <p class=\"product-price\">49.99\u20ac<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <div class=\"product-image-container\">\r\n <span class=\"product-badge\">Online Only<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/markelle.gr\/wp-content\/uploads\/2026\/09\/bag-dummy-product.webp\" alt=\"Dummy Product 2\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h3 class=\"product-title\">Dummy Product 2<\/h3>\r\n <p class=\"product-price\">79.99\u20ac<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <div class=\"product-image-container\">\r\n <span class=\"product-badge\">Online Only<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/markelle.gr\/wp-content\/uploads\/2026\/09\/bag-dummy-product.webp\" alt=\"Dummy Product 3\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h3 class=\"product-title\">Dummy Product 3<\/h3>\r\n <p class=\"product-price\">35.00\u20ac<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <div class=\"product-image-container\">\r\n <span class=\"product-badge\">Online Only<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/markelle.gr\/wp-content\/uploads\/2026\/09\/bag-dummy-product.webp\" alt=\"Dummy Product 4\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h3 class=\"product-title\">Dummy Product 4<\/h3>\r\n <p class=\"product-price\">120.00\u20ac<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b9d4ad0 elementor-widget elementor-widget-html\" data-id=\"b9d4ad0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div style=\"text-align: center; width: 100%;\">\r\n <a href=\"#\" class=\"wholesale-btn\" style=\"display: inline-flex; align-items: center; justify-content: center; background-color: #3b7d23; color: #ffffff; font-family: inherit; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; padding: 16px 36px; border-radius: 8px; transition: all 0.25s ease; box-shadow: 0 4px 15px rgba(59, 125, 35, 0.4);\" onmouseover=\"this.style.backgroundColor='#00ff00'; this.style.color='#1a1a1a'; this.style.transform='translateY(-3px)'; this.style.boxShadow='0 6px 22px rgba(0, 255, 0, 0.35)';\" onmouseout=\"this.style.backgroundColor='#3b7d23'; this.style.color='#ffffff'; this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 15px rgba(59, 125, 35, 0.4)';\">\u0391\u03bd\u03b1\u03ba\u03b1\u03bb\u03cd\u03c8\u03c4\u03b5 \u038c\u03bb\u03b7 \u03c4\u03b7 \u03a3\u03c5\u03bb\u03bb\u03bf\u03b3\u03ae <\/a>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b7711fc e-con-full e-flex e-con e-parent\" data-id=\"b7711fc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f6c6cae elementor-widget elementor-widget-html\" data-id=\"f6c6cae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"el\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>VIP Early Access Box<\/title>\r\n <style>\r\n \/* \u0393\u03b5\u03bd\u03b9\u03ba\u03cc Container - \u0391\u039b\u039b\u0391\u0393\u0397: \u0388\u03b3\u03b9\u03bd\u03b5 \u039b\u03b5\u03c5\u03ba\u03cc *\/\r\n .vip-section {\r\n background-color: #ffffff; \/* \u039b\u03b5\u03c5\u03ba\u03cc \u03c6\u03cc\u03bd\u03c4\u03bf \u03c3\u03b5\u03bb\u03af\u03b4\u03b1\u03c2 *\/\r\n padding: 60px 20px;\r\n font-family: inherit;\r\n color: #333333; \/* \u03a3\u03ba\u03bf\u03cd\u03c1\u03bf \u03c7\u03c1\u03ce\u03bc\u03b1 \u03ba\u03b5\u03b9\u03bc\u03ad\u03bd\u03bf\u03c5 \u03ad\u03be\u03c9 \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03ba\u03ac\u03c1\u03c4\u03b1 *\/\r\n box-sizing: border-box;\r\n width: 100%;\r\n }\r\n\r\n .vip-wrapper {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n \/* VIP Card Wrapper - \u0391\u039b\u039b\u0391\u0393\u0397: \u0395\u03c0\u03b1\u03bd\u03ae\u03bb\u03b8\u03b5 \u03c4\u03bf \u0393\u03ba\u03c1\u03b9 #404040 *\/\r\n .vip-card {\r\n background-color: #404040; \/* \u0395\u03c0\u03b1\u03bd\u03b1\u03c6\u03bf\u03c1\u03ac \u03c3\u03ba\u03bf\u03cd\u03c1\u03bf\u03c5 \u03b3\u03ba\u03c1\u03b9 *\/\r\n border: 1px solid rgba(0, 255, 0, 0.2);\r\n border-radius: 16px;\r\n padding: 50px 40px;\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .vip-card:hover {\r\n border-color: #00ff00;\r\n box-shadow: 0 20px 45px rgba(0, 255, 0, 0.15);\r\n }\r\n\r\n \/* \u0391\u03c1\u03b9\u03c3\u03c4\u03b5\u03c1\u03ae \u03c0\u03c1\u03ac\u03c3\u03b9\u03bd\u03b7 \u03bc\u03c0\u03ac\u03c1\u03b1 *\/\r\n .vip-card::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n height: 100%;\r\n width: 6px;\r\n background-color: #3b7d23;\r\n transition: background-color 0.3s ease;\r\n }\r\n\r\n .vip-card:hover::before {\r\n background-color: #00ff00;\r\n }\r\n\r\n \/* Badge \/ Tag *\/\r\n .vip-badge {\r\n display: inline-block;\r\n background-color: rgba(59, 125, 35, 0.25);\r\n border: 1px solid #3b7d23;\r\n color: #00ff00;\r\n font-size: 12px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n padding: 6px 16px;\r\n border-radius: 20px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n \/* \u03a4\u03af\u03c4\u03bb\u03bf\u03c2 - \u0391\u039b\u039b\u0391\u0393\u0397: \u0395\u03c0\u03b1\u03bd\u03ae\u03bb\u03b8\u03b5 \u03c3\u03b5 \u039b\u03b5\u03c5\u03ba\u03cc *\/\r\n .vip-title {\r\n font-size: 32px;\r\n font-weight: 800;\r\n text-transform: none;\r\n letter-spacing: 1px;\r\n color: #ffffff; \/* \u039b\u03b5\u03c5\u03ba\u03cc\u03c2 \u03c4\u03af\u03c4\u03bb\u03bf\u03c2 \u03c3\u03b5 \u03b3\u03ba\u03c1\u03b9 \u03c6\u03cc\u03bd\u03c4\u03bf *\/\r\n margin: 0 0 16px 0;\r\n line-height: 1.2;\r\n }\r\n\r\n .vip-title span {\r\n color: #00ff00;\r\n }\r\n\r\n \/* \u03a0\u03b5\u03c1\u03b9\u03b3\u03c1\u03b1\u03c6\u03ae - \u0391\u039b\u039b\u0391\u0393\u0397: \u0395\u03c0\u03b1\u03bd\u03ae\u03bb\u03b8\u03b5 \u03c3\u03b5 #d1d1d1 (\u03b1\u03bd\u03bf\u03b9\u03c7\u03c4\u03cc \u03b3\u03ba\u03c1\u03b9) *\/\r\n .vip-description {\r\n font-size: 16px;\r\n line-height: 1.7;\r\n color: #d1d1d1; \/* \u0391\u03bd\u03bf\u03b9\u03c7\u03c4\u03cc \u03b3\u03ba\u03c1\u03b9 \u03c0\u03b5\u03c1\u03b9\u03b3\u03c1\u03b1\u03c6\u03ae \u03c3\u03b5 \u03b3\u03ba\u03c1\u03b9 \u03c6\u03cc\u03bd\u03c4\u03bf *\/\r\n max-width: 680px;\r\n margin: 0 0 32px 0;\r\n }\r\n\r\n \/* WPForms Form Container Styling *\/\r\n .vip-form-container {\r\n width: 100%;\r\n max-width: 650px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* \u0395\u03c5\u03b8\u03c5\u03b3\u03c1\u03ac\u03bc\u03bc\u03b9\u03c3\u03b7 \u03c6\u03cc\u03c1\u03bc\u03b1\u03c2 WPForms *\/\r\n .vip-form-container .wpforms-form {\r\n display: flex;\r\n flex-direction: row !important;\r\n gap: 12px !important;\r\n width: 100% !important;\r\n align-items: stretch !important;\r\n }\r\n\r\n .vip-form-container .wpforms-field-container {\r\n flex: 1 !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .vip-form-container .wpforms-field {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n \/* Input Email - \u0391\u039b\u039b\u0391\u0393\u0397: \u0394\u03b9\u03b1\u03c4\u03b7\u03c1\u03ae\u03b8\u03b7\u03ba\u03b5 \u03c3\u03ba\u03bf\u03cd\u03c1\u03bf \u03b3\u03b9\u03b1 \u03b1\u03bd\u03c4\u03af\u03b8\u03b5\u03c3\u03b7 *\/\r\n .vip-form-container input[type=\"email\"] {\r\n background-color: #1a1a1a !important;\r\n border: 1px solid rgba(0, 255, 0, 0.3) !important;\r\n color: #ffffff !important;\r\n padding: 0 20px !important;\r\n height: 50px !important;\r\n border-radius: 8px !important;\r\n font-size: 15px !important;\r\n font-family: inherit !important;\r\n width: 100% !important;\r\n box-sizing: border-box !important;\r\n outline: none;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .vip-form-container input[type=\"email\"]:focus {\r\n border-color: #00ff00 !important;\r\n box-shadow: 0 0 10px rgba(0, 255, 0, 0.2);\r\n }\r\n\r\n .vip-form-container input[type=\"email\"]::placeholder {\r\n color: #888888 !important;\r\n }\r\n\r\n .vip-form-container .wpforms-submit-container {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n display: flex !important;\r\n align-items: stretch !important;\r\n }\r\n\r\n \/* \u039a\u03bf\u03c5\u03bc\u03c0\u03af \u03a5\u03c0\u03bf\u03b2\u03bf\u03bb\u03ae\u03c2 *\/\r\n .vip-form-container button[type=\"submit\"],\r\n .vip-form-container input[type=\"submit\"] {\r\n background-color: #3b7d23 !important;\r\n color: #ffffff !important;\r\n font-family: inherit !important;\r\n font-size: 15px !important;\r\n font-weight: 700 !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 0.5px !important;\r\n padding: 0 32px !important;\r\n height: 50px !important;\r\n border-radius: 8px !important;\r\n border: none !important;\r\n cursor: pointer;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n transition: all 0.3s ease !important;\r\n box-shadow: 0 4px 15px rgba(59, 125, 35, 0.3);\r\n white-space: nowrap;\r\n box-sizing: border-box !important;\r\n }\r\n\r\n .vip-form-container button[type=\"submit\"]:hover,\r\n .vip-form-container input[type=\"submit\"]:hover {\r\n background-color: #00ff00 !important;\r\n color: #1a1a1a !important;\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px rgba(0, 255, 0, 0.3);\r\n }\r\n\r\n \/* Responsive Design \u03b3\u03b9\u03b1 \u03ba\u03b9\u03bd\u03b7\u03c4\u03ac *\/\r\n @media (max-width: 768px) {\r\n .vip-card {\r\n padding: 35px 20px;\r\n }\r\n\r\n .vip-title {\r\n font-size: 24px;\r\n }\r\n\r\n .vip-description {\r\n font-size: 14px;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .vip-form-container .wpforms-form {\r\n flex-direction: column !important;\r\n }\r\n\r\n .vip-form-container input[type=\"email\"],\r\n .vip-form-container button[type=\"submit\"],\r\n .vip-form-container input[type=\"submit\"] {\r\n width: 100% !important;\r\n height: 48px !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"vip-section\">\r\n <div class=\"vip-wrapper\">\r\n <div class=\"vip-card\">\r\n \r\n <div class=\"vip-badge\">Exclusive Drop<\/div>\r\n <h2 class=\"vip-title\">VIP Early Access<\/h2>\r\n <p class=\"vip-description\">\r\n \u039c\u03b7\u03bd \u03c7\u03ac\u03c3\u03b5\u03c4\u03b5 \u03c4\u03bf \u03b5\u03c0\u03cc\u03bc\u03b5\u03bd\u03bf Exclusive Drop. \u0393\u03c1\u03ac\u03c8\u03c4\u03b5 \u03c4\u03bf email \u03c3\u03b1\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03bb\u03b1\u03bc\u03b2\u03ac\u03bd\u03b5\u03c4\u03b5 \u03ad\u03b3\u03ba\u03b1\u03b9\u03c1\u03b7 \u03c0\u03c1\u03cc\u03c3\u03b2\u03b1\u03c3\u03b7 (Early Access) 24 \u03ce\u03c1\u03b5\u03c2 \u03c0\u03c1\u03b9\u03bd \u03c4\u03b7\u03bd \u03b5\u03c0\u03af\u03c3\u03b7\u03bc\u03b7 \u03ba\u03c5\u03ba\u03bb\u03bf\u03c6\u03bf\u03c1\u03af\u03b1 \u03c4\u03c9\u03bd online \u03b1\u03c0\u03bf\u03ba\u03bb\u03b5\u03b9\u03c3\u03c4\u03b9\u03ba\u03ce\u03bd \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03c9\u03bd \u03bc\u03b1\u03c2.\r\n <\/p>\r\n\r\n <div class=\"vip-form-container\">\r\n <div class=\"wpforms-container \" id=\"wpforms-1074\"><form id=\"wpforms-form-1074\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"1074\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/en\/wp-json\/wp\/v2\/pages\/930\" data-token=\"5d3f82fc0d3cd153283ff0c583ba5f67\" data-token-time=\"1788874281\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div class=\"wpforms-field-container\">\t\t<div id=\"wpforms-1074-field_2-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"2\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-1074-field_2\" >Email<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-1074-field_2\" class=\"wpforms-field-medium\" name=\"wpforms[fields][2]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-1074-field_1-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"1\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1074-field_1\">Email <span class=\"wpforms-required-label\">*<\/span><\/label><input type=\"email\" id=\"wpforms-1074-field_1\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][1]\" placeholder=\"Enter your Email\" spellcheck=\"false\" required><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-1074-field_2-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-1074-field_2-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-1074-field_2-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"1074\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/markelle.gr\/en\/wp-json\/wp\/v2\/pages\/930\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-1074\" class=\"wpforms-submit\" data-alt-text=\"Subscribing...\" data-submit-text=\"Subscribe\" aria-live=\"assertive\" value=\"wpforms-submit\">Subscribe<\/button><img decoding=\"async\" src=\"https:\/\/markelle.gr\/wp-content\/plugins\/wpforms-lite\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><\/form><\/div> \r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6f46a33 e-con-full e-flex e-con e-parent\" data-id=\"6f46a33\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36de8d3 elementor-widget elementor-widget-html\" data-id=\"36de8d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"el\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Blog - Markelle<\/title>\r\n\r\n<style>\r\n \/* --- RESET & \u0392\u0391\u03a3\u0399\u039a\u0391 \u03a3\u03a4\u03a5\u039b --- *\/\r\n .markelle-blog-section,\r\n .markelle-blog-section * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n }\r\n\r\n .markelle-blog-section {\r\n background-color: #1a1a1a;\r\n padding: 80px 0;\r\n width: 100%;\r\n }\r\n\r\n .blog-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n\r\n \/* --- \u03a4\u0399\u03a4\u039b\u039f\u03a3 SECTION --- *\/\r\n .blog-header {\r\n text-align: left;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .blog-title {\r\n font-size: 36px;\r\n font-weight: 700;\r\n color: #ffffff;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n position: relative;\r\n display: inline-block;\r\n padding-bottom: 10px;\r\n }\r\n\r\n \/* \u0397 \u03c0\u03c1\u03ac\u03c3\u03b9\u03bd\u03b7 \u03b3\u03c1\u03b1\u03bc\u03bc\u03ae \u03ba\u03ac\u03c4\u03c9 \u03b1\u03c0\u03cc \u03c4\u03bf\u03bd \u03c4\u03af\u03c4\u03bb\u03bf *\/\r\n .blog-title::after {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n bottom: 0;\r\n width: 60px;\r\n height: 4px;\r\n background: linear-gradient(90deg, #3b7d23 0%, #00ff00 100%);\r\n border-radius: 2px;\r\n }\r\n\r\n \/* --- GRID \u0394\u0399\u0391\u03a4\u0391\u039e\u0397 (3 \u03a3\u03c4\u03ae\u03bb\u03b5\u03c2) --- *\/\r\n .hfe-posts-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n }\r\n\r\n \/* --- \u039a\u0391\u03a1\u03a4\u0391 \u0391\u03a1\u0398\u03a1\u039f\u03a5 --- *\/\r\n .hfe-post-card {\r\n background-color: #262626;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n display: flex;\r\n flex-direction: column;\r\n text-decoration: none;\r\n }\r\n\r\n .hfe-post-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n \/* --- \u0395\u0399\u039a\u039f\u039d\u0391 \u0391\u03a1\u0398\u03a1\u039f\u03a5 --- *\/\r\n .hfe-post-image {\r\n width: 100%;\r\n height: 220px;\r\n overflow: hidden;\r\n }\r\n\r\n .hfe-post-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .hfe-post-card:hover .hfe-post-image img {\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* --- \u03a0\u0395\u03a1\u0399\u0395\u03a7\u039f\u039c\u0395\u039d\u039f \u039a\u0391\u03a1\u03a4\u0391\u03a3 --- *\/\r\n .hfe-post-content {\r\n padding: 24px;\r\n flex-grow: 1;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n \/* \u03a4\u03af\u03c4\u03bb\u03bf\u03c2 \u0386\u03c1\u03b8\u03c1\u03bf\u03c5 *\/\r\n .hfe-post-title {\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: #ffffff;\r\n margin: 0 0 12px 0;\r\n line-height: 1.4;\r\n transition: color 0.2s ease;\r\n }\r\n\r\n .hfe-post-card:hover .hfe-post-title {\r\n color: #00ff00;\r\n }\r\n\r\n \/* Meta Data *\/\r\n .hfe-post-meta {\r\n font-size: 13px;\r\n color: #999999;\r\n margin-bottom: 16px;\r\n font-style: italic;\r\n }\r\n\r\n .hfe-meta-separator {\r\n margin: 0 6px;\r\n }\r\n\r\n \/* \u0391\u03c0\u03cc\u03c3\u03c0\u03b1\u03c3\u03bc\u03b1 \/ \u03a0\u03b5\u03c1\u03af\u03bb\u03b7\u03c8\u03b7 *\/\r\n .hfe-post-excerpt {\r\n font-size: 15px;\r\n color: #cccccc;\r\n line-height: 1.6;\r\n margin-bottom: 20px;\r\n flex-grow: 1;\r\n }\r\n\r\n .hfe-post-excerpt p {\r\n margin: 0;\r\n }\r\n\r\n \/* Link \"\u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1\" *\/\r\n .hfe-read-more {\r\n display: inline-block;\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: #00ff00;\r\n text-decoration: none;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n transition: all 0.3s ease;\r\n padding-bottom: 2px;\r\n border-bottom: 1px solid transparent;\r\n width: fit-content;\r\n }\r\n\r\n .hfe-post-card:hover .hfe-read-more {\r\n border-bottom-color: #00ff00;\r\n transform: translateX(3px);\r\n }\r\n\r\n \/* --- RESPONSIVE DESIGN --- *\/\r\n\r\n \/* Tablets (\u039c\u03ad\u03c7\u03c1\u03b9 992px) -> 2 \u03a3\u03c4\u03ae\u03bb\u03b5\u03c2 *\/\r\n @media (max-width: 992px) {\r\n .hfe-posts-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 25px;\r\n }\r\n\r\n .markelle-blog-section {\r\n padding: 60px 0;\r\n }\r\n }\r\n\r\n \/* Mobile (\u039c\u03ad\u03c7\u03c1\u03b9 768px) -> 1 \u03a3\u03c4\u03ae\u03bb\u03b7 *\/\r\n @media (max-width: 768px) {\r\n .hfe-posts-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n\r\n .blog-title {\r\n font-size: 28px;\r\n }\r\n\r\n .blog-header {\r\n margin-bottom: 35px;\r\n }\r\n\r\n .hfe-post-content {\r\n padding: 20px;\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n\r\n<section class=\"markelle-blog-section\">\r\n\r\n <div class=\"blog-container\">\r\n\r\n \r\n <div class=\"blog-header\">\r\n <h3 class=\"blog-title\">Blog<\/h3>\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"hfe-posts-grid\">\r\n\r\n\r\n \r\n <a\r\n href=\"https:\/\/markelle.gr\/waterproof-clothing-the-ultimate-guide-to-protection-style\/\"\r\n class=\"hfe-post-card\"\r\n >\r\n\r\n <div class=\"hfe-post-image\">\r\n <img loading=\"lazy\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n width=\"600\"\r\n height=\"335\"\r\n src=\"https:\/\/markelle.gr\/wp-content\/uploads\/2026\/09\/Waterproof-Clothing.webp\"\r\n alt=\"\u0391\u03b4\u03b9\u03ac\u03b2\u03c1\u03bf\u03c7\u03b1 \u03a1\u03bf\u03cd\u03c7\u03b1: \u039f \u0391\u03c0\u03cc\u03bb\u03c5\u03c4\u03bf\u03c2 \u039f\u03b4\u03b7\u03b3\u03cc\u03c2 \u03b3\u03b9\u03b1 \u03a0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c3\u03af\u03b1 & \u03a3\u03c4\u03c5\u03bb\"\r\n >\r\n <\/div>\r\n\r\n <div class=\"hfe-post-content\">\r\n\r\n <h3 class=\"hfe-post-title\">\r\n \u0391\u03b4\u03b9\u03ac\u03b2\u03c1\u03bf\u03c7\u03b1 \u03a1\u03bf\u03cd\u03c7\u03b1: \u039f \u0391\u03c0\u03cc\u03bb\u03c5\u03c4\u03bf\u03c2 \u039f\u03b4\u03b7\u03b3\u03cc\u03c2 \u03b3\u03b9\u03b1 \u03a0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c3\u03af\u03b1 & \u03a3\u03c4\u03c5\u03bb\r\n <\/h3>\r\n\r\n <div class=\"hfe-post-meta\">\r\n <span class=\"hfe-post-date\">7 \u03a3\u03b5\u03c0\u03c4\u03b5\u03bc\u03b2\u03c1\u03af\u03bf\u03c5 2026<\/span>\r\n <span class=\"hfe-meta-separator\"> | <\/span>\r\n <span class=\"hfe-post-author\">\u03b1\u03c0\u03cc Markelle<\/span>\r\n <\/div>\r\n\r\n <div class=\"hfe-post-excerpt\">\r\n <p>\r\n \u0391\u03b4\u03b9\u03ac\u03b2\u03c1\u03bf\u03c7\u03b1 \u03c1\u03bf\u03cd\u03c7\u03b1: \u039f \u03b1\u03c0\u03cc\u03bb\u03c5\u03c4\u03bf\u03c2 \u03bf\u03b4\u03b7\u03b3\u03cc\u03c2 \u03b3\u03b9\u03b1 \u03c5\u03c8\u03b7\u03bb\u03ae \u03c0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c3\u03af\u03b1 \u03ba\u03b1\u03b9 \u03c3\u03c4\u03c5\u03bb \u03c3\u03c4\u03b7 \u03b8\u03ac\u03bb\u03b1\u03c3\u03c3\u03b1.\r\n \u0395\u03af\u03c4\u03b5 \u03b5\u03c4\u03bf\u03b9\u03bc\u03ac\u03b6\u03b5\u03c3\u03c4\u03b5 \u03b3\u03b9\u03b1 \u03bc\u03b9\u03b1 \u03b1\u03c0\u03b1\u03b9\u03c4\u03b7\u03c4\u03b9\u03ba\u03ae \u03b9\u03c3\u03c4\u03b9\u03bf\u03c0\u03bb\u03bf\u03ca\u03ba\u03ae...\r\n <\/p>\r\n <\/div>\r\n\r\n <span class=\"hfe-read-more\">\r\n \u0394\u03b9\u03b1\u03b2\u03ac\u03c3\u03c4\u03b5 \u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1 \u2192\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/a>\r\n\r\n\r\n \r\n <a\r\n href=\"https:\/\/markelle.gr\/outdoor-lifestyle-clothing-and-style-from-the-city-to-the-outdoors\/\"\r\n class=\"hfe-post-card\"\r\n >\r\n\r\n <div class=\"hfe-post-image\">\r\n <img loading=\"lazy\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n width=\"600\"\r\n height=\"335\"\r\n src=\"https:\/\/markelle.gr\/wp-content\/uploads\/2026\/09\/Outdoor-Lifestyle.webp\"\r\n alt=\"Outdoor Lifestyle: \u03a1\u03bf\u03cd\u03c7\u03b1 \u03ba\u03b1\u03b9 \u03a3\u03c4\u03c5\u03bb \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03a0\u03cc\u03bb\u03b7 \u03c3\u03c4\u03b7 \u03a6\u03cd\u03c3\u03b7\"\r\n >\r\n <\/div>\r\n\r\n <div class=\"hfe-post-content\">\r\n\r\n <h3 class=\"hfe-post-title\">\r\n Outdoor Lifestyle: \u03a1\u03bf\u03cd\u03c7\u03b1 \u03ba\u03b1\u03b9 \u03a3\u03c4\u03c5\u03bb \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03a0\u03cc\u03bb\u03b7 \u03c3\u03c4\u03b7 \u03a6\u03cd\u03c3\u03b7\r\n <\/h3>\r\n\r\n <div class=\"hfe-post-meta\">\r\n <span class=\"hfe-post-date\">7 \u03a3\u03b5\u03c0\u03c4\u03b5\u03bc\u03b2\u03c1\u03af\u03bf\u03c5 2026<\/span>\r\n <span class=\"hfe-meta-separator\"> | <\/span>\r\n <span class=\"hfe-post-author\">\u03b1\u03c0\u03cc Markelle<\/span>\r\n <\/div>\r\n\r\n <div class=\"hfe-post-excerpt\">\r\n <p>\r\n \u0393\u03b9\u03b1 \u03c0\u03bf\u03bb\u03bb\u03ac \u03c7\u03c1\u03cc\u03bd\u03b9\u03b1, \u03c4\u03b1 outdoor \u03c1\u03bf\u03cd\u03c7\u03b1 \u03b5\u03af\u03c7\u03b1\u03bd \u03ad\u03bd\u03b1\u03bd \u03be\u03b5\u03ba\u03ac\u03b8\u03b1\u03c1\u03bf \u03c3\u03ba\u03bf\u03c0\u03cc:\r\n \u03bd\u03b1 \u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03bf\u03c5\u03bd \u03c0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c3\u03af\u03b1 \u03b1\u03c0\u03cc \u03c4\u03b1 \u03c3\u03c4\u03bf\u03b9\u03c7\u03b5\u03af\u03b1 \u03c4\u03b7\u03c2 \u03c6\u03cd\u03c3\u03b7\u03c2 \u03ba\u03b1\u03b9 \u03c0\u03c1\u03b1\u03ba\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1\r\n \u03c3\u03c4\u03b7\u03bd \u03cd\u03c0\u03b1\u03b9\u03b8\u03c1\u03bf. \u03a3\u03ae\u03bc\u03b5\u03c1\u03b1, \u03cc\u03bc\u03c9\u03c2, \u03c4\u03b1 \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03b1 \u03ad\u03c7\u03bf\u03c5\u03bd \u03b1\u03bb\u03bb\u03ac\u03be\u03b5\u03b9...\r\n <\/p>\r\n <\/div>\r\n\r\n <span class=\"hfe-read-more\">\r\n \u0394\u03b9\u03b1\u03b2\u03ac\u03c3\u03c4\u03b5 \u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1 \u2192\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/a>\r\n\r\n\r\n \r\n <a\r\n href=\"https:\/\/markelle.gr\/sailing-yachting-clothing-the-ultimate-guide-to-choosing-the-right-gear\/\"\r\n class=\"hfe-post-card\"\r\n >\r\n\r\n <div class=\"hfe-post-image\">\r\n <img loading=\"lazy\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n width=\"600\"\r\n height=\"335\"\r\n src=\"https:\/\/markelle.gr\/wp-content\/uploads\/2026\/09\/rouxa-istioploias-blog.webp\"\r\n alt=\"\u03a1\u03bf\u03c5\u03c7\u03b9\u03c3\u03bc\u03cc\u03c2 \u03b3\u03b9\u03b1 \u0399\u03c3\u03c4\u03b9\u03bf\u03c0\u03bb\u03bf\u0390\u03b1 & Yachting: \u039f \u0391\u03c0\u03cc\u03bb\u03c5\u03c4\u03bf\u03c2 \u039f\u03b4\u03b7\u03b3\u03cc\u03c2 \u0395\u03c0\u03b9\u03bb\u03bf\u03b3\u03ae\u03c2\"\r\n >\r\n <\/div>\r\n\r\n <div class=\"hfe-post-content\">\r\n\r\n <h3 class=\"hfe-post-title\">\r\n \u03a1\u03bf\u03c5\u03c7\u03b9\u03c3\u03bc\u03cc\u03c2 \u03b3\u03b9\u03b1 \u0399\u03c3\u03c4\u03b9\u03bf\u03c0\u03bb\u03bf\u0390\u03b1 & Yachting:\r\n \u039f \u0391\u03c0\u03cc\u03bb\u03c5\u03c4\u03bf\u03c2 \u039f\u03b4\u03b7\u03b3\u03cc\u03c2 \u0395\u03c0\u03b9\u03bb\u03bf\u03b3\u03ae\u03c2\r\n <\/h3>\r\n\r\n <div class=\"hfe-post-meta\">\r\n <span class=\"hfe-post-date\">7 \u03a3\u03b5\u03c0\u03c4\u03b5\u03bc\u03b2\u03c1\u03af\u03bf\u03c5 2026<\/span>\r\n <span class=\"hfe-meta-separator\"> | <\/span>\r\n <span class=\"hfe-post-author\">\u03b1\u03c0\u03cc Markelle<\/span>\r\n <\/div>\r\n\r\n <div class=\"hfe-post-excerpt\">\r\n <p>\r\n \u0397 \u03b9\u03c3\u03c4\u03b9\u03bf\u03c0\u03bb\u03bf\u0390\u03b1 \u03ba\u03b1\u03b9 \u03c4\u03bf yachting \u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03bf\u03c5\u03bd \u03ad\u03bd\u03b1\u03bd \u03bc\u03bf\u03bd\u03b1\u03b4\u03b9\u03ba\u03cc \u03c4\u03c1\u03cc\u03c0\u03bf\r\n \u03bd\u03b1 \u03b1\u03c0\u03bf\u03bb\u03b1\u03cd\u03c3\u03b5\u03c4\u03b5 \u03c4\u03b7 \u03b8\u03ac\u03bb\u03b1\u03c3\u03c3\u03b1, \u03cc\u03bc\u03c9\u03c2 \u03bf\u03b9 \u03ba\u03b1\u03b9\u03c1\u03b9\u03ba\u03ad\u03c2 \u03c3\u03c5\u03bd\u03b8\u03ae\u03ba\u03b5\u03c2 \u03bc\u03c0\u03bf\u03c1\u03bf\u03cd\u03bd\r\n \u03bd\u03b1 \u03b1\u03bb\u03bb\u03ac\u03be\u03bf\u03c5\u03bd \u03b3\u03c1\u03ae\u03b3\u03bf\u03c1\u03b1. \u0389\u03bb\u03b9\u03bf\u03c2, \u03b4\u03c5\u03bd\u03b1\u03c4\u03bf\u03af \u03ac\u03bd\u03b5\u03bc\u03bf\u03b9, \u03c5\u03b3\u03c1\u03b1\u03c3\u03af\u03b1,\r\n \u03b8\u03b1\u03bb\u03b1\u03c3\u03c3\u03b9\u03bd\u03cc \u03bd\u03b5\u03c1\u03cc \u03ba\u03b1\u03b9 \u03c7\u03b1\u03bc\u03b7\u03bb\u03cc\u03c4\u03b5\u03c1\u03b5\u03c2 \u03b8\u03b5\u03c1\u03bc\u03bf\u03ba\u03c1\u03b1\u03c3\u03af\u03b5\u03c2 \u03bc\u03c0\u03bf\u03c1\u03bf\u03cd\u03bd \u03bd\u03b1...\r\n <\/p>\r\n <\/div>\r\n\r\n <span class=\"hfe-read-more\">\r\n \u0394\u03b9\u03b1\u03b2\u03ac\u03c3\u03c4\u03b5 \u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1 \u2192\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/a>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fd17694 e-flex e-con-boxed e-con e-parent\" data-id=\"fd17694\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7744746 elementor-widget elementor-widget-html\" data-id=\"7744746\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"el\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>\u0394\u03af\u03ba\u03c4\u03c5\u03bf \u03a3\u03c5\u03bd\u03b5\u03c1\u03b3\u03b1\u03c4\u03ce\u03bd & \u03a7\u03bf\u03bd\u03b4\u03c1\u03b9\u03ba\u03ae \u03a0\u03ce\u03bb\u03b7\u03c3\u03b7<\/title>\r\n\r\n <style>\r\n \/* Section Container *\/\r\n .wholesale-section {\r\n background-color: transparent;\r\n padding: 0 20px;\r\n font-family: inherit;\r\n color: #ffffff;\r\n width: 100%;\r\n box-sizing: border-box;\r\n }\r\n\r\n .wholesale-wrapper {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n \/* Card Wrapper *\/\r\n .wholesale-card {\r\n background-color: #404040;\r\n border: 1px solid rgba(0, 255, 0, 0.15);\r\n border-radius: 16px;\r\n padding: 60px 40px;\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .wholesale-card:hover {\r\n border-color: #00ff00;\r\n box-shadow: 0 15px 40px rgba(0, 255, 0, 0.15);\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* \u0391\u03c1\u03b9\u03c3\u03c4\u03b5\u03c1\u03ae \u03c0\u03c1\u03ac\u03c3\u03b9\u03bd\u03b7 \u03bc\u03c0\u03ac\u03c1\u03b1 *\/\r\n .wholesale-card::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n height: 100%;\r\n width: 6px;\r\n background-color: #3b7d23;\r\n transition: background-color 0.3s ease;\r\n }\r\n\r\n .wholesale-card:hover::before {\r\n background-color: #00ff00;\r\n }\r\n\r\n \/* Title *\/\r\n .wholesale-title {\r\n font-size: 28px;\r\n font-weight: 800;\r\n letter-spacing: 1.5px;\r\n color: #ffffff;\r\n margin: 0 0 16px 0;\r\n font-family: inherit;\r\n line-height: 1.3;\r\n }\r\n\r\n .wholesale-title span {\r\n color: #00ff00;\r\n }\r\n\r\n \/* Description Text *\/\r\n .wholesale-description {\r\n font-size: 16px;\r\n line-height: 1.7;\r\n color: #d1d1d1;\r\n max-width: 750px;\r\n margin: 0 0 36px 0;\r\n font-family: inherit;\r\n }\r\n\r\n \/* Button *\/\r\n .wholesale-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n background-color: #3b7d23;\r\n color: #ffffff;\r\n font-family: inherit;\r\n font-size: 14px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n text-decoration: none;\r\n padding: 16px 36px;\r\n border-radius: 8px;\r\n transition: all 0.25s ease;\r\n box-shadow: 0 4px 15px rgba(59, 125, 35, 0.4);\r\n }\r\n\r\n .wholesale-btn:hover {\r\n background-color: #00ff00;\r\n color: #1a1a1a;\r\n transform: translateY(-3px);\r\n box-shadow: 0 6px 22px rgba(0, 255, 0, 0.35);\r\n }\r\n\r\n \/* Responsive adjustments *\/\r\n @media (max-width: 768px) {\r\n .wholesale-card {\r\n padding: 40px 20px;\r\n }\r\n \r\n .wholesale-title {\r\n font-size: 22px;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .wholesale-description {\r\n font-size: 14px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .wholesale-btn {\r\n padding: 14px 28px;\r\n font-size: 13px;\r\n width: 100%;\r\n max-width: 260px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <section class=\"wholesale-section\">\r\n <div class=\"wholesale-wrapper\">\r\n\r\n <div class=\"wholesale-card\">\r\n\r\n <h2 class=\"wholesale-title\">\r\n \u0394\u03af\u03ba\u03c4\u03c5\u03bf \u03a3\u03c5\u03bd\u03b5\u03c1\u03b3\u03b1\u03c4\u03ce\u03bd & <span>\u03a7\u03bf\u03bd\u03b4\u03c1\u03b9\u03ba\u03ae \u03a0\u03ce\u03bb\u03b7\u03c3\u03b7<\/span>\r\n <\/h2>\r\n\r\n <p class=\"wholesale-description\">\r\n \u0395\u03bd\u03b4\u03b9\u03b1\u03c6\u03ad\u03c1\u03b5\u03c3\u03c4\u03b5 \u03bd\u03b1 \u03b5\u03bd\u03c4\u03ac\u03be\u03b5\u03c4\u03b5 \u03c4\u03b1 premium brands \u03c4\u03bf\u03c5 Markelle \u03c3\u03c4\u03bf \u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b7\u03bc\u03ac \u03c3\u03b1\u03c2;\r\n \u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03ae\u03c3\u03c4\u03b5 \u03bc\u03b5 \u03c4\u03bf \u03b5\u03bc\u03c0\u03bf\u03c1\u03b9\u03ba\u03cc \u03bc\u03b1\u03c2 \u03c4\u03bc\u03ae\u03bc\u03b1 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b1\u03bd\u03b1\u03ba\u03b1\u03bb\u03cd\u03c8\u03b5\u03c4\u03b5 \u03c4\u03b9\u03c2 \u03b4\u03c5\u03bd\u03b1\u03c4\u03cc\u03c4\u03b7\u03c4\u03b5\u03c2\r\n \u03c3\u03c5\u03bd\u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03c7\u03bf\u03bd\u03b4\u03c1\u03b9\u03ba\u03ae\u03c2 \u03c0\u03ce\u03bb\u03b7\u03c3\u03b7\u03c2 \u03c3\u03b5 \u0395\u03bb\u03bb\u03ac\u03b4\u03b1 \u03ba\u03b1\u03b9 \u039a\u03cd\u03c0\u03c1\u03bf.\r\n <\/p>\r\n\r\n <a href=\"#contact\" class=\"wholesale-btn\">\r\n \u0393\u03af\u03bd\u03b5\u03c4\u03b5 \u03a3\u03c5\u03bd\u03b5\u03c1\u03b3\u03ac\u03c4\u03b7\u03c2\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4856742 e-flex e-con-boxed e-con e-parent\" data-id=\"4856742\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d4b9b1 elementor-widget elementor-widget-html\" data-id=\"5d4b9b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"el\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Proof in Numbers<\/title>\r\n\r\n <style>\r\n \/* \u0393\u03b5\u03bd\u03b9\u03ba\u03cc Container *\/\r\n .metrics-section {\r\n background-color: #1a1a1a;\r\n padding: 0 20px;\r\n font-family: inherit;\r\n color: #ffffff;\r\n }\r\n\r\n .metrics-wrapper {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* \u03a4\u03af\u03c4\u03bb\u03bf\u03c2 \u0395\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2 *\/\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .section-title {\r\n font-size: 32px;\r\n font-weight: 800;\r\n text-transform: none;\r\n letter-spacing: 1px;\r\n color: #ffffff;\r\n margin: 0 0 10px 0;\r\n font-family: inherit;\r\n }\r\n\r\n .section-title span {\r\n color: #00ff00;\r\n }\r\n\r\n .section-divider {\r\n width: 60px;\r\n height: 3px;\r\n background-color: #3b7d23;\r\n margin: 0 auto;\r\n border-radius: 2px;\r\n }\r\n\r\n \/* Grid Container *\/\r\n .metrics-container {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n gap: 20px;\r\n }\r\n\r\n \/* \u039a\u03ac\u03c1\u03c4\u03b1 Metric *\/\r\n .metric-card {\r\n background-color: #404040;\r\n border: 1px solid rgba(0, 255, 0, 0.15);\r\n border-radius: 12px;\r\n padding: 24px;\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n position: relative;\r\n overflow: hidden;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\r\n }\r\n\r\n \/* Hover \u03b5\u03c6\u03ad *\/\r\n .metric-card:hover {\r\n transform: translateY(-5px);\r\n border-color: #00ff00;\r\n box-shadow: 0 10px 25px rgba(0, 255, 0, 0.15);\r\n }\r\n\r\n \/* \u0394\u03b9\u03b1\u03ba\u03c1\u03b9\u03c4\u03b9\u03ba\u03ae \u03bc\u03c0\u03ac\u03c1\u03b1 \u03c7\u03c1\u03ce\u03bc\u03b1\u03c4\u03bf\u03c2 \u03c3\u03c4\u03b7\u03bd \u03b1\u03c1\u03b9\u03c3\u03c4\u03b5\u03c1\u03ae \u03c0\u03bb\u03b5\u03c5\u03c1\u03ac *\/\r\n .metric-card::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n height: 100%;\r\n width: 4px;\r\n background-color: #3b7d23;\r\n transition: background-color 0.3s ease;\r\n }\r\n\r\n .metric-card:hover::before {\r\n background-color: #00ff00;\r\n }\r\n\r\n \/* \u03a3\u03c4\u03b1\u03c4\u03b9\u03c3\u03c4\u03b9\u03ba\u03cc (\u0391\u03c1\u03b9\u03b8\u03bc\u03cc\u03c2) *\/\r\n .metric-value {\r\n font-size: 36px;\r\n font-weight: 800;\r\n color: #00ff00;\r\n min-width: 110px;\r\n line-height: 1;\r\n letter-spacing: -1px;\r\n font-family: inherit;\r\n }\r\n\r\n \/* \u03a0\u03b5\u03c1\u03b9\u03b5\u03c7\u03cc\u03bc\u03b5\u03bd\u03bf *\/\r\n .metric-content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n }\r\n\r\n .metric-label-wrapper {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .metric-arrow {\r\n color: #00ff00;\r\n font-size: 18px;\r\n font-weight: bold;\r\n }\r\n\r\n .metric-title {\r\n font-size: 16px;\r\n font-weight: 700;\r\n color: #ffffff;\r\n text-transform: none;\r\n letter-spacing: 0.5px;\r\n margin: 0;\r\n font-family: inherit;\r\n }\r\n\r\n .metric-subtitle {\r\n font-size: 12px;\r\n color: #cccccc;\r\n margin: 0;\r\n font-weight: 400;\r\n font-family: inherit;\r\n }\r\n\r\n \/* Responsive \u03c0\u03c1\u03bf\u03c3\u03b1\u03c1\u03bc\u03bf\u03b3\u03ae \u03b3\u03b9\u03b1 \u03ba\u03b9\u03bd\u03b7\u03c4\u03ac *\/\r\n @media (max-width: 600px) {\r\n .section-title {\r\n font-size: 24px;\r\n }\r\n\r\n .metric-card {\r\n padding: 16px;\r\n gap: 12px;\r\n }\r\n\r\n .metric-value {\r\n font-size: 28px;\r\n min-width: 90px;\r\n }\r\n\r\n .metric-title {\r\n font-size: 14px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <section class=\"metrics-section\">\r\n\r\n <div class=\"metrics-wrapper\">\r\n\r\n <div class=\"section-header\">\r\n\r\n <h2 class=\"section-title\">\r\n Proof in <span>Numbers<\/span>\r\n <\/h2>\r\n\r\n <div class=\"section-divider\"><\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"metrics-container\">\r\n\r\n \r\n <div class=\"metric-card\">\r\n\r\n <div\r\n class=\"metric-value\"\r\n data-target=\"13\"\r\n data-suffix=\"+\"\r\n >\r\n 0+\r\n <\/div>\r\n\r\n <div class=\"metric-content\">\r\n\r\n <div class=\"metric-label-wrapper\">\r\n <span class=\"metric-arrow\">\u2192<\/span>\r\n\r\n <h3 class=\"metric-title\">\r\n \u03a7\u03c1\u03cc\u03bd\u03b9\u03b1 \u0395\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1\u03c2\r\n <\/h3>\r\n <\/div>\r\n\r\n <p class=\"metric-subtitle\">\r\n \u03a3\u03c4\u03b1\u03b8\u03b5\u03c1\u03ae \u03c0\u03b1\u03c1\u03bf\u03c5\u03c3\u03af\u03b1 \u03ba\u03b1\u03b9 \u03b5\u03be\u03b5\u03b9\u03b4\u03af\u03ba\u03b5\u03c5\u03c3\u03b7 \u03c3\u03c4\u03b7\u03bd \u03b1\u03b3\u03bf\u03c1\u03ac \u03b1\u03c0\u03cc \u03c4\u03bf 2013.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"metric-card\">\r\n\r\n <div\r\n class=\"metric-value\"\r\n data-target=\"10\"\r\n data-suffix=\"+\"\r\n >\r\n 0+\r\n <\/div>\r\n\r\n <div class=\"metric-content\">\r\n\r\n <div class=\"metric-label-wrapper\">\r\n <span class=\"metric-arrow\">\u2192<\/span>\r\n\r\n <h3 class=\"metric-title\">\r\n Premium Brands\r\n <\/h3>\r\n <\/div>\r\n\r\n <p class=\"metric-subtitle\">\r\n \u0395\u03c0\u03b9\u03bb\u03b5\u03b3\u03bc\u03ad\u03bd\u03b1 \u03ba\u03bf\u03c1\u03c5\u03c6\u03b1\u03af\u03b1 \u03b4\u03b9\u03b5\u03b8\u03bd\u03ae brands, \u03bc\u03b5 \u03ad\u03bc\u03c6\u03b1\u03c3\u03b7 \u03c3\u03c4\u03b7\u03bd \u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1,\r\n \u03c4\u03b7\u03bd \u03c4\u03b5\u03c7\u03bd\u03bf\u03bb\u03bf\u03b3\u03af\u03b1 \u03ba\u03b1\u03b9 \u03c4\u03b7 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"metric-card\">\r\n\r\n <div\r\n class=\"metric-value\"\r\n data-target=\"20\"\r\n data-suffix=\"+\"\r\n >\r\n 0+\r\n <\/div>\r\n\r\n <div class=\"metric-content\">\r\n\r\n <div class=\"metric-label-wrapper\">\r\n <span class=\"metric-arrow\">\u2192<\/span>\r\n\r\n <h3 class=\"metric-title\">\r\n \u03a4\u03b5\u03c7\u03bd\u03bf\u03bb\u03bf\u03b3\u03af\u03b5\u03c2 \u03a5\u03bb\u03b9\u03ba\u03ce\u03bd\r\n <\/h3>\r\n <\/div>\r\n\r\n <p class=\"metric-subtitle\">\r\n \u0395\u03bd\u03c3\u03c9\u03bc\u03ac\u03c4\u03c9\u03c3\u03b7 \u03ba\u03bf\u03c1\u03c5\u03c6\u03b1\u03af\u03c9\u03bd \u03c4\u03b5\u03c7\u03bd\u03bf\u03bb\u03bf\u03b3\u03b9\u03ce\u03bd \u03ba\u03b1\u03b9 \u03c5\u03bb\u03b9\u03ba\u03ce\u03bd,\r\n \u03cc\u03c0\u03c9\u03c2 <strong>GORE-TEX, PrimaLoft \u03ba\u03b1\u03b9 Vibram<\/strong>.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"metric-card\">\r\n\r\n <div\r\n class=\"metric-value\"\r\n data-target=\"100\"\r\n data-suffix=\"%\"\r\n >\r\n 0%\r\n <\/div>\r\n\r\n <div class=\"metric-content\">\r\n\r\n <div class=\"metric-label-wrapper\">\r\n <span class=\"metric-arrow\">\u2192<\/span>\r\n\r\n <h3 class=\"metric-title\">\r\n \u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ae & \u03a5\u03bb\u03b9\u03ba\u03ae \u03a5\u03c0\u03b5\u03c1\u03bf\u03c7\u03ae\r\n <\/h3>\r\n <\/div>\r\n\r\n <p class=\"metric-subtitle\">\r\n Brands \u03bc\u03b5 <strong>bluesign\u00ae \u03c0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7<\/strong> \u03ba\u03b1\u03b9 \u03c5\u03bb\u03b9\u03ba\u03ac\r\n \u03c5\u03c8\u03b7\u03bb\u03ce\u03bd \u03c0\u03c1\u03bf\u03b4\u03b9\u03b1\u03b3\u03c1\u03b1\u03c6\u03ce\u03bd, \u03b5\u03c0\u03b9\u03bb\u03b5\u03b3\u03bc\u03ad\u03bd\u03b1 \u03b3\u03b9\u03b1\r\n <strong>\u03bc\u03ad\u03b3\u03b9\u03c3\u03c4\u03b7 \u03b1\u03bd\u03c4\u03bf\u03c7\u03ae, \u03c0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c3\u03af\u03b1 \u03ba\u03b1\u03b9 \u03b1\u03c0\u03cc\u03b4\u03bf\u03c3\u03b7<\/strong>.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"metric-card\">\r\n\r\n <div class=\"metric-value\">\r\n 4\/4\r\n <\/div>\r\n\r\n <div class=\"metric-content\">\r\n\r\n <div class=\"metric-label-wrapper\">\r\n <span class=\"metric-arrow\">\u2192<\/span>\r\n\r\n <h3 class=\"metric-title\">\r\n \u03a0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c3\u03af\u03b1 \u03a0\u03b1\u03bd\u03c4\u03cc\u03c2 \u039a\u03b1\u03b9\u03c1\u03bf\u03cd\r\n <\/h3>\r\n\r\n <\/div>\r\n\r\n <p class=\"metric-subtitle\">\r\n \u03a4\u03b5\u03c7\u03bd\u03bf\u03bb\u03bf\u03b3\u03b9\u03ba\u03ac \u03c0\u03c1\u03bf\u03b7\u03b3\u03bc\u03ad\u03bd\u03b5\u03c2 \u03c3\u03c5\u03bb\u03bb\u03bf\u03b3\u03ad\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03b9\u03c2\r\n <strong>4 \u03b5\u03c0\u03bf\u03c7\u03ad\u03c2 \u03c4\u03bf\u03c5 \u03c7\u03c1\u03cc\u03bd\u03bf\u03c5<\/strong> \u03ba\u03b1\u03b9\r\n <strong>\u03ba\u03ac\u03b8\u03b5 \u03ba\u03b1\u03b9\u03c1\u03b9\u03ba\u03ae \u03c3\u03c5\u03bd\u03b8\u03ae\u03ba\u03b7<\/strong>.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"metric-card\">\r\n\r\n <div class=\"metric-value\">\r\n 360\u00b0\r\n <\/div>\r\n\r\n <div class=\"metric-content\">\r\n\r\n <div class=\"metric-label-wrapper\">\r\n <span class=\"metric-arrow\">\u2192<\/span>\r\n\r\n <h3 class=\"metric-title\">\r\n Beyond Boundaries\r\n <\/h3>\r\n\r\n <\/div>\r\n\r\n <p class=\"metric-subtitle\">\r\n \u039a\u03ac\u03bb\u03c5\u03c8\u03b7 \u03ba\u03ac\u03b8\u03b5 \u03b1\u03bd\u03ac\u03b3\u03ba\u03b7\u03c2, \u03b1\u03c0\u03cc \u03c4\u03bf <strong>outdoor<\/strong>\r\n \u03ad\u03c9\u03c2 \u03c4\u03b7\u03bd <strong>\u03c0\u03cc\u03bb\u03b7 \u03ba\u03b1\u03b9 \u03c4\u03bf yachting<\/strong>.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n const counters = document.querySelectorAll(\r\n \".metric-value[data-target]\"\r\n );\r\n\r\n let animated = false;\r\n\r\n function runCounters() {\r\n\r\n counters.forEach(counter => {\r\n\r\n const target = +counter.getAttribute(\"data-target\");\r\n const suffix = counter.getAttribute(\"data-suffix\") || \"\";\r\n\r\n let count = 0;\r\n\r\n const duration = 1500;\r\n const increment = target \/ (duration \/ 16);\r\n\r\n const updateCount = () => {\r\n\r\n count += increment;\r\n\r\n if (count < target) {\r\n\r\n counter.innerText =\r\n Math.ceil(count) + suffix;\r\n\r\n requestAnimationFrame(updateCount);\r\n\r\n } else {\r\n\r\n counter.innerText =\r\n target + suffix;\r\n\r\n }\r\n\r\n };\r\n\r\n updateCount();\r\n\r\n });\r\n\r\n }\r\n\r\n\r\n const observer = new IntersectionObserver(\r\n (entries, observer) => {\r\n\r\n entries.forEach(entry => {\r\n\r\n if (entry.isIntersecting && !animated) {\r\n\r\n animated = true;\r\n\r\n runCounters();\r\n\r\n observer.disconnect();\r\n\r\n }\r\n\r\n });\r\n\r\n },\r\n {\r\n threshold: 0.2\r\n }\r\n );\r\n\r\n\r\n const section =\r\n document.querySelector(\".metrics-section\");\r\n\r\n if (section) {\r\n observer.observe(section);\r\n }\r\n\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hero Section \u0391\u03c0\u03bf\u03ba\u03bb\u03b5\u03b9\u03c3\u03c4\u03b9\u03ba\u03ad\u03c2 \u03c3\u03c5\u03bb\u03bb\u03bf\u03b3\u03ad\u03c2 \u03b3\u03b5\u03bd\u03bd\u03b7\u03bc\u03ad\u03bd\u03b5\u03c2 \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03b1\u03bd\u03b1\u03b6\u03ae\u03c4\u03b7\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2, \u03b1\u03b9\u03c3\u03b8\u03b7\u03c4\u03b9\u03ba\u03ae\u03c2 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03ae\u03c2 \u03ac\u03bd\u03b5\u03c3\u03b7\u03c2 \u03ba\u03b1\u03b9 \u03c4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ae\u03c2 \u03c5\u03c0\u03b5\u03c1\u03bf\u03c7\u03ae\u03c2. \u0393\u03b9\u03b1 \u03ba\u03ac\u03b8\u03b5 \u03b4\u03b9\u03b1\u03b4\u03c1\u03bf\u03bc\u03ae. \u0393\u03b9\u03b1 \u03ba\u03ac\u03b8\u03b5 \u03c3\u03c4\u03b9\u03b3\u03bc\u03ae. \u03a0\u03b1\u03bd\u03c4\u03bf\u03cd. “\u2026a way of life that I can wear.” \u0394\u03b7\u03bc\u03bf\u03c6\u03b9\u03bb\u03ae \u03a0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1 Products Grid Online Only Dummy Product 1 49.99\u20ac Online Only Dummy Product 2 79.99\u20ac Online Only Dummy Product 3 35.00\u20ac Online Only […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"disabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-930","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/markelle.gr\/en\/wp-json\/wp\/v2\/pages\/930","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/markelle.gr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/markelle.gr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/markelle.gr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/markelle.gr\/en\/wp-json\/wp\/v2\/comments?post=930"}],"version-history":[{"count":215,"href":"https:\/\/markelle.gr\/en\/wp-json\/wp\/v2\/pages\/930\/revisions"}],"predecessor-version":[{"id":1321,"href":"https:\/\/markelle.gr\/en\/wp-json\/wp\/v2\/pages\/930\/revisions\/1321"}],"wp:attachment":[{"href":"https:\/\/markelle.gr\/en\/wp-json\/wp\/v2\/media?parent=930"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}