/* ==========================================================================
   Πρόταση Β — «Πετρόλ & Χρυσό», δομή τύπου τραπεζικού portal.
   Header (ενότητες + mega menu), slider υπηρεσιών, «Θέλω να…», ανάγκες (οριζόντιο scroll),
   Νέα & Ανακοινώσεις, newsletter. Φορτώνει τελευταίο.
   Χρυσό (#C9A227) ΜΟΝΟ σε σκούρο φόντο ή ως φόντο κουμπιού με πετρόλ κείμενο (6:1).
   Για «χρυσό» κείμενο σε ανοιχτό φόντο: --c-accent-700 (6.1:1).
   ========================================================================== */

body.chamber-b { font-family: var(--f-text); font-weight: 400; color: var(--c-text); }
.chamber-b h1, .chamber-b h2, .chamber-b h3, .chamber-b h4 { font-family: var(--f-primary); letter-spacing: -.01em; }
.chamber-b :focus-visible { outline: 3px solid var(--c-accent); outline-offset: 2px; }

/* ── Κουμπιά ───────────────────────────────────────────────────────────── */
.chamber-b .hb-btn {
	display: inline-flex; align-items: center; gap: .55rem; padding: .95rem 1.5rem; border-radius: 8px;
	font-family: var(--f-accent); font-weight: 600; font-size: 1rem; line-height: 1.2; text-decoration: none;
	border: 2px solid transparent; cursor: pointer; transition: background .2s, color .2s, border-color .2s, transform .2s;
}
.hb-btn .icon { width: 1.05rem; height: 1.05rem; }
.chamber-b .hb-btn--gold { background: var(--c-accent); color: var(--c-primary); }
.chamber-b .hb-btn--gold:hover { background: var(--c-secondary); color: var(--c-primary); }

/* ── Header (τύπου piraeusbank.gr) ────────────────────────────────────── */
/* Fixed και διάφανος σε όλες τις σελίδες· το κουτί «αιωρείται» πάνω από το hero/banner. */
:root { --pbh-h: 156px; }
.chamber-b .site-header.pbh { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; background: transparent; box-shadow: none; }
.admin-bar .site-header.pbh { top: 32px; }
/* Εσωτερικές σελίδες: ο header μένει διάφανος (όπως στην αρχική). Το πετρόλ ανήκει στη σελίδα —
   ζώνη ύψους header που συνεχίζει στο banner — και κυλά μαζί της, ώστε στο scroll να μη μένει χρωματιστή λωρίδα. */
body.chamber-b:not(.home) .site-main { padding-top: var(--pbh-h); background: linear-gradient(var(--c-primary) var(--pbh-h), transparent var(--pbh-h)); }

/* Επίπεδο 1 */
.pbh-l1 {
	position: relative; z-index: 2; max-height: 52px; overflow: hidden;
	background: rgba(255,255,255,.8); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px);
	border-bottom: 1px solid rgba(0,47,48,.08); color: var(--c-primary); font-size: .88rem;
	transition: max-height .35s ease, opacity .25s;
}
.pbh-l1__inner { display: flex; align-items: stretch; justify-content: space-between; gap: 1.5rem; min-height: 52px; }
.pbh-l1__left, .pbh-l1__right { display: flex; align-items: center; gap: 1.5rem; }
.chamber-b .pbh-l1 .lang-switch { border-color: rgba(0,47,48,.3); border-radius: 0; }
body.chamber-b .pbh-l1 .lang-switch a { color: var(--c-primary); }
body.chamber-b .pbh-l1 .lang-switch a[aria-current] { background: var(--c-primary); color: var(--c-white); }
body.chamber-b .pbh-l1__right a { display: inline-flex; align-items: center; gap: .3rem; color: var(--c-primary); font-weight: 500; text-decoration: none; }
body.chamber-b .pbh-l1__right a:hover { text-decoration: underline; text-underline-offset: 4px; }
.pbh-l1__right .icon { width: 1rem; height: 1rem; }
.pbh-hours { display: flex; align-items: center; gap: .45rem; margin: 0 !important; font-weight: 500; }
.pbh-hours .icon { width: 1.05rem; height: 1.05rem; color: var(--c-accent-700); }

/* Επίπεδο 2: κουτί που αιωρείται πάνω από το hero */
.pbh-l2-wrap { position: relative; z-index: 1; padding-top: 24px; transition: padding .3s ease; }
.pbh-l2-box { transition: max-width .3s ease, padding .3s ease; }
.chamber-b .pbh-l2 {
	position: relative; display: flex; align-items: center; gap: 1.5rem; min-height: 80px; padding: 0 1rem 0 1.5rem;
	background: rgba(255,255,255,.9); -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px);
	box-shadow: 0 10px 30px rgba(0,30,31,.12); transition: box-shadow .3s, min-height .3s;
}
.chamber-b .pbh .brand__logo { height: 50px; }
.chamber-b .pbh .primary-nav { margin: 0 auto; }
.chamber-b .pbh .primary-nav__menu > li { position: static; }
.chamber-b .pbh .primary-nav .nav-link { padding: 1.8rem .95rem; font-family: var(--f-secondary); font-weight: 700; font-size: .95rem; color: var(--c-primary); }
.chamber-b .pbh .primary-nav .nav-link::after { left: .95rem; right: .95rem; bottom: 1.35rem; height: 2px; background: var(--c-primary); border-radius: 0; }
.pbh-actions { display: flex; align-items: center; gap: .6rem; }
.pbh-icon-btn {
	display: grid; place-items: center; width: 46px; height: 46px; padding: 0 !important; border: 0 !important; border-radius: 0 !important;
	background: transparent !important; color: var(--c-primary) !important; cursor: pointer; transition: transform .2s;
}
.pbh-icon-btn:hover { transform: scale(1.1); }
.pbh-icon-btn .icon { width: 1.45rem; height: 1.45rem; }
.chamber-b .pbh-btn {
	display: inline-flex; align-items: center; gap: .5rem; padding: .78rem 1.2rem; border: 2px solid var(--c-primary);
	font-weight: 700; font-size: .92rem; text-decoration: none; white-space: nowrap; transition: background .2s, color .2s, border-color .2s;
}
.pbh-btn .icon { width: 1.1rem; height: 1.1rem; }
.chamber-b .pbh-btn--outline { background: transparent; color: var(--c-primary); }
.chamber-b .pbh-btn--outline:hover { background: var(--c-primary); color: var(--c-white); }
.chamber-b .pbh-btn--solid { background: var(--c-primary); color: var(--c-white); }
.chamber-b .pbh-btn--solid .icon { color: var(--c-accent); }
.chamber-b .pbh-btn--solid:hover { background: var(--c-accent); border-color: var(--c-accent); color: var(--c-primary); }
.chamber-b .pbh-btn--solid:hover .icon { color: var(--c-primary); }

/* Scroll: κρύβεται το επίπεδο 1, το κουτί ανεβαίνει στην κορυφή (ίδιο πλάτος) — χωρίς κενό */
.site-header.pbh.is-scrolled .pbh-l1 { max-height: 0; opacity: 0; border: 0; }
.site-header.pbh.is-scrolled .pbh-l1 * { visibility: hidden; }
.site-header.pbh.is-scrolled .pbh-l2-wrap { padding-top: 0; }
.chamber-b .site-header.pbh.is-scrolled .pbh-l2 { min-height: 70px; background: rgba(255,255,255,.97); box-shadow: 0 12px 30px rgba(0,30,31,.16); }
.chamber-b .site-header.pbh.is-scrolled .brand__logo { height: 44px; }
.chamber-b .site-header.pbh.is-scrolled .primary-nav .nav-link { padding-block: 1.45rem; }
.chamber-b .site-header.pbh.is-scrolled .primary-nav .nav-link::after { bottom: 1rem; }

/* Επίπεδο 3: mega menu (πλάτος = κουτί του επιπέδου 2) */
.chamber-b .pbh .mega.pbm { left: 0; right: 0; top: 100%; border-top: 1px solid var(--c-line); background: var(--c-white); box-shadow: 0 20px 25px -5px rgba(0,0,0,.12), 0 8px 10px -6px rgba(0,0,0,.1); }
.pbm__inner { max-height: 72vh; overflow: auto; }
.pbm__title { margin: 0 !important; padding: 1.75rem 3rem 0; font-family: var(--f-primary); font-weight: 700; font-size: 1.25rem; color: var(--c-primary); }
.pbm__main { display: grid; grid-template-columns: 2fr 1fr; gap: 1.5rem; padding: 1.75rem 3rem; }
.pbm__list { columns: 2; column-gap: 1.75rem; margin: 0; padding: 0; list-style: none; }
.pbm__item { break-inside: avoid; margin-bottom: 1.4rem; }
body.chamber-b .pbm__link { display: inline-flex; gap: .85rem; color: var(--c-text); text-decoration: none; transition: transform .1s; }
body.chamber-b .pbm__link:hover { transform: scale(1.01); }
body.chamber-b .pbm__link:hover .pbm__item-title { text-decoration: underline; text-underline-offset: 3px; }
.pbm__icon { flex: none; display: grid; place-items: center; width: 32px; height: 32px; color: var(--c-primary-600); }
.pbm__icon .icon { width: 28px; height: 28px; }
.pbm__text { display: flex; flex-direction: column; gap: .3rem; }
.pbm__item-title { font-weight: 700; font-size: 1rem; color: var(--c-primary); }
.pbm__item-desc { font-size: .87rem; line-height: 1.45; color: var(--c-muted); }
.pbm__sub { margin: .6rem 0 0 calc(32px + .85rem); padding: 0; list-style: none; display: grid; gap: .35rem; }
body.chamber-b .pbm__sub a { font-size: .88rem; color: var(--c-muted); text-decoration: none; }
body.chamber-b .pbm__sub a:hover { color: var(--c-primary); text-decoration: underline; }
.pbm__aside { display: flex; flex-direction: column; gap: 1.25rem; }
.pbm__promo { display: flex; flex-direction: column; padding: 1.25rem; background: var(--c-mist); }
.pbm__promo-title { margin: 0 0 .25rem !important; font-weight: 700; color: var(--c-primary); }
.pbm__promo p:not(.pbm__promo-title) { margin: 0 0 .75rem !important; font-size: .87rem; color: var(--c-muted); }
body.chamber-b .pbm__promo a { margin-top: .4rem; font-size: .9rem; color: var(--c-primary); text-decoration: underline; text-underline-offset: 3px; }
.pbm__help { margin: 0 !important; padding: 1.1rem 3rem; background: var(--c-mist); text-align: center; font-size: .9rem; color: var(--c-text); }
body.chamber-b .pbm__help a { color: var(--c-primary); font-weight: 700; }

.pbh-mobile-seg { display: flex; flex-wrap: wrap; gap: .5rem; list-style: none; margin: 0 0 1.25rem; padding: 0; }
body.chamber-b .pbh-mobile-seg a { display: block; padding: .55rem .95rem; border: 1px solid var(--c-line); color: var(--c-primary); font-weight: 700; text-decoration: none; }


/* ── Hero slider ──────────────────────────────────────────────────────── */
.hslider { position: relative; height: clamp(660px, 90vh, 800px); overflow: hidden; background: var(--c-primary); color: var(--c-white); isolation: isolate; }
.hslider__track { position: absolute; inset: 0; }
.hslide { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .9s ease, visibility 0s .9s; }
.hslide.is-active { opacity: 1; visibility: visible; transition-delay: 0s; z-index: 1; }
.hslide__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.07); transition: transform 8s linear; }
.hslide.is-active .hslide__bg { transform: scale(1); }
.hslide::after {
	content: ""; position: absolute; inset: 0;
	background:
		linear-gradient(90deg, rgba(0,47,48,.95) 0%, rgba(0,47,48,.82) 38%, rgba(0,47,48,.25) 72%, rgba(0,47,48,.1) 100%),
		linear-gradient(0deg, rgba(0,30,31,.85) 0%, rgba(0,30,31,0) 32%);
}
.hslide__inner { position: relative; z-index: 1; display: flex; align-items: center; height: 100%; padding-top: var(--pbh-h); padding-bottom: 110px; }
.hslide__content { max-width: 620px; }
.hslide__eyebrow { display: inline-flex; align-items: center; gap: .65rem; margin: 0 0 1rem !important; font-size: .82rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--c-accent); }
.hslide__eyebrow img { width: 30px; height: 30px; object-fit: contain; }
.chamber-b .hslide__title { margin: 0 0 1rem !important; font-size: clamp(2.6rem, 5.4vw, 4.4rem) !important; font-weight: 700; line-height: 1.02; color: var(--c-white) !important; }
.hslide__text { max-width: 52ch; margin: 0 0 2rem !important; font-size: clamp(1.02rem, 1.5vw, 1.2rem); line-height: 1.6; color: rgba(255,255,255,.9); }
.hslide .hb-btn--gold { box-shadow: 0 10px 26px rgba(0,0,0,.25); }
.chamber-b .hslide .hb-btn--gold:hover { transform: translateY(-2px); }

.hslider__ui { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; padding-bottom: 2rem; }
.hslider__tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 210px)); gap: 1.25rem; }
.hslider__tab {
	position: relative; display: flex; align-items: baseline; gap: .6rem; padding: 1rem 0 0 !important; text-align: left;
	border: 0 !important; border-top: 2px solid rgba(255,255,255,.28) !important; border-radius: 0 !important; background: none !important;
	color: rgba(255,255,255,.7) !important; font: inherit; font-weight: 600; font-size: .95rem; cursor: pointer;
}
.hslider__tab:hover, .hslider__tab[aria-current="true"] { color: var(--c-white) !important; }
.hslider__num { font-size: .78rem; font-weight: 700; color: var(--c-accent); }
.hslider__bar { position: absolute; left: 0; top: -2px; height: 2px; width: 0; background: var(--c-accent); }
.hslider__tab[aria-current="true"] .hslider__bar { width: 100%; }
.hslider.is-playing .hslider__tab[aria-current="true"] .hslider__bar { animation: hslider-progress var(--hs-delay, 7s) linear forwards; }
@keyframes hslider-progress { from { width: 0; } to { width: 100%; } }
.hslider__ctrl { display: flex; gap: .5rem; }
.hslider__btn {
	display: grid; place-items: center; width: 46px; height: 46px; padding: 0 !important;
	border: 1.5px solid rgba(255,255,255,.45) !important; border-radius: 50% !important; background: rgba(0,30,31,.35) !important;
	color: var(--c-white) !important; cursor: pointer; transition: background .2s, border-color .2s;
}
.hslider__btn:hover { background: var(--c-accent) !important; border-color: var(--c-accent) !important; color: var(--c-primary) !important; }
.hslider__btn .icon { width: 1.2rem; height: 1.2rem; }
[data-slide-prev] .icon { transform: rotate(90deg); }
[data-slide-next] .icon { transform: rotate(-90deg); }
.hslider__pause { position: relative; width: 12px; height: 14px; border-inline: 4px solid currentColor; }
[data-slide-pause][aria-pressed="true"] .hslider__pause { width: 0; height: 0; border: 0; border-left: 12px solid currentColor; border-block: 7px solid transparent; margin-left: 3px; }

/* ── «Θέλω να…»: ζώνη κάτω από το hero (χωρίς επικάλυψη) ──────────────── */
.hfind { position: relative; padding-block: 2.5rem; background: var(--c-white); border-bottom: 1px solid var(--c-line); }
.hfind__card { display: grid; grid-template-columns: minmax(220px, .7fr) 2fr; align-items: center; gap: 1.25rem 2.5rem; }
.chamber-b .hfind__title { margin: 0 0 .25rem !important; font-size: 1.5rem !important; color: var(--c-primary) !important; }
.hfind__title::before { content: ""; display: block; width: 36px; height: 3px; margin-bottom: .75rem; background: var(--c-accent); }
.hfind__lead { margin: 0 !important; font-size: .92rem; color: var(--c-muted); }
.hfind .finder__form { border: 2px solid var(--c-primary); border-radius: 0; box-shadow: none; padding: .3rem; }
.hfind .finder__form:focus-within { box-shadow: 0 0 0 3px rgba(201,162,39,.55); }
.chamber-b .hfind .finder__lead { font-weight: 700; color: var(--c-primary); }
.chamber-b .hfind .finder__go { border-radius: 0; background: var(--c-primary); color: var(--c-white); }
.chamber-b .hfind .finder__go:hover { background: var(--c-accent); color: var(--c-primary); }
.hfind .finder__list { border-radius: 0; }
.hfind .finder__quick { margin-top: .85rem; }
.chamber-b .hfind .finder__quick-label { color: var(--c-muted); }
body.chamber-b .hfind .finder__chip { border-radius: 0; background: var(--c-white); border: 1px solid var(--c-line); color: var(--c-primary); }
body.chamber-b .hfind .finder__chip:hover { border-color: var(--c-primary); background: var(--c-mist); color: var(--c-primary); }
.hfind .finder__chip .icon { color: var(--c-accent-700); }
body.chamber-b .hfind .finder__all { color: var(--c-accent-700); }
body.chamber-b .hfind .finder__all:hover { color: var(--c-primary); }

/* ── Κεφαλίδες ενοτήτων ───────────────────────────────────────────────── */
.hb-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 1.5rem 2rem; flex-wrap: wrap; margin-bottom: 2rem; }
.hb-eyebrow { display: flex; align-items: center; gap: .6rem; margin: 0 0 .5rem !important; font-size: .78rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--c-accent-700); }
.hb-eyebrow::before { content: ""; width: 28px; height: 3px; border-radius: 3px; background: var(--c-accent); }
.chamber-b .hb-title { margin: 0 !important; font-size: clamp(1.8rem, 3.2vw, 2.6rem) !important; font-weight: 700; line-height: 1.12; color: var(--c-primary) !important; max-width: 24ch; }
body.chamber-b .hb-link { display: inline-flex; align-items: center; gap: .4rem; font-weight: 700; color: var(--c-primary); text-decoration: none; }
body.chamber-b .hb-link:hover { color: var(--c-primary-600); text-decoration: underline; text-decoration-color: var(--c-accent); text-decoration-thickness: 2px; text-underline-offset: 5px; }
.hb-link .icon { width: 1.05rem; height: 1.05rem; transition: transform .2s; }
.hb-link:hover .icon { transform: translateX(3px); }

/* ── Υπηρεσίες Ανάπτυξης: οριζόντιο scroll ή πλέγμα (επιλογή χρήστη) ───── */
.needs { background: var(--c-mist); }
/* Εναλλαγή προβολής: δύο κουμπιά-εικονίδια (aria-pressed) */
.view-toggle { display: inline-flex; border: 1.5px solid var(--c-primary); background: var(--c-white); }
.view-toggle__btn {
	display: inline-flex; align-items: center; gap: .45rem; padding: .6rem .9rem !important; border: 0 !important; border-radius: 0 !important;
	background: var(--c-white) !important; color: var(--c-primary) !important; font: inherit; font-weight: 600; font-size: .88rem; cursor: pointer; box-shadow: none !important;
}
.view-toggle__btn + .view-toggle__btn { border-left: 1.5px solid var(--c-primary) !important; }
.view-toggle__btn svg { width: 20px; height: 20px; }
.view-toggle__btn[aria-pressed="true"] { background: var(--c-primary) !important; color: var(--c-white) !important; }
.view-toggle__btn:not([aria-pressed="true"]):hover { background: var(--c-mist) !important; }

.hscroll__track {
	display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 3 * 1.25rem) / 3.35); gap: 1.25rem;
	margin: 0; padding: .5rem .25rem 1.25rem; list-style: none; overflow-x: auto; overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory; scroll-padding-inline: .25rem; scrollbar-width: none;
}
.hscroll__track::-webkit-scrollbar { display: none; }
.hscroll__track:focus-visible { outline-offset: 4px; border-radius: 12px; }
.need { scroll-snap-align: start; }
body.chamber-b .need__link {
	position: relative; display: flex; flex-direction: column; height: 100%; overflow: hidden;
	background: var(--c-white); border: 1px solid var(--c-line); border-radius: 14px; color: var(--c-text); text-decoration: none;
	transition: transform .25s, box-shadow .25s, border-color .25s;
}
.need__link::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: var(--c-accent); transform: scaleX(0); transform-origin: left; transition: transform .3s; }
.need__media { position: relative; display: block; height: 150px; overflow: hidden; background: var(--c-primary); }
.need__media img { width: 100%; height: 100%; object-fit: cover; opacity: .38; transition: opacity .35s, transform .5s; }
.need__icon {
	position: absolute; left: 1.25rem; top: 122px; z-index: 1; display: grid; place-items: center; width: 54px; height: 54px;
	border-radius: 14px; background: var(--c-accent); color: var(--c-primary); box-shadow: 0 0 0 4px var(--c-white); transition: background .25s, color .25s;
}
.need__icon .icon { width: 1.5rem; height: 1.5rem; }
.need__body { display: flex; flex-direction: column; gap: .45rem; flex: 1; padding: 2.4rem 1.35rem 1.4rem; }
.need__title { font-family: var(--f-secondary); font-weight: 600; font-size: 1.12rem; line-height: 1.3; color: var(--c-primary); }
.need__desc { font-size: .93rem; line-height: 1.55; color: var(--c-muted); }
.need__more { display: inline-flex; align-items: center; gap: .4rem; margin-top: auto; padding-top: .75rem; font-weight: 700; font-size: .9rem; color: var(--c-accent-700); }
.need__more .icon { width: 1rem; height: 1rem; transition: transform .25s; }
body.chamber-b .need__link:hover, body.chamber-b .need__link:focus-visible { transform: translateY(-5px); border-color: var(--c-accent); box-shadow: 0 22px 44px rgba(0,30,31,.14); }
.need__link:hover::after, .need__link:focus-visible::after { transform: scaleX(1); }
.need__link:hover .need__media img, .need__link:focus-visible .need__media img { opacity: .75; transform: scale(1.06); }
.need__link:hover .need__icon, .need__link:focus-visible .need__icon { background: var(--c-primary); color: var(--c-accent); }
.need__link:hover .need__more { color: var(--c-primary); }
.need__link:hover .need__more .icon { transform: translateX(4px); }

.hscroll__ctrl { display: flex; align-items: center; gap: 1rem; margin-top: .75rem; }
.hscroll__btn {
	display: grid; place-items: center; width: 44px; height: 44px; padding: 0 !important; flex: none;
	border: 1.5px solid var(--c-primary) !important; border-radius: 50% !important; background: var(--c-white) !important; color: var(--c-primary) !important; cursor: pointer;
	transition: background .2s, color .2s, opacity .2s;
}
.hscroll__btn:hover:not(:disabled) { background: var(--c-primary) !important; color: var(--c-white) !important; }
.hscroll__btn:disabled { opacity: .35; cursor: default; }
.hscroll__btn .icon { width: 1.15rem; height: 1.15rem; }
[data-hscroll-prev] .icon { transform: rotate(90deg); }
[data-hscroll-next] .icon { transform: rotate(-90deg); }
.hscroll__progress { flex: 1; height: 3px; border-radius: 3px; background: var(--c-line); overflow: hidden; }
.hscroll__progress span { display: block; height: 100%; width: 30%; border-radius: 3px; background: var(--c-primary); transition: transform .2s, width .2s; }

/* Προβολή πλέγματος */
.hscroll.is-grid .hscroll__track { grid-auto-flow: row; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-columns: auto; overflow: visible; scroll-snap-type: none; }
.hscroll.is-grid .hscroll__ctrl { display: none; }

/* ── Νέα & Ανακοινώσεις ───────────────────────────────────────────────── */
.hnews { background: var(--c-white); }
.hnews__tabs { display: flex; gap: .25rem 2rem; margin-bottom: 2rem; border-bottom: 1px solid var(--c-line); overflow-x: auto; scrollbar-width: none; }
.hnews__tab {
	position: relative; flex: none; padding: .9rem 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important;
	color: var(--c-muted) !important; font: inherit; font-weight: 600; font-size: .98rem; cursor: pointer; white-space: nowrap;
}
.hnews__tab:hover { color: var(--c-primary) !important; }
.hnews__tab[aria-selected="true"] { color: var(--c-primary) !important; font-weight: 700; }
.hnews__tab[aria-selected="true"]::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 3px; border-radius: 3px 3px 0 0; background: var(--c-accent); }
.hnews__panel[hidden] { display: none; }
.hnews__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; margin: 0; padding: 0; list-style: none; }
body.chamber-b .ncard__link { display: flex; flex-direction: column; height: 100%; color: var(--c-text); text-decoration: none; }
.ncard__media { display: block; aspect-ratio: 16 / 10; overflow: hidden; border-radius: 12px; background: var(--c-mist); }
.ncard__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.ncard__body { position: relative; display: flex; flex-direction: column; gap: .55rem; flex: 1; padding: 1rem .1rem 0; }
.ncard__meta { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .75rem; font-size: .8rem; color: var(--c-muted); }
.ncard__cat { padding: .2rem .55rem; border-radius: 4px; background: var(--c-accent-100); color: var(--c-accent-700); font-weight: 700; }
.ncard__title { font-family: var(--f-secondary); font-weight: 600; font-size: 1.06rem; line-height: 1.4; color: var(--c-primary); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.ncard__more { align-self: flex-start; margin-top: auto; padding: .25rem 0; border-bottom: 2px solid var(--c-accent); font-weight: 700; font-size: .9rem; color: var(--c-primary); transition: color .2s, border-color .2s; }
.ncard__link:hover .ncard__media img { transform: scale(1.05); }
.ncard__link:hover .ncard__title { color: var(--c-primary-600); }
.ncard__link:hover .ncard__more { border-color: var(--c-primary); }
.hnews__all { margin: 1.75rem 0 0 !important; }

/* ── Newsletter ───────────────────────────────────────────────────────── */
.hnl { position: relative; overflow: hidden; padding-block: 3.5rem; background: var(--c-primary); color: rgba(255,255,255,.85); }
.hnl::before { content: ""; position: absolute; right: -80px; top: 50%; width: 360px; height: 360px; translate: 0 -50%; background: url("../img/emblem.png") center / contain no-repeat; opacity: .06; }
.hnl__inner { position: relative; display: grid; grid-template-columns: 1fr 1.1fr; align-items: center; gap: 2rem 4rem; }
.hnl__intro { display: flex; gap: 1.25rem; align-items: flex-start; }
.hnl__icon { flex: none; display: grid; place-items: center; width: 56px; height: 56px; border-radius: 14px; background: var(--c-accent); color: var(--c-primary); }
.hnl__icon .icon { width: 1.6rem; height: 1.6rem; }
.chamber-b .hnl__title { margin: 0 0 .35rem !important; font-size: clamp(1.5rem, 2.6vw, 2rem) !important; color: var(--c-white) !important; }
.hnl__intro p { margin: 0 !important; }
.hnl__row { display: flex; gap: .6rem; }
.chamber-b .hnl__row input { flex: 1; min-width: 0; padding: .95rem 1.1rem !important; border: 2px solid transparent !important; border-radius: 8px !important; background: var(--c-white) !important; font: inherit; color: var(--c-text); }
.chamber-b .hnl__row input:focus { outline: none; border-color: var(--c-accent) !important; }
.hnl__consent { display: flex; gap: .6rem; align-items: flex-start; margin-top: .9rem; font-size: .88rem; }
.hnl__consent input { margin-top: .2rem; accent-color: var(--c-accent); width: 18px; height: 18px; }
body.chamber-b .hnl__consent a { color: var(--c-secondary); text-decoration: underline; }
.hnl__note { display: block; margin-top: .5rem; font-size: .78rem; color: rgba(255,255,255,.65); }

/* ── Footer ───────────────────────────────────────────────────────────── */
.chamber-b .site-footer { background: var(--c-primary-700); border-top: 4px solid var(--c-accent); }
.chamber-b .site-footer__title { color: var(--c-accent); }

/* ── Tablet ───────────────────────────────────────────────────────────── */
@media (max-width: 1180px) {
	.hscroll.is-grid .hscroll__track { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.hscroll__track { grid-auto-columns: calc((100% - 2 * 1.25rem) / 2.3); }
	.hnews__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.hfind__card { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
	.hnl__inner { grid-template-columns: 1fr; }
}

/* ── Κινητό ───────────────────────────────────────────────────────────── */
@media (max-width: 720px) {
	.hfind { padding-block: 1.75rem; }

	.hscroll.is-grid .hscroll__track { grid-template-columns: 1fr; }
	.hscroll__track { grid-auto-columns: 82%; }
	.hnews__grid { grid-template-columns: 1fr; gap: 1.25rem; }
	.ncard__link { flex-direction: row !important; gap: 1rem; }
	.ncard__media { flex: none; width: 112px; aspect-ratio: 1; border-radius: 10px; }
	.ncard__body { padding-top: 0; }
	.ncard__title { font-size: .98rem; }
	.hnl__row { flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
	.hslide__bg { transform: none !important; transition: none !important; }
	.hslider.is-playing .hslider__tab[aria-current="true"] .hslider__bar { animation: none; width: 100%; }
}

/* Προτεραιότητα έναντι γενικών κανόνων label/button (Astra, Elementor Kit) */
body.chamber-b .hnl__consent, body.chamber-b .hnl__consent span { color: rgba(255,255,255,.88); font-weight: 400; }
body.chamber-b .hnews__tab, body.chamber-b .view-toggle__btn, body.chamber-b .hslider__tab, body.chamber-b .hslider__btn, body.chamber-b .hscroll__btn { box-shadow: none; outline-offset: 2px; }
body.chamber-b .hnews__tab::before { display: none; }

body.chamber-b .pbh-icon-btn { background: none !important; box-shadow: none !important; }

/* ── Επιμελητήριο Νομού Πέλλας (2 στήλες: έμβλημα-φωτογραφία + κείμενο) ── */
.habout { padding-block: 5rem; background: var(--c-white); border-top: 1px solid var(--c-line); }
.habout__grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 4rem; }
.habout__media { position: relative; overflow: hidden; background: var(--c-primary); }
.habout__media img { display: block; width: 100%; height: auto; transition: transform .8s ease; }
.habout__media:hover img { transform: scale(1.03); }
.habout__badge {
	position: absolute; left: 0; bottom: 0; display: flex; flex-direction: column; padding: 1rem 1.4rem;
	background: var(--c-accent); color: var(--c-primary); font-size: .8rem; font-weight: 600; letter-spacing: .04em;
}
.habout__badge b { font-family: var(--f-primary); font-size: 2rem; line-height: 1; letter-spacing: -.02em; }
.chamber-b .habout__title { margin: 0 0 1.25rem !important; font-size: clamp(2rem, 3.4vw, 2.8rem) !important; font-weight: 600; line-height: 1.1; color: var(--c-primary) !important; }
.habout__text > p { margin: 0 0 1rem !important; line-height: 1.7; color: var(--c-text); }
.habout__lead { font-size: 1.12rem; color: var(--c-primary) !important; }
.habout__points { display: grid; gap: .9rem; margin: 1.5rem 0; padding: 1.25rem 0 0; list-style: none; border-top: 1px solid var(--c-line); }
.habout__points li { display: flex; gap: .9rem; align-items: flex-start; line-height: 1.6; color: var(--c-text); }
.habout__points .icon { flex: none; width: 40px; height: 40px; padding: 9px; background: var(--c-accent-200); color: var(--c-primary); }
.habout__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.25rem 2rem; margin-top: 1.75rem; }
.habout__motto { display: flex; align-items: center; gap: .75rem; margin: 0 !important; font-family: var(--f-primary); font-weight: 700; font-size: 1.25rem; color: var(--c-accent-700); }
.habout__motto img { width: 40px; height: 40px; object-fit: contain; }
.chamber-b .habout__btn {
	display: inline-flex; align-items: center; gap: .75rem; padding: 1rem 1.6rem; border: 1.5px solid var(--c-primary);
	color: var(--c-primary); font-weight: 700; text-decoration: none; transition: background .2s, color .2s;
}
.chamber-b .habout__btn:hover { background: var(--c-primary); color: var(--c-white); }
.habout__btn .icon { width: 1.25rem; height: 1.25rem; transition: transform .2s; }
.habout__btn:hover .icon { transform: translateX(4px); }

/* ── Banners φορέων: μόνο λογότυπα, χωρίς τίτλο ─────────────────────────── */
.hbanners { padding-block: 3rem; background: var(--c-mist); border-top: 1px solid var(--c-line); }
.hbanners__grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 1rem; margin: 0; padding: 0; list-style: none; }
body.chamber-b .hbanner {
	display: grid; place-items: center; height: 100%; min-height: 104px; padding: 1rem 1.1rem; background: var(--c-white);
	border: 1px solid var(--c-line); transition: border-color .2s, box-shadow .2s, transform .2s;
}
.hbanner svg { width: 100%; height: auto; max-height: 64px; filter: grayscale(1); opacity: .75; transition: filter .25s, opacity .25s; }
body.chamber-b .hbanner:hover, body.chamber-b .hbanner:focus-visible { border-color: var(--c-accent); box-shadow: 0 10px 24px rgba(0,30,31,.1); transform: translateY(-3px); }
.hbanner:hover svg, .hbanner:focus-visible svg { filter: none; opacity: 1; }

@media (max-width: 1180px) {
	.hbanners__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.habout__grid { gap: 2.5rem; }
}
@media (max-width: 900px) {
	.habout__grid { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
	.habout { padding-block: 3.5rem; }
	.hbanners__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.habout__foot { flex-direction: column; align-items: flex-start; }
}

/* ── Πρόταση Β: παντού τετράγωνες γωνίες (χωρίς radius σε κουτιά, κουμπιά, εικόνες, πεδία) ── */
body.chamber-b *, body.chamber-b *::before, body.chamber-b *::after { border-radius: 0 !important; }

/* ==========================================================================
   Responsive (tablet ≤1180px · κινητό ≤720px)
   ========================================================================== */
.pbh-mobile-cta { display: none !important; }
.pbh-hours, .pbh-l1__right a { white-space: nowrap; }

@media (max-width: 1180px) {
	:root { --pbh-h: 128px; }

	/* Επίπεδο 1: μία γραμμή, συντομότερο ωράριο */
	.pbh-l1 { font-size: .82rem; }
	.pbh-l1__inner { gap: 1rem; }
	.pbh-l1__left, .pbh-l1__right { gap: 1.1rem; }
	.pbh-hours__label { display: none; }

	/* Επίπεδο 2: λογότυπο | αναζήτηση · e-Επιμελητήριο · μενού */
	.pbh-l2-wrap { padding-top: 8px; }
	.chamber-b .pbh-l2 { min-height: 68px; padding: 0 .75rem 0 1rem; }
	.chamber-b .pbh .brand__logo { height: 44px; }
	.chamber-b .pbh .primary-nav { margin: 0; }
	.pbh-actions { margin-left: auto; }
	.chamber-b .pbh-l2 > .pbh-actions .pbh-btn--outline { display: none; }
	.chamber-b .pbh .nav-toggle { width: 46px; height: 46px; border: 1.5px solid var(--c-primary) !important; color: var(--c-primary) !important; }
	/* Το backdrop-filter «εγκλωβίζει» τα fixed παιδιά (το μενού) μέσα στο κουτί — εκτός στο tablet/κινητό */
	.chamber-b .pbh-l1, .chamber-b .pbh-l2 { -webkit-backdrop-filter: none; backdrop-filter: none; }
	.chamber-b .pbh-l1 { background: rgba(255,255,255,.94); }
	.chamber-b .pbh-l2 { background: rgba(255,255,255,.97); }

	/* Μενού: πάνελ σε όλη την οθόνη κάτω από τον header */
	.chamber-b .pbh .primary-nav {
		position: fixed; inset: var(--header-h, 128px) 0 0 0; z-index: 99;
		padding: .5rem max(24px, calc((100% - 760px) / 2)) 3rem; background: var(--c-white);
		border-top: 3px solid var(--c-accent); box-shadow: 0 20px 40px rgba(0,30,31,.18); overflow-y: auto;
	}
	.chamber-b .pbh .primary-nav__menu > li { position: relative; flex-wrap: wrap; border-bottom: 1px solid var(--c-line); }
	.chamber-b .pbh .primary-nav .nav-link, .chamber-b .site-header.pbh.is-scrolled .primary-nav .nav-link { flex: 1; padding: 1.15rem 0; font-size: 1.12rem; }
	.chamber-b .pbh .primary-nav .nav-link::after { display: none; }
	.chamber-b .pbh .nav-sub-toggle { width: 48px; height: 48px; }
	.chamber-b .pbh .mega.pbm { box-shadow: none; border: 0; background: transparent; }
	.pbm__title, .pbm__aside, .pbm__help { display: none; }
	.pbm__main { display: block; padding: 0 0 1rem; }
	.pbm__list { columns: 2; column-gap: 1.5rem; }
	.pbm__item { margin-bottom: 1rem; }
	.pbm__icon { width: 28px; height: 28px; }
	.pbm__icon .icon { width: 24px; height: 24px; }
	.pbm__item-title { font-size: .98rem; }
	.pbm__sub { margin-left: calc(28px + .85rem); }
	.primary-nav__mobile-extra { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; margin-top: 1.5rem; }
	.chamber-b .pbh-mobile-seg { flex-basis: 100%; margin: 0; }
	.chamber-b .pbh-mobile-cta { display: inline-flex !important; }

	/* Hero: εικόνα ολόκληρη επάνω, κείμενο κάτω (χωρίς κόψιμο) */
	.hslider { height: auto; padding-top: var(--pbh-h); }
	.hslider__track { position: relative; display: grid; }
	.hslide { position: relative; inset: auto; grid-area: 1 / 1; display: flex; flex-direction: column; }
	.hslide__bg { position: relative; inset: auto; height: auto; aspect-ratio: 16 / 8; transform: none !important; }
	.hslide::after { inset: 0 0 auto 0; height: auto; aspect-ratio: 16 / 8; background: linear-gradient(0deg, rgba(0,47,48,.55) 0%, rgba(0,47,48,0) 45%); }
	.hslide__inner { height: auto; padding-block: 2rem 1.25rem; align-items: flex-start; }
	.hslide__content { max-width: 640px; }
	.chamber-b .hslide__title { font-size: clamp(2.2rem, 7vw, 3.2rem) !important; }
	.hslide__text { margin-bottom: 1.5rem !important; }
	.hslider__ui { position: static; padding-bottom: 1.75rem; }
	.hslider__tabs { flex: 1; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
}

@media (max-width: 900px) {
	.pbm__list { columns: 1; }
}

@media (max-width: 720px) {
	:root { --pbh-h: 68px; }
	.pbh-l1 { display: none; }
	.pbh-l2-wrap { padding-top: 0; }
	.pbh-l2-box.container { padding-inline: 0; }
	.chamber-b .pbh-l2 { min-height: 68px; padding-inline: 16px 12px; box-shadow: 0 6px 20px rgba(0,30,31,.12); }
	.chamber-b .pbh .brand__logo { height: 40px; }
	.pbh-actions { gap: .4rem; }
	.chamber-b .pbh-l2 .pbh-btn--solid { padding: .6rem .7rem; }
	.chamber-b .pbh-l2 .pbh-btn--solid span:not(.screen-reader-text) { display: none; }
	.pbh-icon-btn { width: 42px; height: 42px; }
	.chamber-b .pbh .nav-toggle { width: 44px; height: 44px; }
	.chamber-b .pbh .primary-nav { padding-inline: 20px; }
	.pbm__item-desc { display: none; }
	.chamber-b .pbh-mobile-seg a { padding: .6rem 1rem; }

	.hslide__bg, .hslide::after { aspect-ratio: 4 / 3; }
	.hslide__inner { padding-block: 1.5rem 1rem; }
	.hslide__eyebrow { font-size: .74rem; }
	.hslide__text { font-size: 1rem; }
	.hslide .hb-btn--gold { width: 100%; justify-content: center; }
	.hslider__ui { flex-direction: column-reverse; align-items: stretch; gap: 1rem; padding-bottom: 1.25rem; }
	.hslider__ctrl { justify-content: flex-end; }
	.hslider__tab { flex-direction: column; gap: .1rem; font-size: .8rem; }
	.hslider__btn { width: 42px; height: 42px; }

	/* Υπηρεσίες Ανάπτυξης: ΜΟΝΟ στο κινητό πάντα πλέγμα 2 στηλών (χωρίς εναλλαγή/βελάκια) */
	.needs .view-toggle, .needs .hscroll__ctrl { display: none; }
	.needs .hscroll__track, .needs .hscroll.is-grid .hscroll__track {
		grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-columns: auto;
		gap: .75rem; overflow: visible; scroll-snap-type: none; padding: 0;
	}
	.need__media { height: 92px; }
	.need__icon { top: 68px; left: .8rem; width: 44px; height: 44px; }
	.need__icon .icon { width: 1.25rem; height: 1.25rem; }
	.need__body { padding: 1.9rem .85rem 1rem; gap: .3rem; }
	.need__title { font-size: .95rem; }
	.need__desc { font-size: .82rem; line-height: 1.45; }
	.need__more { font-size: .82rem; padding-top: .5rem; }

	.hb-head { margin-bottom: 1.5rem; }
	.hnews__tabs { gap: 1.5rem; margin-inline: -24px; padding-inline: 24px; }
	.habout__badge { padding: .75rem 1rem; }
	.habout__badge b { font-size: 1.5rem; }
	.hbanner { min-height: 84px; }
}
@media (max-width: 370px) {
	.needs .hscroll__track, .needs .hscroll.is-grid .hscroll__track { grid-template-columns: 1fr; }
}
body.chamber-b .pbh .nav-sub-toggle { background: none !important; box-shadow: none !important; border: 0 !important; color: var(--c-primary) !important; }
body.chamber-b .pbh .nav-sub-toggle .icon { width: 22px; height: 22px; }
@media (max-width: 720px) {
	.need__title { overflow-wrap: anywhere; hyphens: auto; }
}

/* ==========================================================================
   Άρθρο (πρόταση Β): hero με αχνό σχέδιο κατηγορίας + νέο sidebar
   ========================================================================== */
.chamber-b .article-hero {
	background:
		var(--hero-image) right max(24px, calc((100% - var(--container)) / 2)) center / auto 92% no-repeat,
		linear-gradient(100deg, var(--c-primary-700) 0%, var(--c-primary) 60%);
}
.chamber-b .article-hero::before {
	/* το σχέδιο να φαίνεται αχνά: ένα πέπλο πετρόλ από πάνω */
	content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, var(--c-primary-700) 30%, rgba(0,47,48,.8) 60%, rgba(0,47,48,.68) 100%);
}
.chamber-b .article-hero__inner { position: relative; z-index: 1; }
@media (max-width: 900px) {
	.chamber-b .article-hero { background-position: right -60px center, 0 0; background-size: auto 80%, auto; }
	.chamber-b .article-hero::before { background: rgba(0,30,31,.78); }
}

/* Sidebar */
.chamber-b .sb { display: flex; flex-direction: column; gap: 1.25rem; }
.sb-search { padding: 1.25rem; background: var(--c-accent-100); border: 1px solid var(--c-line); }
.chamber-b .sb-search__title { margin: 0 0 .75rem !important; font-size: 1rem !important; font-weight: 700; color: var(--c-primary) !important; }
.sb-search__form { display: flex; gap: .5rem; }
.chamber-b .sb-search__form input {
	flex: 1; min-width: 0; padding: .75rem .9rem !important; border: 1px solid var(--c-line) !important; background: var(--c-white) !important;
	font: inherit; font-size: .92rem; color: var(--c-text); box-shadow: none !important;
}
.chamber-b .sb-search__form input:focus { outline: none; border-color: var(--c-primary) !important; box-shadow: 0 0 0 3px rgba(201,162,39,.45) !important; }
.chamber-b .sb-search__form button {
	flex: none; display: grid; place-items: center; width: 48px; padding: 0 !important; border: 0 !important;
	background: var(--c-accent) !important; color: var(--c-primary) !important; cursor: pointer; transition: background .2s;
}
.chamber-b .sb-search__form button:hover { background: var(--c-primary) !important; color: var(--c-white) !important; }
.sb-search__form button .icon { width: 1.15rem; height: 1.15rem; }

.sb-box { padding: 1.25rem 1.25rem .5rem; background: var(--c-white); border: 1px solid var(--c-line); }
.sb-box__label, .sb-dark__label { margin: 0 0 .5rem !important; font-size: .74rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.sb-box__label { color: var(--c-muted); }
.sb-portals { margin: 0; padding: 0; list-style: none; }
.sb-portals li + li { border-top: 1px solid var(--c-line); }
body.chamber-b .sb-portals a { display: flex; align-items: center; gap: .85rem; padding: .85rem 0; color: var(--c-text); text-decoration: none; }
.sb-portals__icon { flex: none; display: grid; place-items: center; width: 44px; height: 44px; background: var(--c-primary); transition: background .2s; }
.sb-portals__icon img { width: 30px; height: 30px; object-fit: contain; }
.sb-portals__text { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.sb-portals__text b { font-size: 1rem; font-weight: 700; color: var(--c-primary); }
.sb-portals__text small { font-size: .82rem; color: var(--c-muted); }
.sb-portals__go .icon { width: 1rem; height: 1rem; color: var(--c-muted); transition: transform .2s, color .2s; }
body.chamber-b .sb-portals a:hover .sb-portals__icon { background: var(--c-primary-600); }
body.chamber-b .sb-portals a:hover .sb-portals__go .icon { color: var(--c-primary); transform: translate(2px, -2px); }

.sb-dark { padding: 1.25rem 1.25rem .5rem; background: var(--c-primary); }
.sb-dark__label { color: var(--c-accent); }
.sb-dark__list { margin: 0; padding: 0; list-style: none; }
.sb-dark__list li + li { border-top: 1px solid rgba(255,255,255,.12); }
body.chamber-b .sb-dark__list a { display: flex; align-items: center; gap: .75rem; padding: .85rem 0; color: var(--c-white); font-weight: 600; font-size: .95rem; text-decoration: none; }
.sb-dark__icon { flex: none; width: 1.3rem; height: 1.3rem; color: var(--c-secondary); }
.sb-dark__list a span:not(.screen-reader-text) { flex: 1; }
.sb-dark__chev { flex: none; width: 1rem; height: 1rem; transform: rotate(-90deg); color: rgba(255,255,255,.7); transition: transform .2s, color .2s; }
body.chamber-b .sb-dark__list a:hover { color: var(--c-secondary); }
body.chamber-b .sb-dark__list a:hover .sb-dark__chev { color: var(--c-accent); transform: rotate(-90deg) translateY(3px); }
/* Το hero του άρθρου συνεχίζει και πίσω από τον header (ενιαίο φόντο με το σχέδιο) */
body.chamber-b.single-post .article-hero { margin-top: calc(-1 * var(--pbh-h)); padding-top: var(--pbh-h); }