@media only screen and (min-width:1250px){:root{--titleBarPadding:5em 0px 3em 0px;--ctgrBarPadding:3em 0px 5em 0px;--titleTextBarWidth:100%;--titleTextBarAlign:center;--heroFontSize:1.2em}.printGrid{grid-template-columns:repeat(auto-fill,minmax(20%,1fr));gap:10px}}@media only screen and (min-width:1025px) and (max-width:1249px){:root{--titleBarPadding:5em 0px 3em 0px;--ctgrBarPadding:3em 0px;--titleTextBarWidth:100%;--titleTextBarAlign:center;--heroFontSize:1.2em}.printGrid{grid-template-columns:repeat(auto-fill,minmax(20%,1fr));gap:10px}}@media only screen and (min-width:768px) and (max-width:1024px){:root{--titleBarPadding:5em 0px 3em 0px;--ctgrBarPadding:3em 0px;--titleTextBarWidth:100%;--titleTextBarAlign:center;--heroFontSize:1.2em}.printGrid{grid-template-columns:repeat(auto-fill,minmax(25%,1fr));gap:10px}}@media only screen and (min-width:550px) and (max-width:767px){:root{--titleBarPadding:5em 0px 1.5em 0px;--ctgrBarPadding:1.5em 0px;--titleTextBarWidth:70%;--titleTextBarAlign:flex-start;--heroFontSize:1.1em}.cardMeta{display:none!important}.printGrid{grid-template-columns:repeat(auto-fill,minmax(33.3333%,1fr));gap:10px}.searchGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media only screen and (max-width:549px){:root{--titleBarPadding:2em 0px 1em 0px;--ctgrBarPadding:1em 0px;--titleTextBarWidth:70%;--titleTextBarAlign:flex-start;--heroFontSize:1em}.cardMeta{display:none!important}.printGrid{grid-template-columns:repeat(auto-fill,minmax(33.3333%,1fr));gap:10px}.searchGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}.heroFont{color:#5d5d5d;font-weight:500;font-size:var(--heroFontSize);margin:0;line-height:1.2}.logoImg{width:250px;height:50px;margin:0}.searchBar{flex-wrap:wrap;justify-content:center;align-items:center;width:100%;display:flex}.searchBar input{border:1px solid #ddd;border-radius:12px;outline:none;width:100%;padding:10px 15px;font-size:14px}.ctgrBar{align-items:center;gap:8px;justify-content:var(--titleTextBarAlign);padding:var(--ctgrBarPadding);flex-wrap:wrap;display:flex}.mainCtgrBtn{color:#111;white-space:nowrap;background:#fff;border:1px solid #ddd;border-radius:12px;padding:8px 12px;font-size:13px;font-weight:900;text-decoration:none}.mainCtgrBtn:hover{background-color:#fafafa}.langToggleBtn{white-space:nowrap;border-radius:12px;padding:8px 12px;font-size:13px;font-weight:900;text-decoration:none}.langToggleBtn:hover{filter:brightness(.98)}.mainLayout{box-sizing:border-box;max-width:1100px;height:100%;margin:0 auto;padding:20px}.searchOverlay{z-index:50;background:#fff;border:1px solid #eee;border-radius:16px;height:fit-content;max-height:500px;padding:12px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:auto;box-shadow:0 10px 30px #00000014}@media (max-width:640px){.searchGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}.searchOverlay{z-index:50;background:#fff;border:1px solid #eee;border-radius:16px;padding:12px;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 10px 30px #00000014}.searchGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}@media (max-width:640px){.searchGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}.searchThumb{aspect-ratio:600/849;cursor:pointer;background:#fafafa;border:1px solid #eee;border-radius:12px;width:100%;position:relative;overflow:hidden}.searchEmpty{opacity:.7;text-align:center;padding:12px;font-size:13px}
