/* ========================================================================== La Hiška Čatež — oglasni sloti MINUS33 Dva slota na podstran, oba v zgornjih 60 % strani: [top] takoj pod uvodnim (hero) blokom [mid] v prvi tretjini vsebine Format izbere ta datoteka, ne JavaScript: spremenljivke --m33-src / --m33-w / --m33-h so edini vir resnice. minus33-ads.js jih prebere in vstavi okvir, zato je razmerje slota znano ze pred nalaganjem (nic premikanja vsebine). Jezik kreativa se dolocí iz — glej minus33-ads.js. Izbira formata je narejena za mobilne obiskovalce, ki so vecina: top < 768 px rectangle 300x250 — standardni mobilni format, lahek >= 768 px leaderboard 728x90 — nizek pas nad vsebino >= 1200 px billboard 970x250 — najvecja vidnost na namizju mid povsod video 1280x720 — 16:9 se prilagodi sirini; na telefonu je nizji od kvadrata, zato manj moti branje ========================================================================== */ .m33-ad { --m33-src: "rectangle-300x250"; --m33-w: 300; --m33-h: 250; display: block; width: 100%; max-width: 1030px; margin: 46px auto; box-sizing: border-box; clear: both; } /* Slot je neposredni otrok
in potrebuje enake robove kot sekcije. */ .m33-ad--wide { width: min(calc(100% - 40px), 1030px); } /* Slot je v ze omejenem stolpcu (container, shell, article). */ .m33-ad--inline { margin: 38px auto; } .m33-ad-label { margin: 0 0 8px; color: #7b8a8c; font-family: Manrope, Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 9px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; text-align: center; } .m33-ad-frame { position: relative; width: min(100%, calc(var(--m33-w) * 1px)); aspect-ratio: var(--m33-w) / var(--m33-h); margin-inline: auto; overflow: hidden; border-radius: 18px; background: #05070d; box-shadow: 0 18px 46px rgba(6, 30, 36, .18); } /* Kreativ ima fiksne mere; --m33-scale nastavi minus33-ads.js glede na sirino. */ .m33-ad-frame > iframe { position: absolute; top: 0; left: 0; width: calc(var(--m33-w) * 1px); height: calc(var(--m33-h) * 1px); border: 0; display: block; transform-origin: top left; transform: scale(var(--m33-scale, 1)); } /* Nadomestna staticna razlicica (reduced-motion, Save-Data, 2G). */ .m33-ad-frame > a { display: block; width: 100%; height: 100%; } .m33-ad-frame > a > img { display: block; width: 100%; height: 100%; object-fit: cover; } @media (min-width: 768px) { .m33-ad[data-m33-ad="top"] { --m33-src: "leaderboard-728x90"; --m33-w: 728; --m33-h: 90; } } @media (min-width: 1200px) { .m33-ad[data-m33-ad="top"] { --m33-src: "billboard-970x250"; --m33-w: 970; --m33-h: 250; } } .m33-ad[data-m33-ad="mid"] { --m33-src: "video-1280x720"; --m33-w: 1280; --m33-h: 720; } /* Na namizju 16:9 pas ne sme prerasti besedila, ki ga prekinja. */ @media (min-width: 900px) { .m33-ad[data-m33-ad="mid"] .m33-ad-frame { width: min(100%, 760px); } } @media print { .m33-ad { display: none; } }