/* คลิปสั้น YouTube (9:16) บนหน้าการตลาด
 * ตัวเล่นจริงหนัก ~2MB ต่อคลิป จึงโชว์แค่ภาพปกจาก i.ytimg.com ก่อน กดแล้วค่อยเปิดหน้าต่างเล่น (shorts.js)
 * กล่องปกล็อกอัตราส่วน 9:16 ไว้ตั้งแต่แรก หน้าไม่ขยับตอนภาพปกโหลดเสร็จ */
.shorts{margin:28px 0 0}
.shorts-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;margin:0 0 14px}
.shorts-head h3{font-size:20px;line-height:1.35;margin:0}
.shorts-head p{margin:0;font-size:15.5px;opacity:.8}
.shorts-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,210px);gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:2px 2px 10px;margin:0;list-style:none;-webkit-overflow-scrolling:touch}
.shorts-row>li{scroll-snap-align:start;min-width:0}
@media (max-width:640px){.shorts-row{grid-auto-columns:42%}}
.short-card{display:flex;flex-direction:column;gap:8px;color:inherit;text-decoration:none}
.short-thumb{position:relative;display:block;aspect-ratio:9/16;border-radius:10px;overflow:hidden;background:#140812;box-shadow:0 12px 28px rgba(40,8,30,.18)}
/* ภาพปก hqdefault ของ Shorts เป็น 4:3 มีพื้นเบลอสองข้าง — ครอปกลางให้เหลือ 9:16 พอดีตัวคลิป */
.short-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}
.short-thumb svg{position:absolute;left:50%;top:50%;width:54px;height:38px;transform:translate(-50%,-50%);filter:drop-shadow(0 6px 16px rgba(0,0,0,.5))}
.short-thumb .short-len{position:absolute;left:8px;top:8px;background:rgba(0,0,0,.72);color:#fff;font-size:12.5px;font-weight:700;padding:3px 7px;border-radius:5px;letter-spacing:.02em}
.short-card:hover .short-thumb img{transform:scale(1.04)}
.short-card:focus-visible{outline:none}
.short-card:focus-visible .short-thumb{outline:3px solid #ff2fa0;outline-offset:2px}
.short-cap{font-size:15px;line-height:1.45;font-weight:600}
/* ปุ่มเล็กในการ์ดฟังก์ชั่น */
.short-inline{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:800;font-size:15.5px;text-decoration:none}
.short-inline::before{content:"";width:22px;height:22px;flex:none;border-radius:50%;background:#e4006f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M3.5 2.2v5.6L8 5z' fill='%23fff'/%3E%3C/svg%3E") center/12px no-repeat}
/* หน้าต่างเล่นคลิป */
.short-dialog{position:fixed;inset:0;margin:auto;padding:0;border:0;background:transparent;max-width:none;max-height:none;overflow:visible}
.short-dialog::backdrop{background:rgba(8,2,8,.82)}
.short-dialog .short-box{position:relative;overflow:visible;width:min(92vw,calc((100vh - 130px) * 9 / 16),420px);margin-top:52px;aspect-ratio:9/16;background:#000;border-radius:12px}
.short-dialog iframe{border-radius:12px}
.short-dialog iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.short-dialog .short-close{position:absolute;top:-52px;right:0;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#111;font-size:26px;line-height:1;cursor:pointer}
@media (prefers-reduced-motion:reduce){.short-thumb img{transition:none}}