@charset "UTF-8";

/* Currency symbol fix: the shop's system RUB currency record has its display
   "sign" incorrectly set to "$" (with class "usd"), even though all product
   prices are stored and entered in rubles. This overlays the correct ruble
   sign on top without altering layout, font-size or color in any context. */
.usd {
    visibility: hidden;
    position: relative;
}
.usd::after {
    content: "\20BD";
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
}


/* Footer payment method icons: the plugin logo files (yandexkassa,
   cash, etc.) do not exist on the server, so the browser renders a
   broken-image icon in the footer. Hiding them removes the glitch
   until the underlying plugin assets are restored. */
.f-payments__item img {
    display: none;
}


/* Mobile home-page header logo: enlarge. The logo file is a 1024x1024
   canvas where the actual wordmark occupies only a thin horizontal band
   in the middle, so without cropping it renders almost invisibly small
   on the compact mobile header. This crops+scales to show it clearly. */
.site-header__hamb-logo {
    flex-shrink: 0 !important;
}
.site-header__hamb-logo a.site-header__logo {
    flex-shrink: 0 !important;
    position: relative;
    display: block;
    width: 220px !important;
    max-width: 220px !important;
    height: 26px !important;
    overflow: hidden;
}
.site-header__hamb-logo a.site-header__logo img {
    position: absolute !important;
    width: 267px !important;
    height: 267px !important;
    max-width: none !important;
    max-height: none !important;
    left: -32px;
    top: -117px;
}


/* Footer logo overlapping "about" text: the footer template renders the
logo image right next to the "Мы работаем с 2023 года..." text with no
wrapper, and the generic .logo rule doesn't crop the oversized 1024x1024
logo file, so the image spills ~130px past its box and overlaps the text
below it. This crops+scales the logo (same technique as the header fix)
into a clean fixed-size box with proper spacing before the text. */
.site-footer .logo {
    display: block !important;
    position: relative !important;
    width: 220px !important;
    max-width: 220px !important;
    height: 27px !important;
    max-height: 27px !important;
    overflow: hidden !important;
    margin-bottom: 16px !important;
}
.site-footer .logo img {
    position: absolute !important;
    width: 280px !important;
    height: 280px !important;
    max-width: none !important;
    max-height: none !important;
    left: -33px !important;
    top: -123px !important;
}
}
}