html { position: relative; min-height: 100%; }body { overflow-x: hidden; margin-bottom: 60px; }footer { position: absolute; bottom: 0; width: 100%; }a, a:hover { color: #6c757d; }.navbar { z-index: 1050; position: relative; }.navbar .navbar-brand { padding-left: .75rem; color: #0dcaf0; }.navbar .navbar-brand:hover { color: #0ab3d6; }.product-image{ max-height:300px; overflow-y:hidden; }span[id|="like"] {cursor: pointer;}@media ( max-width: 2560px){ .card-columns {column-count: 5;} }@media ( max-width: 1024px){ .card-columns {column-count: 4;} }@media ( max-width: 768px){ .card-columns {column-count: 2;} }@media ( max-width: 425px){ .card-columns {column-count: 1;} }.product-media-frame { border-radius: .85rem; overflow: hidden; background-color: #f8f9fa; }.product-media-frame img { border-radius: inherit; }.product-thumb img { height: 72px; object-fit: cover; }.product-thumb { overflow: hidden; border-radius: .65rem; }.product-feature-card { background: #f8f9fa; }.product-related .card-img-top { height: 180px; object-fit: cover; }.bg-light-subtle { background-color: #f8f9fa; }.object-fit-cover { object-fit: cover; }.asset-card { border-radius: 1rem; transition: transform .2s ease, box-shadow .2s ease; }.asset-card:hover { transform: translateY(-4px); box-shadow: 0 1.25rem 2.5rem rgba(15, 23, 42, 0.08); }.asset-card__media { display: block; border-radius: 1rem 1rem 0 0; overflow: hidden; background-color: #f8f9fa; }.asset-card__media img { width: 100%; height: 100%; object-fit: cover; }.asset-card__title { display: block; margin-bottom: .35rem; font-size: 1rem; line-height: 1.35; }.asset-card__title:hover { color: #0d6efd; }.asset-card__meta span { display: inline-flex; align-items: center; gap: .35rem; }.home-hero { background: radial-gradient(circle at top left,#f4f8ff,#fff); position: relative; overflow: hidden; }.home-hero::before { content: ""; position: absolute; width: 320px; height: 320px; background: radial-gradient(circle,#dce6ff,#f4f8ff00); top: -120px; right: -80px; z-index: 0; }.home-hero__stats .stat-value { font-size: 2rem; font-weight: 700; }.home-hero__stats .stat-label { font-size: .9rem; letter-spacing: .05em; text-transform: uppercase; }.hero-card { position: relative; z-index: 1; }.category-hero { background: radial-gradient(circle at top right,#ecf4ff,#fff); border-radius: 1.5rem; margin: 1.5rem auto; padding-left: 1rem; }.category-hero .badge { letter-spacing: .08em; }.category-hero h1 { color: #0a1f44; }.home-metrics { background: #f7f8fc; color: #1b1f29; }.home-metrics .metric-value { font-size: 2.25rem; font-weight: 700; }.home-metrics .metric-label { letter-spacing: .05em; text-transform: uppercase; color: #6c757d; }.metric-card { background: #fff; border: 1px solid #e0e4f0; border-radius: 1.25rem; box-shadow: 0 1rem 2rem rgba(15,23,42,0.08); }