/* MVP Construction · θέμα χωρίς page builder.
   Αποστάσεις/μεγέθη όπως το παλιό site (Astra + Elementor, Οκτώβριος 2026). */

:root {
	--green: #61ce70;
	--green-dark: #23a455;
	--green-call: #1bae70;
	--orange: #f1b24a;
	--ink: #14261c;
	--text: #4e5652;
	--overlay: rgba(20, 38, 28, .5);
	--wrap: 1120px;
	--fh: Lato, sans-serif;
	--fb: "Open Sans", sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #fff; color: var(--text); font: 400 16px/1.8571 var(--fb); overflow-x: hidden; }
img { max-width: 100%; height: auto; display: block; }
a { color: var(--green); text-decoration: none; transition: color .3s; }
h1, h2, h3, h4 { margin: 0; font-family: var(--fh); font-weight: 400; text-transform: capitalize; color: var(--ink); }
p { margin: 0 0 1.6em; }
ul { margin: 0; padding: 0; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }
.skip-link:focus { clip: auto; width: auto; height: auto; z-index: 1000; background: #fff; padding: 10px 16px; left: 8px; top: 8px; }
:focus-visible { outline: 2px solid var(--green); outline-offset: 2px; }
.text > :last-child { margin-bottom: 0; }

/* Κουμπιά */
.btn { display: inline-block; padding: 18px 32px; border: 0; border-radius: 0; background: var(--green); color: #fff; font: 600 14px/1 var(--fb); text-transform: capitalize; text-align: center; cursor: pointer; transition: background .3s, color .3s; }
.btn:hover, .btn:focus { background: var(--ink); color: #fff; }
.btn--pill { border-radius: 50px; }
.btn--call { background: var(--green-call); }

/* Γραμμές κάτω από τίτλους */
.line { height: 4px; width: 64px; background: var(--orange); margin: 20px 0; }
.line--short3 { width: 200px; height: 3px; }
.line--icon { display: flex; align-items: center; justify-content: center; gap: 10px; height: 30px; background: none; margin: 20px auto; }
.line--icon span { flex: 1; height: 3px; background: var(--orange); }
.line--icon svg { width: 30px; height: 30px; fill: var(--orange); flex: none; }
.line--welcome { width: 800px; max-width: 100%; }
.line--offer { width: 240px; height: 20px; }
.line--offer span { height: 2px; }
.line--offer svg { width: 20px; height: 20px; }
.line--services { width: 400px; max-width: 100%; height: 3px; margin: 20px auto 70px; }
.line--full { width: 100%; height: 1px; margin: 20px 0; }
.rule { border: 0; border-top: 1px solid #000; margin: 15px 0 0; }

/* Τίτλος ενότητας */
.h-section { font: 400 40px/1.3 var(--fh); color: var(--ink); text-transform: capitalize; }
.h-section--center { text-align: center; }

/* Εμφάνιση φωτογραφιών φόντου όταν πλησιάζουν (theme.js) */
[data-bg] { background-color: #fff; }

/* ---------- Header ---------- */
.site-header { position: relative; z-index: 50; display: flex; align-items: center; height: 113px; padding: 10px; background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, .82) 180%); }
.site-header__logo { width: 10%; padding: 0 10px; }
.site-header__logo img { width: 122px; max-width: 100%; height: auto; margin: -10px 0 -8px -5px; }
.site-header__nav { width: 80%; display: flex; justify-content: center; padding: 10px; }
.site-header__social { width: 10%; display: flex; justify-content: center; }
.menu { list-style: none; display: flex; align-items: center; margin: 0; padding: 0; }
.menu > li { position: relative; }
.menu > li > button { border: 0; background: none; cursor: pointer; }
.menu > li > a, .menu > li > button { position: relative; display: flex; align-items: center; gap: 10px; padding: 13px 20px; font: 400 25px/20px var(--fb); color: var(--green); }
.menu > li > :is(a, button)::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--green); transform: scaleX(0); transition: transform .3s; }
.menu > li > :is(a, button):hover, .menu > li > :is(a, button):focus, .menu > .current-menu-item > a { color: #000; }
.menu > li > :is(a, button):hover::after, .menu > li > :is(a, button):focus::after, .menu > .current-menu-item > a::after { transform: none; }
.menu .menu-item-has-children > :is(a, button)::before { content: ""; order: 2; width: 0; height: 0; border: 7px solid transparent; border-top: 8px solid currentColor; border-bottom: 0; }
.menu .sub-menu { list-style: none; position: absolute; top: 100%; left: 0; margin-top: 10px; padding: 0; background: #fff; border-radius: 1px; box-shadow: 0 6px 16px rgba(0, 0, 0, .08); opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .2s, transform .2s, visibility .2s; z-index: 60; }
.menu > li:hover > .sub-menu, .menu > li:focus-within > .sub-menu, .menu > li.is-open > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.menu .sub-menu li:not(:last-child) { border-bottom: 1px solid var(--green); }
.menu .sub-menu a { display: block; padding: 20px 5px; font: 400 20px/20px var(--fb); color: var(--green); white-space: nowrap; }
.menu .sub-menu a:hover, .menu .sub-menu a:focus, .menu .sub-menu .current-menu-item > a { color: #000; }
.menu-toggle { display: none; }
.social { list-style: none; display: flex; gap: 4px; margin: 0; padding: 0; }
.social a, .social > li > span { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; padding: 9px; color: var(--green); transition: transform .3s, color .3s; }
.social a:hover { transform: scale(1.1); }
.social svg { width: 30px; height: 30px; fill: currentColor; }
.social--small { gap: 20px; }
.social--small a, .social--small > li > span { width: 23px; height: 23px; padding: 0; color: var(--green-dark); }
.social--small a:hover { color: #c8d5dc; transform: none; }
.social--small svg { width: 23px; height: 23px; }

/* ---------- Αρχική ---------- */
.home-hero { position: relative; display: flex; align-items: center; justify-content: center; min-height: 838px; padding: 0 0; background: #fff var(--bg) bottom center / cover no-repeat fixed; }
.home-hero::before, .phero::before, .offer::before, .cta::before, .tile::before { content: ""; position: absolute; inset: 0; background: var(--overlay); transition: background .3s; }
.home-hero__inner { position: relative; width: var(--wrap); max-width: 100%; padding: 10px; text-align: center; color: #fff; }
.home-hero__title { font: 400 50px/70px var(--fh); color: #fff; text-shadow: 0 0 10px #fff; }
.home-hero__line { width: 1000px; max-width: 100%; height: 2px; margin: 30px auto; background: var(--green); }
.home-hero__text { margin-bottom: 20px; color: #fff; }
.home-hero__text p { margin: 0; }

.welcome { padding: 104px 10px 0; margin: 0 auto 80px; max-width: 1340px; text-align: center; color: #000; }
.welcome__title { font: 400 40px/52px var(--fh); color: #000; }
.welcome__text { color: #000; }
.welcome__text p { margin: 0; }

.services { text-align: center; }
.services__title { font: 700 40px/52px var(--fh); color: #000; padding: 100px 0 0; }
.ibox { max-width: var(--wrap); margin: 0 auto 20px; }
.ibox:last-of-type { margin-bottom: 150px; }
.ibox img { width: 150px; height: 150px; object-fit: contain; margin: 0 auto 15px; }
.ibox__title { margin-bottom: 20px; font: 400 32px/41.6px var(--fh); color: var(--ink); }
.ibox__text { margin: 0; }

.offer { position: relative; padding: 100px 0; background: #fff center top / cover no-repeat fixed; text-align: center; }
.offer__inner { position: relative; width: 800px; max-width: 100%; margin: 0 auto; }
.offer__title { font: 400 40px/52px var(--fh); color: var(--green); margin-bottom: 20px; }
.offer__text { width: 656px; max-width: 100%; margin: 0 auto; color: #f4f6f4; }
.offer__text p { margin: 0; }
.offer .btn { margin: 20px 0 0; }

.home-projects { display: flex; align-items: center; width: var(--wrap); max-width: 100%; margin: 0 auto; padding: 40px 0 56px; }
.home-projects__text { width: 480px; }
.home-projects__text .line { margin: 20px 0; }
.home-projects__btn { flex: 1; text-align: center; }

.tiles { display: flex; flex-wrap: wrap; }
.tile { position: relative; display: flex; align-items: center; justify-content: center; height: 502px; background: #fff center / cover no-repeat; }
.tile::before { background: transparent; }
.tile:hover::before, .tile:focus::before { background: rgba(20, 38, 28, .6); }
.tile--third { width: 33.333%; }
.tile--half { width: 50%; }
.tile__label { position: relative; font: 400 48px/1.3 var(--fh); color: rgba(233, 233, 233, .69); text-transform: capitalize; }
.tiles + .site-footer { margin-top: 1px; }

/* ---------- Πάνω μέρος εσωτερικών σελίδων ---------- */
.phero { position: relative; display: flex; flex-direction: column; align-items: center; padding: 240px 0 160px; background: #fff var(--bg) center / cover no-repeat; text-align: center; }
.phero__title { position: relative; font: 400 50px/70px var(--fh); letter-spacing: 6.4px; color: #fff; }
.phero__line { position: relative; width: 448px; max-width: 40%; height: 1px; margin: 25px auto 15px; background: var(--orange); }
.phero--company .phero__title { font: 400 72px/1.4 Helvetica, Arial, sans-serif; letter-spacing: 0; }
.phero--company .phero__line { margin-top: 10px; }

/* ---------- Η Εταιρία ---------- */
.history { display: flex; align-items: center; width: var(--wrap); max-width: 100%; margin: 0 auto 128px; padding: 104px 0 0; }
.history__text { width: 50%; padding: 56px 0 0 40px; align-self: flex-start; }
.history__ceo { width: 50%; padding: 0 2px 0 62px; text-align: center; }
.history__photo img { margin: 0 auto 20px; box-shadow: 64px 64px 160px -40px rgba(0, 0, 0, .24); }
.history__name { margin: 0 0 20px; font-size: 24px; line-height: 1.857; color: #000; }
.history__role { font-size: 24px; line-height: 16px; letter-spacing: .5px; color: var(--green); }
.history__role p { margin: 0 0 24px; }
.weoffer { padding: 100px 0; background: #f4f6f4; }
.weoffer__inner { width: var(--wrap); max-width: 100%; margin: 0 auto; }
.weoffer__intro { width: 493px; max-width: 100%; margin-bottom: 20px; }
.cards { display: flex; align-items: stretch; }
.card { width: 33.333%; padding: 0 0 40px; background: #fff; box-shadow: 0 40px 120px -40px rgba(0, 0, 0, .24); text-align: center; }
.card__num { margin: 0 0 20px; font: 400 50px/65px var(--fh); color: rgba(0, 0, 0, .47); }
.card__box { padding: 16px 32px 0; }
.card__title { margin-bottom: 20px; font: 400 24px/1.2 var(--fh); color: var(--ink); }
.card__text { margin: 0; }

/* ---------- Κάτω μέρος (CTA) ---------- */
.cta { position: relative; padding: 104px 0 0; background: #fff center / cover no-repeat; text-align: center; }
.cta__inner { position: relative; width: 800px; max-width: 100%; margin: 0 auto; }
.cta__title { font: 400 40px/52px var(--fh); color: var(--orange); margin-bottom: 20px; }
.cta--quote .cta__title { font-size: 35px; line-height: 45.5px; color: #fff; text-shadow: 0 0 10px rgba(255, 255, 255, .6); }
.cta__text { width: 656px; max-width: 100%; margin: 0 auto 20px; color: #fff; }
.cta__text p { margin: 0; }
.cta .btn { margin-bottom: -1px; }
.cta--quote .btn { margin: 20px 0 0; border-radius: 50px; }
.cta--quote { padding-bottom: 0; }
.cta--quote .cta__inner { padding-bottom: 0; }

/* ---------- Έργα ---------- */
.erga-intro { width: var(--wrap); max-width: 100%; margin: 0 auto; padding: 104px 0; }
.erga-intro .text { font-size: 16px; }
.erga-cat { width: var(--wrap); max-width: 100%; margin: 0 auto; padding: 104px 0 0; }
.erga-cat .rule { margin-top: 35px; }
.erga-cat:last-of-type { padding-bottom: 104px; }
.projects { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 30px; }
.projects__item { position: relative; display: block; overflow: hidden; }
.projects__item img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; transition: transform .4s; }
.projects__item:hover img { transform: scale(1.05); }
.projects__item span { display: block; padding: 10px 0; font: 400 18px/1.4 var(--fh); color: var(--ink); }

/* ---------- Υπηρεσίες ---------- */
.srows { width: var(--wrap); max-width: 100%; margin: 0 auto; padding: 144px 0 104px; }
.srow { display: flex; align-items: center; margin-bottom: 40px; }
.srow--right { flex-direction: row-reverse; }
.srow__media { width: 50%; padding: 0 40px; }
.srow__media img { width: 480px; transform: translate(-44px, -44px); box-shadow: 64px 64px 160px -40px rgba(0, 0, 0, .24); }
.srow__text { width: 50%; padding: 0 0 0 40px; }
.srow--right .srow__text { padding: 0 40px 0 0; }
.srow--text { display: block; max-width: 1040px; margin: 0 0 40px; }
.srow .h-section { margin-bottom: 0; }
.srow .text { max-width: 440px; margin-bottom: 20px; }
.checklist { list-style: none; margin: 0 0 20px; padding: 0; }
.checklist li { display: flex; align-items: flex-start; gap: 0; line-height: 29.7px; }
.checklist__icon { flex: none; width: 14px; height: 14px; margin-top: 8px; margin-right: 12px; fill: var(--green-dark); }
.srow .btn { margin-top: 20px; }
.sprojects { padding: 10px 10px 0; text-align: center; }
.sprojects .projects { width: var(--wrap); max-width: 100%; margin: 20px auto 40px; text-align: left; }

/* ---------- Footer ---------- */
.site-footer { background: #fff; }
.site-footer__inner { display: flex; align-items: flex-start; max-width: var(--wrap); margin: 0 auto; padding: 10px; }
.site-footer__logo { width: 25%; padding: 10px; }
.site-footer__logo img { width: 260px; }
.site-footer__nav { width: 50%; display: flex; justify-content: center; align-self: center; }
.fmenu { list-style: none; margin: 0; padding: 0; text-align: center; }
.fmenu > li > button { border: 0; background: none; padding: 0; cursor: pointer; }
.fmenu > li > :is(a, button) { display: inline-flex; align-items: center; gap: 8px; font: 300 16px/1.5 var(--fb); color: var(--green-dark); }
.fmenu > li > a:hover, .fmenu > .current-menu-item > a { color: #c8d5dc; }
.fmenu .menu-item-has-children > :is(a, button)::after { content: ""; border: 5px solid transparent; border-top: 6px solid currentColor; border-bottom: 0; }
.fmenu .sub-menu { display: none; list-style: none; padding: 0; margin: 0; }
.fmenu li:focus-within > .sub-menu, .fmenu li.is-open > .sub-menu { display: block; }
.fmenu .sub-menu a { font: 500 16px/2 var(--fb); color: var(--green-dark); }
.site-footer__contact { width: 25%; padding: 10px; display: flex; flex-direction: column; align-items: stretch; }
.site-footer__social { display: flex; justify-content: flex-end; margin-bottom: 20px; }
.fcontact { display: flex; align-items: center; justify-content: center; gap: 5px; padding: 18px 32px; margin-bottom: 20px; font: 600 14px/1 var(--fb); color: var(--green-dark); text-align: center; }
a.fcontact:hover { color: var(--orange); }
.fcontact svg { flex: none; width: 14px; height: 14px; fill: currentColor; }
.site-footer__copy { display: flex; align-items: center; justify-content: center; min-height: 45px; margin: 0; padding: 0 10px; font: 300 16px/1.5 var(--fb); color: var(--green-dark); text-align: center; }
.site-footer__copy a { margin-left: 5px; color: #5680ff; }

/* ---------- Φόρμα προσφοράς ---------- */
.quote { width: 801px; max-width: calc(100vw - 20px); max-height: calc(100vh - 20px); padding: 0; border: 0; border-radius: 20px; background: transparent; overflow: visible; }
.quote::backdrop { background: rgba(0, 0, 0, .8); }
.quote__panel { position: relative; min-height: 700px; padding: 35px 160px 46px 53px; border-radius: 20px; background: rgba(255, 255, 255, .9); overflow: auto; max-height: calc(100vh - 20px); text-align: center; }
.quote__close { position: absolute; top: 20px; right: 28px; width: 22px; height: 22px; padding: 0; border: 1px dotted var(--green); background: none; color: var(--green); cursor: pointer; }
.quote__close svg { width: 20px; height: 20px; }
.quote__logo { position: absolute; top: 70px; right: 90px; width: 70px; height: 70px; border-radius: 50%; overflow: hidden; background: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, .3); animation: mvp-rotate 1s ease both; }
.quote__logo img { width: 70px; height: 70px; object-fit: cover; }
@keyframes mvp-rotate { from { transform: rotate(-90deg); opacity: 0; transform-origin: left bottom; } to { transform: none; opacity: 1; } }
.quote__title { font: 300 28px/1.2 "Varela Round", serif; color: #3d4459; margin-bottom: 18px; }
.quote__subtitle { margin: 0 0 20px; font: 300 16px/1.3 Montserrat, serif; color: var(--green); text-transform: capitalize; }
.qform { display: flex; flex-direction: column; gap: 25px; text-align: left; }
.qform input, .qform textarea { width: 100%; min-height: 47px; padding: 10px 16px; border: 0; border-radius: 5px; background: #f9f9f9; font: 300 16px/1.6 Montserrat, serif; color: #353535; }
.qform textarea { min-height: 102px; resize: vertical; }
.qform input::placeholder, .qform textarea::placeholder { color: #7a7a7a; }
.qform .is-invalid { box-shadow: inset 0 0 0 1px #d63638; }
.qform__actions { display: flex; justify-content: flex-end; }
.qform__button { display: inline-flex; align-items: center; gap: 10px; min-height: 55px; padding: 0 32px; border: 0; border-radius: 30px; background: var(--green); color: #fffefe; font: 500 16px/1 Montserrat, serif; cursor: pointer; transition: background .3s; }
.qform__button:hover { background: var(--green-dark); }
.qform__button svg { width: 14px; height: 14px; fill: currentColor; }
.qform__button[disabled] { opacity: .6; cursor: wait; }
.qform__msg { margin-top: -10px; font: 400 15px/1.5 var(--fb); color: #3d4459; text-align: right; }
.qform__msg:empty { display: none; }
.qform__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* ---------- Απλές σελίδες / έργα ---------- */
.doc { max-width: 900px; margin: 0 auto; padding: 80px 20px; }
.doc__title { font: 400 40px/1.3 var(--fh); margin-bottom: 30px; }
.doc__thumb img { margin-bottom: 30px; }

/* ================= Tablet (≤1024) ================= */
@media (max-width: 1024px) {
	.site-header__logo { width: 33%; }
	.site-header__nav { width: 34%; }
	.site-header__social { width: 33%; }
	.menu-toggle { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 7px; border: 0; background: #fff; color: var(--green); cursor: pointer; }
	.menu-toggle svg { width: 30px; height: 30px; fill: currentColor; }
	.site-header__nav .menu { display: none; position: absolute; left: 0; right: 0; top: 100%; flex-direction: column; align-items: stretch; background: #fff; box-shadow: 0 8px 16px rgba(0, 0, 0, .08); }
	.site-header__nav .menu.is-open { display: flex; }
	.site-header__nav .menu > li:not(:last-child) { border-bottom: 1px solid var(--green); }
	.site-header__nav .menu > li > :is(a, button) { width: 100%; justify-content: center; padding: 20px 5px; font-size: 20px; }
	.site-header__nav .menu > li > :is(a, button)::after { display: none; }
	.site-header__nav .menu .sub-menu { position: static; opacity: 1; visibility: visible; transform: none; display: none; margin: 0; box-shadow: none; border-top: 1px solid var(--green); }
	.site-header__nav .menu li.is-open > .sub-menu { display: block; }
	.site-header__nav .menu .sub-menu a { text-align: center; white-space: normal; }
	.home-hero, .offer { background-attachment: scroll; }
	.home-hero__line { width: 100%; }
	.history { flex-direction: column; }
	.history__text, .history__ceo { width: 100%; }
	.cards { flex-direction: column; align-items: stretch; }
	.card { width: 100%; margin-bottom: 30px; }
	.srows, .erga-intro, .erga-cat, .weoffer__inner, .home-projects { padding-left: 24px; padding-right: 24px; }
	.srow, .srow--right { flex-direction: column; }
	.srow__media, .srow__text { width: 100%; padding: 0; }
	.srow--right .srow__text { padding: 0; }
	.srow__media img { width: 100%; transform: none; margin: 20px 0 64px; }
	.srow--right .srow__media { order: -1; }
	.projects { grid-template-columns: repeat(2, 1fr); }
}

/* ================= Κινητό (≤767) ================= */
@media (max-width: 767px) {
	body { font-size: 14.592px; line-height: 27.1px; }
	.btn, .fcontact { font-size: 12.768px; }
	.h-section, .welcome__title, .services__title, .offer__title, .cta__title { font-size: 32px; line-height: 41.6px; }
	.welcome__title { font-size: 40px; line-height: 52px; }
	.services__title { font-size: 40px; line-height: 52px; }
	.site-header { height: 78px; }
	.site-header__logo img { width: 111px; margin: -20px 0 -8px -5px; }
	.site-header__social .social { gap: 4px; }
	.site-header__social .social a, .site-header__social .social > li > span { width: 35px; height: 35px; padding: 6.6px; }
	.site-header__social .social svg { width: 22px; height: 22px; }
	.home-hero { min-height: 605px; padding: 0 24px; }
	.home-hero__title { font-size: 25px; line-height: 35px; }
	.welcome { padding: 64px 34px 0; margin-bottom: 40px; }
	.ibox img { width: 117px; height: 117px; }
	.ibox__title { font-size: 25px; line-height: 1.3; }
	.ibox { padding: 0 0 30px; }
	.home-projects { flex-direction: column; align-items: flex-start; padding: 24px 24px 48px; }
	.home-projects__text { width: 100%; }
	.home-projects__btn { width: 100%; text-align: left; margin-top: 24px; }
	.tile--third, .tile--half { width: 100%; height: 337px; }
	.tile__label { font-size: 43.8px; }
	.phero { padding: 160px 24px 80px; }
	.phero__title { font-size: 25px; line-height: 35px; }
	.phero__line { width: 40%; }
	.phero--company .phero__title { font-size: 42px; }
	.history { padding: 64px 24px 0; margin-bottom: 64px; }
	.history__text { padding: 0; }
	.history__ceo { padding: 40px 0 0; }
	.history__name { font-size: 26px; letter-spacing: 1.7px; }
	.history__role { line-height: .8; letter-spacing: -1.2px; }
	.weoffer { padding: 64px 0; }
	.weoffer__intro { width: 100%; }
	.cta { padding-top: 104px; }
	.srows { padding-top: 64px; padding-bottom: 40px; }
	.srow { margin-bottom: 48px; }
	.erga-intro, .erga-cat { padding-top: 64px; padding-bottom: 64px; }
	.projects { grid-template-columns: 1fr; }
	.site-footer__inner { flex-direction: column; align-items: center; }
	.site-footer__logo, .site-footer__nav, .site-footer__contact { width: 100%; }
	.site-footer__logo img { width: 163px; }
	.fmenu { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 8px; }
	.fmenu > li > :is(a, button) { font-size: 14px; }
	.site-footer__social { justify-content: center; margin-bottom: 10px; }
	.site-footer__social .social--small svg, .site-footer__social .social--small a, .site-footer__social .social--small > li > span { width: 18px; height: 18px; }
	.site-footer__copy { font-size: 14px; display: block; padding: 10px 24px; }
	.quote__panel { padding: 50px 34px 30px; min-height: 0; }
	.quote__logo { top: 60px; right: auto; left: 0; width: 50px; height: 50px; }
	.quote__logo img { width: 50px; height: 50px; }
	.quote__subtitle { font-size: 16px; }
}

@media (max-width: 1024px) { .srow .text, .srow--text, .weoffer__intro, .history__text { max-width: none; width: 100%; } }