.catalog-section{padding:80px 0 110px}.catalog-filter-toggle{display:none}.catalog-sidebar{position:sticky;top:calc(var(--header-height) + 26px);align-self:start;z-index:2}.catalog-filter-panel{border-top:3px solid var(--ar-ink)}.catalog-filter-header{display:flex;justify-content:space-between;align-items:start;padding:24px 0;border-bottom:1px solid var(--ar-line)}.catalog-search{display:block;padding:24px 0;border-bottom:1px solid var(--ar-line);color:var(--ar-muted);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.catalog-search input{width:100%;height:44px;border:0;outline:0;background:transparent;text-transform:none}.catalog-reset{color:var(--ar-muted);font-size:.76rem;text-decoration:underline}.catalog-results-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--ar-line)}.catalog-results-heading :is(h1,h2){margin:0;font-size:clamp(2rem,3vw,3.4rem)}.catalog-sort-dropdown>button span{color:var(--ar-muted);font-size:.68rem;text-transform:uppercase}.catalog-sort-menu{position:absolute;z-index:30;top:calc(100%+6px);right:0;width:250px;padding:8px;background:var(--ar-white);border:1px solid var(--ar-line);box-shadow:var(--shadow-soft)}.catalog-active-filters button{padding:7px 10px;border:1px solid var(--ar-line);background:var(--ar-white);cursor:pointer;font-size:.75rem}.books-pagination{display:flex;justify-content:center;gap:8px;margin-top:58px}.books-pagination a{display:grid;place-items:center;border:1px solid var(--ar-line);background:var(--ar-white);font-size:.8rem}.authors-grid{display:grid}@media (max-width:900px){.catalog-filter-toggle{display:flex;justify-content:space-between;align-items:center;width:100%}.catalog-sidebar{inset:0 0 0 auto}.catalog-sidebar.is-open{transform:translateX(0)}.catalog-filter-backdrop{position:fixed;z-index:1190;inset:0;background:rgba(0,0,0,.45)}.catalog-results-heading{align-items:start}}@media (max-width:620px){.catalog-results-heading{flex-direction:column}}.catalog-section{padding-top:66px}.catalog-filter-panel{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#687277 #e0e4e6}.catalog-search,.catalog-sort-dropdown,.catalog-filter-toggle{font-family:var(--font-ui)}.catalog-search input{color:#171c1f;font-size:1rem}.catalog-search input::placeholder{color:#687075;opacity:1}.catalog-sort-dropdown>button span{color:#50585d}.author-card-portrait{position:relative;display:grid;aspect-ratio:4 / 5;place-items:center;overflow:hidden;background:#e3e6e7}.author-card-portrait img{width:100%;height:100%;object-fit:cover;object-position:top center}.author-image-placeholder{display:grid;width:100%;height:100%;place-items:center;background:#c9eef6;color:#064f66;font-family:var(--font-editorial);font-size:clamp(3rem,8vw,6rem)}.books-pagination{align-items:center;flex-wrap:wrap}.books-pagination a{min-width:46px;height:46px;font-weight:750}@media (max-width:900px){.catalog-filter-toggle{font-size:.9rem}}@media (max-width:620px){.catalog-results-heading{align-items:stretch}.catalog-filter-toggle{font-family:var(--font-ui);font-size:.92rem;letter-spacing:.02em}.author-card-copy{min-height:205px;padding:18px 14px}.author-card-copy .section-kicker{font-size:.6rem}.author-card-copy h3{font-size:1.35rem}.author-card-copy p{font-size:.8rem}.books-pagination{gap:6px;margin-top:42px}.books-pagination a{min-width:44px;height:44px}}.catalog-active-filters button{color:#152126}.author-card-portrait .author-image-placeholder[hidden]{display:none !important}.author-card-portrait img[hidden]{display:none !important}@media (max-width:620px){.catalog-search input,.catalog-sort-dropdown>button,.catalog-filter-toggle{font-size:1rem}}.catalog-filter-panel{max-height:calc(100dvh - var(--header-height) - 44px);display:flex;flex-direction:column;overflow:hidden;padding-right:0}.catalog-filter-header{flex:0 0 auto}@media (min-width:901px){.catalog-search{padding:17px 0}.catalog-search input{height:40px;font-size:.88rem}}@media (max-width:900px){.catalog-filter-toggle{position:relative;z-index:1;min-height:52px;margin-bottom:24px;padding:13px 16px;border:1px solid #233036;background:var(--ar-white);color:var(--ar-ink);box-shadow:0 8px 22px rgba(19,31,36,.06);cursor:pointer}.catalog-filter-backdrop{display:none !important}.catalog-sidebar{position:fixed !important;z-index:2147483000 !important;top:var(--catalog-filter-viewport-top,0) !important;right:0 !important;bottom:auto !important;left:0 !important;width:100% !important;min-width:100% !important;max-width:none !important;height:var(--catalog-filter-viewport-height,100dvh) !important;min-height:var(--catalog-filter-viewport-height,100dvh) !important;max-height:var(--catalog-filter-viewport-height,100dvh) !important;margin:0 !important;padding:0 !important;overflow:hidden !important;isolation:isolate;visibility:hidden;background:var(--ar-paper);opacity:0;transform:none !important;pointer-events:none;transition:opacity .18s ease,visibility 0s linear .18s}.catalog-sidebar.is-open{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s}.catalog-filter-panel{width:100%;height:100%;max-height:none;display:grid;grid-template-rows:60px minmax(0,1fr);overflow:hidden;padding:0;border:0;background:var(--ar-paper)}.catalog-filter-header{position:relative;z-index:3;min-height:60px;display:flex;align-items:center;justify-content:space-between;padding:max(8px,env(safe-area-inset-top)) 16px 8px;border-bottom:1px solid var(--ar-line);background:var(--ar-paper)}.catalog-filter-header button[data-filter-close]:focus-visible{outline:3px solid rgba(0,111,145,.35);outline-offset:2px}.catalog-search{flex:none;padding:12px 0 10px}.catalog-search input{height:42px}}@media (max-width:430px){.catalog-filter-header{padding-inline:12px}}@media (prefers-reduced-motion:reduce){.catalog-sidebar{transition:none !important}}dialog.catalog-sidebar{margin:0;padding:0;border:0;color:inherit;background:transparent}@media (min-width:901px){dialog.catalog-sidebar{display:block;width:auto;max-width:none;height:auto;overflow:visible}}@media (max-width:900px){dialog.catalog-sidebar:modal .catalog-filter-panel{width:100%;height:100%;min-height:100%;max-height:100%}}.authors-catalog .catalog-filter-panel{max-height:none;overflow:visible;padding-right:0}.authors-filter-apply-bar{margin-top:18px}@media (max-width:900px){dialog.catalog-sidebar:modal .catalog-filter-panel{grid-template-rows:60px minmax(0,1fr) auto}.authors-catalog .catalog-filter-panel{width:100%;min-height:100%;display:flex;flex-direction:column;overflow-y:auto;padding:0 16px max(16px,env(safe-area-inset-bottom));background:var(--ar-paper)}.authors-catalog .catalog-filter-header{margin-inline:-16px;padding-inline:16px}.authors-catalog .catalog-search{flex:0 0 auto}.authors-filter-apply-bar{position:sticky;bottom:0;z-index:2;margin-top:auto;padding:12px 0 max(12px,env(safe-area-inset-bottom));box-shadow:0 -10px 24px rgba(19,31,36,.08)}}@media (max-width:900px){.catalog-search{grid-row:1}}:is(.books-page,.promotions-page,.authors-page){--catalog-navy:#123554;--catalog-navy-hover:#19496f;--catalog-orange:#e67d24;--catalog-orange-text:#a94f00;--catalog-orange-soft:rgba(230,125,36,.12);--catalog-navy-soft:rgba(18,53,84,.07)}:is(.books-page,.promotions-page,.authors-page) .catalog-filter-header .section-kicker,:is(.books-page,.promotions-page,.authors-page) .catalog-results-heading .section-kicker{color:var(--catalog-orange-text)}:is(.books-page,.promotions-page,.authors-page) .catalog-search>div{border-color:rgba(18,53,84,.24);transition:border-color .18s ease,box-shadow .18s ease}:is(.books-page,.promotions-page,.authors-page) .catalog-search>div:focus-within{border-color:var(--catalog-navy);box-shadow:0 0 0 3px var(--catalog-orange-soft)}.authors-page .catalog-reset{color:var(--catalog-navy);font-weight:700;text-underline-offset:3px}.authors-page .catalog-reset:hover,.authors-page .catalog-reset:focus-visible{color:var(--catalog-orange)}.authors-page .authors-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 18px}.authors-page .author-card{display:flex;min-width:0;flex-direction:column;align-self:start;border:0;background:transparent}.authors-page .author-card-portrait{position:relative;display:flex;width:100%;height:auto;min-height:0;aspect-ratio:auto;align-items:flex-start;justify-content:center;padding:4px 16px 10px;overflow:hidden;background:var(--ar-paper-2)}.authors-page .author-card-portrait::after{position:absolute;inset:auto 0 0;height:16%;background:linear-gradient(transparent,rgba(21,26,29,.05));content:""}.authors-page .author-card-frame{position:relative;z-index:1;display:block;width:min(78%,190px);aspect-ratio:4 / 5;padding:0;overflow:hidden;background:transparent;box-shadow:0 12px 24px rgba(18,53,84,.14),0 3px 8px rgba(18,53,84,.08);transition:transform .28s ease,box-shadow .28s ease}.authors-page .author-card-frame img,.authors-page .author-card-frame .author-image-placeholder{width:100%;height:100%}.authors-page .author-card-frame img{display:block;object-fit:cover;object-position:top center;filter:none;transition:transform .3s ease}.authors-page .author-card:hover .author-card-frame{box-shadow:0 17px 31px rgba(18,53,84,.18),0 4px 10px rgba(18,53,84,.09);transform:translateY(-5px)}.authors-page .author-card:hover .author-card-frame img{transform:scale(1.018)}.authors-page .author-image-placeholder{display:grid;place-items:center;background:#eee8de;color:var(--catalog-navy);font-size:clamp(2.6rem,6vw,4.7rem)}.authors-page .author-card-copy{display:flex;min-height:0;flex:0 0 auto;flex-direction:column;align-items:flex-start;padding:10px 2px 0}.authors-page .author-card-copy .section-kicker{display:none}.authors-page .author-card-copy h3{display:-webkit-box;min-height:2.35em;margin:0;overflow:hidden;color:var(--catalog-navy);font-size:clamp(1.05rem,1.5vw,1.28rem);line-height:1.16;-webkit-box-orient:vertical;-webkit-line-clamp:2}.authors-page .author-card-copy h3 a{color:inherit;transition:color .18s ease}.authors-page .author-card:hover .author-card-copy h3 a,.authors-page .author-card-copy h3 a:focus-visible{color:var(--catalog-orange)}.authors-page .author-card-copy p{margin:5px 0 8px;color:#716c64;font-family:var(--font-ui);font-size:.7rem;font-weight:650;line-height:1.35}.authors-page .author-card-more{display:inline-flex;min-height:34px;align-items:center;justify-content:center;gap:8px;margin:0;padding:8px 12px;border:1px solid var(--catalog-navy);background:var(--catalog-navy);color:#fff;font-family:var(--font-ui);font-size:.66rem;font-weight:800;letter-spacing:.06em;line-height:1;text-transform:uppercase;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.authors-page .author-card-more span{font-size:.9rem;transition:transform .18s ease}.authors-page .author-card-more:hover,.authors-page .author-card-more:focus-visible{border-color:var(--catalog-orange);background:var(--catalog-orange);color:#fff;transform:translateY(-1px)}.authors-page .author-card-more:hover span,.authors-page .author-card-more:focus-visible span{transform:translateX(3px)}@media (max-width:1120px) and (min-width:621px){.authors-page .authors-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:620px){.authors-page .authors-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.authors-page .author-card-portrait{height:auto;min-height:0;aspect-ratio:auto;padding:4px 12px 9px}}@media (max-width:620px){.authors-page .author-card-portrait{height:auto;min-height:0;aspect-ratio:auto;padding:3px 10px 8px}.authors-page .author-card-frame{padding:0;background:transparent}.authors-page .author-card-copy{min-height:0}}@media (min-width:901px){dialog.catalog-sidebar{position:sticky;top:calc(var(--header-height)+26px);align-self:start;max-height:calc(100dvh - var(--header-height) - 44px)}} .authors-page .catalog-results-heading .section-kicker{color:#a9560f} /* Pagination: keep a single books-style pager visible per breakpoint. */ .pagination-mobile{display:none} .authors-page .books-pagination a:hover{border-color:#e67d24;background:#e67d24;color:#fff} .authors-page .books-pagination a.is-current,.authors-page .books-pagination a.active{border-color:#123554;background:#123554;color:#fff} .authors-page .books-pagination a.is-current:hover,.authors-page .books-pagination a.active:hover{border-color:#19496f;background:#19496f;color:#fff} @media (max-width:620px){.pagination-mobile{display:flex;flex-wrap:nowrap;justify-content:center;width:100%;gap:4px;overflow:hidden}} /* Authors search panel: exact books catalog sizing and typography/colors. */ @media (min-width:1121px){.authors-page .authors-catalog-layout{grid-template-columns:280px minmax(0,1fr);gap:56px}} @media (max-width:1120px) and (min-width:901px){.authors-page .authors-catalog-layout{grid-template-columns:245px minmax(0,1fr);gap:36px}} .authors-page .catalog-filter-header .section-kicker{margin:0 0 14px;color:var(--catalog-orange-text)} .authors-page .catalog-filter-header-actions{display:flex;align-items:center;gap:12px} .authors-page .catalog-filter-reset{color:var(--catalog-navy);font-family:var(--font-ui);font-size:.72rem;font-weight:750;text-decoration:underline;text-underline-offset:3px} .authors-page .catalog-filter-reset:hover,.authors-page .catalog-filter-reset:focus-visible{color:var(--catalog-orange)} .authors-page .catalog-search{display:block;padding:24px 0;border-bottom:1px solid var(--ar-line);color:var(--ar-muted);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase} .authors-page .catalog-search>div{display:flex;align-items:center;gap:8px;margin-top:9px;padding:0 10px;background:var(--ar-white);border:1px solid rgba(18,53,84,.24)} .authors-page .catalog-search svg{width:18px;color:var(--catalog-navy);stroke:currentColor} .authors-page .catalog-search input{width:100%;height:44px;border:0;outline:0;background:transparent;font-family:inherit;font-size:inherit;text-transform:none} .authors-page .authors-filter-apply-bar{margin-top:0} @media (min-width:901px){.authors-page .catalog-search{padding:17px 0}.authors-page .catalog-search>span{display:inline}.authors-page .catalog-search input{height:40px;font-size:.88rem}} @media (max-width:900px){.authors-page .catalog-filter-header-actions{gap:8px}.authors-page .catalog-search>span{display:none}.authors-page .catalog-search>div{margin:0}.authors-page .catalog-search input{height:42px;font-size:1rem}} /* Authors search: mirror the books filter vertical rhythm exactly. */ @media (min-width:901px){ .authors-page .catalog-filter-header{min-height:0;align-items:start;padding:24px 0} .authors-page .catalog-filter-header .section-kicker{margin:0 0 14px} .authors-page .catalog-filter-header-actions{gap:12px} .authors-page .catalog-search{padding:17px 0} .authors-page .catalog-search>span{display:inline} .authors-page .catalog-search>div{margin-top:9px} .authors-page .catalog-search input{height:40px;font-size:.88rem} .authors-page .authors-filter-apply-bar{margin-top:0;padding-top:16px} } @media (max-width:900px){ .authors-page .catalog-filter-header{min-height:60px;align-items:center;padding:max(8px,env(safe-area-inset-top)) 16px 8px} .authors-page .catalog-filter-header .section-kicker{margin:0} .authors-page .catalog-search{padding:12px 0 10px} .authors-page .catalog-search>span{display:none} .authors-page .catalog-search>div{margin-top:0} .authors-page .catalog-search input{height:42px;font-size:1rem} } /* Portret popunjava svoj okvir kao korica na kartici knjige, a "Saznaj vise" je tekstualni link umesto punog dugmeta: 20 navy dugmadi u mrezi je bilo najglasnije na stranici, a kartice knjiga nemaju takvo dugme. */ .authors-page .author-card-portrait{padding:13px 12px 11px}.authors-page .author-card-frame{width:min(92%,205px)}.authors-page .author-card-copy{padding:13px 2px 0}.authors-page .author-card-copy h3{min-height:2.3em;font-size:clamp(1.05rem,1.35vw,1.22rem);line-height:1.18}.authors-page .author-card-copy p{margin:5px 0 11px;color:#6c7378;font-size:.72rem;font-weight:600}.authors-page .author-card-more{min-height:0;padding:0 0 3px;border:0;border-bottom:1px solid rgba(18,53,84,.32);background:transparent;color:var(--catalog-navy);font-size:.66rem;letter-spacing:.07em;transition:color .18s ease,border-color .18s ease}.authors-page .author-card-more:hover,.authors-page .author-card-more:focus-visible{border-bottom-color:var(--catalog-orange);background:transparent;color:var(--catalog-orange);transform:none}.authors-page .authors-grid{gap:32px 22px}@media (max-width:620px){.authors-page .author-card-portrait{padding:10px 9px 9px}.authors-page .author-card-frame{width:min(94%,165px)}.authors-page .author-card-copy{padding:11px 1px 0}.authors-page .author-card-copy h3{font-size:1rem}.authors-page .author-card-copy p{font-size:.66rem}.authors-page .author-card-more{padding:0 0 3px;font-size:.6rem}} /* Ime sme u dva reda, ali se drugi red rezervise samo ako je bar jednom autoru na strani potreban; klasu postavlja authors-filter.js posle svakog iscrtavanja. */ .authors-page .author-card-meta{display:flex;width:100%;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;margin-top:7px}.authors-page .author-card-copy p{margin:0}.authors-page .author-card-more{flex:0 0 auto}@media (max-width:620px){.authors-page .author-card-meta{gap:3px 8px}.authors-page .author-card-copy p{margin:0}} .authors-page .author-card-copy h3{width:100%;text-align:center} /* Prostiji line-height i vise vazduha ispod imena: sa 1.18 su se repovi slova (g, j, ΕΎ) sudarali sa redom ispod. Drugi red se rezervise po redu mreze. */ .authors-page .author-card-copy h3{min-height:1.32em;line-height:1.32}.authors-page .author-card.has-two-line-name .author-card-copy h3{min-height:2.64em}.authors-page .author-card-meta{margin-top:10px}@media (max-width:620px){.authors-page .author-card-meta{margin-top:8px}} /* Skrivanje desktop paginacije mora da stoji u CSS-u same stranice: isti