body.fitbag-astra #page #about.yi-about{background:#f8f8f8;padding:100px 24px;scroll-margin-top:88px;color:#181818;overflow:hidden}
body.fitbag-astra #page #about .yi-about-container{width:100%;max-width:1200px;margin:auto}
body.fitbag-astra #page #about .yi-about-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);column-gap:76px;row-gap:28px;align-items:start}
body.fitbag-astra #page #about .yi-about-header{grid-column:2;grid-row:1;padding-top:18px}
body.fitbag-astra #page #about .yi-about-eyebrow{font-size:11px;letter-spacing:.14em;font-weight:700;color:#ce1126;margin:0 0 18px}
body.fitbag-astra #page #about .yi-about-name{font-size:64px;line-height:1.05;letter-spacing:-.045em;color:#171717;margin:0;font-weight:750}
body.fitbag-astra #page #about .yi-about-name span{color:#ce1126;margin-inline-start:.16em}
body.fitbag-astra #page #about .yi-about-visual{grid-column:1;grid-row:1 / 3;position:relative;align-self:stretch;min-height:600px;border-radius:16px;overflow:hidden;background:#161616}
body.fitbag-astra #page #about .yi-about-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 28%;margin:0;display:block}
body.fitbag-astra #page #about .yi-about-caption{position:absolute;inset-inline:20px;bottom:20px;display:flex;align-items:center;gap:16px;padding:14px 18px;background:rgba(16,16,16,0.88);border:1px solid #ffffff24;border-radius:8px;color:#fff;width:max-content;max-width:calc(100% - 40px)}
body.fitbag-astra #page #about .yi-about-logo{display:block;width:39px;height:48px;object-fit:contain;margin:0}
body.fitbag-astra #page #about .yi-about-caption-text{font-size:10px;line-height:1.5;font-weight:650;letter-spacing:.12em;color:#fff;margin:0}
body.fitbag-astra #page #about .yi-about-body{grid-column:2;grid-row:2;min-width:0;padding-bottom:18px}
body.fitbag-astra #page #about .yi-about-body p{font-size:16px;line-height:1.8;color:#606060;margin:0 0 20px}
body.fitbag-astra #page #about .yi-about-body .yi-about-lead{font-size:26px;line-height:1.32;font-weight:600;letter-spacing:-.02em;color:#282828;margin:0 0 24px}
body.fitbag-astra #page #about .yi-about-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:22px 0;margin:28px 0;border-block:1px solid #d8d8d8}
body.fitbag-astra #page #about .fb-about__stat{background:none;border:0;box-shadow:none;border-radius:0;text-align:start;padding:0 16px;margin:0;min-width:0}
body.fitbag-astra #page #about .fb-about__stat:first-child{padding-inline-start:0}
body.fitbag-astra #page #about .fb-about__stat+ .fb-about__stat{border-inline-start:1px solid #d8d8d8}
body.fitbag-astra #page #about .fb-about__stat-num{display:block;font-size:13px;line-height:1.4;font-weight:750;color:#ce1126;letter-spacing:.07em;margin:0 0 5px}
body.fitbag-astra #page #about .fb-about__stat-label{display:block;font-size:12px;line-height:1.5;color:#646464;margin:0}
body.fitbag-astra #page #about .yi-about-cta{display:inline-flex;align-items:center;gap:32px;min-height:50px;padding:13px 22px;background:#ce1126;border:1px solid #ce1126;border-radius:8px;color:white;text-decoration:none;font-size:14px;font-weight:650;line-height:1.5;box-shadow:none;transition:background .2s}
body.fitbag-astra #page #about .yi-about-cta:hover{background:#ce1126;color:#fff}
body.fitbag-astra #page #about .yi-about-cta:focus-visible{outline:2px solid #181818;outline-offset:4px}
body.fitbag-astra #page #about .yi-about-in{animation:yi-about-in .7s ease both}
@keyframes yi-about-in{from{opacity:.7;translate:0 12px}to{opacity:1;translate:0 0}}
@media(max-width:1050px){body.fitbag-astra #page #about .yi-about-grid{column-gap:38px}body.fitbag-astra #page #about .yi-about-name{font-size:52px}}
@media(max-width:760px){
 body.fitbag-astra #page #about.yi-about{padding:52px 22px}
 body.fitbag-astra #page #about .yi-about-grid{display:flex;flex-direction:column;gap:26px}
 body.fitbag-astra #page #about .yi-about-header{padding:0;width:100%}
 body.fitbag-astra #page #about .yi-about-name{font-size:46px}
 body.fitbag-astra #page #about .yi-about-eyebrow{font-size:10px;margin-bottom:14px}
 body.fitbag-astra #page #about .yi-about-visual{min-height:0;height:auto;aspect-ratio:4/4.5;width:100%;align-self:auto;border-radius:12px}
 body.fitbag-astra #page #about .yi-about-visual>img{object-position:50% 30%}
 body.fitbag-astra #page #about .yi-about-caption{inset-inline:14px;bottom:14px;padding:10px 14px;gap:12px}
 body.fitbag-astra #page #about .yi-about-logo{width:30px;height:38px}
 body.fitbag-astra #page #about .yi-about-body{width:100%;padding:0}
 body.fitbag-astra #page #about .yi-about-body .yi-about-lead{font-size:24px;margin-bottom:20px}
 body.fitbag-astra #page #about .yi-about-body p{font-size:15px;line-height:1.75}
 body.fitbag-astra #page #about .yi-about-principles{margin:24px 0;padding:18px 0}
 body.fitbag-astra #page #about .fb-about__stat{padding:0 10px}
 body.fitbag-astra #page #about .fb-about__stat-label{font-size:11px}
}
body.fitbag-astra.rtl #page #about .yi-about-name,body.fitbag-astra.rtl #page #about .yi-about-eyebrow,body.fitbag-astra.rtl #page #about .yi-about-caption-text,body.fitbag-astra.rtl #page #about .fb-about__stat-num{letter-spacing:0}
@media(prefers-reduced-motion:reduce){body.fitbag-astra #page #about .yi-about-in{animation:none}body.fitbag-astra #page #about .yi-about-cta{transition:none}}
