/* v3 — p-company: Σχετικά με εμάς, Εταιρική υπευθυνότητα, Ανακύκλωση Μηχανημάτων (inc/p-company.php).
   Mobile first; breakpoints 48em / 64em like the rest of v3. Own CSS — layout only follows the plaisio.gr company pages. */

.pco { --pco-accent: #c7ecff; --pco-ink: #000; padding-bottom: 1.25rem; }
.pco-csr { --pco-accent: #d8f8e6; }
.pco-recycling { --pco-accent: #ece3ff; }
.pco *, .pco *::before, .pco *::after { box-sizing: border-box; }
.pco p { margin: 0 0 .75em; }
.pco h2, .pco h3 { margin: 0; }
.pco-ico { display: block; width: 1.5rem; height: 1.5rem; flex: none; }

/* Breadcrumb */
.pco-crumbs { font-size: .8125rem; color: var(--p-gray-text); padding: .75rem 0; }
.pco-crumbs a { color: var(--p-gray-text); }
.pco-crumbs a:hover { color: var(--p-blue); text-decoration: underline; }
.pco-crumbs__sep { margin: 0 .4rem; }
.pco-crumbs span:last-child { color: #000; }

/* Hero */
.pco-hero__panel { position: relative; padding: 1.5rem 1.25rem 1.75rem; border-radius: .625rem; background: var(--pco-accent); overflow: hidden; }
.pco-hero__icon { position: absolute; right: -1.25rem; bottom: -1.25rem; color: rgba(0, 0, 0, .07); }
.pco-hero__icon .pco-ico { width: 9rem; height: 9rem; }
.pco-hero__eyebrow { position: relative; font-size: .75rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--p-header-blue); margin: 0 0 .5rem !important; }
.pco-hero__title { position: relative; margin: 0 0 .75rem; font-size: 1.75rem; line-height: 1.1; font-weight: 800; }
.pco-hero__lead { position: relative; max-width: 46rem; font-size: 1rem; line-height: 1.55; margin: 0 !important; }
.pco-subnav ul { display: flex; gap: .5rem; margin: 1rem 0 0; padding: 0 .625rem .25rem 0; list-style: none; overflow-x: auto; scrollbar-width: none; }
.pco-subnav ul::-webkit-scrollbar { display: none; }
.pco-pill { display: inline-block; white-space: nowrap; padding: .5rem 1rem; border: 1px solid var(--p-gray-line); border-radius: 1000px; font-size: .875rem; color: #000; background: #fff; transition: border-color .15s, background-color .15s; }
.pco-pill:hover { border-color: #000; }
.pco-pill.is-active { color: #fff; background: #000; border-color: #000; }

/* Sections */
.pco-sec { margin-top: 2rem; }
.pco-sec__head { margin-bottom: 1.25rem; }
.pco-sec__title { font-size: 1.375rem; font-weight: 800; line-height: 1.15; }
.pco-sec__lead { margin: .5rem 0 0 !important; max-width: 46rem; color: var(--p-gray-text); }
.pco-more { display: inline-flex; align-items: center; gap: .25rem; margin-right: 1.25rem; font-weight: 700; color: var(--p-blue); }
.pco-more .pco-ico { width: 1rem; height: 1rem; }
.pco-more:hover { text-decoration: underline; }
.pco-note { padding: .75rem 1rem; border-left: 3px solid var(--p-header-blue); background: var(--p-gray-soft); font-size: .875rem; color: #333; border-radius: 0 .3125rem .3125rem 0; }
.pco-note--warn { border-left-color: var(--p-red); }

/* Cards (group pillars) */
.pco-pillars { display: grid; gap: 1rem; }
.pco-card { display: flex; flex-direction: column; padding: 1.25rem; border: 1px solid var(--p-gray-line); border-radius: .625rem; background: #fff; }
.pco-card__icon { display: inline-flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; margin-bottom: 1rem; border-radius: 100%; background: var(--pco-accent); }
.pco-card__title { font-size: 1.125rem; font-weight: 800; line-height: 1.2; margin-bottom: .75rem !important; }
.pco-card__body { flex: 1; font-size: .9375rem; }
.pco-card__links { display: flex; flex-wrap: wrap; gap: .5rem 0; margin-top: .5rem; }

/* Split (text + grey panel) */
.pco-split { display: grid; gap: 1.5rem; }
.pco-split__col--panel { padding: 1.25rem; border-radius: .625rem; background: var(--p-gray-bg); }
.pco-ticks { margin: 0 0 1rem; padding: 0; list-style: none; }
.pco-ticks li { position: relative; padding: .375rem 0 .375rem 1.75rem; }
.pco-ticks li::before { content: ""; position: absolute; left: 0; top: .6rem; width: 1rem; height: .5rem; border-left: 2px solid var(--p-green); border-bottom: 2px solid var(--p-green); transform: rotate(-45deg); }

/* Tiles (what we offer) */
.pco-tiles { display: grid; gap: .625rem; }
.pco-tile { display: flex; align-items: center; gap: .875rem; padding: 1rem; border-radius: .625rem; background: var(--p-gray-soft); color: #000; transition: background-color .15s; }
.pco-tile:hover { background: var(--p-gray-line); }
.pco-tile__icon { display: inline-flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; border-radius: 100%; background: #fff; flex: none; }
.pco-tile__txt { flex: 1; display: flex; flex-direction: column; font-size: .875rem; color: var(--p-gray-text); }
.pco-tile__txt strong { font-size: 1rem; font-weight: 800; color: #000; }
.pco-tile > .pco-ico { width: 1.125rem; height: 1.125rem; color: var(--p-gray-mid); }

/* Stores */
.pco-stores__grid { display: grid; gap: .75rem; }
.pco-store { display: flex; gap: .875rem; padding: 1.25rem; border: 1px solid var(--p-gray-line); border-radius: .625rem; }
.pco-store h3 { font-size: 1rem; font-weight: 800; margin-bottom: .25rem !important; }
.pco-store p { margin: 0 !important; color: var(--p-gray-text); }
.pco-store > .pco-ico { color: var(--p-header-blue); }
.pco-stores__more { margin-top: 1rem !important; }

/* Contact strip */
.pco-contact__in { padding: 1.5rem 1.25rem; border-radius: .625rem; background: var(--p-header-blue); color: #fff; text-align: center; }
.pco-contact__title { font-size: 1.25rem; font-weight: 800; margin-bottom: 1rem !important; }
.pco-contact__btns { display: flex; flex-direction: column; gap: .625rem; align-items: stretch; }
.pco-btn { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 2.75rem; padding: .625rem 1.25rem; border-radius: .3125rem; background: var(--p-green); color: #fff; font-weight: 700; border: 1px solid var(--p-green); }
.pco-btn:hover { filter: brightness(.95); }
.pco-btn--outline { background: transparent; border-color: #fff; color: #fff; }
.pco-btn--outline:hover { background: rgba(255, 255, 255, .1); }
.pco-btn .pco-ico { width: 1.25rem; height: 1.25rem; }

/* CSR blocks */
.pco-blocks { display: grid; gap: 1rem; }
.pco-block { display: flex; flex-direction: column; gap: 1rem; padding: 1.25rem; border-radius: .625rem; background: var(--p-gray-soft); }
.pco-block__mark { display: flex; align-items: center; gap: .75rem; }
.pco-block__num { font-size: 2rem; font-weight: 800; line-height: 1; color: var(--p-header-blue); }
.pco-block__mark .pco-ico { width: 2rem; height: 2rem; }
.pco-block h3 { font-size: 1.125rem; font-weight: 800; margin-bottom: .625rem !important; }
.pco-block p { font-size: .9375rem; }

/* Recycling: steps */
.pco-steps { display: grid; gap: 1rem; margin: 0; padding: 0; list-style: none; counter-reset: none; }
.pco-step { position: relative; padding: 1.25rem; border: 1px solid var(--p-gray-line); border-radius: .625rem; }
.pco-step__num { position: absolute; top: 1rem; right: 1.25rem; font-size: 2.5rem; font-weight: 800; line-height: 1; color: var(--pco-accent); -webkit-text-stroke: 1px var(--p-header-blue); }
.pco-step__icon { display: inline-flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; margin-bottom: .875rem; border-radius: 100%; background: var(--pco-accent); }
.pco-step h3 { font-size: 1.0625rem; font-weight: 800; margin-bottom: .5rem !important; }
.pco-step p { margin: 0 !important; font-size: .9375rem; color: #333; }
.pco-facts { margin: 0; padding: 0; list-style: none; }
.pco-facts li { display: flex; gap: .75rem; padding: .75rem 0; border-bottom: 1px solid var(--p-gray-line); }
.pco-facts li:last-child { border-bottom: 0; }
.pco-facts .pco-ico { color: var(--p-header-blue); }

/* Recycling: FAQ accordion */
.pco-acc { border-top: 1px solid var(--p-gray-line); }
.pco-acc__item { border-bottom: 1px solid var(--p-gray-line); }
.pco-acc__item summary { position: relative; display: block; padding: 1rem 2.5rem 1rem 0; font-weight: 700; cursor: pointer; list-style: none; }
.pco-acc__item summary::-webkit-details-marker { display: none; }
.pco-acc__sign { position: absolute; right: .5rem; top: 50%; width: 1rem; height: 1rem; transform: translateY(-50%); }
.pco-acc__sign::before, .pco-acc__sign::after { content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 2px; margin-top: -1px; background: #000; transition: transform .2s; }
.pco-acc__sign::after { transform: rotate(90deg); }
.pco-acc__item[open] .pco-acc__sign::after { transform: rotate(0); }
.pco-acc__body { padding: 0 0 1rem; color: #333; }
.pco-faq__more { margin-top: 1rem !important; }


/* About: milestones timeline */
.pco-tl { position: relative; display: grid; gap: 1rem; margin: 0; padding: 0 0 0 1.5rem; list-style: none; }
.pco-tl::before { content: ""; position: absolute; left: .375rem; top: .5rem; bottom: .5rem; width: 2px; background: var(--p-gray-line); }
.pco-tl__item { position: relative; padding: 1rem 1.25rem; border-radius: .625rem; background: var(--p-gray-soft); }
.pco-tl__item::before { content: ""; position: absolute; left: -1.5rem; top: 1.375rem; width: .875rem; height: .875rem; border-radius: 100%; background: var(--p-header-blue); box-shadow: 0 0 0 3px #fff; }
.pco-tl__year { display: inline-block; margin-bottom: .375rem; padding: .125rem .625rem; border-radius: 1000px; background: var(--pco-accent); font-size: .875rem; font-weight: 800; }
.pco-tl__item h3 { font-size: 1.0625rem; font-weight: 800; margin-bottom: .375rem !important; }
.pco-tl__item p { margin: 0 !important; font-size: .9375rem; color: #333; }
.pco-tl__src { margin-top: 1rem !important; }

/* About: company details */
.pco-legal__box { padding: 1.25rem; border: 1px solid var(--p-gray-line); border-radius: .625rem; }
.pco-legal__title { font-size: 1.125rem; font-weight: 800; margin-bottom: .75rem !important; }
.pco-legal dl { display: grid; grid-template-columns: 1fr; gap: .125rem 1.5rem; margin: 0; font-size: .9375rem; }
.pco-legal dt { color: var(--p-gray-text); margin-top: .5rem; }
.pco-legal dd { margin: 0; font-weight: 700; }

@media screen and (min-width: 48em) {
	.pco-sec { margin-top: 2.5rem; }
	.pco-hero__panel { padding: 2.5rem 2.5rem 2.75rem; }
	.pco-hero__title { font-size: 2.5rem; }
	.pco-hero__lead { font-size: 1.125rem; }
	.pco-hero__icon .pco-ico { width: 14rem; height: 14rem; }
	.pco-sec__title { font-size: 1.75rem; }
	.pco-tiles { grid-template-columns: repeat(2, 1fr); }
	.pco-stores__grid { grid-template-columns: repeat(2, 1fr); }
	.pco-blocks { grid-template-columns: repeat(2, 1fr); }
	.pco-steps { grid-template-columns: repeat(3, 1fr); }
	.pco-contact__btns { flex-direction: row; justify-content: center; flex-wrap: wrap; }
	.pco-contact__in { padding: 2rem; }
	.pco-legal dl { grid-template-columns: max-content 1fr; }
	.pco-legal dt { margin-top: 0; }
}

@media screen and (min-width: 64em) {
	.pco-pillars { grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
	.pco-split { grid-template-columns: 1fr 1fr; gap: 2.5rem; align-items: start; }
	.pco-split__col--panel { padding: 2rem; }
	.pco-tiles { grid-template-columns: repeat(3, 1fr); }
	.pco-block { flex-direction: row; gap: 1.5rem; padding: 1.75rem; }
	.pco-block__mark { flex-direction: column; align-items: flex-start; min-width: 3.5rem; }
	.pco-blocks { grid-template-columns: 1fr; }
	.pco-tl { grid-template-columns: repeat(5, 1fr); padding: 1.5rem 0 0; }
	.pco-tl::before { left: 0; right: 0; top: .375rem; bottom: auto; width: auto; height: 2px; }
	.pco-tl__item::before { left: 1.25rem; top: -1.5rem; }
	.pco-faq .pco-acc, .pco-faq .pco-sec__head, .pco-faq__more { max-width: 56rem; }
}

/* Trust banner «ΔΑΟΕ» on the About page (styles in p-trust-banner.css). */
.pco-trust .x6tb { margin: 1.5rem 0 0; }
.pco-legal dd { overflow-wrap: anywhere; }

/* ---------- Εγγύηση (/εγγύηση/) — owner 30/10 ---------- */
.pw-hero { margin-top: 1rem; }
.pw-hero__in { display: flex; flex-direction: column-reverse; align-items: center; gap: 1rem; padding: 1.5rem 1.25rem; border-radius: 1rem; color: #fff; background: linear-gradient(135deg, #0a3d91 0%, #1f5fd1 60%, #2f6fe0 100%); box-shadow: 0 12px 30px rgba(10, 61, 145, .25); }
.pw-hero__eyebrow { margin: 0 0 .375rem; font-size: .8125rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #ffd45c; }
.pw-hero__title { margin: 0 0 .75rem; font-size: 1.75rem; font-weight: 800; line-height: 1.2; color: #fff; }
.pw-hero__lead { margin: 0; font-size: 1.0625rem; line-height: 1.55; color: #eaf1ff; }
.pw-hero__art .pw-art { width: 9rem; height: auto; filter: drop-shadow(0 8px 16px rgba(0, 0, 0, .25)); }
.pw-h2 { margin: 0 0 1.25rem; font-size: 1.375rem; font-weight: 800; color: #212121; }
.pw-grid { display: grid; grid-template-columns: 1fr; gap: 1rem; margin: 0; padding: 0; list-style: none; }
.pw-card { display: flex; flex-direction: column; overflow: hidden; background: #fff; border: 1px solid #e0e6f2; border-radius: .875rem; box-shadow: 0 2px 10px rgba(10, 61, 145, .06); transition: transform .2s, box-shadow .2s; }
.pw-card:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(10, 61, 145, .14); }
.pw-card__art { position: relative; display: flex; justify-content: center; padding: 1.25rem 1rem .75rem; background: linear-gradient(180deg, #f2f6fe, #fff); }
.pw-card__art .pw-art { width: 10rem; height: auto; }
.pw-card__num { position: absolute; top: .75rem; left: .75rem; display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; font-weight: 800; color: #fff; background: #0a3d91; }
.pw-card__text { margin: 0; padding: 0 1.25rem 1.25rem; font-size: 1rem; line-height: 1.55; color: #212121; }
.pw-gold { display: flex; flex-direction: column; align-items: center; gap: 1rem; padding: 1.5rem 1.25rem; text-align: center; border: 2px solid #f4b400; border-radius: 1rem; background: linear-gradient(135deg, #fff8e1, #fff 70%); }
.pw-gold__art .pw-art { width: 9rem; height: auto; }
.pw-gold__eyebrow { margin: 0 0 .25rem; font-size: .875rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #b07f00; }
.pw-gold__lead { margin: 0 0 1rem; font-size: 1.125rem; font-weight: 600; line-height: 1.5; color: #212121; }
.pw-note { margin: 1rem 0 0; font-size: .875rem; color: #616161; }
@media screen and (min-width: 48em) {
	.pw-hero__in { flex-direction: row; justify-content: space-between; padding: 2.25rem 2.5rem; }
	.pw-hero__title { font-size: 2.25rem; }
	.pw-hero__art .pw-art { width: 11rem; }
	.pw-grid { grid-template-columns: repeat(2, 1fr); gap: 1.25rem; }
	.pw-gold { flex-direction: row; text-align: left; padding: 2rem 2.5rem; gap: 2rem; }
}
@media screen and (min-width: 64em) { .pw-grid { grid-template-columns: repeat(4, 1fr); } }