:root{--primary-color:#508ab4;--primary-color-hover:#43769a;--primary-color-active:#366181;--primary-color-rgb:80,138,180;--secondary-color:#6c757d;--dark-color:#212529;--light-color:#f8f9fa;--danger-color:#dc3545;--dark-bg-color:#2d4a5f}body{font-family:'Inter',system-ui,-apple-system,sans-serif;background-color:#f8f9fa;color:var(--dark-color);display:flex;flex-direction:column;min-height:100vh}main{flex:1}.top-bar{background-color:var(--dark-bg-color)!important;color:#fff;font-size:0.95rem;border:none}.top-bar .nav{gap:0.5rem}.top-bar .nav-link,.top-bar .top-bar-link{color:rgba(255,255,255,0.85);transition:color 0.2s;padding-left:0.5rem;padding-right:0.5rem;text-decoration:none!important;display:inline-flex;align-items:center;gap:0.3rem}.top-bar .nav-link:hover,.top-bar .top-bar-link:hover{color:#ffffff!important}.top-bar .nav-link:hover{text-decoration:underline!important;text-decoration-skip-ink:none;text-underline-offset:3px}.top-bar .top-bar-link:hover span:not(#cart-total-price-desktop):not(.badge){text-decoration:underline!important;text-decoration-skip-ink:none;text-underline-offset:3px}#cart-header-icon-desktop:hover,#cart-header-icon-mobile:hover,#cart-header-icon-desktop:hover span,#cart-header-icon-mobile:hover span{text-decoration:none!important}.top-bar .top-bar-link i{font-size:1.1rem}.main-header{background-color:#fff;border-bottom:1px solid #e9ecef;position:sticky;top:0;z-index:1030}.product-card{transition:border-color 0.2s;border:1px solid #e9ecef;border-radius:4px;height:100%}.product-card:hover{border-color:#dee2e6}.product-card .card-img-top{height:220px;width:100%;object-fit:contain;padding:1rem;background-color:#fff;border-radius:4px 4px 0 0;border-bottom:1px solid #f4f6f9}.product-badges{position:absolute;top:20px;left:-32px;transform:rotate(-45deg);z-index:10;width:120px;display:flex;flex-direction:column;gap:3px;pointer-events:none}.product-badge{font-size:0.75rem!important;font-weight:700!important;text-transform:uppercase;padding:5px 0!important;border-radius:0!important;text-align:center;display:block!important;width:100%;box-shadow:0 2px 4px rgba(0,0,0,0.1);line-height:1!important}.price-block .old-price{text-decoration:line-through;color:var(--secondary-color);font-size:0.9rem}.price-block .current-price{font-size:1.25rem;font-weight:bold;color:var(--dark-color)}.dropdown-submenu>.dropdown-menu{display:none}.dropdown-submenu:hover>.dropdown-menu{display:block}.dropdown-submenu>a.show + .dropdown-menu{display:block}.category-card{border:1px solid #e9ecef;border-radius:4px;overflow:hidden;text-align:center;background:#fff;transition:border-color 0.2s}.category-card:hover{border-color:#dee2e6}.category-card img{height:120px;object-fit:contain;padding:1rem}.footer{background-color:var(--dark-bg-color)!important;color:#fff;padding:3rem 0 1rem;margin-top:3rem}.footer a{color:#fff;text-decoration:none}.footer a:hover{color:#fff}.footer ul a:hover,.footer .small a:hover{text-decoration:underline!important;text-decoration-skip-ink:none;text-underline-offset:3px}.ck-content{word-wrap:break-word;overflow-wrap:break-word}.ck-content img{max-width:100%;height:auto!important}.ck-content table{max-width:100%;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}a{color:var(--primary-color)}a:hover{color:var(--primary-color-hover)}.text-primary{color:var(--primary-color)!important}.bg-primary{background-color:var(--primary-color)!important}.btn-primary{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important}.btn-primary:hover,.btn-primary:focus{background-color:var(--primary-color-hover)!important;border-color:var(--primary-color-hover)!important;color:#fff!important}.btn-primary:active,.btn-primary.active{background-color:var(--primary-color-active)!important;border-color:var(--primary-color-active)!important;color:#fff!important}.btn-primary:focus{box-shadow:0 0 0 0.25rem rgba(var(--primary-color-rgb),0.5)!important}.btn-outline-primary{color:var(--primary-color)!important;border-color:var(--primary-color)!important}.btn-outline-primary:hover,.btn-outline-primary:focus,.btn-outline-primary:active,.btn-outline-primary.active{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important}.btn-outline-primary:focus{box-shadow:0 0 0 0.25rem rgba(var(--primary-color-rgb),0.5)!important}.border-primary{border-color:var(--primary-color)!important}.form-check-input:checked{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important}.form-check-input:focus,.form-control:focus,.form-select:focus{border-color:var(--primary-color-hover)!important;box-shadow:0 0 0 0.25rem rgba(var(--primary-color-rgb),0.25)!important}.list-group-item.active{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important}.dropdown-item{color:var(--primary-color)!important;background-color:transparent!important;padding:0.25rem 1rem;transition:color 0.2s,text-decoration 0.2s}.dropdown-item:hover,.dropdown-item:focus{color:var(--primary-color-hover)!important;background-color:transparent!important;text-decoration:underline}.dropdown-toggle::after{color:var(--secondary-color)}.dropdown-toggle:hover::after{color:var(--primary-color-hover)}.filter-cat-link{transition:color 0.2s,text-decoration 0.2s}#filters-sidebar .htmx-request{opacity:0.5;transition:opacity 150ms ease-in-out;pointer-events:none}.filter-cat-link:hover{text-decoration:underline!important;text-decoration-skip-ink:none;text-underline-offset:3px}.breadcrumb{--bs-breadcrumb-divider:'\203A'}@media (max-width:767.98px){.breadcrumb{--bs-breadcrumb-divider:'\00B7';font-size:0.875rem}}.breadcrumb-item a:hover{text-decoration:underline!important;text-underline-offset:3px}.sidebar-nav a:hover{text-decoration:underline!important;text-underline-offset:3px}.page-link{color:var(--primary-color)}.page-item.active .page-link{z-index:3;color:#fff!important;background-color:var(--primary-color)!important;border-color:var(--primary-color)!important}.page-item.active .page-link:hover{color:#fff!important}.page-link:hover{color:var(--primary-color-hover);background-color:#f4f6f9}.page-link:focus{box-shadow:0 0 0 0.25rem rgba(var(--primary-color-rgb),0.25)}.bi-snow.text-primary{color:var(--primary-color)!important}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;width:100%;z-index:9999;background-color:var(--primary-color);box-shadow:0 -4px 15px rgba(0,0,0,0.2);display:flex;justify-content:space-between;align-items:stretch;padding-top:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);backface-visibility:hidden}.mobile-bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-decoration:none;color:rgba(255,255,255,0.7);transition:color 0.2s;text-align:center;min-width:0}.mobile-bottom-nav .nav-item:hover,.mobile-bottom-nav .nav-item.active{color:#ffffff}.mobile-bottom-nav .nav-item span:not(.cart-badge){font-size:0.7rem;line-height:1;display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-bottom-nav .nav-item i{font-size:1.4rem;line-height:1;margin:0 0 4px 0;display:block}.mobile-bottom-nav .cart-badge{font-size:0.65rem;font-weight:normal!important;padding:0.25em 0.45em;background-color:var(--danger-color);color:white;border:2px solid var(--primary-color)}@media (max-width:767.98px){.footer{padding-bottom:calc(85px + env(safe-area-inset-bottom,0px))!important}.toast-container{bottom:calc(90px + env(safe-area-inset-bottom,0px))!important}}.bg-success{--bs-bg-opacity:1;background-color:rgb(11 167 180 / 79%)!important}.bg-warning{--bs-bg-opacity:1;background-color:rgb(254 192 79 / 80%)!important}#cart-badge-desktop,#cart-badge-mobile{font-size:0.7rem;min-width:1.15rem;height:1.15rem;display:flex;align-items:center;justify-content:center;padding:0 0.4em;transform:translate(-50%,-50%)!important}#cart-header-icon-desktop .position-relative{margin-right:0.5rem}.header-phone{font-size:1rem!important}@media (min-width:1200px){.header-phone{font-size:1.15rem!important}}input[type="number"].hide-arrows::-webkit-outer-spin-button,input[type="number"].hide-arrows::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type="number"].hide-arrows{-moz-appearance:textfield}@media (min-width:576px) and (max-width:991.98px){.container{max-width:100%;padding-left:20px;padding-right:20px}}@media (min-width:1400px){.container{max-width:1440px}}