@media(max-width:980px){html{font-size:15px}body{overflow-x:hidden;padding-bottom:62px}.site-header{position:sticky!important;top:0;z-index:45000;display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;padding:7px 10px!important;min-height:58px;background:rgba(255,255,255,.98)!important;border-bottom:1px solid var(--line,#ded7c8);backdrop-filter:blur(12px)}.brand{min-width:0;display:flex;align-items:center;gap:8px}.brand-mark{width:38px!important;height:38px!important;border-radius:11px!important;flex:0 0 auto}.brand strong{display:block;font-size:.86rem;line-height:1.1;white-space:nowrap}.brand small{font-size:.56rem;line-height:1.2}.mobile-menu-button{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;height:44px;border:1px solid #c8a44d;background:#111;color:#fff;border-radius:999px;padding:0 13px;font-size:.63rem;font-weight:1000;letter-spacing:.07em;text-transform:uppercase;box-shadow:none;cursor:pointer;white-space:nowrap}.site-header .top-nav{display:none!important;grid-column:1/-1;position:static!important;left:auto!important;right:auto!important;top:auto!important;width:100%;background:#fff;border:1px solid var(--line,#ded7c8);box-shadow:0 16px 38px rgba(0,0,0,.13);border-radius:14px;padding:7px!important;margin:1px 0 0;z-index:45001;max-height:min(62vh,460px);overflow:auto}.site-header .top-nav.open{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.site-header .top-nav.open a{display:flex;align-items:center;justify-content:center;min-height:42px;border:1px solid var(--line,#ded7c8);border-radius:9px;padding:6px;background:#f8f7f2;text-align:center;text-decoration:none;color:#111;font-size:.68rem;line-height:1.15;font-weight:900;box-shadow:none}.lang-bar{grid-column:1/-1;width:100%;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:5px!important;margin:0!important;padding:0 0 2px!important;scrollbar-width:none}.lang-bar::-webkit-scrollbar{display:none}.lang-bar span{display:none}.lang-bar a{flex:0 0 auto;min-height:31px;padding:5px 10px!important;border-radius:999px;font-size:.63rem!important}.page-shell{padding-left:0!important;padding-right:0!important;max-width:calc(100% - 16px)!important;width:auto!important;margin-top:10px!important}.hero,.hero.compact{grid-template-columns:1fr!important;padding:16px!important;border-radius:16px!important;margin-bottom:10px!important}.hero h1{font-size:clamp(1.8rem,9.5vw,2.55rem)!important;line-height:1!important}.lead{font-size:.95rem!important;line-height:1.5!important}.hero-actions{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:7px!important;padding-bottom:4px;scrollbar-width:none}.hero-actions::-webkit-scrollbar{display:none}.hero-actions .button,.button{flex:0 0 auto;justify-content:center;text-align:center;min-height:44px;padding:10px 13px}.quick-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.quick-home-grid a{padding:12px!important;border-radius:13px!important;font-size:.76rem}.news-grid,.edition-grid,.video-grid,.symbol-clean-grid,.home-gallery-grid{grid-template-columns:1fr!important;gap:10px!important}.news-card,.post-card,.edition-card,.video-card,.gallery-item{border-radius:15px!important;overflow:hidden}.news-card img,.video-card img{height:202px!important;object-fit:cover}.card-body{padding:13px!important}.card-body h3{font-size:1.03rem!important;line-height:1.25}.card-body p{font-size:.88rem!important;line-height:1.47}.control-panel{padding:11px!important;border-radius:15px!important}.control-row{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}.chips{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:6px;padding-bottom:5px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{white-space:nowrap;flex:0 0 auto;min-height:40px}.mobile-bottom-nav{z-index:44000;height:58px!important}.mobile-bottom-nav a{font-size:.64rem!important}.portal-side-card{margin-top:10px}.top-content-row{grid-template-columns:1fr!important}.random-gallery-grid{grid-template-columns:repeat(2,1fr)!important}.side-stat-list{grid-template-columns:repeat(2,1fr)!important}.home-objave-panel{padding:16px!important;border-radius:16px!important}.section-head{margin-top:23px!important}.section-head h2{font-size:1.42rem!important}}
@media(min-width:981px){.mobile-menu-button{display:none!important}}
@media(max-width:420px){.brand strong{font-size:.79rem}.mobile-menu-button{padding:0 10px;font-size:.59rem}.site-header .top-nav.open{grid-template-columns:1fr}.hero h1{font-size:2.02rem!important}}
