/* my.css — кастомные стили для проекта. Добавьте сюда свои стили. */ .start.end { margin-left: 0 !important; } .bottom_head{ z-index: 60; } .top_head{ z-index: 70; } .div-block-28{ margin-top: 0 !important; } .w-nav-overlay { display: none !important; } input.text-block-31 { background: none !important; } .filters-panel-mobile { background: #fff; border-radius: 16px; box-shadow: 0 2px 16px rgba(0,0,0,0.08); padding: 16px; width: 100%; max-width: 400px; margin: 0 auto; box-sizing: border-box; } .filter-block-mobile { margin-bottom: 18px; } .filter-block-mobile:last-child { margin-bottom: 0; } .filters-panel-mobile-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.35); z-index: 4000 !important; opacity: 0; pointer-events: none; transition: opacity 0.25s; } .filters-panel-mobile-overlay.open { opacity: 1; pointer-events: auto; z-index: 4000 !important; } .filters-panel-mobile-drawer { position: fixed; top: 0; right: 0; height: 100vh; width: 90vw; max-width: 400px; background: #fff; z-index: 4100 !important; box-shadow: -2px 0 16px rgba(0,0,0,0.10); transform: translateX(100%); transition: transform 0.3s cubic-bezier(.4,0,.2,1); overflow-y: auto; border-radius: 16px 0 0 16px; display: flex; flex-direction: column; } .filters-panel-mobile-drawer.open { transform: translateX(0); } .filters-panel-mobile-close { position: absolute; top: 12px; right: 12px; background: none; border: none; font-size: 28px; color: #222; z-index: 2; cursor: pointer; } .filters-panel-mobile-header { display: flex; align-items: center; justify-content: space-between; padding: 20px 24px 12px 24px; border-bottom: 1px solid #f0f0f0; } .filters-panel-mobile-title { font-size: 22px; font-weight: 700; color: #222; } .filters-panel-mobile-close { background: none; border: none; font-size: 28px; color: #222; cursor: pointer; } .filters-panel-mobile-content { flex: 1 1 auto; overflow-y: auto; padding: 12px 24px 12px 24px; } .filters-panel-mobile-content-search { flex: 1 1 auto; padding: 24px 24px 0px 24px; } .filters-panel-mobile-apply { margin: 16px 24px 24px 24px; padding: 14px 0; border-radius: 8px; background: #ec1c24;; color: #fff; font-size: 18px; font-weight: 600; border: none; cursor: pointer; box-shadow: 0 2px 8px rgba(124,58,237,0.08); } .filters-panel-mobile-clear { margin: 16px 24px 24px 24px; padding: 14px 0; border-radius: 8px; background: #f3f4f6; color: #374151; font-size: 18px; font-weight: 600; border: none; cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,0.08); } .filters-panel-mobile-clear:hover { background: #e5e7eb; } .form-block, .text-field.w-input { min-height: 44px !important; } .w-layout-hflex.core-product-search-s2 { scrollbar-width: none !important; -ms-overflow-style: none !important; } .w-layout-hflex.core-product-search-s2::-webkit-scrollbar { width: 0 !important; height: 0 !important; display: none !important; } header.section-4 { position: fixed; top: 0; left: 0; width: 100vw; z-index: 1002; background: #fff; } .hide-top-head { display: none !important; } .top_head { transition: opacity 0.6s cubic-bezier(0.4,0,0.2,1), transform 0.6s cubic-bezier(0.4,0,0.2,1); } .top_head.hide-top-head { opacity: 0; transform: translateY(-100%); pointer-events: none; } .w-layout-blockcontainer.container.nav.w-container.hide-top-head { display: none !important; } .w-nav-brand { z-index: 1003 !important; } .w-nav-button, .menu-button.w-nav-button.w--open{ position: relative !important; left: 0 !important; } .w-layout-hflex.flex-block-93 { margin: 0 !important; } .bottom_head.scrolled{ margin-top: 0px !important; } .flex-block-6-copy-copy { overflow-x: auto !important; overflow-y: hidden !important; scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE and Edge */ } .flex-block-6-copy-copy::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera */ } .mobile-category-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #f7fafd; z-index: 1000000000000; display: flex; flex-direction: column; } .mobile-header { display: flex; align-items: center; padding: 18px 16px; font-size: 22px; font-weight: 700; border-bottom: 1px solid #e5eaf2; background: #fff; position: sticky; top: 0; z-index: 1; color: #222; } .mobile-back-btn { background: none; border: none; font-size: 28px; margin-right: 16px; color: #ec1c24; cursor: pointer; padding: 0 8px 0 0; } .mobile-subcategories { flex: 1; overflow-y: auto; padding: 0; background: #f7fafd; } .mobile-subcategory { display: flex; align-items: center; font-size: 18px; font-weight: 600; color: #222; padding: 18px 20px; border-bottom: 1px solid #e5eaf2; background: #f7fafd; transition: background 0.2s; } .mobile-subcategory:active, .mobile-subcategory.selected { background: #fff; border-left: 3px solid #e30613; color: #222; } .mobile-subcategory:last-child { border-bottom: none; } /* Подкатегории — обычный шрифт */ .mobile-category-overlay .mobile-header + .mobile-subcategories .mobile-subcategory { font-size: 17px; font-weight: 400; color: #222; border-left: none; background: #fff; padding-left: 32px; } .product-item-card.last { border-bottom: none !important; } input.input-receiver { outline: none; box-shadow: none; } input.input-receiver:focus { outline: none; box-shadow: none; } .text-block-10 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; min-height: 2.6em; } .image-5 { height: 190px; width: 200px; object-fit: contain; display: block; } .show-more-btn { background-color: #ec1c24; color: #fff; font-weight: 500; padding: 12px 32px; border-radius: 12px; transition: background 0.2s; display: flex; align-items: center; gap: 8px; font-size: 1rem; border: none; outline: none; } .show-more-btn:hover:not(:disabled) { background-color: #dc1c24; } .show-more-btn:disabled { background-color: #9CA3AF; cursor: not-allowed; } .div-block-3 { justify-content: flex-start !important; align-items: flex-start !important; text-align: left !important; width: 100% !important; } .sort-item.active { color: #111; font-weight: 700; } .core-product-card, .cart-list, .flex-block-48, .product-list-cart{ min-height: 100%; } .filter-red { filter: invert(32%) sepia(99%) saturate(7499%) hue-rotate(-7deg) brightness(98%) contrast(108%); } .core-product-s1 { max-width: 320px ; } .flex-block-112 { grid-column-gap: 10px; grid-row-gap: 10px; color: var(--red); margin-top: 10px; } .text-block-55 { color: var(--_fonts---color--light-blue-grey); } .knotin { height: 100%; display: flex; align-items: stretch; } .knotin img { height: 100%; width: auto; object-fit: contain; /* или cover */ } .tabs-menu.w-tab-menu { scrollbar-width: none; -ms-overflow-style: none; } .tabs-menu.w-tab-menu::-webkit-scrollbar { display: none; }