#logistics{padding:48px 0;background:#f5f7f4;scroll-margin-top:84px}
#logistics .log-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
#logistics .sec-title{margin:0 0 14px}#logistics h2{font-size:32px;line-height:1.3;margin:0 0 10px}
#logistics .log-intro{font-size:14px;color:#637069;line-height:1.65;max-width:700px;margin:0}
.log-quote{display:inline-flex;align-items:center;gap:16px;border-bottom:1px solid #285f46;color:#285f46;padding:8px 0;font-size:14px;white-space:nowrap;flex:none}
.log-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,2fr);gap:28px;margin-top:26px;align-items:start}
.log-photo{margin:0;height:288px;position:relative;overflow:hidden;background:#e2e9e4}
.log-photo img{width:100%;height:100%;object-fit:cover;object-position:42% center}
.log-photo figcaption{position:absolute;bottom:0;left:0;right:0;background:#16382be8;color:white;font-size:12px;padding:10px 14px}
.log-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
.log-service{border-top:1px solid #d4ded4;padding:16px 0;align-self:start}
.log-service summary{display:flex;align-items:flex-start;gap:12px;list-style:none;cursor:pointer}
.log-service summary::-webkit-details-marker{display:none}
.log-num{font-size:11px;color:#66816e;padding-top:6px;font-variant-numeric:tabular-nums}
.log-copy{min-width:0}.log-service strong{font-size:19px;font-weight:700;display:block}
.log-desc{display:block;font-size:13px;line-height:1.65;color:#637069;margin-top:5px}
.log-plus{margin-left:auto;min-width:14px;height:14px;position:relative;top:8px;color:#285f46}
.log-plus:before,.log-plus:after{content:'';position:absolute;background:currentColor}
.log-plus:before{height:1px;width:12px;top:6px}.log-plus:after{width:1px;height:12px;left:6px}
.log-service[open] .log-plus:after{display:none}
.log-service>p{font-size:13px;line-height:1.7;color:#52665a;background:#eaf0e7;margin:14px 0 0;padding:12px 14px}
.log-process{margin-top:20px;padding-top:22px;border-top:1px solid #bccbbe}
.log-process>p{font-size:11px;letter-spacing:.1em;color:#607369;margin:0 0 16px}
.log-process ol{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.log-process li{display:flex;gap:10px;align-items:flex-start}
.log-step-num{font:11px/28px monospace;color:#47715a}
.log-process strong{font-size:13px;display:block}.log-process small{font-size:12px;line-height:1.6;color:#64786b;display:block;margin-top:4px}
.log-service summary:focus-visible,.log-quote:focus-visible{outline:3px solid #80ac91;outline-offset:4px}
@media(max-width:700px){#logistics{padding:30px 0;scroll-margin-top:72px}#logistics .log-head{display:block}#logistics h2{font-size:26px}.log-quote{margin-top:14px}.log-layout{grid-template-columns:1fr;gap:18px;margin-top:20px}.log-photo{height:128px}.log-photo img{object-position:center 57%}.log-photo figcaption{padding:6px 10px;font-size:11px}.log-services{column-gap:18px}.log-service{padding:12px 0}.log-num{display:none}.log-service strong{font-size:17px}.log-service summary{gap:6px}.log-process{margin-top:12px;padding-top:16px}.log-process ol{grid-template-columns:1fr 1fr;gap:16px}}