@charset "UTF-8";.page-main{margin-top:0}.single-page-topbar{display:flex;flex-direction:column;gap:normal;background:url(../images/single-page-topbar-bg.jpg) no-repeat center/cover}@media (width <= 40rem){.single-page-topbar{height:var(--spacing-40)!important}}.single-page-topbar .page-container{display:flex;justify-content:center;align-items:center;gap:normal;width:100%;height:var(--spacing-60);font-size:var(--text-4xl);color:var(--color-white);text-align:center}.single-page-breadcrumb{width:100%;height:var(--spacing-10);background-color:var(--color-slate-100)}@media (width <= 40rem){.single-page-breadcrumb{display:none}}.single-page-breadcrumb .page-container{display:flex;justify-content:start;align-items:center;gap:normal;background-image:none;height:100%}.single-page-block{width:100%}@media (width <= 40rem){.single-page-block .page-container{display:flex!important;flex-direction:column;align-items:center;padding:0 var(--spacing-4);gap:var(--spacing-4)!important}}.single-page-block .page-container{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:var(--spacing-8)}.single-page-block .single-page-side{order:1;grid-column:span 6/span 6;display:flex;flex-direction:column;gap:var(--spacing-6);padding:var(--spacing-4);background-color:var(--color-slate-100);border-radius:var(--rounded-lg)}@media (width <= 40rem){.single-page-block .single-page-side{width:100%}}.single-page-block .single-page-main{order:2;grid-column:span 18/span 18;width:100%;display:flex;flex-direction:column;gap:var(--spacing-6)}.single-page-categories{display:flex;flex-direction:column;gap:var(--spacing-2)}@media (width <= 40rem){.single-page-categories{flex-direction:row!important;align-items:center;justify-content:center;gap:var(--spacing-4)!important}.single-page-categories .category-item{font-size:var(--text-xl)!important}}.single-page-categories .category-item{display:flex;justify-content:start;align-items:center;gap:normal;padding:var(--spacing-1);font-size:var(--text-base);color:var(--color-slate-500);text-decoration:none}.single-page-categories .category-item:hover{color:var(--color-slate-800);text-decoration:none}.single-page-categories .category-item.active{color:var(--color-slate-800)}