.tag2-landing { min-height: 60vh; padding-bottom: 64px; background: #f7f8fb; color: #172033; }
.tag2-landing .breadcrumb { margin: 0; padding: 10px 0 2px; background: transparent; }
.t2-breadcrumb-title { display: inline; margin: 0; color: inherit; font: inherit; font-weight: 400; letter-spacing: 0; }
.t2-hero { padding: 4px 0; }
.t2-hero p { margin: 0; color: #475467; font-size: 18px; }
.t2-total { display: inline-block; border-radius: 999px; background: #eaf0ff; color: #175cd3; padding: 8px 14px; }
.t2-subcategories { margin-bottom: 12px; padding: 14px; border: 1px solid #e4e7ec; border-radius: 14px; background: #fff; }
.t2-subcategories > strong { display: block; margin-bottom: 10px; }
.t2-subcategories > div { display: flex; flex-wrap: wrap; gap: 8px; }
.t2-subcategories a { border-radius: 8px; background: #eff4ff; color: #175cd3; font-weight: 700; padding: 7px 10px; text-decoration: none; }
.t2-products { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.t2-product { padding: 12px; border: 1px solid #e4e7ec; border-radius: 14px; background: #fff; box-shadow: 0 6px 18px rgba(16, 24, 40, .04); }
.t2-product__image { display: block; aspect-ratio: 1; border-radius: 10px; background: #f9fafb; overflow: hidden; }
.t2-product__image img { width: 100%; height: 100%; object-fit: contain; }
.t2-product h2 { margin: 11px 3px 3px; font-size: 15px; line-height: 1.4; }
.t2-product h2 a { color: #344054; text-decoration: none; }
.t2-product h2 a:hover, .t2-back a:hover { color: #155eef; text-decoration: underline; }
.t2-empty { grid-column: 1 / -1; padding: 38px; border: 1px solid #e4e7ec; border-radius: 14px; background: #fff; color: #667085; text-align: center; }
.t2-back { margin-top: 34px; text-align: center; }
.t2-back a { color: #175cd3; font-weight: 700; }
.tag2-landing .category-main-container { margin-top: 0; }
.tag2-landing .category-top { margin: 0 0 8px !important; }
@media (max-width: 991px) { .t2-products { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 720px) { .t2-products { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 460px) { .t2-products { grid-template-columns: 1fr; } }