/* =========================================================
   Retail To-Save — content pages (about, privacy, terms, imprint, contact)
   Restyles the existing page markup in the 2026 design. Text is unchanged.
   ========================================================= */

/* Page heroes */
.about-header,.privacy-header,.terms-header,.imprint-hero,.contact-header{background:var(--bone);color:var(--ink);padding:48px 0 40px;margin:0;border-bottom:1px solid var(--line);text-align:left;position:relative;overflow:visible}
.about-header::before,.privacy-header::before,.terms-header::before,.imprint-hero::before,.contact-header::before,
.about-header::after,.privacy-header::after,.terms-header::after,.imprint-hero::after,.contact-header::after{display:none!important;content:none!important}
.about-header .container,.privacy-header .container,.terms-header .container,.imprint-hero .container,.contact-header .container{max-width:var(--wrap);padding-left:24px;padding-right:24px}
.about-header h1,.privacy-header h1,.terms-header h1,.imprint-hero h1,.contact-header h1{margin:0;font-size:44px;line-height:1.08;font-weight:800;letter-spacing:-.02em;color:var(--ink)!important;background:none!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important;animation:none!important}
.about-header .lead,.privacy-header .lead,.terms-header .lead,.imprint-hero p,.contact-header .lead{margin:12px 0 0;font-size:18px;line-height:1.6;color:var(--text-2)!important;max-width:720px;opacity:1!important}
.about-header-content,.privacy-header-content,.terms-header-content,.imprint-hero-content,.contact-header-content{max-width:820px;margin:0;text-align:left;animation:none!important}
.last-updated,.legal-badge,.liability-badge{display:inline-flex;align-items:center;gap:6px;margin-top:16px;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--slate)!important;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;box-shadow:none!important}
@media (max-width:600px){.about-header h1,.privacy-header h1,.terms-header h1,.imprint-hero h1,.contact-header h1{font-size:32px}}

/* Containers */
.c-legacy main > .container,.c-legacy #main > .container,.c-legacy .container.py-4,.c-legacy .container.text-capitalized{max-width:var(--wrap)}
.c-legacy .breadcrumb{background:none!important;box-shadow:none!important;border:0!important;padding:18px 0 0!important;margin:0 0 8px!important;font-size:14px}
.c-legacy .breadcrumb a{color:var(--slate)!important}
.c-legacy .breadcrumb-item.active{color:var(--ink)!important;font-weight:600;text-transform:capitalize}

/* Cards */
.policy-card,.terms-card,.imprint-card,.contact-card,.about-content,.c-legacy .card{background:#fff!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:none!important;overflow:hidden;animation:none!important;transform:none!important}
.about-content{padding:36px!important;margin:24px 0 64px!important}
.policy-card,.terms-card,.imprint-card{margin:32px 0 64px!important}
.policy-card-header,.terms-card-header,.c-legacy .card-header{background:#fff!important;color:var(--ink)!important;border-bottom:1px solid var(--line)!important;padding:28px 32px!important;text-align:left!important;display:flex;align-items:center;gap:14px}
.policy-card-header h2,.terms-card-header h2,.c-legacy .card-header h2{margin:0!important;font-size:24px!important;font-weight:800!important;color:var(--ink)!important}
.policy-icon,.terms-icon{font-size:22px!important;color:var(--proof)!important;margin:0!important;width:44px;height:44px;border-radius:50%;background:var(--proof-tint);display:inline-flex!important;align-items:center;justify-content:center}
.policy-card-body,.terms-card-body,.c-legacy .card-body{padding:28px 32px!important}
@media (max-width:600px){.policy-card-header,.terms-card-header,.policy-card-body,.terms-card-body,.c-legacy .card-body{padding:20px!important}.about-content{padding:20px!important}}
.policy-alert,.terms-alert,.contact-highlight{background:var(--bone)!important;border:0!important;border-left:3px solid var(--ink)!important;border-radius:0 8px 8px 0!important;color:var(--ink)!important;padding:14px 18px!important;box-shadow:none!important}
.policy-alert i,.terms-alert i{color:var(--ink)!important}

/* Sections */
.policy-section,.terms-section,.info-section,.about-section{opacity:1!important;transform:none!important;margin:0!important;padding:28px 0!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;background:none!important;box-shadow:none!important}
.policy-section:first-child,.terms-section:first-child,.info-section:first-child{border-top:0!important;padding-top:8px!important}
.section-header{display:flex;align-items:center;gap:14px;margin:0 0 12px!important;padding:0!important;border:0!important;background:none!important}
.section-icon,.info-icon{flex:none;width:40px!important;height:40px!important;border-radius:50%!important;background:var(--tint)!important;color:var(--ink-2)!important;display:inline-flex!important;align-items:center;justify-content:center;font-size:16px!important;box-shadow:none!important}
.section-icon i,.info-icon i{color:var(--ink-2)!important;background:none!important;-webkit-text-fill-color:currentColor!important}
.section-title,.info-title,.about-section h2{margin:0!important;font-size:21px!important;line-height:1.3!important;font-weight:800!important;color:var(--ink)!important;background:none!important;-webkit-text-fill-color:currentColor!important}
.about-section h2{margin-bottom:10px!important;padding:0!important;border:0!important}
.about-section h2::before,.about-section h2::after,.page-heading::after,.page-heading::before{display:none!important}
.section-content,.info-content,.about-section p,.about-section li,.feature-list li{font-size:16px;line-height:1.7;color:var(--ink-soft)!important}
.section-content ul,.feature-list{padding-left:22px}
.section-content li,.feature-list li{margin:6px 0;list-style:disc}
.feature-list li::before{display:none!important}
.section-content a,.info-content a,.about-section a{color:var(--ink-2)!important;font-weight:600}
.info-section{display:flex;gap:16px;align-items:flex-start}
.info-content{flex:1;min-width:0}

/* About page */
.page-heading{margin:0 0 8px!important;font-size:30px!important;font-weight:800!important;text-align:left!important;color:var(--ink)!important;background:none!important;-webkit-text-fill-color:currentColor!important}
.mission-vision-grid,.values-grid,.activity-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;gap:16px!important;margin:24px 0!important}
.mission-card,.vision-card,.value-card,.activity-card,.info-card{background:var(--bone)!important;border:1px solid transparent!important;border-radius:var(--radius)!important;padding:24px!important;box-shadow:none!important;text-align:left!important;color:var(--ink)!important;transform:none!important;opacity:1!important;animation:none!important}
.mission-card i,.vision-card i,.value-card i,.activity-card i{font-size:20px!important;color:var(--ink-2)!important;background:#fff!important;width:44px;height:44px;border-radius:50%;display:inline-flex!important;align-items:center;justify-content:center;margin-bottom:12px!important;-webkit-text-fill-color:currentColor!important}
.mission-card h3,.vision-card h3,.value-card h3,.value-card h4,.activity-card h4,.activity-card h5{font-size:18px!important;font-weight:800!important;color:var(--ink)!important;margin:0 0 6px!important}
.mission-card p,.vision-card p,.value-card p,.activity-card p{color:var(--text-2)!important;font-size:15px!important;margin:0!important}
.stats-section{background:var(--ink)!important;color:#fff!important;border-radius:var(--radius)!important;padding:28px!important;margin:28px 0!important}
.stats-section h2,.stats-section h3{color:#fff!important}
.stats-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:16px!important}
.stat-item{background:none!important;border:0!important;box-shadow:none!important;text-align:left!important;padding:0!important}
.stat-number{font-family:var(--mono);font-size:30px!important;font-weight:500!important;color:#fff!important;background:none!important;-webkit-text-fill-color:currentColor!important}
.stat-label{color:#AEB5C9!important;font-size:14px!important;text-transform:none!important}
.cta-section{background:var(--bone)!important;color:var(--ink)!important;border-radius:var(--radius)!important;padding:32px!important;text-align:left!important;margin-top:28px!important;box-shadow:none!important}
.cta-section h3{color:var(--ink)!important;font-size:24px!important;font-weight:800!important}
.cta-section p{color:var(--text-2)!important}
.cta-buttons,.contact-buttons,.action-buttons{display:flex!important;flex-wrap:wrap;gap:10px!important;justify-content:flex-start!important}
.cta-btn,.contact-btn,.back-btn{display:inline-flex!important;align-items:center;justify-content:center;min-height:48px;padding:0 22px!important;border-radius:var(--radius-sm)!important;font-weight:700!important;font-size:15px!important;text-decoration:none!important;background:#fff!important;color:var(--ink)!important;border:2px solid var(--ink)!important;box-shadow:none!important;transform:none!important}
.cta-btn.primary,.contact-btn.primary,.back-btn{background:var(--ink)!important;color:#fff!important}
.cta-btn:hover,.contact-btn:hover,.back-btn:hover{background:var(--ink-2)!important;border-color:var(--ink-2)!important;color:#fff!important}
.back-home-section{text-align:left!important;margin:0 0 64px!important}
.contact-email{color:var(--ink-2)!important;font-weight:700}

/* Contact form */
.contact-section{margin:32px 0 64px}
.c-page-contact .form-label{font-weight:600;color:var(--ink)}
.c-page-contact .form-control{min-height:48px;border:1px solid var(--line-2)!important;border-radius:var(--radius-sm)!important;font:500 16px var(--font);box-shadow:none!important}
.c-page-contact textarea.form-control{min-height:140px}
.c-page-contact .form-control:focus{border-color:var(--ink)!important;box-shadow:0 0 0 1px var(--ink)!important}
.c-page-contact button[type="submit"]{min-height:50px;padding:0 26px;border-radius:var(--radius-sm)!important;background:var(--ink)!important;border:0!important;color:#fff!important;font-weight:700!important;box-shadow:none!important}
.c-page-contact .info-card .card-title{font-size:18px;font-weight:800;color:var(--ink)}
.c-page-contact .info-card i{color:var(--ink-2)!important}

/* Kill decorative motion from the old page styles */
.c-legacy [class*="header"] *,.c-legacy .imprint-hero *{animation:none!important}