.ap-shipping { background: var(--ap-bg); color: var(--ap-text); padding-block: var(--ap-pad-top-mobile) var(--ap-pad-bottom-mobile); }
.ap-shipping * { box-sizing: border-box; }
.ap-shipping__head { display: grid; gap: 16px; margin-bottom: 30px; }
.ap-shipping__head p { margin: 0 0 10px; color: var(--ap-accent); font-size: 12px; font-weight: 800; letter-spacing: .14em; }
.ap-shipping__head h2 { margin: 0; max-width: 760px; color: var(--ap-text); font-size: clamp(32px, 8.5vw, 48px); line-height: 1.08; letter-spacing: -.035em; }
.ap-shipping__intro { max-width: 580px; color: var(--ap-muted); font-size: 16px; line-height: 1.65; }
.ap-shipping__grid { display: grid; gap: 14px; }
.ap-shipping-card { border: 1px solid var(--ap-border); border-radius: 16px; background: var(--ap-card); padding: 22px; }
.ap-shipping-card__image { width: 56px; height: 56px; margin-bottom: 18px; overflow: hidden; border-radius: 12px; }
.ap-shipping-card__image img { width: 100%; height: 100%; object-fit: cover; }
.ap-shipping-card > span { color: var(--ap-accent); font-size: 12px; font-weight: 900; letter-spacing: .12em; }
.ap-shipping-card h3 { margin: 16px 0 0; color: var(--ap-text); font-size: 21px; line-height: 1.25; }
.ap-shipping-card > div:last-child { margin-top: 10px; color: var(--ap-muted); font-size: 15px; line-height: 1.6; }
.ap-shipping__note { margin: 20px 0 0; color: var(--ap-muted); font-size: 13px; line-height: 1.6; }
@media (min-width: 750px) { .ap-shipping { padding-block: var(--ap-pad-top) var(--ap-pad-bottom); } .ap-shipping__head { grid-template-columns: 1.15fr .85fr; align-items: end; gap: 50px; margin-bottom: 40px; } .ap-shipping__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } .ap-shipping-card { padding: 26px; } }