/* /home/platinumm/public_html/assets/css/home-youtube-blog.css */
.hpmedia{width:100%;padding:26px 0}
.hpmedia-in{max-width:1200px;margin:0 auto;padding:0 16px;display:flex;gap:16px;align-items:stretch}
.hpmedia.is-two .hpyt{flex:1;min-width:0}
.hpmedia.is-two .hpblog{flex:1;min-width:0}
.hpmedia.is-one .hpyt{flex:1;min-width:0}
.hpmedia.is-one .hpblog{flex:1;min-width:0}
.hpyt-box{border-radius:16px;overflow:hidden;background:#0f172a;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.hpyt-ratio{position:relative;width:100%;padding-top:56.25%}
.hpyt-iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.hpblog-box{border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.hpblog-head{padding:14px 14px 10px;font-weight:800;font-size:20px;line-height:1}
.hpblog-list{border-top:0}
.hpblog-row{display:block;text-decoration:none;color:inherit}
.hpblog-rowin{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid rgba(0,0,0,.14)}
.hpblog-row:last-child .hpblog-rowin{border-bottom:0}
.hpblog-rowtxt{padding:0 14px;flex:1;min-width:0}
.hpblog-rowtitle{font-weight:700;font-size:16px;line-height:1.15;word-break:break-word}
.hpblog-rowdate{margin-top:6px;font-size:11px;opacity:.75}
.hpblog-rowarrow{flex:0 0 54px;height:54px;display:flex;align-items:center;justify-content:center;background:#ffeb00;color:#111;font-size:26px;font-weight:900}
.hpblog-more{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 14px;text-decoration:none;color:inherit;background:#eef2f6}
.hpblog-moreico{font-size:20px;font-weight:700}
.hpytextra{width:100%;padding:26px 0}
.hpytextra-in{max-width:1200px;margin:0 auto;padding:0 16px;display:flex;gap:16px;align-items:stretch}
.hpytextra.is-two .hpytextra-item{flex:1;min-width:0}
.hpytextra.is-one .hpytextra-item{flex:1;min-width:0}
@media (max-width: 900px){.hpmedia-in{flex-direction:column}.hpytextra-in{flex-direction:column}}
@media (max-width: 768px){.hpblog-rowarrow{flex-basis:46px;height:46px;font-size:24px}}
