.elementor-6634 .elementor-element.elementor-element-bf2cda6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-6634 .elementor-element.elementor-element-bff60d0{--dropdown-animation-name:etheme-elementor-menu-dropdown-fadeInUp;}.elementor-6634 .elementor-element.elementor-element-bff60d0 .item-design-dropdown .nav-sublist-dropdown ul>li>.etheme-elementor-nav-menu-item{fill:#000000;color:#000000;}.elementor-6634 .elementor-element.elementor-element-bff60d0 .item-design-dropdown .nav-sublist-dropdown ul>li>.etheme-elementor-nav-menu-item:hover{fill:#555;color:#555;}.elementor-6634 .elementor-element.elementor-element-bff60d0 .item-design-dropdown .nav-sublist-dropdown ul>.current-menu-item>a{fill:#555;color:#555;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for text-editor, class: .elementor-element-f2a17e7 */<br />
.error-404-container {<br />
    max-width: 900px;<br />
    margin: 40px auto;<br />
    padding: 20px;<br />
    font-family: inherit;<br />
    color: #333;<br />
    text-align: center;<br />
}</p>
<p>.error-code {<br />
    font-size: 80px;<br />
    font-weight: 800;<br />
    color: #d9534f;<br />
    margin: 0;<br />
    line-height: 1;<br />
}</p>
<p>.error-title {<br />
    font-size: 28px;<br />
    margin-top: 10px;<br />
    margin-bottom: 15px;<br />
}</p>
<p>.error-description {<br />
    font-size: 16px;<br />
    color: #666;<br />
    margin-bottom: 25px;<br />
}</p>
<p>.error-search {<br />
    max-width: 400px;<br />
    margin: 0 auto 25px auto;<br />
}</p>
<p>.btn-home {<br />
    display: inline-block;<br />
    padding: 10px 20px;<br />
    background-color: #333;<br />
    color: #fff !important;<br />
    text-decoration: none;<br />
    border-radius: 5px;<br />
    transition: background 0.3s ease;<br />
    margin-bottom: 40px;<br />
}</p>
<p>.btn-home:hover {<br />
    background-color: #555;<br />
}</p>
<p>/* Eshop Promo Card */<br />
.eshop-promo-card {<br />
    display: flex;<br />
    flex-wrap: wrap;<br />
    background: #f9f9f9;<br />
    border: 1px solid #e0e0e0;<br />
    border-radius: 12px;<br />
    overflow: hidden;<br />
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);<br />
    text-align: left;<br />
    margin-top: 20px;<br />
}</p>
<p>.promo-image-wrapper {<br />
    flex: 1 1 300px;<br />
    min-height: 250px;<br />
}</p>
<p>.promo-img {<br />
    width: 100%;<br />
    height: 100%;<br />
    object-fit: cover;<br />
    display: block;<br />
}</p>
<p>.promo-details {<br />
    flex: 1 1 350px;<br />
    padding: 30px;<br />
    display: flex;<br />
    flex-direction: column;<br />
    justify-content: center;<br />
}</p>
<p>.promo-details h3 {<br />
    margin-top: 0;<br />
    font-size: 22px;<br />
    color: #222;<br />
}</p>
<p>.promo-details p {<br />
    color: #555;<br />
    margin-bottom: 15px;<br />
}</p>
<p>.categories-list {<br />
    list-style: none;<br />
    padding: 0;<br />
    margin: 0 0 20px 0;<br />
    display: grid;<br />
    grid-template-columns: 1fr 1fr;<br />
    gap: 10px;<br />
}</p>
<p>.categories-list li {<br />
    font-size: 14px;<br />
    color: #444;<br />
}</p>
<p>.btn-shop {<br />
    display: inline-block;<br />
    padding: 12px 24px;<br />
    background-color: #27ae60;<br />
    color: #fff !important;<br />
    text-decoration: none;<br />
    font-weight: bold;<br />
    border-radius: 6px;<br />
    text-align: center;<br />
    transition: background 0.3s ease;<br />
}</p>
<p>.btn-shop:hover {<br />
    background-color: #219150;<br />
}</p>
<p>@media (max-width: 600px) {<br />
    .categories-list {<br />
        grid-template-columns: 1fr;<br />
    }<br />
    .promo-details {<br />
        padding: 20px;<br />
    }<br />
}<br />/* End custom CSS */