body.yt-small-lot-page .pt-hero { padding: 2.5rem 0; }
.yt-small-lot-page #main > .pt-section { padding: 2.5rem 0; }
.yt-small-lot-page .slm-hero-grid { display: grid; grid-template-columns: 1.12fr .88fr; gap: 2rem; align-items: center; }
.yt-small-lot-page .pt-hero .pt-h1 { font-size: clamp(2rem, 3.6vw, 3.1rem); line-height: 1.45; margin-bottom: 1.25rem; }
.yt-small-lot-page .pt-hero-lead { font-size: 1rem; line-height: 1.9; margin-bottom: 1rem; }
.yt-small-lot-page .slm-hero-point { margin: 0 0 1.25rem; color: #fff; font-weight: 700; line-height: 1.8; }
.yt-small-lot-page .pt-hero-actions { gap: .75rem; margin-bottom: .75rem; }
.yt-small-lot-page .slm-hero-note { color: #d1e4db; font-size: .9rem; margin: 0; }
.yt-small-lot-page .slm-hero-figure { margin: 0; min-width: 0; overflow: hidden; border: 1px solid #ffffff26; border-radius: 16px; background: #ffffff0d; }
.yt-small-lot-page .slm-hero-figure img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.yt-small-lot-page .slm-hero-figure figcaption { padding: .75rem 1rem; color: #d1e4db; font-size: .85rem; line-height: 1.7; }
.yt-small-lot-page .slm-table-wrap { border: 1px solid #ffffff30; border-radius: 12px; overflow: hidden; background: #132722; }
.yt-small-lot-page .slm-start-table { width: 100%; border-collapse: collapse; table-layout: fixed; line-height: 1.8; color: #ddebe4; }
.yt-small-lot-page .slm-start-table thead { background: var(--pt-deep); color: #fff; }
.yt-small-lot-page .slm-start-table th, .yt-small-lot-page .slm-start-table td { padding: 1rem 1.25rem; text-align: left; vertical-align: top; overflow-wrap: anywhere; }
.yt-small-lot-page .slm-start-table th:first-child { width: 30%; }
.yt-small-lot-page .slm-start-table tbody th { background: #1d3530; color: #ddebe4; }
.yt-small-lot-page .slm-start-table tbody tr + tr { border-top: 1px solid var(--pt-border); }
.yt-small-lot-page .slm-start-table th span { display: block; font-size: .85rem; font-weight: 400; margin-top: .3rem; }
.yt-small-lot-page .slm-start-table td strong { display: block; color: #fff; margin-top: .3rem; }
.yt-small-lot-page .slm-table-note { margin: .9rem 0 0; font-size: .9rem; }
.yt-small-lot-page .slm-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.yt-small-lot-page .pt-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.yt-small-lot-page .pt-card { padding: 1.25rem; }
.yt-small-lot-page .slm-fee-intro { font-weight: 700; color: var(--pt-deep); margin: 0 0 .75rem; }
.yt-small-lot-page .yt-drawing-fees .yt-fee-examples { display: none; }
.yt-small-lot-page .yt-drawing-fees .yt-fee-layout { display: block; }
.yt-small-lot-page .yt-fee-comparison { max-width: 800px; }
.yt-small-lot-page .slm-hose-link { margin: 1rem 0 0; }
.yt-small-lot-page.pt-anim .pt-reveal { opacity: 1; transform: none; }
@media (max-width: 991.98px) {
  .yt-small-lot-page .slm-hero-grid { grid-template-columns: 1fr; gap: 1.5rem; }
  .yt-small-lot-page .slm-hero-figure { max-width: 640px; }
  .yt-small-lot-page .pt-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575.98px) {
  .yt-small-lot-page .pt-hero, .yt-small-lot-page #main > .pt-section { padding: 1.75rem 0; }
  .yt-small-lot-page .pt-hero .pt-h1 { font-size: 1.95rem; }
  .yt-small-lot-page .pt-grid { grid-template-columns: 1fr; }
  .yt-small-lot-page .slm-start-table th, .yt-small-lot-page .slm-start-table td { padding: .8rem; font-size: .9rem; }
  .yt-small-lot-page .slm-start-table th:first-child { width: 34%; }
  .yt-small-lot-page .slm-start-table th span { font-size: .75rem; }
}
