.brown {color:#5d463e!important;} 
.brown-light {color:#cab39c!important;} 
.orange {color:#268db4!important;} 
.orange-light {color:#e49d71!important;} 
.green {color:#1f9192!important;} 
.green-light {color:#84b29e!important;} 

.bg-brown {background-color:#5d463e!important;} 
.bg-brown-light {background-color:#cab39c!important;} 
.bg-orange {background-color:#268db4!important;} 
.bg-orange-light {background-color:#e49d71!important;} 
.bg-green {background-color:#1f9192!important;} 
.bg-green-light {background-color:#84b29e!important;}
.bg-grey-light {background-color:#f4f1ed!important;}

button.btn.btn-green, .btn:not(.close):not(.mfp-close).btn-green, a.btn:not([href]):not([tabindex]).btn-green { background-color: #1f9192; border-color: #1f9192; }
button.btn.btn-green:hover, button.btn.btn-green:focus, button.btn.btn-green:active, button.btn.btn-green.active, .btn:not(.close):not(.mfp-close).btn-green:hover, .btn:not(.close):not(.mfp-close).btn-green:focus, .btn:not(.close):not(.mfp-close).btn-green:active, .btn:not(.close):not(.mfp-close).btn-green.active, a.btn:not([href]):not([tabindex]).btn-green:hover, a.btn:not([href]):not([tabindex]).btn-green:focus, a.btn:not([href]):not([tabindex]).btn-green:active, a.btn:not([href]):not([tabindex]).btn-green.active { background-color: #333333; border-color: #333333; color: #fff; }
button.btn.btn-green.btn-outline, .btn:not(.close):not(.mfp-close).btn-green.btn-outline, a.btn:not([href]):not([tabindex]).btn-green.btn-outline { background-color: transparent; color: #1f9192; border-color: #1f9192; }
button.btn.btn-green.btn-outline:hover, button.btn.btn-green.btn-outline:focus, button.btn.btn-green.btn-outline:active, button.btn.btn-green.btn-outline.active, .btn:not(.close):not(.mfp-close).btn-green.btn-outline:hover, .btn:not(.close):not(.mfp-close).btn-green.btn-outline:focus, .btn:not(.close):not(.mfp-close).btn-green.btn-outline:active, .btn:not(.close):not(.mfp-close).btn-green.btn-outline.active, a.btn:not([href]):not([tabindex]).btn-green.btn-outline:hover, a.btn:not([href]):not([tabindex]).btn-green.btn-outline:focus, a.btn:not([href]):not([tabindex]).btn-green.btn-outline:active, a.btn:not([href]):not([tabindex]).btn-green.btn-outline.active { background-color: #1f9192; border-color: #1f9192; color: #fff; }


button.btn.btn-green-light, .btn:not(.close):not(.mfp-close).btn-green-light, a.btn:not([href]):not([tabindex]).btn-green-light { background-color: #84b29e; border-color: #84b29e; }
button.btn.btn-green-light:hover, button.btn.btn-green-light:focus, button.btn.btn-green-light:active, button.btn.btn-green-light.active, .btn:not(.close):not(.mfp-close).btn-green-light:hover, .btn:not(.close):not(.mfp-close).btn-green-light:focus, .btn:not(.close):not(.mfp-close).btn-green-light:active, .btn:not(.close):not(.mfp-close).btn-green-light.active, a.btn:not([href]):not([tabindex]).btn-green-light:hover, a.btn:not([href]):not([tabindex]).btn-green-light:focus, a.btn:not([href]):not([tabindex]).btn-green-light:active, a.btn:not([href]):not([tabindex]).btn-green-light.active { background-color: #333333; border-color: #333333; color: #fff; }
button.btn.btn-green-light.btn-outline, .btn:not(.close):not(.mfp-close).btn-green-light.btn-outline, a.btn:not([href]):not([tabindex]).btn-green-light.btn-outline { background-color: transparent; color: #84b29e; border-color: #84b29e; }
button.btn.btn-green-light.btn-outline:hover, button.btn.btn-green-light.btn-outline:focus, button.btn.btn-green-light.btn-outline:active, button.btn.btn-green-light.btn-outline.active, .btn:not(.close):not(.mfp-close).btn-green-light.btn-outline:hover, .btn:not(.close):not(.mfp-close).btn-green-light.btn-outline:focus, .btn:not(.close):not(.mfp-close).btn-green-light.btn-outline:active, .btn:not(.close):not(.mfp-close).btn-green-light.btn-outline.active, a.btn:not([href]):not([tabindex]).btn-green-light.btn-outline:hover, a.btn:not([href]):not([tabindex]).btn-green-light.btn-outline:focus, a.btn:not([href]):not([tabindex]).btn-green-light.btn-outline:active, a.btn:not([href]):not([tabindex]).btn-green-light.btn-outline.active { background-color: #84b29e; border-color: #84b29e; color: #fff; }

a { color:#df763f; }
.my-text-align { text-align: right; }
.myorder { border: 1px solid #df763f!important; color:#df763f!important;}
.orderonline { border: 1px solid #df763f!important; color:#df763f!important;}
.zoom {transition: transform .3s;}
.zoom:hover {transform: scale(1.1);}
.pic21 {border:1px solid #343434; transform: translate(60px, 0px);z-index:1}
.bg_home_1 {background:url('../images/icons/icon-v1.png') no-repeat top 20% right 5% / 250px;}
.bg_home_2 {background:url('../images/icons/icon-v2.png') no-repeat top 10% right 10% / 350px;}
.bg_home_3 {background:url('../images/icons/icon-v3.png') no-repeat top 10% right 10% / 350px;}

.grfont {font-family:PFTraffic-Regular!important;}
.maintitle {font-size: 48px; margin-bottom: 40px; color: #fff; line-height: 135%;}
.subtitle {font-size: 28px; color: #fff; line-height: 135%;}
.circles {display:block; margin:0 auto 10px auto; width:128px; height: 128px; border-radius: 50%;}
.circles_text {font-size:64px; line-height:128px; color:#fff}

.title01:before { content:"01"; color:#268db4; }
.color01 { color:#268db4; }
.title02:before { content:"02"; color:#5d463e; }
.color02 { color:#5d463e; }
.title03:before { content:"03"; color:#1f9192; }
.color03 { color:#1f9192; }
.title04:before { content:"04"; color:#e49d71; }
.color04 { color:#e49d71; }
.title05:before { content:"05"; color:#cab39c; }
.color05 { color:#cab39c; }
.title06:before { content:"06"; color:#84b293; }
.color06 { color:#84b293; }
.title07:before { content:"07"; color:#268db4; }
.color07 { color:#268db4; }
.colorbox { position:relative; margin-bottom: 30px; padding: 50px; background-color: #f4f1ed; display: flex; flex-direction: column; min-height: 270px; transition: 0.3s all; }
.colorbox:before { position:absolute; right:45px; bottom:25px; width:auto; height:auto; font-size:60px; font-weight:700; line-height:1; opacity:0.25; transition:0.3s all; }
.colorbox:hover { box-shadow: 0 0 20px 0px #98989838; }
.colorboxtitle {font-size: 20px; font-weight: 700; line-height:150%; margin-bottom: 10px;}

.sparkling {background-color:#e19871;}
.lemonade {background-color:#ffee93;}
.craft {background-color:#de763e;}
.coldbrew {background-color:#1f9192;}
.craft h3, .craft h4 {color:#fff;} 
.coldbrew h3, .coldbrew h4 {color:#fff;} 
.soda {background-color:#74ac98;}
.desc { font-size: 22px; line-height:30px; padding-bottom: 20px}
.white {color:#fff!important;}
.coffee-color {color:#5f4b44!important;}

.tea-desc {font-size: 18px; line-height: 24px;}
.nutrition {font-size: 20px;}

.black-tea {background:#5e473f; color:#fff;}
.black-tea .nutrition {padding: 10px 20px; background:#5e473f; border:1px solid #fff; color:#fff;}
.black-tea .nutrition:hover {background:#fff; color:#5e473f;}

.chaga-tea {background:#de7033; color:#fff;}
.chaga-tea .nutrition { padding: 10px 20px; background:#de7033; border:1px solid #fff; color:#fff;}
.chaga-tea .nutrition:hover { background:#fff; color:#de7033;}

.green-tea {background:#90b596; color:#fff;}
.green-tea .nutrition { padding: 10px 20px; background:#90b596; border:1px solid #fff; color:#fff;}
.green-tea .nutrition:hover { background:#fff; color:#90b596;}

.third-chakra-tea {background:#359898; color:#fff;}
.third-chakra-tea .nutrition { padding: 10px 20px; background:#359898; border:1px solid #fff; color:#fff;}
.third-chakra-tea .nutrition:hover { background:#fff; color:#359898;}

.internal-balance-tea {background:#e5a57e; color:#fff;}
.internal-balance-tea .nutrition { padding: 10px 20px; background:#e5a57e; border:1px solid #fff; color:#fff;}
.internal-balance-tea .nutrition:hover { background:#fff; color:#e5a57e;}

.rise-shine-tea {background:#cebaa4; color:#5f4b44;}
.rise-shine-tea .nutrition { padding: 10px 20px; background:#cebaa4; border:1px solid #fff; color:#5f4b44;}
.rise-shine-tea .nutrition:hover { background:#fff; color:#5f4b44;}

.peace-love-happiness-tea {background:#8fb8a7; color:#fff;}
.peace-love-happiness-tea .nutrition { padding: 10px 20px; background:#8fb8a7; border:1px solid #fff; color:#fff;}
.peace-love-happiness-tea .nutrition:hover { background:#fff; color:#5f4b44;}

.white-tea {background:#eaded1; color:#5f4b44;}
.white-tea .nutrition { padding: 10px 20px; background:#eaded1; border:1px solid #fff; color:#5f4b44;}
.white-tea .nutrition:hover { background:#fff; color:#5f4b44;}

.karteraki-tea {background:#d5bca5; color:#5f4b44;}
.karteraki-tea .nutrition { padding: 10px 20px; background:#d5bca5; border:1px solid #fff; color:#5f4b44;}
.karteraki-tea .nutrition:hover { background:#fff; color:#5f4b44;}

.text-right {text-align:right!important;}
.testimonial-title {font-size: 20px; font-weight: 700; line-height:150%; margin-bottom: 10px;}

.hide-small { display: block; }
.hide-large { display: none!important; }

.years10text {font-size: 36px; letter-spacing: 5px; }
.years10moto {font-size: 24px; line-height: 28px; letter-spacing: 1px; }	

.testimonial-item {text-align: justify;}
.testrow {box-shadow: 0 3px 8px 2px rgba(10,10,10,.1); border-radius: 10px}

@media all and (max-width: 759px) {
	.pic21 {padding-bottom:20px;border:0;transform:none;}
	.myorder {border:none!important; color:#5d463e!important; }
	.orderonline {}
	.my-text-align {text-align: center;}
	.header-extras > ul > li > a:not(.btn), .header-extras > ul > li > .p-dropdown { padding-top: 0px; }
	#page-title .page-title > h1 {font-size: 48px;line-height: 48px;}
	#mainMenu:not(.menu-overlay) nav > ul > li > a {font-size: 20px;color: #000;}
	.bg_home_1 {background:url('../images/icons/icon-v1.png') no-repeat bottom 200px center / 100px;}	
	.bg_home_2 {background:url('../images/icons/icon-v2.png') no-repeat bottom 537px center / 100px;}
	.bg_home_3 {background:url('../images/icons/icon-v3.png') no-repeat bottom 537px center / 100px;}
	.maintitle {font-size: 30px; margin-bottom: 20px; color: #fff; line-height: 125%; padding:10px;}
	.subtitle {font-size: 22px; color: #fff; line-height: 125%;}
	.mob-center {text-align:center!important;}
    .hide-small {display: none!important;}
    .hide-large { display: block!important;}
	.list li { line-height: 22px; }	
	.years10text {font-size: 36px; letter-spacing: 5px; padding:30px 0;}
	.years10moto {ffont-size: 24px; line-height: 25px; letter-spacing: 1px; padding:30px 0}	
	.testimonial .testimonial-item {padding: 20px;}
	.flickity-button {top: 30%;	}
	.pd-b-m {padding-bottom: 40px;}
 }


/* NEWSLETTER */
.newsletter-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	overflow-y: auto;
	z-index: 9999;
}
.newsletter-panel {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 360px;
	max-width: calc(100% - 10px);
	background: #fff;
	padding: 100px 40px 30px 40px;
}
.newsletter-panel .close {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 2.5rem;
    padding: 5px;
    cursor: pointer;
}
.newsletter-panel .btn {
	display: block;
	width: 100%;
}
.newsletter-panel .form-check label {
    display: inline-block;
    font-size: 1rem;
    font-weight: normal;
    width: unset;
}

.newsletter-panel .margarita-plaisio {
	position: absolute;
    width: 100%;
    height: 190px;
    top: -69px;
    left: 0;
}
.newsletter-panel .margarita {
	width: 130px;
    height: 130px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -93px 0 0 -69px;
    background: center / contain no-repeat url(../images/logo/icon.svg);
    animation: margaritaround 12s infinite linear;
}
@keyframes margaritaround {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

.newsletter-panel .message {
	font-size: 20px;
    letter-spacing: 1.5px;
	font-weight: 600;
	line-height: 1.5;
}
.newsletter-panel .message b {
	font-size: 22px;
	color: #7db5b4;
}

@media (max-width: 576px) {
	.newsletter-panel {
	    position: relative;
		top: unset;
        left: unset;
		transform: unset; 
	    background: #fff;
		padding: 100px 40px 30px 40px;
		margin: 130px auto 100px auto;
	}
	.newsletter-panel .message {
		letter-spacing: 1px;
	}
}


/* POPUP */
.popup-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.8);
	overflow-y: auto;
	z-index: 9999;
}
.popup-panel {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 360px;
	max-width: calc(100% - 10px);
	background: #fff;
	padding: 30px;
}
.popup-panel .close {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 2.5rem;
    padding: 5px;
    cursor: pointer;
}
.popup-panel .btn {
	display: block;
	width: 100%;
}
.popup-panel .form-check label {
    display: inline-block;
    font-size: 1rem;
    font-weight: normal;
    width: unset;
}
html {
  font-size: 110% !important;
}
#mainMenu nav > ul > li > a {
  font-size: 1.15rem !important;  /* ~ +20% */
  font-weight: 500;
  letter-spacing: .4px;
  padding: 0 14px;
}

.header-logo-left #logo img {
  height: 40px !important; /* αν θες να μεγαλώσει και το logo λίγο */
}
/* Βάση: χρώμα link στο header */
#header .menu > li > a{
  color:#fff !important;
}

/* Hover/Current/Active σε όλα τα modes (dark, submenu-light, sticky) */
#header.submenu-light .menu > li:hover > a,
#header.submenu-light .menu > li.current > a,
#header.submenu-light .menu > li.active > a,
#header.dark .menu > li:hover > a,
#header.dark .menu > li.current > a,
#header.dark .menu > li.active > a,
#header.header-sticky .menu > li:hover > a,
#header.header-sticky .menu > li.current > a,
#header.header-sticky .menu > li.active > a,
#header.sticky-active .menu > li:hover > a,
#header.sticky-active .menu > li.current > a,
#header.sticky-active .menu > li.active > a{
  color: var(--panino-mustard) !important; /* ή var(--panino-terracotta) */
}

/* Αν το theme βάφει underline/pseudo-element */
#header .menu > li > a::after{
  background: var(--panino-mustard) !important; /* για dots-underline themes */
  border-color: var(--panino-mustard) !important;
}

/* Mobile drawer */
#mainMenu .menu > li > a:hover,
#mainMenu .menu > li.current > a,
#mainMenu .menu > li.active > a{
  color: var(--panino-mustard) !important;
}
#mainMenu nav > ul > li:hover > a,
#mainMenu nav > ul > li.current > a {
  color: var(--panino-mustard) !important;
}
/* ========== GLOBAL OVERRIDES (no HTML changes) ========== */
/* Παλέτα (αν δεν υπάρχει ήδη) */
:root{
  --ink:#141515; --muted:#6a6a6a;
  --line:#e6e6e6; --card:#ffffff;
  --category:#1a6a68; --cream:#fff8f2;
   --accent-1:#0F4F4A !important; --accent-2:#269594;
  --price:#a8842a;
  --scroll-bg:var(--cream); --scroll-fg:#141515;
}

/* Scrollmenu: desktop + mobile. Μόνο CSS, καθόλου HTML */
#scrollmenu{
  background: var(--scroll-bg) !important;
  border-bottom: 1px solid var(--line) !important;
}

/* Κίτρινο font στα links */
#scrollmenu a{
  color: var(--accent-1) !important;   /* ΚΙΤΡΙΝΟ */
}
#scrollmenu a.active{
  color: var(--accent-1) !important;   /* ΚΙΤΡΙΝΟ όταν active */
}
#scrollmenu a.active:after{
  border-bottom: 2px solid var(--accent-1) !important;
}

/* Mobile block */
@media screen and (max-width:767px){
  #scrollmenu{
    background-color: var(--scroll-bg) !important;
  }
}

/* Desktop block */
@media (min-width:992px){
  #scrollmenu{
    background: var(--scroll-bg) !important;
  }
}

/* Κάρτες + κείμενα */
.mnu-item{ background:var(--card) !important; border-color:var(--line) !important; }
.hm_content{ color:var(--muted) !important; }
.hm_price{ color:var(--price) !important; }
.menu-section h2, .menu-section h3, .menu-section h4{ color:var(--category) !important; }

/* Γενική χαρτογράφηση παλιών αποχρώσεων */
a{ color:var(--accent-1) !important; }
a:hover, a:focus{ color:var(--accent-1) !important; }

.bg-orange, .craft{ background-color:var(--accent-1) !important; }
.bg-green, .coldbrew{ background-color:var(--accent-2) !important; }
.bg-brown{ background-color:var(--category) !important; }
.orange, .color01, .color07{ color:var(--accent-1) !important; }
.green, .color03{ color:var(--accent-2) !important; }
.brown, .coffee-color, .color02{ color:var(--category) !important; }

/* Σπάσιμο σκληρών #333 από inline */
#scrollmenu{ background:#333 !important; }
#scrollmenu{ background:var(--scroll-bg) !important; }

<!-- PANINO palette + minimal overrides HEADER HEADER HEADER -->
  :root{
      --panino-terracotta:#C46047;
      --panino-petrol:#486559;
      --panino-blue:#2B8BB3;
      --panino-mustard:#DBA842;
      --panino-sand:#A67B56;
      --panino-ink:#080808;
      --panino-off:#F5F7F3;

      --bg-page:var(--panino-off);
      --text-primary:var(--panino-ink);
      --link:var(--panino-blue);
      --link-hover:#237497;
    }

    html,body{background:var(--bg-page); color:var(--text-primary);}
    a{color:var(--link); text-decoration:none}
    a:hover{color:var(--link-hover); text-decoration:underline}

    /* Header/menu χρώματα */
    #header .menu > li > a{ color:#fff !important; }
    #header.submenu-light .menu > li:hover > a,
    #header.submenu-light .menu > li.current > a,
    #header.dark .menu > li:hover > a,
    #header.dark .menu > li.current > a,
    #header.sticky-active .menu > li:hover > a,
    #header.sticky-active .menu > li.current > a{
      color: var(--panino-mustard) !important;
    }
    /* Dropdown bubble */
    .header-extras .p-dropdown-content{
      background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:10px;
    }
    /* Order Online button */
    .orderonline{ background:var(--panino-terracotta)!important; color:#fff!important; border:none!important; }
    .orderonline:hover{ filter:brightness(.95); }
	<!-- PANINO palette + minimal overrides HEADER HEADER HEADER  END END END-->
	
	
/* Slider minimum height */
#slider,
.inspiro-slider,
.inspiro-slider .slide {
  min-height: 100vh;
}
.inspiro-slider .slide {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Newsletter spacing in footer */
#hc-footer .nl-wrap {
  margin: 36px auto 0 !important;
}
@media (min-width: 992px) {
  #hc-footer .nl-wrap {
    margin-top: 48px !important;
  }
}

/* Social icons */
footer .social-icons ul {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
  margin: 0;
  padding: 0;
  list-style: none;
}
footer .social-icons li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
  transition: transform .2s, box-shadow .2s, background .2s, filter .2s;
}
footer .social-icons li img {
  width: 20px;
  height: 20px;
  display: block;
  transition: transform .2s, filter .2s;
}
footer .social-icons li a:hover {
  transform: translateY(-2px) scale(1.06);
}
footer .social-facebook a:hover {
  background: #1877F2 !important;
  box-shadow: 0 6px 16px rgba(24,119,242,.55) !important;
}
footer .social-instagram a:hover {
  background: linear-gradient(45deg, #f58529, #dd2a7b, #8134af, #515bd4) !important;
  box-shadow: 0 6px 18px rgba(221,42,123,.55) !important;
}
footer .social-google a:hover {
  background: #34A853 !important;
  box-shadow: 0 6px 16px rgba(52,168,83,.55) !important;
}
footer .social-youtube a:hover {
  background: #FF0000 !important;
  box-shadow: 0 6px 16px rgba(255,0,0,.55) !important;
}
footer .social-tiktok a:hover {
  background: #000 !important;
  box-shadow: 0 0 10px rgba(255,255,255,.6),
              0 0 22px rgba(255,0,80,.55),
              0 0 32px rgba(0,242,234,.55) !important;
}
footer .social-tiktok a:hover img {
  filter: brightness(1.08)
    drop-shadow(0 0 8px rgba(255,255,255,.9))
    drop-shadow(0 0 20px rgba(255,0,80,.9))
    drop-shadow(0 0 28px rgba(0,242,234,.9));
  transform: scale(1.10);
}
footer .social-icons li a:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  footer .social-icons li a,
  footer .social-icons li img {
    transition: none;
  }
}

/* Newsletter input + button */
.nl-wrap { max-width: 520px; margin: 0 auto; text-align: center; }
.nl-title { color: #fff; margin: 0 0 8px; font-size: 16px; font-weight: 600; opacity: .9; }
.nl-input {
  width: 100%;
  padding: 16px 18px;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,.18);
  background: #2a2a2a;
  color: #fff;
  font-size: 16px;
  outline: none;
}
.nl-input::placeholder { color: rgba(255,255,255,.55); }
.nl-btn {
  margin-top: 14px;
  padding: 10px 18px;
  border-radius: 8px;
  background: transparent;
  color: #ddd;
  border: 1px solid rgba(255,255,255,.35);
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 13px;
  cursor: pointer;
  transition: background .2s, color .2s, border-color .2s;
}
.nl-btn:hover { background: #fff; color: #000; border-color: #fff; }
.nl-msg { color: #fff; font-size: 16px; margin: 14px 0; }

/* Footer layout */
#hc-footer { background: #111; color:#fff; }
#hc-footer a { color:#fff; text-decoration:none; opacity:.9; }
#hc-footer a:hover { opacity:1; text-decoration:underline; }
#hc-footer .hc-wrap { max-width:1200px; margin:0 auto; padding:40px 16px; }
#hc-footer .hc-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; text-align:center; }
#hc-footer .hc-card h5 { margin:0 0 6px; font-size:14px; letter-spacing:.08em; text-transform:uppercase; }
#hc-footer .hc-card p { margin:0; font-size:16px; line-height:1.5; }
#hc-footer .hc-bottom {
  display:flex; gap:16px; justify-content:space-between; align-items:center;
  border-top:1px solid rgba(255,255,255,.15); margin-top:28px; padding-top:16px;
}
#hc-footer .hc-copy { font-size:14px; }
#hc-footer .hc-social { list-style:none; display:flex; gap:14px; margin:0; padding:0; }
#hc-footer .hc-social img { width:22px; height:22px; display:block; }
@media (max-width:992px) {
  #hc-footer .hc-grid { grid-template-columns:1fr; }
  #hc-footer .hc-bottom { flex-direction:column; gap:12px; }
}

/* Page helper section styles */
.page-section-ptb { padding: 80px 0; }
.architecture-about h2 { font-size:32px; line-height:1.3; font-weight:600; }
.architecture-about span { font-size:14px; color:#999; display:block; }
.mt-10 { margin-top:10px; }
.mt-20 { margin-top:10px; }
.mb-50 { margin-bottom:80px; }
.button { display:inline-block; padding:10px 25px; border:none; background:#323232; color:#fff; text-transform:uppercase; font-size:13px; letter-spacing:1px; cursor:pointer; }
.button-border { background:transparent; border:1px solid #323232; color:#323232; }
.button-border:hover { background:#323232; color:#fff; }
.about-image { position:relative; width:100%; height:480px; }
.about-image-01, .about-image-02 { position:absolute; background-size:cover; background-position:center; border-radius:4px; }
.about-image-01 { top:0; left:0; width:70%; height:100%; }
.about-image-02 { bottom:0; right:0; width:80%; height:80%; box-shadow:0 10px 25px rgba(0,0,0,0.15); }
@media(max-width:768px){
  .about-image { height:420px; margin-top:30px; }
  .about-image-01, .about-image-02 { width:100% !important; height:100% !important; position:relative; box-shadow:none; }
  .about-image-02 { margin-top:20px; }
}

/* Button improved border style */
.button.button-border {
  border:1.5px solid #111; padding:12px 26px; border-radius:8px; font-weight:500;
  letter-spacing:.5px; transition:all .28s ease; background:transparent;
}
.button.button-border:hover {
  background:#111; color:#fff !important; transform:translateY(-2px);
  box-shadow:0 6px 14px rgba(0,0,0,.18);
}
.button.button-border:active {
  transform:translateY(0); box-shadow:0 2px 6px rgba(0,0,0,.15);
}

/* Section offset fix */
#about-us { padding-top:0 !important; }



/* Bottom bar */
#bbar{
  position: fixed;
  left: 0; right: 0;
  bottom: 0;                 /* πάντα κολλημένο */
  z-index: 1000;
  background: #f4f6f4;
  padding-bottom: env(safe-area-inset-bottom, 0); /* για iOS */
  transform: translateY(0);  /* θα το κρύβουμε με translate */
  transition: transform .2s ease;
}

/* Δίνουμε χώρο στο περιεχόμενο ώστε να μη σκεπάζεται */
body.has-bbar{
  padding-bottom: calc(var(--bbar-h, 70px) + env(safe-area-inset-bottom, 0));
}

/* Σε desktop δεν χρειάζεται */
@media (min-width: 992px){
  #bbar{ display:none; }
  body.has-bbar{ padding-bottom:0; }
}