.ref-detail-section,.ref-list-section{padding:var(--section-padding) 0;margin-bottom:2rem;position:relative}.ref-grid-3{grid-template-columns:repeat(3,1fr)}.ref-grid-3,.ref-grid-4{gap:1.5rem;margin-top:2rem;display:grid}.ref-grid-4{grid-template-columns:repeat(4,1fr)}.ref-card{height:100%;overflow:hidden;border:1px solid var(--gray-200);transition:all var(--transition-base);position:relative;border-radius:var(--radius-xl);background:var(--white);cursor:pointer}.ref-card:hover{border-color:transparent;-webkit-transform:translateY(-12px)!important;-ms-transform:translateY(-12px)!important;transform:translateY(-12px)!important;box-shadow:var(--shadow-xl)}.ref-card a{height:100%;text-decoration:none;flex-direction:column;display:flex}.ref-card .ref-thumb{overflow:hidden;aspect-ratio:4/3;background:var(--gray-100)}.ref-card img{height:100%;filter:brightness(1.15) contrast(.95);transition:all var(--transition-base);object-fit:cover;aspect-ratio:4/3;width:100%;display:block}.ref-card:hover img{transform:scale(1.05)}.ref-info{flex-grow:1;padding:1.5rem 1.25rem;justify-content:center;flex-direction:column;background:var(--white);display:flex}.ref-title{font-size:1.0625rem;font-weight:600;margin-bottom:.25rem;color:var(--navy-dark);line-height:1.3}.ref-cat{font-size:.875rem;font-weight:400;color:var(--text-secondary);line-height:1.4}.ref-category-card{overflow:hidden;filter:brightness(1.15) contrast(.95);transition:all var(--transition-base);position:relative;aspect-ratio:4/5;border-radius:var(--radius-xl);background:var(--navy-dark);cursor:pointer}.ref-category-card .ref-cat-bg{height:100%;transition:all .5s ease;position:absolute;object-fit:cover;opacity:.9;top:0;left:0;width:100%}.ref-category-card .ref-cat-overlay{height:70%;transition:all .4s ease;position:absolute;bottom:0;background:linear-gradient(0deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.3) 30%,transparent 60%);left:0;width:100%}.ref-category-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-xl)}.ref-category-card:hover .ref-cat-bg{transform:scale(1.05);opacity:.7}.ref-category-card a{height:100%;padding:1.5rem;justify-content:flex-end;text-decoration:none;position:relative;flex-direction:column;text-align:left;align-items:flex-start;width:100%;display:flex;z-index:2}.ref-category-title{font-size:1.375rem;font-weight:600;color:var(--white);line-height:1.3}.btn-back{border:1px solid var(--gray-200);color:var(--navy-dark);transition:all var(--transition-base);background:var(--gray-100)}.btn-back:hover{border-color:var(--primary);color:var(--white);background:var(--primary)}.full-width-slider{display:none}@media (max-width:1024px){.ref-grid-3{grid-template-columns:repeat(2,1fr);gap:1.25rem}.ref-grid-4{grid-template-columns:repeat(3,1fr);gap:1.25rem}.ref-card .ref-thumb,.ref-card img{aspect-ratio:16/9}}@media (max-width:768px){.ref-detail-section,.ref-list-section{margin-bottom:3rem}.ref-grid-3{grid-template-columns:1fr;gap:1rem}.ref-grid-4{display:none}.full-width-slider{margin-bottom:40px;display:block}.ref-category-card{aspect-ratio:1/1}.ref-card{border-radius:var(--radius-lg)}.ref-card:hover{transform:translateY(-8px)!important}.ref-info{padding:1rem .875rem}.ref-title{font-size:.9375rem}.ref-cat{font-size:.8125rem}.ref-category-card a{padding:1.25rem}.ref-category-title{font-size:1.25rem}}@media (max-width:576px){.ref-grid-3{grid-template-columns:1fr;gap:.875rem}.ref-grid-4{display:none}.ref-card{border-radius:var(--radius-lg)}.ref-card:hover{transform:translateY(-6px)!important}.ref-info{padding:.875rem .75rem}.ref-title{font-size:.875rem}.ref-cat{font-size:.75rem}.ref-category-card a{padding:1rem}.ref-category-title{font-size:1.125rem}}