.traits-directory-section{padding:60px 20px;background:#f9f9f9}.td-container{max-width:1200px;margin:0 auto}.td-top{margin-bottom:40px}.td-title h2{font-size:2.5rem;margin-bottom:10px;color:#333}.td-sub{font-size:1.1rem;color:#666;margin-bottom:30px}.td-search{position:relative;max-width:500px;margin:0 auto}.td-search input{width:100%;padding:14px 45px 14px 20px;font-size:1rem;border:2px solid #ddd;border-radius:8px;transition:border-color .3s}.td-search input:focus{outline:none;border-color:#007bff}#td-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;font-size:1.2rem;color:#999;cursor:pointer;padding:5px;display:none}#td-clear:hover{color:#333}#td-clear.active{display:block}.traits-list{display:grid;gap:20px;grid-template-columns:1fr 1fr}.td-empty{text-align:center;padding:60px 20px;color:#999;font-size:1.1rem}.trait-card{border:1px solid #e0e0e0;border-radius:8px;padding:20px;background:#fff;transition:box-shadow .3s}.trait-card:hover{box-shadow:0 4px 12px #0000001a}.trait-card-header{display:flex;gap:24px;align-items:flex-start}.trait-image{flex-shrink:0;width:200px;height:200px;overflow:hidden;border-radius:8px;background:#f5f5f5}.trait-image img{width:100%;height:100%;object-fit:cover}.trait-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e0e0e0,#f5f5f5);display:flex;align-items:center;justify-content:center}.trait-content{flex:1;min-width:0}.trait-title{font-size:1.8rem;margin-bottom:12px;color:#333}.trait-short-desc{font-size:1rem;line-height:1.6;color:#555;margin-bottom:16px}.trait-toggle-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;color:#007bff;font-size:1rem;font-weight:500;cursor:pointer;padding:4px 0;transition:color .3s}.trait-toggle-btn:hover{color:#0056b3;text-decoration:underline}.toggle-icon{transition:transform .3s}.trait-toggle-btn[aria-expanded=true] .toggle-icon{transform:rotate(180deg)}.trait-long-desc{margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0;width:100%}.trait-long-content{font-size:1rem;line-height:1.7;color:#444}.td-top{display:flex;align-items:center;justify-content:space-between}.td-title h2{margin:0;color:#000}p.td-sub{color:#000;max-width:600px;line-height:30px}.td-search{margin:0}button#td-clear{display:none!important}input#td-search{padding-right:10px}.trait-image img{max-width:100px;max-height:100px;border-radius:15px}.trait-image{background:unset!important;width:auto!important;height:unset!important}article.trait-card{border:unset;padding:20px;background:#fff!important}h3.trait-title{margin:0!important;font-size:20px!important;font-weight:700!important;color:#000!important}p.trait-short-desc{color:#000;font-size:18px;margin:5px 0!important}button.trait-toggle-btn span{font-weight:700!important}@media (max-width: 768px){.td-title h2{font-size:2rem}.trait-card-header{flex-direction:column}.trait-image{width:100%;height:250px}.trait-title{font-size:1.5rem}}@media (max-width: 480px){.traits-directory-section{padding:40px 15px}.td-main{padding:20px}.trait-card{padding:15px}.trait-image{height:200px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/traits-directory.css.map */