/* Profil komika (v1.6.4, výška okien Instagramu podľa obsahu v1.6.19, ikony FB a IG pod menom v1.6.11, YouTube a web v1.6.13): svetla paleta webu, Instagram, vystupenia */
.single-om_komik{background:#F7F0E4}
.single-om_komik .site-main,.single-om_komik main#content{max-width:1200px;margin:0 auto;padding:0 24px}
.omp{--omp-red:#C8234A;--omp-red-dark:#A81C3D;--omp-ink:#231A1C;--omp-muted:#5F5356;--omp-line:rgba(35,26,28,.12);--omp-surface:#FFFFFF;font-family:"DM Sans",system-ui,sans-serif;color:var(--omp-ink);padding:40px 0 80px}
.omp *{box-sizing:border-box}
.omp a.omp-back{display:inline-flex;align-items:center;gap:8px;height:38px;margin:0 0 32px;padding:0 16px;border:2px solid var(--omp-ink);border-radius:8px;background:#FFFFFF;box-shadow:3px 3px 0 var(--omp-ink);color:var(--omp-ink);font-size:12px;font-weight:700;letter-spacing:.06em;line-height:1;text-transform:uppercase;text-decoration:none;transition:transform .08s ease,box-shadow .08s ease,background-color .15s}
.omp a.omp-back::before{content:"";width:7px;height:7px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateX(2px) rotate(45deg)}
.omp a.omp-back:hover{background:#E3E1E0;color:var(--omp-ink)}
.omp a.omp-back:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--omp-ink)}
.omp-top{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:48px;align-items:start}
.omp-photo{aspect-ratio:4/5;border-radius:16px;overflow:hidden;background:#E9DFCE;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 1px rgba(35,26,28,.08),0 10px 30px rgba(35,26,28,.12)}
.omp-photo img{width:100%;height:100%;object-fit:cover;display:block}
.omp-photo-empty{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(35,26,28,.4)}
.omp-info{display:flex;flex-direction:column;gap:14px;padding-top:8px;min-width:0}
.omp .omp-eyebrow{margin:0;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--omp-red)}
.omp .omp-name{margin:0;font:800 56px/1 "Baloo 2","DM Sans",system-ui,sans-serif;color:var(--omp-ink);text-wrap:balance}
.omp .omp-label{margin:10px 0 0;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--omp-red)}
.omp .omp-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.omp .omp-chip{display:flex;align-items:center;gap:8px;margin:0;padding:4px 12px 4px 4px;border-radius:999px;background:var(--omp-surface);box-shadow:inset 0 0 0 1px var(--omp-line);font-size:14px;font-weight:600}
.omp .omp-chip:not(:has(img)){padding-left:12px}
.omp .omp-chip img{width:28px;height:28px;border-radius:50%;object-fit:cover;display:block}
.omp-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.omp a.omp-btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border-radius:6px;background:var(--omp-red);color:#FFFFFF;font-weight:700;font-size:14px;letter-spacing:.04em;text-decoration:none}
.omp a.omp-btn:hover{background:var(--omp-red-dark);color:#FFFFFF}
.omp a.omp-btn-ig{background:transparent;color:var(--omp-ink);box-shadow:inset 0 0 0 1.5px var(--omp-ink)}
.omp a.omp-btn-ig:hover{background:var(--omp-ink);color:#FFFFFF}
.omp a:focus-visible{outline:2px solid var(--omp-red);outline-offset:2px}
.omp-play{width:0;height:0;border-left:8px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}
.omp-ig{width:18px;height:18px;flex:0 0 auto;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.5' cy='6.5' r='.8' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.5' cy='6.5' r='.8' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat}
.omp-social{display:flex;gap:10px;margin-top:-2px}
.omp a.om-ico{display:block;flex:0 0 auto;width:44px;height:44px;border:1px solid rgba(35,26,28,.08);border-radius:50%;background:#FFFFFF center/22px 22px no-repeat;box-shadow:0 1px 3px rgba(35,26,28,.08);transition:border-color .15s,transform .15s}
@media (hover:hover){.omp a.om-ico:hover{border-color:rgba(35,26,28,.22);transform:translateY(-1px)}}
.omp a.om-ico-fb{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%231877F2'/%3E%3Cpath fill='%23FFFFFF' d='M13.5 24v-8.4h2.8l.4-3.3h-3.2v-2.1c0-.9.3-1.6 1.6-1.6h1.7V5.7c-.3 0-1.3-.1-2.5-.1-2.5 0-4.2 1.5-4.2 4.3v2.4H7.3v3.3h2.8V24z'/%3E%3C/svg%3E")}
.omp a.om-ico-ig{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='1' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23FEDA75'/%3E%3Cstop offset='.3' stop-color='%23FA7E1E'/%3E%3Cstop offset='.6' stop-color='%23D62976'/%3E%3Cstop offset='1' stop-color='%234F5BD5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='24' height='24' rx='6.5' fill='url(%23g)'/%3E%3Crect x='5' y='5' width='14' height='14' rx='4.2' fill='none' stroke='%23FFFFFF' stroke-width='1.8'/%3E%3Ccircle cx='12' cy='12' r='3.3' fill='none' stroke='%23FFFFFF' stroke-width='1.8'/%3E%3Ccircle cx='16.3' cy='7.7' r='1.05' fill='%23FFFFFF'/%3E%3C/svg%3E")}
.omp a.om-ico-yt{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect y='3.5' width='24' height='17' rx='5' fill='%23FF0000'/%3E%3Cpath d='M9.6 8.4v7.2l6.2-3.6z' fill='%23FFFFFF'/%3E%3C/svg%3E")}
.omp a.om-ico-web{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23C8234A'/%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-width='1.4'%3E%3Ccircle cx='12' cy='12' r='6.2'/%3E%3Cellipse cx='12' cy='12' rx='2.6' ry='6.2'/%3E%3Cpath d='M5.8 12h12.4'/%3E%3C/g%3E%3C/svg%3E")}
@media (prefers-reduced-motion:no-preference){.omp .omp-social .om-ico:nth-child(2){--om-z:-54px;animation:om-rozbal .5s cubic-bezier(.2,.8,.2,1) .2s backwards}.omp .omp-social .om-ico:nth-child(3){--om-z:-108px;animation:om-rozbal .5s cubic-bezier(.2,.8,.2,1) .2s backwards}.omp .omp-social .om-ico:nth-child(4){--om-z:-162px;animation:om-rozbal .5s cubic-bezier(.2,.8,.2,1) .2s backwards}}
.omp-about{max-width:560px;margin-top:10px;font-size:17px;line-height:1.6;color:var(--omp-muted)}
.omp-about p{margin:0 0 10px}
.omp-about p:last-child{margin-bottom:0}
.omp-about a{color:var(--omp-ink)}
.omp-sec{margin-top:64px;padding-top:32px;border-top:1px solid var(--omp-line)}
.omp .omp-h2{margin:0 0 20px;font:800 32px/1.1 "Baloo 2","DM Sans",system-ui,sans-serif;color:var(--omp-ink)}
.omp-ig-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.omp-ig-grid{align-items:start}
.omp-ig-item{position:relative;border-radius:12px;overflow:hidden;background:var(--omp-surface);box-shadow:0 0 0 1px var(--omp-line)}
/* Výšku nastaví skript podľa správy MEASURE z Instagramu; 720 px je rezerva, kým príde. */
.omp-ig-item iframe{display:block;width:100%;height:720px;border:0}
.omp-ig-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;text-align:center;font-size:13px;color:rgba(35,26,28,.5);background:repeating-linear-gradient(135deg,#FFFFFF 0 14px,#FBF7F0 14px 28px)}
.omp-ig-empty .omp-ig{width:28px;height:28px}
.omp .omp-note{margin:12px 0 0;font-size:13px;color:rgba(35,26,28,.55)}
@media (max-width:1024px){.omp-ig-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.omp{padding:24px 0 56px}.omp-top{grid-template-columns:minmax(0,1fr);gap:24px}.omp-photo{max-width:280px}.omp .omp-name{font-size:38px}.omp-about{font-size:16px}.omp-sec{margin-top:44px;padding-top:24px}.omp .omp-h2{font-size:26px}.omp-ig-grid{grid-template-columns:minmax(0,1fr);max-width:360px}}
@media (prefers-reduced-motion:reduce){.omp a.omp-back{transition:none}}