/* The standalone catalogue follows Makiety/katalog.html, scoped to avoid
   changing the planner, profile or existing detail screens. */
.catalog-browse{box-sizing:border-box;width:min(1240px,calc(100% - 80px));margin:auto;padding:40px 0;color:#0a1b34;font:14px/1.6 Inter,system-ui,sans-serif}
.catalog-browse *{box-sizing:border-box}
.catalog-browse-view{background:#fff}
.product-catalog-browse-route :is(.topnav,.appbar,.tabbar,[data-product-footer]){display:none!important}
.product-catalog-browse-route .screen{background:#fff}
.product-catalog-browse-route .catalog-browse-view.body{display:block;overflow:auto;padding:0 0 88px}
.catalog-browse a{color:inherit;text-decoration:none}
.catalog-browse .catalog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:44px}
.catalog-browse .catalog-top img{display:block;width:153px;max-width:100%}
.catalog-browse .catalog-top a{font-size:13px}
.catalog-browse h1,.catalog-browse h2{font-family:Sora,system-ui,sans-serif;font-weight:700;line-height:1.3;letter-spacing:-.6px}
.catalog-browse h1{font-size:38px;font-weight:800;letter-spacing:-1.3px;margin:0 0 26px}
.catalog-browse input{width:100%;padding:16px;border:1px solid #dce4ef;border-radius:8px;font:inherit;margin-bottom:24px;background:#fff;color:inherit}
.catalog-browse .catalog-row{display:flex;justify-content:space-between;gap:20px;padding:24px;border:1px solid #dce4ef;border-radius:12px;margin-bottom:14px;overflow-wrap:anywhere}
.catalog-browse .catalog-row:hover{background:#f0f5fa}
.catalog-browse .catalog-row h2{font-size:19px;margin:0 0 8px}
.catalog-browse p{color:#56657a;margin:0;font-size:13px}
.catalog-browse [data-catalog-count]{margin-bottom:16px;font-size:13px}
.catalog-browse [data-catalog-pages]{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}
.catalog-browse [hidden]{display:none!important}
.catalog-browse button{font:inherit;padding:10px 14px;border:1px solid #dce4ef;border-radius:8px;background:#fff;color:inherit;cursor:pointer}
.catalog-browse button:disabled{opacity:.45;cursor:default}
.catalog-browse :is(a,input,button):focus-visible{outline:3px solid #76a5d7;outline-offset:4px}
@media(max-width:1150px){.catalog-browse{width:calc(100% - 56px)}}
@media(max-width:900px){.catalog-browse{width:calc(100% - 48px)}}
@media(max-width:600px){.catalog-browse{width:calc(100% - 32px)}.catalog-browse h1{font-size:32px;letter-spacing:-1px}}
@media(max-width:359px){.catalog-browse{width:calc(100% - 28px)}.catalog-browse h1{font-size:29px}}
