/* FiberPart Recovery4: shared shell rules moved to site-shell.css */
/* Only middle-page content. Header/footer/drawers stay owned by styles.css */
.info-page-main{padding:18px 0 30px}
.info-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:11px;color:#7f8b93;font-size:12px}
.info-breadcrumb a:hover{color:#344d5f}.info-breadcrumb i{font-size:12px;color:#a9b1b6}
.info-hero{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:linear-gradient(135deg,#fff 0%,#f5f7f8 68%,#e9eef0 100%);padding:30px;min-height:270px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:24px;align-items:center;box-shadow:0 12px 34px rgba(25,35,45,.06)}
.info-hero:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;left:-120px;bottom:-180px;background:rgba(189,98,52,.10)}
.info-kicker{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:#fff0e8;color:#a4532b;font-size:12px;font-weight:900;border:1px solid #efd8cb}
.info-hero h1{margin:10px 0 8px;color:var(--dark);font-size:clamp(28px,3vw,42px);line-height:1.35}.info-hero p{max-width:730px;margin:0;color:var(--muted);font-size:12.5px;line-height:2}
.info-hero-visual{position:relative;z-index:1;min-height:190px;border-radius:23px;background:linear-gradient(145deg,#263d4d,#4d697d);display:grid;place-items:center;color:#fff;box-shadow:0 18px 40px rgba(25,35,45,.16);overflow:hidden}
.info-hero-visual i{font-size:72px;opacity:.93}.info-hero-visual:before,.info-hero-visual:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.15);border-radius:50%}.info-hero-visual:before{width:210px;height:210px}.info-hero-visual:after{width:290px;height:290px}
.info-section{padding:16px 0}.info-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:11px}.info-section-head h2{margin:4px 0 0;font-size:20px;color:var(--dark)}.info-section-head p{margin:0;color:var(--muted);font-size:12px}
.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.info-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 7px 22px rgba(25,35,45,.045)}
.info-card-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#edf2f4;color:#344d5f;margin-bottom:12px}.info-card h3{font-size:13px;margin:0 0 5px;color:var(--dark)}.info-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.9}
.about-story{display:grid;grid-template-columns:1.05fr .95fr;gap:12px}.story-panel{background:#fff;border:1px solid var(--line);border-radius:23px;padding:22px;box-shadow:0 8px 24px rgba(25,35,45,.045)}.story-panel h2{margin:0 0 9px;color:var(--dark);font-size:20px}.story-panel p{margin:0 0 10px;color:#64727b;font-size:12px;line-height:2}.story-panel p:last-child{margin-bottom:0}
.story-steps{display:grid;gap:8px}.story-step{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding:11px;border-radius:14px;background:#f7f9f9;border:1px solid #e7ebed}.story-step span{width:42px;height:42px;border-radius:12px;background:#263d4d;color:white;display:grid;place-items:center;font-size:12px;font-weight:900}.story-step strong{display:block;font-size:12px;color:var(--dark)}.story-step small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.info-band{border-radius:23px;padding:22px;background:linear-gradient(135deg,#19232d,#344d5f);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px}.info-band h2{margin:0 0 5px;font-size:19px}.info-band p{margin:0;color:#cfd9de;font-size:12px}.info-band .btn{white-space:nowrap}
.contact-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:12px}.contact-form-card,.contact-side{background:#fff;border:1px solid var(--line);border-radius:23px;padding:20px;box-shadow:0 8px 24px rgba(25,35,45,.045)}
.contact-form-card h2,.contact-side h2{font-size:17px;margin:0 0 5px;color:var(--dark)}.contact-form-card>p,.contact-side>p{font-size:12px;color:var(--muted);margin:0 0 15px}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:9px}.contact-field{display:grid;gap:5px}.contact-field.full{grid-column:1/-1}.contact-field label{font-size:12px;color:#6d7981;font-weight:700}.contact-field input,.contact-field select,.contact-field textarea{width:100%;border:1px solid var(--line);background:#fafbfb;border-radius:11px;padding:10px 11px;outline:0;color:var(--text);font-size:12px}.contact-field textarea{min-height:118px;resize:vertical}.contact-field input:focus,.contact-field textarea:focus,.contact-field select:focus{border-color:#8da1ad;box-shadow:0 0 0 3px rgba(64,91,112,.08)}
.contact-submit{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:3px}.contact-note{font-size:12px;color:#8a959b}
.contact-list{display:grid;gap:8px;margin-top:13px}.contact-item{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding:11px;border:1px solid #e6eaec;background:#fafbfb;border-radius:14px}.contact-item i{width:42px;height:42px;border-radius:12px;background:#edf2f4;color:#344d5f;display:grid;place-items:center}.contact-item strong{display:block;font-size:12px;color:var(--dark)}.contact-item span{display:block;font-size:12px;color:var(--muted);margin-top:2px}.contact-placeholder{font-style:normal;color:#97a1a7}
.hours-box{margin-top:10px;border-radius:15px;background:#fff5ec;border:1px solid #f0ddcf;padding:12px}.hours-box strong{display:block;font-size:12px;color:#9a542e;margin-bottom:4px}.hours-box p{margin:0;font-size:12px;color:#765b4b}
.map-placeholder{margin-top:12px;min-height:170px;border-radius:18px;border:1px dashed #bdc8ce;background:linear-gradient(135deg,#eef2f4,#f9fbfb);display:grid;place-items:center;text-align:center;color:#667780;padding:16px}.map-placeholder i{font-size:30px;margin-bottom:7px}.map-placeholder strong{display:block;font-size:12px}.map-placeholder small{display:block;font-size:12px;color:#8b969d;margin-top:3px}
.form-status{display:none;margin-top:12px;border-radius:12px;padding:12px 14px;font-size:12px;font-weight:800;line-height:1.9;border:1px solid transparent}.form-status.show{display:block}.form-status.pending{background:#eef4f7;color:#344d5f;border-color:#d8e3e8}.form-status.success{background:#edf8f1;color:#236c45;border-color:#cce8d7}.form-status.error{background:#fff1ee;color:#9b3f31;border-color:#f0d1ca}
@media(max-width:900px){.info-hero{grid-template-columns:1fr}.info-hero-visual{min-height:155px}.info-grid{grid-template-columns:repeat(2,1fr)}.about-story,.contact-layout{grid-template-columns:1fr}}
@media(max-width:620px){.info-page-main{padding-top:10px}.info-hero{padding:18px;border-radius:19px;min-height:0}.info-hero h1{font-size:25px}.info-hero p{font-size:12px}.info-hero-visual{min-height:125px;border-radius:17px}.info-hero-visual i{font-size:50px}.info-grid{grid-template-columns:1fr;gap:8px}.info-card{padding:14px;border-radius:16px}.about-story{gap:8px}.story-panel,.contact-form-card,.contact-side{padding:15px;border-radius:17px}.info-band{padding:16px;border-radius:18px;align-items:flex-start;flex-direction:column}.contact-form{grid-template-columns:1fr}.contact-field.full,.contact-submit{grid-column:auto}.contact-submit{align-items:stretch;flex-direction:column}.contact-submit .btn{width:100%}}