.menu{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:1200px;margin:30px auto 40px;padding:0 20px}.menu button.filter-btn{background-color:#fff;color:#334155;border:1px solid #e2e8f0;padding:8px 16px;border-radius:20px;font-family:poppins,sans-serif;font-size:13.5px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center}.menu button.filter-btn:hover{background-color:#f8fafc;border-color:#cbd5e1;color:#b34a36}.menu button.filter-btn.active{background-color:#b34a36;color:#fff;border-color:#b34a36;box-shadow:0 4px 10px rgba(179,74,54,.2)}.menu button.filter-btn i.las{margin-right:6px;font-size:18px}.menu input[type=text]{padding:10px 20px;width:250px;border:1px solid #cbd5e1;border-radius:20px;font-family:poppins,sans-serif;font-size:14px;color:#334155;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.menu input[type=text]:focus{border-color:#b34a36;box-shadow:0 0 0 3px rgba(179,74,54,.1)}.menu select{display:none}.box-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;max-width:1440px;margin:0 auto 50px;padding:0 25px;justify-content:center}.box{display:flex;align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:15px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;text-decoration:none}.box:hover{cursor:pointer;transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,6%);border-color:#cbd5e1}.box.active{border:2px solid #dca73a;background-color:#fffbeb;box-shadow:0 4px 15px rgba(220,167,58,.15)}.box img{width:65px;height:65px;object-fit:cover;border-radius:50%;margin-right:15px;border:2px solid #f1f5f9}.box.active img{border-color:#dca73a}.box-content{display:flex;flex-direction:column;justify-content:center;flex:1;min-width:0}.box h3{font-family:poppins,sans-serif;font-size:15px;font-weight:600;color:#b34a36;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.box p{font-size:13px;font-style:italic;color:#64748b;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.box.hidden{display:none}h1#top,h1{text-align:center;color:#b34a36;margin:35px auto 25px;max-width:850px;padding:0 20px;font-size:26px;line-height:1.3}article,.article-content,p{max-width:850px;margin-left:auto!important;margin-right:auto!important;padding-left:20px;padding-right:20px;box-sizing:border-box;font-size:15px;line-height:1.7;color:#334155}.photos-wrapper{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;margin:25px auto 35px!important;padding:0 20px!important;box-sizing:border-box!important}.photos-wrapper table,.photos-wrapper tbody,.photos-wrapper tr{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:25px!important;width:auto!important;margin:0 auto!important;border:none!important}.photos-wrapper td{display:block!important;padding:0!important;margin:0!important;width:auto!important;text-align:center!important}.photos-wrapper a.glightbox,.photos-wrapper a{display:block!important;margin:0!important;padding:0!important}.photos-wrapper img{display:block!important;max-height:240px!important;width:auto!important;max-width:100%!important;border-radius:8px!important;box-shadow:0 4px 15px rgba(0,0,0,8%)!important;transition:transform .2s ease,box-shadow .2s ease!important}.photos-wrapper img:hover{transform:translateY(-3px)!important;box-shadow:0 8px 25px rgba(0,0,0,.12)!important}body.dark .menu button.filter-btn{background-color:#1e293b;border-color:#334155;color:#cbd5e1}body.dark .menu button.filter-btn:hover{background-color:#334155;color:#dca73a}body.dark .menu button.filter-btn.active{background-color:#dca73a;border-color:#dca73a;color:#1a1a1a}body.dark .menu input[type=text]{background-color:#1e293b;border-color:#334155;color:#fff}body.dark .menu input[type=text]:focus{border-color:#dca73a}body.dark .box{background-color:#1e293b;border-color:#334155}body.dark .box:hover{border-color:#475569}body.dark .box.active{border-color:#dca73a;background-color:#334155}body.dark .box h3{color:#dca73a}body.dark .box p{color:#94a3b8}body.dark .box img{border-color:#334155}body.dark .box.active img{border-color:#dca73a}