/* October supplied media: scoped styles for editable native video/image blocks. */
.sino-october-video { width: 100%; min-width: 0; margin: 0; }
.sino-october-video video { display: block; width: 100%; height: auto; max-height: 620px; aspect-ratio: 16 / 9; object-fit: contain; background: #153d32; }
.sino-october-video.sino-october-portrait { width: 100%; max-width: 236px; margin-inline: auto; }
.sino-october-video.sino-october-portrait video { max-height: 420px; aspect-ratio: 9 / 16; }
.sino-october-video-layout { display: grid; grid-template-columns: minmax(0,326px) minmax(0,1fr); gap: clamp(24px,4vw,52px); align-items: center; }
.sino-october-video-layout .sino-october-portrait { max-width: 326px; }
.sino-october-video-layout .sino-october-portrait video { max-height: 580px; }
.sino-october-video-copy { min-width: 0; }
.sino-october-video-copy p { font-size: 16px; line-height: 1.7; margin: 0 0 18px; }
.sino-october-video-copy h2,.sino-october-video-copy h3 { line-height: 1.3; margin: 0 0 18px; }
.sino-october-video-copy a { overflow-wrap: anywhere; }
.sino-october-loading,
.sino-october-loading *,
.sino-october-tour,
.sino-october-tour * { box-sizing: border-box; }
.sino-october-loading { display: grid; grid-template-columns: minmax(150px,236px) minmax(0,1fr); align-items: center; gap: clamp(20px,3vw,44px); max-width: 960px; margin: 32px auto 0; padding: clamp(18px,3vw,30px); border: 1px solid #dce3db; border-radius: 10px; background: #fff; }
.sino-october-loading .sino-october-loading-video { width: 100%; max-width: 236px; margin: 0 auto; }
.sino-october-loading .sino-october-loading-video video { display: block; width: 100%; height: auto; max-height: 420px; aspect-ratio: 9 / 16; object-fit: contain; background: #153d32; border-radius: 7px; }
.sino-october-media-copy { min-width: 0; }
.sino-october-media-copy h3 { font-size: clamp(22px,2.5vw,30px); line-height: 1.25; margin: 0 0 16px; }
.sino-october-media-copy p { font-size: 16px; line-height: 1.65; margin: 0 0 16px; }
.sino-october-loading .text-link,
.sino-october-tour .text-link { display: inline-flex; align-items: center; min-height: 44px; max-width: 100%; overflow-wrap: anywhere; }
.sino-october-tour { min-width: 0; width: 100%; }
.sino-october-tour h2 { font-size: clamp(22px,2.5vw,30px); line-height: 1.25; margin: 0 0 18px; }
.sino-october-tour .sino-october-tour-video { margin: 0; }
.sino-october-tour .sino-october-tour-video video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; max-height: 620px; object-fit: contain; background: #153d32; }
.sino-october-tour-caption { font-size: 16px; line-height: 1.65; margin: 16px 0 10px; }
.sino-october-loading .sino-october-media-note,
.sino-october-tour .sino-october-media-note { font-size: 14px; line-height: 1.6; color: #56625a; margin: 0 0 12px; }
.sino-october-factory-overview { padding-top: 32px; padding-bottom: 28px; }
.sino-october-factory-overview .sino-october-tour { max-width: 1000px; margin-inline: auto; }
.section-page-card > .sino-october-production-image { width: 100%; margin: 0 0 22px; }
.section-page-card > .sino-october-production-image img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; }
@media (max-width: 600px) {
 .sino-october-video-layout { grid-template-columns: minmax(0,1fr); gap: 24px; }
 .sino-october-video-layout .sino-october-portrait { max-width: 236px; }
 .sino-october-video-layout .sino-october-portrait video { max-height: 420px; }
 .sino-october-video.sino-october-portrait { max-width: 180px; }
 .sino-october-video.sino-october-portrait video { max-height: 320px; }
 .sino-october-loading { grid-template-columns: minmax(0,1fr); gap: 20px; padding: 18px; margin-top: 24px; }
 .sino-october-loading .sino-october-loading-video { max-width: 180px; }
 .sino-october-loading .sino-october-loading-video video { max-height: 320px; }
 .sino-october-media-copy h3 { font-size: 23px; }
 .sino-october-tour h2 { font-size: 24px; }
}

/* Localized inspection examples and the dedicated shipment video. */
.sino-october-check-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; margin:0 0 32px; }
.sino-october-check-card { min-width:0; }
.sino-october-check-card figure { margin:0 0 18px; }
.sino-october-check-card img { display:block; width:100%; height:auto; aspect-ratio:16/10; object-fit:contain; background:#f5f5f0; }
.sino-october-check-card h2 { font-size:clamp(21px,2vw,27px); line-height:1.3; }
.sino-october-check-card p { font-size:16px; line-height:1.7; }
.sino-october-loading-detail { min-width:0; margin:0 0 32px; }
.sino-october-loading-detail h2 { font-size:clamp(24px,2.4vw,32px); line-height:1.3; margin:0 0 24px; }
.sino-october-video-fallback a { display:inline-flex; align-items:center; min-height:44px; }
@media(max-width:700px) { .sino-october-check-grid { grid-template-columns:minmax(0,1fr); gap:24px; } }
