/* Start:/bitrix/templates/bmcase_deluxe_style_test/assets/kit/css/fonts.css?1792252397632*/ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 400; font-display: swap; src: url(/bitrix/templates/bmcase_deluxe_style_test/assets/kit/css/../fonts/mulish-0.ttf) format('truetype'); } @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 500; font-display: swap; src: url(/bitrix/templates/bmcase_deluxe_style_test/assets/kit/css/../fonts/mulish-1.ttf) format('truetype'); } @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 600; font-display: swap; src: url(/bitrix/templates/bmcase_deluxe_style_test/assets/kit/css/../fonts/mulish-2.ttf) format('truetype'); } @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 700; font-display: swap; src: url(/bitrix/templates/bmcase_deluxe_style_test/assets/kit/css/../fonts/mulish-3.ttf) format('truetype'); } /* End */ /* Start:/bitrix/templates/bmcase_deluxe_style_test/assets/kit/css/presentation.css?1792508888240315*/ /* Style-only DELUXE adaptation; admin opt-in on home/catalog. No JS, routes, component calls or state logic changes. */ body.bmcase-kit { --bmcase-kit-font: Mulish, -apple-system, Roboto, Oxygen, Ubuntu, "Open Sans", sans-serif; --bmcase-kit-text: #19191a; --bmcase-kit-background: #fff; --bmcase-kit-radius: 12px; --bmcase-kit-card-radius: 20px; background-color: var(--bmcase-kit-background); color: var(--bmcase-kit-text); font-family: var(--bmcase-kit-font); font-size: 16px; font-weight: 400; } body.bmcase-kit .product .name, body.bmcase-kit .product .name .middle { font-family: var(--bmcase-kit-font); font-size: 14px; font-weight: 400; } body.bmcase-kit .product .name .middle { line-height: 18px; } body.bmcase-kit .product .price { font-family: var(--bmcase-kit-font); font-size: 16px; font-weight: 500; letter-spacing: -0.1px; } body.bmcase-kit .product .price .discount, body.bmcase-kit .product .price .measure { font-family: var(--bmcase-kit-font); } body.bmcase-kit .product .tabloid { border-radius: var(--bmcase-kit-card-radius); } body.bmcase-kit .product .picture { border-radius: 20px 20px 12px 12px; } body.bmcase-kit .product a.addCart:not(.disabled):not(.subscribe):not(.requestPrice) { border-radius: var(--bmcase-kit-radius); font-family: var(--bmcase-kit-font); font-size: 14px; font-weight: 500; } body.bmcase-kit #slider { border-radius: 20px; } /* Preserve original added/hover/active/focus state colors and feedback. */ body.bmcase-kit .product a.addCart:not(.disabled):not(.subscribe):not(.requestPrice):not(.added):not(:hover):not(:active):not(:focus) { background-color: var(--bmcase-kit-primary); color: #fff; } /* Verified original promoSlider/indexBanners surfaces. No new clipping or layout rules. */ body.bmcase-kit #slider .slideBox > li, body.bmcase-kit .index-banners .elem-wrap, body.bmcase-kit .index-banners .elem, body.bmcase-kit .index-banners .elem .bg { border-radius: var(--bmcase-kit-card-radius); } /* Product/category image nodes only; exclude interface icons and logos. No image resampling, object-fit, fixed dimensions, overflow or text clipping. */ body.bmcase-kit .product .picture > img, body.bmcase-kit #popSection .item .picture > img, body.bmcase-kit #sectionList .item .picture > img, body.bmcase-kit .catalog-section-list-pictures .catalog-section-list-picture > img { border-radius: var(--bmcase-kit-card-radius); } /* Shared public DELUXE surfaces. Preserve original view layouts, control states and hit areas. */ body.bmcase-kit .product, body.bmcase-kit .product .tabloid, body.bmcase-kit #catalogLineList .itemRow, body.bmcase-kit #catalogTableList .itemRow, body.bmcase-kit #catalogLine, body.bmcase-kit #nextSection, body.bmcase-kit #popSection .item .tabloid { border-radius:20px; } /* CSS table borders need separate mode for rounded outer edge; no cell size or overflow changes. */ body.bmcase-kit #catalogLineList .itemRow, body.bmcase-kit #catalogTableList .itemRow { border-collapse:separate; border-spacing:0; margin-bottom:20px; } body.bmcase-kit #catalogLineList .picture img, body.bmcase-kit #catalogTableList .picture img { border-radius:12px; } body.bmcase-kit #catalogLine .dropDownList, body.bmcase-kit #catalogLine .dropDownSelected, body.bmcase-kit #catalogLine .dropDownItems, body.bmcase-kit #catalogLine .oSmartFilter, body.bmcase-kit #catalogLineList .addCart, body.bmcase-kit #catalogTableList .addCart, body.bmcase-kit #catalogTableList .more, body.bmcase-kit #main input[type="text"], body.bmcase-kit #main input[type="search"], body.bmcase-kit #main input[type="email"], body.bmcase-kit #main input[type="tel"], body.bmcase-kit #main input[type="password"], body.bmcase-kit #main input[type="number"], body.bmcase-kit #main textarea, body.bmcase-kit #main select, body.bmcase-kit #main .btn-simple { border-radius:12px; } /* Existing cart controls: round the shared outside corners, keep joined input/button seam. */ body.bmcase-kit .goToOrder { border-radius:12px; } body.bmcase-kit #personalCart #coupon { border-radius:12px; } body.bmcase-kit #personalCart #coupon .couponField { border-radius:12px 0 0 12px; } body.bmcase-kit #personalCart #coupon .couponActivate { border-radius:0 12px 12px 0; } /* Root categories only: native horizontal rail; no store layout or data changes. */ body.bmcase-kit #catalogSection .sectionItems .item { padding:24px 0; } body.bmcase-kit #catalogSection .sectionItems .item .itemContainer .bigTitle { font-family:Mulish,sans-serif; font-size:28px; line-height:32px; font-weight:600; text-transform:none; } body.bmcase-kit #catalogSection .bmcase-category-carousel { position:relative; min-width:0; } body.bmcase-kit #catalogSection .sectionItems .item .itemContainer .sectionList { display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 60px) / 6); gap:12px; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scroll-padding:0; scrollbar-width:none; padding:2px 0; } body.bmcase-kit #catalogSection .sectionList::-webkit-scrollbar { display:none; } body.bmcase-kit #catalogSection .sectionList:focus-visible { outline:2px solid var(--bmcase-kit-primary); outline-offset:3px; } body.bmcase-kit #catalogSection .sectionItems .item .itemContainer .sectionList .section { float:none; width:auto; height:auto; min-width:0; margin:0; scroll-snap-align:start; } body.bmcase-kit #catalogSection .sectionItems .item .itemContainer .sectionList .section a { display:flex; flex-direction:column; height:100%; box-sizing:border-box; padding:0; margin:0; text-decoration:none; background:#fff; border:1px solid #e5e5e8; border-radius:20px; } body.bmcase-kit #catalogSection .bmcase-category-picture { display:block; width:100%; aspect-ratio:1; flex:0 0 auto; background:#f6f6f6; border-radius:19px; } body.bmcase-kit #catalogSection .sectionItems .item .itemContainer .sectionList .section img { display:block; width:100%; height:auto; aspect-ratio:1; max-width:100%; padding:0; object-fit:contain; border-radius:19px; mix-blend-mode:multiply; } body.bmcase-kit #catalogSection .bmcase-category-name { display:flex; align-items:center; justify-content:center; flex:1 0 auto; min-height:64px; padding:12px 10px; box-sizing:border-box; text-align:center; font:700 16px/20px Mulish,sans-serif; color:#19191a; overflow-wrap:anywhere; } body.bmcase-kit #catalogSection .sectionItems .item .itemContainer .sectionList .section a.bmcase-category-no-image { justify-content:center; } body.bmcase-kit #catalogSection .bmcase-category-no-image .bmcase-category-name { flex:0 0 auto; } body.bmcase-kit #catalogSection .bmcase-category-prev, body.bmcase-kit #catalogSection .bmcase-category-next { position:absolute; z-index:2; top:var(--bmcase-category-photo-center, 30%); display:block; width:35px; height:70px; box-sizing:border-box; padding:0; border:0; border-radius:0; background:url(/bitrix/templates/bmcase_deluxe_style_test/assets/kit/css/../../../images/slideArrowSmallBlack.svg) 0 0 no-repeat transparent; color:transparent; font-size:0; box-shadow:none; transform:translateY(-50%); cursor:pointer; } body.bmcase-kit #catalogSection .bmcase-category-prev { left:0; } body.bmcase-kit #catalogSection .bmcase-category-next { right:0; background-position:0 -70px; } body.bmcase-kit #catalogSection .bmcase-category-prev[hidden], body.bmcase-kit #catalogSection .bmcase-category-next[hidden] { display:none; } body.bmcase-kit #catalogSection .bmcase-category-prev:focus-visible, body.bmcase-kit #catalogSection .bmcase-category-next:focus-visible { outline:2px solid var(--bmcase-kit-primary); outline-offset:2px; } @media(max-width:1023px) { body.bmcase-kit #catalogSection .sectionItems .item .itemContainer .sectionList { grid-auto-columns:calc((100% - 36px) / 4); } } @media(max-width:767px) { body.bmcase-kit #catalogSection .sectionItems .item .itemContainer .sectionList { grid-auto-columns:calc((100% - 18px) / 2.2); gap:10px; } body.bmcase-kit #catalogSection .bmcase-category-name { min-height:68px; font-size:14px; line-height:18px; padding:12px 8px; } body.bmcase-kit #catalogSection .sectionItems .item .itemContainer .bigTitle { font-size:24px; line-height:28px; } } /* Reuse original DELUXE .mainService arrow sprite and all three native states. */ body.bmcase-kit #catalogSection .bmcase-category-prev:hover { background-position:-35px 0; } body.bmcase-kit #catalogSection .bmcase-category-prev:active { background-position:-70px 0; } body.bmcase-kit #catalogSection .bmcase-category-next:hover { background-position:-35px -70px; } body.bmcase-kit #catalogSection .bmcase-category-next:active { background-position:-70px -70px; } /* Remove only the inherited root-category group frame; keep individual card borders/focus outlines. */ body.bmcase-kit #catalogSection > .sectionItems > .item { border:0 !important; } /* Hide the separately approved horizontal navigation band; preserve the upper header. */ body.bmcase-kit #subHeader6 + .menuContainerColor { display:none !important; } /* BMCASE product-group tabs: retain original carousel widths and switching handlers. */ body.bmcase-kit #homeCatalog .captionList { background:#fff; height:72px; line-height:48px; padding:12px 0; box-sizing:border-box; margin-bottom:16px; } body.bmcase-kit #homeCatalog .caption { background:#f3f3f5 !important; border:0; border-radius:12px; margin:0 5px; padding:0 8px; height:48px; line-height:48px; } body.bmcase-kit #homeCatalog .caption a { color:#19191a; font-family:var(--bmcase-kit-font); font-size:16px; } body.bmcase-kit #homeCatalog .caption:hover { background:#e9e9ee !important; } body.bmcase-kit #homeCatalog .caption.selected { background:var(--bmcase-kit-primary) !important; } body.bmcase-kit #homeCatalog .caption.selected a { color:#fff; } body.bmcase-kit #homeCatalog .caption.selected:hover { background:var(--bmcase-accent-hover) !important; } body.bmcase-kit #homeCatalog .caption a:focus-visible { outline:2px solid var(--bmcase-accent-focus); outline-offset:-3px; border-radius:12px; } body.bmcase-kit #homeCatalog .caption.selected a:focus-visible { outline-color:#fff; } body.bmcase-kit #homeCatalog .captionBtnLeft, body.bmcase-kit #homeCatalog .captionBtnRight { top:6px; } /* Keep complete group names within the original mobile carousel item widths. */ @media (max-width:767px) { body.bmcase-kit #homeCatalog .caption a { display:flex; align-items:center; justify-content:center; height:48px; line-height:18px; white-space:normal; font-size:14px; } } /* Light edge fades with the existing DELUXE side-arrow sprite. */ body.bmcase-kit #homeCatalog .captionBtnLeft, body.bmcase-kit #homeCatalog .captionBtnRight { background-position:0 0 !important; background-repeat:no-repeat; } body.bmcase-kit #homeCatalog .captionBtnLeft { background-image:linear-gradient(to right,#fff 45%,rgba(255,255,255,0)); } body.bmcase-kit #homeCatalog .captionBtnRight { background-image:linear-gradient(to left,#fff 45%,rgba(255,255,255,0)); } body.bmcase-kit #homeCatalog .captionBtnLeft::after, body.bmcase-kit #homeCatalog .captionBtnRight::after { content:""; position:absolute; width:35px; height:70px; top:-5px; background-image:url(/bitrix/templates/bmcase_deluxe_style_test/assets/kit/css/../../../images/slideArrowSmallBlack.svg); background-repeat:no-repeat; pointer-events:none; } body.bmcase-kit #homeCatalog .captionBtnLeft::after { left:0; background-position:0 0; } body.bmcase-kit #homeCatalog .captionBtnRight::after { right:0; background-position:0 -70px; } body.bmcase-kit #homeCatalog .captionBtnLeft:hover::after { background-position:-35px 0; } body.bmcase-kit #homeCatalog .captionBtnRight:hover::after { background-position:-35px -70px; } body.bmcase-kit #homeCatalog .captionBtnLeft:active::after { background-position:-70px 0; } body.bmcase-kit #homeCatalog .captionBtnRight:active::after { background-position:-70px -70px; } /* Native mobile scroll hint comes from a separate pseudo-element. */ body.bmcase-kit #homeCatalog #captionCarousel::before { background:linear-gradient(to right,rgba(255,255,255,0) 0%,#fff 100%); } /* BMCASE homepage cards: presentation only; native commerce controls and data remain. */ body.bmcase-kit #homeCatalog { background:#fff; } body.bmcase-kit #homeCatalog .items.productList { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px 18px; } body.bmcase-kit #homeCatalog .items.productList::before, body.bmcase-kit #homeCatalog .items.productList::after { display:none; } body.bmcase-kit #homeCatalog .product { float:none; width:auto; height:auto; min-width:0; border:0; border-radius:0; background:transparent; } body.bmcase-kit #homeCatalog .product::before { display:none; } body.bmcase-kit #homeCatalog .product .tabloid, body.bmcase-kit #homeCatalog .product:hover .tabloid { position:relative; width:100%; height:auto; padding:0; border:0; border-radius:0; box-shadow:none; overflow:visible; background:transparent; } body.bmcase-kit #homeCatalog .product .productTable, body.bmcase-kit #homeCatalog .product .productColImage, body.bmcase-kit #homeCatalog .product .productColText { display:block; width:auto; padding:0; } body.bmcase-kit #homeCatalog .product .picture { display:flex; align-items:center; justify-content:center; width:100%; height:auto; aspect-ratio:1; line-height:normal; margin:0 0 12px; border-radius:20px; background:#f5f5f5; } body.bmcase-kit #homeCatalog .product .picture > img { position:absolute; left:5%; top:5%; width:90%; height:90%; max-width:90%; max-height:90%; object-fit:contain; border-radius:0; mix-blend-mode:multiply; } body.bmcase-kit #homeCatalog .product .name { display:block; height:40px; margin:0 0 8px; line-height:20px; font-family:var(--bmcase-kit-font); } body.bmcase-kit #homeCatalog .product .name .middle { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font:400 14px/20px var(--bmcase-kit-font); } body.bmcase-kit #homeCatalog .product .price { min-height:26px; margin:0 0 12px; font:500 18px/26px var(--bmcase-kit-font); } body.bmcase-kit #homeCatalog .product .price .measure { font-size:14px; } body.bmcase-kit #homeCatalog .product .optional { display:block; } body.bmcase-kit #homeCatalog .product .optional .row { overflow:visible; margin-bottom:6px; } body.bmcase-kit #homeCatalog .product .optional .label { font-family:var(--bmcase-kit-font); font-size:12px; } body.bmcase-kit #homeCatalog .product .addWishlist.label { position:absolute; top:10px; right:10px; z-index:4; float:none; display:flex; align-items:center; justify-content:center; width:32px; height:32px; font-size:0; border-radius:50%; } body.bmcase-kit #homeCatalog .product .addWishlist.label .icon { width:20px; height:22px; padding:0; margin:0; } body.bmcase-kit #homeCatalog .product .rating { right:50px; top:12px; } body.bmcase-kit #homeCatalog .product a:focus-visible, body.bmcase-kit #homeCatalog .product input:focus-visible { outline:2px solid var(--bmcase-accent-focus); outline-offset:2px; } @media(max-width:1023px) { body.bmcase-kit #homeCatalog .items.productList { grid-template-columns:repeat(3,minmax(0,1fr)); } } @media(max-width:767px) { body.bmcase-kit #homeCatalog .items.productList { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 12px; } body.bmcase-kit #homeCatalog .product .picture { margin-bottom:10px; } body.bmcase-kit #homeCatalog .product .name .middle { font-size:13px; } body.bmcase-kit #homeCatalog .product .btn-simple.add-cart { display:none; } } /* Override original offers-product fixed item/photo heights within this grid only. */ body.bmcase-kit #homeCatalog .items.productList .item.product { height:auto !important; min-height:0; align-self:start; } body.bmcase-kit #homeCatalog .items.productList .item.product .tabloid { height:auto !important; min-height:0; } body.bmcase-kit #homeCatalog .items.productList .item.product .picture { height:auto !important; min-height:0; max-height:none; aspect-ratio:1 / 1; } body.bmcase-kit #homeCatalog .product .optional .row { display:flow-root; } /* Remove inherited top/left grid frame, leaving photo rounding and focus outlines intact. */ body.bmcase-kit #homeCatalog .items.productList { border:0; } /* BMCASE homepage: five desktop cards and native purchase controls on one line. */ body.bmcase-kit #homeCatalog .items.productList { grid-template-columns:repeat(5,minmax(0,1fr)); gap:28px 16px; border:0; } body.bmcase-kit #homeCatalog .product .tabloid { display:grid; grid-template-columns:minmax(0,1fr); } body.bmcase-kit #homeCatalog .product .productTable, body.bmcase-kit #homeCatalog .product .productColImage, body.bmcase-kit #homeCatalog .product .productColText { display:contents; } body.bmcase-kit #homeCatalog .product .picture { grid-row:1; } body.bmcase-kit #homeCatalog .product .name { grid-row:2; } body.bmcase-kit #homeCatalog .product .price { grid-row:3; } body.bmcase-kit #homeCatalog .product .optional { grid-row:4; display:flex; justify-content:space-between; gap:4px; margin:0 0 8px; min-width:0; } body.bmcase-kit #homeCatalog .product .optional .row { display:block; margin:0; min-width:0; } body.bmcase-kit #homeCatalog .product .optional .row:last-child { margin-left:auto; text-align:right; } body.bmcase-kit #homeCatalog .product .optional .label:not(.addWishlist) { float:none; font-size:11px; white-space:normal; } body.bmcase-kit #homeCatalog .product .btn-simple.add-cart { grid-row:6; } @media(max-width:1023px) { body.bmcase-kit #homeCatalog .items.productList { grid-template-columns:repeat(3,minmax(0,1fr)); } } @media(max-width:767px) { body.bmcase-kit #homeCatalog .items.productList { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 12px; } } @media(max-width:420px) { } /* Clear native percentage widths inside the two compact metadata columns. */ body.bmcase-kit #homeCatalog .product .optional .row .label:not(.addWishlist):not(.quickBuy) { display:inline-flex; align-items:center; width:auto; max-width:100%; white-space:nowrap; } body.bmcase-kit #homeCatalog .product .optional .label:not(.addWishlist) .icon { flex:0 0 auto; width:14px; height:14px; margin:0; padding-right:4px; } @media(max-width:420px) { body.bmcase-kit #homeCatalog .product .optional .row .label:not(.addWishlist):not(.quickBuy) { font-size:10px; } } @media(hover:hover) and (pointer:fine) { } @media(max-width:420px) { } /* BMCASE: retain native DELUXE quantity geometry and transition in the new card grid. */ body.bmcase-kit #homeCatalog .product .addCartContainer { grid-row:5; display:block; position:relative; width:100%; margin:0; overflow:hidden; border-radius:12px; } body.bmcase-kit #homeCatalog .product .addCart { display:block; width:100%; height:60px; line-height:60px; padding:0 12px; border-radius:12px; font-family:var(--bmcase-kit-font); } body.bmcase-kit #homeCatalog .product .quantityContainer { top:18px; right:18px; } body.bmcase-kit #homeCatalog .product .quantityContainer .plus, body.bmcase-kit #homeCatalog .product .quantityContainer .minus, body.bmcase-kit #homeCatalog .product .quantityContainer .quantity { width:24px; height:24px; } body.bmcase-kit #homeCatalog .product .addCartContainer:hover span, body.bmcase-kit #homeCatalog .product .addCartContainer.viewed span, body.bmcase-kit #homeCatalog .product .addCartContainer:focus-within span { left:0; transform:translate(18px,-50%); } body.bmcase-kit #homeCatalog .product .addCartContainer:hover .addCart .icon, body.bmcase-kit #homeCatalog .product .addCartContainer.viewed .addCart .icon, body.bmcase-kit #homeCatalog .product .addCartContainer:focus-within .addCart .icon { width:0; height:0; margin:0; padding:0; visibility:hidden; opacity:0; transition:width .4s ease-in-out,opacity .4s ease-in-out; } body.bmcase-kit #homeCatalog .product .addCartContainer:focus-within .quantityContainer { transform:translateX(0); visibility:visible; opacity:1; } body.bmcase-kit #homeCatalog .product .addCartContainer .addCart.added span, body.bmcase-kit #homeCatalog .product .addCartContainer .addCart.disabled span, body.bmcase-kit #homeCatalog .product .addCartContainer .addCart.subscribe span, body.bmcase-kit #homeCatalog .product .addCartContainer .addCart.requestPrice span { left:50%; transform:translate(-50%,-50%); } body.bmcase-kit #homeCatalog .product .addCartContainer .addCart.added .icon, body.bmcase-kit #homeCatalog .product .addCartContainer .addCart.disabled .icon, body.bmcase-kit #homeCatalog .product .addCartContainer .addCart.subscribe .icon, body.bmcase-kit #homeCatalog .product .addCartContainer .addCart.requestPrice .icon { width:auto; height:auto; margin-top:-4px; padding-right:12px; visibility:visible; opacity:1; } body.bmcase-kit #homeCatalog .product .addCartContainer a:focus-visible, body.bmcase-kit #homeCatalog .product .addCartContainer input:focus-visible { outline:2px solid #fff; outline-offset:-2px; } @media(hover:none) { body.bmcase-kit #homeCatalog .product .addCartContainer .quantityContainer { transform:translateX(0); visibility:visible; opacity:1; } body.bmcase-kit #homeCatalog .product .addCartContainer .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) span { left:0; transform:translate(12px,-50%); } body.bmcase-kit #homeCatalog .product .addCartContainer .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) .icon { width:0; height:0; margin:0; padding:0; visibility:hidden; opacity:0; } } @media(prefers-reduced-motion:reduce) { body.bmcase-kit #homeCatalog .product .addCartContainer .quantityContainer, body.bmcase-kit #homeCatalog .product .addCartContainer .addCart span, body.bmcase-kit #homeCatalog .product .addCartContainer .addCart .icon { transition:none; } } /* Equal visible section gaps on the homepage; internal card layouts remain native. */ body.bmcase-kit.index .bmcase-home-categories #catalogSection > .sectionItems > .item { padding-top:26px; padding-bottom:50px; } @media(max-width:767px) { body.bmcase-kit.index .bmcase-home-categories { margin-top:-40px; } body.bmcase-kit.index .bmcase-home-categories #catalogSection > .sectionItems > .item { padding-top:24px; padding-bottom:18px; } } /* BMCASE lower homepage sections: native data, carousel widths and handlers retained. */ body.bmcase-kit.index #popSection .heading { height:auto; padding:0; margin-bottom:24px !important; text-align:left; text-transform:none; font:600 28px/32px var(--bmcase-kit-font); color:var(--bmcase-kit-text); } body.bmcase-kit.index #popSection .items { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; border:0; overflow:visible; } body.bmcase-kit.index #popSection .items > .item { float:none; width:auto; height:auto; min-height:190px; border:1px solid #e5e5e8; border-radius:20px; background:#fff; } body.bmcase-kit.index #popSection .tabloid { padding:16px; } body.bmcase-kit.index #popSection .picture { height:100px; line-height:100px; border-radius:12px; background:#f6f6f6; } body.bmcase-kit.index #popSection .picture img { width:auto; height:auto; max-width:120px; max-height:100px; object-fit:contain; mix-blend-mode:multiply; } body.bmcase-kit.index #popSection .nameWrap { height:auto; min-height:42px; margin-top:12px; line-height:21px; overflow:visible; } body.bmcase-kit.index #popSection .name { font:600 15px/21px var(--bmcase-kit-font); color:var(--bmcase-kit-text); } body.bmcase-kit.index #popSection .last { display:flex; align-items:center; justify-content:center; line-height:normal; } body.bmcase-kit.index #popSection a:focus-visible { outline:2px solid var(--bmcase-accent-focus); outline-offset:-3px; border-radius:12px; } body.bmcase-kit.index #footerTabsCaption { height:auto; padding:0 0 24px; line-height:normal; border:0; background:#fff; } body.bmcase-kit.index #footerTabsCaption .items { display:flex; flex-wrap:wrap; gap:12px; text-align:left; overflow:visible; } body.bmcase-kit.index #footerTabsCaption .item { display:block; margin:0; } body.bmcase-kit.index #footerTabsCaption .item a { display:block; padding:12px 18px; border:0; border-radius:12px; font:500 16px/24px var(--bmcase-kit-font); text-transform:none; background:#f3f3f5; color:var(--bmcase-kit-text); } body.bmcase-kit.index #footerTabsCaption .item a.selected { background:var(--bmcase-kit-primary); color:#fff; border:0; } body.bmcase-kit.index #footerTabsCaption .item a:hover { color:var(--bmcase-kit-text); background:#e9e9ee; } body.bmcase-kit.index #footerTabsCaption .item a.selected:hover { color:#fff; background:var(--bmcase-accent-hover); } body.bmcase-kit.index #footerTabsCaption .item a:focus-visible { outline:2px solid var(--bmcase-accent-focus); outline-offset:2px; } body.bmcase-kit.index #footerTabs { background:#fff; } body.bmcase-kit.index #topProduct .productList { border:0; } body.bmcase-kit.index #topProduct .productList > li { padding:0 8px; box-sizing:border-box; } body.bmcase-kit.index #topProduct .productList .item.product { border:0 !important; background:transparent; } body.bmcase-kit.index #topProduct .productList .item.product .tabloid { width:100%; border:0; border-radius:20px; background:#fff; } body.bmcase-kit.index #topProduct .product .picture { border-radius:20px; background:#f5f5f5; } body.bmcase-kit.index #topProduct .product .picture img { object-fit:contain; mix-blend-mode:multiply; } body.bmcase-kit.index #topProduct .product .name, body.bmcase-kit.index #topProduct .product .name .middle, body.bmcase-kit.index #topProduct .product .price { font-family:var(--bmcase-kit-font); } @media(max-width:767px) { body.bmcase-kit.index #popSection .heading { font-size:24px; line-height:28px; } body.bmcase-kit.index #popSection .items { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } body.bmcase-kit.index #popSection .tabloid { padding:12px; } body.bmcase-kit.index #popSection .name { font-size:14px; line-height:20px; } body.bmcase-kit.index #footerTabsCaption .items { gap:8px; } body.bmcase-kit.index #footerTabsCaption .item a { font-size:14px; line-height:20px; padding:12px; } body.bmcase-kit.index #topProduct .productList > li { padding:0 6px; } } body.bmcase-kit.index #popSection { padding-bottom:36px; } body.bmcase-kit.index #footerTabsCaption { margin-top:28px; } @media(max-width:767px) { body.bmcase-kit.index #popSection { padding-bottom:16px; } body.bmcase-kit.index #footerTabsCaption { margin-top:16px; } } /* One white panel for the existing homepage tabs and products, on the page background. */ body.bmcase-kit.index #homeCatalog { box-sizing:border-box; width:calc(100% - 48px); max-width:1480px; margin:0 auto; padding:24px 24px 36px; border-radius:24px; background:#fff; overflow:visible; } body.bmcase-kit.index #homeCatalog > .captionList > .limiter, body.bmcase-kit.index #homeCatalog > .ajaxContainer > .limiter { min-width:0; max-width:none; width:auto; margin:0; padding:0; } body.bmcase-kit.index #homeCatalog .captionList { height:48px; line-height:48px; padding:0; background:transparent; margin-bottom:24px; } body.bmcase-kit.index #homeCatalog .captionBtnLeft, body.bmcase-kit.index #homeCatalog .captionBtnRight { top:-6px; } body.bmcase-kit.index .bmcase-home-categories #catalogSection > .sectionItems > .item { padding-bottom:62px; } @media(max-width:767px) { body.bmcase-kit.index #homeCatalog { width:calc(100% - 24px); padding:12px 12px 36px; border-radius:20px; } body.bmcase-kit.index #homeCatalog .captionList { margin-bottom:20px; } body.bmcase-kit.index .bmcase-home-categories #catalogSection > .sectionItems > .item { padding-bottom:30px; } } /* Readable text on the existing dark footer surfaces; preserve native structure and icons. */ body.bmcase-kit #footer.variant_1 .fc, body.bmcase-kit #footerLine:not(.color_white) { --bmcase-footer-accent:#fff; --bmcase-footer-accent:color-mix(in srgb,var(--bmcase-kit-primary) 35%,#fff 65%); } body.bmcase-kit #footer.variant_1 .fc .footerMenu a { color:#ccc; } body.bmcase-kit #footer.variant_1 .fc .telephone { color:#f5f5f5; } body.bmcase-kit #footer.variant_1 .fc .rightColumn .list li { color:#ccc; } body.bmcase-kit #footer.variant_1 .fc .footerMenu a:hover, body.bmcase-kit #footer.variant_1 .fc a:focus-visible { color:var(--bmcase-footer-accent); } body.bmcase-kit #footer.variant_1 .fc a:focus-visible, body.bmcase-kit #footerLine:not(.color_white) a:focus-visible { outline:2px solid var(--bmcase-footer-accent); outline-offset:3px; } body.bmcase-kit #footerLine:not(.color_white) .item a { color:#ccc; } body.bmcase-kit #footerLine:not(.color_white) .item a.callback, body.bmcase-kit #footerLine:not(.color_white) .item a.active, body.bmcase-kit #footerLine:not(.color_white) .item a.active .mark { color:var(--bmcase-footer-accent); } body.bmcase-kit #footerLine:not(.color_white) .item a:hover, body.bmcase-kit #footerLine:not(.color_white) .item a.active:hover, body.bmcase-kit #footerLine:not(.color_white) .item a.active:hover .mark { color:#fff; } /* Exclude the legacy float-clearing node from the product grid; equal panel insets. */ body.bmcase-kit.index #homeCatalog .items.productList > .clear { display:none; } body.bmcase-kit.index #homeCatalog { padding-bottom:24px; } body.bmcase-kit.index #homeCatalog #captionCarousel .cItem:first-child .caption { margin-left:0; } body.bmcase-kit.index #homeCatalog #captionCarousel .cItem:last-child .caption { margin-right:0; } @media(max-width:767px) { body.bmcase-kit.index #homeCatalog { padding-bottom:12px; } } body.bmcase-kit #footer.variant_1 .fc .showMap { color:var(--bmcase-footer-accent); } body.bmcase-kit #footer.variant_1 .fc .showMap:hover { color:#fff; } /* Shared purchase-control typography; compact list/table heights stay native. */ body.bmcase-kit #catalogLineList a.addCart, body.bmcase-kit #catalogTableList a.addCart { font-family:var(--bmcase-kit-font); font-size:14px; font-weight:500; border-radius:12px; } body.bmcase-kit #homeCatalog .caption a { font-weight:500; } /* Match homepage cart bars to the approved 48px group tabs. */ body.bmcase-kit.index #homeCatalog .product .addCart { height:48px; line-height:48px; } body.bmcase-kit.index #homeCatalog .product .quantityContainer { top:12px; } @media(min-width:1024px) { body.bmcase-kit.index #homeCatalog #captionCarousel > .slideBox { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; width:100% !important; left:0 !important; margin:0; padding:0; } body.bmcase-kit.index #homeCatalog #captionCarousel > .slideBox > .cItem { width:auto !important; min-width:0; float:none; margin:0; padding:0; } body.bmcase-kit.index #homeCatalog #captionCarousel > .slideBox > .cItem > .caption { box-sizing:border-box; width:100%; margin:0; } } /* Equal space after the complete white product panel; lower tab rail follows page background. */ body.bmcase-kit.index #popSection { padding-top:64px; } body.bmcase-kit.index #footerTabsCaption { background:transparent; } @media(max-width:767px) { body.bmcase-kit.index #popSection { padding-top:32px; } } /* Preserve full product-photo extent; round only the photo surface. */ body.bmcase-kit.index #homeCatalog .product .picture { overflow:hidden; padding:0; } body.bmcase-kit.index #homeCatalog .product .picture > img { left:0; top:0; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:contain; border-radius:20px; } body.bmcase-kit.index #homeCatalog .product .picture:focus-visible { outline:2px solid var(--bmcase-accent-focus); outline-offset:2px; } /* Remove only the unused tab-to-products gap after a completed script-only response. */ body.bmcase-kit.index #homeCatalog:has(> .ajaxContainer:not(.loading)):not(:has(> .ajaxContainer > :not(script))) > .captionList { margin-bottom:0; } /* Join the existing sibling tab rail and native carousel into one visual panel. */ body.bmcase-kit.index #footerTabsCaption, body.bmcase-kit.index #footerTabs { box-sizing:border-box; width:calc(100% - 48px); max-width:1480px; margin-left:auto; margin-right:auto; background:#fff; } body.bmcase-kit.index #footerTabsCaption { margin-top:28px; margin-bottom:0; padding:24px 24px 24px; border-radius:24px 24px 0 0; } body.bmcase-kit.index #footerTabs { margin-top:0; margin-bottom:64px; padding:0 24px 24px; border-radius:0 0 24px 24px; } body.bmcase-kit.index #footerTabsCaption > .wrapper, body.bmcase-kit.index #footerTabs > .wrapper { min-width:0; max-width:none; width:auto; margin:0; padding:0; } @media(max-width:767px) { body.bmcase-kit.index #footerTabsCaption, body.bmcase-kit.index #footerTabs { width:calc(100% - 24px); } body.bmcase-kit.index #footerTabsCaption { margin-top:16px; padding:12px; border-radius:20px 20px 0 0; } body.bmcase-kit.index #footerTabs { margin-bottom:32px; padding:0 12px 12px; border-radius:0 0 20px 20px; } } /* Separate homepage tab rail and product cards on the shared page background. */ body.bmcase-kit.index #homeCatalog { padding:0; background:transparent; border-radius:0; } body.bmcase-kit.index #homeCatalog .captionList { height:auto; padding:24px 0; margin-bottom:16px; background:#fff; border-radius:24px; } body.bmcase-kit.index #homeCatalog .items.productList { gap:16px; } body.bmcase-kit.index #homeCatalog .items.productList .item.product { background:#fff; border-radius:24px; } body.bmcase-kit.index #homeCatalog .product .tabloid, body.bmcase-kit.index #homeCatalog .product:hover .tabloid { box-sizing:border-box; padding:4px; border-radius:24px; background:#fff; } @media(min-width:1024px) { body.bmcase-kit.index #homeCatalog #captionCarousel > .slideBox > .cItem > .caption { width:auto; margin:0 4px !important; } } @media(max-width:767px) { body.bmcase-kit.index #homeCatalog .captionList { padding:12px 0; margin-bottom:12px; border-radius:20px; } body.bmcase-kit.index #homeCatalog .items.productList { gap:12px; } body.bmcase-kit.index #homeCatalog .items.productList .item.product, body.bmcase-kit.index #homeCatalog .product .tabloid, body.bmcase-kit.index #homeCatalog .product:hover .tabloid { border-radius:20px; } } /* Approved 8px white card rim, with matching desktop tab/button widths. */ body.bmcase-kit.index #homeCatalog .product .tabloid, body.bmcase-kit.index #homeCatalog .product:hover .tabloid { padding:8px; } @media(min-width:1024px) { body.bmcase-kit.index #homeCatalog #captionCarousel > .slideBox > .cItem > .caption { margin:0 8px !important; } } /* Approved 10px white card rim. */ body.bmcase-kit.index #homeCatalog .product .tabloid, body.bmcase-kit.index #homeCatalog .product:hover .tabloid { padding:10px; } @media(min-width:1024px) { body.bmcase-kit.index #homeCatalog #captionCarousel > .slideBox > .cItem > .caption { margin:0 10px !important; } } /* Equal 10px outer rim around the 48px homepage tab controls. */ body.bmcase-kit.index #homeCatalog .captionList { padding:10px 0; } @media(max-width:767px) { body.bmcase-kit.index #homeCatalog .captionList { padding:10px; } } /* Lower native carousels: separate tab rail and 10px-rim cards, matching the homepage. */ body.bmcase-kit.index #footerTabsCaption { padding:10px; margin-bottom:16px; border-radius:24px; background:#fff; } body.bmcase-kit.index #footerTabs { padding:0; border-radius:0; background:transparent; } body.bmcase-kit.index #footerTabs .productList { border:0; } body.bmcase-kit.index #footerTabs .productList > li { box-sizing:border-box; padding:0 8px; } body.bmcase-kit.index #footerTabs .productList .item.product { border:0 !important; border-radius:24px; background:#fff; } body.bmcase-kit.index #footerTabs .productList .item.product .tabloid, body.bmcase-kit.index #footerTabs .productList .item.product:hover .tabloid { box-sizing:border-box; width:100%; padding:10px; border:0; border-radius:24px; background:#fff; box-shadow:none; } body.bmcase-kit.index #footerTabs .product .picture { padding:0; border-radius:20px; background:#f5f5f5; overflow:hidden; } body.bmcase-kit.index #footerTabs .product .picture img { width:100%; height:100%; max-width:100%; max-height:100%; object-fit:contain; mix-blend-mode:multiply; border-radius:20px; } body.bmcase-kit.index #footerTabs .product .name, body.bmcase-kit.index #footerTabs .product .name .middle, body.bmcase-kit.index #footerTabs .product .price { font-family:var(--bmcase-kit-font); } @media(max-width:767px) { body.bmcase-kit.index #footerTabsCaption { margin-bottom:12px; border-radius:20px; } body.bmcase-kit.index #footerTabs .productList > li { padding:0 6px; } body.bmcase-kit.index #footerTabs .productList .item.product, body.bmcase-kit.index #footerTabs .productList .item.product .tabloid { border-radius:20px; } } /* Align lower native arrow outer edges with the white card edges (li gutter: 8px). */ body.bmcase-kit.index #footerTabs #topProduct .topBtnLeft, body.bmcase-kit.index #footerTabs #viewedProduct .viewedBtnLeft{left:8px;} body.bmcase-kit.index #footerTabs #topProduct .topBtnRight, body.bmcase-kit.index #footerTabs #viewedProduct .viewedBtnRight{right:8px;} @media(max-width:767px){ body.bmcase-kit.index #footerTabs #topProduct .topBtnLeft, body.bmcase-kit.index #footerTabs #viewedProduct .viewedBtnLeft{left:6px;} body.bmcase-kit.index #footerTabs #topProduct .topBtnRight, body.bmcase-kit.index #footerTabs #viewedProduct .viewedBtnRight{right:6px;} } /* Native quick-view label only. Popup handlers and quick-order controls are untouched. */ body.bmcase-kit .product .getFastView, body.bmcase-kit #catalogLineList .picture .getFastView{ display:flex;align-items:center;justify-content:center;box-sizing:border-box; top:50%;left:50%;width:180px;max-width:calc(100% - 20px);height:48px; margin:0;padding:6px 12px;transform:translate(-50%,-50%); border:0;border-radius:12px;color:#fff;text-align:center; font:500 14px/18px var(--bmcase-kit-font,Mulish,sans-serif); white-space:normal;overflow-wrap:break-word; background-color:var(--bmcase-kit-primary,#663399); background-color:color-mix(in srgb,var(--bmcase-kit-primary,#663399) 85%,transparent); transition:opacity .2s ease-in-out,background-color .2s ease-in-out; } body.bmcase-kit .product:hover .getFastView, body.bmcase-kit #catalogLineList .picture:hover .getFastView{opacity:1;} body.bmcase-kit .product .getFastView:hover, body.bmcase-kit #catalogLineList .picture .getFastView:hover{ background-color:var(--bmcase-accent-hover,var(--bmcase-kit-primary,#663399)); background-color:color-mix(in srgb,var(--bmcase-kit-primary,#663399) 95%,transparent); } body.bmcase-kit .product .getFastView:focus-visible, body.bmcase-kit #catalogLineList .picture .getFastView:focus-visible{ outline:2px solid #fff;outline-offset:-4px;box-shadow:0 0 0 2px var(--bmcase-accent-focus,var(--bmcase-kit-primary)); } @media(prefers-reduced-motion:reduce){ body.bmcase-kit .product .getFastView, body.bmcase-kit #catalogLineList .picture .getFastView{transition:none;} } /* Native quick-view popup: template-scoped presentation, no commerce behavior changes. */ body.bmcase-kit #appFastView{font-family:var(--bmcase-kit-font,Mulish,sans-serif);color:var(--bmcase-kit-text,#19191a);} body.bmcase-kit #appFastView .appFastViewContainer{border-radius:24px;background:#fff;box-shadow:0 16px 48px rgba(25,25,26,.2);} body.bmcase-kit #appFastView .appFastViewHeading{box-sizing:border-box;height:64px;padding:0 64px;border-radius:24px 24px 0 0;font:600 20px/64px var(--bmcase-kit-font,Mulish,sans-serif);color:var(--bmcase-kit-text,#19191a);} body.bmcase-kit #appFastView .appFastViewExit{top:8px;right:8px;width:48px;height:48px;border-radius:12px;background-image:none;} body.bmcase-kit #appFastView .appFastViewExit::before{content:"";position:absolute;top:50%;left:50%;width:22px;height:21px;transform:translate(-50%,-50%);pointer-events:none;background:url(/bitrix/templates/bmcase_deluxe_style_test/assets/kit/css/../../../images/exit.svg) 0 0 / 22px 63px no-repeat;} body.bmcase-kit #appFastView .appFastViewExit:hover::before{background-position:0 -21px;} body.bmcase-kit #appFastView .appFastViewExit:active::before{background-position:0 -42px;} body.bmcase-kit #appFastView .appFastViewExit:hover{background-color:#f3f3f5;} body.bmcase-kit #appFastView .appFastViewInformationColumn{padding:24px;border-bottom-right-radius:24px;} body.bmcase-kit #appFastView .appFastViewDescriptionColumnContainer{padding-top:24px;padding-right:24px;} body.bmcase-kit #appFastView .appFastViewProductHeading, body.bmcase-kit #appFastView .appFastViewProductHeadingLink{font:600 22px/30px var(--bmcase-kit-font,Mulish,sans-serif);color:var(--bmcase-kit-text,#19191a);} body.bmcase-kit #appFastView .appFastSkuProductPropertiesHeading, body.bmcase-kit #appFastView .appFastViewProductPropertiesHeading, body.bmcase-kit #appFastView .appFastViewDescriptionHeading{margin-top:24px;font:600 16px/24px var(--bmcase-kit-font,Mulish,sans-serif);} body.bmcase-kit #appFastView .appFastViewDescriptionText, body.bmcase-kit #appFastView .propertyTable{font:400 14px/22px var(--bmcase-kit-font,Mulish,sans-serif);} body.bmcase-kit #appFastView .appFastViewMoreLink{font:500 14px/22px var(--bmcase-kit-font,Mulish,sans-serif);color:var(--bmcase-kit-primary);} body.bmcase-kit #appFastView .appFastViewPictureSliderItemLink img{object-fit:contain;border-radius:20px;} body.bmcase-kit #appFastView .appFastViewPictureCarouselItemLink img{object-fit:contain;border-radius:8px;} body.bmcase-kit #appFastView .article{margin-top:0;font:400 14px/22px var(--bmcase-kit-font,Mulish,sans-serif);color:#6c6c6c;} body.bmcase-kit #appFastView .price{margin-top:12px;font:600 22px/30px var(--bmcase-kit-font,Mulish,sans-serif);color:var(--bmcase-kit-text,#19191a);} body.bmcase-kit #appFastView .discount, body.bmcase-kit #appFastView .oldPriceLabel{font-family:var(--bmcase-kit-font,Mulish,sans-serif);} body.bmcase-kit #appFastView .addCart{box-sizing:border-box;height:48px;line-height:48px;margin-top:16px;margin-bottom:16px;border-radius:12px;font-family:var(--bmcase-kit-font,Mulish,sans-serif);font-size:14px;font-weight:500;} body.bmcase-kit #appFastView .addCart:not(.disabled):not(.added):not(.requestPrice):not(.subscribe){color:#fff;background-color:var(--bmcase-kit-primary);} body.bmcase-kit #appFastView .addCart:not(.disabled):not(.added):not(.requestPrice):not(.subscribe):hover{background-color:var(--bmcase-accent-hover,var(--bmcase-kit-primary));} body.bmcase-kit #appFastView .catalogQtyBlock{box-sizing:border-box;height:48px;line-height:46px;margin-bottom:24px;border-radius:12px;border-color:#e5e5e8;} body.bmcase-kit #appFastView .catalogQtyBlock .catalogQty{height:44px;line-height:44px;font-family:var(--bmcase-kit-font,Mulish,sans-serif);font-size:14px;} body.bmcase-kit #appFastView .appFastViewInformationColumn .label{font-family:var(--bmcase-kit-font,Mulish,sans-serif);font-size:14px;line-height:22px;} body.bmcase-kit #appFastView a.quickBuy{display:none!important;} body.bmcase-kit #appFastView .appFastViewExit:focus-visible, body.bmcase-kit #appFastView a:focus-visible, body.bmcase-kit #appFastView input:focus-visible{outline:2px solid var(--bmcase-accent-focus,var(--bmcase-kit-primary));outline-offset:2px;} @media(prefers-reduced-motion:reduce){body.bmcase-kit #appFastView .appFastViewContainer{animation:none;}} /* Reveal the native quick-view label only inside the photograph interaction area. */ body.bmcase-kit .product .picture .getFastView, body.bmcase-kit #catalogLineList .picture .getFastView{visibility:hidden;opacity:0;} body.bmcase-kit .product .picture:hover .getFastView, body.bmcase-kit .product .picture:focus-within .getFastView, body.bmcase-kit #catalogLineList .picture:hover .getFastView, body.bmcase-kit #catalogLineList .picture:focus-within .getFastView{visibility:visible;opacity:1;} /* Price-list link uses the existing native download glyph; callback keeps its telephone. */ body.bmcase-kit #footerLine .item a.callback[href="https://bmcase.ru/PRICE.XLSX"] .icon{background-image:none;background-color:var(--bmcase-kit-primary,#663399);-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M.5%209.9a.5.5%200%200%201%20.5.5v2.5a1%201%200%200%200%201%201h12a1%201%200%200%200%201-1v-2.5a.5.5%200%200%201%201%200v2.5a2%202%200%200%201-2%202H2a2%202%200%200%201-2-2v-2.5a.5.5%200%200%201%20.5-.5z%22%2F%3E%3Cpath%20d%3D%22M7.646%2011.854a.5.5%200%200%200%20.708%200l3-3a.5.5%200%200%200-.708-.708L8.5%2010.293V1.5a.5.5%200%200%200-1%200v8.793L5.354%208.146a.5.5%200%201%200-.708.708l3%203z%22%2F%3E%3C%2Fsvg%3E") center/20px 20px no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M.5%209.9a.5.5%200%200%201%20.5.5v2.5a1%201%200%200%200%201%201h12a1%201%200%200%200%201-1v-2.5a.5.5%200%200%201%201%200v2.5a2%202%200%200%201-2%202H2a2%202%200%200%201-2-2v-2.5a.5.5%200%200%201%20.5-.5z%22%2F%3E%3Cpath%20d%3D%22M7.646%2011.854a.5.5%200%200%200%20.708%200l3-3a.5.5%200%200%200-.708-.708L8.5%2010.293V1.5a.5.5%200%200%200-1%200v8.793L5.354%208.146a.5.5%200%201%200-.708.708l3%203z%22%2F%3E%3C%2Fsvg%3E") center/20px 20px no-repeat;} body.bmcase-kit #footerLine .item a.callback[href="https://bmcase.ru/PRICE.XLSX"]:hover .icon{background-color:var(--bmcase-accent-hover,#562b82);} /* Catalog tiles: approved homepage card presentation. Native widths, commerce markup, IDs and handlers are unchanged. */ body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList { display:flex; flex-wrap:wrap; border:0; margin:0 -8px; } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList::before, body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList::after { display:none; } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) { float:none; height:auto !important; min-height:0; padding:0 8px 16px; border:0; border-radius:0; background:transparent; align-self:start; } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last)::before { display:none; } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .tabloid, body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last):hover .tabloid { position:relative; container-type:inline-size; container-name:bmcase-catalog-card; display:grid; grid-template-columns:minmax(0,1fr); box-sizing:border-box; width:100%; height:auto !important; min-height:0; padding:10px; border:0; border-radius:24px; box-shadow:none; overflow:visible; background:#fff; } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .productTable, body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .productColImage, body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .productColText { display:contents; width:auto; padding:0; } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .picture { grid-row:1; display:flex; position:relative; align-items:center; justify-content:center; width:100%; height:auto !important; min-height:0; max-height:none; aspect-ratio:1 / 1; line-height:normal; margin:0 0 12px; padding:0; border-radius:20px; background:#f5f5f5; overflow:hidden; } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .picture > img { position:absolute; left:0; top:0; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:contain; border-radius:20px; mix-blend-mode:multiply; } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .name { grid-row:2; display:block; height:40px; margin:0 0 8px; line-height:20px; font-family:var(--bmcase-kit-font); } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .name .middle { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font:400 14px/20px var(--bmcase-kit-font); } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .price { grid-row:3; min-height:26px; margin:0 0 12px; font:500 18px/26px var(--bmcase-kit-font); } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .price .measure { font-size:14px; } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .optional { grid-row:4; display:flex; justify-content:space-between; gap:4px; margin:0 0 8px; min-width:0; } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .optional .row { display:block; margin:0; min-width:0; overflow:visible; } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .optional .row:last-child { margin-left:auto; text-align:right; } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .optional .label:not(.addWishlist) { float:none; font-family:var(--bmcase-kit-font); font-size:11px; white-space:normal; } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .optional .row .label:not(.addWishlist):not(.quickBuy) { display:inline-flex; align-items:center; width:auto; max-width:100%; white-space:nowrap; } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .optional .label:not(.addWishlist) .icon { flex:0 0 auto; width:14px; height:14px; margin:0; padding-right:4px; } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addWishlist.label { position:absolute; top:10px; right:10px; z-index:4; float:none; display:flex; align-items:center; justify-content:center; width:32px; height:32px; font-size:0; border-radius:50%; } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addWishlist.label .icon { width:20px; height:22px; padding:0; margin:0; } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .rating { right:50px; top:12px; } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .btn-simple.add-cart { grid-row:6; } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer { grid-row:5; display:block; position:relative; width:100%; margin:0; overflow:hidden; border-radius:12px; } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCart { display:block; width:100%; height:48px; line-height:48px; padding:0 12px; border-radius:12px; font-family:var(--bmcase-kit-font); } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .quantityContainer { top:12px; right:18px; } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .quantityContainer .plus, body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .quantityContainer .minus, body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .quantityContainer .quantity { width:24px; height:24px; } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer:hover span, body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer.viewed span, body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer:focus-within span { left:0; transform:translate(18px,-50%); } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer:hover .addCart .icon, body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer.viewed .addCart .icon, body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer:focus-within .addCart .icon { width:0; height:0; margin:0; padding:0; visibility:hidden; opacity:0; transition:width .4s ease-in-out,opacity .4s ease-in-out; } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer:focus-within .quantityContainer { transform:translateX(0); visibility:visible; opacity:1; } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .addCart.added span, body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .addCart.disabled span, body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .addCart.subscribe span, body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .addCart.requestPrice span { left:50%; transform:translate(-50%,-50%); } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .addCart.added .icon, body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .addCart.disabled .icon, body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .addCart.subscribe .icon, body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .addCart.requestPrice .icon { width:auto; height:auto; margin-top:-4px; padding-right:12px; visibility:visible; opacity:1; } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer a:focus-visible, body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer input:focus-visible { outline:2px solid #fff; outline-offset:-2px; } @media(hover:none) { body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .quantityContainer { transform:translateX(0); visibility:visible; opacity:1; } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) span { left:0; transform:translate(12px,-50%); } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) .icon { width:0; height:0; margin:0; padding:0; visibility:hidden; opacity:0; } } @media(prefers-reduced-motion:reduce) { body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .quantityContainer, body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .addCart span, body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .addCart .icon { transition:none; } } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) a:focus-visible, body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) input:focus-visible { outline:2px solid var(--bmcase-accent-focus); outline-offset:2px; } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer a:focus-visible, body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer input:focus-visible { outline:2px solid #fff; outline-offset:-2px; } @media(max-width:767px) { body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList { margin:0 -6px; } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) { padding:0 6px 12px; } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .tabloid, body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last):hover .tabloid { border-radius:20px; } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .picture { margin-bottom:10px; } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .name .middle { font-size:13px; } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .btn-simple.add-cart { display:none; } } @media(max-width:420px) { body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .optional .row .label:not(.addWishlist):not(.quickBuy) { font-size:10px; } } /* Compact native cart glyph leaves room for quantity in narrow two-column cards. */ @container bmcase-catalog-card (max-width:200px) { body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .optional { flex-wrap:wrap; } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) span { font-size:0; } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) .icon { width:auto; height:auto; margin-top:-4px; padding:0; visibility:visible; opacity:1; } } @container bmcase-catalog-card (max-width:145px) { body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .quantityContainer { right:6px; } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) span { left:0; transform:translate(6px,-50%); } body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) .icon { width:20px; height:20px; } } /* Catalog LINE/TABLE and controls: shared typography and radii, native compact layouts retained. */ body.bmcase-kit #catalog #catalogLineList .itemRow, body.bmcase-kit #catalog #catalogTableList .itemRow { border-radius:24px; border-collapse:separate; border-spacing:0; margin-bottom:16px; background:#fff; } body.bmcase-kit #catalog #catalogLineList .name, body.bmcase-kit #catalog #catalogLineList .price, body.bmcase-kit #catalog #catalogLineList .label, body.bmcase-kit #catalog #catalogLineList .article, body.bmcase-kit #catalog #catalogTableList .name, body.bmcase-kit #catalog #catalogTableList .price, body.bmcase-kit #catalog #catalogTableList .label { font-family:var(--bmcase-kit-font); } body.bmcase-kit #catalog #catalogLineList .article { border-radius:12px; } body.bmcase-kit #catalog #catalogLine, body.bmcase-kit #catalogColumn #nextSection, body.bmcase-kit #catalogColumn #smartFilter { border-radius:24px; background-color:#fff; } /* Round child heading backgrounds, rather than clipping popup/focus descendants. */ body.bmcase-kit #catalogColumn #nextSection > .title, body.bmcase-kit #catalogColumn #smartFilter > .heading { border-radius:23px 23px 0 0; font-family:var(--bmcase-kit-font); font-weight:700; } body.bmcase-kit #catalogColumn #nextSection li:last-child { border-radius:0 0 23px 23px; } body.bmcase-kit #catalogColumn #smartFilterControls a, body.bmcase-kit #catalogColumn #smartFilter .dropdown, body.bmcase-kit #catalogColumn #smartFilter .checkedItem, body.bmcase-kit #catalogColumn #smartFilter .dropdownList, body.bmcase-kit #catalogColumn #smartFilter #modef, body.bmcase-kit #catalog #catalogLine .dropDownList, body.bmcase-kit #catalog #catalogLine .dropDownSelected, body.bmcase-kit #catalog #catalogLine .dropDownItems { border-radius:12px; font-family:var(--bmcase-kit-font); } body.bmcase-kit #catalogColumn #smartFilterControls a { font-size:14px; font-weight:500; } body.bmcase-kit #catalog #catalogLine a:focus-visible, body.bmcase-kit #catalogColumn #nextSection a:focus-visible, body.bmcase-kit #catalogColumn #smartFilter a:focus-visible, body.bmcase-kit #catalogColumn #smartFilter input:focus-visible, body.bmcase-kit #catalog #catalogLineList a:focus-visible, body.bmcase-kit #catalog #catalogTableList a:focus-visible { outline:2px solid var(--bmcase-accent-focus,var(--bmcase-kit-primary)); outline-offset:2px; } @media(max-width:767px) { body.bmcase-kit #catalog #catalogLineList .itemRow, body.bmcase-kit #catalog #catalogTableList .itemRow { border-radius:20px; margin-bottom:12px; } body.bmcase-kit #catalog #catalogLine, body.bmcase-kit #catalogColumn #nextSection, body.bmcase-kit #catalogColumn #smartFilter { border-radius:20px; } body.bmcase-kit #catalogColumn #nextSection > .title, body.bmcase-kit #catalogColumn #smartFilter > .heading { border-radius:19px 19px 0 0; } body.bmcase-kit #catalogColumn #nextSection li:last-child { border-radius:0 0 19px 19px; } } /* Shared homepage canvas, restricted to the existing catalog/sidebar wrapper. */ body.bmcase-kit #catalogColumn { background-color:#f3f3f3; } /* Shared preview-page canvas; existing white header, newsletter and panels retain their own backgrounds. */ body.bmcase-kit { --bmcase-kit-background:#f3f3f3; background-color:var(--bmcase-kit-background); } /* Native catalog item purchase controls. Markup/handlers are reused from the native tile. */ body.bmcase-kit :is(#catalogLineList,#catalogTableList) .bmcase-native-cart { position:relative; display:block; box-sizing:border-box; width:100%; max-width:100%; min-width:0; overflow:hidden; border-radius:12px; container-type:inline-size; container-name:bmcase-list-cart; } body.bmcase-kit #catalogLineList .bmcase-native-cart { margin:16px 0 12px; } body.bmcase-kit #catalogTableList .bmcase-purchase-column { width:224px; } body.bmcase-kit #catalogTableList .bmcase-native-cart { width:210px; margin:0 auto; } body.bmcase-kit :is(#catalogLineList,#catalogTableList) .bmcase-native-cart .addCart { position:relative; display:block; box-sizing:border-box; width:100%; height:48px; line-height:48px; margin:0; padding:0 12px; border-radius:12px; text-align:center; font-family:var(--bmcase-kit-font); font-size:14px; font-weight:500; text-decoration:none; } body.bmcase-kit :is(#catalogLineList,#catalogTableList) .bmcase-native-cart .addCart > span { position:absolute; top:50%; left:50%; display:inline-block; white-space:nowrap; transform:translate(-50%,-50%); transition:all .2s ease-in-out; } body.bmcase-kit :is(#catalogLineList,#catalogTableList) .bmcase-native-cart .addCart .icon { display:inline-block; width:14px; height:18px; margin:-4px 0 0; padding:0 12px 0 0; vertical-align:middle; } body.bmcase-kit :is(#catalogLineList,#catalogTableList) .bmcase-native-cart .quantityContainer { position:absolute; top:12px; right:18px; width:80px; height:24px; line-height:24px; white-space:nowrap; transform:translateX(50px); visibility:hidden; opacity:0; transition:all .2s ease-in-out; } body.bmcase-kit :is(#catalogLineList,#catalogTableList) .bmcase-native-cart .quantity { display:inline-block; box-sizing:border-box; width:24px; height:24px; margin:0 4px; padding:0 2px; color:#fff; font-size:12px; text-align:center; vertical-align:middle; background:transparent; border:0; } body.bmcase-kit :is(#catalogLineList,#catalogTableList) .bmcase-native-cart :is(.plus,.minus) { display:inline-block; box-sizing:border-box; width:24px; min-width:auto; height:24px; margin:0; padding:0; vertical-align:middle; border:0; background-color:rgb(255 255 255 / 10%); background-repeat:no-repeat; background-position:50% 50%; } body.bmcase-kit :is(#catalogLineList,#catalogTableList) .bmcase-native-cart .plus { background-image:url(/bitrix/templates/bmcase_deluxe_style_test/assets/kit/css/../../../images/basket-add-plus.png); border-radius:2px 2px 0 0; } body.bmcase-kit :is(#catalogLineList,#catalogTableList) .bmcase-native-cart .minus { background-image:url(/bitrix/templates/bmcase_deluxe_style_test/assets/kit/css/../../../images/basket-add-minus.png); border-radius:0 0 2px 2px; } body.bmcase-kit :is(#catalogLineList,#catalogTableList) .bmcase-native-cart :is(.plus,.minus):hover { background-color:rgb(255 255 255 / 15%); } body.bmcase-kit :is(#catalogLineList,#catalogTableList) .bmcase-native-cart :is(.plus,.minus):active { position:relative; top:1px; } body.bmcase-kit :is(#catalogLineList,#catalogTableList) .bmcase-native-cart :is(.plus,.minus).error { background-color:#bc1414; } body.bmcase-kit :is(#catalogLineList,#catalogTableList) .bmcase-native-cart .quantity.maxQuantity { color:#f00; } body.bmcase-kit :is(#catalogLineList,#catalogTableList) .bmcase-native-cart:is(:hover,:focus-within,.viewed) .quantityContainer { transform:translateX(0); visibility:visible; opacity:1; } body.bmcase-kit :is(#catalogLineList,#catalogTableList) .bmcase-native-cart:is(:hover,:focus-within,.viewed) .addCart > span { left:0; transform:translate(18px,-50%); } body.bmcase-kit :is(#catalogLineList,#catalogTableList) .bmcase-native-cart:is(:hover,:focus-within,.viewed) .addCart .icon { width:0; height:0; margin:0; padding:0; visibility:hidden; opacity:0; transition:width .2s ease-in-out,opacity .2s ease-in-out; } /* Preserve all native non-purchase states, including rewritten added markup without span. */ body.bmcase-kit :is(#catalogLineList,#catalogTableList) .bmcase-native-cart .addCart:is(.added,.disabled,.subscribe,.requestPrice) + .quantityContainer { display:none; } body.bmcase-kit :is(#catalogLineList,#catalogTableList) .bmcase-native-cart .addCart:is(.added,.disabled,.subscribe,.requestPrice) > span { left:50%; transform:translate(-50%,-50%); } body.bmcase-kit :is(#catalogLineList,#catalogTableList) .bmcase-native-cart .addCart:is(.added,.disabled,.subscribe,.requestPrice) .icon { width:14px; height:18px; margin:-4px 0 0; padding:0 12px 0 0; visibility:visible; opacity:1; } body.bmcase-kit :is(#catalogLineList,#catalogTableList) .bmcase-native-cart a:focus-visible, body.bmcase-kit :is(#catalogLineList,#catalogTableList) .bmcase-native-cart input:focus-visible { outline:2px solid #fff; outline-offset:-2px; } /* The native wishlist remains one label and one hit target. */ body.bmcase-kit #catalogLineList .column:last-child .optional .addWishlist.label { display:inline-flex; align-items:center; float:none; width:auto; max-width:100%; white-space:nowrap; } body.bmcase-kit #catalogLineList .optional .addWishlist.label .icon { flex:0 0 auto; } @media(max-width:1300px) { body.bmcase-kit #catalogLineList .bmcase-native-cart { margin:6px 0; } } @media(max-width:767px) { body.bmcase-kit #catalogTableList .bmcase-purchase-column { width:42%; } body.bmcase-kit #catalogTableList .bmcase-native-cart { width:100%; } } @media(hover:none) { body.bmcase-kit :is(#catalogLineList,#catalogTableList) .bmcase-native-cart .quantityContainer { transform:translateX(0); visibility:visible; opacity:1; } body.bmcase-kit :is(#catalogLineList,#catalogTableList) .bmcase-native-cart .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) > span { left:0; transform:translate(12px,-50%); } body.bmcase-kit :is(#catalogLineList,#catalogTableList) .bmcase-native-cart .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) .icon { width:0; height:0; margin:0; padding:0; visibility:hidden; opacity:0; } } /* Narrow purchase cells retain the native bag and all three quantity controls. */ @container bmcase-list-cart (max-width:200px) { body.bmcase-kit :is(#catalogLineList,#catalogTableList) .bmcase-native-cart .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) > span { font-size:0; left:0; transform:translate(12px,-50%); } body.bmcase-kit :is(#catalogLineList,#catalogTableList) .bmcase-native-cart .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) .icon { width:14px; height:18px; margin:-4px 0 0; padding:0; visibility:visible; opacity:1; } } @container bmcase-list-cart (max-width:145px) { body.bmcase-kit :is(#catalogLineList,#catalogTableList) .bmcase-native-cart .quantityContainer { right:6px; } body.bmcase-kit :is(#catalogLineList,#catalogTableList) .bmcase-native-cart .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) > span { transform:translate(6px,-50%); } } @media(prefers-reduced-motion:reduce) { body.bmcase-kit :is(#catalogLineList,#catalogTableList) .bmcase-native-cart .quantityContainer, body.bmcase-kit :is(#catalogLineList,#catalogTableList) .bmcase-native-cart .addCart > span, body.bmcase-kit :is(#catalogLineList,#catalogTableList) .bmcase-native-cart .addCart .icon { transition:none; } } /* Narrow LINE footer: give the full wishlist/availability labels their own row. */ @media(max-width:790px) { body.bmcase-kit #catalogLineList .column:last-child { height:auto; display:flow-root; } body.bmcase-kit #catalogLineList .column:last-child .resizeColumn { width:50%; } body.bmcase-kit #catalogLineList .column:last-child .resizeColumn.last { display:block; clear:both; width:100%; } body.bmcase-kit #catalogLineList .column:last-child .optional { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; margin:0 12px 12px; line-height:22px; } body.bmcase-kit #catalogLineList .column:last-child .optional .row { display:flex; flex-wrap:wrap; gap:8px; overflow:visible; margin:0; } body.bmcase-kit #catalogLineList .column:last-child .optional :is(.addWishlist,.inStock,.onOrder,.outOfStock).label { display:inline-flex; align-items:center; float:none; width:auto; max-width:100%; white-space:nowrap; } } /* Native TABLE stacks its columns below480px; keep the purchase bar centered in that full-width row. */ @media(max-width:480px) { body.bmcase-kit #catalogTableList .bmcase-purchase-column { width:auto; } body.bmcase-kit #catalogTableList .bmcase-native-cart { width:210px; max-width:100%; } } /* Native LINE footer inherits60px line-height: constrain metadata line boxes, not their overflow. */ @media(max-width:1200px) { body.bmcase-kit #catalogLineList .column:last-child { height:auto; display:flow-root; } body.bmcase-kit #catalogLineList .column:last-child .optional, body.bmcase-kit #catalogLineList .column:last-child .optional .row { line-height:21px; } } /* Match the existing native quick-view label color on this heading only. */ body.bmcase-kit #catalogColumn #nextSection > .title { background-color:var(--bmcase-kit-primary,#663399); background-color:color-mix(in srgb,var(--bmcase-kit-primary,#663399) 85%,transparent); color:#fff; } /* Shared sectional heading palette. The native theme supplies --bmcase-kit-primary. Only the two audited panel tops are targets; panel bodies/site header are untouched. panel-heading-contrast.js resolves readable ink over the actual translucent surface. */ body.bmcase-kit #catalogColumn #nextSection > .title, body.bmcase-kit #catalogColumn #smartFilter > .heading { background-color:var(--bmcase-kit-primary); background-color:color-mix(in srgb,var(--bmcase-kit-primary) 85%,transparent); color:var(--bmcase-panel-heading-ink,#fff); } /* Homepage lower collections only: native pre-add quantity, with an always available cart action. */ body.bmcase-kit.index #footerTabs .product:has(.bmcase-lower-purchase) { height:auto !important; } body.bmcase-kit.index #footerTabs .product:has(.bmcase-lower-purchase) .tabloid { position:relative; height:auto !important; min-height:100%; } body.bmcase-kit.index #footerTabs .bmcase-lower-purchase { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 12px; min-width:0; padding-top:8px; } body.bmcase-kit.index #footerTabs .bmcase-lower-purchase > .price { flex:1 1 100px; width:auto; height:auto !important; margin:0; line-height:22px; } body.bmcase-kit.index #footerTabs .bmcase-lower-cart { position:relative; display:block; box-sizing:border-box; flex:0 0 180px; width:180px; max-width:100%; height:auto; min-height:48px; margin:0 0 0 auto; border-radius:12px; } body.bmcase-kit.index #footerTabs .bmcase-lower-cart .addCart { display:block; position:relative; box-sizing:border-box; width:100%; height:48px; margin:0; padding:0 12px; border-radius:12px; font:500 14px/48px var(--bmcase-kit-font,Mulish,sans-serif); text-align:center; text-decoration:none; } body.bmcase-kit.index #footerTabs .bmcase-lower-cart .addCart > span { position:absolute; top:50%; left:50%; white-space:nowrap; transform:translate(-50%,-50%); transition:all .2s ease-in-out; } body.bmcase-kit.index #footerTabs .bmcase-lower-cart .addCart .icon { display:none; } body.bmcase-kit.index #footerTabs .bmcase-lower-cart .quantityContainer { display:block; position:absolute; box-sizing:border-box; top:12px; right:8px; width:80px; height:24px; line-height:22px; border:1px solid var(--bmcase-kit-primary,#663399); border-radius:8px; background:#fff; white-space:nowrap; visibility:hidden; opacity:0; transform:translateX(16px); transition:all .2s ease-in-out; } body.bmcase-kit.index #footerTabs .bmcase-lower-cart .quantityWrapper { display:flex; align-items:center; width:100%; height:100%; } body.bmcase-kit.index #footerTabs .bmcase-lower-cart .quantity { box-sizing:border-box; width:30px; height:22px; margin:0; padding:0 2px; border:0; color:var(--bmcase-kit-text,#19191a); background:transparent; text-align:center; font:400 12px/22px roboto_ltregular,arial,sans-serif; } body.bmcase-kit.index #footerTabs .bmcase-lower-cart :is(.plus,.minus) { display:block; box-sizing:border-box; flex:0 0 24px; width:24px; height:22px; margin:0; padding:0; border:0; background-color:transparent; background-repeat:no-repeat; background-position:center; filter:brightness(.35); } body.bmcase-kit.index #footerTabs .bmcase-lower-cart .plus { background-image:url(/bitrix/templates/bmcase_deluxe_style_test/assets/kit/css/../../../images/basket-add-plus.png); } body.bmcase-kit.index #footerTabs .bmcase-lower-cart .minus { background-image:url(/bitrix/templates/bmcase_deluxe_style_test/assets/kit/css/../../../images/basket-add-minus.png); } body.bmcase-kit.index #footerTabs .bmcase-lower-cart:is(:hover,:focus-within,.viewed) .quantityContainer { visibility:visible; opacity:1; transform:translateX(0); } body.bmcase-kit.index #footerTabs .bmcase-lower-cart:is(:hover,:focus-within,.viewed) .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) > span { left:18px; transform:translateY(-50%); font-size:0; } body.bmcase-kit.index #footerTabs .bmcase-lower-cart:is(:hover,:focus-within,.viewed) .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) .icon { display:inline-block; visibility:visible; opacity:1; width:14px; height:18px; padding:0; margin:0; vertical-align:middle; } body.bmcase-kit.index #footerTabs .bmcase-lower-cart .addCart:is(.added,.disabled,.subscribe,.requestPrice) + .quantityContainer { display:none; } body.bmcase-kit.index #footerTabs .bmcase-lower-cart .addCart:is(.added,.disabled,.subscribe,.requestPrice) > span { left:50%; transform:translate(-50%,-50%); } body.bmcase-kit.index #footerTabs .bmcase-lower-cart .addCart.added .icon { display:inline-block; visibility:visible; opacity:1; width:14px; height:18px; padding:0 8px 0 0; margin:-4px 0 0; vertical-align:middle; } body.bmcase-kit.index #footerTabs .bmcase-lower-cart .quantity.maxQuantity { color:#bc1414; } body.bmcase-kit.index #footerTabs .bmcase-lower-cart :is(.plus,.minus).error { background-color:#bc1414; } body.bmcase-kit.index #footerTabs .bmcase-lower-cart a:focus-visible { outline:2px solid var(--bmcase-kit-primary,#663399); outline-offset:2px; } body.bmcase-kit.index #footerTabs .bmcase-lower-cart .quantity:focus-visible { outline:2px solid var(--bmcase-kit-primary,#663399); outline-offset:-2px; } @media(hover:none) { body.bmcase-kit.index #footerTabs .bmcase-lower-cart .quantityContainer { visibility:visible; opacity:1; transform:none; } body.bmcase-kit.index #footerTabs .bmcase-lower-cart .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) > span { left:18px; transform:translateY(-50%); font-size:0; } body.bmcase-kit.index #footerTabs .bmcase-lower-cart .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) .icon { display:inline-block; visibility:visible; opacity:1; width:14px; height:18px; padding:0; margin:0; vertical-align:middle; } } @media(prefers-reduced-motion:reduce) { body.bmcase-kit.index #footerTabs .bmcase-lower-cart .quantityContainer, body.bmcase-kit.index #footerTabs .bmcase-lower-cart .addCart > span { transition:none; } } /* Wholesale quantity fit: measured native input24px/padding4px left20px for text. Preserve12px font, native validation and caret. */ body.bmcase-kit #homeCatalog .product .addCartContainer, body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer, body.bmcase-kit #catalogLineList .addCartContainer, body.bmcase-kit #catalogTableList .addCartContainer, body.bmcase-kit.index #footerTabs .addCartContainer { container-type:inline-size; container-name:bmcase-wholesale-cart; } body.bmcase-kit #homeCatalog .product .addCartContainer .quantityContainer, body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .quantityContainer, body.bmcase-kit #catalogLineList .addCartContainer .quantityContainer, body.bmcase-kit #catalogTableList .addCartContainer .quantityContainer, body.bmcase-kit.index #footerTabs .addCartContainer .quantityContainer { box-sizing:border-box; width:124px; height:24px; } body.bmcase-kit #homeCatalog .product .addCartContainer .quantityContainer .quantityWrapper, body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .quantityContainer .quantityWrapper, body.bmcase-kit #catalogLineList .addCartContainer .quantityContainer .quantityWrapper, body.bmcase-kit #catalogTableList .addCartContainer .quantityContainer .quantityWrapper, body.bmcase-kit.index #footerTabs .addCartContainer .quantityContainer .quantityWrapper { display:flex; align-items:center; width:100%; height:24px; } body.bmcase-kit #homeCatalog .product .addCartContainer .quantityContainer .quantity, body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .quantityContainer .quantity, body.bmcase-kit #catalogLineList .addCartContainer .quantityContainer .quantity, body.bmcase-kit #catalogTableList .addCartContainer .quantityContainer .quantity, body.bmcase-kit.index #footerTabs .addCartContainer .quantityContainer .quantity { display:block; box-sizing:border-box; flex:0 0 68px; width:68px; min-width:0; height:24px; margin:0 4px; padding:0 4px; border:0; border-radius:3px; box-shadow:none; } body.bmcase-kit #homeCatalog .product .addCartContainer .quantityContainer :is(.plus,.minus), body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .quantityContainer :is(.plus,.minus), body.bmcase-kit #catalogLineList .addCartContainer .quantityContainer :is(.plus,.minus), body.bmcase-kit #catalogTableList .addCartContainer .quantityContainer :is(.plus,.minus), body.bmcase-kit.index #footerTabs .addCartContainer .quantityContainer :is(.plus,.minus) { display:block; box-sizing:border-box; flex:0 0 24px; width:24px; height:24px; margin:0; padding:0; } body.bmcase-kit #homeCatalog .product .addCartContainer .quantityContainer .quantity:focus, body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .quantityContainer .quantity:focus, body.bmcase-kit #catalogLineList .addCartContainer .quantityContainer .quantity:focus, body.bmcase-kit #catalogTableList .addCartContainer .quantityContainer .quantity:focus, body.bmcase-kit.index #footerTabs .addCartContainer .quantityContainer .quantity:focus { border-radius:3px; box-shadow:none; outline:1px solid currentColor; outline-offset:-2px; } body.bmcase-kit.index #footerTabs .bmcase-lower-cart .quantityContainer { border:0; box-shadow:inset 0 0 0 1px var(--bmcase-kit-primary,#663399); } @container bmcase-wholesale-cart (max-width:248px) { body.bmcase-kit #homeCatalog .product .addCartContainer:hover .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) > span, body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer:hover .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) > span, body.bmcase-kit #catalogLineList .addCartContainer:hover .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) > span, body.bmcase-kit #catalogTableList .addCartContainer:hover .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) > span, body.bmcase-kit.index #footerTabs .addCartContainer:hover .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) > span { font-size:0; left:18px; transform:translateY(-50%); } body.bmcase-kit #homeCatalog .product .addCartContainer:hover .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) .icon, body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer:hover .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) .icon, body.bmcase-kit #catalogLineList .addCartContainer:hover .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) .icon, body.bmcase-kit #catalogTableList .addCartContainer:hover .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) .icon, body.bmcase-kit.index #footerTabs .addCartContainer:hover .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) .icon { display:inline-block; width:14px; height:18px; margin:0; padding:0; visibility:visible; opacity:1; } body.bmcase-kit #homeCatalog .product .addCartContainer:focus-within .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) > span, body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer:focus-within .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) > span, body.bmcase-kit #catalogLineList .addCartContainer:focus-within .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) > span, body.bmcase-kit #catalogTableList .addCartContainer:focus-within .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) > span, body.bmcase-kit.index #footerTabs .addCartContainer:focus-within .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) > span { font-size:0; left:18px; transform:translateY(-50%); } body.bmcase-kit #homeCatalog .product .addCartContainer:focus-within .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) .icon, body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer:focus-within .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) .icon, body.bmcase-kit #catalogLineList .addCartContainer:focus-within .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) .icon, body.bmcase-kit #catalogTableList .addCartContainer:focus-within .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) .icon, body.bmcase-kit.index #footerTabs .addCartContainer:focus-within .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) .icon { display:inline-block; width:14px; height:18px; margin:0; padding:0; visibility:visible; opacity:1; } body.bmcase-kit #homeCatalog .product .addCartContainer.viewed .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) > span, body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer.viewed .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) > span, body.bmcase-kit #catalogLineList .addCartContainer.viewed .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) > span, body.bmcase-kit #catalogTableList .addCartContainer.viewed .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) > span, body.bmcase-kit.index #footerTabs .addCartContainer.viewed .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) > span { font-size:0; left:18px; transform:translateY(-50%); } body.bmcase-kit #homeCatalog .product .addCartContainer.viewed .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) .icon, body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer.viewed .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) .icon, body.bmcase-kit #catalogLineList .addCartContainer.viewed .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) .icon, body.bmcase-kit #catalogTableList .addCartContainer.viewed .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) .icon, body.bmcase-kit.index #footerTabs .addCartContainer.viewed .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) .icon { display:inline-block; width:14px; height:18px; margin:0; padding:0; visibility:visible; opacity:1; } @media(hover:none) { body.bmcase-kit #homeCatalog .product .addCartContainer .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) > span, body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) > span, body.bmcase-kit #catalogLineList .addCartContainer .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) > span, body.bmcase-kit #catalogTableList .addCartContainer .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) > span, body.bmcase-kit.index #footerTabs .addCartContainer .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) > span { font-size:0; left:18px; transform:translateY(-50%); } body.bmcase-kit #homeCatalog .product .addCartContainer .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) .icon, body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) .icon, body.bmcase-kit #catalogLineList .addCartContainer .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) .icon, body.bmcase-kit #catalogTableList .addCartContainer .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) .icon, body.bmcase-kit.index #footerTabs .addCartContainer .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) .icon { display:inline-block; width:14px; height:18px; margin:0; padding:0; visibility:visible; opacity:1; } } } @container bmcase-wholesale-cart (max-width:176px) { body.bmcase-kit #homeCatalog .product .addCartContainer .quantityContainer, body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .quantityContainer, body.bmcase-kit #catalogLineList .addCartContainer .quantityContainer, body.bmcase-kit #catalogTableList .addCartContainer .quantityContainer, body.bmcase-kit.index #footerTabs .addCartContainer .quantityContainer { position:relative; top:auto; right:auto; width:100%; max-width:124px; margin:8px auto 0; transform:none; } body.bmcase-kit #homeCatalog .product .addCartContainer .quantityContainer .quantity, body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .quantityContainer .quantity, body.bmcase-kit #catalogLineList .addCartContainer .quantityContainer .quantity, body.bmcase-kit #catalogTableList .addCartContainer .quantityContainer .quantity, body.bmcase-kit.index #footerTabs .addCartContainer .quantityContainer .quantity { flex:1 1 auto; width:68px; margin:0; } body.bmcase-kit #homeCatalog .product .addCartContainer .quantityContainer .quantityWrapper, body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .quantityContainer .quantityWrapper, body.bmcase-kit #catalogLineList .addCartContainer .quantityContainer .quantityWrapper, body.bmcase-kit #catalogTableList .addCartContainer .quantityContainer .quantityWrapper, body.bmcase-kit.index #footerTabs .addCartContainer .quantityContainer .quantityWrapper { justify-content:center; } body.bmcase-kit #homeCatalog .product .addCartContainer .quantityContainer, body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .quantityContainer, body.bmcase-kit #catalogLineList .addCartContainer .quantityContainer, body.bmcase-kit #catalogTableList .addCartContainer .quantityContainer, body.bmcase-kit.index #footerTabs .addCartContainer .quantityContainer { background:var(--bmcase-kit-primary,#663399); border-radius:4px; } body.bmcase-kit.index #footerTabs .bmcase-lower-cart .quantityContainer { background:#fff; } } /* Screenshot-targeted secondary specifications in LINE cards only. Main names/prices, availability and interactive SKU choices retain native colors. */ body.bmcase-kit #catalogLineList table.prop > tbody > tr > td, body.bmcase-kit #catalogLineList table.prop > tbody > tr > td:first-child > span { color:#666; } /* Test-template category cards: native sections, links and photo priority are unchanged. */ body.bmcase-kit .catalog-section-list-pictures { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:24px 12px; margin:0 0 24px; padding:0; border:0; background:transparent; } body.bmcase-kit .catalog-section-list-pictures::before, body.bmcase-kit .catalog-section-list-pictures::after, body.bmcase-kit .catalog-section-list-pictures .catalog-section-list-item::before { display:none; } body.bmcase-kit .catalog-section-list-pictures .catalog-section-list-item { float:none; width:auto; height:auto; min-width:0; padding:0; margin:0; border:0; border-radius:20px; background:#fff; line-height:normal; } body.bmcase-kit .catalog-section-list-pictures .catalog-section-list-item-wp { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto minmax(64px,auto); width:100%; height:100%; min-width:0; line-height:normal; } /* The same square remains reserved for sections that have no approved image. */ body.bmcase-kit .catalog-section-list-pictures .catalog-section-list-item-wp::before { content:""; display:block; grid-area:1 / 1; width:100%; aspect-ratio:1; background:#f6f6f6; border-radius:19px; pointer-events:none; } body.bmcase-kit .catalog-section-list-pictures .catalog-section-list-picture { display:block; grid-area:1 / 1; position:relative; width:100%; height:auto; min-width:0; aspect-ratio:1; margin:0; padding:0; line-height:normal; border:0; border-radius:19px; background:#f6f6f6; } body.bmcase-kit .catalog-section-list-pictures .catalog-section-list-picture img { display:block; position:absolute; inset:0; width:100% !important; height:100% !important; max-width:100%; max-height:100%; margin:0; padding:0; object-fit:contain; border:0; border-radius:19px; mix-blend-mode:multiply; } body.bmcase-kit .catalog-section-list-pictures .catalog-section-list-link { display:flex; grid-area:2 / 1; align-items:center; justify-content:center; box-sizing:border-box; height:auto; min-height:64px; padding:12px 10px; margin:0; overflow:visible; border:0; border-radius:0 0 20px 20px; background:#fff; font:700 16px/20px Mulish,sans-serif; color:#19191a; text-align:center; text-decoration:none; } body.bmcase-kit .catalog-section-list-pictures .catalog-section-list-link span { display:block; min-width:0; line-height:inherit; overflow-wrap:anywhere; } body.bmcase-kit .catalog-section-list-pictures a:focus-visible { outline:2px solid var(--bmcase-accent-focus,#74349e); outline-offset:-2px; } @media(max-width:1439px) { body.bmcase-kit .catalog-section-list-pictures { grid-template-columns:repeat(3,minmax(0,1fr)); } } @media(max-width:767px) { body.bmcase-kit .catalog-section-list-pictures { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 10px; } body.bmcase-kit .catalog-section-list-pictures .catalog-section-list-item-wp { grid-template-rows:auto minmax(68px,auto); } body.bmcase-kit .catalog-section-list-pictures .catalog-section-list-link { min-height:68px; padding:12px 8px; font-size:14px; line-height:18px; } } /* Test catalog heading: typography family only; native size, weight and text remain. */ body.bmcase-kit:has(#catalogColumn) #main > .limiter > h1 { font-family:Mulish,sans-serif; } /* Subtle depth for the test category cards only. */ body.bmcase-kit .catalog-section-list-pictures .catalog-section-list-item-wp { border-radius:20px; box-shadow:0 2px 8px rgba(0,0,0,.05); } /* Test header: replace only the remaining legacy font families. */ body.bmcase-kit #searchQuery, body.bmcase-kit #flushTopCompare .label, body.bmcase-kit #flushTopwishlist .label, body.bmcase-kit #flushTopCart .cartLabel, body.bmcase-kit .subPhones > .heading { font-family:Mulish,sans-serif; } /* Match the native header ID so this family override wins its later legacy rule. */ body.bmcase-kit #subHeader6 .subPhones > .heading { font-family:Mulish,sans-serif; } /* Quantity fields only: keep focus visible as a soft fill, without a stroked number box. */ body.bmcase-kit #homeCatalog .product .addCartContainer .quantityContainer .quantity:focus, body.bmcase-kit #catalog #ajaxSection #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .quantityContainer .quantity:focus, body.bmcase-kit #catalogLineList .addCartContainer .quantityContainer .quantity:focus, body.bmcase-kit #catalogTableList .addCartContainer .quantityContainer .quantity:focus, body.bmcase-kit.index #footerTabs .addCartContainer .quantityContainer .quantity:focus { outline:0; box-shadow:none; background-color:rgba(255,255,255,.18); caret-color:currentColor; } body.bmcase-kit.index #footerTabs .bmcase-lower-cart .quantityContainer .quantity:focus { background-color:rgba(102,51,153,.10); } /* Product detail first pass: presentation only. Native layout, gallery, SKU and commerce stay intact. */ body.bmcase-kit:has(#catalogElement) #main > .limiter > h1 { font-family:var(--bmcase-kit-font); font-weight:600; line-height:1.4; } body.bmcase-kit #catalogElement { border-top:0; } body.bmcase-kit #catalogElement #browse { background:#fff; border-radius:24px; border-collapse:separate; border-spacing:0; margin-bottom:20px; } body.bmcase-kit #catalogElement #elementTools { background:transparent; } /* Background on the existing sticky wrapper, without altering its JS-managed dimensions or position. */ body.bmcase-kit #catalogElement #elementTools .fixContainer { background:#fff; border-radius:24px; box-shadow:0 0 0 16px #fff; } body.bmcase-kit #catalogElement #smallElementTools .smallElementToolsContainer { background:#fff; border-radius:24px; box-shadow:none; } body.bmcase-kit #catalogElement #detailText, body.bmcase-kit #catalogElement #elementProperties { background:#fff; border-radius:24px; margin-bottom:20px; padding:24px; box-sizing:border-box; } body.bmcase-kit #catalogElement #detailText > .heading, body.bmcase-kit #catalogElement #elementProperties > .heading { padding:0 0 20px; border-top:0; font:600 22px/1.4 var(--bmcase-kit-font); letter-spacing:0; text-transform:none; } body.bmcase-kit #catalogElement #elementContainer .description, body.bmcase-kit #catalogElement #elementContainer .headingBox .heading, body.bmcase-kit #catalogElement :is(#elementTools,#smallElementTools) .price, body.bmcase-kit #catalogElement :is(#elementTools,#smallElementTools) .oldPriceLabel, body.bmcase-kit #catalogElement :is(#elementTools,#smallElementTools) .purchaseBonus { font-family:var(--bmcase-kit-font); } body.bmcase-kit #catalogElement #elementContainer .changeShortDescription { font-size:14px; line-height:1.6; } body.bmcase-kit #catalogElement #detailText .changeDescription { line-height:1.7; } body.bmcase-kit #catalogElement :is(#elementTools,#smallElementTools) .price { font-weight:700; line-height:1.25; } body.bmcase-kit #catalogElement #elementContainer .wishCompWrap .elem { border-radius:12px; } body.bmcase-kit #catalogElement #pictureContainer .item a img { object-fit:contain; } body.bmcase-kit #catalogElement #moreImagesCarousel .slideBox .item.selected::after { border-color:var(--bmcase-kit-primary,#663399); } body.bmcase-kit #catalogElement #elementContainer .elementProperties .propertyTable :is(.propertyName,.propertyValue) { padding-top:6px; padding-bottom:6px; } body.bmcase-kit #catalogElement :is(#elementNavigation,#elementSmallNavigation) .tab > a { font-family:var(--bmcase-kit-font); border-radius:12px; } body.bmcase-kit #catalogElement .mainTool .addCart, body.bmcase-kit #catalogElement :is(#elementTools,#smallElementTools) .quickBuy { height:48px; line-height:48px; border-radius:12px; font-family:var(--bmcase-kit-font); } @media(max-width:767px) { body.bmcase-kit #catalogElement #browse, body.bmcase-kit #catalogElement #smallElementTools .smallElementToolsContainer, body.bmcase-kit #catalogElement #detailText, body.bmcase-kit #catalogElement #elementProperties { border-radius:20px; } } /* Keep native mobile accordion visibility, active state, and plus/minus affordance. */ @media(max-width:620px) { body.bmcase-kit #catalogElement #detailText, body.bmcase-kit #catalogElement #elementProperties { padding:16px; } body.bmcase-kit #catalogElement #detailText > .heading, body.bmcase-kit #catalogElement #elementProperties > .heading { padding:16px 46px 16px 16px; font-size:16px; border-radius:12px; } } /* Applied only after the same native qtyBlock node has moved before the cart button. */ body.bmcase-kit #catalogElement .mainTool .bmcase-detail-qty-first { display:block; overflow:visible; } body.bmcase-kit #catalogElement .mainTool .bmcase-detail-qty-first > .addCart { position:relative; display:block; width:100%; } body.bmcase-kit #catalogElement .mainTool .bmcase-detail-qty-first > .qtyBlock { box-sizing:border-box; width:124px; padding:0; margin:0 0 12px; background:transparent; } body.bmcase-kit #catalogElement .mainTool .bmcase-detail-qty-first .qtyBlockContainer { position:relative; top:auto; right:auto; box-sizing:border-box; display:flex; align-items:center; justify-content:center; width:124px; height:28px; padding:0; border:0; border-radius:4px; line-height:normal; transform:none; visibility:visible; opacity:1; } body.bmcase-kit #catalogElement .mainTool .bmcase-detail-qty-first .qtyBlockContainer .qty { box-sizing:border-box; display:block; flex:0 0 68px; width:68px; min-width:68px; height:24px; padding:0 4px; margin:0 4px; border:0; border-radius:3px; box-shadow:none; font:400 12px/24px var(--bmcase-kit-font); text-align:center; caret-color:currentColor; } body.bmcase-kit #catalogElement .mainTool .bmcase-detail-qty-first .qtyBlockContainer :is(.minus,.plus) { position:static; display:block; flex:0 0 24px; width:24px; min-width:24px; height:24px; margin:0; padding:0; transform:none; border-radius:3px; } /* Native state contract, independent of DOM sibling order after the move. */ body.bmcase-kit #catalogElement .mainTool .bmcase-detail-qty-first:has(> .addCart:is(.added,.disabled,.requestPrice,.subscribe)) > .qtyBlock { display:none; } body.bmcase-kit #catalogElement .mainTool .bmcase-detail-qty-first .qty:focus { outline:0; box-shadow:none; background-color:rgba(255,255,255,.18); } body.bmcase-kit #catalogElement :is(#browse,#elementTools,#smallElementTools,#elementNavigation,#elementSmallNavigation) a:focus-visible { outline:2px solid var(--bmcase-kit-primary,#663399); outline-offset:2px; } @media(min-width:1101px) { body.bmcase-kit #catalogElement .mainTool .bmcase-detail-qty-first .qtyBlockContainer { background:var(--bmcase-kit-primary,#663399); } body.bmcase-kit #catalogElement .mainTool .bmcase-detail-qty-first:hover .addCart span { left:50%; transform:translate(-50%,-50%); } body.bmcase-kit #catalogElement .mainTool .bmcase-detail-qty-first:hover .addCart .icon { width:auto; height:auto; margin-top:-6px; padding-right:12px; visibility:visible; opacity:1; } } @media(max-width:1100px) { body.bmcase-kit #catalogElement .mainTool .bmcase-detail-qty-first .qtyBlockContainer { height:40px; background:#f3f3f3; } } @media(max-width:1100px) { body.bmcase-kit #catalogElement .mainTool .bmcase-detail-qty-first .qty:focus { background-color:rgba(102,51,153,.10); } } /* Detail navigation skin only. Native responsive, scroll, active and accordion behavior retained. */ body.bmcase-kit #catalogElement #elementNavigation, body.bmcase-kit #catalogElement #elementNavigation > .tabs, body.bmcase-kit #catalogElement #elementSmallNavigation { background-color:#f3f3f3; } body.bmcase-kit #catalogElement #elementSmallNavigation { border-color:transparent; border-radius:20px; } body.bmcase-kit #catalogElement #elementSmallNavigation .tab { border-color:transparent; } body.bmcase-kit #catalogElement :is(#elementNavigation,#elementSmallNavigation) .tab > a { font-family:var(--bmcase-kit-font); text-transform:none; color:var(--bmcase-kit-text,#19191a); border-radius:12px; } body.bmcase-kit #catalogElement :is(#elementNavigation,#elementSmallNavigation) .tab.active > a { color:var(--bmcase-kit-primary,#663399); background-color:#fff; } @media(hover:hover) and (pointer:fine) { body.bmcase-kit #catalogElement :is(#elementNavigation,#elementSmallNavigation) .tab:not(.disabled) > a:hover { background-color:#fff; } } @media(max-width:620px) { body.bmcase-kit #catalogElement #elementContainer h2.heading:not(.noTabs) { font-family:var(--bmcase-kit-font); text-transform:none; background-color:#fff; border-radius:12px; } body.bmcase-kit #catalogElement #elementContainer h2.heading.active:not(.noTabs) { color:var(--bmcase-kit-primary,#663399); } } /* Existing approved catalog-card rules, scoped only to native similar items. No content/handlers changed. */ body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList { display:flex; flex-wrap:wrap; border:0; margin:0 -8px; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList::before, body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList::after { display:none; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) { float:none; height:auto !important; min-height:0; padding:0 8px 16px; border:0; border-radius:0; background:transparent; align-self:start; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last)::before { display:none; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .tabloid, body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last):hover .tabloid { position:relative; container-type:inline-size; container-name:bmcase-catalog-card; display:grid; grid-template-columns:minmax(0,1fr); box-sizing:border-box; width:100%; height:auto !important; min-height:0; padding:10px; border:0; border-radius:24px; box-shadow:none; overflow:visible; background:#fff; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .productTable, body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .productColImage, body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .productColText { display:contents; width:auto; padding:0; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .picture { grid-row:1; display:flex; position:relative; align-items:center; justify-content:center; width:100%; height:auto !important; min-height:0; max-height:none; aspect-ratio:1 / 1; line-height:normal; margin:0 0 12px; padding:0; border-radius:20px; background:#f5f5f5; overflow:hidden; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .picture > img { position:absolute; left:0; top:0; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:contain; border-radius:20px; mix-blend-mode:multiply; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .name { grid-row:2; display:block; height:40px; margin:0 0 8px; line-height:20px; font-family:var(--bmcase-kit-font); } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .name .middle { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font:400 14px/20px var(--bmcase-kit-font); } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .price { grid-row:3; min-height:26px; margin:0 0 12px; font:500 18px/26px var(--bmcase-kit-font); } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .price .measure { font-size:14px; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .optional { grid-row:4; display:flex; justify-content:space-between; gap:4px; margin:0 0 8px; min-width:0; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .optional .row { display:block; margin:0; min-width:0; overflow:visible; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .optional .row:last-child { margin-left:auto; text-align:right; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .optional .label:not(.addWishlist) { float:none; font-family:var(--bmcase-kit-font); font-size:11px; white-space:normal; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .optional .row .label:not(.addWishlist):not(.quickBuy) { display:inline-flex; align-items:center; width:auto; max-width:100%; white-space:nowrap; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .optional .label:not(.addWishlist) .icon { flex:0 0 auto; width:14px; height:14px; margin:0; padding-right:4px; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addWishlist.label { position:absolute; top:10px; right:10px; z-index:4; float:none; display:flex; align-items:center; justify-content:center; width:32px; height:32px; font-size:0; border-radius:50%; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addWishlist.label .icon { width:20px; height:22px; padding:0; margin:0; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .rating { right:50px; top:12px; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .btn-simple.add-cart { grid-row:6; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer { grid-row:5; display:block; position:relative; width:100%; margin:0; overflow:hidden; border-radius:12px; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCart { display:block; width:100%; height:48px; line-height:48px; padding:0 12px; border-radius:12px; font-family:var(--bmcase-kit-font); } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .quantityContainer { top:12px; right:18px; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .quantityContainer .plus, body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .quantityContainer .minus, body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .quantityContainer .quantity { width:24px; height:24px; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer:hover span, body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer.viewed span, body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer:focus-within span { left:0; transform:translate(18px,-50%); } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer:hover .addCart .icon, body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer.viewed .addCart .icon, body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer:focus-within .addCart .icon { width:0; height:0; margin:0; padding:0; visibility:hidden; opacity:0; transition:width .4s ease-in-out,opacity .4s ease-in-out; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer:focus-within .quantityContainer { transform:translateX(0); visibility:visible; opacity:1; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .addCart.added span, body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .addCart.disabled span, body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .addCart.subscribe span, body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .addCart.requestPrice span { left:50%; transform:translate(-50%,-50%); } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .addCart.added .icon, body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .addCart.disabled .icon, body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .addCart.subscribe .icon, body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .addCart.requestPrice .icon { width:auto; height:auto; margin-top:-4px; padding-right:12px; visibility:visible; opacity:1; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer a:focus-visible, body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer input:focus-visible { outline:2px solid #fff; outline-offset:-2px; } @media(hover:none) { body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .quantityContainer { transform:translateX(0); visibility:visible; opacity:1; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) span { left:0; transform:translate(12px,-50%); } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) .icon { width:0; height:0; margin:0; padding:0; visibility:hidden; opacity:0; } } @media(prefers-reduced-motion:reduce) { body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .quantityContainer, body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .addCart span, body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .addCart .icon { transition:none; } } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) a:focus-visible, body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) input:focus-visible { outline:2px solid var(--bmcase-accent-focus); outline-offset:2px; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer a:focus-visible, body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer input:focus-visible { outline:2px solid #fff; outline-offset:-2px; } @media(max-width:767px) { body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList { margin:0 -6px; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) { padding:0 6px 12px; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .tabloid, body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last):hover .tabloid { border-radius:20px; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .picture { margin-bottom:10px; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .name .middle { font-size:13px; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .btn-simple.add-cart { display:none; } } @media(max-width:420px) { body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .optional .row .label:not(.addWishlist):not(.quickBuy) { font-size:10px; } } @container bmcase-catalog-card (max-width:200px) { body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .optional { flex-wrap:wrap; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) span { font-size:0; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) .icon { width:auto; height:auto; margin-top:-4px; padding:0; visibility:visible; opacity:1; } } @container bmcase-catalog-card (max-width:145px) { body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .quantityContainer { right:6px; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) span { left:0; transform:translate(6px,-50%); } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) .icon { width:20px; height:20px; } } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer { container-type:inline-size; container-name:bmcase-wholesale-cart; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .quantityContainer { box-sizing:border-box; width:124px; height:24px; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .quantityContainer .quantityWrapper { display:flex; align-items:center; width:100%; height:24px; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .quantityContainer .quantity { display:block; box-sizing:border-box; flex:0 0 68px; width:68px; min-width:0; height:24px; margin:0 4px; padding:0 4px; border:0; border-radius:3px; box-shadow:none; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .quantityContainer :is(.plus,.minus) { display:block; box-sizing:border-box; flex:0 0 24px; width:24px; height:24px; margin:0; padding:0; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .quantityContainer .quantity:focus { border-radius:3px; box-shadow:none; outline:1px solid currentColor; outline-offset:-2px; } @container bmcase-wholesale-cart (max-width:248px) { body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer:hover .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) > span { font-size:0; left:18px; transform:translateY(-50%); } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer:hover .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) .icon { display:inline-block; width:14px; height:18px; margin:0; padding:0; visibility:visible; opacity:1; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer:focus-within .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) > span { font-size:0; left:18px; transform:translateY(-50%); } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer:focus-within .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) .icon { display:inline-block; width:14px; height:18px; margin:0; padding:0; visibility:visible; opacity:1; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer.viewed .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) > span { font-size:0; left:18px; transform:translateY(-50%); } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer.viewed .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) .icon { display:inline-block; width:14px; height:18px; margin:0; padding:0; visibility:visible; opacity:1; } @media(hover:none) { body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) > span { font-size:0; left:18px; transform:translateY(-50%); } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) .icon { display:inline-block; width:14px; height:18px; margin:0; padding:0; visibility:visible; opacity:1; } } } @container bmcase-wholesale-cart (max-width:176px) { body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .quantityContainer { position:relative; top:auto; right:auto; width:100%; max-width:124px; margin:8px auto 0; transform:none; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .quantityContainer .quantity { flex:1 1 auto; width:68px; margin:0; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .quantityContainer .quantityWrapper { justify-content:center; } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .quantityContainer { background:var(--bmcase-kit-primary,#663399); border-radius:4px; } } body.bmcase-kit #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) .addCartContainer .quantityContainer .quantity:focus { outline:0; box-shadow:none; background-color:rgba(255,255,255,.18); caret-color:currentColor; } /* Match the section heading family without changing native accordion metrics. */ body.bmcase-kit #catalogElement #similar > .heading { font-family:var(--bmcase-kit-font); text-transform:none; } /* Private preview: retain Mulish bold in native product descriptions. */ body.bmcase-kit #catalogElement #detailText .changeDescription strong { font-family:var(--bmcase-kit-font); font-weight:700; } /* Private progressive product-info tabs; native content remains visible without JS. */ body.bmcase-kit #catalogElement .bmcase-info-ready { margin:0 0 24px; } body.bmcase-kit #catalogElement .bmcase-info-ready .bmcase-info-tabs { display:inline-flex; gap:12px; max-width:100%; padding:12px; margin:0 0 20px; box-sizing:border-box; border-radius:24px; background:#fff; } body.bmcase-kit #catalogElement .bmcase-info-ready [role="tab"] { flex:1 1 0; min-width:0; min-height:56px; padding:12px 32px; border:0; border-radius:16px; background:#f3f3f3; color:#242424; cursor:pointer; font:500 18px/1.4 var(--bmcase-kit-font); text-transform:none; white-space:normal; } body.bmcase-kit #catalogElement .bmcase-info-ready [role="tab"][aria-selected="true"] { background:#663399; color:#fff; } body.bmcase-kit #catalogElement .bmcase-info-ready [role="tab"]:focus-visible, body.bmcase-kit #catalogElement .bmcase-info-ready [role="tabpanel"]:focus-visible { outline:2px solid #663399; outline-offset:3px; } body.bmcase-kit #catalogElement .bmcase-info-ready :is(#detailText,#elementProperties) { margin:0; } body.bmcase-kit #catalogElement .bmcase-info-ready .changePropertiesGroup { margin:0; padding:0; } body.bmcase-kit #catalogElement .bmcase-info-ready .bmcase-info-panel > .heading.noTabs { padding:0 0 20px; margin:0; border:0; background:transparent; cursor:default; height:auto; line-height:1.4; } body.bmcase-kit #catalogElement .bmcase-info-ready .bmcase-info-panel > .heading.noTabs::after { display:none; } body.bmcase-kit #catalogElement .bmcase-info-ready .bmcase-info-panel > :is(.changeDescription,.detailPropertiesTable) { display:block !important; height:auto !important; } body.bmcase-kit #catalogElement .bmcase-info-ready [hidden], body.bmcase-kit #catalogElement .bmcase-info-ready[hidden] { display:none !important; } @media(max-width:620px) { body.bmcase-kit #catalogElement .bmcase-info-ready .bmcase-info-tabs { display:flex; gap:8px; padding:8px; border-radius:20px; } body.bmcase-kit #catalogElement .bmcase-info-ready [role="tab"] { min-height:48px; padding:10px 12px; border-radius:12px; font-size:14px; } } /* Full specifications: quiet labels and brief-specification-style line leaders. */ body.bmcase-kit #catalogElement #elementProperties .stats tr:not(.cap) > td, body.bmcase-kit #catalogElement #elementProperties .stats tr:not(.cap):hover > td { background:#fff; } body.bmcase-kit #catalogElement #elementProperties .stats tr:not(.cap) > td.name { position:relative; overflow:hidden; padding-left:0; color:#767676; } body.bmcase-kit #catalogElement #elementProperties .stats tr:not(.cap) > td.name > span { padding-right:0; } body.bmcase-kit #catalogElement #elementProperties .stats tr:not(.cap) > td.name::after { position:absolute; width:100%; height:1em; margin-left:12px; border-bottom:1px solid #d0d0d0; content:""; pointer-events:none; } body.bmcase-kit #catalogElement #elementProperties .stats tr:not(.cap) > td:nth-child(2) { padding-left:12px; color:#242424; font-family:var(--bmcase-kit-font); overflow-wrap:anywhere; } /* Reuse approved #footerTabsCaption component for product information tabs. */ body.bmcase-kit #catalogElement .bmcase-info-ready .bmcase-info-tabs { display:flex; flex-wrap:wrap; gap:12px; width:fit-content; min-width:0; max-width:100%; box-sizing:border-box; padding:10px; margin:0 0 16px; border:0; border-radius:24px; background:#fff; } body.bmcase-kit #catalogElement .bmcase-info-ready [role="tab"] { display:block; box-sizing:border-box; flex:0 0 auto; width:auto; min-width:0; height:48px; min-height:48px; padding:12px 18px; border:0; border-radius:12px; font:500 16px/24px var(--bmcase-kit-font); text-transform:none; white-space:nowrap; background:#f3f3f5; color:var(--bmcase-kit-text); } body.bmcase-kit #catalogElement .bmcase-info-ready [role="tab"][aria-selected="true"] { background:var(--bmcase-kit-primary); color:#fff; } body.bmcase-kit #catalogElement .bmcase-info-ready [role="tab"]:hover { color:var(--bmcase-kit-text); background:#e9e9ee; } body.bmcase-kit #catalogElement .bmcase-info-ready [role="tab"][aria-selected="true"]:hover { color:#fff; background:var(--bmcase-accent-hover); } body.bmcase-kit #catalogElement .bmcase-info-ready [role="tab"]:focus-visible { outline:2px solid var(--bmcase-accent-focus); outline-offset:2px; } @media(max-width:767px) { body.bmcase-kit #catalogElement .bmcase-info-ready .bmcase-info-tabs { gap:8px; margin-bottom:12px; border-radius:20px; } body.bmcase-kit #catalogElement .bmcase-info-ready [role="tab"] { padding:12px; font-size:14px; line-height:20px; } } /* Separate the native wide navigation pill from the adjacent white product panel. */ @media(min-width:1521px) { body.bmcase-kit #catalogElement #elementNavigation > .tabs { box-sizing:border-box; padding-right:16px; } } /* Compact purchase panel: real 10px rim instead of a 16px painted spread. */ body.bmcase-kit #catalogElement #elementTools .fixContainer { box-sizing:content-box; width:220px; padding:10px; margin-left:-10px; border-radius:12px; box-shadow:none; } body.bmcase-kit #catalogElement #smallElementTools .smallElementToolsContainer { padding:10px; border-radius:12px; box-shadow:none; } body.bmcase-kit #catalogElement :is(#elementTools,#smallElementTools) .row.share-items { display:none; } /* Original cart-then-quantity DOM; the qty-above mover is no longer included. */ body.bmcase-kit #catalogElement :is(#elementTools,#smallElementTools) .mainTool .addCartContainer { position:relative; width:220px; overflow:visible; } body.bmcase-kit #catalogElement :is(#elementTools,#smallElementTools) .mainTool .addCart { position:relative; display:block; box-sizing:border-box; width:100%; height:48px; line-height:48px; border-radius:12px; } body.bmcase-kit #catalogElement :is(#elementTools,#smallElementTools) .mainTool .addCart > span { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); white-space:nowrap; font-size:16px; } body.bmcase-kit #catalogElement :is(#elementTools,#smallElementTools) .mainTool .qtyBlock { position:absolute; inset:0; display:block; width:100%; height:48px; margin:0; padding:0; border:0; background:transparent; pointer-events:none; } body.bmcase-kit #catalogElement :is(#elementTools,#smallElementTools) .mainTool .qtyBlockContainer { position:absolute; top:12px; right:18px; display:flex; align-items:center; box-sizing:border-box; width:124px; height:24px; margin:0; padding:0; border:0; background:transparent; transform:none; visibility:hidden; opacity:0; pointer-events:auto; } body.bmcase-kit #catalogElement :is(#elementTools,#smallElementTools) .mainTool .qtyBlockContainer .qty { display:block; box-sizing:border-box; flex:0 0 68px; width:68px; min-width:68px; height:24px; margin:0 4px; padding:0 4px; border:0; border-radius:3px; box-shadow:none; background:transparent; color:#fff; font:400 12px/24px var(--bmcase-kit-font); text-align:center; caret-color:currentColor; } body.bmcase-kit #catalogElement :is(#elementTools,#smallElementTools) .mainTool .qtyBlockContainer :is(.minus,.plus) { position:static; display:block; box-sizing:border-box; flex:0 0 24px; width:24px; min-width:24px; height:24px; margin:0; padding:0; border:0; border-radius:3px; transform:none; background-color:rgba(255,255,255,.1); } body.bmcase-kit #catalogElement :is(#elementTools,#smallElementTools) .mainTool .qtyBlockContainer .qty:focus { outline:0; box-shadow:none; background-color:rgba(255,255,255,.18); } body.bmcase-kit #catalogElement :is(#elementTools,#smallElementTools) .mainTool .addCartContainer:is(:hover,:focus-within) .qtyBlockContainer { visibility:visible; opacity:1; } body.bmcase-kit #catalogElement :is(#elementTools,#smallElementTools) .mainTool .addCartContainer:is(:hover,:focus-within) > .addCart:not(.added):not(.disabled):not(.requestPrice):not(.subscribe) > span { left:18px; transform:translateY(-50%); font-size:0; } body.bmcase-kit #catalogElement :is(#elementTools,#smallElementTools) .mainTool .addCartContainer:is(:hover,:focus-within) > .addCart:not(.added):not(.disabled):not(.requestPrice):not(.subscribe) .icon { display:inline-block; width:14px; height:18px; margin:0; padding:0; visibility:visible; opacity:1; } body.bmcase-kit #catalogElement :is(#elementTools,#smallElementTools) .mainTool .addCart:is(.added,.disabled,.requestPrice,.subscribe) + .qtyBlock { display:none; } @media(max-width:1100px) { body.bmcase-kit #catalogElement #smallElementTools .mainTool .addCartContainer { width:100%; } } @media(hover:none) { body.bmcase-kit #catalogElement :is(#elementTools,#smallElementTools) .mainTool .qtyBlockContainer { visibility:visible; opacity:1; } body.bmcase-kit #catalogElement :is(#elementTools,#smallElementTools) .mainTool .addCart:not(.added):not(.disabled):not(.requestPrice):not(.subscribe) > span { left:18px; transform:translateY(-50%); font-size:0; } body.bmcase-kit #catalogElement :is(#elementTools,#smallElementTools) .mainTool .addCart:not(.added):not(.disabled):not(.requestPrice):not(.subscribe) .icon { display:inline-block; width:14px; height:18px; margin:0; padding:0; visibility:visible; opacity:1; } } /* Reuse native white quantity glyphs in the shared purple control at every width. */ body.bmcase-kit #catalogElement :is(#elementTools,#smallElementTools) .mainTool .qtyBlockContainer .minus { background-image:url('/bitrix/components/dresscode/catalog.item/templates/detail/images/basket-add-minus.png'); background-repeat:no-repeat; background-position:center; } body.bmcase-kit #catalogElement :is(#elementTools,#smallElementTools) .mainTool .qtyBlockContainer .plus { background-image:url('/bitrix/components/dresscode/catalog.item/templates/detail/images/basket-add-plus.png'); background-repeat:no-repeat; background-position:center; } /* Horizontal product navigation: reuse the approved information-tab skin. Native wide vertical navigation/gutter, mobile hiding, links and scrollspy stay intact. */ @media (min-width:621px) and (max-width:1520px) { body.bmcase-kit #catalogElement #elementSmallNavigation { box-sizing:border-box; height:auto; min-height:0; padding:0; overflow:visible; line-height:normal; border:0; border-radius:0; background:transparent; } body.bmcase-kit #catalogElement #elementSmallNavigation > .tabs { display:flex; flex-wrap:wrap; align-items:center; gap:12px; box-sizing:border-box; width:fit-content; min-width:0; max-width:100%; padding:10px; margin:0 0 16px; border:0; border-radius:24px; background:#fff; } body.bmcase-kit #catalogElement #elementSmallNavigation > .tabs > .tab { float:none; flex:0 1 auto; box-sizing:border-box; min-width:0; max-width:100%; margin:0; padding:0; border:0; } body.bmcase-kit #catalogElement #elementSmallNavigation > .tabs > .tab > a { display:block; box-sizing:border-box; width:auto; min-width:0; height:48px; min-height:48px; padding:12px 18px; border:0; border-radius:12px; font:500 16px/24px var(--bmcase-kit-font); text-transform:none; white-space:normal; text-decoration:none; background:#f3f3f5; color:var(--bmcase-kit-text); } body.bmcase-kit #catalogElement #elementSmallNavigation > .tabs > .tab > a > span { border:0; color:inherit; text-decoration:none; } body.bmcase-kit #catalogElement #elementSmallNavigation > .tabs > .tab.active > a { background:var(--bmcase-kit-primary); color:#fff; } body.bmcase-kit #catalogElement #elementSmallNavigation > .tabs > .tab:not(.disabled) > a:hover { background:#e9e9ee; color:var(--bmcase-kit-text); } body.bmcase-kit #catalogElement #elementSmallNavigation > .tabs > .tab.active:not(.disabled) > a:hover { background:var(--bmcase-accent-hover); color:#fff; } body.bmcase-kit #catalogElement #elementSmallNavigation > .tabs > .tab > a:focus-visible { outline:2px solid var(--bmcase-accent-focus); outline-offset:2px; } } @media (min-width:621px) and (max-width:767px) { body.bmcase-kit #catalogElement #elementSmallNavigation > .tabs { gap:8px; margin-bottom:12px; border-radius:20px; } body.bmcase-kit #catalogElement #elementSmallNavigation > .tabs > .tab > a { padding:12px; font-size:14px; line-height:20px; } } /* The mobile purchase shell already supplies the approved 10px rim. */ @media(max-width:1100px) { body.bmcase-kit #catalogElement #smallElementTools .smallElementToolsContainer > .mainTool, body.bmcase-kit #catalogElement #smallElementTools .smallElementToolsContainer > .secondTool { padding:0; } } /* Product overview composition; native controls and gallery remain original nodes. */ body.bmcase-kit #catalogElement #browse.bmcase-composition-ready > .col { box-sizing:border-box; vertical-align:top; } body.bmcase-kit #catalogElement #browse.bmcase-composition-ready .bmcase-product-name { margin:0 0 24px; font:600 24px/1.4 var(--bmcase-kit-font); color:#242424; overflow-wrap:anywhere; } body.bmcase-kit #catalogElement #browse.bmcase-composition-ready .bmcase-overview-label { margin:0 0 12px; font:500 16px/1.4 var(--bmcase-kit-font); color:#242424; } body.bmcase-kit #catalogElement #browse.bmcase-composition-ready .bmcase-overview-text { margin:0 0 12px; font:400 14px/1.6 var(--bmcase-kit-font); } body.bmcase-kit #catalogElement #browse.bmcase-composition-ready .description { margin:0 0 24px; } body.bmcase-kit #catalogElement #browse.bmcase-composition-ready .description.bmcase-has-excerpt > .heading, body.bmcase-kit #catalogElement #browse.bmcase-composition-ready .description.bmcase-has-excerpt > .changeShortDescription, body.bmcase-kit #catalogElement #browse.bmcase-composition-ready .bmcase-brief-spec .propertyList, body.bmcase-kit #catalogElement #browse.bmcase-composition-ready .bmcase-brief-spec .headingBox > .heading { display:none; } body.bmcase-kit #catalogElement #browse.bmcase-composition-ready .bmcase-brief-spec .headingBox { margin:12px 0 0; padding:0; border:0; } body.bmcase-kit #catalogElement #browse.bmcase-composition-ready .bmcase-brief-spec .moreProperties { float:none; display:block; } body.bmcase-kit #catalogElement #browse.bmcase-composition-ready .bmcase-brief-spec .article { margin:0; padding:0; font:400 14px/1.6 var(--bmcase-kit-font); color:#767676; } body.bmcase-kit #catalogElement #browse.bmcase-composition-ready .bmcase-brief-spec .changeArticle { color:#242424; } body.bmcase-kit #catalogElement #browse.bmcase-composition-ready :is(.bmcase-overview-more,.morePropertiesLink) { font:500 14px/1.6 var(--bmcase-kit-font); color:#242424; } @media(min-width:1101px) { body.bmcase-kit #catalogElement #browse.bmcase-composition-ready > .bmcase-vertical-thumbs { padding-left:100px; } body.bmcase-kit #catalogElement #browse.bmcase-composition-ready .bmcase-vertical-thumbs .markerContainer { left:100px; } body.bmcase-kit #catalogElement #browse.bmcase-composition-ready .bmcase-vertical-thumbs #moreImagesCarousel { position:absolute; top:24px; left:24px; width:64px; margin:0; padding:0; overflow:visible; } body.bmcase-kit #catalogElement #browse.bmcase-composition-ready .bmcase-vertical-thumbs #moreImagesCarousel .carouselWrapper { width:100%; overflow:visible; } body.bmcase-kit #catalogElement #browse.bmcase-composition-ready .bmcase-vertical-thumbs #moreImagesCarousel .slideBox { width:100% !important; left:0 !important; height:auto; display:flex; flex-direction:column; gap:12px; overflow:visible; } body.bmcase-kit #catalogElement #browse.bmcase-composition-ready .bmcase-vertical-thumbs #moreImagesCarousel .slideBox .item { float:none; width:100% !important; height:64px; line-height:64px; } body.bmcase-kit #catalogElement #browse.bmcase-composition-ready .bmcase-vertical-thumbs #moreImagesCarousel .slideBox .item a { height:64px; line-height:64px; } body.bmcase-kit #catalogElement #browse.bmcase-composition-ready .bmcase-vertical-thumbs #moreImagesCarousel .slideBox .item.selected::after { bottom:-4px; } body.bmcase-kit #catalogElement #browse.bmcase-composition-ready .bmcase-vertical-thumbs #pictureContainer .item { padding:0; } body.bmcase-kit #catalogElement #browse.bmcase-composition-ready .bmcase-vertical-thumbs #pictureContainer .item a img { max-width:100%; } } @media(max-width:790px) { body.bmcase-kit #catalogElement #browse.bmcase-composition-ready .bmcase-product-name { font-size:20px; margin-bottom:20px; } } /* The reference guide is the native content-column edge, not a viewport pixel constant. */ body.bmcase-kit #main > .limiter.bmcase-composition-heading > :is(h1,#breadcrumbs) { width:auto; margin-left:var(--bmcase-heading-inset,0px); } body.bmcase-kit #catalogElement:has(#browse.bmcase-composition-ready) #elementTools { padding-top:0; vertical-align:top; } /* Overview links share the content axis; all native navigation handlers remain unchanged. */ body.bmcase-kit #catalogElement #browse.bmcase-composition-ready .bmcase-brief-spec > .changePropertiesNoGroup { display:block; margin-top:0; } body.bmcase-kit #catalogElement #browse.bmcase-composition-ready .bmcase-brief-spec .headingBox { display:block; width:auto; } body.bmcase-kit #catalogElement #browse.bmcase-composition-ready .bmcase-brief-spec .moreProperties { display:block; width:auto; padding:0; } body.bmcase-kit #catalogElement #browse.bmcase-composition-ready :is(.bmcase-overview-more,.bmcase-brief-spec .morePropertiesLink):not([hidden]) { display:inline-flex; align-items:center; gap:12px; text-decoration:none; } body.bmcase-kit #catalogElement #browse.bmcase-composition-ready :is(.bmcase-overview-more,.bmcase-brief-spec .morePropertiesLink)::after { content:""; display:inline-block; flex:0 0 8px; width:8px; height:8px; box-sizing:border-box; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:translateY(-2px) rotate(45deg); } body.bmcase-kit #catalogElement #browse.bmcase-composition-ready :is(.bmcase-overview-more,.bmcase-brief-spec .morePropertiesLink):focus-visible { outline:2px solid var(--bmcase-kit-primary,#663399); outline-offset:3px; border-radius:3px; } /* White thumbnail backing and approved12px rounding; existing64px geometry and image sizes unchanged. */ body.bmcase-kit #catalogElement #browse.bmcase-composition-ready .bmcase-vertical-thumbs #moreImagesCarousel .slideBox .item > a { background:#fff; border-radius:12px; overflow:hidden; } body.bmcase-kit #catalogElement #browse.bmcase-composition-ready .bmcase-vertical-thumbs #moreImagesCarousel .slideBox .item img { border-radius:12px; object-fit:contain; } /* Private delivery estimate presentation. Native AJAX/quantity/checkbox/close handlers are unchanged. */ body.bmcase-kit .delivery-modal { font-family:var(--bmcase-kit-font); } body.bmcase-kit .delivery-modal .delivery-modal-container { width:min(760px,calc(100vw - 32px)); padding:24px; border-radius:24px; } body.bmcase-kit .delivery-modal .h3 { font:600 22px/1.4 var(--bmcase-kit-font); text-transform:none; color:#242424; padding-right:48px; margin:0 0 24px; } body.bmcase-kit .delivery-modal :is(.delivery-name,.price,.active-link) { font-family:var(--bmcase-kit-font); font-weight:600; } body.bmcase-kit .delivery-modal .delivery-descr { font:400 14px/1.5 var(--bmcase-kit-font); color:#767676; overflow-wrap:anywhere; } body.bmcase-kit .delivery-modal .delivery-name { overflow-wrap:anywhere; } body.bmcase-kit .delivery-modal .delivery-item-container { padding:16px 0; } body.bmcase-kit .delivery-modal .image img { object-fit:contain; } body.bmcase-kit .delivery-modal .delivery-modal-qty { display:flex; flex-wrap:wrap; align-items:center; gap:16px 24px; margin-bottom:16px; } body.bmcase-kit .delivery-modal .qtyBlock { display:inline-grid; grid-template-columns:max-content 28px 68px 28px; align-items:center; padding:0; flex:0 0 auto; } body.bmcase-kit .delivery-modal .qtyBlock .label { margin:0 12px 0 0; font:400 14px/1.5 var(--bmcase-kit-font); } body.bmcase-kit .delivery-modal .qtyBlock .qty { width:68px; height:48px; box-sizing:border-box; margin:0; padding:0 4px; border-radius:3px; font:400 12px/1.4 var(--bmcase-kit-font); background:#f3f3f3; color:#242424; caret-color:#242424; } body.bmcase-kit .delivery-modal .qtyBlock :is(.plus,.minus) { position:relative; width:28px; height:48px; box-sizing:border-box; margin:0; background-image:none; background-color:#f3f3f3; } body.bmcase-kit .delivery-modal .qtyBlock .minus { border-radius:12px 0 0 12px; } body.bmcase-kit .delivery-modal .qtyBlock .plus { border-radius:0 12px 12px 0; } body.bmcase-kit .delivery-modal .qtyBlock :is(.plus,.minus)::before { content:""; position:absolute; width:19px; height:19px; left:50%; top:50%; transform:translate(-50%,-50%); background-image:url('/bitrix/components/dresscode/fast.calculate.delivery/templates/.default/images/plusMinus.svg'); background-repeat:no-repeat; } body.bmcase-kit .delivery-modal .qtyBlock .minus::before { background-position:0 0; } body.bmcase-kit .delivery-modal .qtyBlock .minus:hover::before { background-position:-19px 0; } body.bmcase-kit .delivery-modal .qtyBlock .minus:active::before { background-position:-38px 0; } body.bmcase-kit .delivery-modal .qtyBlock .plus::before { background-position:0 -19px; } body.bmcase-kit .delivery-modal .qtyBlock .plus:hover::before { background-position:-19px -19px; } body.bmcase-kit .delivery-modal .qtyBlock .plus:active::before { background-position:-38px -19px; } body.bmcase-kit .delivery-modal .delivery-count-cart { display:flex; align-items:center; flex:1 1 280px; min-width:0; min-height:48px; margin:0; } body.bmcase-kit .delivery-modal .delivery-count-cart label { font:400 14px/1.5 var(--bmcase-kit-font); } body.bmcase-kit .delivery-modal .delivery-modal-exit { width:48px; height:48px; top:12px; right:12px; border-radius:12px; background-image:none; } body.bmcase-kit .delivery-modal .delivery-modal-exit::before { content:""; position:absolute; width:21px; height:21px; top:50%; left:50%; transform:translate(-50%,-50%); background:url('/bitrix/components/dresscode/fast.calculate.delivery/templates/.default/images/exit.svg') 0 0 no-repeat; } body.bmcase-kit .delivery-modal .delivery-modal-exit:hover::before { background-position:0 -21px; } body.bmcase-kit .delivery-modal .delivery-modal-exit:active::before { background-position:0 -42px; } body.bmcase-kit .delivery-modal :is(a,input.qty):focus-visible, body.bmcase-kit .delivery-modal #delivery-modal-calc-checkbox:focus-visible + label { outline:2px solid var(--bmcase-kit-primary,#663399); outline-offset:3px; } body.bmcase-kit .delivery-modal .qtyBlock .qty:focus { background:rgba(102,51,153,.10); } @media(max-width:767px) { body.bmcase-kit .delivery-modal .delivery-modal-container { padding:20px; border-radius:20px; } body.bmcase-kit .delivery-modal .h3 { font-size:20px; margin-bottom:20px; } } @media(max-width:600px) { body.bmcase-kit .delivery-modal .delivery-item { height:auto; } body.bmcase-kit .delivery-modal .price { margin-top:8px; } } /* Size against the native scrollable overlay's available width, including its scrollbar. */ body.bmcase-kit .delivery-modal .delivery-modal-offset { width:min(760px,calc(100% - 32px)); } body.bmcase-kit .delivery-modal .delivery-modal-container { width:100%; } /* Keep the native cart amount and currency together; the label may wrap separately. */ body.bmcase-kit #flushTopCart .heading .total { display:inline-block; white-space:nowrap; } /* Catalog is the sizing reference. Only enhanced homepage grids and detail Similar are affected. */ body.bmcase-kit.bmcase-card-sizing-ready #homeCatalog .items.productList { grid-template-columns:repeat(auto-fill,minmax(0,min(100%,var(--bmcase-catalog-card-width)))); gap:var(--bmcase-catalog-card-gap); } body.bmcase-kit.bmcase-card-sizing-ready #catalogElement #similar #catalogSection > .items.productList { margin-left:calc(var(--bmcase-catalog-card-gap) / -2); margin-right:calc(var(--bmcase-catalog-card-gap) / -2); } body.bmcase-kit.bmcase-card-sizing-ready #catalogElement #similar #catalogSection > .items.productList > .item.product:not(.last) { box-sizing:border-box; flex:0 0 auto; width:min(100%,calc(var(--bmcase-catalog-card-width) + var(--bmcase-catalog-card-gap))); padding:0 calc(var(--bmcase-catalog-card-gap) / 2) var(--bmcase-catalog-card-gap); } /* Match the catalog mobile outer inset; each white card retains its approved10px inner rim. */ @media(max-width:620px) { body.bmcase-kit.bmcase-card-sizing-ready #catalogElement #similar { padding-left:12px; padding-right:12px; } } /* Full-width native search tiles use the same catalog-derived pitch. The category catalog is nested in #catalogColumn and does not match. */ body.bmcase-kit.bmcase-card-sizing-ready #main > .limiter > #catalog > #ajaxSection > #catalogSection > .items.productList { margin-left:calc(var(--bmcase-catalog-card-gap) / -2); margin-right:calc(var(--bmcase-catalog-card-gap) / -2); } body.bmcase-kit.bmcase-card-sizing-ready #main > .limiter > #catalog > #ajaxSection > #catalogSection > .items.productList > .item.product:not(.last) { box-sizing:border-box; flex:0 0 auto; width:min(100%,calc(var(--bmcase-catalog-card-width) + var(--bmcase-catalog-card-gap))); padding:0 calc(var(--bmcase-catalog-card-gap) / 2) var(--bmcase-catalog-card-gap); } /* LOCAL AUDIT CANDIDATE ONLY. Append after current presentation CSS if reviewed. * Catalog-derived skin for existing lower short-template controls only. * No track/li/root sizing, DOM changes, synthetic controls, or purchase logic. * Existing native quantity/added/disabled/subscribe/requestPrice rules remain. */ body.bmcase-kit.index #footerTabs :is(#topProduct,#viewedProduct).bmcase-catalog-carousel-ready .item.product:has(.bmcase-lower-purchase) { height:auto !important; min-height:0; } body.bmcase-kit.index #footerTabs :is(#topProduct,#viewedProduct).bmcase-catalog-carousel-ready .product:has(.bmcase-lower-purchase) .tabloid { position:relative; display:grid; grid-template-columns:minmax(0,1fr); box-sizing:border-box; width:100%; height:auto !important; min-height:0; padding:10px; border:0; border-radius:24px; background:#fff; box-shadow:none; overflow:visible; } body.bmcase-kit.index #footerTabs :is(#topProduct,#viewedProduct).bmcase-catalog-carousel-ready .product:has(.bmcase-lower-purchase) :is(.productTable,.productColImage,.productColText,.bmcase-lower-purchase) { display:contents; width:auto; padding:0; } body.bmcase-kit.index #footerTabs :is(#topProduct,#viewedProduct).bmcase-catalog-carousel-ready .product:has(.bmcase-lower-purchase) .picture { grid-row:1; display:flex; position:relative; align-items:center; justify-content:center; width:100%; height:auto !important; min-height:0; max-height:none; aspect-ratio:1 / 1; line-height:normal; margin:0 0 12px; padding:0; border-radius:20px; background:#f5f5f5; overflow:hidden; } body.bmcase-kit.index #footerTabs :is(#topProduct,#viewedProduct).bmcase-catalog-carousel-ready .product:has(.bmcase-lower-purchase) .picture > img { position:absolute; left:0; top:0; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:contain; border-radius:20px; mix-blend-mode:multiply; } body.bmcase-kit.index #footerTabs :is(#topProduct,#viewedProduct).bmcase-catalog-carousel-ready .product:has(.bmcase-lower-purchase) .name { grid-row:2; display:block; height:40px; margin:0 0 8px; line-height:20px; font-family:var(--bmcase-kit-font,Mulish,sans-serif); /* Retain global !important name-height66/70, as the catalog does. */ } body.bmcase-kit.index #footerTabs :is(#topProduct,#viewedProduct).bmcase-catalog-carousel-ready .product:has(.bmcase-lower-purchase) .name .middle { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font:400 14px/20px var(--bmcase-kit-font,Mulish,sans-serif); } body.bmcase-kit.index #footerTabs :is(#topProduct,#viewedProduct).bmcase-catalog-carousel-ready .product:has(.bmcase-lower-purchase) .bmcase-lower-purchase > .price { grid-row:3; display:block; width:100%; min-height:26px; margin:0 0 12px; font:500 18px/26px var(--bmcase-kit-font,Mulish,sans-serif); } body.bmcase-kit.index #footerTabs :is(#topProduct,#viewedProduct).bmcase-catalog-carousel-ready .product:has(.bmcase-lower-purchase) .price .measure { font-size:14px; } body.bmcase-kit.index #footerTabs :is(#topProduct,#viewedProduct).bmcase-catalog-carousel-ready .product:has(.bmcase-lower-purchase) .bmcase-lower-cart { grid-row:4; display:block; position:relative; box-sizing:border-box; width:100%; max-width:100%; height:auto; min-height:48px; margin:0; border-radius:12px; } body.bmcase-kit.index #footerTabs :is(#topProduct,#viewedProduct).bmcase-catalog-carousel-ready .product:has(.bmcase-lower-purchase) .bmcase-lower-cart .addCart { display:block; box-sizing:border-box; width:100%; height:48px; margin:0; padding:0 12px; border-radius:12px; font:500 14px/48px var(--bmcase-kit-font,Mulish,sans-serif); } @media(max-width:767px) { body.bmcase-kit.index #footerTabs :is(#topProduct,#viewedProduct).bmcase-catalog-carousel-ready .product:has(.bmcase-lower-purchase) .tabloid { border-radius:20px; } body.bmcase-kit.index #footerTabs :is(#topProduct,#viewedProduct).bmcase-catalog-carousel-ready .product:has(.bmcase-lower-purchase) .picture { margin-bottom:10px; } body.bmcase-kit.index #footerTabs :is(#topProduct,#viewedProduct).bmcase-catalog-carousel-ready .product:has(.bmcase-lower-purchase) .name .middle { font-size:13px; } } /* Keep the native cart allocation; truncate only its single presentation line. */ body.bmcase-kit #subHeader6 #flushTopCart .heading { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; } body.bmcase-kit #subHeader6 #flushTopCart .heading .total { display:inline; white-space:nowrap; } /* Match the overview and Similar row to five catalog-sized cards when wide enough. Native desktop columns above1700: navigation355+24, purchase400. */ @media(min-width:1701px) { body.bmcase-kit.bmcase-card-sizing-ready #catalogElement:has(#similar) > #tableContainer { width:min(100%,calc(var(--bmcase-catalog-card-width) * 5 + var(--bmcase-catalog-card-gap) * 4 + 779px)); } } /* Full-width intermediate detail has no sidebar to absorb the native negative gutter. Match catalog outer insets while retaining exact card width and internal gaps. */ @media(min-width:621px) and (max-width:700px) { body.bmcase-kit.bmcase-card-sizing-ready #catalogElement #similar { padding-left:12px; padding-right:12px; } } @media(min-width:701px) and (max-width:1100px) { body.bmcase-kit.bmcase-card-sizing-ready #catalogElement #similar { padding-left:24px; padding-right:24px; } } /* Center the complete capped detail composition, keeping its native columns together. */ @media(min-width:1701px) { body.bmcase-kit.bmcase-card-sizing-ready #catalogElement:has(#similar) > #tableContainer { margin-left:auto; margin-right:auto; } } /* Native2450 sets center1124, causing fixed-table surplus to enlarge all columns. Return it to the fluid center used below2450 so the five-card cap stays exact. */ @media(min-width:2450px) { body.bmcase-kit.bmcase-card-sizing-ready #catalogElement:has(#similar) > #tableContainer > #elementContainer { width:auto; } } /* Match desktop overview to the actual 3–5-card row; keep native mobile fallback. */ @media (min-width:1101px) { body.bmcase-kit.bmcase-card-sizing-ready #catalogElement:has(#similar) > #tableContainer.bmcase-row-aligned { width:var(--bmcase-detail-row-table-width); margin-left:auto; margin-right:auto; } body.bmcase-kit.bmcase-card-sizing-ready #catalogElement:has(#similar) > #tableContainer.bmcase-row-aligned > #elementContainer { width:auto; } } /* Bound the external product H1 to its measured overview; breadcrumb geometry stays native. */ body.bmcase-kit #main > .limiter.bmcase-composition-heading > h1 { box-sizing:border-box; width:var(--bmcase-heading-width,auto); white-space:normal; overflow-wrap:break-word; } /* Match the existing :is(h1,#breadcrumbs) specificity while targeting only detail H1. */ body.bmcase-kit:has(#catalogElement) #main > .limiter.bmcase-composition-heading > h1 { width:var(--bmcase-heading-width,auto); } /* Horizontal section-navigation shell follows the overview outer-left axis. */ @media (min-width:621px) and (max-width:1520px) { body.bmcase-kit #catalogElement #elementSmallNavigation > .tabs { margin-left:var(--bmcase-nav-axis-inset,0px); max-width:calc(100% - var(--bmcase-nav-axis-inset,0px)); } } /* Private cart presentation. Native basket data, controls, forms and AJAX remain intact. */ body.bmcase-kit:has(#personalCart.DwBasket) #main { background:#f3f3f3; } body.bmcase-kit:has(#personalCart.DwBasket) #main > .limiter > h1, body.bmcase-kit #personalCart.DwBasket, body.bmcase-kit #personalCart.DwBasket :is(input,button) { font-family:var(--bmcase-kit-font); } body.bmcase-kit #personalCart.DwBasket #basketTopLine { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; box-sizing:border-box; padding:10px; margin-bottom:16px; overflow:visible; background:#fff; border:0; border-radius:24px; } body.bmcase-kit #personalCart.DwBasket #tabsControl, body.bmcase-kit #personalCart.DwBasket #basketView { float:none; display:flex; flex-wrap:wrap; align-items:center; gap:8px; min-width:0; overflow:visible; } body.bmcase-kit #personalCart.DwBasket :is(#tabsControl,#basketView) > .item { float:none; margin:0; } body.bmcase-kit #personalCart.DwBasket #tabsControl > .item { font-size:14px; line-height:20px; text-transform:none; } body.bmcase-kit #personalCart.DwBasket #tabsControl a { display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; min-height:48px; padding:12px 18px; border:0; border-radius:12px; font:500 14px/24px var(--bmcase-kit-font); text-transform:none; text-decoration:none; color:var(--bmcase-kit-text); background-color:#f3f3f5; } body.bmcase-kit #personalCart.DwBasket #tabsControl a.orderMove { color:#fff; background-color:var(--bmcase-kit-primary); } body.bmcase-kit #personalCart.DwBasket #basketView a { border-radius:12px; } body.bmcase-kit #personalCart.DwBasket #basketProductList { margin-bottom:16px; } body.bmcase-kit #personalCart.DwBasket #basketProductList :is(.priceContainer,.discountContainer), body.bmcase-kit #personalCart.DwBasket .orderLine :is(.basketSum,.countItems) { white-space:nowrap; font-variant-numeric:tabular-nums; } body.bmcase-kit #personalCart.DwBasket #basketProductList a.name { font:400 14px/20px var(--bmcase-kit-font); overflow-wrap:anywhere; } body.bmcase-kit #personalCart.DwBasket #basketProductList .basketQty { display:flex; align-items:center; justify-content:center; flex-wrap:nowrap; gap:0; min-width:124px; font:400 12px/20px var(--bmcase-kit-font); white-space:nowrap; } body.bmcase-kit #personalCart.DwBasket #basketProductList .basketQty :is(.minus,.plus) { flex:0 0 28px; box-sizing:border-box; width:28px; height:48px; margin:0; padding:0; position:relative; border:0; border-radius:3px; background-color:#f3f3f5; background-image:none; } body.bmcase-kit #personalCart.DwBasket #basketProductList .basketQty input.qty { flex:0 0 68px; box-sizing:border-box; width:68px; min-width:68px; max-width:68px; height:48px; margin:0; padding:0 4px; border:0; border-radius:3px; font:400 12px/48px var(--bmcase-kit-font); text-align:center; color:var(--bmcase-kit-text); caret-color:var(--bmcase-kit-primary); background:#f3f3f5; } body.bmcase-kit #personalCart.DwBasket #basketProductList .basketQty input.qty:focus { outline:0; box-shadow:inset 0 0 0 2px var(--bmcase-kit-primary); background:#f0eaf7; } body.bmcase-kit #personalCart.DwBasket .orderLine { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; box-sizing:border-box; height:auto; min-height:68px; line-height:normal; padding:10px; margin:16px 0; border:0; border-radius:24px; background:#fff; } body.bmcase-kit #personalCart.DwBasket .orderLine #sum { float:none; display:flex; flex-wrap:wrap; align-items:baseline; gap:8px; width:auto; min-width:0; padding:0; margin:0; font:400 14px/24px var(--bmcase-kit-font); } body.bmcase-kit #personalCart.DwBasket .orderLine #sum .price { margin:0; font:600 18px/26px var(--bmcase-kit-font); } body.bmcase-kit #personalCart.DwBasket #coupon { float:none; display:flex; flex-wrap:wrap; gap:8px; box-sizing:border-box; width:460px; max-width:100%; margin:0; padding:0; } body.bmcase-kit #personalCart.DwBasket #coupon .couponField { flex:1 1 180px; box-sizing:border-box; width:auto; min-width:0; height:48px; margin-top:0; padding:12px; border:1px solid #e4e4e7; border-radius:12px; background:#f3f3f5; font:400 14px/22px var(--bmcase-kit-font); } body.bmcase-kit #personalCart.DwBasket #coupon .couponActivate, body.bmcase-kit:has(#personalCart.DwBasket) #main > .limiter > a.goToOrder { box-sizing:border-box; width:auto; margin-top:0; min-height:48px; height:48px; padding:12px 18px; border:0; border-radius:12px; font:500 14px/24px var(--bmcase-kit-font); background-color:var(--bmcase-kit-primary); color:#fff; } body.bmcase-kit #personalCart.DwBasket :is(a,input,button):focus-visible, body.bmcase-kit:has(#personalCart.DwBasket) #main > .limiter > a.goToOrder:focus-visible { outline:2px solid var(--bmcase-kit-primary); outline-offset:2px; } @media(max-width:767px) { body.bmcase-kit #personalCart.DwBasket :is(#basketTopLine,.orderLine) { border-radius:20px; } } /* The native plus/minus asset is a 19px sprite; keep its glyphs inside larger hit targets. */ body.bmcase-kit #personalCart.DwBasket #basketProductList .basketQty :is(.minus,.plus)::before { content:""; position:absolute; width:19px; height:19px; left:50%; top:50%; transform:translate(-50%,-50%); background-image:url('/bitrix/templates/bmcase_deluxe_style_test/components/dresscode/sale.basket.basket/standartOrder/images/plusMinus.svg'); background-repeat:no-repeat; background-position:0 0; } body.bmcase-kit #personalCart.DwBasket #basketProductList .basketQty .plus::before { background-position:0 -19px; } body.bmcase-kit #personalCart.DwBasket #basketProductList .basketQty .minus:hover::before { background-position:-19px 0; } body.bmcase-kit #personalCart.DwBasket #basketProductList .basketQty .plus:hover::before { background-position:-19px -19px; } body.bmcase-kit #personalCart.DwBasket #basketProductList .basketQty input.qty.error, body.bmcase-kit #personalCart.DwBasket #coupon .couponField.error { border:1px solid #d6293e; } body.bmcase-kit #personalCart.DwBasket #basketProductList > table.productTable { box-sizing:border-box; width:100%; min-width:760px; table-layout:fixed; border-collapse:separate; border-spacing:0; border:0; border-radius:24px; background:#fff; } body.bmcase-kit #personalCart.DwBasket #basketProductList > table.productTable :is(th,td) { box-sizing:border-box; padding:10px; border-left:0; border-right:0; border-top:0; border-bottom:1px solid #ededf0; background:#fff; vertical-align:middle; } body.bmcase-kit #personalCart.DwBasket #basketProductList > table.productTable th { font:500 14px/20px var(--bmcase-kit-font); color:#767676; } body.bmcase-kit #personalCart.DwBasket #basketProductList > table.productTable :is(th,td):first-child { width:120px; } body.bmcase-kit #personalCart.DwBasket #basketProductList > table.productTable :is(th,td):nth-child(3) { width:144px; } body.bmcase-kit #personalCart.DwBasket #basketProductList > table.productTable :is(th,td):nth-child(4) { width:120px; } body.bmcase-kit #personalCart.DwBasket #basketProductList > table.productTable :is(th,td):nth-child(5) { width:180px; } body.bmcase-kit #personalCart.DwBasket #basketProductList > table.productTable :is(th,td):last-child { width:80px; } body.bmcase-kit #personalCart.DwBasket #basketProductList > table.productTable th:first-child { border-radius:24px 0 0 0; } body.bmcase-kit #personalCart.DwBasket #basketProductList > table.productTable th:last-child { border-radius:0 24px 0 0; } body.bmcase-kit #personalCart.DwBasket #basketProductList > table.productTable tr:last-child td { border-bottom:0; } body.bmcase-kit #personalCart.DwBasket #basketProductList > table.productTable tr:last-child td:first-child { border-radius:0 0 0 24px; } body.bmcase-kit #personalCart.DwBasket #basketProductList > table.productTable tr:last-child td:last-child { border-radius:0 0 24px 0; } body.bmcase-kit #personalCart.DwBasket #basketProductList > table.productTable td.name { text-align:left; } body.bmcase-kit #personalCart.DwBasket #basketProductList .priceContainer { font:500 18px/26px var(--bmcase-kit-font); } body.bmcase-kit #personalCart.DwBasket #basketProductList .measure { font:400 12px/18px var(--bmcase-kit-font); color:#767676; } body.bmcase-kit #personalCart.DwBasket #basketProductList .pic img { object-fit:contain; } body.bmcase-kit #personalCart.DwBasket #basketProductList > .productList { display:flex; flex-wrap:wrap; align-items:stretch; margin:0 -8px; } body.bmcase-kit #personalCart.DwBasket #basketProductList > .productList > .product { box-sizing:border-box; height:auto; min-height:0; padding:8px; } body.bmcase-kit #personalCart.DwBasket #basketProductList > .productList > .product::before { content:none; } body.bmcase-kit #personalCart.DwBasket #basketProductList > .productList > .product > .tabloid { box-sizing:border-box; height:100%; padding:10px; border:0; border-radius:24px; background:#fff; } body.bmcase-kit #personalCart.DwBasket #basketProductList .productList a.name { height:auto; min-height:60px; max-height:none; } body.bmcase-kit #personalCart.DwBasket #basketProductList .productList .basketQty { margin-top:12px; } @media(max-width:830px) { body.bmcase-kit #personalCart.DwBasket #basketProductList > table.productTable :is(th,td):nth-child(4) { display:none; } } @media(max-width:767px) { body.bmcase-kit #personalCart.DwBasket #basketProductList > .productList { margin:0 -6px; } body.bmcase-kit #personalCart.DwBasket #basketProductList > .productList > .product { padding:6px; } body.bmcase-kit #personalCart.DwBasket #basketProductList > .productList > .product > .tabloid { border-radius:20px; } } /* Basket SQUARES has its own div-based image/text columns, distinct from TABLE. */ body.bmcase-kit #personalCart.DwBasket #basketProductList > .productList .tabloid > div.productTable { display:flex; flex-direction:column; align-items:stretch; width:100%; min-width:0; height:auto; } body.bmcase-kit #personalCart.DwBasket #basketProductList > .productList .productColImage, body.bmcase-kit #personalCart.DwBasket #basketProductList > .productList .productColText { display:block; box-sizing:border-box; width:100%; min-width:0; } body.bmcase-kit #personalCart.DwBasket #basketProductList > .productList .picture { display:flex; align-items:center; justify-content:center; width:100%; height:auto; aspect-ratio:1; box-sizing:border-box; margin:32px 0 12px; padding:0; background:#fff; border-radius:12px; } body.bmcase-kit #personalCart.DwBasket #basketProductList > .productList .picture > img { display:block; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:contain; } body.bmcase-kit #personalCart.DwBasket #basketProductList > .productList .productColText > a.name { display:block; overflow:visible; white-space:normal; margin:0 0 12px; } body.bmcase-kit #personalCart.DwBasket #basketProductList > .productList .productColText > a.name .middle { display:inline; } /* Keep every TABLE column reachable even in the 601–700px intermediate range. */ body.bmcase-kit #personalCart.DwBasket #basketProductList:has(> table.productTable) { overflow-x:auto; } body.bmcase-kit #personalCart.DwBasket #basketProductList:has(> .productList) { overflow:visible; } body.bmcase-kit:has(#personalCart.DwBasket) #main > .limiter > a.goToOrder:not(.hidden) { display:inline-flex; align-items:center; justify-content:center; padding:0 18px; } @media(max-width:700px) { body.bmcase-kit #personalCart.DwBasket #basketTopLine { display:none; } } body.bmcase-kit #personalCart.DwBasket #basketProductList > table.productTable th { overflow-wrap:anywhere; } body.bmcase-kit #personalCart.DwBasket #basketProductList .basketQty .minus:active::before { background-position:-38px 0; } body.bmcase-kit #personalCart.DwBasket #basketProductList .basketQty .plus:active::before { background-position:-38px -19px; } /* Existing global styles.css fixes these three heights with !important. Override only the actual basket SQUARES nodes so contents may grow. */ body.bmcase-kit #personalCart.DwBasket #basketProductList > .productList > .product, body.bmcase-kit #personalCart.DwBasket #basketProductList > .productList .picture, body.bmcase-kit #personalCart.DwBasket #basketProductList > .productList .productColText > a.name { height:auto !important; } body.bmcase-kit #personalCart.DwBasket #basketProductList > .productList .picture { line-height:normal; } /* Lower homepage collections: reuse the approved upper native quantity skin. */ body.bmcase-kit.index #footerTabs .bmcase-lower-cart .quantityContainer { background:transparent; border:0; border-radius:0; box-shadow:none; } body.bmcase-kit.index #footerTabs .bmcase-lower-cart .quantityContainer .quantity:not(.maxQuantity) { color:#fff; background:transparent; caret-color:currentColor; } body.bmcase-kit.index #footerTabs .bmcase-lower-cart .quantityContainer :is(.plus,.minus) { filter:none; } body.bmcase-kit.index #footerTabs .bmcase-lower-cart .quantityContainer :is(.plus,.minus):not(.error) { background-color:rgba(255,255,255,.1); } body.bmcase-kit.index #footerTabs .bmcase-lower-cart .quantityContainer .minus { border-radius:0 0 2px 2px; } body.bmcase-kit.index #footerTabs .bmcase-lower-cart .quantityContainer .plus { border-radius:2px 2px 0 0; } body.bmcase-kit.index #footerTabs .bmcase-lower-cart .quantityContainer .quantity:focus { outline:0; box-shadow:none; background-color:rgba(255,255,255,.18); caret-color:currentColor; } /* Center the upper homepage tabs and products together on their catalog-derived full row. */ body.bmcase-kit.index.bmcase-card-sizing-ready #homeCatalog.bmcase-home-row-aligned { box-sizing:border-box; width:var(--bmcase-home-row-width); max-width:100%; margin-left:auto; margin-right:auto; } /* Cart SQUARES and TABLE only: one outlined native stepper, matching the supplied reference. */ body.bmcase-kit #personalCart.DwBasket #basketProductList .basketQty { position:relative; isolation:isolate; box-sizing:border-box; width:max-content; min-width:124px; height:48px; margin-left:auto; margin-right:auto; padding:0; border:0; background:transparent; } /* Keep native raw quantity text outside the decorative 124px control capsule. */ body.bmcase-kit #personalCart.DwBasket #basketProductList .basketQty::after { content:''; position:absolute; z-index:-1; pointer-events:none; right:0; top:0; width:124px; height:48px; border-radius:12px; background:#fff; box-shadow:inset 0 0 0 1px #dedee3; } body.bmcase-kit #personalCart.DwBasket #basketProductList .basketQty :is(.minus,.plus) { background-color:transparent; border-radius:12px; color:#19191a; } body.bmcase-kit #personalCart.DwBasket #basketProductList .basketQty .minus::before, body.bmcase-kit #personalCart.DwBasket #basketProductList .basketQty .plus::before { width:28px; height:48px; background:none; color:currentColor; font:400 24px/48px var(--bmcase-kit-font); text-align:center; } body.bmcase-kit #personalCart.DwBasket #basketProductList .basketQty .minus::before { content:'−'; } body.bmcase-kit #personalCart.DwBasket #basketProductList .basketQty .plus::before { content:'+'; } body.bmcase-kit #personalCart.DwBasket #basketProductList .basketQty input.qty { background:transparent; color:#19191a; } body.bmcase-kit #personalCart.DwBasket #basketProductList .basketQty input.qty:focus { background:#f0eaf7; box-shadow:inset 0 0 0 2px var(--bmcase-kit-primary); caret-color:var(--bmcase-kit-primary); } /* TABLE cart: preserve the native availability cell/index, replace only its visible role. */ body.bmcase-kit #personalCart.DwBasket #basketProductList > table.productTable.bmcase-row-totals { min-width:940px; } body.bmcase-kit #personalCart.DwBasket #basketProductList > table.productTable.bmcase-row-totals :is(th,td):nth-child(4) { display:none; } body.bmcase-kit #personalCart.DwBasket #basketProductList > table.productTable.bmcase-row-totals :is(.bmcase-row-total-heading,.bmcase-row-total) { width:180px; } body.bmcase-kit #personalCart.DwBasket #basketProductList > table.productTable.bmcase-row-totals .bmcase-row-total-value { font:500 18px/26px var(--bmcase-kit-font); white-space:nowrap; font-variant-numeric:tabular-nums; } body.bmcase-kit #personalCart.DwBasket #basketProductList > table.productTable.bmcase-row-totals .bmcase-total-pending::after { content:'Последний подтверждённый итог'; display:block; margin-top:4px; font:400 11px/15px var(--bmcase-kit-font); color:#767676; white-space:normal; } /* Move only the cart view-switch group six pixels inward: existing10px rim becomes16px. */ body.bmcase-kit #personalCart.DwBasket #basketTopLine > #basketView { margin-right:6px; } /* Give only the cart TABLE header the approved fuller vertical spacing. */ body.bmcase-kit #personalCart.DwBasket #basketProductList > table.productTable th { height:56px; min-height:56px; padding-top:16px; padding-bottom:16px; } /* Cart action panel and unified native checkout/summary/coupon strip. */ body.bmcase-kit #personalCart.DwBasket #basketTopLine { padding-top:16px; padding-bottom:16px; } body.bmcase-kit #personalCart.DwBasket > .orderLine.bmcase-cart-summary { justify-content:flex-start; gap:16px; } body.bmcase-kit #personalCart.DwBasket > .orderLine.bmcase-cart-summary > a.goToOrder { box-sizing:border-box; flex:0 0 auto; width:auto; max-width:100%; height:48px; min-height:48px; margin:0; padding:0 18px; border:0; border-radius:12px; font:500 14px/24px var(--bmcase-kit-font); text-decoration:none; background-color:var(--bmcase-kit-primary); color:#fff; } body.bmcase-kit #personalCart.DwBasket > .orderLine.bmcase-cart-summary > a.goToOrder:not(.hidden) { display:inline-flex; align-items:center; justify-content:center; gap:10px; } body.bmcase-kit #personalCart.DwBasket > .orderLine.bmcase-cart-summary > a.goToOrder > img { flex:0 0 auto; width:24px; height:24px; object-fit:contain; margin:0; } body.bmcase-kit #personalCart.DwBasket > .orderLine.bmcase-cart-summary > #sum { flex:0 1 auto; } body.bmcase-kit #personalCart.DwBasket > .orderLine.bmcase-cart-summary > #coupon { flex:1 1 300px; width:auto; max-width:460px; margin-left:auto; } @media(max-width:700px) { body.bmcase-kit #personalCart.DwBasket > .orderLine.bmcase-cart-summary > #coupon { flex-basis:100%; max-width:100%; margin-left:0; } } /* The cart actions are self-explanatory: hide only the non-link label at every width. */ body.bmcase-kit #personalCart.DwBasket #basketTopLine > #tabsControl > .item:first-child:not(:has(a)) { display:none; } /* Private cart stock-validation dialog: presentation only, native visibility/close intact. */ body.bmcase-kit .basketError.error1 > .basketErrorContainer { box-sizing:border-box; width:420px; max-width:calc(100vw - 32px); max-height:calc(100vh - 32px); padding:24px; overflow:auto; border-radius:24px; background:#fff; box-shadow:0 12px 36px rgba(0,0,0,.16); font-family:var(--bmcase-kit-font); } body.bmcase-kit .basketError.error1 .errorPicture { margin:0 0 16px; } body.bmcase-kit .basketError.error1 .errorHeading { padding:0 24px; color:var(--bmcase-kit-text); font:700 18px/26px var(--bmcase-kit-font); } body.bmcase-kit .basketError.error1 .errorMessage { margin:12px 0 20px; padding:0; color:var(--bmcase-kit-text); font:400 14px/22px var(--bmcase-kit-font); } body.bmcase-kit .basketError.error1 a.errorClose { box-sizing:border-box; top:10px; right:10px; width:48px; height:48px; border:0; border-radius:12px; background:#f3f3f5; } body.bmcase-kit .basketError.error1 .errorCloseLink { top:50%; right:50%; transform:translate(50%,-50%); filter:brightness(.45); } body.bmcase-kit .basketError.error1 a.basketErrorClose.btn-simple { display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; width:auto; min-height:48px; height:48px; margin:0; padding:12px 18px; border:0; border-radius:12px; background:var(--bmcase-kit-primary); color:#fff; text-decoration:none; font:500 14px/24px var(--bmcase-kit-font); } body.bmcase-kit .basketError.error1 a.basketErrorClose:focus-visible { outline:2px solid var(--bmcase-kit-primary); outline-offset:2px; } @media(max-width:767px) { body.bmcase-kit .basketError.error1 > .basketErrorContainer { padding:20px; border-radius:20px; } } /* Native focus and error states paint the complete existing 124px capsule. */ body.bmcase-kit #personalCart.DwBasket #basketProductList .basketQty:has(input.qty:focus)::after { box-shadow:inset 0 0 0 2px var(--bmcase-kit-primary); } body.bmcase-kit #personalCart.DwBasket #basketProductList .basketQty input.qty:focus { outline:0; box-shadow:none; } body.bmcase-kit #personalCart.DwBasket #basketProductList .basketQty:has(input.qty.error)::after { box-shadow:inset 0 0 0 2px #d6293e; } body.bmcase-kit #personalCart.DwBasket #basketProductList .basketQty input.qty.error { border:0; } /* Paint state outlines above the input fill, without intercepting pointer events. */ body.bmcase-kit #personalCart.DwBasket #basketProductList .basketQty:has(input.qty:focus)::before, body.bmcase-kit #personalCart.DwBasket #basketProductList .basketQty:has(input.qty.error)::before { content:''; position:absolute; z-index:1; pointer-events:none; right:0; top:0; width:124px; height:48px; border-radius:12px; background:transparent; box-shadow:inset 0 0 0 2px var(--bmcase-kit-primary); } body.bmcase-kit #personalCart.DwBasket #basketProductList .basketQty:has(input.qty.error)::before { box-shadow:inset 0 0 0 2px #d6293e; } /* SQUARES cart: native confirmed line total next to the unchanged quantity control. */ body.bmcase-kit #personalCart.DwBasket #basketProductList > .productList.bmcase-row-totals .bmcase-square-summary { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-top:12px; } body.bmcase-kit #personalCart.DwBasket #basketProductList > .productList.bmcase-row-totals .bmcase-square-summary > .basketQty { flex:0 0 auto; margin:0; } body.bmcase-kit #personalCart.DwBasket #basketProductList > .productList.bmcase-row-totals .bmcase-row-total { flex:0 1 auto; min-width:0; margin-left:auto; text-align:right; } body.bmcase-kit #personalCart.DwBasket #basketProductList > .productList.bmcase-row-totals .bmcase-row-total-value { font:600 18px/26px var(--bmcase-kit-font); white-space:nowrap; font-variant-numeric:tabular-nums; } body.bmcase-kit #personalCart.DwBasket #basketProductList > .productList.bmcase-row-totals .bmcase-total-pending::after { content:'Последний подтверждённый итог'; display:block; margin-top:4px; font:400 11px/15px var(--bmcase-kit-font); color:#767676; white-space:normal; } /* Restore the approved10px white rim around the top action buttons. */ body.bmcase-kit #personalCart.DwBasket #basketTopLine { padding-top:10px; padding-bottom:10px; } /* SQUARES row amount is secondary to the unit price, matching approved size/color tokens. */ body.bmcase-kit #personalCart.DwBasket #basketProductList > .productList.bmcase-row-totals .bmcase-row-total-value { font:500 14px/20px var(--bmcase-kit-font); color:#767676; } /* Full SQUARES cart composition from the supplied reference, native nodes retained. */ body.bmcase-kit #personalCart.DwBasket #basketProductList > .productList.bmcase-row-totals > .product.parent > .tabloid { position:relative; } body.bmcase-kit #personalCart.DwBasket #basketProductList > .productList.bmcase-row-totals > .product.parent .topSection { top:20px; right:20px; left:auto; width:18px; height:auto; padding:0; } body.bmcase-kit #personalCart.DwBasket #basketProductList > .productList.bmcase-row-totals > .product.parent .topSection > .column:has(.changeAvailable) { display:none; } body.bmcase-kit #personalCart.DwBasket #basketProductList > .productList.bmcase-row-totals > .product.parent .topSection > .column:has(> .delete) { float:none; width:auto; } body.bmcase-kit #personalCart.DwBasket #basketProductList > .productList.bmcase-row-totals > .product.parent .picture { margin-top:0; margin-bottom:12px; background:#f3f3f3; border-radius:20px; } body.bmcase-kit #personalCart.DwBasket #basketProductList > .productList.bmcase-row-totals > .product.parent .picture > img { border-radius:20px; object-fit:contain; } body.bmcase-kit #personalCart.DwBasket #basketProductList > .productList.bmcase-row-totals > .product.parent .productColText > a.name { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; height:60px !important; min-height:60px; max-height:60px; overflow:hidden; margin:0 0 24px; font:400 14px/20px var(--bmcase-kit-font); white-space:normal; } body.bmcase-kit #personalCart.DwBasket #basketProductList > .productList.bmcase-row-totals > .product.parent .productColText > a.name .middle { display:inline; font:inherit; line-height:inherit; } body.bmcase-kit #personalCart.DwBasket #basketProductList > .productList.bmcase-row-totals > .product.parent .productColText > a.price { height:auto; min-height:26px; margin:0; line-height:26px; } body.bmcase-kit #personalCart.DwBasket #basketProductList > .productList.bmcase-row-totals > .product.parent .bmcase-square-summary { margin-top:16px; } /* All cart quantity fields stay white; the complete capsule keeps focus/error outlines. */ body.bmcase-kit #personalCart.DwBasket #basketProductList .basketQty input.qty, body.bmcase-kit #personalCart.DwBasket #basketProductList .basketQty input.qty:focus, body.bmcase-kit #personalCart.DwBasket #basketProductList .basketQty input.qty.error { background:#fff; } /* Clip the SQUARES title to its two 20px lines, including legacy middle wrappers. */ body.bmcase-kit #personalCart.DwBasket #basketProductList > .productList.bmcase-row-totals > .product.parent .productColText > a.name { height:40px !important; min-height:40px; max-height:40px; } /* The ordinary capsule edge also paints above opaque white inputs. State rules have higher specificity. */ body.bmcase-kit #personalCart.DwBasket #basketProductList .basketQty::before { content:''; position:absolute; z-index:1; pointer-events:none; right:0; top:0; width:124px; height:48px; border-radius:12px; background:transparent; box-shadow:inset 0 0 0 1px #dedee3; } /* Reuse the approved home/catalog photo treatment for cart SQUARES only. */ body.bmcase-kit #personalCart.DwBasket #basketProductList > .productList.bmcase-row-totals > .product.parent .picture > img { mix-blend-mode:multiply; } /* Keep the last confirmed SQUARES amount in place while the native response is pending. */ body.bmcase-kit #personalCart.DwBasket #basketProductList > .productList.bmcase-row-totals .bmcase-total-pending::after { display:none; } body.bmcase-kit #personalCart.DwBasket #basketProductList > .productList.bmcase-row-totals .bmcase-total-pending .bmcase-row-total-value { opacity:.65; } body.bmcase-kit #personalCart.DwBasket #basketProductList > .productList.bmcase-row-totals .bmcase-square-summary { min-height:48px; } /* Private checkout presentation: native grid, steps, states and interactions remain authoritative. */ body.bmcase-kit:has(#bx-soa-order-form) #main { background:#f3f3f3; } body.bmcase-kit #bx-soa-order-form { font-family:var(--bmcase-kit-font); } body.bmcase-kit #bx-soa-order-form .bx-soa-section, body.bmcase-kit #bx-soa-order-form .bx-soa-cart-total { box-sizing:border-box; padding:10px; border-radius:24px; background:#fff; } body.bmcase-kit #bx-soa-order-form .bx-soa-section-title { font:700 24px/30px var(--bmcase-kit-font); margin-bottom:16px; } body.bmcase-kit #bx-soa-order-form .bx-soa-section-content, body.bmcase-kit #bx-soa-order-form .bx-soa-custom-label, body.bmcase-kit #bx-soa-order-form .bx-soa-pp-company-smalltitle, body.bmcase-kit #bx-soa-order-form .bx-soa-pp-company-desc, body.bmcase-kit #bx-soa-order-form .bx-soa-cart-t, body.bmcase-kit #bx-soa-order-form .bx-soa-cart-d, body.bmcase-kit #bx-soa-order-form .bx-soa-price-free { font-family:var(--bmcase-kit-font); } body.bmcase-kit #bx-soa-order-form .bx-soa-pp-company-subTitle, body.bmcase-kit #bx-soa-order-form .bx-soa-pp-delivery-cost, body.bmcase-kit #bx-soa-order-form .coupon_head { font-family:var(--bmcase-kit-font); font-weight:600; } body.bmcase-kit #bx-soa-order-form .bx-soa-cart-total-line-total .bx-soa-cart-d { font-family:var(--bmcase-kit-font); font-weight:700; } body.bmcase-kit #bx-soa-order-form input.form-control.bx-soa-customer-input[type="text"], body.bmcase-kit #bx-soa-order-form .bx-soa-coupon-input > input.form-control[type="text"] { box-sizing:border-box; height:48px; border-radius:12px; font:400 14px/20px var(--bmcase-kit-font); } body.bmcase-kit #bx-soa-order-form #bx-soa-properties textarea.form-control { box-sizing:border-box; min-height:80px; border-radius:12px; font:400 14px/20px var(--bmcase-kit-font); } /* Location's overlapping route/fake inputs keep their native dimensions and positioning. */ body.bmcase-kit #bx-soa-order-form .bx-ui-sls-input-block { border-radius:12px; } body.bmcase-kit #bx-soa-order-form .bx-ui-sls-route, body.bmcase-kit #bx-soa-order-form .bx-ui-sls-fake { font-family:var(--bmcase-kit-font); } body.bmcase-kit #bx-soa-order-form .fake-select-value { border-radius:12px; font-family:var(--bmcase-kit-font); } body.bmcase-kit #bx-soa-order-form .bx-soa-cart-total-button-container > .btn-order-save, body.bmcase-kit #bx-soa-order-form #bx-soa-orderSave > .btn { box-sizing:border-box; height:48px; padding:11px 18px; border-radius:12px; font:500 14px/24px var(--bmcase-kit-font); } body.bmcase-kit #bx-soa-order-form .btn-person-type { box-sizing:border-box; min-height:48px; padding:8px 15px; border-radius:12px; font-family:var(--bmcase-kit-font); } /* Preserve different native selected-border owners for delivery and payment. */ body.bmcase-kit #bx-soa-order-form #bx-soa-delivery .bx-soa-pp-item-container > .bx-soa-pp-company > .bx-soa-pp-company-graf-container, body.bmcase-kit #bx-soa-order-form #bx-soa-paysystem .bx-soa-pp-item-container > .bx-soa-pp-company { border-radius:12px; } body.bmcase-kit #bx-soa-order-form .alert { border-radius:12px; font-family:var(--bmcase-kit-font); } body.bmcase-kit #bx-soa-order-form :is(input.form-control,textarea.form-control,.btn):focus-visible { outline:2px solid var(--bmcase-kit-primary); outline-offset:2px; } @media (max-width:620px) { body.bmcase-kit #bx-soa-order-form .bx-soa-section, body.bmcase-kit #bx-soa-order-form .bx-soa-cart-total { border-radius:20px; } } /* Native cascade retains 50px on observed customer text fields; keep the approved control height. */ body.bmcase-kit #bx-soa-order-form input.form-control.bx-soa-customer-input[type="text"] { height:48px !important; } /* Compact access to the unchanged native location editor; enhanced state is JS-only. */ body.bmcase-kit #bx-soa-order-form #bx-soa-region .bmcase-city-trigger { box-sizing:border-box; max-width:100%; min-height:48px; padding:12px 18px; border:0; border-radius:12px; background:#f3f3f5; color:#19191a; font:500 14px/24px var(--bmcase-kit-font); cursor:pointer; } body.bmcase-kit #bx-soa-order-form #bx-soa-region .bmcase-city-trigger::before { content:''; display:inline-block; width:18px; height:18px; margin-right:8px; vertical-align:-3px; background:center/18px 18px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2319191a' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='M21 3 3 10l8 3 3 8Z'/%3E%3C/svg%3E"); } body.bmcase-kit #bx-soa-order-form #bx-soa-region .bmcase-city-trigger:focus-visible { outline:2px solid var(--bmcase-kit-primary); outline-offset:2px; } body.bmcase-kit #bx-soa-order-form #bx-soa-region .bmcase-city-ready > .bx-sls { box-sizing:border-box; position:absolute; left:0; top:calc(100% + 8px); z-index:30; width:min(420px, calc(100vw - 48px)); padding:10px; border-radius:20px; background:#fff; box-shadow:0 8px 24px rgba(0,0,0,.12); } body.bmcase-kit #bx-soa-order-form #bx-soa-region .bmcase-city-ready:not(.bmcase-city-open) > .bx-sls { display:none; } @media (max-width:620px) { body.bmcase-kit #bx-soa-order-form #bx-soa-region .bmcase-city-ready > .bx-sls { position:static; width:100%; margin-top:8px; } } /* Private checkout: inset section text inside the unchanged 10px white panel rim. */ body.bmcase-kit #bx-soa-order-form .bx-soa-section > .bx-soa-section-title-container, body.bmcase-kit #bx-soa-order-form .bx-soa-section > .bx-soa-section-content { box-sizing:border-box; padding-left:10px; padding-right:10px; } /* One padding owner: observed 1px panel border + 24px padding = 25px content inset. */ body.bmcase-kit #bx-soa-order-form .bx-soa-section, body.bmcase-kit #bx-soa-order-form .bx-soa-cart-total { padding:24px; } /* Supersede the earlier inner-inset trial; do not add separate title/body rims. */ body.bmcase-kit #bx-soa-order-form .bx-soa-section > .bx-soa-section-title-container, body.bmcase-kit #bx-soa-order-form .bx-soa-section > .bx-soa-section-content { padding-left:0; padding-right:0; } /* Remove only measured terminal field margins, not spacing between fields. */ body.bmcase-kit #bx-soa-order-form #bx-soa-region .regionCol > .form-group:has(> input#zipProperty:not([type="hidden"])):not(:has(~ .form-group)), body.bmcase-kit #bx-soa-order-form #bx-soa-properties > .bx-soa-section-content > div:last-child > div:last-child > .form-group:last-child:has(> textarea#orderDescription) { margin-bottom:0; } /* Private checkout finish: restore the approved radius against native input overrides. */ body.bmcase-kit #bx-soa-order-form input.form-control.bx-soa-customer-input[type="text"] { border-radius:12px !important; } /* Native narrow sections keep only their 1px top border; retain a 25px inner inset. */ @media (max-width:525px) { body.bmcase-kit #bx-soa-order-form .bx-soa-section { padding:24px 25px 25px; } } /* Private checkout H1 follows the existing cart/catalog typeface rule. */ body.bmcase-kit:has(#bx-soa-order-form) #main > .limiter > h1 { font-family:var(--bmcase-kit-font); } /* Native #bx-soa-order * forces 400!important; restore only existing private role weights. */ body.bmcase-kit #bx-soa-order-form .bx-soa-section-title, body.bmcase-kit #bx-soa-order-form .bx-soa-cart-total-line-total .bx-soa-cart-d { font-weight:700 !important; } body.bmcase-kit #bx-soa-order-form .bx-soa-pp-company-subTitle, body.bmcase-kit #bx-soa-order-form .bx-soa-pp-delivery-cost, body.bmcase-kit #bx-soa-order-form .coupon_head { font-weight:600 !important; } body.bmcase-kit #bx-soa-order-form #bx-soa-region .bmcase-city-trigger, body.bmcase-kit #bx-soa-order-form .bx-soa-cart-total-button-container > .btn-order-save, body.bmcase-kit #bx-soa-order-form #bx-soa-orderSave > .btn { font-weight:500 !important; } /* BMCASE owner SVG forms 2026-10-20 BEGIN. Presentation only. */ body.bmcase-kit { --bmcase-owner-heart: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2218%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.78125%204C4.53699%204%202%206.81981%202%2010.1559C2%2011.8911%202.27768%2013.32%203.31283%2014.8234C4.3005%2016.258%205.9429%2017.7056%208.49134%2019.6155L12%2022L15.5084%2019.6158C18.057%2017.7058%2019.6995%2016.258%2020.6872%2014.8234C21.7223%2013.32%2022%2011.8911%2022%2010.1559C22%206.81982%2019.463%204%2016.2188%204C14.5909%204%2013.1818%204.66321%2012%205.86323C10.8182%204.66321%209.40906%204%207.78125%204ZM7.78125%206C5.77551%206%204%207.7855%204%2010.1559C4%2010.7049%204.03107%2011.1875%204.10853%2011.6325C4.23826%2012.378%204.49814%2013.0182%204.96014%2013.6893C5.74532%2014.8297%207.14861%2016.11%209.69156%2018.0157L12%2019.7494L14.3084%2018.0157C16.8514%2016.11%2018.2547%2014.8297%2019.0399%2013.6893C19.7777%2012.6176%2020%2011.6245%2020%2010.1559C20%207.7855%2018.2245%206%2016.2188%206C14.9831%206%2013.8501%206.58627%2012.8033%207.99831C12.6147%208.25274%2012.3167%208.40277%2012%208.40277C11.6833%208.40277%2011.3853%208.25274%2011.1967%207.99831C10.1499%206.58627%209.01689%206%207.78125%206Z%22%20fill%3D%22%23AAB0B9%22%20%2F%3E%0A%3C%2Fsvg%3E"); --bmcase-owner-heart-active: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.78125%204C4.53699%204%202%206.81981%202%2010.1559C2%2011.8911%202.27768%2013.32%203.31283%2014.8234C4.3005%2016.258%205.9429%2017.7056%208.49134%2019.6155L12%2022L15.5084%2019.6158C18.057%2017.7058%2019.6995%2016.258%2020.6872%2014.8234C21.7223%2013.32%2022%2011.8911%2022%2010.1559C22%206.81982%2019.463%204%2016.2188%204C14.5909%204%2013.1818%204.66321%2012%205.86323C10.8182%204.66321%209.40906%204%207.78125%204ZM7.78125%206C5.77551%206%204%207.7855%204%2010.1559C4%2010.7049%204.03107%2011.1875%204.10853%2011.6325C4.23826%2012.378%204.49814%2013.0182%204.96014%2013.6893C5.74532%2014.8297%207.14861%2016.11%209.69156%2018.0157L12%2019.7494L14.3084%2018.0157C16.8514%2016.11%2018.2547%2014.8297%2019.0399%2013.6893C19.7777%2012.6176%2020%2011.6245%2020%2010.1559C20%207.7855%2018.2245%206%2016.2188%206C14.9831%206%2013.8501%206.58627%2012.8033%207.99831C12.6147%208.25274%2012.3167%208.40277%2012%208.40277C11.6833%208.40277%2011.3853%208.25274%2011.1967%207.99831C10.1499%206.58627%209.01689%206%207.78125%206Z%22%20fill%3D%22%23425576%22%20%2F%3E%0A%3C%2Fsvg%3E"); --bmcase-owner-stock: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16.7071%207.29289C17.0976%207.68342%2017.0976%208.31658%2016.7071%208.70711L8.41421%2017C7.63316%2017.7811%206.36683%2017.781%205.58579%2017L6.29289%2016.2929L5.58579%2017L2.29289%2013.7071C1.90237%2013.3166%201.90237%2012.6834%202.29289%2012.2929C2.68342%2011.9024%203.31658%2011.9024%203.70711%2012.2929L7%2015.5858L15.2929%207.29289C15.6834%206.90237%2016.3166%206.90237%2016.7071%207.29289ZM21.7071%207.29289C22.0976%207.68342%2022.0976%208.31658%2021.7071%208.70711L12.7071%2017.7071C12.3166%2018.0976%2011.6834%2018.0976%2011.2929%2017.7071C10.9024%2017.3166%2010.9024%2016.6834%2011.2929%2016.2929L20.2929%207.29289C20.6834%206.90237%2021.3166%206.90237%2021.7071%207.29289Z%22%20fill%3D%22%232CAF30%22%20%2F%3E%0A%3C%2Fsvg%3E"); --bmcase-owner-bag: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2218%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M9%2010C9%2010.5523%208.55229%2011%208%2011C7.44772%2011%207%2010.5523%207%2010C7%209.44771%207.44772%209%208%209C8.55229%209%209%209.44771%209%2010Z%22%20fill%3D%22%23fff%22%20%2F%3E%0A%3Cpath%20d%3D%22M16%2011C16.5523%2011%2017%2010.5523%2017%2010C17%209.44771%2016.5523%209%2016%209C15.4477%209%2015%209.44771%2015%2010C15%2010.5523%2015.4477%2011%2016%2011Z%22%20fill%3D%22%23fff%22%20%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.10303%206H7C7%203.23858%209.23858%201%2012%201C14.7614%201%2017%203.23858%2017%206H16.897C17.4001%206.00005%2017.8362%206.0015%2018.1983%206.03158C18.6002%206.06495%2018.9997%206.13867%2019.3829%206.33776C19.9309%206.62239%2020.3776%207.06915%2020.6622%207.61708C20.8613%208.00034%2020.935%208.39981%2020.9684%208.8017C21%209.18235%2021%209.64473%2021%2010.1807V13.6035C21%2014.7055%2021%2015.5945%2020.9403%2016.3138C20.8788%2017.0547%2020.7487%2017.7049%2020.4371%2018.3049C19.9627%2019.2181%2019.2181%2019.9627%2018.3049%2020.4371C17.7049%2020.7487%2017.0547%2020.8788%2016.3138%2020.9403C15.5944%2021%2014.7056%2021%2013.6036%2021H10.3964C9.29441%2021%208.40556%2021%207.68616%2020.9403C6.94535%2020.8788%206.29514%2020.7487%205.69513%2020.4371C4.78191%2019.9627%204.03731%2019.2181%203.56293%2018.3049C3.25126%2017.7049%203.12125%2017.0547%203.05973%2016.3138C2.99998%2015.5944%202.99999%2014.7056%203%2013.6035L3%2010.1808C2.99998%209.64478%202.99997%209.18237%203.03158%208.8017C3.06495%208.39981%203.13867%208.00034%203.33776%207.61708C3.62239%207.06915%204.06915%206.62239%204.61708%206.33776C5.00035%206.13867%205.39982%206.06495%205.8017%206.03158C6.16384%206.0015%206.59995%206.00005%207.10303%206ZM9%206C9%204.34315%2010.3431%203%2012%203C13.6569%203%2015%204.34315%2015%206H9ZM5.53903%208.11259C5.58924%208.0865%205.69125%208.04763%205.96722%208.02472C6.25517%208.0008%206.63373%208%207.22%208H16.78C17.3663%208%2017.7448%208.0008%2018.0328%208.02472C18.3088%208.04763%2018.4108%208.0865%2018.461%208.11259C18.6436%208.20746%2018.7925%208.35638%2018.8874%208.53903C18.9135%208.58924%2018.9524%208.69125%2018.9753%208.96722C18.9992%209.25517%2019%209.63372%2019%2010.22V13.56C19%2014.7158%2018.9992%2015.5214%2018.9471%2016.1483C18.8961%2016.7632%2018.8009%2017.116%2018.6622%2017.3829C18.3776%2017.9309%2017.9309%2018.3776%2017.3829%2018.6622C17.116%2018.8009%2016.7632%2018.8961%2016.1483%2018.9471C15.5214%2018.9992%2014.7158%2019%2013.56%2019H10.44C9.28424%2019%208.47856%2018.9992%207.85169%2018.9471C7.23678%2018.8961%206.88403%2018.8009%206.61708%2018.6622C6.06915%2018.3776%205.62239%2017.9309%205.33776%2017.3829C5.19909%2017.116%205.10393%2016.7632%205.05286%2016.1483C5.00081%2015.5214%205%2014.7158%205%2013.56V10.22C5%209.63372%205.00081%209.25517%205.02472%208.96722C5.04764%208.69125%205.08651%208.58924%205.11259%208.53903C5.20746%208.35638%205.35638%208.20746%205.53903%208.11259Z%22%20fill%3D%22%23fff%22%20%2F%3E%0A%3C%2Fsvg%3E"); --bmcase-owner-trash: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.10002%205H3C2.44772%205%202%205.44772%202%206C2%206.55228%202.44772%207%203%207H4.06055L4.88474%2020.1871C4.98356%2021.7682%206.29471%2023%207.8789%2023H16.1211C17.7053%2023%2019.0164%2021.7682%2019.1153%2020.1871L19.9395%207H21C21.5523%207%2022%206.55228%2022%206C22%205.44772%2021.5523%205%2021%205H19.0073C19.0018%204.99995%2018.9963%204.99995%2018.9908%205H16.9C16.4367%202.71776%2014.419%201%2012%201C9.58104%201%207.56329%202.71776%207.10002%205ZM9.17071%205H14.8293C14.4175%203.83481%2013.3062%203%2012%203C10.6938%203%209.58254%203.83481%209.17071%205ZM17.9355%207H6.06445L6.88085%2020.0624C6.91379%2020.5894%207.35084%2021%207.8789%2021H16.1211C16.6492%2021%2017.0862%2020.5894%2017.1192%2020.0624L17.9355%207ZM14.279%2010.0097C14.83%2010.0483%2015.2454%2010.5261%2015.2068%2011.0771L14.7883%2017.0624C14.7498%2017.6134%2014.2719%2018.0288%2013.721%2017.9903C13.17%2017.9517%2012.7546%2017.4739%2012.7932%2016.9229L13.2117%2010.9376C13.2502%2010.3866%2013.7281%209.97122%2014.279%2010.0097ZM9.721%2010.0098C10.2719%209.97125%2010.7498%2010.3866%2010.7883%2010.9376L11.2069%2016.923C11.2454%2017.4739%2010.83%2017.9518%2010.2791%2017.9903C9.72811%2018.0288%209.25026%2017.6134%209.21173%2017.0625L8.79319%2011.0771C8.75467%2010.5262%209.17006%2010.0483%209.721%2010.0098Z%22%20fill%3D%22%23ED1246%22%20%2F%3E%0A%3C%2Fsvg%3E"); --bmcase-owner-heart-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.78125%204C4.53699%204%202%206.81981%202%2010.1559C2%2011.8911%202.27768%2013.32%203.31283%2014.8234C4.3005%2016.258%205.9429%2017.7056%208.49134%2019.6155L12%2022L15.5084%2019.6158C18.057%2017.7058%2019.6995%2016.258%2020.6872%2014.8234C21.7223%2013.32%2022%2011.8911%2022%2010.1559C22%206.81982%2019.463%204%2016.2188%204C14.5909%204%2013.1818%204.66321%2012%205.86323C10.8182%204.66321%209.40906%204%207.78125%204ZM7.78125%206C5.77551%206%204%207.7855%204%2010.1559C4%2010.7049%204.03107%2011.1875%204.10853%2011.6325C4.23826%2012.378%204.49814%2013.0182%204.96014%2013.6893C5.74532%2014.8297%207.14861%2016.11%209.69156%2018.0157L12%2019.7494L14.3084%2018.0157C16.8514%2016.11%2018.2547%2014.8297%2019.0399%2013.6893C19.7777%2012.6176%2020%2011.6245%2020%2010.1559C20%207.7855%2018.2245%206%2016.2188%206C14.9831%206%2013.8501%206.58627%2012.8033%207.99831C12.6147%208.25274%2012.3167%208.40277%2012%208.40277C11.6833%208.40277%2011.3853%208.25274%2011.1967%207.99831C10.1499%206.58627%209.01689%206%207.78125%206Z%22%20fill%3D%22%23000%22%20%2F%3E%0A%3C%2Fsvg%3E"); --bmcase-owner-download: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12%203C12.5523%203%2013%203.44772%2013%204V12.5858L15.2929%2010.2929C15.6834%209.90237%2016.3166%209.90237%2016.7071%2010.2929C17.0976%2010.6834%2017.0976%2011.3166%2016.7071%2011.7071L12.7071%2015.7071C12.5196%2015.8946%2012.2652%2016%2012%2016C11.7348%2016%2011.4804%2015.8946%2011.2929%2015.7071L7.2929%2011.7071C6.90238%2011.3166%206.90238%2010.6834%207.2929%2010.2929C7.68342%209.90237%208.31659%209.90237%208.70711%2010.2929L11%2012.5858V4C11%203.44772%2011.4477%203%2012%203ZM4.00001%2014C4.55229%2014%205.00001%2014.4477%205.00001%2015C5.00001%2015.9772%205.00485%2016.3198%205.05765%2016.5853C5.29437%2017.7753%206.22466%2018.7056%207.41474%2018.9424C7.68018%2018.9952%208.02276%2019%209.00001%2019H15C15.9772%2019%2016.3198%2018.9952%2016.5853%2018.9424C17.7753%2018.7056%2018.7056%2017.7753%2018.9424%2016.5853C18.9952%2016.3198%2019%2015.9772%2019%2015C19%2014.4477%2019.4477%2014%2020%2014C20.5523%2014%2021%2014.4477%2021%2015C21%2015.0392%2021%2015.0777%2021%2015.1157C21.0002%2015.9334%2021.0004%2016.4906%2020.9039%2016.9755C20.5094%2018.9589%2018.9589%2020.5094%2016.9755%2020.9039C16.4907%2021.0004%2015.9334%2021.0002%2015.1158%2021C15.0778%2021%2015.0392%2021%2015%2021H9.00001C8.96084%2021%208.92225%2021%208.88423%2021C8.06664%2021.0002%207.50935%2021.0004%207.02456%2020.9039C5.0411%2020.5094%203.49061%2018.9589%203.09608%2016.9755C2.99965%2016.4906%202.99978%2015.9334%202.99999%2015.1158C3%2015.0777%203.00001%2015.0392%203.00001%2015C3.00001%2014.4477%203.44772%2014%204.00001%2014Z%22%20fill%3D%22%23000%22%20%2F%3E%0A%3C%2Fsvg%3E"); --bmcase-owner-feedback: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M19.0052%200.994781C19.5575%200.994781%2020.0052%201.4425%2020.0052%201.99478V3.99999H22.0104C22.5627%203.99999%2023.0104%204.44771%2023.0104%204.99999C23.0104%205.55228%2022.5627%205.99999%2022.0104%205.99999H20.0052V8.0052C20.0052%208.55749%2019.5575%209.00521%2019.0052%209.00521C18.4529%209.00521%2018.0052%208.55749%2018.0052%208.0052V5.99999H16C15.4477%205.99999%2015%205.55228%2015%204.99999C15%204.44771%2015.4477%203.99999%2016%203.99999H18.0052V1.99478C18.0052%201.4425%2018.4529%200.994781%2019.0052%200.994781ZM8.40894%203.94108C7.73727%203.44596%207.28496%203.33417%207.04226%203.38154C6.04101%203.57694%205.44749%203.9667%204.64337%204.77082C3.54575%205.86842%203.01318%206.68798%203.24513%207.93061C3.51219%209.36128%204.81689%2011.5448%208.41291%2015.1409C12.0087%2018.7366%2014.2054%2020.0551%2015.6441%2020.3277C16.3108%2020.4541%2016.8185%2020.3553%2017.2741%2020.1309C17.7612%2019.891%2018.2302%2019.4872%2018.7681%2018.9258C19.2452%2018.4279%2019.5347%2018.0804%2019.7373%2017.7385C19.9303%2017.4128%2020.0671%2017.0527%2020.1728%2016.5118C20.2202%2016.2691%2020.1084%2015.8168%2019.6132%2015.145C19.1513%2014.5185%2018.4997%2013.8963%2017.8973%2013.3884C17.4998%2013.0532%2016.8848%2013.0318%2016.388%2013.4037L14.8697%2014.5404C13.5001%2015.5656%2011.5864%2015.4188%2010.3781%2014.2104L9.34333%2013.1757C8.13502%2011.9674%207.98816%2010.0537%209.0134%208.68411L10.15%207.16583C10.5219%206.66902%2010.5005%206.05402%2010.1653%205.65651C9.65746%205.05425%209.03533%204.40283%208.40894%203.94108ZM9.59567%202.33122C10.4051%202.9279%2011.1441%203.71478%2011.6943%204.3672C12.6971%205.55642%2012.6153%207.20992%2011.7511%208.3644L10.6145%209.88268C10.191%2010.4483%2010.2458%2011.2497%2010.7575%2011.7615L11.7923%2012.7962C12.3041%2013.308%2013.1054%2013.3627%2013.6711%2012.9393L15.1894%2011.8027C16.3439%2010.9385%2017.9973%2010.8566%2019.1865%2011.8593C19.8391%2012.4095%2020.6262%2013.1486%2021.223%2013.9582C21.7864%2014.7225%2022.3533%2015.7809%2022.1357%2016.8952C21.9959%2017.6108%2021.7906%2018.1965%2021.4579%2018.758C21.1348%2019.3034%2020.715%2019.7848%2020.2122%2020.3095C19.6296%2020.9176%2018.9653%2021.5274%2018.1578%2021.9251C17.3189%2022.3383%2016.3708%2022.5011%2015.2716%2022.2928C13.1786%2021.8961%2010.6038%2020.1601%206.99869%2016.5551C3.39388%2012.9502%201.66901%2010.3864%201.27909%208.2976C0.854079%206.02071%202.03716%204.54858%203.22916%203.35659C4.21375%202.37202%205.14736%201.71361%206.65918%201.41857C7.7733%201.20114%208.83152%201.76792%209.59567%202.33122Z%22%20fill%3D%22%23000%22%20%2F%3E%0A%3C%2Fsvg%3E"); } body.bmcase-kit img.icon[src$="/wishlist.svg"] { content:var(--bmcase-owner-heart) !important; } body.bmcase-kit img.icon[src$="/wishlistActive.svg"] { content:var(--bmcase-owner-heart-active) !important; } body.bmcase-kit img.icon[src$="/inStock.svg"] { content:var(--bmcase-owner-stock) !important; } body.bmcase-kit img.icon[src$="/incart.svg"] { content:var(--bmcase-owner-bag) !important; } body.bmcase-kit #personalCart .delete { background-image:var(--bmcase-owner-trash) !important; background-position:center !important; background-size:contain !important; background-repeat:no-repeat !important; } body.bmcase-kit .topWishlist .icon { background-image:none !important; background-color:#000; -webkit-mask:var(--bmcase-owner-heart-mask) center / 22px 20px no-repeat; mask:var(--bmcase-owner-heart-mask) center / 22px 20px no-repeat; } body.bmcase-kit #footerLine .item .wishlist .icon { background-image:none !important; background-color:#AAB0B9; -webkit-mask:var(--bmcase-owner-heart-mask) center / contain no-repeat; mask:var(--bmcase-owner-heart-mask) center / contain no-repeat; } body.bmcase-kit #footerLine .item .wishlist:is(.active,:hover) .icon { background-color:#663399; } body.bmcase-kit #footerLine .item a.callback[href="https://bmcase.ru/PRICE.XLSX"] .icon { -webkit-mask-image:var(--bmcase-owner-download) !important; mask-image:var(--bmcase-owner-download) !important; } body.bmcase-kit #footerLine .item a.callback[href="/callback/"] .icon { background-image:none !important; background-color:#562b82; -webkit-mask:var(--bmcase-owner-feedback) center / contain no-repeat; mask:var(--bmcase-owner-feedback) center / contain no-repeat; } body.bmcase-kit #footerLine .item a.callback[href="/callback/"]:hover .icon { background-color:#663399; } body.bmcase-kit .bmcase-wishlist-particle { -webkit-mask-image:var(--bmcase-owner-heart-mask) !important; mask-image:var(--bmcase-owner-heart-mask) !important; } body.bmcase-kit #appBasket .lower .tools .addWishlist .ico { background-image:var(--bmcase-owner-heart) !important; background-position:center !important; background-size:contain !important; } body.bmcase-kit #appBasket .lower .tools .addWishlist.added .ico { background-image:var(--bmcase-owner-heart-active) !important; } body.bmcase-kit #appBasket .lower .tools .inStock .ico { background-image:var(--bmcase-owner-stock) !important; background-position:center !important; background-size:contain !important; } body.bmcase-kit #elementContainer .wishCompWrap .addWishlist::before, body.bmcase-kit #elementContainer .wishCompWrap .addWishlist::after { background-image:none !important; -webkit-mask:var(--bmcase-owner-heart-mask) center / contain no-repeat; mask:var(--bmcase-owner-heart-mask) center / contain no-repeat; } body.bmcase-kit #elementContainer .wishCompWrap .addWishlist::before { background-color:#000; } body.bmcase-kit #elementContainer .wishCompWrap .addWishlist::after { background-color:#fff; } /* BMCASE owner SVG forms 2026-10-20 END */ /* BMCASE profile 1 2026-10-20 BEGIN */ body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product { height:auto !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .tabloid { position:relative !important; display:grid !important; grid-template-columns:minmax(0,1fr) !important; height:auto !important; min-height:100% !important; box-sizing:border-box !important; padding:10px !important; border:0 !important; border-radius:20px !important; background:#fff !important; overflow:visible !important; box-shadow:none !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product :is(.productTable,.productColImage,.productColText,.bmcase-lower-purchase) { display:contents !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .picture { grid-row:1 !important; position:relative !important; display:flex !important; width:100% !important; height:auto !important; aspect-ratio:1 !important; min-height:0 !important; margin:0 0 20px !important; padding:0 !important; border-radius:20px !important; background:#f5f8f8 !important; overflow:hidden !important; box-shadow:0 4px 8px rgba(0,0,0,.14) !important; line-height:normal !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .picture > img { position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; max-width:100% !important; max-height:100% !important; object-fit:contain !important; mix-blend-mode:multiply !important; border-radius:20px !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .name { grid-row:2 !important; display:block !important; width:100% !important; height:60px !important; min-height:60px !important; max-height:60px !important; margin:0 0 8px !important; padding:0 !important; overflow:hidden !important; text-align:left !important; line-height:20px !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .name .middle { display:-webkit-box !important; -webkit-line-clamp:3 !important; -webkit-box-orient:vertical !important; overflow:hidden !important; font-size:14px !important; line-height:20px !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .price { grid-row:3 !important; display:block !important; width:auto !important; height:24px !important; min-height:24px !important; margin:0 0 10px !important; padding:0 !important; font-size:18px !important; line-height:24px !important; text-align:left !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .price .measure { font-size:14px !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .addCartContainer { grid-row:4 !important; position:relative !important; display:block !important; box-sizing:border-box !important; width:100% !important; max-width:100% !important; min-height:43px !important; height:43px !important; margin:0 !important; padding:0 !important; border-radius:12px !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .addCartContainer .addCart { position:relative !important; display:block !important; box-sizing:border-box !important; width:100% !important; height:43px !important; margin:0 !important; padding:0 10px !important; border-radius:12px !important; font-size:14px !important; line-height:43px !important; text-align:center !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .addCartContainer .addCart > span { position:absolute !important; top:50% !important; left:50% !important; white-space:nowrap !important; transform:translate(-50%,-50%) !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .addCartContainer .addCart:not(.added) .icon { display:none !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .addCartContainer .quantityContainer { position:absolute !important; display:block !important; top:9px !important; right:8px !important; left:45px !important; width:auto !important; max-width:none !important; height:25px !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; visibility:hidden !important; opacity:0 !important; transform:none !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .addCartContainer .quantityWrapper { display:flex !important; align-items:center !important; width:100% !important; height:25px !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .addCartContainer .quantityContainer .quantity { display:block !important; flex:1 1 auto !important; box-sizing:border-box !important; width:calc(100% - 48px) !important; min-width:0 !important; height:25px !important; margin:0 !important; padding:0 2px !important; border:0 !important; border-radius:3px !important; background:transparent !important; color:#fff !important; font-size:12px !important; line-height:25px !important; text-align:center !important; caret-color:currentColor !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .addCartContainer .quantityContainer :is(.plus,.minus) { position:static !important; display:block !important; flex:0 0 24px !important; width:24px !important; height:25px !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:3px !important; background-color:transparent !important; background-position:center !important; background-repeat:no-repeat !important; filter:none !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .addCartContainer .quantityContainer .plus { background-image:url(/bitrix/templates/bmcase_deluxe_style_test/assets/kit/css/../../../images/basket-add-plus.png) !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .addCartContainer .quantityContainer .minus { background-image:url(/bitrix/templates/bmcase_deluxe_style_test/assets/kit/css/../../../images/basket-add-minus.png) !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .addCartContainer:is(:hover,:focus-within,.viewed) .quantityContainer { visibility:visible !important; opacity:1 !important; transform:none !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .addCartContainer:is(:hover,:focus-within,.viewed) .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) > span { left:14px !important; font-size:0 !important; transform:translateY(-50%) !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .addCartContainer:is(:hover,:focus-within,.viewed) .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) .icon { display:inline-block !important; width:14px !important; height:18px !important; margin:0 !important; padding:0 !important; opacity:1 !important; visibility:visible !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .addCartContainer .addCart:is(.added,.disabled,.subscribe,.requestPrice) + .quantityContainer { display:none !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .addCartContainer .quantity:focus { outline:1px solid rgba(255,255,255,.7) !important; outline-offset:-1px !important; background:rgba(255,255,255,.12) !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .addCartContainer .quantity.maxQuantity { color:#ffb5b5 !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .addWishlist.label { position:absolute !important; top:15px !important; right:15px !important; z-index:6 !important; float:none !important; display:flex !important; align-items:center !important; justify-content:center !important; width:32px !important; height:32px !important; margin:0 !important; padding:0 !important; font-size:0 !important; border-radius:50% !important; background:transparent !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .addWishlist.label .icon { width:20px !important; height:22px !important; margin:0 !important; padding:0 !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product :is(.rating,.markerContainer,.specialTime,.btn-simple.add-cart) { display:none !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .optional { display:contents !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .optional .row { display:contents !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .optional .label:not(.addWishlist) { display:none !important; } body.bmcase-kit #searchResult #catalogSection > .items.productList { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; } body.bmcase-kit #searchResult #catalogSection > .items.productList > .item.product { width:auto; margin:0; float:none; } @media(max-width:767px) { body.bmcase-kit #searchResult #catalogSection > .items.productList { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } } @media(hover:none) { body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .addCartContainer .quantityContainer { visibility:visible; opacity:1; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .addCartContainer .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) > span { left:14px; font-size:0; transform:translateY(-50%); } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .addCartContainer .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) .icon { display:inline-block; width:14px; height:18px; padding:0; margin:0; visibility:visible; opacity:1; } } /* BMCASE profile 1 END */ body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product { border:0 !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .addCartContainer :is(.addCart > span,.quantityContainer) { transition:none !important; } body.bmcase-kit #searchResult #catalogSection > .items.productList { border:0 !important; } /* BMCASE selected product heart: theme purple */ body.bmcase-kit { --bmcase-owner-heart-active: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.78125%204C4.53699%204%202%206.81981%202%2010.1559C2%2011.8911%202.27768%2013.32%203.31283%2014.8234C4.3005%2016.258%205.9429%2017.7056%208.49134%2019.6155L12%2022L15.5084%2019.6158C18.057%2017.7058%2019.6995%2016.258%2020.6872%2014.8234C21.7223%2013.32%2022%2011.8911%2022%2010.1559C22%206.81982%2019.463%204%2016.2188%204C14.5909%204%2013.1818%204.66321%2012%205.86323C10.8182%204.66321%209.40906%204%207.78125%204ZM7.78125%206C5.77551%206%204%207.7855%204%2010.1559C4%2010.7049%204.03107%2011.1875%204.10853%2011.6325C4.23826%2012.378%204.49814%2013.0182%204.96014%2013.6893C5.74532%2014.8297%207.14861%2016.11%209.69156%2018.0157L12%2019.7494L14.3084%2018.0157C16.8514%2016.11%2018.2547%2014.8297%2019.0399%2013.6893C19.7777%2012.6176%2020%2011.6245%2020%2010.1559C20%207.7855%2018.2245%206%2016.2188%206C14.9831%206%2013.8501%206.58627%2012.8033%207.99831C12.6147%208.25274%2012.3167%208.40277%2012%208.40277C11.6833%208.40277%2011.3853%208.25274%2011.1967%207.99831C10.1499%206.58627%209.01689%206%207.78125%206Z%22%20fill%3D%22%23663399%22%20%2F%3E%0A%3C%2Fsvg%3E"); } body.bmcase-kit .addWishlist.added img.icon { content:var(--bmcase-owner-heart-active) !important; filter:none !important; } body.bmcase-kit #elementContainer .wishCompWrap .addWishlist.added { background:#fff !important; color:var(--bmcase-kit-primary,#663399) !important; box-shadow:inset 0 0 0 1px var(--bmcase-kit-primary,#663399); } body.bmcase-kit #elementContainer .wishCompWrap .addWishlist.added::before, body.bmcase-kit #elementContainer .wishCompWrap .addWishlist.added::after { background-color:var(--bmcase-kit-primary,#663399) !important; } /* Profile1 measured owner reference:10px gaps, square stepper backgrounds */ body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .picture { margin-bottom:10px !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .name { margin-bottom:10px !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .addCartContainer .quantityContainer :is(.plus,.minus) { height:24px !important; border-radius:0 !important; background-color:rgba(255,255,255,.18) !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .addCartContainer .quantityContainer :is(.plus,.minus).error { background-color:#bc1414 !important; } /* Profile1 approved28px bag; other purchase icons unchanged. */ body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .addCartContainer:is(:hover,:focus-within,.viewed) .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) > span { left:20px !important; top:8px !important; height:28px !important; line-height:28px !important; transform:none !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .addCartContainer:is(:hover,:focus-within,.viewed) .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) .icon { width:auto !important; height:28px !important; vertical-align:top !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .addCartContainer .quantityContainer { left:65px !important; } @media(hover:none) { body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .addCartContainer .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) > span { left:20px !important; top:8px !important; height:28px !important; line-height:28px !important; transform:none !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .addCartContainer .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) .icon { width:auto !important; height:28px !important; vertical-align:top !important; } } /* Owner requested50% less visible contour shadow: alpha .14→.07 only. */ body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .picture { box-shadow:0 4px 8px rgba(0,0,0,.07) !important; } /* Owner correction: grey photo area, white card, no shadows in profile1 including hover. */ body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product, body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product *, body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product::before, body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product::after, body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product *::before, body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product *::after { box-shadow:none !important; text-shadow:none !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .tabloid { background:#fff !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .picture { background:#f7f9fa !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .picture > img { mix-blend-mode:normal !important; filter:none !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product :is(.tabloid,.picture,.picture > img,.addCartContainer,.addCart,.quantity), body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product:hover :is(.tabloid,.picture,.picture > img,.addCartContainer,.addCart,.quantity) { box-shadow:none !important; text-shadow:none !important; } /* Owner clarified source: match live main catalogue profile2 rendering, profile1 only. */ body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .picture { background:#f5f5f5 !important; box-shadow:none !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .picture > img { mix-blend-mode:multiply !important; filter:none !important; opacity:1 !important; } /* Quicksearch follows live main-catalog card width instead of four stretched columns. */ body.bmcase-kit #searchResult #catalogSection > .items.productList { grid-template-columns:repeat(auto-fill,minmax(0,min(100%,var(--bmcase-catalog-card-width,235px)))) !important; gap:16px !important; justify-content:start; } @media(max-width:767px) { body.bmcase-kit #searchResult #catalogSection > .items.productList { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; } body.bmcase-kit #searchResult #catalogSection > .items.productList > .product { max-width:var(--bmcase-catalog-card-width,235px); } } /* Profile1 v3: concentric matching corners; preserve existing outer20 and inset10. */ body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product :is(.picture,.picture > img) { border-top-left-radius:10px !important; border-top-right-radius:10px !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product :is(.addCartContainer,.addCartContainer .addCart) { border-bottom-left-radius:10px !important; border-bottom-right-radius:10px !important; } /* Selected product hearts: supplied outer silhouette filled purple, unselected outline unchanged. */ body.bmcase-kit { --bmcase-owner-heart-active:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.78125%204C4.53699%204%202%206.81981%202%2010.1559C2%2011.8911%202.27768%2013.32%203.31283%2014.8234C4.3005%2016.258%205.9429%2017.7056%208.49134%2019.6155L12%2022L15.5084%2019.6158C18.057%2017.7058%2019.6995%2016.258%2020.6872%2014.8234C21.7223%2013.32%2022%2011.8911%2022%2010.1559C22%206.81982%2019.463%204%2016.2188%204C14.5909%204%2013.1818%204.66321%2012%205.86323C10.8182%204.66321%209.40906%204%207.78125%204Z%22%20fill%3D%22%23663399%22%20%2F%3E%0A%3C%2Fsvg%3E"); --bmcase-owner-heart-solid-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.78125%204C4.53699%204%202%206.81981%202%2010.1559C2%2011.8911%202.27768%2013.32%203.31283%2014.8234C4.3005%2016.258%205.9429%2017.7056%208.49134%2019.6155L12%2022L15.5084%2019.6158C18.057%2017.7058%2019.6995%2016.258%2020.6872%2014.8234C21.7223%2013.32%2022%2011.8911%2022%2010.1559C22%206.81982%2019.463%204%2016.2188%204C14.5909%204%2013.1818%204.66321%2012%205.86323C10.8182%204.66321%209.40906%204%207.78125%204Z%22%20fill%3D%22%23663399%22%20%2F%3E%0A%3C%2Fsvg%3E"); } body.bmcase-kit #elementContainer .wishCompWrap .addWishlist.added::before, body.bmcase-kit #elementContainer .wishCompWrap .addWishlist.added::after { -webkit-mask-image:var(--bmcase-owner-heart-solid-mask) !important; mask-image:var(--bmcase-owner-heart-solid-mask) !important; } /* Restore original native footer hover motion, retaining profile1 geometry. */ body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .addCartContainer :is(.addCart > span,.quantityContainer) { transition:all .2s ease-in-out !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .addCartContainer .quantityContainer { transform:translateX(16px) !important; } body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .addCartContainer:is(:hover,:focus-within,.viewed) .quantityContainer { transform:translateX(0) !important; } @media(hover:none) { body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .addCartContainer .quantityContainer { transform:none !important; } } @media(prefers-reduced-motion:reduce) { body.bmcase-kit :is(#footerTabs #topProduct,#footerTabs #viewedProduct,#searchResult #catalogSection) .product .addCartContainer :is(.addCart > span,.quantityContainer) { transition:none !important; } } /* Owner search-panel frame: centred, profile1 radius, light side separation only. */ body.bmcase-kit #topSearchLine:has(#searchResult.visible) { left:2% !important; right:2% !important; width:96% !important; } body.bmcase-kit #searchResult { box-sizing:border-box; border-radius:20px !important; background:#f3f3f3 !important; box-shadow:-5px 0 12px -7px rgba(0,0,0,.18),5px 0 12px -7px rgba(0,0,0,.18) !important; overflow:hidden; } body.bmcase-kit #searchResult > h1 { background:transparent !important; } body.bmcase-kit #searchResult .searchAllResult::after { content:""; display:inline-block; width:1em; height:1em; margin-left:6px; vertical-align:-2px; background-color:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.46451%207.05023C7.46451%206.49795%207.91222%206.05023%208.46451%206.05023H16.9496C16.9497%206.05023%2016.9498%206.05023%2016.95%206.05023H16.9645C17.5168%206.05023%2017.9645%206.49795%2017.9645%207.05023V15.5502C17.9645%2016.1025%2017.5168%2016.5502%2016.9645%2016.5502C16.4122%2016.5502%2015.9645%2016.1025%2015.9645%2015.5502V9.44973L7.7574%2017.6568C7.36688%2018.0474%206.73371%2018.0474%206.34319%2017.6568C5.95266%2017.2663%205.95266%2016.6331%206.34319%2016.2426L14.5356%208.05023H8.46451C7.91222%208.05023%207.46451%207.60252%207.46451%207.05023Z%22%20fill%3D%22%230F1729%22%2F%3E%0D%0A%3C%2Fsvg%3E") center / contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.46451%207.05023C7.46451%206.49795%207.91222%206.05023%208.46451%206.05023H16.9496C16.9497%206.05023%2016.9498%206.05023%2016.95%206.05023H16.9645C17.5168%206.05023%2017.9645%206.49795%2017.9645%207.05023V15.5502C17.9645%2016.1025%2017.5168%2016.5502%2016.9645%2016.5502C16.4122%2016.5502%2015.9645%2016.1025%2015.9645%2015.5502V9.44973L7.7574%2017.6568C7.36688%2018.0474%206.73371%2018.0474%206.34319%2017.6568C5.95266%2017.2663%205.95266%2016.6331%206.34319%2016.2426L14.5356%208.05023H8.46451C7.91222%208.05023%207.46451%207.60252%207.46451%207.05023Z%22%20fill%3D%22%230F1729%22%2F%3E%0D%0A%3C%2Fsvg%3E") center / contain no-repeat; } @media(max-width:767px) { body.bmcase-kit #topSearchLine:has(#searchResult.visible) { left:2% !important; right:2% !important; width:96% !important; } } /* Owner confirmed1900px reference and337px margins: panel1226px, cards unchanged. */ body.bmcase-kit #searchResult { width:100% !important; max-width:1226px !important; left:50% !important; right:auto !important; transform:translateX(-50%) !important; } /* Quicksearch headings use the existing site brand font, sizes unchanged. */ body.bmcase-kit #searchResult > h1, body.bmcase-kit #searchResult .searchAllResult { font-family:var(--bmcase-kit-font,Mulish,sans-serif) !important; font-weight:700; } /* Owner latest: dark backdrop retained; outer panel shadow removed. */ body.bmcase-kit #searchResult { box-shadow:none !important; } /* Quicksearch: one native-size horizontal row, owner-approved1429px panel. */ body.bmcase-kit #searchResult { max-width:1429px !important; } body.bmcase-kit #searchResult #catalogSection { position:relative; } body.bmcase-kit #searchResult #catalogSection > .items.productList { display:flex !important; flex-wrap:nowrap !important; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scroll-padding:24px; scrollbar-width:thin; justify-content:flex-start !important; } body.bmcase-kit #searchResult #catalogSection > .items.productList > .item.product { flex:0 0 var(--bmcase-catalog-card-width,235px) !important; width:var(--bmcase-catalog-card-width,235px) !important; min-width:0; scroll-snap-align:start; } body.bmcase-kit #searchResult .bmcase-search-nav { position:absolute; top:45%; z-index:8; width:24px; height:40px; border:0; padding:0; border-radius:12px; background:#f3f3f3; color:#663399; font:24px/40px Arial,sans-serif; cursor:pointer; } body.bmcase-kit #searchResult .bmcase-search-prev { left:0; } body.bmcase-kit #searchResult .bmcase-search-next { right:0; } body.bmcase-kit #searchResult .bmcase-search-nav:disabled { opacity:.3; cursor:default; } body.bmcase-kit #searchResult .bmcase-search-nav:focus-visible { outline:2px solid #663399; outline-offset:-2px; } @media(max-width:767px) { body.bmcase-kit #searchResult #catalogSection > .items.productList > .item.product { flex-basis:min(var(--bmcase-catalog-card-width,235px),calc((100% - 10px)/2)) !important; width:min(var(--bmcase-catalog-card-width,235px),calc((100% - 10px)/2)) !important; } } /* Owner correction: no fixed width cap; use actual measured five-card width only. */ body.bmcase-kit #searchResult { max-width:var(--bmcase-search-five-width,none) !important; } /* Confirmed90px frame around row; retain prior behaviour below375px pending approval. */ @media(min-width:375px) { body.bmcase-kit #searchResult { border:0 !important; } body.bmcase-kit #searchResult > h1 { box-sizing:border-box; height:90px !important; line-height:90px !important; margin:0 !important; padding:0 40px !important; border:0 !important; } body.bmcase-kit #searchResult #catalogSection > .items.productList { margin:0 90px !important; padding:0 !important; width:calc(100% - 180px) !important; scrollbar-width:none; scroll-padding:0; } body.bmcase-kit #searchResult #catalogSection > .items.productList::-webkit-scrollbar { display:none; } body.bmcase-kit #searchResult .searchAllResult { box-sizing:border-box; height:90px !important; line-height:90px !important; margin:0 !important; border:0 !important; } body.bmcase-kit #searchResult .bmcase-search-prev { left:33px; } body.bmcase-kit #searchResult .bmcase-search-next { right:33px; } } @media(min-width:375px) and (max-width:767px) { body.bmcase-kit #searchResult #catalogSection > .items.productList > .item.product { flex-basis:min(var(--bmcase-catalog-card-width,235px),calc((100% + 122px)/2)) !important; width:min(var(--bmcase-catalog-card-width,235px),calc((100% + 122px)/2)) !important; } } /* Owner: exact live bestsellers arrow sprite and edge anchoring; no layout changes. */ body.bmcase-kit #searchResult .bmcase-search-nav { width:35px; height:70px; top:50%; transform:translateY(-50%); padding:0; border:0; border-radius:0; font-size:0; color:transparent; background:url(/bitrix/components/dresscode/products.by.filter/templates/.default/images/slideArrowSmall.svg) 0 0 no-repeat transparent; box-shadow:none; } body.bmcase-kit #searchResult .bmcase-search-prev { left:0; right:auto; background-position:0 0; } body.bmcase-kit #searchResult .bmcase-search-next { right:0; left:auto; background-position:0 -70px; } body.bmcase-kit #searchResult .bmcase-search-prev:hover:not(:disabled) { background-position:-35px 0; } body.bmcase-kit #searchResult .bmcase-search-next:hover:not(:disabled) { background-position:-35px -70px; } body.bmcase-kit #searchResult .bmcase-search-prev:active:not(:disabled) { background-position:-70px 0; } body.bmcase-kit #searchResult .bmcase-search-next:active:not(:disabled) { background-position:-70px -70px; } /* Owner clarification: arrows begin at the card-row white edge, not the outer panel. */ @media(min-width:375px) { body.bmcase-kit #searchResult .bmcase-search-prev { left:90px; } body.bmcase-kit #searchResult .bmcase-search-next { right:90px; } } /* Whole-card row: common responsive inset, original card sizes frozen by carousel layout. */ body.bmcase-kit #searchResult { --bmcase-search-inset:90px; border:0 !important; } @media(max-width:767px) { body.bmcase-kit #searchResult { --bmcase-search-inset:48px; } } body.bmcase-kit #searchResult > h1 { box-sizing:border-box; height:var(--bmcase-search-inset) !important; line-height:var(--bmcase-search-inset) !important; margin:0 !important; padding:0 12px !important; border:0 !important; } body.bmcase-kit #searchResult #catalogSection > .items.productList { margin:0 var(--bmcase-search-inset) !important; padding:0 !important; width:calc(100% - 2 * var(--bmcase-search-inset)) !important; scrollbar-width:none; scroll-padding:0; } body.bmcase-kit #searchResult #catalogSection > .items.productList::-webkit-scrollbar { display:none; } body.bmcase-kit #searchResult .searchAllResult { box-sizing:border-box; height:var(--bmcase-search-inset) !important; line-height:var(--bmcase-search-inset) !important; margin:0 !important; border:0 !important; } body.bmcase-kit #searchResult .bmcase-search-prev { left:var(--bmcase-search-inset); } body.bmcase-kit #searchResult .bmcase-search-next { right:var(--bmcase-search-inset); } body.bmcase-kit #searchResult #catalogSection > .items.productList > .clear { display:none !important; } /* Mobile quicksearch: native-style responsive grid, no horizontal carousel. */ @media(max-width:767px) { body.bmcase-kit #searchResult { --bmcase-search-inset:32px; max-width:none !important; } body.bmcase-kit #searchResult > h1 { font-size:16px; } body.bmcase-kit #searchResult .searchAllResult { font-size:12px; } body.bmcase-kit #searchResult #catalogSection > .items.productList { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; overflow:visible; scroll-snap-type:none; } body.bmcase-kit #searchResult #catalogSection > .items.productList > .item.product { width:100% !important; max-width:none !important; min-width:0; } body.bmcase-kit #searchResult .bmcase-search-nav { display:none !important; } } @media(max-width:350px) { body.bmcase-kit #searchResult #catalogSection > .items.productList { grid-template-columns:minmax(0,1fr) !important; } } @media(hover:none) { body.bmcase-kit #searchResult#searchResult #catalogSection .product .addCartContainer:not(:hover):not(:focus-within):not(.viewed) .addCart:not(.added):not(.disabled):not(.subscribe):not(.requestPrice) > span { left:50% !important; top:50% !important; height:auto !important; line-height:normal !important; font-size:14px !important; transform:translate(-50%,-50%) !important; } } /* Internal vertical scroll must not consume a partial card width. */ body.bmcase-kit #searchResult { scrollbar-width:none; } body.bmcase-kit #searchResult::-webkit-scrollbar { display:none; } /* End */ /* Start:/bitrix/templates/bmcase_deluxe_style_test/assets/kit/css/header6.css?1792257713130*/ /* BMCASE: preserve the approved original DELUXE header6 layout and native type1 rounded controls. No custom header overrides. */ /* End */ /* Start:/bitrix/templates/bmcase_deluxe_style_test/assets/bmcase-wishlist/wishlist-feedback.css?17922373662708*/ /* BMCASE successful-wishlist feedback: decorative, isolated and pointer-transparent. */ body.bmcase-kit .bmcase-wishlist-effects { position:fixed; width:1px; height:1px; z-index:1000; pointer-events:none; } body.bmcase-kit .bmcase-wishlist-particle { position:absolute; left:0; top:0; pointer-events:none; background:var(--bmcase-kit-primary); -webkit-mask:url(/bitrix/templates/bmcase_deluxe_style_test/assets/bmcase-wishlist/heart.svg) center/contain no-repeat; mask:url(/bitrix/templates/bmcase_deluxe_style_test/assets/bmcase-wishlist/heart.svg) center/contain no-repeat; animation-duration:700ms; animation-timing-function:linear; animation-fill-mode:both; } body.bmcase-kit .bmcase-wishlist-particle-0 { width:13px; height:13px; margin:-6.5px; animation-name:bmcase-wishlist-heart-0; } @keyframes bmcase-wishlist-heart-0 {0%{transform:translate(0,0) scale(.95);opacity:0}8%{opacity:1}40%{transform:translate(-21.150000000000002px,-24px) scale(1);opacity:1}100%{transform:translate(-47px,48px) scale(.95);opacity:0}} body.bmcase-kit .bmcase-wishlist-particle-1 { width:11px; height:11px; margin:-5.5px; animation-name:bmcase-wishlist-heart-1; } @keyframes bmcase-wishlist-heart-1 {0%{transform:translate(0,0) scale(.95);opacity:0}8%{opacity:1}40%{transform:translate(-13.05px,-34px) scale(1);opacity:1}100%{transform:translate(-29px,74px) scale(.95);opacity:0}} body.bmcase-kit .bmcase-wishlist-particle-2 { width:15px; height:15px; margin:-7.5px; animation-name:bmcase-wishlist-heart-2; } @keyframes bmcase-wishlist-heart-2 {0%{transform:translate(0,0) scale(.95);opacity:0}8%{opacity:1}40%{transform:translate(-4.05px,-42px) scale(1);opacity:1}100%{transform:translate(-9px,58px) scale(.95);opacity:0}} body.bmcase-kit .bmcase-wishlist-particle-3 { width:12px; height:12px; margin:-6.0px; animation-name:bmcase-wishlist-heart-3; } @keyframes bmcase-wishlist-heart-3 {0%{transform:translate(0,0) scale(.95);opacity:0}8%{opacity:1}40%{transform:translate(6.75px,-36px) scale(1);opacity:1}100%{transform:translate(15px,77px) scale(.95);opacity:0}} body.bmcase-kit .bmcase-wishlist-particle-4 { width:13px; height:13px; margin:-6.5px; animation-name:bmcase-wishlist-heart-4; } @keyframes bmcase-wishlist-heart-4 {0%{transform:translate(0,0) scale(.95);opacity:0}8%{opacity:1}40%{transform:translate(15.75px,-30px) scale(1);opacity:1}100%{transform:translate(35px,55px) scale(.95);opacity:0}} body.bmcase-kit .bmcase-wishlist-particle-5 { width:10px; height:10px; margin:-5.0px; animation-name:bmcase-wishlist-heart-5; } @keyframes bmcase-wishlist-heart-5 {0%{transform:translate(0,0) scale(.95);opacity:0}8%{opacity:1}40%{transform:translate(22.05px,-18px) scale(1);opacity:1}100%{transform:translate(49px,82px) scale(.95);opacity:0}} @media(prefers-reduced-motion:reduce) { body.bmcase-kit .bmcase-wishlist-effects { display:none; } } /* End */ /* Start:/bitrix/templates/bmcase_deluxe_style_test/fonts/roboto/roboto.min.css?1751875258986*/ @font-face{font-weight:400;font-family:robotobold;font-style:normal;src:url(/bitrix/templates/bmcase_deluxe_style_test/fonts/roboto/roboto-bold.woff2) format("woff2");font-display:fallback}@font-face{font-weight:700;font-family:robotomedium;font-style:normal;src:url(/bitrix/templates/bmcase_deluxe_style_test/fonts/roboto/roboto-medium.woff2) format("woff2");font-display:fallback}@font-face{font-weight:400;font-family:roboto_condensedlight;font-style:normal;src:url(/bitrix/templates/bmcase_deluxe_style_test/fonts/roboto/robotocondensed-light.woff2) format("woff2");font-display:fallback}@font-face{font-weight:400;font-family:roboto_cnregular;font-style:normal;src:url(/bitrix/templates/bmcase_deluxe_style_test/fonts/roboto/roboto-condensed.woff2) format("woff2");font-display:fallback}@font-face{font-weight:400;font-family:roboto_ltregular;font-style:normal;src:url(/bitrix/templates/bmcase_deluxe_style_test/fonts/roboto/roboto-light.woff2) format("woff2");font-display:fallback}@font-face{font-weight:400;font-family:robotoregular;font-style:normal;src:url(/bitrix/templates/bmcase_deluxe_style_test/fonts/roboto/roboto-regular.woff2) format("woff2");font-display:fallback}@font-face{font-weight:400;font-family:roboto_thregular;font-style:normal;src:url(/bitrix/templates/bmcase_deluxe_style_test/fonts/roboto/roboto-thin.woff2) format("woff2");font-display:fallback} /* End */ /* Start:/bitrix/templates/bmcase_deluxe_style_test/themes/violet/style.min.css?179224069238296*/ body.index{background-color:#f3f3f3}.theme-background-svg{fill:#663399}#footer.variant_2 #footerBottom,#footer.variant_2 #leftFooter,#footer.variant_2 #rightFooter,#footer.variant_2 .fc,#footerLine.color_theme,#headerLayout.color_theme,#headerLine .headerLineTools .callBack,#headerLine.color_theme,#headerLine2 .callBack,#headerLine2.color_theme,#headerLine2.color_theme #subMenu .removedItemsContainer .removedItemsList,#headerLine3 .callBack,#headerLine3.color_theme,#headerLine3.color_theme #subMenu .removedItemsContainer .removedItemsList,#headerLine4.color_theme,#headerLine4.color_theme #subMenu .removedItemsContainer .removedItemsList,#headerLine5.color_theme,#subHeader.color_black #headerTools .cart ins.active,#subHeader.color_theme,#subHeader2 .cart .heading.active,#subHeader2 .topCompare .text.active,#subHeader2 .topWishlist .text.active,#subHeader2.color_black .cart .heading.active,#subHeader2.color_theme,#subHeader3.color_theme,#subHeader4.color_theme,#subHeader4.color_theme #subMenu .removedItemsContainer .removedItemsList,#subHeader4.color_theme .cart .count,#subHeader4.color_theme .topCompare .value,#subHeader4.color_theme .topWishlist .value,#subHeader5.color_theme,#subHeader5.color_theme #subMenu .removedItemsContainer .removedItemsList,#subHeader5.color_theme .cart .count,#subHeader5.color_theme .topCompare .value,#subHeader5.color_theme .topWishlist .value,#subHeader6.color_theme,#subHeader6.color_theme #subMenu .removedItemsContainer .removedItemsList,#subHeader6.color_theme .cart .count,#subHeader6.color_theme .topCompare .value,#subHeader6.color_theme .topWishlist .value,#subHeader7.color_theme,#subHeader7.color_theme .cart .count,#subHeader7.color_theme .topCompare .value,#subHeader7.color_theme .topWishlist .value,#subHeader8.color_theme,#subHeader8.color_theme #subMenu .removedItemsContainer .removedItemsList,#subHeader8.color_theme .cart .count,#subHeader9 #menuCatalogSection .catalogButton,#subHeader9 .subContainerColumn .callBack,#subHeader9.color_theme,#subHeader9.color_theme .cart .count,#subHeader9.color_theme .topCompare .value,#subHeader9.color_theme .topWishlist .value,#subHeaderLine.color_theme,#subHeaderLine.color_theme #subMenu .removedItemsContainer .removedItemsList,#topHeader.color_theme,#topHeader2.color_theme,.menuContainerColor.color_theme #mainMenu .removedItemsLink .removedItemsList,.menuContainerColor.color_theme #mainMenuContainer,.menuContainerColor.color_theme #menuCatalogSection .catalogButton{background-color:#663399}#footer.variant_4 #footerBottom,#footer.variant_4 #rightFooter,#headerLine .headerLineTools .callBack:hover,#headerLine2 .callBack:hover,#subHeader.color_black #headerTools .cart ins.active:hover,#subHeader9 #menuCatalogSection .catalogButton:hover,#subHeader9 .subContainerColumn .callBack:hover,.menuContainerColor.color_theme #mainMenu .removed:hover,.menuContainerColor.color_theme #mainMenuContainer #mainMenu>li:hover{background-color:#562b82}#footer.variant_4 #leftFooter .heading,#footer.variant_4 #leftFooter .selected,#footer.variant_4 #rightFooter .email a,#footer.variant_5 #leftFooter .heading,#footer.variant_5 #leftFooter .selected,#footer.variant_5 #rightFooter .email a,#footerLine.color_white .item .callback,#headerLine #topAuth ul li a,#headerLine .user-geo-position-value-link,#headerLine2 #subMenu li .selected,#headerLine2 .user-geo-position-value-link,#headerLine2.color_black #subMenu li .selected,#headerLine3 #subMenu li .selected,#headerLine3.color_black #subMenu li a.selected,#headerLine4 #subMenu li .selected,#subHeader.color_black #headerTools .tools .link,#subHeader2 #topCallback .link,#subHeader3 .cart .total,#subHeader3.color_theme .cart .active .count,#subHeader4 #subMenu li .selected,#subHeader5 .cart .heading .total,#subHeader6 .cart .active .count,#subHeader6 .cart .total,#subHeader7 .cart .active .total,#subHeader7 .firstPhones .callBack,#subHeader8 #subMenu li .selected,#subHeader9 #subMenu li .selected{color:#663399}#footerLine.color_theme .item .cart.active .mark,#footerLine.color_theme .item .compare.active .mark,#footerLine.color_theme .item .wishlist.active .mark,#footerLine.color_white .item .cart.active,#footerLine.color_white .item .cart.active .mark,#footerLine.color_white .item .compare.active,#footerLine.color_white .item .compare.active .mark,#footerLine.color_white .item .wishlist.active,#footerLine.color_white .item .wishlist.active .mark{color:#663399!important}#headerLine4.color_black #subMenu li .selected,#headerLine4.color_black #subMenu li a:hover{color:#663399!important}#footer.variant_4 #leftFooter a:hover,#footer.variant_4 #rightFooter .email a:hover,#footer.variant_5 #leftFooter a:hover,#footer.variant_5 #rightFooter .email a:hover,#footerLine.color_white .item .callback:hover,#headerLine #topAuth ul li a:hover,#headerLine .user-geo-position-value-link:hover,#headerLine2 #subMenu li a:hover,#headerLine2 #topAuth>ul li a:hover,#headerLine2 .user-geo-position-value-link:hover,#headerLine2.color_black #subMenu li a:hover,#headerLine2.color_black #topAuth>ul li a:hover,#headerLine3 #subMenu li a:hover,#headerLine3.color_black #subMenu li a:hover #headerLine4.color_black #subMenu li a:hover,#headerLine3.color_black #topAuth>ul li a:hover,#headerLine4 #subMenu li a:hover,#subHeader.color_black #headerTools .tools .link:hover,#subHeader2 #topCallback .link:hover,#subHeader4 #subMenu li a:hover,#subHeader5 .cart .heading:hover .total,#subHeader6 .cart .heading:hover .total,#subHeader7 .firstPhones .callBack:hover,#subHeader8 #subMenu li a:hover,#subHeader9 #subMenu li a:hover,#topHeader.color_black #topMenu li a.selected,#topHeader.color_default #topMenu li .selected,#topHeader.color_default #topMenu li a:hover,#topHeader.color_default #topService>li>a:hover,#topHeader.color_default .user-geo-position-value-link:hover{color:#562b82}#headerLine.color_theme .headerLineTools .callBack,#headerLine2.color_theme .callBack,#subHeader6.color_theme .callBack,#subHeader9.color_theme #menuCatalogSection .catalogButton,#subHeader9.color_theme #subMenu .removedItemsContainer .removedItemsList,#subHeader9.color_theme .callBack{background-color:#562b82}#subHeader3 .cart .order.active,#subHeader6 .subPhones .callBack{color:#663399;border:1px solid #663399}#subHeader6 .subPhones .callBack:hover{border:1px solid #562b82}#subHeader4 .cart .active .count,#subHeader4 .topCompare .active .value,#subHeader4 .topWishlist .active .value,#subHeader4.color_black .cart .active .count,#subHeader4.color_black .topCompare .active .value,#subHeader4.color_black .topWishlist .active .value,#subHeader5 .cart .active .count,#subHeader5 .topCompare .active .value,#subHeader5 .topWishlist .active .value,#subHeader6 .cart .active .count,#subHeader6 .topCompare .active .value,#subHeader6 .topWishlist .active .value,#subHeader7 .cart .active .count,#subHeader7 .topCompare .active .value,#subHeader7 .topWishlist .active .value,#subHeader8 .cart .active .count,#subHeader9 .cart .active .count,#subHeader9 .topCompare .active .value,#subHeader9 .topWishlist .active .value{color:#663399;border:2px solid #663399}#subHeader3 .cart .active .count,#subHeader3.color_black .cart .active .count,#subHeader3.color_theme .cart .active .count{background-color:#663399}#headerLine4 #topAuth ul li a,#headerLine4 .user-geo-position-value-link,#subHeader3 #topToolsLeft a,#subHeader3 .user-geo-position-value-link,#subHeader6 #topAuth>ul li a,#subHeader6 #topAuth>ul li:first-child::after,#subHeader6 .subPhones .callBack,#subHeader6 .user-geo-position-value-link,#subHeader8 .telephoneContainer .callBack{color:#663399}#headerLine4 #topAuth ul li a:hover,#headerLine4 .user-geo-position-value-link:hover,#subHeader3 #topToolsLeft a:hover,#subHeader3 .user-geo-position-value-link:hover,#subHeader6 #topAuth>ul li a:hover,#subHeader6 .subPhones .callBack:hover,#subHeader6 .user-geo-position-value-link:hover,#subHeader8 .telephoneContainer .callBack:hover{color:#562b82}#headerLine #topAuth ul li a::after,#headerLine .user-geo-position-value-link::after,#headerLine2 .user-geo-position-value-link::after,#headerLine4 #topAuth ul li a::after,#headerLine4 .user-geo-position-value-link::after,#subHeader3 #topToolsLeft a::after,#subHeader3 .user-geo-position-value-link::after,#subHeader6 #topAuth ul li a::after,#subHeader6 .user-geo-position-value-link::after,#subHeader7 .firstPhones .callBack::after,#subHeader8 .telephoneContainer .callBack::after{border-bottom:1px dashed #663399}#headerLine #topAuth ul li a::after:hover,#headerLine .user-geo-position-value-link::after:hover,#headerLine2 .user-geo-position-value-link::after:hover,#headerLine4 #topAuth ul li a::after:hover,#headerLine4 .user-geo-position-value-link::after:hover,#subHeader3 #topToolsLeft a::after:hover,#subHeader3 .user-geo-position-value-link::after:hover,#subHeader6 #topAuth ul li a::after:hover,#subHeader6 .user-geo-position-value-link::after:hover,#subHeader7 .firstPhones .callBack::after:hover,#subHeader8 .telephoneContainer .callBack::after:hover{border-bottom:1px dashed #562b82}@media all and (max-width:800px){#subHeader6 .user-geo-position-value-link{background-color:#562b82}}@media all and (max-width:650px){#subHeader9 .subContainerColumn .callBack{color:#562b82!important}#subHeader9 .subContainerColumn .callBack:hover{color:#663399!important}}@media all and (max-width:420px){#headerLine4.color_theme #geoPosition.color_default .user-geo-position-value-link{color:#562b82}#headerLine4.color_theme #geoPosition.color_default .user-geo-position-value-link::after{border-color:#562b82}}#topHeader{background:#fff;border-bottom:1px solid #f6f6f6}#topService{color:#000;border-left:1px solid #f6f6f6}#topService li{border-right:1px solid #f6f6f6}#topService li a{color:#000}#topService li:hover a:hover{color:#562b82}#topService li a:focus{color:#4e2775}#topService .selected{color:#562b82}#subHeader{background:#fff;border-bottom:0 solid #f6f6f6}#logo{border-right:1px solid #f6f6f6;border-left:1px solid #f6f6f6}#topHeading{border-right:1px solid #f6f6f6}#topHeading p{color:#000}#headerTools{border-right:1px solid #f6f6f6}#headerTools .tools .heading{color:#000}#headerTools .tools .link{color:#663399}#headerTools .tools .link:hover{color:#562b82}#headerTools .tools li{border-left:1px solid #f6f6f6}#headerTools .text{color:#000}#headerTools .telephone .icon{background:url(/bitrix/templates/bmcase_deluxe_style_test/themes/violet/images/callbackHead.svg) 0 0 no-repeat transparent}#headerTools .telephone .icon:hover{background:url(/bitrix/templates/bmcase_deluxe_style_test/themes/violet/images/callbackHead.svg) -35px 0 no-repeat transparent}#headerTools .search .icon{background:url(/bitrix/templates/bmcase_deluxe_style_test/themes/violet/images/searchHead.svg) 0 0 no-repeat transparent}#headerTools .search .icon:hover{background:url(/bitrix/templates/bmcase_deluxe_style_test/themes/violet/images/searchHead.svg) -35px 0 no-repeat transparent}#headerTools .wishlist .icon{background:url(/bitrix/templates/bmcase_deluxe_style_test/themes/violet/images/wishlistHead.svg) 0 0 no-repeat transparent}#headerTools .wishlist .icon.active{background:url(/bitrix/templates/bmcase_deluxe_style_test/themes/violet/images/wishlistHead.svg) -36px 0 no-repeat transparent}#headerTools .wishlist .icon.active:hover{background-position:-72px 0}#headerTools .compare .icon{background:url(/bitrix/templates/bmcase_deluxe_style_test/themes/violet/images/compareHead.svg) 0 0 no-repeat transparent}#headerTools .compare .icon.active{background:url(/bitrix/templates/bmcase_deluxe_style_test/themes/violet/images/compareHead.svg) -35px 0 no-repeat transparent}#headerTools .compare .icon.active:hover{background:url(/bitrix/templates/bmcase_deluxe_style_test/themes/violet/images/compareHead.svg) -70px 0 no-repeat transparent}#headerTools .cart .icon{background:url(/bitrix/templates/bmcase_deluxe_style_test/themes/violet/images/cartHead.svg) 0 0 no-repeat transparent}#headerTools .cart .icon.active{background:url(/bitrix/templates/bmcase_deluxe_style_test/themes/violet/images/cartHead.svg) -44px 0 no-repeat transparent}#headerTools .cart .icon.active:hover{background:url(/bitrix/templates/bmcase_deluxe_style_test/themes/violet/images/cartHead.svg) -88px 0 no-repeat transparent}#headerTools .cart ins{color:#888;background:#e0e0e0}#headerTools .cart ins.active{color:#562b82}#topHeader #topMenu{border-left:1px solid #e9e9e9}#topHeader #topMenu li a{color:#000}#topHeader #topMenu li a:hover{color:#562b82}#topHeader #topMenu .sub{background-color:#eee}#topHeader #topMenu .sub li{border-top:0;border-bottom:1px solid #e0e0e0}#topHeader #topMenu .sub li:hover{background:#e0e0e0}#mainMenuContainer .minCatalogButton{color:#fff;background:#663399}#changeYouCity{background:url(/bitrix/templates/bmcase_deluxe_style_test/themes/violet/images/modalBg.svg) 0 0 repeat #232323}#changeYouCity .heading{color:#562b82}#changeYouCity .list li a{color:#ccc}#changeYouCity .list li a:hover{color:#562b82}#changeYouCity #cityClose{color:#fff;background:rgb(0 0 0 / 10%);border:1px solid #000}#changeYouCity #cityClose:hover{color:#562b82}#changeYouCity #cityClose ins{background:url(/bitrix/templates/bmcase_deluxe_style_test/themes/violet/images/exit.svg) 0 0 no-repeat transparent}#changeYouCity #cityClose:hover ins{background-position:-11px 0}#changeYouCity #cityClose:active ins{background-position:-22px 0}#mainMenuContainer{background-color:#1a1a1a}#mainMenu>li a{color:#fff}#mainMenu>li a:hover{color:#663399}#menuCatalogSection .drop ul li a:hover{color:#663399}#left .heading{color:#fff}#left .opener{background:#663399}#left .heading ins{background:url(/bitrix/templates/bmcase_deluxe_style_test/themes/violet/images/iconMenu.svg) 0 50% no-repeat transparent}#left .sideBlock .heading{background-color:#2b2b2b}#left #subscribe .sideBlockContent{border:1px solid #e7e8ea}#left #subscribe .copy{color:#888}#brandSearch td{color:#fff;background:#424242;border-left:1px solid #313131}#brandSearch td a{color:#fff}#brandSearch td:hover a{color:#562b82}#brandSearch a{color:#000}#slider ol li{background:url(/bitrix/templates/bmcase_deluxe_style_test/themes/violet/images/slideButton.svg) 0 0 no-repeat transparent}#slider ol li:hover{background:url(/bitrix/templates/bmcase_deluxe_style_test/themes/violet/images/slideButton.svg) -18px 0 no-repeat transparent}#slider ol li:active{background:url(/bitrix/templates/bmcase_deluxe_style_test/themes/violet/images/slideButton.svg) -36px 0 no-repeat transparent}#slider ol li.selected{background:url(/bitrix/templates/bmcase_deluxe_style_test/themes/violet/images/slideButton.svg) -54px 0 no-repeat transparent}#slider ol li.selected:hover{background:url(/bitrix/templates/bmcase_deluxe_style_test/themes/violet/images/slideButton.svg) -72px 0 no-repeat transparent}#slider ol li.selected:active{background:url(/bitrix/templates/bmcase_deluxe_style_test/themes/violet/images/slideButton.svg) -90px 0 no-repeat transparent}#popCats .sideBlockContent{background-color:#fff;border:1px solid #e7e8ea}#popCats li a,#popCats li span{color:#000;background-color:#e7e8ea}#popCats li a:hover{color:#fff;background-color:#562b82;border-color:#663399}#collectionList .collection .wrap{background-color:#fff;border:1px solid #ccc}#collectionList .collection .heading{color:#000;background-color:#fff}#collectionList .goTo{color:#000;background-color:#f7f7f7;border:1px solid #ccc}#collectionList .goTo:hover{color:#fff;background-color:#562b82;border-color:#663399}#right .heading{color:#fff;background:#2b2b2b}#footer{background-color:#f9f9f9}#footer .fc{background-color:#2b2b2b}#catalogLine{border:1px solid #e7e8ea}#catalogLine select{color:#888;border:1px solid #e7e8ea}#catalogLine .viewList .element a{background:url(/bitrix/templates/bmcase_deluxe_style_test/themes/violet/images/catalogView.svg) 0 0 no-repeat transparent}#leftFooter{background:#2b2b2b}#leftFooter .heading{color:#fff;border-bottom:1px solid #3e3e3e}#leftFooter ul li{border-top:1px solid #313131}#leftFooter a{color:#999}#leftFooter a:hover{color:#663399}#leftFooter .selected{color:#663399}#rightFooter{background:unset}#rightFooter .list li{color:#888}#rightFooter .email a{color:#fff}#rightFooter p{color:#888}#rightFooter .hr{border-top:1px solid #575757}#rightFooter .telephone{color:#663399}#rightFooter .email{color:#fff}#rightFooter .showMap{color:#663399}#rightFooter .showMap:hover{color:#562b82}#footerBottom{color:#fff;background:#191919;border-top:3px solid #101010}#appBasketContainer{padding:24px;background-color:#fff;border-radius:10px;box-shadow:1px 1px 12px rgb(60 60 60 / 30%)}#appBasket .heading{color:#000;font-size:24px;font-family:robotobold;background-color:#f9f9f9;border-radius:8px}#appBasket .close{background:url(/bitrix/templates/bmcase_deluxe_style_test/themes/violet/images/exit.svg) 0 0 no-repeat transparent}#appBasket .close:hover{background-position:0 -21px}#appBasket .close:active{background-position:0 -42px}#appBasket .markerContainer .marker{color:#fff;background-color:#424242;border-radius:4px}#appBasket .name{color:#000}#appBasket .name:hover{color:#663399}#appBasket .price{color:#000}#appBasket .price .discount{color:#888}#appBasket .minus,#appBasket .plus{background:url(/bitrix/templates/bmcase_deluxe_style_test/themes/violet/images/plusMinus.svg) 0 0 no-repeat #f3f3f3}#appBasket .plus{background-position:0 -19px}#appBasket .plus:hover{background-position:-19px -19px}#appBasket .plus:active{background-position:-38px -19px}#appBasket .minus:hover{background-position:-19px 0x}#appBasket .minus:active{background-position:-38px 0}#appBasket .qty{color:#000;background-color:#e7e8ea}#appBasket .sum{background-color:#fbfbfb}#appBasket .sum .discount{color:#888}#appBasket .lower{background-color:#f9f9f9;border-radius:8px}#appBasket .lower .tools .icon:hover{background:#f3f3f3}#appBasket .lower .tools .continue{border-right:1px solid #e7e8ea}#appBasket .lower .tools .continue a{color:#000}#appBasket .lower .tools .goToBasket a{color:#fff}#appBasket .lower .tools .goToBasket{background-color:#663399}#appBasket .lower .tools .goToBasket:hover{background-color:#562b82}#appBasket .lower .tools .continue:hover{background:#e7e8ea}#appFastBuyContainer .heading{color:#000;background-color:#fff}#appFastBuyContainer input{color:#000;background-color:#f3f3f3}#appFastBuyContainer textarea{background-color:#f3f3f3}#appFastBuyContainer input:focus,#appFastBuyContainer textarea:focus{background-color:#e9e9e9}#appFastBuyContainer input.error,#appFastBuyContainer textarea.error{border:1px solid red}#appFastBuyContainer #fastBuyFormSubmit{color:#fff;background-color:#663399}#appFastBuyContainer #fastBuyFormSubmit:hover{background-color:#562b82}#appFastBuyContainer #fastBuyFormSubmit.loading{background:url(/bitrix/templates/bmcase_deluxe_style_test/themes/violet/images/loading.gif) 24px 50% no-repeat #562b82!important}#fastBuyResult #fastBuyResultClose{color:#fff;background-color:#663399}#fastBuyResult #fastBuyResultClose:hover{background-color:#562b82}#appFastBuyContainer .marker{color:#fff;background-color:#424242}#appFastBuyContainer .name{color:#000}#appFastBuyContainer .name:hover{color:#663399}#appFastBuyContainer .price{color:#000}#appFastBuyContainer .price .discount{color:#888}#appFastView .appFastViewExit,#fastViewStores .fastViewStoresExit{background:url(/bitrix/templates/bmcase_deluxe_style_test/themes/violet/images/exit.svg) 0 0 no-repeat transparent}#appFastView .appFastViewExit:hover,#fastViewStores .fastViewStoresExit:hover{background-position:0 -21px}#appFastView .appFastViewExit:active,#fastViewStores .fastViewStoresExit:active{background-position:0 -42px}#appProductPriceVariant .appPriceVariantExit{background:url(/bitrix/templates/bmcase_deluxe_style_test/themes/violet/images/exit2.svg) 0 0 no-repeat transparent}#appProductPriceVariant .appPriceVariantExit:hover{background-position:0 -21px}#appProductPriceVariant .appPriceVariantExit:active{background-position:0 -42px}#footerTabsCaption{background-color:#f9f9f9;border-top:1px solid #e7e8ea}#footerTabsCaption .item a,#infoTabsCaption .item a{color:#888}#footerTabsCaption .item .selected,#infoTabsCaption .item .selected{color:#000;border-bottom:1px dashed #000}#footerTabsCaption .item .selected:hover,#infoTabsCaption .item .selected:hover{color:#000}#footerTabsCaption .item a:hover,#infoTabsCaption .item a:hover{color:#663399}#footerTabs{background-color:#f9f9f9}#footerLine{background-color:#1a1a1a;border-top:2px solid #202020;box-shadow:1px 1px 12px #000}#footerLine .item .callback{color:#663399}#footerLine .item .wishlist .icon{background:url(/bitrix/templates/bmcase_deluxe_style_test/themes/violet/images/wishlistFooterMin.svg) 0 0 no-repeat}#footerLine .item .cart .icon{background:url(/bitrix/templates/bmcase_deluxe_style_test/themes/violet/images/cartFooterMin.svg) 0 0 no-repeat}#footerLine .item .wishlist.active .icon{background-position:-21px 0}#footerLine .item .wishlist.active:hover .icon{background-position:-42px}#footerLine .item .cart.active .icon{background-position:-26px 0}#footerLine .item .cart.active:hover .icon{background-position:-52px}#footerLine .item .callback .icon{background:url(/bitrix/templates/bmcase_deluxe_style_test/themes/violet/images/callbackFooterMin.svg) 0 0 no-repeat}#footerLine .item .callback:hover{color:#562b82}#footerLine .callback:hover .icon{background-position:-21px 0}#footerLine .item .cart .mark,#footerLine .item .compare .mark,#footerLine .item .wishlist .mark{color:#888;background-color:#313131}#footerLine .item .compare .icon{background:url(/bitrix/templates/bmcase_deluxe_style_test/themes/violet/images/compareFooterMin.svg) 0 0 no-repeat}#footerLine .item .compare.active .icon{background-position:-21px 0}#footerLine .item .compare.active:hover .icon{background-position:-42px}#footerLine .item .cart:hover,#footerLine .item .compare:hover,#footerLine .item .wishlist:hover{color:#888}#footerLine .item .cart.active,#footerLine .item .cart.active .mark,#footerLine .item .compare.active,#footerLine .item .compare.active .mark,#footerLine .item .wishlist.active,#footerLine .item .wishlist.active .mark{color:#663399}#footerLine .item .cart.active:hover,#footerLine .item .cart.active:hover .mark,#footerLine .item .compare.active:hover,#footerLine .item .compare.active:hover .mark,#footerLine .item .wishlist.active:hover,#footerLine .item .wishlist.active:hover .mark{color:#562b82}#footerLine .item a{color:#888}#footerLine .item a:hover{color:#fff}#authMenu{border-bottom:1px solid #e7e8ea}#authMenu li a{color:#000}#authMenu li a:hover{color:#663399}#authMenu li .selected{border-bottom:1px dashed #000}#authMenu li .selected:hover{color:#000}#empty .emptyWrapper{border-bottom:1px solid #e7e8ea}#empty p a{border-bottom:1px dashed #000}#empty p a:hover{border-bottom:1px dashed #663399}#empty a{color:#000}#empty a:hover{color:#663399}#empty .back{color:#663399;border-bottom:1px dashed #663399}#empty .back:hover{color:#562b82}.product.last{background:#f9f9f9}.product .tabloid{background-color:#fff}.product .marker{color:#fff;background-color:#424242}.product .name{color:#000}.product .name:hover{color:#663399}.product .price{color:#000}.product .price .discount{color:#888}.product .addCart{color:#fff;background:#663399}.product .addCart:hover{background-color:#562b82}.product .label{color:#717171}.product .label:hover{color:#000}.product .skuPropertyName{color:#888}.product .skuProperty .selected .skuPropertyLink{border:1px solid #663399}.product .skuPropertyLink{color:#000;border:1px solid #ddd}.product:hover .tabloid{background:#fff;background:linear-gradient(top,#fff 50%,#f9fafc 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(100%,#f9fafc));background:linear-gradient(top,#fff 50%,#f9fafc 100%);background:linear-gradient(top,#fff 50%,#f9fafc 100%);background:linear-gradient(top,#fff 50%,#f9fafc 100%);background:linear-gradient(to bottom,#fff 50%,#f9fafc 100%);border-bottom:1px solid #ccc;box-shadow:1px 1px 6px rgb(0 0 0 / 20%)}.product.last .showMore{color:#000}.product.last .showMore:hover{color:#663399}.addCart.added{background:#2b2b2b!important}.addCart.added:hover{background:#3b3b3b!important}.sideBlock .heading{background-color:#424242}.heading.collapsed{color:#fff}.heading.collapsed ins{background:url(/bitrix/templates/bmcase_deluxe_style_test/themes/violet/images/iconMenu.svg) 50% 50% no-repeat #663399;border-right:1px solid #663399}.heading.orange{background:#663399}.mfeedback input,.mfeedback textarea{color:#000;background-color:#f3f3f3}.mfeedback input:focus,.mfeedback textarea:focus{background-color:#eee}.mfeedback input[type=submit]{color:#fff;background-color:#663399}.mfeedback input[type=submit]:hover{background-color:#562b82}.bx-auth .alert{background-color:#f3f3f3;border:1px solid #e7e8ea}.bx-auth .alert.alert-danger{background-color:#fff;border:1px solid red}.bx-auth .alert.small{color:#000}.bx-authform-label-container{color:#333}.bx-auth .registerText{border-bottom:1px solid #e7e8ea}.bx-auth input.error{border:1px solid red!important}.bx-auth input[type=password],.bx-auth input[type=text]{background-color:#f3f3f3}.bx-auth input[type=password]:focus,.bx-auth input[type=text]:focus{background-color:#eee}.bx-auth .submit,.popup-window .btn{color:#fff;background:#663399}.bx-auth .submit:hover,.popup-window .btn:hover{background:#562b82}.bx-auth .clear{color:#000;border:1px solid #e7e8ea}.bx-auth .clear:hover{border:1px solid #ccc}.bx-auth .forgot,.bx-auth .registerLink{color:#000}.bx-auth .forgot:hover,.bx-auth .registerLink:hover{color:#663399}.backToIndexPage,.blackLink{color:#000}.backToIndexPage:hover,.blackLink:hover{color:#663399}.sn li:first-child{border-left:1px solid #313131}.sn li{border-right:1px solid #313131}div[id^=wait_comp_]{background-color:#fff!important;border:1px solid #e7e8ea!important}.contactList a{color:#000;text-decoration:none;transition:all .2s ease-in-out}.contactList a:hover{color:#663399}@media all and (max-width:700px){.copyright{border-right:1px solid #313131;border-left:1px solid #313131}}#ORDER_CONFIRM_BUTTON{background:#562b82!important}.addCart.disabled{background-color:#ccc!important;border:1px solid #e7e8ea}.sale_order_full_table input[name=BuyButton],.sale_order_full_table input[type=submit]{color:#fff;background-color:#663399}.sale_order_full_table input[name=BuyButton]:hover,.sale_order_full_table input[type=submit]:hover{background-color:#562b82}#breadcrumbs{color:#999}#breadcrumbs ul li a{color:#000}#breadcrumbs ul li a:hover{color:#888}#breadcrumbs .arrow{color:#888}#catalogSection .sectionItems .item:first-child{border-top:1px solid #e7e8ea}#catalogSection .sectionItems .item{border:1px solid #e7e8ea}#catalogSection .sectionItems .item .itemContainer .bigPicture .marker{color:#fff;background-color:#424242}#catalogSection .sectionItems .item .itemContainer .bigTitle{color:#000}#catalogSection .sectionItems .item .itemContainer .bigTitle:hover{color:#663399}#catalogSection .sectionItems .item .itemContainer .description{color:#888}#catalogSection .sectionItems .item .itemContainer .sectionList .section a{color:#000;border-bottom:1px solid #e7e8ea}#catalogSection .sectionItems .item .itemContainer .sectionList .section a:hover{color:#888;border-bottom:1px solid #e7e8ea}#sectionList .tabloid{background:#fff;border:1px solid #e7e8ea}#sectionList .tabloid .name{color:#000}#sectionList .tabloid .name:hover{color:#562b82}#sectionList .tabloid .marker{color:#fff;background-color:#424242}#sectionList .item:hover .tabloid{border:1px solid #ddd;box-shadow:1px 1px 12px rgb(0 0 0 / 10%)}#sectionList .element .name:hover{color:#562b82}#nextSection{border-top:1px solid #e7e8ea;border-right:1px solid #e7e8ea;border-left:1px solid #e7e8ea}#nextSection .title{background-color:#f3f3f3}#nextSection .title,#nextSection li{border-bottom:1px solid #e7e8ea}#nextSection li a{color:#000}#nextSection li .selected,#nextSection li a:hover{color:#562b82}#nextSection li .cnt{color:#888}#elementSmallNavigation .tab{border-right:1px solid #e7e8ea}#elementSmallNavigation .tab.active a{color:#663399}#elementSmallNavigation .tab.active span{border-bottom:1px dashed #663399}#elementTools .addCart,#smallElementTools .addCart{background:#663399}#elementTools .addCart:hover,#smallElementTools .addCart:hover{background-color:#562b82}#elementContainer .elementSkuProperty .selected .elementSkuPropertyLink{border:1px solid #663399}.elementProperties a:hover{color:#663399}#elementProperties .stats a:hover{color:#663399}#files .item .info .name:hover{color:#663399}#catalogReviews .heading .reviewAddButton:hover{color:#663399;border-color:#663399}#showallReviews:hover{color:#663399}#catalogElement #newReview .usedSelect li a.selected{background:#663399}#catalogElement #newReview .submit{background:#663399}#catalogElement #newReview .submit:hover{background:#562b82}#set .setTools .addCart{background:#663399}#set .setTools .addCart:hover{background-color:#562b82}#set .setElement .name:hover{color:#663399}#setWindowPrice .addCart{background:#663399}#setWindowPrice .addCart:hover{background-color:#562b82}#catalogLineList .name:hover{color:#663399}#catalogLineList .addCart{background:#663399}#catalogLineList .addCart:hover{background-color:#562b82}#catalogLineList .skuProperty .selected .skuPropertyLink{border:1px solid #663399}#catalogLineList .prop a:hover{color:#663399}#catalogTableList .name:hover{color:#562b82}#catalogTableList .addCart,#catalogTableList .more{background-color:#663399}#catalogTableList .addCart:hover,#catalogTableList .more:hover{background-color:#562b82}#smartFilter .showALL{color:#663399}#smartFilter .showALL:hover{color:#562b82}#smartFilter .checkbox label:hover,#smartFilter .radio label:hover{color:#663399}#smartFilter .dropdownList .item:hover,#smartFilter .dropdownList .selected{background-color:#562b82}#smartFilter .handler{background:url(/bitrix/templates/bmcase_deluxe_style_test/themes/violet/images/handlerActive.svg) 0 0 no-repeat transparent}#set_filter{background-color:#663399}#set_filter:hover{background-color:#562b82}#smartFilter .checkboxList .selected .icon,#smartFilter .dropdown .selected .icon{border-color:#663399}#smartFilter .hint{background:url(/bitrix/templates/bmcase_deluxe_style_test/themes/violet/images/question.svg) 0 0 no-repeat transparent}#smartFilter .hintValue .close{color:#663399}#smartFilter .hintValue .close:hover{color:#562b82}#smartFilter button,#smartFilter input[type=reset],#smartFilter input[type=submit]{background-color:#663399;border:1px solid #663399}#smartFilter button:hover,#smartFilter input[type=submit]:hover{background-color:#562b82}#modef{background:url(/bitrix/templates/bmcase_deluxe_style_test/themes/violet/images/modef.svg) 0 0 no-repeat}#topMenu li a:hover{color:#562b82}#topMenu li .selected{color:#562b82}#topMenu .sub li:hover a{color:#562b82}#personalMenu li a:hover{color:#663399}#subLeftMenu .selected a{color:#562b82}#leftMenu .menuItems a:hover span{color:#663399}#mainMenu .drop .nextColumn ul li a:hover,#mainMenu .drop ul li a:hover{color:#663399}#newsDetail .more{background:#663399}#newsDetail .more:hover{background-color:#562b82}#newsContainer .column .item .title a:hover{color:#663399}#newsContainer .column .item .more{background:#663399}#newsContainer .column .item .more:hover{background-color:#562b82}#newsContainer .column .item .title a:hover{color:#663399}#newsContainer .column .item .more,.mainServiceContainer .item .more{background:#663399}#newsContainer .column .item .more:hover,.mainServiceContainer .item .more:hover{background-color:#562b82}.backToList:hover{color:#663399}#brandList .name:hover{color:#562b82}#newsContainer .column .item .title a:hover,.mainServiceContainer .item .title a:hover{color:#663399}#newsContainer .column .item .more{background:#663399}#newsContainer .column .item .more:hover{background-color:#562b82}#collectionBlock .name:hover{color:#562b82}#collectionBlock .link{color:#562b82}#newsBlock .newsTitle:hover{color:#663399}#serviceBlock .name:hover{color:#562b82}#serviceBlock .link{color:#562b82}.bx_my_order_cancel a:hover{color:#663399}.bx_my_order_cancel input[type=submit]{background:#663399}.bx_my_order_cancel input[type=submit]:hover{background:#562b82}.bx_my_order_cancel input[type=submit]:active{background:#562b82}input[name=BuyButton]{background-color:#663399}.bx_my_order_switch .bx_mo_link:hover{color:#663399}#subscribeEdit a:hover{color:#663399}#subscribeEdit .submit{background:#663399}#subscribeEdit .submit:hover{background:#562b82}#subscribe .submit{background-color:#562b82}#subscribe .submit:hover{background-color:#562b82}.bx-pagination .bx-pagination-container ul li.bx-active span{color:#fff;background:#663399}#brandList .name:hover{color:#562b82}#brandList .last .showMore:hover{color:#562b82}#brandList .last .ps:hover{color:#562b82}#homeCatalog .caption.selected{background-color:#663399}#mainProfile .profileSettings .heading{color:#663399}#mainProfile .profileSettings .submit{background:#663399}#mainProfile .profileSettings .submit:hover{background:#562b82}#main input[name=BuyButton],#main input[type=submit]{background-color:#663399}#main input[name=BuyButton]:hover,#main input[type=submit]:hover{background-color:#562b82}#newOrder{background-color:#663399}#newOrder:hover{background-color:#562b82}#orderSuccess a{color:#663399}#orderSuccess a:hover{color:#562b82}#personalCart #basketView .item a{background:url(/bitrix/templates/bmcase_deluxe_style_test/themes/violet/images/cartView.svg) 0 0 no-repeat transparent}#personalCart #tabsControl .item a:hover{color:#663399}#personalCart #tabsControl .item .selected:hover{border-bottom:1px dashed #663399}#personalCart .productTable .clear a:hover{color:#663399}#personalCart .productTable .name a:hover{color:#663399}#orderMake{background-color:#663399}#orderMake:hover{background-color:#562b82}.orderLoad{background:url(/bitrix/templates/bmcase_deluxe_style_test/themes/violet/images/orderLoad.gif) 24px 50% no-repeat #663399!important}#wishlist .prop a:hover{color:#562b82}#popSection .name:hover{color:#663399}#popSection .last .showMore:hover{color:#663399}#popSection .last .ps:hover{color:#663399}#storeDetail .storesMoreLink,#storesList .storesListTableLink{color:#663399}#storeDetail .showByMapLink{color:#000}#storeDetail .showByMapLink:hover,#storeDetail .storesMoreLink:hover,#storesList .storesListTableLink:hover,#storesList .storesListTableMailLink:hover{color:#562b82}#complect .complectListItemLink{color:#000}#complect .complectListItemLink:hover{color:#562b82}#complect .complectResultEconomyValue{color:#ff305c}#appFastView .addCart,#geo-location-window .geo-location-window-button{background:#663399}#geo-location-window .geo-location-window-list-item .selected span{color:#663399;border-bottom:1px dashed #663399}#appFastView .addCart:hover,#geo-location-window .geo-location-window-button:hover{background-color:#562b82}#geo-location-window .geo-location-window-list-item a:hover{color:#562b82}.information-feedback,.shop-review-top-new-button{color:#663399;border:1px solid #663399}.information-feedback:hover,.shop-review-top-new-button:hover{color:#562b82;border:1px solid #562b82}.webFormTools input[type=submit]{background-color:#663399}.webFormTools input[type=submit]:hover{background-color:#562b82}#bx-soa-order-form .bx-blue .btn.btn-default{color:#fff;background-color:#663399;border:1px solid #663399}#bx-soa-order-form textarea{outline:0}#bx-soa-order-form a{color:#663399}#bx-soa-order-form a:hover{color:#562b82}#bx-soa-order-form .bx-blue .btn.btn-default:hover{background-color:#562b82}#bx-soa-order-form .bx-sls .quick-location-tag,.bx-slst .quick-location-tag{color:#23527c}#appProductPriceVariant .linkMore{background:#663399}#appProductPriceVariant .linkMore:hover{background-color:#562b82}#compareBlock .leftTools .all,#compareTools .hide,#requestPrice #requestPriceResultClose,#requestPrice #requestPriceSubmit,#scrollTable .addCart,#scrollTable .addSku,#slider .sliderContent .cButton,#specialProduct .more,#specialProduct .specialTimeItem{background-color:#663399}#compareBlock .leftTools .all:hover,#compareTools .hide:hover,#requestPrice #requestPriceResultClose:hover,#requestPrice #requestPriceSubmit:hover,#scrollTable .addCart:hover,#slider .sliderContent .cButton:hover,#specialProduct .more:hover{background-color:#562b82}#requestPrice .productNameBlock .productUrl:hover,#scrollTable a.name:hover{color:#562b82}#requestPrice #requestPriceSubmit.loading{background:url(/bitrix/templates/bmcase_deluxe_style_test/themes/violet/images/loading.gif) 24px 50% no-repeat #562b82!important}#slider .sliderContent .bigTextColor,#slider .sliderContent .bigTextLightColor,#slider .sliderContent .mediumTextColor,#slider .sliderContent .smallTextColor{color:#663399}.btn-simple{background:#663399;border-color:#663399}.btn-simple:hover{background:#562b82;border-color:#562b82}.btn-simple.btn-border{color:#663399;background:0 0;border-color:#663399}.btn-simple.btn-border:hover{color:#562b82;border-color:#562b82}.active-link:hover{color:#663399;border-color:#663399}.inactive-link:hover{color:#663399}.text-link:hover{color:#663399}.tiles-list .h3:hover{color:#663399}.tiles-list .tile-wrap:first-child .h3:hover{color:#663399}.theme-color{color:#663399;border-color:#663399}body .theme-color-hover{transition:all .2s ease-in-out}body .theme-color-hover:hover{color:#663399}.other-news .name:hover{color:#663399}.big-text-link:hover{color:#663399}.link-dashed:hover{color:#663399;border-color:#663399}.theme-link-dashed{color:#663399;border-color:#663399}.theme-link-dashed:hover{color:#562b82;border-color:#562b82}.new-list-items .active-link:hover{color:#562b82;border-color:#562b82}.delivery-modal .active-link:hover{color:#562b82;border-color:#562b82}.tabs-wrap .tab-btn-link.active{color:#fff;background-color:#663399;border-color:#663399}.tabs-wrap .tab-btn-link.active:hover{color:#fff;background-color:#663399;border-color:#663399}.tabs-wrap .tab-btn-link:hover{color:#663399;border-color:#663399}.tabs-wrap .tab-dashed-link:hover{color:#663399}.bindAction a:hover{color:#562b82}#catalogElement .dropdownList .item:hover,#catalogElement .dropdownList .selected{background-color:#562b82}.smallSpecialTime .specialTimeItem{background:#663399}.productSpecialTime .specialTimeItem{background:#663399}.fastSpecialTime .specialTimeItem{background:#663399}#skuOffersTable .offersTable .basket .addCart{background-color:#663399}#skuOffersTable .offersTable .basket .addCart:hover{background-color:#562b82}#elementContainer .bindActionImage .image{background-image:url(/bitrix/templates/bmcase_deluxe_style_test/themes/violet/images/action.svg)}#elementContainer .wishCompWrap .elem.added{background:#663399;border-color:#663399}#elementContainer .wishCompWrap .elem.added:hover{background:#562b82;border-color:#562b82}::selection{color:#fff;background:#eca712}::selection{color:#fff;background:#eca712}::-webkit-selection{color:#fff;background:#eca712}#bx-soa-order-form .bx-soa-info-shower,#bx-soa-order-form .bx-soa-pickup-list .bx-soa-pickup-list-item .btn,.bx-soa label.btn-person-type:not(.btn-person-type-checked),.bx-soa-pp-delivery-cost,.paysystem_name{color:#663399}#bx-soa-order-form .soa-property-files>.btn.btn-default{color:#663399!important}#bx-soa-order .bx-soa .bx-soa-coupon-input::after,#bx-soa-order .bx-soa .coupon_img,#bx-soa-order .checkbox.checked label::before,#bx-soa-order .radio.checked label::before,#bx-soa-order-form .btn.btn-default,.bx-pagination .bx-pagination-container ul li.bx-active span,.bx-selected .delivery-check,.bx-soa-pickup-list .bx-soa-pickup-list-item.bx-selected::after,.bx-soa-pp-info,.bx-soa-pp-inner-ps.bx-selected .bx-soa-pp-company-logo,.checkbox_property.checked::before,.select-fake-option-fake.option-fake-selected,.select-multiple-fake-option.selected-option{background-color:#663399}.bx-soa label.btn-person-type-checked,.bx-soa-coupon-input::after{background-color:#663399!important}#bx-soa-order-form .btn.btn-default,#bx-soa-paysystem .bx-soa-pp-company.bx-selected,.bx-soa label.btn-person-type,.bx-soa-pickup-l-item-btn .btn,.bx-soa-pickup-list-item.bx-selected,.bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container,.bx-soa-pp-inner-ps.bx-selected .bx-soa-pp-company-graf-container{border-color:#663399}#bx-soa-order-form .btn.btn-default,.bx-soa label.btn-person-type-checked{border-color:#663399!important}div.blog-comment-field-author input,div.blog-comment-field-email input{border:1px solid #e7e8ea}div.blog-comment-field-captcha input{border:1px solid #e7e8ea} /* End */ /* Start:/bitrix/templates/bmcase_deluxe_style_test/assets/bmcase-theme-tokens/violet.css?1792240692187*/ /* BMCASE accents derived from the corresponding original DELUXE theme. */ body.bmcase-kit { --bmcase-kit-primary:#663399; --bmcase-accent-hover:#562b82; --bmcase-accent-focus:#4e2775; } /* End */ /* Start:/bitrix/templates/bmcase_deluxe_style_test/headers/header6/css/style.min.css?175187525814198*/ #subHeader6{position:relative;min-width:320px;height:130px;line-height:130px;background-color:#fff;border-bottom:1px solid #f3f3f3}#subHeader6.color_black{background-color:#2b2b2b}#subHeader6.color_black,#subHeader6.color_theme{color:#fff;border-bottom:1px solid rgb(255 255 255 / 15%)}#subHeader6 .verticalBlock{display:inline-block;line-height:21px;vertical-align:middle}#subHeader6 #topSearch2{margin-top:18px}#subHeader6 #geoPosition{display:inline-block;vertical-align:middle}#subHeader6 #geoPosition ul{margin:0;padding:0;list-style:none}#subHeader6 .user-geo-position-label,#subHeader6 .user-geo-position-value,#subHeader6 .user-geo-position-value-link{font-size:14px}#subHeader6 .user-geo-position-value-link{position:relative;text-decoration:none}#subHeader6 .user-geo-position-value-link:active{top:1px}#subHeader6 #topAuth ul li a::after,#subHeader6 .user-geo-position-value-link::after{position:absolute;bottom:0;left:0;display:block;width:100%;height:0;transition:all .2s ease-in-out;content:""}#subHeader6 #topAuth ul li a::after{bottom:-1px}#subHeader6.color_theme .user-geo-position-value-link{color:#fff}#subHeader6.color_theme .user-geo-position-value-link:hover{opacity:.8}#subHeader6.color_theme .user-geo-position-value-link::after{border-color:#fff}#subHeader6 .subPhones{margin-top:2px}#subHeader6 .subPhones [id*=bx_]{display:inline-block;vertical-align:middle}#subHeader6 .subPhones .heading{font-size:16px;font-family:robotomedium}#subHeader6 .subPhones .heading{margin-right:24px}#subHeader6 .subPhones .callBack{padding:12px 24px;text-decoration:none}#subHeader6.color_theme .callBack{color:#fff;border:0}#subHeader6.color_theme .callBack:hover{color:#fff;border:0;opacity:.8}#subHeader6 .subPhones .callBack:active{position:relative;top:1px}#subHeader6 #topAuth{display:inline-block;margin-right:24px}#subHeader6 #topAuth ul{margin:0;padding:0;list-style:none}#subHeader6 #topAuth>ul li{position:relative;display:inline-block;margin-left:12px;vertical-align:middle}#subHeader6 #topAuth>ul li:first-child::after{position:absolute;top:0;right:-10px;content:"|"}#subHeader6 #topAuth>ul li:first-child{margin-left:0}#subHeader6 #topAuth>ul li a{position:relative;text-decoration:none;transition:all .2s ease-in-out}#subHeader6 #topAuth>ul li a:active{position:relative;top:1px}#subHeader6 .subTableColumn:first-child{float:left;width:500px}#subHeader6 .subTableColumn:nth-child(2){float:right;text-align:right}#subHeader6 .subTableColumn:last-child{float:none;width:500px;margin:0 auto;text-align:center}#subHeader6 #logo{display:inline-block;float:none;height:60px;max-height:60px;line-height:60px;text-align:center;border:0}#subHeader6 #logo img{max-height:112px}#subHeader6 #topHeading{display:block;float:none;width:auto;padding:0;border:0}#subHeader6 #topHeading p{font-size:18px}#subHeader6.color_black #topHeading p,#subHeader6.color_theme #topHeading p{color:#fff}#subHeader6 #topSearch2 .searchContainerInner{background-color:#fbfbfb}#subHeader6.color_black #topSearch2 .searchContainerInner,#subHeader6.color_theme #topSearch2 .searchContainerInner{background-color:rgb(255 255 255 / 10%);border:1px solid rgb(255 255 255 / 20%)}#subHeader6.color_black #topSearch2 input[placeholder],#subHeader6.color_theme #topSearch2 input[placeholder]{color:rgb(255 255 255 / 70%);transition:all .2s ease-in-out}#subHeader6.color_black #topSearch2 input::input-placeholder,#subHeader6.color_theme #topSearch2 input::input-placeholder{color:rgb(255 255 255 / 70%);transition:all .2s ease-in-out}#subHeader6.color_black #topSearch2 input::placeholder,#subHeader6.color_theme #topSearch2 input::placeholder{color:rgb(255 255 255 / 70%);transition:all .2s ease-in-out}#subHeader6.color_black #topSearch2 input:focus[placeholder],#subHeader6.color_theme #topSearch2 input:focus[placeholder]{color:transparent}#subHeader6.color_black #topSearch2 input:focus::input-placeholder,#subHeader6.color_theme #topSearch2 input:focus::input-placeholder{color:transparent}#subHeader6.color_black #topSearch2 input::placeholder,#subHeader6.color_theme #topSearch2 input::placeholder{color:transparent}#subHeader6 .subTableColumn .toolsContainer{display:inline-block;margin-top:16px;line-height:21px;text-align:right;vertical-align:middle}#subHeader6 .cart,#subHeader6 .topCompare,#subHeader6 .topWishlist{float:left;margin-top:8px}#subHeader6.color_theme .cart .count,#subHeader6.color_theme .topCompare .value,#subHeader6.color_theme .topWishlist .value{color:#fff;border-color:rgb(255 255 255 / 70%)}#subHeader6.color_theme .cart .active .count,#subHeader6.color_theme .topCompare .active .value,#subHeader6.color_theme .topWishlist .active .value{color:#fff;border-color:#fff}#subHeader6.color_theme .cart .heading,#subHeader6.color_theme .cart .heading:hover,#subHeader6.color_theme .cart .heading:hover .total,#subHeader6.color_theme .cart .total,#subHeader6.color_theme .cart .total:hover{color:#fff}#subHeader6.color_theme .cart .total:hover{opacity:.7}#subHeader6.color_theme #topAuth>ul li a,#subHeader6.color_theme #topAuth>ul li a:hover{color:#fff}#subHeader6.color_theme #topAuth>ul li a:hover{opacity:.8}#subHeader6.color_theme #topAuth>ul li:first-child::after{color:#fff}#subHeader6.color_theme #topAuth ul li a::after,#subHeader6.color_theme .user-geo-position-value-link::after{border-color:#fff}#subHeader6 .headerLineMenu{display:inline-block;width:30px;margin-right:24px}#subHeader6.color_black #subMenu li a,#subHeader6.color_theme #subMenu li .selected,#subHeader6.color_theme #subMenu li a,#subHeader6.color_theme #subMenu li a:hover{color:#fff}#subHeader6.color_theme #subMenu li .selected,#subHeader6.color_theme #subMenu li a:hover{opacity:.8}#subHeader6 #subMenu .removedItemsContainer{position:relative}#subHeader6 #subMenu .removedItemsContainer .removedItemsLink{display:inline-block;width:30px;height:18px;padding:0;vertical-align:middle;background:url(/bitrix/templates/bmcase_deluxe_style_test/headers/header6/css/images/menuMore.svg) 50% 50% no-repeat transparent}#subHeader6.color_black #subMenu .removedItemsContainer .removedItemsLink,#subHeader6.color_theme #subMenu .removedItemsContainer .removedItemsLink{background:url(/bitrix/templates/bmcase_deluxe_style_test/headers/header6/css/images/menuMoreW.svg) 50% 50% no-repeat transparent}#subHeader6 #subMenu .removedItemsContainer .removedItemsLink:active{position:relative;top:1px}#subHeader6 #subMenu .removedItemsContainer .removedItemsList{position:absolute;top:39px;left:0;z-index:99;display:none;width:180px;margin:0;padding:0;text-align:left;background-color:#fbfbfb}#subHeader6.color_black #subMenu .removedItemsContainer .removedItemsList{background-color:#2b2b2b}#subHeader6.color_black #subMenu .removedItemsContainer .removedItemsList li,#subHeader6.color_theme #subMenu .removedItemsContainer .removedItemsList li{border-top:1px solid rgb(255 255 255 / 15%)}#subHeader6.color_black #subMenu .removedItemsContainer .removedItemsList li a,#subHeader6.color_theme #subMenu .removedItemsContainer .removedItemsList li a{color:#fff}#subHeader6 #subMenu .removedItemsContainer .removedItemsList li{display:block;float:none;white-space:normal;text-align:left;border-top:1px solid #f2f2f2}#subHeader6 #subMenu .removedItemsContainer .removedItemsList li:first-child{border:0!important}#subHeader6 #subMenu .removedItemsContainer .removedItemsList li a{display:block;padding:8px 12px;line-height:21px}#subHeader6 #subMenu .removedItemsContainer .removedItemsList li a:active{position:relative;top:1px}#subHeader6 #searchResult{top:130px}#subHeader6 #searchOverlap{top:156px}#mainMenu{font-size:0}#mainMenu li{font-size:14px}#headerLine3{position:relative;min-width:320px;height:45px;line-height:45px;background-color:#fff;border-bottom:1px solid #f3f3f3}#headerLine3.color_black{background-color:#2b2b2b}#headerLine3.color_black,#headerLine3.color_theme{color:#fff;border-bottom:1px solid rgb(255 255 255 / 15%)}#headerLine3 .headerLineContainer{display:table;width:100%;table-layout:fixed}#headerLine3 .headerLineColumn{display:table-cell;vertical-align:middle}#headerLine3 .headerLineColumn:first-child{width:200px}#headerLine3 .headerLineColumn:nth-child(2){padding:0 12px;text-align:center}#headerLine3 .headerLineColumn:last-child{width:350px;text-align:right}#headerLine3 .headerLineMenu{text-align:center}#headerLine3.color_theme .callBack:hover{opacity:.8}.menuContainerColor #mainMenuContainer{border-top:0!important}@media all and (max-width:1600px){#subHeader6 .subTableColumn:first-child{width:480px}}@media all and (max-width:1500px){#subHeader6 .topCompare,#subHeader6 .topWishlist{margin-right:0}#subHeader6 .topCompare .label{display:none}#subHeader6 .topWishlist .label{display:none}#subHeader6 #topSearch2{width:70%}#subHeader6 #topHeading p{font-size:16px}#subHeader6 .subPhones .heading{margin-right:18px;font-size:14px}#subHeader6 .subTableColumn:last-child{width:400px}}@media all and (max-width:1365px){#subHeader6 .subTableColumn:last-child{width:300px}#subHeader6 .subPhones .heading:first-child{display:none}#subHeader6 .subTableColumn:first-child{width:400px}#subHeader6 #topSearch2{width:80%}#subHeader6 .user-geo-position-label{display:none}}@media all and (max-width:1200px){#subHeader6 .subTableColumn:last-child{width:210px}#subHeader6 #logo{height:55px;max-height:55px;line-height:55px}#subHeader6{position:relative;height:220px}#topSearchLine{position:absolute;top:112px;z-index:97;box-sizing:border-box;width:96%;padding-right:68px}#subHeader6 #subMenu .removedItemsContainer .removedItemsList{top:65px;right:0;left:auto}#topSearchLine.color_black #topSearch2 .searchContainerInner{background-color:rgb(255 255 255 / 10%);border:1px solid rgb(255 255 255 / 20%)}#subHeader6 #topSearchLine #topSearch2 .searchContainerInner{background-color:#fbfbfb;border:1px solid #f3f3f3}#subHeader6 #topSearch2{width:100%}#subHeader6 .headerLineMenu{position:absolute;top:132px;right:24px;z-index:99;text-align:right}#mainMenuContainer #mainMenu{text-align:left}#subHeader6 #subMenu{position:relative;z-index:97}#subHeader6 .subPhones{text-align:right}.webFormDwModal{text-align:left}#subHeader6 #topSearch2{margin-top:26px}#subHeader6 .subTableColumn:first-child .verticalBlock{padding-top:14px;vertical-align:top}#subHeader6 .subTableColumn:last-child{position:absolute;top:18px;left:6px;width:auto}#subHeader6 #logo{float:left}#subHeader6 #topHeading{display:inline-block;max-width:200px;margin-top:8px;margin-left:14px;text-align:left;vertical-align:middle}#subHeader6 #topHeading p{text-align:left}#subHeader6 #geoPosition,#subHeader6 #topAuth{position:relative;z-index:98}#subHeader6 #subMenu .removedItemsContainer{line-height:50px}#subHeader6 #subMenu .removedItemsContainer .removedItemsLink{height:50px;margin-top:7px;padding:0 12px;background-image:url(/bitrix/templates/bmcase_deluxe_style_test/headers/header6/css/images/menuMoreBig.svg);border:1px solid #f3f3f3;border-radius:50%}#subHeader6 #subMenu li{vertical-align:baseline}#subHeader6 #searchResult{top:84px}#subHeader6 #searchOverlap{top:198px}}@media all and (max-width:1050px){#topSearchLine{padding-right:76px}}@media all and (max-width:1024px){#mainMenuContainer #mainMenu>li{display:block}}@media all and (max-width:850px){#subHeader6 .user-geo-position-label{display:none}#subHeader6 .subTableColumn:first-child{width:330px}#topSearchLine{padding-right:84px}}@media all and (max-width:800px){#subHeader6 #topHeading{display:none}#subHeader6 #logo img{max-height:50px}#subHeader6 .user-geo-position-value-link,#subHeader6.color_black .user-geo-position-value-link,#subHeader6.color_theme .user-geo-position-value-link{position:absolute;left:-16px;display:inline-block;width:24px;height:24px;margin-top:-12px;color:transparent;text-indent:-9999px;vertical-align:middle;background-image:url(/bitrix/templates/bmcase_deluxe_style_test/headers/header6/css/images/geoIco.svg);background-repeat:no-repeat;background-position:50% 50%;border-radius:50%;transition:none}#subHeader6 .user-geo-position-value-link::after{border:0}#subHeader6 .user-geo-position-value-link:hover{color:transparent;opacity:.9;transition:all .2s ease-in-out}#subHeader6 .user-geo-position-value-link:active{top:auto}#subHeader6 .subTableColumn:first-child{width:210px}}@media all and (max-width:700px){#topSearchLine{padding-right:82px}#subHeader6 #logo{text-align:left}#subHeader6 .subTableColumn:first-child{padding-left:0}#subHeader6 .subTableColumn:last-child{left:12px}#subHeader6 .subTableColumn:nth-child(2){padding-right:12px}#headerLine3 #subMenu .removedItemsContainer .removedItemsLink{margin-right:12px}}@media all and (max-width:600px){#subHeader6 .topCompare{display:none}#subHeader6 .subPhones .callBack{padding:12px}}@media all and (max-width:560px){#subHeader6 .subPhones .callBack{display:none}#subHeader6 .cart .heading{display:none}#subHeader6 .subPhones .heading{margin-right:0}#subHeader6 .top-auth-exit,#subHeader6 .top-auth-login,#subHeader6 .top-auth-personal,#subHeader6 .top-auth-register{position:relative!important;top:0!important;left:0!important;font-size:13px}#topSearchLine{padding-right:82px}}@media all and (max-width:500px){#subHeader6{height:120px;line-height:120px}#subHeader6 #logo{padding-left:0}#topSearchLine{top:102px}#subHeader6 #subMenu{margin-top:-12px}#subHeader6{padding-bottom:92px}}@media all and (max-width:400px){#subHeader6 .subPhones .heading{font-size:13px}#subHeader6 .top-auth-exit,#subHeader6 .top-auth-login,#subHeader6 .top-auth-personal,#subHeader6 .top-auth-register{font-size:13px}#subHeader6 .subTableColumn:first-child{width:200px}#subHeader6 #logo{width:auto}#subHeader6 .cart .countLink,#subHeader6 .topWishlist .icon{width:55px}#subHeader6 .cart .count,#subHeader6 .topWishlist .value{right:4px}#subHeader6 .user-geo-position-value-link{left:-18px}#topSearchLine{padding-right:84px}#subHeader6 .cart{padding-left:4px}}@media all and (max-width:370px){#subHeader6 #topAuth>ul li:first-child::after{display:none}#subHeader6 #topAuth>ul li:last-child{margin-left:6px}#subHeader6 .top-auth-exit,#subHeader6 .top-auth-login,#subHeader6 .top-auth-personal,#subHeader6 .top-auth-register{font-size:12px}#subHeader6 .subTableColumn:first-child{width:176px}#subHeader6 .subPhones .heading{font-size:12px}#subHeader6 .cart .countLink,#subHeader6 .topWishlist .icon{width:45px}#subHeader6 .cart .count,#subHeader6 .topWishlist .value{right:0}#subHeader6 #topSearch2 #searchQuery{padding-left:14px;background-image:none!important}} /* End */ /* Start:/bitrix/templates/bmcase_deluxe_style_test/headers/header6/css/types/type1.min.css?1751875258198*/ #subHeader6 #topSearch2 .searchContainerInner{border-radius:50px}#headerLine3 #subMenu .removedItemsContainer .removedItemsLink{border-radius:50%}#subHeader6 .subPhones .callBack{border-radius:50px} /* End */ /* Start:/bitrix/templates/bmcase_deluxe_style_test/components/bitrix/menu/topMenu8/style.min.css?1751875259506*/ #subMenu{display:inline-block;margin:0;padding:0;font-size:0;white-space:nowrap;text-align:center;vertical-align:middle;list-style:none;visibility:hidden}#subMenu li{position:relative;display:inline-block;margin:0;padding:0;font-size:14px;vertical-align:middle;list-style:none}#subMenu li:last-child{border:0}#subMenu li a{display:inline-block;padding:0 32px;color:#000;text-decoration:none;vertical-align:middle;transition:all .2s ease-in-out}#subMenu li a:not(.selected):active{position:relative;top:1px} /* End */ /* Start:/bitrix/components/dresscode/sale.geo.positiion/templates/.default/style.min.css?175187527610499*/ .user-geo-position-label{margin-right:6px}.user-geo-position-label,.user-geo-position-value,.user-geo-position-value-link{vertical-align:middle;display:inline-block;font-size:13px}.user-geo-position-value-link{vertical-align:middle;max-width:130px;overflow:hidden}.user-geo-position-value-link span{text-overflow:ellipsis;vertical-align:middle;display:inline-block;white-space:nowrap;max-width:130px;overflow:hidden}#geo-location-window{-webkit-transition:.1s all ease-in-out;-o-transition:.1s all ease-in-out;transition:.1s all ease-in-out;background:rgba(0,0,0,.4);position:fixed;color:#000;overflow:auto;z-index:1000;height:100%;width:100%;left:0;top:0}#geo-location-window .hidden{display:none}#geo-location-window .geo-location-window-container{-moz-transform:translateY(-50%) translateX(-50%);-o-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-name:zoomInLocation;animation-name:zoomInLocation;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;min-height:276px;max-height:500px;padding:0 24px;width:800px;left:50%;top:50%}#geo-location-window .geo-location-window-container-bg{box-shadow:1px 1px 12px rgba(60,60,60,.3);background-color:#fff;border-radius:6px;padding:24px}.geo-location-window-wp{vertical-align:middle;display:inline-block;line-height:21px;width:100%}#geo-location-window .geo-location-window-heading{background-color:#f9f9f9;position:relative;text-align:center;border-radius:6px;line-height:60px;color:#000;font-size:18px}#geo-location-window .geo-location-window-list{max-height:180px;margin-top:24px;padding:0 24px;overflow:auto}#geo-location-window .geo-location-window-list-item{overflow:hidden;float:left;width:25%}#geo-location-window .geo-location-window-list-item a{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;text-decoration:none;line-height:37px;overflow:hidden;color:#000;height:37px}#geo-location-window .geo-location-window-list-item a:active{position:relative;top:1px}#geo-location-window .geo-location-window-list-item span{vertical-align:middle;display:inline-block;line-height:21px}.geo-location-window-search{margin-top:24px;padding:0 24px}.geo-location-window-search-input{background:url(/bitrix/components/dresscode/sale.geo.positiion/templates/.default/images/geo-search.png) 12px 50% no-repeat #f6f6f6;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;border:1px solid #e6e6e6;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:roboto_ltregular;border-radius:2px;padding:0 42px;font-size:14px;height:48px;width:100%}.geo-location-window-search-input:focus{border:1px solid #aaa}.geo-location-window-city-container{text-align:center;margin-top:24px}.geo-location-window-city-label,.geo-location-window-city-value{display:inline-block}.geo-location-window-city-value{font-family:robotoBold}.geo-location-window-button-container{margin-bottom:24px;text-align:center;margin-top:24px}.geo-location-window-button{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;color:#fff!important;vertical-align:middle;display:inline-block;text-decoration:none;border-radius:6px;text-align:center;position:relative;line-height:50px;padding:0 36px;font-size:14px;opacity:.9;height:50px}.geo-location-window-button:active{position:relative;top:1px}.geo-location-window-button.modifed{border-radius:4px;opacity:1}.geo-location-window-button.disabled{pointer-events:none;opacity:.5}.geo-location-window-button.loading{opacity:.5}.geo-location-window-button.loading #geo-location-window-fast-loader{display:block;opacity:1}.geo-location-window-search-values-cn{position:relative}.geo-location-window-search-values{position:absolute;max-height:141px;overflow:auto;z-index:99;width:100%;left:0;top:0}.geo-location-window-search-values .geo-location-list-item{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;border-top:1px solid #e6e6e6;background-color:#eee}.geo-location-window-search-values .geo-location-list-item:hover{background-color:#e1e1e1}.geo-location-window-search-values .geo-location-list-item:first-child{border:none}.geo-location-window-search-values .geo-location-list-item a{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;color:#000!important;text-decoration:none;line-height:35px;padding:0 24px;display:block;height:35px}.geo-location-window-search-values .geo-location-list-item a:hover{opacity:.8}.geo-location-window-search-values .geo-location-list-item a:active{position:relative;top:1px}#geo-location-window .geo-location-window-exit{position:absolute;display:block;height:21px;width:21px;right:20px;top:20px}#geo-location-window .geo-location-window-exit{background:url(/bitrix/components/dresscode/sale.geo.positiion/templates/.default/images/exit.svg) 0 0 no-repeat transparent}#geo-location-window .geo-location-window-exit:hover{background-position:0 -21px}#geo-location-window .geo-location-window-exit:active{background-position:0 -42px}#geo-location-ref-window{box-shadow:0 0 25px rgba(0,0,0,.15);background-color:#fff;box-sizing:border-box;position:absolute;border-radius:4px;text-align:center;line-height:14px;padding:24px;display:none;width:280px;z-index:99;right:0;top:0}#geo-location-ref-window.visible{display:block}#geo-location-ref-window.centred{background-color:rgba(0,0,0,.45);border-radius:0;box-shadow:none;position:fixed;padding:0;height:100%;width:100%}#geo-location-ref-window.centred .geo-location-ref-window-city-container{box-shadow:0 0 25px rgba(0,0,0,.15);transform:translate(-50%,-50%);background-color:#fff;box-sizing:border-box;border-radius:4px;position:absolute;padding:24px;width:280px;left:50%;top:50%}.geo-location-ref-window-city-label{margin-bottom:12px;line-height:normal;font-size:14px}.geo-location-ref-window-city-value{font-family:robotobold;margin-bottom:12px;line-height:21px;font-size:18px}.get-location-ref-window-confirm-button{width:100%}.get-location-ref-window-confirm-button.loading{background-image:url(/bitrix/components/dresscode/sale.geo.positiion/templates/.default/images/loader-38px.svg);background-position:50% 50%;background-repeat:no-repeat;pointer-events:none;transition:none;opacity:.9}.get-location-ref-window-confirm{margin-bottom:12px}@media all and (max-width:850px){#geo-location-window .geo-location-window-container{transform:translateX(0) translateY(-50%);width:100%;left:0}}@media all and (max-width:700px){#geo-location-window .geo-location-window-list-item{width:33.333%}#geo-location-window .geo-location-window-container{padding:0 12px}}@media all and (max-width:500px){#geo-location-window .geo-location-window-list-item{width:50%}}@media all and (max-width:400px){#geo-location-window .geo-location-window-list-item{width:100%}}#geo-location-window-fast-loader{-webkit-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;position:absolute;transform:scale(.6);-o-transform:scale(.6);-ms-transform:scale(.6);-webkit-transform:scale(.6);-moz-transform:scale(.6);margin-left:-24px;display:none;height:48px;width:48px;opacity:0;left:50%;top:0}.f_circleG{position:absolute;background-color:#fff;height:9px;width:9px;display:block;border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;animation-name:f_fadeG;-o-animation-name:f_fadeG;-ms-animation-name:f_fadeG;-webkit-animation-name:f_fadeG;-moz-animation-name:f_fadeG;animation-duration:522ms;-o-animation-duration:522ms;-ms-animation-duration:522ms;-webkit-animation-duration:522ms;-moz-animation-duration:522ms;animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-direction:normal;-o-animation-direction:normal;-ms-animation-direction:normal;-webkit-animation-direction:normal;-moz-animation-direction:normal}#frotateG_01{left:0;top:19px;animation-delay:.1995s;-o-animation-delay:.1995s;-ms-animation-delay:.1995s;-webkit-animation-delay:.1995s;-moz-animation-delay:.1995s}#frotateG_02{left:6px;top:6px;animation-delay:256ms;-o-animation-delay:256ms;-ms-animation-delay:256ms;-webkit-animation-delay:256ms;-moz-animation-delay:256ms}#frotateG_03{left:19px;top:0;animation-delay:.3225s;-o-animation-delay:.3225s;-ms-animation-delay:.3225s;-webkit-animation-delay:.3225s;-moz-animation-delay:.3225s}#frotateG_04{right:6px;top:6px;animation-delay:389ms;-o-animation-delay:389ms;-ms-animation-delay:389ms;-webkit-animation-delay:389ms;-moz-animation-delay:389ms}#frotateG_05{right:0;top:19px;animation-delay:.4555s;-o-animation-delay:.4555s;-ms-animation-delay:.4555s;-webkit-animation-delay:.4555s;-moz-animation-delay:.4555s}#frotateG_06{right:6px;bottom:6px;animation-delay:522ms;-o-animation-delay:522ms;-ms-animation-delay:522ms;-webkit-animation-delay:522ms;-moz-animation-delay:522ms}#frotateG_07{left:19px;bottom:0;animation-delay:.5885s;-o-animation-delay:.5885s;-ms-animation-delay:.5885s;-webkit-animation-delay:.5885s;-moz-animation-delay:.5885s}#frotateG_08{left:6px;bottom:6px;animation-delay:645ms;-o-animation-delay:645ms;-ms-animation-delay:645ms;-webkit-animation-delay:645ms;-moz-animation-delay:645ms}@keyframes f_fadeG{0%{background-color:#000}100%{background-color:#fff}}@-o-keyframes f_fadeG{0%{background-color:#000}100%{background-color:#fff}}@-ms-keyframes f_fadeG{0%{background-color:#000}100%{background-color:#fff}}@-webkit-keyframes f_fadeG{0%{background-color:#000}100%{background-color:#fff}}@-moz-keyframes f_fadeG{0%{background-color:#000}100%{background-color:#fff}}@-webkit-keyframes zoomInLocation{from{opacity:0;-webkit-transform:translateY(-50%) translateX(-50%) scale3d(.3,.3,.3);transform:translateY(-50%) translateX(-50%) scale3d(.3,.3,.3);-moz-transform:translateY(-50%) translateX(-50%) scale3d(.3,.3,.3);-o-transform:translateY(-50%) translateX(-50%) scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomInLocation{from{opacity:0;-webkit-transform:translateY(-50%) translateX(-50%) scale3d(.3,.3,.3);transform:translateY(-50%) translateX(-50%) scale3d(.3,.3,.3);-moz-transform:translateY(-50%) translateX(-50%) scale3d(.3,.3,.3);-o-transform:translateY(-50%) translateX(-50%) scale3d(.3,.3,.3)}50%{opacity:1}} /* End */ /* Start:/bitrix/templates/.default/components/arturgolubev/search.title/version2/style.css?176908641821917*/ #topSearch2 .searchContainerInner{ border: 1px solid #f3f3f3; height: 50px; } #subHeader2.color_black #topSearch2 .searchContainerInner{ border: 1px solid rgba(255, 255, 255, 0.3); background-color: rgba(0, 0, 0, 0.1); } #subHeader2.color_theme #topSearch2 .searchContainerInner{ border: 1px solid rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.1); } #topSearch2 .searchContainer{ border-collapse: collapse; table-layout: fixed; line-height: 50px; display: table; height: 50px; width: 100%; } #topSearch2 .searchColumn{ vertical-align: middle; display: table-cell; } #topSearch2 .searchColumn:last-child{ width: 54px; } #topSearch2 #searchQuery{ background: url(/bitrix/templates/.default/components/arturgolubev/search.title/version2/images/searchH2.png) 14px 50% no-repeat transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 42px; height: 50px; width: 100%; border: 0; } #topSearch2 #goSearch{ background: url(/bitrix/templates/.default/components/arturgolubev/search.title/version2/images/searchIcoH2.png) 0 0 no-repeat transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: transparent; cursor: pointer; height: 50px; border: none; width: 50px; } #subHeader2.color_black #topSearch2 #searchQuery, #subHeader2.color_theme #topSearch2 #searchQuery, #subHeader6.color_black #topSearch2 #searchQuery, #subHeader6.color_theme #topSearch2 #searchQuery, #subHeader7.color_black #topSearch2 #searchQuery, #subHeader7.color_theme #topSearch2 #searchQuery, #subHeader9.color_black #topSearch2 #searchQuery, #subHeader9.color_theme #topSearch2 #searchQuery{ background: url(/bitrix/templates/.default/components/arturgolubev/search.title/version2/images/searchH2W.png) 14px 50% no-repeat transparent; color: rgba(255, 255, 255, 0.7); } #subHeader5.color_black #topSearch2 #searchQuery, #subHeader5.color_theme #topSearch2 #searchQuery{ background: url(/bitrix/templates/.default/components/arturgolubev/search.title/version2/images/searchH5W.png) 14px 50% no-repeat transparent; color: rgba(255, 255, 255, 0.7); } #subHeader2.color_black #goSearch, #subHeader2.color_theme #goSearch{ background: url(/bitrix/templates/.default/components/arturgolubev/search.title/version2/images/searchIcoH2W.png) 0 0 no-repeat transparent; } #subHeader5.color_black #goSearch, #subHeader5.color_theme #goSearch, #subHeader6.color_black #goSearch, #subHeader6.color_theme #goSearch, #subHeader7.color_black #goSearch, #subHeader7.color_theme #goSearch, #subHeader9.color_black #goSearch, #subHeader9.color_theme #goSearch{ background: url(/bitrix/templates/.default/components/arturgolubev/search.title/version2/images/searchIcoH5W.png) 0 0 no-repeat transparent; } #topSearch2 #goSearch:hover{ background-position: 0px -50px; } #topSearch2 #goSearch:active{ background-position: 0px -100px; } #searchResult{ border-top: 1px solid #f3f3f3; background-color: #ffffff; position: absolute; display: none; height: auto; z-index: 999; width: 100%; top: 172px; left: 0; } #subHeader2 #searchResult{ top: 102px; } #subHeader2 #searchOverlap{ top: 172px; } #searchResult h1{ font-family: 'robotobold'; text-transform: uppercase; background-color: #ffffff; position: relative; text-align: center; line-height: 85px; font-size: 18px; height: 85px; margin: 0px; } #searchResult.visible{ display: block; } #searchResult .productList{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 24px; padding: 0 24px; } #searchResult .item{ width: 14.285%; } #searchResult .searchAllResult{ -webkit-transition: all 0.2 ease-in-out; -o-transition: all 0.2 ease-in-out; transition: all 0.2 ease-in-out; border-top: 1px solid #e7e8ea; background-color: #f3f3f3; font-family: 'robotobold'; text-transform: uppercase; text-decoration: none; position: relative; text-align: center; line-height: 85px; font-size: 14px; display: block; color: #000000; height: 85px; } #searchResult .searchAllResult:hover{ background-color: #eeeeee; } #searchResult .searchAllResult span{ border-bottom: 1px dashed #000000; padding-bottom: 4px; } #searchResult .errorMessage{ margin: 24px 36px 24px 36px; text-align: center; font-size: 14px; color: #000000; } #searchProductsClose{ background: url(/bitrix/templates/.default/components/arturgolubev/search.title/version2/images/exit.png) 0 0 no-repeat transparent; position: absolute; margin-top: -9px; display: block; height: 18px; width: 18px; right: 24px; top: 50%; } #searchProductsClose:hover{ background-position: -18px 0; } #searchProductsClose:active{ background-position: -36px 0; } @media all and (max-width: 1200px){ #topSearchLine.color_black #topSearch2 #searchQuery{ background: url(/bitrix/templates/.default/components/arturgolubev/search.title/version2/images/searchH5W.png) 14px 50% no-repeat transparent; color: rgba(255, 255, 255, 0.7); } #topSearchLine.color_black #goSearch{ background: url(/bitrix/templates/.default/components/arturgolubev/search.title/version2/images/searchIcoH5W.png) 0 0 no-repeat transparent; } #subHeader6 #topSearchLine #topSearch2 #searchQuery{ background: url(/bitrix/templates/.default/components/arturgolubev/search.title/version2/images/searchH2.png) 14px 50% no-repeat transparent; color: #000000; } #subHeader6 #topSearchLine #topSearch2 #goSearch{ background: url(/bitrix/templates/.default/components/arturgolubev/search.title/version2/images/searchIcoH2.png) 0 0 no-repeat transparent; } #subHeader6 #topSearchLine #topSearch2 input[placeholder]{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: rgba(0, 0, 0, 0.7); } #subHeader6 #topSearchLine #topSearch2 input::-webkit-input-placeholder{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: rgba(0, 0, 0, 0.7); } #subHeader6 #topSearchLine #topSearch2 input::-moz-placeholder{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: rgba(0, 0, 0, 0.7); } } .bx-pagination { margin: 10px 0; } .bx-pagination .bx-pagination-container { text-align: center; position: relative; } .bx-pagination .bx-pagination-container ul { padding: 0; margin: 0; list-style: none; display: inline-block; } .bx-pagination .bx-pagination-container ul li { display: inline-block; margin: 0 2px 15px 2px; } .bx-pagination .bx-pagination-container ul li span{ -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -o-transition: color .3s ease, background-color .3s ease, border-color .3s ease; transition: color .3s ease, background-color .3s ease, border-color .3s ease; background: #eff0f1; padding: 0 8px; display: block; height: 32px; min-width: 32px; line-height: 32px; color: #444; font-size: 14px; border-radius: 16px; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-pagination .bx-pagination-container ul li a { text-decoration: none; display: block; border-radius: 16px; display: block; height: 32px; min-width: 32px; line-height: 32px; color: #444; vertical-align: middle; } .bx-pagination .bx-pagination-container ul li a:hover span{ background: #DADADA; } .bx-pagination .bx-pagination-container ul li.bx-active span{ /* background: #ff9601; color: #fff;*/ } .bx-pagination .bx-pagination-container ul li.bx-pag-all a span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a span { background: #fff; border: 2px solid #eff0f1; line-height: 28px; padding: 0 18px; color: #444; } .bx-pagination .bx-pagination-container ul li.bx-pag-all span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev span, .bx-pagination .bx-pagination-container ul li.bx-pag-next span{ color: #aab1b4; background: #fff; border: 2px solid #eff0f1; line-height: 28px; padding: 0 18px; } .bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span { background: #fff; border-color: #DADADA; color: #000; } @media all and (max-width: 1920px){ #searchResult .item{ width: 16.666666%; } } @media all and (max-width: 1600px){ #searchResult .item{ width: 20%; } } @media all and (max-width: 1300px){ #searchResult .item{ width: 25%; } } @media all and (max-width: 1024px){ #searchResult .item{ width: 33.33333%; } } @media all and (max-width: 790px){ #searchResult .item{ width: 50%; } } @media all and (max-width: 600px){ #searchResult .item{ width: 100%; } } /* div.title-search-result { display: block !important; } */ .bx_smart_searche, .bx_smart_searche *, .bx-searchtitle, .bx-searchtitle * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; font-size: 14px; } .bx-searchtitle { margin: 10px 0 0; } .bx-searchtitle .bx-block-title { font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; color: #343434; text-transform: uppercase; font-size: 12px; margin-bottom: 9px; font-weight: 600; } .bx-searchtitle .bx-input-group { position: relative; display: table; border-collapse: separate; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-searchtitle .bx-input-group {} .bx-searchtitle .bx-input-group .bx-form-control { display: table-cell; position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #f8fafc; border: 1px solid #d5dadc; border-right: none; border-radius: 1px 0 0 1px; outline: none; box-shadow: none !important; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .bx-searchtitle .bx-input-group .bx-form-control:focus { background-color: #fff; } .bx-ios .bx-searchtitle .bx-input-group .bx-form-control { /* Fix of input shadow for IOS browsers. */ background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%); background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%); } .bx-searchtitle .bx-input-group-btn { position: relative; font-size: 0; width: 1%; white-space: nowrap; vertical-align: middle; display: table-cell; line-height: normal; } .bx-searchtitle .bx-input-group-btn button { position: relative; border: none; background: url(/bitrix/templates/.default/components/arturgolubev/search.title/version2/images/search-icon.png) center center no-repeat #95a1a8; display: inline-block; margin-bottom: 0; cursor: pointer; padding:0; border-radius: 0 1px 1px 0; color: #fff; font-size: 16px; line-height: 1.42857143; height: 34px; width: 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .bx-searchtitle .bx-input-group-btn button:hover { background-color: #1484CE; } div.title-search-result { border:0 none !important; border-top: 0 none; display:none; overflow:hidden; z-index:999; min-width: 200px; margin-top: 3px; background-color: #FFF; /* border-top: 0 none; */ border-radius: 2px; box-shadow: 0px 0px 7px -2px #d6d6d6; /* display: block !important; */ } div.title-search-fader { display:none; background-image: url('/bitrix/templates/.default/components/arturgolubev/search.title/version2/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } p.title-search-preview { font-size:12px; } div.title-search-result td.title-search-price span { font-size: 26px; } /*========================*/ .bx_smart_searche { padding-top:8px; border-top: 0 none; border-radius: 0 0 3px 3px; } .bx_smart_searche .bx_info_wrap{ margin-left: 85px; } .bx_smart_searche .bx_img_element{ float: left; padding: 5px; width: 75px; text-align: center; } .bx_smart_searche .bx_item_block{ min-height: 65px; position: relative; } .bx_smart_searche .bx_image{ /* width: 45px; height: 45px; background-size: contain; background-position: center; background-repeat: no-repeat; border: 1px solid #e8e8e8; */ display: inline-block; max-width: 100%; } .bx_smart_searche .bx_image.empty_image{ background-image: url(/bitrix/templates/.default/components/arturgolubev/search.title/version2/image/noimg.png); } .bx_smart_searche .bx_item_element{ padding: 8px 0; } .bx_smart_searche .bx_item_element_all_result { text-align: center; } .bx_smart_searche .bx_item_element hr{ margin: 0; border: none; border-bottom: 1px solid #e5e5e5; } .bx_smart_searche .bx_item_element a{ margin-top: 5px; display: inline-block; color: #333; font-size: 14px; text-decoration: none; font-weight: bold; } .bx_smart_searche .bx_item_element a b{ font-weight: bold; } .bx_smart_searche .bx_item_element a b{color: #000;} .bx_smart_searche .bx_item_element a:hover, .bx_smart_searche .bx_item_element a:hover b{text-decoration: underline;} .bx_smart_searche .bx_item_preview_text{ font-size:13px; padding: 5px 10px 5px 0; } .bx_smart_searche .bx_price{ font-weight:bold; font-size:15px; margin-top: 5px; } .bx_smart_searche .bx_price .old{ font-weight: normal; text-decoration: line-through; color: #636363; font-size: 12px; vertical-align: middle; } .bx_smart_searche .bx_item_block.all_result{min-height:0} .bx_smart_searche .bx_item_block.others_result{ min-height: 0; line-height: 12px; padding: 0; } .bx_smart_searche .bx_item_block.all_result .all_result_button{ display: inline-block; font-size: 14px; background-color: #1485CE; border: 1px solid; border-color: #1485CE; color: #FFF; padding: 0 22px; height: 34px; text-decoration: none; border-radius: 2px; margin: 0 0 8px; line-height: 34px; text-transform: uppercase; font-weight: bold; letter-spacing: .5px; } .bx_smart_searche .bx_item_block_href { display: block; text-decoration: none; margin-bottom: 5px; padding: 8px; line-height: 14px; } .bx_smart_searche .bx_item_block_href:hover { background-color: #feeed2; } .bx_smart_searche .bx_item_block_hrline { border-bottom: 1px solid #f5a61c; margin: 0 8px 5px; } .bx_item_block_item_clear { display: block; clear:both; } .bx_smart_searche .bx_item_block_item_info { display: block; } .bx_smart_searche .bx_item_block_href_category_title { color: #a2a2a2; /* font-weight: bold; */ } .bx_smart_searche .bx_item_block_href_category_name { color: #f5a61c; font-weight: bold; text-transform: uppercase; } .bx_smart_searche .bx_item_block_item_image { width: 34px; height: 34px; float:left; background-size: contain; background-repeat: no-repeat; background-position: center; margin-right: 5px; position: relative; } .bx_smart_searche .bx_item_block_item_image img { max-width:100%; max-height: 100%; position: absolute; top:0; left:0; right:0; bottom:0; margin: auto; } .bx_smart_searche .bx_item_block_item_name { color: #333; overflow: hidden; height: 34px; display: block; line-height: 17px; display: flex; } .bx_smart_searche .bx_item_block_item_name_flex_align { margin: auto 0; } .bx_smart_searche .bx_item_block_item_simple_name { color: #333; display: block; line-height: 17px; } .bx_smart_searche .bx_item_block_item_name b, .bx_smart_searche .bx_item_block_item_simple_name b { color: #f5a61c; } .bx_smart_searche .bx_item_block_item_price { float:right; text-align: right; color: #333; line-height: 17px; padding-left: 5px; } .bx_smart_searche .bx_item_block_item_price.bx_item_block_item_price_only_one { line-height: 34px; } .bx_smart_searche .bx_item_block_item_price .bx_price_new { white-space: nowrap; font-weight: bold; display: block; } .bx_smart_searche .bx_item_block_item_price .bx_price_old { white-space: nowrap; text-decoration: line-through; } .bx_smart_searche .bx_item_block_item_text { color: #9b9b9b; display: block; padding-left: 39px; margin-top: 8px; font-size: 13px; line-height: 15px; } /* preloader base */ .bx-searchtitle .bx-searchtitle-preloader { position: absolute; top: 2px; right: 110%; width: 30px; height: 30px; z-index: 5; display: none; /* display: block; */ } .bx-searchtitle .bx-searchtitle-preloader.view { background: url(/bitrix/templates/.default/components/arturgolubev/search.title/version2/images/loader_orange.gif) center center no-repeat; } /* blue */ .bx-searchtitle.theme-blue .bx-input-group .bx-form-control { border-color:#0083d1; } .bx-searchtitle.theme-blue .bx-searchtitle-preloader.view { background-image: url(/bitrix/templates/.default/components/arturgolubev/search.title/version2/images/loader_blue.gif); } .bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button{ background-color: #0083d1; border-color: #0083d1; } .bx-searchtitle.theme-blue .bx-input-group-btn button { background-color: #0083d1; border-color: #0083d1; color: #FFF; } .bx-searchtitle.theme-blue .bx-input-group-btn button:hover, .bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button:hover { background-color: #5ca6e4; border-color: #5ca6e4; text-decoration: none; } .bx_smart_searche.theme-blue .bx_item_element a b{ color: #5ca6e4; } .bx_smart_searche.theme-blue .bx_item_block_href:hover { background-color: #b2d9f1; } .bx_smart_searche.theme-blue .bx_item_block_href_category_name { color:#0083d1; } .bx_smart_searche.theme-blue .bx_item_block_item_name b, .bx_smart_searche.theme-blue .bx_item_block_item_simple_name b { color:#0083d1; } .bx_smart_searche.theme-blue .bx_item_block_hrline { border-color: #0083d1; } /* black */ .bx-searchtitle.theme-black .bx-input-group .bx-form-control { border-color:#333; } .bx-searchtitle.theme-black .bx-searchtitle-preloader.view { background-image: url(/bitrix/templates/.default/components/arturgolubev/search.title/version2/images/loader_black.gif); } .bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button{ background-color: #333; border-color: #333; } .bx-searchtitle.theme-black .bx-input-group-btn button { background-color: #333; border-color: #333; color: #FFF; } .bx-searchtitle.theme-black .bx-input-group-btn button:hover, .bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button:hover { background-color: #5c5c5c; border-color: #5c5c5c; text-decoration: none; } .bx_smart_searche.theme-black .bx_item_element a b{ color: #5c5c5c; } .bx_smart_searche.theme-black { /* border:1px solid #333; */ border-top: 0 none; border-radius: 0 0 3px 3px; } .bx_smart_searche.theme-black .bx_item_block_href:hover { background-color: #eaeaea; } .bx_smart_searche.theme-black .bx_item_block_href_category_name { color:#333; } .bx_smart_searche.theme-black .bx_item_block_item_name b, .bx_smart_searche.theme-black .bx_item_block_item_simple_name b { color:#333; } .bx_smart_searche.theme-black .bx_item_block_hrline { border-color: #333; } /* green */ .bx-searchtitle.theme-green .bx-input-group .bx-form-control { border-color:#159ebb; } .bx-searchtitle.theme-green .bx-searchtitle-preloader.view { background-image: url(/bitrix/templates/.default/components/arturgolubev/search.title/version2/images/loader_green.gif); } .bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button{ background-color: #159ebb; border-color: #159ebb; } .bx-searchtitle.theme-green .bx-input-group-btn button { background-color: #159ebb; border-color: #159ebb; color: #FFF; } .bx-searchtitle.theme-green .bx-input-group-btn button:hover, .bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button:hover { background-color: #44b1c9; border-color: #44b1c9; text-decoration: none; } .bx_smart_searche.theme-green .bx_item_element a b{ color: #44b1c9; } .bx_smart_searche.theme-green .bx_item_block_href:hover { background-color: #d0ebf1; } .bx_smart_searche.theme-green .bx_item_block_href_category_name { color:#159ebb; } .bx_smart_searche.theme-green .bx_item_block_item_name b, .bx_smart_searche.theme-green .bx_item_block_item_simple_name b { color:#159ebb; } .bx_smart_searche.theme-green .bx_item_block_hrline { border-color: #159ebb; } /* red */ .bx-searchtitle.theme-red .bx-input-group .bx-form-control { border-color:#E22B2B; } .bx-searchtitle.theme-red .bx-searchtitle-preloader.view { background-image: url(/bitrix/templates/.default/components/arturgolubev/search.title/version2/images/loader_red.gif); } .bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button{ background-color: #E22B2B; border-color: #E22B2B; } .bx-searchtitle.theme-red .bx-input-group-btn button { background-color: #E22B2B; border-color: #E22B2B; color: #FFF; } .bx-searchtitle.theme-red .bx-input-group-btn button:hover, .bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button:hover { background-color: #e95c5c; border-color: #e95c5c; text-decoration: none; } .bx_smart_searche.theme-red .bx_item_element a b{ color: #e95c5c; } .bx_smart_searche.theme-green .bx_item_block_href:hover { background-color: #f9d4d4; } .bx_smart_searche.theme-red .bx_item_block_href_category_name { color:#E22B2B; } .bx_smart_searche.theme-red .bx_item_block_item_name b, .bx_smart_searche.theme-red .bx_item_block_item_simple_name b { color:#E22B2B; } .bx_smart_searche.theme-red .bx_item_block_hrline { border-color: #E22B2B; } /* yellow */ .bx-searchtitle.theme-yellow .bx-input-group .bx-form-control { border-color:#F9A91D; } .bx-searchtitle.theme-yellow .bx-searchtitle-preloader.view { background-image: url(/bitrix/templates/.default/components/arturgolubev/search.title/version2/images/loader_yellow.gif); } .bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button{ background-color: #F9A91D; border-color: #F9A91D; } .bx-searchtitle.theme-yellow .bx-input-group-btn button { background-color: #F9A91D; border-color: #F9A91D; color: #FFF; } .bx-searchtitle.theme-yellow .bx-input-group-btn button:hover, .bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button:hover { background-color: #faba4a; border-color: #faba4a; text-decoration: none; } .bx_smart_searche.theme-yellow .bx_item_element a b{ color: #faba4a; } .bx_smart_searche.theme-yellow .bx_item_block_href_category_name { color:#F9A91D; } .bx_smart_searche.theme-yellow .bx_item_block_item_name b, .bx_smart_searche.theme-yellow .bx_item_block_item_simple_name b { color:#F9A91D; } .bx_smart_searche.theme-yellow .bx_item_block_hrline { border-color: #F9A91D; } /* End */ /* Start:/bitrix/templates/bmcase_deluxe_style_test/components/bitrix/form.result.new/modal/style.min.css?17518752587730*/ .webformModal{position:fixed;top:0;left:0;z-index:1000;display:none;width:100%;height:100%;overflow:hidden;color:#000;background:rgb(0 0 0 / 40%);transition:.1s all ease-in-out}.webformModalHideScrollBar{position:relative;width:120%;height:100%;overflow:auto}.webformModalcn100{position:relative;width:100%;width:100vw;height:100%}.webformModal.visible{display:block}.webformModalContainer{position:absolute;top:24px;left:50%;box-sizing:border-box;width:100%;min-width:320px;max-width:500px;margin-bottom:24px;background-color:#fff;box-shadow:1px 1px 12px rgb(60 60 60 / 30%);transform:translateX(-50%) translateY(0);animation-name:zoomIn;animation-duration:.2s;animation-fill-mode:none}.small .webformModalContainer{top:50%;margin-bottom:0;padding:24px;border-radius:8px;transform:translateX(-50%) translateY(-50%)}.webFormDw form{box-sizing:border-box;transition:all .2s ease-in-out}.webFormDw form.loading{opacity:.8;pointer-events:none}.webFormModalHeading{position:relative;color:#000;font-size:18px;font-family:robotomedium;line-height:60px;text-align:center;background-color:#f9f9f9;border-radius:8px}.webformModal .webFormModalHeadingExit{position:absolute;top:20px;right:20px;display:block;width:21px;height:21px}.webformModal .webFormModalHeadingExit{background:url(/bitrix/templates/bmcase_deluxe_style_test/components/bitrix/form.result.new/modal/images/exit.svg) 0 0 no-repeat transparent}.webformModal .webFormModalHeadingExit:hover{background-position:0 -21px}.webformModal .webFormModalHeadingExit:active{background-position:0 -42px}.webFormDescription{max-width:800px;margin:24px 0 0}.webformModal .webFormDescription{padding:0 24px}.webformModal .webFormError,.webformModal .webFormItems,.webformModal .webFormTools{padding:0 24px}.webFormItem{margin-top:24px}.webFormItemCaption{margin-bottom:12px;font-family:robotoMedium;line-height:21px}.webFormItemImage{display:inline-block;padding-right:6px;vertical-align:middle}.webFormItemLabel{display:inline-block;color:#555;vertical-align:middle}.webFormItemRequired{display:inline-block;padding-left:4px;color:red}.webFormItemFieldVariant{display:inline-block;margin-left:12px}.webFormItemFieldVariant:first-child{margin-left:0}.webFormItemField input[type=password],.webFormItemField input[type=text],.webFormItemField select{box-sizing:border-box;width:100%;max-width:100%;height:55px;padding-left:12px;color:#555;font-size:14px;font-family:roboto_ltregular;line-height:55px;border:1px solid #e7e7e7;outline:0;transition:all .2s ease-in-out}.webFormItemField textarea{box-sizing:border-box;width:100%;max-width:100%;height:150px;padding-top:12px;padding-left:12px;color:#555;font-size:14px;font-family:roboto_ltregular;line-height:21px;border:1px solid #e7e7e7;outline:0;transition:all .2s ease-in-out}.webFormItemField input[id*=form_date_]{margin-bottom:6px}.webFormItemField input[type=password]:focus,.webFormItemField input[type=text]:focus,.webFormItemField textarea:focus{border:1px solid #aaa}.webFormItemField input[type=checkbox]+label,.webFormItemField input[type=radio]+label{cursor:pointer}.webFormItemField input[type=checkbox]:not(checked),.webFormItemField input[type=radio]:not(checked){position:absolute;opacity:0}.webFormItemField input[type=checkbox]:not(checked)+label,.webFormItemField input[type=radio]:not(checked)+label{position:relative;padding-left:28px}.webFormItemField input[type=checkbox].error+label::before{border:1px solid red!important}.webFormItemField input[type=checkbox]+label::before{background:url(/bitrix/templates/bmcase_deluxe_style_test/components/bitrix/form.result.new/modal/images/checkBox.png) 0 0 no-repeat transparent}.webFormItemField input[type=radio]+label::before{background:url(/bitrix/templates/bmcase_deluxe_style_test/components/bitrix/form.result.new/modal/images/radio.png) 0 0 no-repeat transparent}.webFormItemField input[type=checkbox]:not(checked)+label::before,.webFormItemField input[type=radio]:not(checked)+label::before{position:absolute;top:0;left:0;width:17px;height:17px;content:" "}.webFormItemField input[type=checkbox]:not(checked)+label:hover::before,.webFormItemField input[type=radio]:not(checked)+label:hover::before{background-position:0 -17px}.webFormItemField input[type=checkbox]:checked+label::before,.webFormItemField input[type=radio]:checked+label::before{background-position:0 -34px}.webFormItemField input[type=checkbox]:checked+label:hover::before,.webFormItemField input[type=radio]:checked+label:hover::before{background-position:0 -51px}.webFormItemField input[type=checkbox]:disabled+label,.webFormItemField input[type=radio]:disabled+label{cursor:default}.webFormItemField input[type=checkbox]:disabled+label::before,.webFormItemField input[type=radio]:disabled+label::before{background-position:0 -68px!important}.webFormItemField img.calendar-icon{margin:0!important;vertical-align:middle!important;border:0!important}.webFormItemField [multiple]{height:120px;padding:12px;line-height:120px}.webFormCaptchaPicture{margin-top:12px}.webFormCaptchaPicture img{max-width:100%;vertical-align:middle}.webFormCaptchaLabel{margin-top:12px;margin-bottom:12px}.webFormItemField input.captcha_word{max-width:300px}.webFormTools{box-sizing:border-box;margin-top:24px}.webFormTools input[type=reset],.webFormTools input[type=submit]{box-sizing:border-box;width:100%;height:55px;padding:0;color:#fff;font-size:14px;font-family:roboto_ltregular;line-height:55px;text-align:center;border:1px solid #fff;border-radius:6px;outline:0;cursor:pointer;transition:background-color .2s ease-in-out}.webFormTools .tc:first-child{padding-right:12px}.webFormTools .tc:last-child{padding-left:12px}.webFormTools input[type=submit]:active{position:relative;top:1px}.webFormTools input[type=submit].loading{color:#ddd;background-color:#000!important;background-image:url(/bitrix/templates/bmcase_deluxe_style_test/components/bitrix/form.result.new/modal/images/loading.gif);background-repeat:no-repeat;background-position:50% 50%;border:1px solid #000;opacity:.1;pointer-events:none}.webFormTools input[type=reset]{color:#000;background-color:#fff;border:1px solid #aaa;transition:all .2s ease-in-out}.webFormTools input[type=reset]:hover{border:1px solid #ccc}.webFormTools input[type=reset]:active{position:relative;top:1px}.webFormError,.webFormItemError{display:none;margin-bottom:12px;color:red;font-size:12px;font-family:robotoMedium}.webFormError{margin-top:24px;margin-bottom:0}.webFormError.visible,.webFormItemError.visible{display:block}.webFormItemField .error{border:1px solid red!important}.webFormMessage{position:fixed;top:0;left:0;z-index:1000;display:none;width:100%;height:100%;overflow:auto;color:#000;line-height:250px;background:rgb(0 0 0 / 40%);transition:.1s all ease-in-out}.webFormMessageContainer{position:absolute;top:50%;left:50%;box-sizing:border-box;width:450px;height:250px;margin-top:-125px;margin-left:-225px;padding:0 24px;text-align:center;background-color:#fff;border-radius:2px;box-shadow:1px 1px 12px rgb(0 0 0 / 40%)}.webFormMessageMiddle{display:inline-block;line-height:21px;vertical-align:middle}.webFormMessageHeading{margin-bottom:24px;font-weight:500;font-size:18px;text-align:center}.webFormMessageDescription{text-align:center}.webFormMessageExit{display:inline-block;height:40px;margin-top:24px;padding:0 24px;color:#fff;line-height:40px;text-align:center;text-decoration:none;background-color:#000;border-radius:2px;transition:all .2s ease-in-out}.webFormMessageExit:hover{opacity:.8}.webFormMessageExit:active{position:relative;top:1px}@media all and (max-width:650px){.webFormItemField input[id*=form_date_]{margin-bottom:12px}.webFormItemField img.calendar-icon{margin-left:0!important}.webFormTools input[type=reset]{margin-bottom:0}}@media all and (max-width:500px){.webFormMessageContainer{width:400px;margin-left:-200px}}@media all and (max-width:420px){.webFormMessageContainer{width:300px;margin-left:-150px}}@media all and (max-width:400px){.webFormTools input[type=reset],.webFormTools input[type=submit]{display:block;width:100%;max-width:300px;margin-bottom:24px}} /* End */ /* Start:/bitrix/components/dresscode/compare.line/templates/version5/style.min.css?17518752762014*/ .topCompare{margin-right:12px}.topCompare .text{position:relative;display:block;float:left}.topCompare .link{float:left}.topCompare .link.active:hover{opacity:.8}.topCompare .link.active:active{position:relative;top:1px}.topCompare .label{display:inline-block;margin-top:8px;margin-left:6px;color:#000;font-family:robotomedium;text-decoration:none;vertical-align:middle}#subHeader6.color_black .topCompare .label,#subHeader6.color_theme .topCompare .label,#subHeader7.color_black .topCompare .label,#subHeader7.color_theme .topCompare .label,#subHeader8.color_black .topCompare .label,#subHeader8.color_theme .topCompare .label,#subHeader9.color_black .topCompare .label,#subHeader9.color_theme .topCompare .label{color:#fff}.topCompare .icon{display:inline-block;width:60px;height:40px;background:url(/bitrix/components/dresscode/compare.line/templates/version5/images/compareH5.svg) 50% 50% no-repeat transparent}#subHeader4.color_black .topCompare .icon,#subHeader4.color_theme .topCompare .icon,#subHeader5.color_black .topCompare .icon,#subHeader5.color_theme .topCompare .icon,#subHeader6.color_black .topCompare .icon,#subHeader6.color_theme .topCompare .icon,#subHeader7.color_black .topCompare .icon,#subHeader7.color_theme .topCompare .icon,#subHeader8.color_black .topCompare .icon,#subHeader8.color_theme .topCompare .icon,#subHeader9.color_black .topCompare .icon,#subHeader9.color_theme .topCompare .icon{background:url(/bitrix/components/dresscode/compare.line/templates/version5/images/compareH5w.svg) 50% 50% no-repeat transparent}.topCompare .active .icon:hover{opacity:.7}.topCompare .active .icon:active{position:relative;top:1px}.topCompare .value{position:absolute;top:0;right:8px;width:20px;height:20px;overflow:hidden;color:#d1d1d1;font-size:12px;text-align:center;background-color:#fff;border:2px solid #d1d1d1;border-radius:50%}#subHeader5.color_black .topCompare .value,#subHeader6.color_black .topCompare .value,#subHeader7.color_black .topCompare .value,#subHeader8.color_black .topCompare .value,#subHeader9.color_black .topCompare .value{background-color:#2b2b2b}.topCompare .active .value:active{top:1px} /* End */ /* Start:/bitrix/components/dresscode/favorite.line/templates/version5/style.min.css?17518752761878*/ .topWishlist{margin-right:12px}.topWishlist .text{position:relative;display:block;float:left}.topWishlist .link{float:left}.topWishlist .link.active:hover{opacity:.8}.topWishlist .link.active:active{position:relative;top:1px}.topWishlist .label{display:inline-block;margin-top:8px;margin-left:6px;color:#000;font-family:robotomedium;text-decoration:none;vertical-align:middle}#subHeader6.color_black .topWishlist .label,#subHeader6.color_theme .topWishlist .label,#subHeader7.color_black .topWishlist .label,#subHeader7.color_theme .topWishlist .label,#subHeader8.color_black .topWishlist .label,#subHeader8.color_theme .topWishlist .label{color:#fff}.topWishlist .icon{display:inline-block;width:60px;height:40px;background:url(/bitrix/components/dresscode/favorite.line/templates/version5/images/wishlistH5.svg) 50% 50% no-repeat transparent}#subHeader4.color_black .topWishlist .icon,#subHeader4.color_theme .topWishlist .icon,#subHeader5.color_black .topWishlist .icon,#subHeader5.color_theme .topWishlist .icon,#subHeader6.color_black .topWishlist .icon,#subHeader6.color_theme .topWishlist .icon,#subHeader7.color_black .topWishlist .icon,#subHeader7.color_theme .topWishlist .icon,#subHeader8.color_black .topWishlist .icon,#subHeader8.color_theme .topWishlist .icon{display:inline-block;width:60px;height:40px;background:url(/bitrix/components/dresscode/favorite.line/templates/version5/images/wishlistH5w.svg) 50% 50% no-repeat transparent}.topWishlist .active .icon:hover{opacity:.7}.topWishlist .active .icon:active{position:relative;top:1px}.topWishlist .value{position:absolute;top:0;right:8px;width:20px;height:20px;overflow:hidden;color:#d1d1d1;font-size:12px;text-align:center;background-color:#fff;border:2px solid #d1d1d1;border-radius:50%}#subHeader5.color_black .topWishlist .value,#subHeader6.color_black .topWishlist .value,#subHeader7.color_black .topWishlist .value,#subHeader8.color_black .topWishlist .value{background-color:#2b2b2b}.topWishlist .active .value:active{top:1px} /* End */ /* Start:/bitrix/templates/bmcase_deluxe_style_test/components/bitrix/sale.basket.basket.line/topCart5/style.min.css?17518752581918*/ .cart .countLink{position:relative;display:inline-block;float:left;width:60px;height:40px;font-size:14px;background:url(/bitrix/templates/bmcase_deluxe_style_test/components/bitrix/sale.basket.basket.line/topCart5/images/cartH4.svg) 50% 50% no-repeat transparent}#subHeader4.color_black .cart .countLink,#subHeader4.color_theme .cart .countLink,#subHeader5.color_black .cart .countLink,#subHeader5.color_theme .cart .countLink,#subHeader6.color_black .cart .countLink,#subHeader6.color_theme .cart .countLink,#subHeader7.color_black .cart .countLink,#subHeader7.color_theme .cart .countLink,#subHeader8.color_black .cart .countLink,#subHeader8.color_theme .cart .countLink,#subHeader9.color_black .cart .countLink,#subHeader9.color_theme .cart .countLink{background:url(/bitrix/templates/bmcase_deluxe_style_test/components/bitrix/sale.basket.basket.line/topCart5/images/cartH4w.svg) 50% 50% no-repeat transparent}.cart .countLink.active:hover{opacity:.7}.cart .countLink.active:active{top:1px}.cart .heading{display:inline-block;max-width:172px;margin-top:8px;margin-left:6px;color:#000;text-decoration:none;vertical-align:middle}#subHeader5.color_black .cart .heading,#subHeader5.color_theme .cart .heading,#subHeader6.color_black .cart .heading,#subHeader6.color_theme .cart .heading,#subHeader7.color_black .cart .heading,#subHeader7.color_theme .cart .heading,#subHeader8.color_black .cart .heading,#subHeader8.color_theme .cart .heading,#subHeader9.color_black .cart .heading,#subHeader9.color_theme .cart .heading{color:#fff}.cart .heading.active:active{position:relative;top:1px}.cart .heading .cartLabel{margin-right:3px;font-family:robotomedium}.cart .heading .cartLabel:hover{opacity:.7}.cart .count{position:absolute;top:0;right:8px;width:20px;height:20px;overflow:hidden;color:#d1d1d1;font-size:12px;text-align:center;background-color:#fff;border:2px solid #d1d1d1;border-radius:50%}#subHeader5.color_black .cart .count,#subHeader6.color_black .cart .count,#subHeader7.color_black .cart .count,#subHeader8.color_black .cart .count,#subHeader9.color_black .cart .count{background-color:#2b2b2b} /* End */ /* Start:/bitrix/templates/bmcase_deluxe_style_test/assets/bmcase-catalog-drawer/drawer.css?17923145414664*/ body.bmcase-kit.bmcase-catalog-enhanced #subHeader6 #subMenu .removedItemsList{display:none!important;} /* Open-state artwork is absolute, so the frozen native trigger box and header geometry never move. */ body.bmcase-kit.bmcase-catalog-enhanced #subHeader6 #subMenu .removedItemsLink[aria-expanded="true"]{position:relative;} body.bmcase-kit.bmcase-catalog-enhanced #subHeader6 #subMenu .removedItemsLink[aria-expanded="true"]::after{content:"";position:absolute;left:50%;top:50%;width:48px;height:48px;transform:translate(-50%,-50%);border-radius:12px;background:#663399 url("/bitrix/templates/bmcase_deluxe_style_test/assets/bmcase-catalog-drawer/../../headers/header6/css/images/menuMoreW.svg") center no-repeat;pointer-events:none;} body.bmcase-kit #subHeader6 + .menuContainerColor.bmcase-catalog-mount{display:block!important;height:0;} body.bmcase-kit #bmcase-catalog-drawer{--bmcase-drawer-top:0px;--bmcase-drawer-columns:1;position:fixed;inset:var(--bmcase-drawer-top) 0 0;z-index:180;font-family:Mulish,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.45;text-align:left;color:#19191a;} body.bmcase-kit #bmcase-catalog-drawer[hidden],body.bmcase-kit #bmcase-catalog-drawer [hidden]{display:none!important;} body.bmcase-kit #bmcase-catalog-drawer *,body.bmcase-kit #bmcase-catalog-drawer *::before,body.bmcase-kit #bmcase-catalog-drawer *::after{box-sizing:border-box;} body.bmcase-kit .bmcase-catalog-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(20,15,25,.48);cursor:default;} body.bmcase-kit .bmcase-catalog-sheet{--bmcase-catalog-ready:1;position:relative;display:flex;flex-direction:column;width:min(100%,calc(360px * var(--bmcase-drawer-columns)));height:100%;max-height:100%;background:#fff;box-shadow:8px 0 24px rgba(25,15,35,.06);} body.bmcase-kit .bmcase-catalog-toolbar{display:flex;align-items:center;gap:16px;min-height:58px;padding:8px 20px;border-bottom:1px solid #ededf0;flex-shrink:0;} body.bmcase-kit .bmcase-catalog-title{color:#19191a;font-weight:700;text-decoration:none;} body.bmcase-kit .bmcase-catalog-close{margin-left:auto;flex-shrink:0;font-size:30px;line-height:1;} body.bmcase-kit .bmcase-catalog-close,body.bmcase-kit .bmcase-catalog-back,body.bmcase-kit .bmcase-catalog-expand{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;border:0;border-radius:8px;background:transparent;color:inherit;font-family:inherit;cursor:pointer;} body.bmcase-kit .bmcase-catalog-back{font-size:14px;} body.bmcase-kit .bmcase-catalog-trail{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 24px;border-bottom:1px solid #ededf0;font-size:13px;flex-shrink:0;max-height:25%;overflow:auto;} body.bmcase-kit .bmcase-catalog-trail:empty{display:none;} body.bmcase-kit .bmcase-catalog-trail button{border:0;padding:2px 0;background:none;color:#663399;text-align:left;font:inherit;cursor:pointer;} body.bmcase-kit .bmcase-catalog-panels{display:grid;grid-template-columns:repeat(var(--bmcase-drawer-columns),minmax(0,1fr));min-height:0;flex:1;} body.bmcase-kit .bmcase-catalog-level{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:20px 16px 32px;} body.bmcase-kit .bmcase-catalog-level + .bmcase-catalog-level{border-left:1px solid #e4e4e7;} body.bmcase-kit .bmcase-catalog-level ul{list-style:none;margin:0;padding:0;} body.bmcase-kit .bmcase-catalog-item{margin:0;padding:0;} body.bmcase-kit .bmcase-catalog-row{display:flex;align-items:center;min-height:54px;border-radius:8px;} body.bmcase-kit .bmcase-catalog-link{flex:1;min-width:0;display:flex;align-items:center;min-height:54px;padding:12px 8px;color:#242327;text-decoration:none;overflow-wrap:anywhere;} body.bmcase-kit .bmcase-catalog-level[data-bmcase-catalog-level="0"] .bmcase-catalog-link{font-weight:700;} body.bmcase-kit .bmcase-catalog-expand{flex-shrink:0;font-size:26px;} body.bmcase-kit .bmcase-catalog-row:hover,body.bmcase-kit .bmcase-catalog-item.is-branch-active > .bmcase-catalog-row{background:#f5f1f9;} body.bmcase-kit .bmcase-catalog-item.is-branch-active > .bmcase-catalog-row .bmcase-catalog-link,body.bmcase-kit .bmcase-catalog-item.is-branch-active > .bmcase-catalog-row .bmcase-catalog-expand{color:#663399;} body.bmcase-kit #bmcase-catalog-drawer :focus-visible{outline:2px solid #663399;outline-offset:2px;} @media(max-width:760px){body.bmcase-kit .bmcase-catalog-sheet{width:100%;}body.bmcase-kit .bmcase-catalog-level{padding:12px 16px 24px;}body.bmcase-kit .bmcase-catalog-level + .bmcase-catalog-level{border-left:0;}body.bmcase-kit .bmcase-catalog-trail{padding:8px 24px;}body.bmcase-kit .bmcase-catalog-link{font-size:16px;}} /* End */ /* Start:/bitrix/components/dresscode/products.by.filter/templates/.default/style.min.css?1751875276994*/ #topProduct{position:relative}#topProduct .wrap{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;margin:0 24px}#topProduct .productList{position:relative;list-style:none;overflow:hidden;clear:both;margin:0;left:0}#topProduct .productList>li{float:left}#topProduct .productList .item{width:100%;float:none;border-top:1px solid #e7e8ea}#topProduct .product .tabloid{height:100%}#topProduct .topBtnLeft,#topProduct .topBtnRight{background:url(/bitrix/components/dresscode/products.by.filter/templates/.default/images/slideArrowSmall.svg) 0 0 no-repeat transparent;transform:translateY(-50%);position:absolute;height:70px;width:35px;z-index:22;top:50%}#topProduct .topBtnLeft{left:24px}#topProduct .topBtnRight{right:24px}#topProduct .topBtnLeft:hover{background-position:-35px 0}#topProduct .topBtnLeft:active{background-position:-70px 0}#topProduct .topBtnRight{background-position:0 -70px}#topProduct .topBtnRight:hover{background-position:-35px -70px}#topProduct .topBtnRight:active{background-position:-70px -70px} /* End */ /* Start:/bitrix/components/dresscode/catalog.viewed.product/templates/.default/style.min.css?17518752761066*/ #viewedProduct{position:relative}#viewedProduct .wrap{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;margin:0 24px}#viewedProduct .productList{position:relative;list-style:none;overflow:hidden;clear:both;margin:0;left:0}#viewedProduct .productList>li{float:left}#viewedProduct .productList .item{width:100%;float:none;border-top:1px solid #e7e8ea}#viewedProduct .product .tabloid{height:100%}#viewedProduct .viewedBtnLeft,#viewedProduct .viewedBtnRight{background:url(/bitrix/components/dresscode/catalog.viewed.product/templates/.default/images/slideArrowSmall.svg) 0 0 no-repeat transparent;transform:translateY(-50%);position:absolute;height:70px;width:35px;z-index:22;top:50%}#viewedProduct .viewedBtnLeft{left:24px}#viewedProduct .viewedBtnRight{right:24px}#viewedProduct .viewedBtnLeft:hover{background-position:-35px 0}#viewedProduct .viewedBtnLeft:active{background-position:-70px 0}#viewedProduct .viewedBtnRight{background-position:0 -70px}#viewedProduct .viewedBtnRight:hover{background-position:-35px -70px}#viewedProduct .viewedBtnRight:active{background-position:-70px -70px} /* End */ /* Start:/bitrix/templates/bmcase_deluxe_style_test/components/bitrix/catalog.bigdata.products/.default/style.min.css?17518752581597*/ #bigDataCarousel .wrap{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden}#bigDataCarousel .slideBox>li{float:left}#bigDataCarousel .productList .item{border-top:1px solid #e7e8ea;width:100%;float:none}#bigDataCarousel .productList .item .tabloid{height:100%}#bigDataCarousel .bigDataBtnLeft,#bigDataCarousel .bigDataBtnRight{background:url(/bitrix/templates/bmcase_deluxe_style_test/components/bitrix/catalog.bigdata.products/.default/images/slideArrowSmall.png) 0 0 no-repeat transparent;transform:translateY(-50%);position:absolute;height:70px;width:35px;z-index:22;top:50%}#bigDataCarousel .bigDataBtnLeft{left:0}#bigDataCarousel .bigDataBtnRight{right:0}#bigDataCarousel .bigDataBtnLeft:hover{background-position:-35px 0}#bigDataCarousel .bigDataBtnLeft:active{background-position:-70px 0}#bigDataCarousel .bigDataBtnRight{background-position:0 -70px}#bigDataCarousel .bigDataBtnRight:hover{background-position:-35px -70px}#bigDataCarousel .bigDataBtnRight:active{background-position:-70px -70px}@media all and (max-width:700px){#bigDataCarousel .bigDataBtnLeft,#bigDataCarousel .bigDataBtnRight{background:url(/bitrix/templates/bmcase_deluxe_style_test/components/bitrix/catalog.bigdata.products/.default/images/slideArrowMicro.png) 0 0 no-repeat transparent;transform:translateY(-50%);position:absolute;height:48px;width:24px;z-index:22;top:50%}#bigDataCarousel .bigDataBtnLeft:hover{background-position:-24px 0}#bigDataCarousel .bigDataBtnLeft:active{background-position:-48px 0}#bigDataCarousel .bigDataBtnLeft{left:0}#bigDataCarousel .bigDataBtnRight{right:0;background-position:0 -48px}#bigDataCarousel .bigDataBtnRight:hover{background-position:-24px -48px}#bigDataCarousel .bigDataBtnRight:active{background-position:-48px -48px}} /* End */ /* Start:/bitrix/templates/bmcase_deluxe_style_test/assets/bmcase-about/preview.css?1792274271496*/ /* Homepage administrator preview: approved company introduction. */ body.bmcase-kit.index .bmcase-about-strip{box-sizing:border-box;background:#f3f3f3;color:#666;padding:48px 0;margin:0;font-family:Mulish,Arial,sans-serif;font-size:16px;font-weight:400;line-height:24px;} body.bmcase-kit.index .bmcase-about-strip p{margin:0;font:inherit;color:inherit;overflow-wrap:break-word;} @media(max-width:767px){body.bmcase-kit.index .bmcase-about-strip{padding:32px 0;font-size:15px;line-height:24px;}} /* End */ /* Start:/bitrix/templates/bmcase_deluxe_style_test/assets/bmcase-footer/preview.css?17922758212804*/ /* Approved white footer layout, guarded administrator homepage preview. */ body.bmcase-kit.index .bmcase-footer-preview{background:#fff;border-top:1px solid #ededed;padding:48px 0;color:#19191a;font:400 14px/22px Mulish,Arial,sans-serif;} body.bmcase-kit.index .bmcase-footer-preview~#footer{display:none;} body.bmcase-kit.index .bmcase-footer-grid{display:flex;justify-content:space-between;align-items:flex-start;gap:48px;} body.bmcase-kit.index .bmcase-footer-brand{max-width:360px;min-width:0;} body.bmcase-kit.index .bmcase-footer-logo{display:block;width:128px;height:40px;object-fit:contain;object-position:left center;} body.bmcase-kit.index .bmcase-footer-brand p{font:inherit;margin:24px 0;} body.bmcase-kit.index .bmcase-footer-contacts{max-width:440px;min-width:0;} body.bmcase-kit.index .bmcase-footer-contacts h2{font:500 16px/24px Mulish,Arial,sans-serif;margin:0 0 16px;padding:0;} body.bmcase-kit.index .bmcase-footer-contacts dl{margin:0;} body.bmcase-kit.index .bmcase-footer-contacts dl>div+div{margin-top:16px;} body.bmcase-kit.index .bmcase-footer-contacts dt{color:#6c6c6c;font:400 12px/18px Mulish,Arial,sans-serif;} body.bmcase-kit.index .bmcase-footer-contacts dd{margin:0;overflow-wrap:break-word;} body.bmcase-kit.index .bmcase-footer-contacts a{color:inherit;text-decoration:none;} body.bmcase-kit.index .bmcase-footer-contacts a:hover{color:var(--bmcase-kit-primary,#663399);} body.bmcase-kit.index .bmcase-footer-telegram{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#f3f3f3;color:#19191a;} body.bmcase-kit.index .bmcase-footer-preview a:focus-visible{outline:2px solid var(--bmcase-kit-primary,#663399);outline-offset:3px;} @media(max-width:767px){body.bmcase-kit.index .bmcase-footer-preview{padding:32px 0;}body.bmcase-kit.index .bmcase-footer-grid{flex-direction:column;gap:32px;}} body.bmcase-kit.index .bmcase-footer-telegram span{display:block;width:48px;height:48px;pointer-events:none;background:url(/bitrix/templates/bmcase_deluxe_style_test/assets/bmcase-footer/../../images/sn.svg) -336px 0/624px 96px no-repeat;} body.bmcase-kit.index .bmcase-footer-telegram:hover span{background-position:-336px -48px;} body.bmcase-kit.index .bmcase-footer-messengers{display:flex;flex-wrap:wrap;gap:12px;} body.bmcase-kit.index .bmcase-footer-messengers a{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:48px;height:48px;border-radius:50%;background:#f3f3f3;} body.bmcase-kit.index .bmcase-footer-messengers a:hover{background:#eaeaea;} body.bmcase-kit.index .bmcase-footer-messengers img{display:block;width:24px;height:24px;object-fit:contain;border-radius:0;} /* Approved continuous gray footer surface with a subtle section divider. */ body.bmcase-kit.index .bmcase-footer-preview{background:#f3f3f3;border-top-color:#dedede;} /* End */ /* Start:/bitrix/templates/bmcase_deluxe_style_test/assets/bmcase-bottom-nav/preview.css?17922764011488*/ /* Native informational menu, homepage administrator preview. */ body.bmcase-kit.index .bmcase-bottom-nav{background:#fff;border-top:1px solid #ededed;padding:12px 0;font-family:Mulish,Arial,sans-serif;} body.bmcase-kit.index .bmcase-bottom-nav ul{display:flex;flex-wrap:wrap;align-items:stretch;gap:0 24px;list-style:none;margin:0;padding:0;} body.bmcase-kit.index .bmcase-bottom-nav li{margin:0;padding:0;max-width:100%;} body.bmcase-kit.index .bmcase-bottom-nav a{display:flex;align-items:center;box-sizing:border-box;min-height:48px;padding:8px 0;color:#333;font:500 14px/22px Mulish,Arial,sans-serif;text-decoration:none;overflow-wrap:break-word;} body.bmcase-kit.index .bmcase-bottom-nav a:hover,body.bmcase-kit.index .bmcase-bottom-nav a[aria-current="page"]{color:var(--bmcase-kit-primary,#663399);} body.bmcase-kit.index .bmcase-bottom-nav a:focus-visible{outline:2px solid var(--bmcase-kit-primary,#663399);outline-offset:2px;border-radius:4px;} @media(max-width:767px){body.bmcase-kit.index .bmcase-bottom-nav ul{gap:0 20px;}body.bmcase-kit.index .bmcase-bottom-nav{padding:8px 0;}} /* Match the company/contact surface; retain native navigation geometry. */ body.bmcase-kit.index .bmcase-bottom-nav{background:#f3f3f3;border-top-color:#dedede;} /* Native fixed footer bar is 55px plus 2px borders at desktop and mobile. */ body.bmcase-kit.index .bmcase-bottom-nav{padding-bottom:69px;} @media(max-width:767px){body.bmcase-kit.index .bmcase-bottom-nav{padding-bottom:65px;}} /* End */ /* Start:/bitrix/templates/bmcase_deluxe_style_test/components/dresscode/cookie.notice/.default/style.css?17922434384046*/ .cookie-notice { position: fixed; right: 18px; bottom: 76px; z-index: 9999; width: min(100%, 400px); color: #000000; background-color: #ffffff; box-shadow: 0 0 25px rgb(0 0 0 / 15%); } .cookie-notice:not(.cookie-notice--visible) { display: none; } .cookie-notice__inner { box-sizing: border-box; padding: 36px; } .cookie-notice__inner, .cookie-notice__content { display: flex; flex-direction: column; gap: 18px; } .cookie-notice__text { margin: 0; font-size: 14px; font-family: "roboto_ltregular", sans-serif; line-height: 1.5; } .cookie-notice__heading { font-size: 24px; font-family: robotobold, sans-serif; line-height: 1.4; } .cookie-notice__confirm-button { width: 100%; } @media (min-width: 1025px) { .cookie-notice { border-radius: 10px; } } @media (max-width: 1024px) and (min-width: 800px) { .cookie-notice__inner { flex-direction: row; align-items: center; } } @media (max-width: 1024px) { .cookie-notice { right: 0; bottom: 0; width: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px; } .cookie-notice__inner { padding: 24px; } .cookie-notice__inner, .cookie-notice__content { gap: 12px; } .cookie-notice__heading { font-size: 16px; } } /* Presentation-only override. Native visibility, dismissal and storage remain unchanged. */ .cookie-notice.bmcase-cookie-visual { display: none; position: fixed; box-sizing: border-box; width: min(900px, calc(100vw - 48px)); max-width: none; max-height: calc(100dvh - 48px); left: 24px; right: auto; bottom: 24px; padding: 28px 32px 30px; border: 0; border-radius: 24px; background: #f7f6f8; color: #302a35; box-shadow: 0 8px 32px rgba(45, 27, 64, .12); overflow: auto; font-family: Mulish, Arial, sans-serif; } .cookie-notice.bmcase-cookie-visual.cookie-notice--visible { display: block; opacity: 1; visibility: visible; transform: none; } .cookie-notice.bmcase-cookie-visual .cookie-notice__inner { display: block; max-width: none; margin: 0; padding: 0; } .cookie-notice.bmcase-cookie-visual .cookie-notice__content { display: block; margin: 0; padding: 0; } .cookie-notice.bmcase-cookie-visual .cookie-notice__heading { display: block; margin: 0 0 14px; padding: 0; font: 700 24px/1.3 Mulish, Arial, sans-serif; color: #302a35; text-transform: none; } .cookie-notice.bmcase-cookie-visual .cookie-notice__text { margin: 0; padding: 0; font: 400 17px/1.55 Mulish, Arial, sans-serif; color: #746b7c; } .cookie-notice.bmcase-cookie-visual .cookie-notice__text a { color: #302a35; text-decoration: underline; text-underline-offset: 3px; } .cookie-notice.bmcase-cookie-visual .cookie-notice__actions { display: flex; align-items: center; justify-content: flex-start; margin: 24px 0 0; padding: 0; } .cookie-notice.bmcase-cookie-visual .cookie-notice__confirm-button { box-sizing: border-box; width: auto; min-width: 196px; min-height: 54px; height: auto; margin: 0; padding: 14px 24px; border: 0; border-radius: 16px; background: #663399; color: #fff; box-shadow: none; font: 600 17px/1.4 Mulish, Arial, sans-serif; text-transform: none; cursor: pointer; } .cookie-notice.bmcase-cookie-visual .cookie-notice__confirm-button:hover { background: #572980; color: #fff; } .cookie-notice.bmcase-cookie-visual .cookie-notice__confirm-button:focus-visible, .cookie-notice.bmcase-cookie-visual .cookie-notice__text a:focus-visible { outline: 3px solid #a479ce; outline-offset: 4px; } @media (max-width: 600px) { .cookie-notice.bmcase-cookie-visual { left: 12px; right: 12px; bottom: 12px; width: auto; max-height: calc(100dvh - 24px); padding: 24px; border-radius: 20px; } .cookie-notice.bmcase-cookie-visual .cookie-notice__heading { font-size: 21px; } .cookie-notice.bmcase-cookie-visual .cookie-notice__text { font-size: 15px; } .cookie-notice.bmcase-cookie-visual .cookie-notice__confirm-button { width: 100%; min-height: 52px; font-size: 16px; border-radius: 14px; } } /* End */ /* Start:/bitrix/templates/bmcase_deluxe_style_test/styles.css?1769083424776*/ #footerBottom { display: none; } #rightFooter .logo img { max-width: 150px!important; } .product .name { height: 66px!important; } .product .rating { display: none; } .product .picture { height: 230px!important; line-height: 230px; } .product { height: 370px!important; } .product .tabloid { height: 100%; } @media (min-width: 1500px) { .product .price { height: 42px; } } .propExpander.expanded+.params ul { position: relative; overflow-y: auto; max-height: 500px; overflow-x: hidden; } @media (max-width: 1800px) { .product { height: 363px!important; } } @media (max-width: 400px) { #subHeader6 #logo { width: 180px; } .product .name { height: 70px!important; } } /* End */ /* Start:/bitrix/templates/bmcase_deluxe_style_test/template_styles.css?1792255732188045*/ html { -webkit-tap-highlight-color: rgb(0 0 0 / 0%); text-size-adjust: 100%; font-size: 100%; } body { margin: 0; font: normal normal 14px "roboto_ltregular", arial, sans-serif; line-height: 21px; background-color: #ffffff; -webkit-font-smoothing: antialiased; text-size-adjust: none; } img { border: 0; } input { font: normal normal 13px "roboto_ltregular", arial, sans-serif; outline: none; } input[placeholder] { text-overflow: ellipsis; } input::placeholder { text-overflow: ellipsis; } input:placeholder { text-overflow: ellipsis; } input:input-placeholder { text-overflow: ellipsis; } a:not([href]) { cursor: default; } :focus::input-placeholder { color: transparent; } :focus::placeholder { color: transparent; } :focus:placeholder { color: transparent; } :focus:input-placeholder { color: transparent; } input:focus { outline: none; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { box-shadow: 0 0 0 30px white inset !important; } #main select, #main textarea, #main input { outline: none; box-shadow: none; appearance: none; } a { outline: none; appearance: none; } h1 { display: block; margin: 0 0 24px; color: #000000; font-weight: 400; font-size: 24px; font-family: "roboto_ltregular"; line-height: 36px; text-align: left; } h2 { font-weight: 400; font-size: 18px; font-family: "roboto_ltregular"; } h3 { font-weight: 400; font-size: 16px; font-family: "roboto_ltregular"; } b, strong { font-weight: 400; font-family: robotobold; } * { box-sizing: content-box; } .clearfix::before, .clearfix::after { display: table; content: ""; } .clearfix::after { clear: both; } .loading-spinner { position: fixed; z-index: 9999; display: flex; align-items: center; justify-content: center; background-color: rgb(0 0 0 / 40%); inset: 0; } .loading-spinner:not(.loading-spinner--active) { display: none; } #topHeader { position: relative; z-index: 35; min-width: 320px; height: 30px; } .loading #topHeader { overflow: hidden; } .loading #topMenu { opacity: 0; } .bold { font-family: robotobold; } /* auth register city block */ #topService { float: right; margin: 0; padding: 0; } #topService div[id^="bx_incl_area_"] { float: left; } #topService li { float: left; margin: 0; padding: 0 12px; line-height: 30px; list-style: none; } #topService .null { display: inline-block; width: 0; height: 0; padding: 0; line-height: 0px; } #topService li:not(.null) a { display: inline-block; font: normal normal 13px "roboto_ltregular", arial, sans-serif; /* vertical-align: middle; */ text-decoration: none; transition: all 0.2s ease-in-out; } #topService li:not(.null) a:active { position: relative; top: 1px; } #topService li:not(.null) a:focus { transition: all 0.7s; } /* Sub Header */ #subHeader { z-index: 3; min-width: 320px; height: 102px; } .loading #subHeader { overflow: hidden; } #logo { position: relative; z-index: 1; float: left; width: 229px; max-height: 102px; overflow: hidden; line-height: 102px; text-align: center; } #logo a { display: block; } #logo a:active { position: relative; top: 1px; } #logo img { max-width: 100%; max-height: 102px; vertical-align: middle; } #topHeading { float: left; width: 162px; padding: 0 18px; } #topHeading .vertical { line-height: 102px; } #topHeading p { display: inline-block; margin: 0; font: normal normal 16px "roboto_ltregular", arial, sans-serif; line-height: 21px; text-align: center; vertical-align: middle; } #headerTools { float: right; height: 96px; } #headerTools .tools { margin: 0; padding: 0; list-style: none; } #headerTools .tools .icon { float: left; } #headerTools .tools .heading { display: block; font-size: 18px; text-decoration: none; } #headerTools .tools .link { font-size: 13px; text-decoration: none; transition: all 0.2s ease-in-out; } #headerTools .tools .link:active { position: relative; top: 1px; } #headerTools .tools li { float: left; margin: 0; padding: 0 18px; line-height: 102px; list-style: none; } #headerTools .tools div[id*="bx_"] { float: left; } #headerTools .wrap { display: inline-block; line-height: 21px; vertical-align: middle; } #headerTools .icon { height: 40px; margin: 0 4px; } #headerTools .nf { float: left; margin-left: 12px; } #headerTools .text { font-size: 13px; } #headerTools .icon:active { position: relative; top: 1px; } #headerTools .telephone .icon { width: 35px; } #headerTools .search .wrap { padding: 0 8px; } #headerTools .search .icon { width: 35px; margin: 0; } #headerTools .wishlist .icon { width: 36px; } #headerTools .compare .icon { width: 35px; } #headerTools .cart .icon { width: 44px; } #headerTools .cart ins { display: inline-block; margin-left: 4px; padding: 0 6px; font-size: 13px; text-align: center; text-decoration: none; border-radius: 3px; } #mainMenuContainer { height: 60px; } #topMenu .bar > a { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/menuMore.png") 0 50% no-repeat transparent; } #topHeader.color_default #topMenu .bar > a { background-image: url("/bitrix/templates/bmcase_deluxe_style_test/images/menuMore2.png"); } #changeYouCity { position: relative; display: none; min-width: 320px; padding: 18px 0; } #changeYouCity .limiter { position: relative; } #changeYouCity .heading { display: block; font-size: 21px; } #changeYouCity .list { overflow: hidden; text-align: center; } #changeYouCity .list li { float: left; width: 25%; margin-top: 12px; text-align: left; } #changeYouCity .list li a { font-size: 14px; text-decoration: none; } #changeYouCity .list li a:hover { text-decoration: underline; } #changeYouCity #cityClose { position: absolute; top: 0; right: 24px; display: block; padding: 4px 12px; font-size: 14px; text-decoration: none; } #changeYouCity #cityClose ins { display: inline-block; width: 10px; height: 10px; margin-right: 6px; } #main { /* margin-top: 24px; */ min-width: 320px; } #main .compliter { display: table; width: 100%; table-layout: fixed; border-collapse: collapse; } #left { display: table-cell; width: 355px; vertical-align: top; } #left .heading { display: block; height: 65px; padding-left: 24px; font-weight: 400; font-size: 18px; font-family: "roboto_ltregular"; line-height: 65px; text-decoration: none; } #left .heading .arrow { background-position: -27px 50%; transition: all 0.5s; } #left .heading.opened .arrow { transform: rotate(90deg); } #left .menuRolled + .collapsed { display: none; } #left .heading ins { display: inline-block; float: right; width: 27px; height: 65px; margin-right: 24px; line-height: 65px; vertical-align: middle; } #left .sideBlock .heading { height: 60px; font-size: 16px; line-height: 60px; } #left #subscribe .copy { display: block; width: 90%; margin: 12px auto; font-size: 12px; line-height: 24px; text-align: center; } #left .banner { margin-top: 24px; text-align: center; } #left .banner img { max-width: 100%; max-height: 100%; vertical-align: middle; } #right { display: table-cell; padding-left: 24px; vertical-align: top; } #brandSearch { display: none; width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; } #brandSearch td { height: 50px; line-height: 50px; } #brandSearch .label { width: 140px; } #brandSearch .label span { display: block; text-align: center; } #brandSearch .all { width: 60px; } #brandSearch .all a { display: block; text-align: center; } #brandSearch a { display: block; text-align: center; text-decoration: none; } #slider { position: relative; overflow: hidden; } #slider ul { position: relative; margin: 0; padding: 0; list-style: none; } #slider ul li { position: relative; float: left; } #slider ul li span { display: block; height: 900px; background-position: center center; background-size: cover; } #slider ul li img { display: inline-block; width: auto; margin-left: -120px; } #slider ol { position: absolute; bottom: 12px; left: 50%; } #slider ol li { float: left; width: 18px; height: 18px; margin-right: 4px; cursor: pointer; } #catalogLineList { margin-bottom: 24px; } #catalogLineList .itemRow { display: table; width: 100%; margin-bottom: 24px; border: 1px solid #e7e8ea; border-radius: 4px; border-collapse: collapse; transition: all 0.2s ease-in-out; } #catalogLineList .itemRow:hover { border: 1px solid #cccccc; } #catalogLineList .column { position: relative; display: table-cell; padding: 24px 0; vertical-align: middle; } #catalogLineList .column:first-child { width: 400px; border: 0; } #catalogLineList .column:last-child { box-sizing: border-box; width: 270px; height: 100%; padding: 24px; border-left: 1px solid #e7e8ea; } #catalogLineList .name { display: inline-block; margin-right: 12px; margin-bottom: 12px; color: #000000; font-size: 18px; text-decoration: none; transition: all 0.2s ease-in-out; } #catalogLineList .description { box-sizing: border-box; margin-bottom: 12px; padding-right: 12px; color: #888888; font-size: 12px; } #catalogLineList .prop { width: 50%; border-spacing: 0; } #catalogLineList .picture { position: relative; display: block; text-align: center; } #catalogLineList .picture img { max-width: 80%; max-height: 250px; } #catalogLineList .markerContainer { position: absolute; top: 8px; left: 8px; z-index: 22; } #catalogLineList .marker { z-index: 2; margin-bottom: 8px; padding: 3px 4px; color: #ffffff; font: normal normal 12px "roboto_ltregular", arial, sans-serif; line-height: 16px; background-color: #424242; } #catalogLineList .rating { position: relative; z-index: 2; display: inline-block; width: 79px; height: 15px; margin-top: 4px; margin-right: 12px; margin-bottom: 12px; overflow: hidden; vertical-align: middle; } #catalogLineList .rating i { position: absolute; top: 0; left: 0; display: block; width: 79px; height: 15px; background: url("/bitrix/templates/bmcase_deluxe_style_test/images/rating.svg") repeat 0 0 transparent; } #catalogLineList .rating i.m { z-index: 10; width: 0; background: url("/bitrix/templates/bmcase_deluxe_style_test/images/rating.svg") repeat 0 -15px transparent; } #catalogLineList .priceLabel { float: left; margin-right: 4px; font-size: 21px; font-family: robotobold; } #catalogLineList .price { position: relative; display: block; margin-bottom: 12px; color: #000000; font-size: 21px; font-family: robotobold; text-decoration: none; } #catalogLineList .price .measure { font-size: 16px; } #catalogLineList .price .discount { position: absolute; top: -18px; right: 0; padding-left: 4px; color: #888888; font-size: 14px; font-family: "roboto_ltregular"; } #catalogLineList .addCart { display: block; height: 60px; margin-top: 16px; margin-bottom: 12px; color: #ffffff; font-size: 18px; line-height: 60px; text-align: center; text-decoration: none; border-radius: 4px; transition: all 0.2s ease-in-out; } #catalogLineList .icon { display: inline-block; vertical-align: middle; } #catalogLineList .addCart .icon { margin-top: -6px; padding-right: 12px; } #catalogLineList .row { margin-bottom: 12px; overflow: hidden; } #catalogLineList .label { display: block; float: left; width: 45%; color: #717171; font-size: 15px; font-family: "roboto_condensedlight"; line-height: 21px; text-decoration: none; transition: all 0.2s ease-in-out; } #catalogLineList .label:hover { color: #000000; } #catalogLineList .label:nth-child(1), #catalogLineList .label:nth-child(3) { width: 55%; } #catalogLineList .label .icon { margin-top: -4px; padding-right: 6px; } #catalogLineList .article { padding: 0 12px; color: #888888; line-height: 32px; text-align: center; background-color: #f3f3f3; border-radius: 4px; } #catalogLineList .skuPropertyName { margin-bottom: 4px; color: #000000; font-size: 13px; } #catalogLineList .skuPropertyList { margin: 0 -4px; padding: 0; overflow: hidden; list-style: none; } #catalogLineList .skuProperty { margin: 12px 0; overflow: hidden; } #catalogLineList .skuProperty li { float: left; box-sizing: border-box; min-width: 35px; padding: 4px; overflow: hidden; } /* #catalogLineList .skuProperty .selected .skuPropertyLink{ position: relative; top: -2px; } */ #catalogLineList .skuProperty .disabled { display: none; } #catalogLineList .skuPropertyLink { display: block; min-width: 30px; padding: 4px 6px; color: #000000; font-size: 13px; line-height: 21px; text-align: center; text-decoration: none; border: 1px solid #dddddd; } #catalogLineList .skuPropertyList img { max-width: 100%; max-height: 100%; vertical-align: middle; } #catalogLineList .prop a { color: #000000; transition: all 0.2s ease-in-out; } #catalogLineList .oSkuDropDownProperty:first-child { margin: 0; } #catalogLineList .oSkuDropDownProperty { margin-top: 12px; overflow: visible; } #catalogLineList .oSkuDropDownProperty .oSkuDropdownListItem { float: none; box-sizing: content-box; min-width: auto; padding: 0; overflow: visible; } #catalogLineList .oSkuDropdown { position: relative; display: block; width: auto; max-width: 250px; margin-top: 4px; font-size: 13px; line-height: 13px; background-color: #ffffff; border: 1px solid #e7e8ea; border-radius: 2px; user-select: none; /* z-index: 99; */ } #catalogLineList .oSkuCheckedItem { display: block; padding: 12px 30px 12px 8px !important; color: #000000; background: url("/bitrix/templates/bmcase_deluxe_style_test/images/selectArrow.png") 97% 50% no-repeat transparent; border-radius: 4px; cursor: pointer; } #catalogLineList .oSkuCheckedItem:hover { opacity: 0.8; } #catalogLineList .oSkuCheckedItem:active { position: relative; top: 1px; } #catalogLineList .oSkuDropdown label::before, #catalogLineList .oSkuCheckboxList label::before { display: none; } #catalogLineList .oSkuDropdownList { position: absolute; top: 42px; right: 0; left: 0; z-index: 2; margin: 0 -1px; padding: 0; list-style: none; background-color: #ffffff; border: 1px solid #e7e8ea; visibility: hidden; opacity: 0; } #catalogLineList .oSkuDropdownList.opened { visibility: visible; opacity: 1; } #catalogLineList .pics .oSkuDropdownList { top: 52px; } #catalogLineList .oSkuDropdownList .skuPropertyValue { position: relative; display: block; border-top: 1px solid #e7e8ea; } #catalogLineList .oSkuDropdownList .skuPropertyValue:first-child { border-top: 0; } #catalogLineList .oSkuDropdownList .selected { color: #ffffff; font-family: robotomedium; background-color: #f9f9f9; box-shadow: 1px 1px 12px #f1f1f1 inset; cursor: pointer; opacity: 0.8; } #catalogLineList .oSkuDropdownList .skuPropertyValue:hover { color: #ffffff; background-color: #f9f9f9; cursor: pointer; opacity: 0.8; } #catalogLineList .oSkuDropdownList .oSkuPropertyItemLink { display: block; padding: 12px 8px !important; color: #000000; font-size: 13px; line-height: 18px; text-align: left; text-decoration: none; border: 0; } #catalogLineList .oSkuDropdownList .oSkuDropdownListItem.selected .oSkuPropertyItemLink { border: 0; } #catalogLineList .oSkuDropdownList .oSkuDropdownListItem.disabled { display: none; } #catalogLineList .oSkuDropdownList .skuPropertyValue:active .oSkuPropertyItemLink, #catalogLineList .oSkuDropdownList .oSkuPropertyItemLink:active { position: relative; top: 1px; } #catalogLineList .oSkuDropdownList .skuPropertyValue.loading::after { left: 24px; } #catalogTableList { margin-bottom: 24px; } #catalogTableList .itemRow { display: table; width: 100%; margin-bottom: 24px; table-layout: fixed; border: 1px solid #e7e8ea; border-radius: 4px; border-collapse: collapse; transition: all 0.2s; } #catalogTableList .itemRow:hover { border: 1px solid #cccccc; } #catalogTableList .column { display: table-cell; padding: 12px 0; text-align: center; vertical-align: middle; } #catalogTableList .column:first-child { width: 120px; } #catalogTableList .column:nth-child(2) { width: 20%; } #catalogTableList .column.out { display: none; width: 0; } #catalogTableList .picture { display: inline-block; width: 80px; height: 60px; line-height: 60px; text-align: center; } #catalogTableList .picture img { max-width: 100%; max-height: 100%; vertical-align: middle; } #catalogTableList .name { display: block; color: #000000; font-size: 13px; text-align: left; text-decoration: none; transition: all 0.2s ease-in-out; } #catalogTableList .rating { position: relative; z-index: 2; display: inline-block; width: 79px; height: 15px; margin-top: 4px; overflow: hidden; } #catalogTableList .rating i { position: absolute; top: 0; left: 0; display: block; width: 79px; height: 15px; background: url("/bitrix/templates/bmcase_deluxe_style_test/images/rating.svg") repeat 0 0 transparent; } #catalogTableList .rating i.m { z-index: 10; width: 0; background: url("/bitrix/templates/bmcase_deluxe_style_test/images/rating.svg") repeat 0 -15px transparent; } #catalogTableList .price { position: relative; display: block; color: #000000; font-size: 16px; font-family: robotobold; text-decoration: none; } #catalogTableList .price .measure { font-size: 16px; } #catalogTableList .price .discount { position: absolute; top: -18px; right: 25%; padding-left: 4px; color: #888888; font-size: 14px; font-family: "roboto_ltregular"; } #catalogTableList .addCart, #catalogTableList .more { display: inline-block; width: 130px; height: 40px; color: #ffffff; font-size: 14px; font-family: "roboto_ltregular"; line-height: 40px; text-align: center; text-decoration: none; border-radius: 4px; transition: all 0.2s ease-in-out; } #catalogTableList .addCart.requestPrice { margin-top: 0; } #catalogTableList .row { display: inline-block; text-align: center; } #catalogTableList .icon { display: inline-block; margin-top: -4px; margin-right: 4px; vertical-align: middle; } #catalogTableList .addCart .icon, #catalogTableList .more .icon { margin-top: -4px; padding-right: 4px; } #catalogTableList .label { display: block; margin-top: 8px; color: #717171; font-size: 15px; font-family: "roboto_condensedlight"; line-height: 21px; text-align: left; text-decoration: none; transition: all 0.2s ease-in-out; } #catalogTableList .label:hover { color: #000000; } #catalogTableList .article { display: inline-block; height: 32px; padding: 0 12px; overflow: hidden; color: #888888; line-height: 32px; background-color: #f3f3f3; border-radius: 4px; } #popCats { margin-top: 24px; } #popCats .sideBlockContent { padding: 12px; border-top: 0; } #popCats ul { margin: 0; padding: 0; list-style: none; } #popCats li { display: inline-block; margin-right: 8px; margin-bottom: 8px; } #popCats li span, #popCats li a { display: block; padding: 4px 12px; line-height: 21px; text-decoration: none; transition: 0.2s all ease-in-out; } #collectionList { position: relative; margin-top: 24px; overflow: hidden; } #collectionCarousel { position: relative; margin: 0 -12px; overflow: hidden; } #collectionCarousel > ul { margin: 0; padding: 0; list-style: none; } #collectionCarousel > ul li { float: left; width: 33.3131313%; } #collectionList .collection { position: relative; box-sizing: border-box; padding: 0 12px; } #collectionList .collection .wrap { padding: 12px; overflow: hidden; border-bottom: none; } #collectionList .collection .heading { height: auto; margin-bottom: 12px; padding: 0; font-weight: 700; font-size: 18px; line-height: 24px; text-decoration: none; } #collectionList .collectionDesc { font-size: 12px; line-height: 18px; } #collectionList .goTo { display: block; font-size: 14px; line-height: 50px; text-align: center; text-decoration: none; transition: background-color 0.3s, color 0.3s; } #collectionList .pic { display: block; height: 420px; margin-bottom: 18px; line-height: 420px; text-align: center; } #collectionList .pic img { max-width: 100%; max-height: 100%; vertical-align: middle; } #promoBlock, #promoBlock > div[id*="bx_"] { display: table; width: 100%; overflow: hidden; table-layout: fixed; border-collapse: collapse; } #right .heading { display: block; height: 60px; margin-bottom: 24px; padding-left: 24px; font-size: 18px; line-height: 60px; } #footer { margin-bottom: 55px; padding-top: 36px; overflow: hidden; } #footer.variant_3 #leftFooter, #footer.variant_3 #rightFooter, #footer.variant_3 #footerBottom, #footer.variant_3 .fc { background-color: #47494d; } #footer.variant_4 #leftFooter, #footer.variant_4 #rightFooter, #footer.variant_4 #footerBottom, #footer.variant_4 .fc { background-color: #f3f3f3; } #footer.variant_5 #leftFooter, #footer.variant_5 #rightFooter, #footer.variant_5 #footerBottom, #footer.variant_5 .fc { background-color: #ffffff; } #footer.variant_6 #leftFooter, #footer.variant_6 #rightFooter, #footer.variant_6 #footerBottom, #footer.variant_6 .fc { background-color: #142236; } #footer.variant_7 #leftFooter, #footer.variant_7 #rightFooter, #footer.variant_7 #footerBottom, #footer.variant_7 .fc { background-color: #24433c; } #footer.variant_8 #leftFooter, #footer.variant_8 #rightFooter, #footer.variant_8 #footerBottom, #footer.variant_8 .fc { background-color: #4e0838; } #footer.variant_5 #footerBottom { border-top: 1px solid #f1f1f1; } #footer.variant_6 #footerBottom { border-top: 1px solid rgb(255 255 255 / 10%); } #footer.variant_7 #footerBottom, #footer.variant_8 #footerBottom { border-top: 1px solid rgb(0 0 0 / 10%); } #footer.variant_4 #footerBottom { border-top: 1px solid rgb(0 0 0 / 10%); } #footer.variant_3 #footerBottom { border-top: 1px solid rgb(0 0 0 / 10%); } #footer.variant_2 #footerBottom { border-top: 1px solid rgb(0 0 0 / 10%); } #footer.variant_4 #leftFooter a, #footer.variant_5 #leftFooter a { color: #000000; } #footer.variant_4 #leftFooter a:active { position: relative; top: 1px; } #footer.variant_2 #leftFooter a { color: #ffffff; } #footer.variant_2 #leftFooter a:hover, #footer.variant_2 #leftFooter .selected { opacity: 0.8; } #footer.variant_2 #rightFooter .telephone, #footer.variant_2 #rightFooter .showMap { color: #ffffff; } #footer.variant_2 #rightFooter .showMap:hover { opacity: 0.8; } #footer.variant_3 #leftFooter .heading { border-bottom: 1px solid rgb(0 0 0 / 10%); } #footer.variant_3 #leftFooter ul li { border-top: 1px solid rgb(0 0 0 / 10%); } #footer.variant_2 #leftFooter .heading, #footer.variant_4 #leftFooter .heading, #footer.variant_5 #leftFooter .heading, #footer.variant_7 #leftFooter .heading, #footer.variant_8 #leftFooter .heading { border-bottom: 1px solid rgb(0 0 0 / 10%); } #footer.variant_2 #leftFooter ul li, #footer.variant_4 #leftFooter ul li, #footer.variant_5 #leftFooter ul li, #footer.variant_7 #leftFooter ul li, #footer.variant_8 #leftFooter ul li { border-top: 1px solid rgb(0 0 0 / 10%); } #footer.variant_2 #leftFooter ul li:first-child, #footer.variant_3 #leftFooter ul li:first-child, #footer.variant_4 #leftFooter ul li:first-child, #footer.variant_5 #leftFooter ul li:first-child, #footer.variant_7 #leftFooter ul li:first-child, #footer.variant_8 #leftFooter ul li:first-child { border-top: 0; } #footer.variant_4 #rightFooter, #footer.variant_4 #rightFooter p, #footer.variant_4 #rightFooter .list li, #footer.variant_4 #rightFooter .email { color: #000000; } #footer.variant_5 #rightFooter, #footer.variant_5 #rightFooter p, #footer.variant_5 #rightFooter .list li, #footer.variant_5 #rightFooter .email { color: #000000; } #footer.variant_2 #rightFooter, #footer.variant_2 #rightFooter p, #footer.variant_2 #rightFooter .list li, #footer.variant_2 #rightFooter .email { color: #ffffff; } #footer.variant_2 #rightFooter .email a, #footer.variant_4 #rightFooter .email a, #footer.variant_5 #rightFooter .email a { transition: all 0.2s ease-in-out; } #footer.variant_2 #rightFooter .hr, #footer.variant_4 #rightFooter .hr, #footer.variant_5 #rightFooter .hr, #footer.variant_7 #rightFooter .hr, #footer.variant_8 #rightFooter .hr { border-top: 1px solid rgb(0 0 0 / 10%); } #footer.variant_2 #footerBottom .sn .vk, #footer.variant_3 #footerBottom .sn .vk { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/snC.svg") 0 0 no-repeat transparent; } #footer.variant_4 #footerBottom .sn .vk, #footer.variant_5 #footerBottom .sn .vk { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/snW.svg") 0 0 no-repeat transparent; } #footer.variant_2 #footerBottom .sn .fb, #footer.variant_3 #footerBottom .sn .fb { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/snC.svg") -60px 0 no-repeat transparent; } #footer.variant_4 #footerBottom .sn .fb, #footer.variant_5 #footerBottom .sn .fb { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/snW.svg") -60px 0 no-repeat transparent; } #footer.variant_2 #footerBottom .sn .od, #footer.variant_3 #footerBottom .sn .od { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/snC.svg") -120px 0 no-repeat transparent; } #footer.variant_4 #footerBottom .sn .od, #footer.variant_5 #footerBottom .sn .od { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/snW.svg") -120px 0 no-repeat transparent; } #footer.variant_2 #footerBottom .sn .tw, #footer.variant_3 #footerBottom .sn .tw { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/snC.svg") -180px 0 no-repeat transparent; } #footer.variant_4 #footerBottom .sn .tw, #footer.variant_5 #footerBottom .sn .tw { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/snW.svg") -180px 0 no-repeat transparent; } #footer.variant_2 #footerBottom .sn .go, #footer.variant_3 #footerBottom .sn .go { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/snC.svg") -240px 0 no-repeat transparent; } #footer.variant_4 #footerBottom .sn .go, #footer.variant_5 #footerBottom .sn .go { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/snW.svg") -240px 0 no-repeat transparent; } #footer.variant_2 #footerBottom .sn .yo, #footer.variant_3 #footerBottom .sn .yo { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/snC.svg") -300px 0 no-repeat transparent; } #footer.variant_4 #footerBottom .sn .yo, #footer.variant_5 #footerBottom .sn .yo { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/snW.svg") -300px 0 no-repeat transparent; } #footer.variant_2 #footerBottom .sn .telegram, #footer.variant_3 #footerBottom .sn .telegram { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/snC.svg") -420px 0 no-repeat transparent; } #footer.variant_4 #footerBottom .sn .telegram, #footer.variant_5 #footerBottom .sn .telegram { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/snW.svg") -420px 0 no-repeat transparent; } #footer.variant_2 #footerBottom .sn .whatsapp, #footer.variant_3 #footerBottom .sn .whatsapp { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/snC.svg") -480px 0 no-repeat transparent; } #footer.variant_4 #footerBottom .sn .whatsapp, #footer.variant_5 #footerBottom .sn .whatsapp { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/snW.svg") -480px 0 no-repeat transparent; } #footer.variant_2 #footerBottom .sn .rutube, #footer.variant_3 #footerBottom .sn .rutube { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/snC.svg") -540px 0 no-repeat transparent; } #footer.variant_4 #footerBottom .sn .rutube, #footer.variant_5 #footerBottom .sn .rutube { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/snW.svg") -540px 0 no-repeat transparent; } #footer.variant_2 #footerBottom .sn .dzen, #footer.variant_3 #footerBottom .sn .dzen { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/snC.svg") -600px 0 no-repeat transparent; } #footer.variant_4 #footerBottom .sn .dzen, #footer.variant_5 #footerBottom .sn .dzen { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/snW.svg") -600px 0 no-repeat transparent; } #footer.variant_2 #footerBottom .sn .viber, #footer.variant_3 #footerBottom .sn .viber { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/snC.svg") -660px 0 no-repeat transparent; } #footer.variant_4 #footerBottom .sn .viber, #footer.variant_5 #footerBottom .sn .viber { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/snW.svg") -660px 0 no-repeat transparent; } #footer.variant_2 #footerBottom .sn .tiktok, #footer.variant_3 #footerBottom .sn .tiktok { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/snC.svg") -720px 0 no-repeat transparent; } #footer.variant_4 #footerBottom .sn .tiktok, #footer.variant_5 #footerBottom .sn .tiktok { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/snW.svg") -720px 0 no-repeat transparent; } #footer.variant_2 #footerBottom .sn .vk:hover, #footer.variant_3 #footerBottom .sn .vk:hover, #footer.variant_4 #footerBottom .sn .vk:hover, #footer.variant_5 #footerBottom .sn .vk:hover { background-position: 0 -60px; } #footer.variant_2 #footerBottom .sn .fb:hover, #footer.variant_3 #footerBottom .sn .fb:hover, #footer.variant_4 #footerBottom .sn .fb:hover, #footer.variant_5 #footerBottom .sn .fb:hover { background-position: -60px -60px; } #footer.variant_2 #footerBottom .sn .od:hover, #footer.variant_3 #footerBottom .sn .od:hover, #footer.variant_4 #footerBottom .sn .od:hover, #footer.variant_5 #footerBottom .sn .od:hover { background-position: -120px -60px; } #footer.variant_2 #footerBottom .sn .tw:hover, #footer.variant_3 #footerBottom .sn .tw:hover, #footer.variant_4 #footerBottom .sn .tw:hover, #footer.variant_5 #footerBottom .sn .tw:hover { background-position: -180px -60px; } #footer.variant_2 #footerBottom .sn .go:hover, #footer.variant_3 #footerBottom .sn .go:hover, #footer.variant_4 #footerBottom .sn .go:hover, #footer.variant_5 #footerBottom .sn .go:hover { background-position: -240px -60px; } #footer.variant_2 #footerBottom .sn .yo:hover, #footer.variant_3 #footerBottom .sn .yo:hover, #footer.variant_4 #footerBottom .sn .yo:hover, #footer.variant_5 #footerBottom .sn .yo:hover { background-position: -300px -60px; } #footer.variant_2 #footerBottom .sn .telegram:hover, #footer.variant_3 #footerBottom .sn .telegram:hover, #footer.variant_4 #footerBottom .sn .telegram:hover, #footer.variant_5 #footerBottom .sn .telegram:hover { background-position: -420px -60px; } #footer.variant_2 #footerBottom .sn .whatsapp:hover, #footer.variant_3 #footerBottom .sn .whatsapp:hover, #footer.variant_4 #footerBottom .sn .whatsapp:hover, #footer.variant_5 #footerBottom .sn .whatsapp:hover { background-position: -480px -60px; } #footer.variant_2 #footerBottom .sn .rutube:hover, #footer.variant_3 #footerBottom .sn .rutube:hover, #footer.variant_4 #footerBottom .sn .rutube:hover, #footer.variant_5 #footerBottom .sn .rutube:hover { background-position: -540px -60px; } #footer.variant_2 #footerBottom .sn .dzen:hover, #footer.variant_3 #footerBottom .sn .dzen:hover, #footer.variant_4 #footerBottom .sn .dzen:hover, #footer.variant_5 #footerBottom .sn .dzen:hover { background-position: -600px -60px; } #footer.variant_2 #footerBottom .sn .viber:hover, #footer.variant_3 #footerBottom .sn .viber:hover, #footer.variant_4 #footerBottom .sn .viber:hover, #footer.variant_5 #footerBottom .sn .viber:hover { background-position: -660px -60px; } #footer.variant_2 #footerBottom .sn .tiktok:hover, #footer.variant_3 #footerBottom .sn .tiktok:hover, #footer.variant_4 #footerBottom .sn .tiktok:hover, #footer.variant_5 #footerBottom .sn .tiktok:hover { background-position: -720px -60px; } #footer.variant_2 .sn li:first-child, #footer.variant_3 .sn li:first-child, #footer.variant_4 .sn li:first-child, #footer.variant_5 .sn li:first-child, #footer.variant_7 .sn li:first-child { border-left: 1px solid rgb(0 0 0 / 10%); } #footer.variant_2 .sn li, #footer.variant_3 .sn li, #footer.variant_4 .sn li, #footer.variant_5 .sn li, #footer.variant_7 .sn li { border-right: 1px solid rgb(0 0 0 / 10%); } #catalogColumn #catalogLineList .description { display: none; } #catalogColumn #catalogLineList .prop { width: 100%; } #catalogColumn #catalogTableList .column:nth-child(3), #catalogColumn #catalogTableList .column:nth-child(4) { display: none; } #catalogLine { height: 55px; margin-bottom: 24px; padding: 0 12px; line-height: 55px; border-radius: 4px; } #catalogLine .column { display: inline-block; margin-left: 12px; } #catalogLine .oFilter { display: none; margin-right: 48px; } #catalogLine .oSmartFilter .ico { display: inline-block; width: 15px; height: 11px; margin-top: -2px; padding-right: 12px; vertical-align: middle; background: url("/bitrix/templates/dresscodeV2/images/filterIco.png") 0 0 no-repeat transparent; } #catalogLine .column:first-child { margin-left: 0; } #catalogLine .column:last-child { float: right; } #catalogLine .label { display: inline-block; margin-right: 12px; } #catalogLine select { height: 30px; padding: 0 12px; border-radius: 4px; } #catalogLine .viewList { display: inline-block; overflow: hidden; vertical-align: middle; } #catalogLine .viewList .element { float: left; margin-left: 12px; } #catalogLine .viewList .element:first-child { margin-left: 0; } #catalogLine .viewList .element a { display: inline-block; width: 30px; height: 55px; vertical-align: middle; } #catalogLine .viewList .element .squares { background-position: 0 0; } #catalogLine .viewList .element .squares:hover { background-position: -30px 0; } #catalogLine .viewList .element .squares.selected { background-position: -60px 0; } #catalogLine .viewList .element .line { background-position: 0 -55px; } #catalogLine .viewList .element .line:hover { background-position: -30px -55px; } #catalogLine .viewList .element .line.selected { background-position: -60px -55px; } #catalogLine .viewList .element .table { background-position: 0 -110px; } #catalogLine .viewList .element .table:hover { background-position: -30px -110px; } #catalogLine .viewList .element .table.selected { background-position: -60px -110px; } #catalogLine .viewList .element .squares:active, #catalogLine .viewList .element .table:active, #catalogLine .viewList .element .line:active { position: relative; top: 1px; } .catalogLineSpecialTime { margin-bottom: 12px; color: #666d83; font-size: 0; line-height: 0; } .catalogLineSpecialTime .specialTimeItem { display: inline-block; box-sizing: border-box; width: 48px; height: 42px; margin-left: 2px; padding: 8px 0; overflow: hidden; line-height: 14px; text-align: center; background: #e0e0e0; border-radius: 2px; } .catalogLineSpecialTime .specialTimeItem:first-child { margin-left: 0; } .catalogLineSpecialTime .specialTimeItemValue { font-size: 14px; font-family: robotomedium; } .catalogLineSpecialTime .specialTimeItemlabel { font-size: 12px; font-family: "roboto_ltregular"; } #rowFooter { display: table; width: 100%; table-layout: fixed; } #leftFooter { display: table-cell; box-sizing: border-box; width: 60%; padding: 60px 0; vertical-align: top; } #leftFooter .footerRow { overflow: hidden; list-style: none; } #leftFooter .column { float: left; box-sizing: border-box; width: 33.33%; padding-right: 48px; } #leftFooter .heading { display: block; margin-bottom: 6px; padding-bottom: 12px; font-size: 20px; font-family: robotomedium; } #leftFooter ul { margin: 0; padding: 0; list-style: none; } #leftFooter ul li:first-child { border: 0; } #leftFooter a { display: block; padding: 6px 0; font-size: 13px; text-decoration: none; transition: 0.2s all ease-in-out; } #rightFooter { display: table-cell; box-sizing: border-box; width: 40%; padding: 60px 0 24px 24px; vertical-align: top; } #rightFooter .rightTable { width: 100%; table-layout: fixed; border-collapse: collapse; } #rightFooter .rightTable td { vertical-align: top; } #rightFooter .rightColumn { padding: 0 24px; text-align: center; } #rightFooter .rightColumn .wrap { display: inline-block; text-align: left; } #rightFooter .list { margin: 12px 0; padding: 0; list-style: none; } #rightFooter .list li { display: block; margin-bottom: 8px; font-size: 14px; line-height: 21px; list-style: none; } #rightFooter .email a { text-decoration: none; } #rightFooter p { display: block; font-size: 14px; } #rightFooter .hr { padding-top: 12px; } #rightFooter .telephone { display: block; margin-bottom: 24px; font-size: 22px; font-family: robotomedium; } #rightFooter .email { display: block; font-size: 18px; } #rightFooter .showMap { display: block; margin-top: 12px; text-decoration: underline; transition: all 0.2s ease-in-out; } #rightFooter .showMap:active { position: relative; top: 1px; } #rightFooter .logo img { max-width: 100%; max-height: 100%; vertical-align: middle; } #footerBottom { clear: both; height: 60px; overflow: hidden; line-height: 60px; } #footerBottom .creator { float: left; margin-right: 24px; } #footerBottom .creator a { display: block; line-height: 60px; } #footerBottom .creator a:active { position: relative; top: 1px; } #footerBottom .creator img { vertical-align: middle; } #footerBottom .social { float: right; } #footerBottom ul { margin: 0; padding: 0; list-style: none; } #appBasket { position: fixed; top: 0; left: 0; z-index: 1001; width: 100%; height: 100%; background: rgb(0 0 0 / 40%); transition: 0.1s all ease-in-out; } #appBasketContainer { position: absolute; top: 50%; left: 50%; width: 700px; height: 400px; margin-top: -200px; margin-left: -350px; } #appBasket .heading { position: relative; font-size: 18px; line-height: 60px; text-align: center; } #appBasket .close { position: absolute; top: 20px; right: 20px; display: block; width: 21px; height: 21px; } #appBasket .container { position: relative; overflow: hidden; } #appBasket .markerContainer { position: absolute; top: 8px; left: 8px; z-index: 2; } #appBasket .rating { position: absolute; top: 12px; right: 12px; z-index: 2; width: 79px; } #appBasket .rating i { position: absolute; top: 0; left: 0; display: block; width: 79px; height: 15px; background: url("/bitrix/templates/bmcase_deluxe_style_test/images/rating.svg") repeat 0 0 transparent; } #appBasket .rating i.m { z-index: 10; width: 0; background: url("/bitrix/templates/bmcase_deluxe_style_test/images/rating.svg") repeat 0 -15px transparent; } #appBasket .markerContainer .marker { z-index: 2; margin-bottom: 8px; padding: 3px 4px; font: normal normal 12px "roboto_ltregular", arial, sans-serif; line-height: 16px; } #appBasket .picture { position: relative; float: left; width: 300px; height: 280px; line-height: 280px; text-align: center; } #appBasket .picture:active { position: relative; top: 1px; } #appBasket .picture img { max-width: 90%; max-height: 90%; vertical-align: middle; } #appBasket .information { line-height: 280px; } #appBasket .information .wrapper { display: inline-block; line-height: 21px; vertical-align: middle; } #appBasket .name { display: block; max-width: 300px; margin-bottom: 18px; font-size: 14px; text-decoration: none; transition: 0.1s all ease-in-out; } #appBasket .price { display: block; margin-bottom: 18px; font-size: 18px; font-family: robotobold; } #appBasket .price .discount { padding-left: 8px; font-size: 14px; font-family: "roboto_ltregular"; } #appBasket .qtyBlock { margin-bottom: 18px; overflow: hidden; } #appBasket .qtyBlock .label { padding-right: 4px; } #appBasket .plus, #appBasket .minus { display: inline-block; width: 19px; height: 19px; vertical-align: middle; } #appBasket .qty { display: inline-block; box-sizing: border-box; width: 40px; height: 19px; margin: 0 2px; padding: 0 2px; font-size: 12px; text-align: center; vertical-align: middle; border: 0; } #appBasket .qty.error { border: 1px solid #ff0000; } #appBasket .sum { height: 50px; padding: 0 24px; font-size: 18px; font-family: robotobold; line-height: 50px; } #appBasket .sum .discount { padding-left: 8px; font-size: 14px; font-family: "roboto_ltregular"; } #appBasket .lower { height: 60px; overflow: hidden; line-height: 60px; } #appBasket .lower .tools { width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; } #appBasket .lower .tools .av:hover { background: unset; } #appBasket .lower tbody { vertical-align: top; } #appBasket .lower .tools td { padding: 0; } #appBasket .lower .tools .icon { width: 70px; height: 60px; line-height: 60px; text-align: center; vertical-align: top; transition: 0.1s all ease-in-out; } #appBasket .lower .tools .icon a { display: block; color: transparent; text-decoration: none; } #appBasket .lower .tools .icon .ico { display: inline-block; width: 17px; height: 16px; vertical-align: middle; } #appBasket .lower .tools .addCompare .ico { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/compare.svg") 0 0 no-repeat transparent; } #appBasket .lower .tools .addCompare.added .ico { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/compareActive.svg") 0 0 no-repeat transparent; } #appBasket .lower .tools .addWishlist .ico { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/wishlist.svg") 0 0 no-repeat transparent; } #appBasket .lower .tools .addWishlist.added .ico { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/wishlistActive.svg") 0 0 no-repeat transparent; } #appBasket .lower .tools .inStock { text-decoration: none !important; } #appBasket .lower .tools .inStock .ico { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/inStock.svg") 0 0 no-repeat transparent; border: 0 !important; } #appBasket .lower .tools .outOfStock .ico { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/outOfStock.svg") 0 0 no-repeat transparent; } #appBasket .lower .tools .onOrder .ico { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/onOrder.svg") 0 0 no-repeat transparent; } #appBasket .lower .tools .delete .ico { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/delete.svg") 0 0 no-repeat transparent; } #appBasket .lower .tools .continue { width: 50%; text-align: center; } #appBasket .lower .tools .continue, #appBasket .lower .tools .goToBasket { transition: 0.1s all ease-in-out; } #appBasket .lower .tools .continue a, #appBasket .lower .tools .goToBasket a { display: block; font-size: 14px; line-height: 60px; text-decoration: none; } #appBasket .lower .tools .continue .text, #appBasket .lower .tools .goToBasket .text { display: inline-block; margin-top: 2px; } #appBasket .lower .tools .goToBasket img { margin-top: -3px; } #appBasket .lower .tools .continue img, #appBasket .lower .tools .goToBasket img { padding-right: 12px; vertical-align: middle; } #appBasket .lower .tools .goToBasket { width: 50%; text-align: center; } #appFastView { position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; overflow: auto; background: rgb(0 0 0 / 40%); transition: 0.1s all ease-in-out; /* display: none; */ } #appFastView .appFastViewContainer { position: absolute; top: 50%; left: 50%; width: 1000px; height: 570px; margin-top: -285px; margin-left: -500px; background-color: #ffffff; box-shadow: 1px 1px 12px rgb(60 60 60 / 30%); animation-name: zoomIn; animation-duration: 0.2s; animation-fill-mode: both; } #appFastView .appFastViewColumnContainer { height: 490px; } #appFastView .appFastViewPictureColumn { position: relative; float: left; width: 336px; height: 490px; } #appFastView .appFastViewDescriptionColumn { position: relative; float: left; width: 410px; height: 100%; overflow: hidden; } #appFastView .appFastViewDescriptionColumnContainer { position: absolute; left: 24px; box-sizing: border-box; width: 100%; height: 100%; padding-top: 24px; padding-right: 24px; overflow: hidden scroll; } #appFastView .appFastViewDescriptionColumn::after { position: absolute; bottom: 0; display: block; width: 100%; height: 50px; background: linear-gradient(top, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 100%) 100%); background: linear-gradient(to bottom, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 100%) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); content: ""; pointer-events: none; } #appFastView .appFastViewInformationColumn { position: relative; float: left; box-sizing: border-box; width: 251px; height: 100%; padding: 6px 24px 0; background-color: #ffffff; border-left: 1px solid #f3f3f3; } #appFastView .markerContainer { position: absolute; top: 12px; left: 12px; z-index: 88; color: #ffffff; } #appFastView .marker { z-index: 2; margin-bottom: 8px; padding: 3px 4px; font: normal normal 12px "roboto_ltregular", arial, sans-serif; line-height: 16px; } #appFastView .appFastViewPictureSlider, #appFastView .appFastViewPictureCarousel, #appFastView .appFastViewPictureSliderItems, #appFastView .appFastViewPictureCarouselItems { position: relative; overflow: hidden; transition: left 0.2s ease-in-out; } #appFastView .appFastViewPictureSliderItems, #appFastView .appFastViewPictureCarouselItems { left: 0; } #appFastView .appFastViewPictureCarouselItems { padding-bottom: 12px; } #appFastView .appFastViewPictureCarousel { box-sizing: border-box; margin: 0 24px; padding: 0 12px 12px; } #appFastView .appFastViewPictureSliderItem, #appFastView .appFastViewPictureCarouselItem { float: left; text-align: center; } #appFastView .appFastViewPictureSliderItem { height: 380px; line-height: 380px; } #appFastView .appFastViewPictureSliderItemLayout { display: inline-block; line-height: 0; vertical-align: middle; } #appFastView .appFastViewPictureCarouselItem { height: 60px; line-height: 60px; } #appFastView .appFastViewPictureSliderItemPicture, #appFastView .appFastViewPictureCarouselItemPicture { max-width: 100%; max-height: 100%; vertical-align: middle; } #appFastView .appFastViewPictureCarouselLeftButton, #appFastView .appFastViewPictureCarouselRightButton { position: absolute; top: 50%; z-index: 99; width: 14px; height: 16px; margin-top: -14px; background: url("/bitrix/templates/bmcase_deluxe_style_test/images/carouselArrowSmall.png") 0 0 no-repeat transparent; opacity: 0.5; } #appFastView .appFastViewPictureCarouselLeftButton:hover, #appFastView .appFastViewPictureCarouselRightButton:hover { opacity: 0.8; } #appFastView .appFastViewPictureCarouselLeftButton:active, #appFastView .appFastViewPictureCarouselRightButton:active { opacity: 1; } #appFastView .appFastViewPictureCarouselLeftButton:active { left: 1px; } #appFastView .appFastViewPictureCarouselRightButton:active { right: 1px; } #appFastView .appFastViewPictureCarouselLeftButton { left: 0; } #appFastView .appFastViewPictureCarouselRightButton { right: 0; background-position: -14px 0; } #appFastView .appFastViewPictureSliderItemLink, #appFastView .appFastViewPictureCarouselItemLink { transition: all 0.2s ease-in-out; } #appFastView .appFastViewPictureSliderItemLink img { transition: all 0.2s ease-in-out; } #appFastView .appFastViewPictureSliderItemLink { position: relative; display: inline-block; height: auto; /* overflow: hidden; */ line-height: 0; } #appFastView .appFastViewPictureCarouselItemLink { position: relative; display: block; height: 60px; opacity: 0.3; } #appFastView .appFastViewPictureSliderItemLink:hover img, #appFastView .appFastViewPictureCarouselItemLink:hover { opacity: 0.9; } #appFastView .appFastViewPictureCarouselItemLink.active { position: relative; opacity: 1; pointer-events: none; } #appFastView .appFastViewPictureCarouselItemLink.active:hover { opacity: 1; } #appFastView .appFastViewPictureSliderItemLink:active, #appFastView .appFastViewPictureCarouselItemLink:active { position: relative; top: 1px; } #appFastView .appFastViewPictureCarouselItemLink.active::after { position: absolute; bottom: -4px; left: 50%; display: block; width: 20%; height: 2px; background: rgb(0 0 0 / 100%); transform: translateX(-50%); content: ""; } #appFastView .appFastViewPictureLoupe { position: absolute; top: -9999px; left: -9999px; width: 150px; height: 150px; margin-top: -75px; margin-left: -75px; background-repeat: no-repeat; border: 1px solid #000000; border-radius: 50%; cursor: crosshair; } #appFastView .appFastViewHeading { position: relative; color: #000000; font-size: 18px; line-height: 60px; text-align: center; background-color: #ffffff; border-bottom: 1px solid #f3f3f3; } #appFastView .appFastViewProductHeading { font-size: 21px; font-family: robotomedium; line-height: 33px; } #appFastView .appFastViewProductHeading a { color: #000000; text-decoration: none; transition: all 0.2s ease-in-out; } #appFastView .appFastViewProductHeading a:hover { color: #555555; } #appFastView .appFastViewProductHeading a:active { position: relative; top: 1px; } /* #appFastView .appFastViewProductHeading .appFastViewProductHeadingLinkLayout{ border-bottom: 1px solid #dddddd; padding-bottom: 4px; } */ #appFastView .appFastSkuProductPropertiesHeading, #appFastView .appFastViewProductPropertiesHeading { margin-top: 24px; font-size: 16px; } #appFastView .appFastViewProductPropertiesHeading { margin-bottom: 12px; } #appFastView .propertyTable { display: table; width: 100%; table-layout: fixed; } #appFastView .propertyTable { font-size: 13px; } #appFastView .propertyTable .propertyName, #appFastView .propertyTable .propertyValue { position: relative; display: table-cell; padding: 4px 0; overflow: hidden; vertical-align: middle; background-color: #ffffff; } #appFastView .propertyTable .propertyValue { width: 40%; padding-left: 12px; } #appFastView .propertyTable .propertyName::after { position: absolute; width: 100%; height: 13px; margin-left: 12px; border-bottom: 1px dotted #cccccc; content: ""; } #appFastView .propertyTable .propertyValue a { color: #555555; transition: all 0.2s ease-in-out; } #appFastView .propertyTable .propertyValue a:hover { color: #000000; } #appFastView .appFastViewDescription { display: none; } #appFastView .appFastViewDescription.visible { display: block; } #appFastView .appFastViewDescriptionHeading { margin-top: 24px; font-size: 16px; } #appFastView .appFastViewDescriptionText { margin-top: 12px; font-size: 13px; line-height: 21px; } #appFastView .skuPropertyList { margin: 0 0 0 -6px; padding: 0; overflow: hidden; list-style: none; } #appFastView .skuProperty { margin: 12px 0; overflow: hidden; } #appFastView .skuProperty:last-child { margin-bottom: 0 !important; } #appFastView .skuPropertyName { padding-left: 2px; font-size: 13px; } #appFastView .skuProperty li { float: left; box-sizing: border-box; min-width: 18%; margin-top: 12px; padding: 0 6px; overflow: hidden; } #appFastView .skuProperty .selected .skuPropertyLink { position: relative; pointer-events: none; } #appFastView .skuProperty .disabled { display: none; } #appFastView .skuPropertyLink { display: block; min-height: 28px; padding: 4px 6px; line-height: 28px; text-align: center; text-decoration: none; border-radius: 4px; transition: all 0.2s ease-in-out; } #appFastView .skuPropertyLink:hover { opacity: 0.8; } #appFastView .skuPropertyList img { max-width: 100%; max-height: 100%; vertical-align: middle; } #appFastView .skuProperty .selected .skuPropertyLink { border: 1px solid #ff9601; } #appFastView .skuPropertyLink { color: #000000; border: 1px solid #dddddd; } #appFastView .oSkuDropDownProperty { margin: 0; overflow: visible; } #appFastView .oSkuDropDownProperty .oSkuDropdownListItem { float: none; box-sizing: content-box; min-width: auto; margin-top: 0; padding: 0; overflow: visible; } #appFastView .oSkuDropdown { position: relative; display: block; width: 88%; margin-top: 4px; font-size: 13px; line-height: 13px; background-color: #ffffff; border: 1px solid #e7e8ea; border-radius: 2px; user-select: none; } #appFastView .oSkuCheckedItem { display: block; padding: 12px 30px 12px 8px !important; color: #000000; background: url("/bitrix/templates/bmcase_deluxe_style_test/images/selectArrow.png") 97% 50% no-repeat transparent; border-radius: 4px; cursor: pointer; } #appFastView .oSkuCheckedItem:hover { opacity: 0.8; } #appFastView .oSkuCheckedItem:active { position: relative; top: 1px; } #appFastView .oSkuDropdown label::before, #appFastView .oSkuCheckboxList label::before { display: none; } #appFastView .oSkuDropdownList { position: absolute; top: 42px; right: 0; left: 0; z-index: 2; margin: 0 -1px; padding: 0; list-style: none; background-color: #ffffff; border: 1px solid #e7e8ea; visibility: hidden; opacity: 0; } #appFastView .oSkuDropdownList.opened { visibility: visible; opacity: 1; } #appFastView .pics .oSkuDropdownList { top: 52px; } #appFastView .oSkuDropdownList .skuPropertyValue { position: relative; display: block; border-top: 1px solid #e7e8ea; } #appFastView .oSkuDropdownList .skuPropertyValue:first-child { border-top: 0; } #appFastView .oSkuDropdownList .selected { font-family: robotomedium; box-shadow: 1px 1px 12px #f1f1f1 inset; } #appFastView .oSkuDropdownList .selected, #appFastView .oSkuDropdownList .skuPropertyValue:hover { color: #ffffff; background-color: #f9f9f9; cursor: pointer; opacity: 0.8; } #appFastView .oSkuDropdownList .oSkuPropertyItemLink { display: block; min-height: 0; padding: 12px 8px !important; color: #000000; font-size: 13px; line-height: 18px; text-align: left; text-decoration: none; border: 0; } #appFastView .oSkuDropdownList .oSkuDropdownListItem.selected .oSkuPropertyItemLink { border: 0; } #appFastView .oSkuDropdownList .oSkuDropdownListItem.disabled { display: none; } #appFastView .oSkuDropdownList .skuPropertyValue:active .oSkuPropertyItemLink, #appFastView .oSkuDropdownList .oSkuPropertyItemLink:active { position: relative; top: 1px; } #appFastView .oSkuDropdownList .skuPropertyValue.loading::after { left: 24px; } #appFastView .appFastViewExit { position: absolute; top: 20px; right: 20px; display: block; width: 21px; height: 21px; background-image: url("/bitrix/templates/bmcase_deluxe_style_test/images/exit.svg"); } #appFastView .appFastViewMoreLink { position: relative; z-index: 0; display: inline-block; margin-top: 24px; margin-bottom: 24px; color: #000000; transition: all 0.2s ease-in-out; } #appFastView .appFastViewMoreLink:hover { color: #555555; } #appFastView .appFastViewMoreLink:active { position: relative; top: 1px; } #appFastView .addCart { display: block; height: 60px; margin-top: 12px; margin-bottom: 16px; color: #ffffff; font-size: 16px; line-height: 60px; text-align: center; text-decoration: none; border-radius: 6px; transition: all 0.2s ease-in-out; } #appFastView .catalogQtyBlock { box-sizing: border-box; margin-bottom: 18px; padding: 0 0 0 12px; background: #ffffff; } #appFastView .catalogQtyBlock .catalogQty { display: inline-block; width: 80px; height: 40px; font-size: 14px; vertical-align: middle; background-color: #ffffff; border: 0; } #appFastView .catalogQtyBlock { position: relative; height: 46px; padding-left: 18px; line-height: 46px; border: 1px solid #f3f3f3; border-radius: 4px; } #appFastView .catalogQtyBlock .catalogMinus, #appFastView .catalogQtyBlock .catalogPlus { position: absolute; top: 50%; width: 30px; height: 30px; background-color: #f2f2f2; background-repeat: no-repeat; background-position: 50% 50%; border-radius: 8px; transform: translate(0%, -50%); } #appFastView .catalogQtyBlock .catalogMinus { right: 54px; background-image: url("/bitrix/templates/bmcase_deluxe_style_test/images/view-basket-add-minus.png"); } #appFastView .catalogQtyBlock .catalogPlus { right: 18px; background-image: url("/bitrix/templates/bmcase_deluxe_style_test/images/view-basket-add-plus.png"); } #appFastView .catalogQtyBlock .catalogQty.error { color: #ff0000; } #appFastView .catalogQtyBlock .catalogMinus:hover, #appFastView .catalogQtyBlock .catalogPlus:hover { opacity: 0.8; } #appFastView .catalogQtyBlock .catalogMinus:active, #appFastView .catalogQtyBlock .catalogPlus:active { margin-top: 1px; } #appFastView .price { position: relative; display: block; margin-top: 12px; color: #000000; font-size: 21px; font-family: robotobold; line-height: 28px; text-decoration: none; } #appFastView .getPriceWindow { line-height: 33px; } #appFastView .priceValue { display: inline-block; padding-bottom: 8px; color: #000000; border-bottom: 1px dashed #bbbbbb; transition: all 0.2s ease-in-out; } #appFastView .priceValue:hover { color: #333333; } #appFastView .priceValue:active { position: relative; top: 1px; } #appFastView .article { margin-top: 12px; color: #888888; } #appFastView .article.hidden { display: none; } #appFastView .discount { padding-left: 4px; color: #888888; font-size: 14px; font-family: "roboto_ltregular"; } #appFastView .price .oldPriceLabel { display: block; margin-top: 6px; color: #888888; font-size: 14px; font-family: "roboto_ltregular"; text-decoration: none; } #appFastView .price .discount, #appFastView .price .discount { padding-left: 4px; color: #888888; font-size: 14px; font-family: "roboto_ltregular"; } #appFastView .icon { display: inline-block; vertical-align: middle; } #appFastView .addCart .icon { margin-top: -4px; padding-right: 12px; } #appFastView .rating { position: relative; z-index: 2; display: inline-block; width: 79px; height: 15px; margin-top: -4px; margin-left: 6px; overflow: hidden; vertical-align: middle; } #appFastView .rating i { position: absolute; top: 0; left: 0; display: block; width: 79px; height: 15px; background: url("/bitrix/templates/bmcase_deluxe_style_test/images/rating2.png") repeat 0 0 transparent; } #appFastView i.m { z-index: 10; width: 0; background: url("/bitrix/templates/bmcase_deluxe_style_test/images/rating2.png") repeat 0 -14px transparent; } #appFastView .icon { display: inline-block; vertical-align: middle; } #appFastView .appFastViewInformationColumn .row { position: relative; margin-bottom: 12px; } #appFastView .appFastViewInformationColumn .row img { margin-top: -4px; padding-right: 6px; vertical-align: middle; } #appFastView .appFastViewInformationColumn .label { color: #000000; font-size: 14px; line-height: 21px; text-decoration: none; transition: all 0.2s ease-in-out; } #appFastView .appFastViewInformationColumn a.label:hover { color: #000000; } #appFastView .appFastViewInformationColumn a.label:active { position: relative; top: 1px; } #appFastView .appFastViewInformationColumn .getStoresWindow.inStock span { padding-bottom: 2px; } .fastSpecialTime { margin-top: 12px; color: #ffffff; font-size: 0; line-height: 0; } .fastSpecialTime .specialTimeItem { display: inline-block; box-sizing: border-box; width: 48px; height: 42px; margin-left: 2px; padding: 8px 0; overflow: hidden; line-height: 14px; text-align: center; border-radius: 6px; } .fastSpecialTime .specialTimeItem:first-child { margin-left: 0; } .fastSpecialTime .specialTimeItemValue { font-size: 14px; font-family: robotomedium; line-height: 14px; } .fastSpecialTime .specialTimeItemlabel { font-size: 12px; font-family: "roboto_ltregular"; } #personalCart input[name="BuyButton"] { display: block; margin-top: 24px; margin-bottom: 24px; } #orderList, #subscribeEdit { margin-bottom: 36px; } #footerTabsCaption { height: 85px; margin-top: 24px; line-height: 85px; } #footerTabsCaption .items { overflow: hidden; text-align: center; } #footerTabsCaption .item:last-child { margin-right: 0; } #footerTabsCaption .item { display: inline-block; margin-right: 24px; vertical-align: middle; } #footerTabsCaption .item a { padding-bottom: 8px; font-size: 16px; font-family: robotobold; text-transform: uppercase; text-decoration: none; transition: all 0.2s ease-in-out; } #footerTabs { overflow: hidden; } #footerTabs .wrapper, #footerTabsCaption .wrapper { min-width: 320px; max-width: 1480px; margin: auto; } #footerTabs .tab { display: none; } #footerTabs .tab.selected { display: block; } #footerTabs .product:hover .wrap, #footerTabs .product:hover .tabloid, #personalCart .product:hover .wrap, #personalCart .product:hover .tabloid { box-shadow: none; } #footerTabs .product:hover .tabloid { border-color: transparent; } #personalCart .product:hover .tabloid { border-bottom-color: #e7e8ea; } #footerLine { position: fixed; bottom: 0; z-index: 999; width: 100%; height: 55px; line-height: 55px; /* display: none; */ } #footerLine.color_white { background-color: #ffffff; border-color: #f3f3f3; box-shadow: 1px 1px 12px rgb(0 0 0 / 25%); } #footerLine.color_theme { border-color: transparent; box-shadow: 1px 1px 12px rgb(0 0 0 / 35%); } #footerLine.color_white .item a { color: #000000; } #footerLine.color_theme .item a { color: #ffffff; opacity: 0.7; } #footerLine.color_theme .col:first-child .item a { opacity: 1; } #footerLine.color_theme .item .active { color: #ffffff; opacity: 1; } #footerLine.color_theme .item .active:hover { color: #ffffff; opacity: 0.85; } #footerLine.color_white .item a:hover, #footerLine.color_theme .col:first-child .item a:hover { opacity: 0.8; } #footerLine.color_white .item a:active { position: relative; top: 1px; } #footerLine.color_theme .col:first-child .item .callback:hover { color: #ffffff; opacity: 0.8; } #footerLine.color_white .item .compare .mark, #footerLine.color_white .item .wishlist .mark, #footerLine.color_white .item .cart .mark { color: #666666; background-color: #f6f6f6; } #footerLine.color_theme .item .compare .mark, #footerLine.color_theme .item .wishlist .mark, #footerLine.color_theme .item .cart .mark { color: #222222; background-color: #fcfcfc; } #footerLine.color_white .item .compare .icon, #footerLine.color_white .item .wishlist .icon, #footerLine.color_white .item .cart .icon { opacity: 0.8; } #footerLine.color_theme .item .compare .icon { background-image: url("/bitrix/templates/bmcase_deluxe_style_test/images/compareFooterMinC.svg"); } #footerLine.color_theme .item .wishlist .icon { background-image: url("/bitrix/templates/bmcase_deluxe_style_test/images/wishlistFooterMinC.svg"); } #footerLine.color_theme .item .cart .icon { background-image: url("/bitrix/templates/bmcase_deluxe_style_test/images/cartFooterMinC.svg"); } #footerLine.color_theme .item .callback .icon { background-image: url("/bitrix/templates/bmcase_deluxe_style_test/images/callbackFooterMinC.svg"); } #footerLine.color_white .item .compare:hover, #footerLine.color_white .item .wishlist:hover, #footerLine.color_white .item .cart:hover, #footerLine.color_white .item .compare:hover .mark, #footerLine.color_white .item .wishlist:hover .mark, #footerLine.color_white .item .cart:hover .mark { color: #000000; opacity: 1; } #footerLine.color_theme .item .compare:hover, #footerLine.color_theme .item .wishlist:hover, #footerLine.color_theme .item .cart:hover { color: #ffffff; opacity: 0.7; } #footerLine.color_white .item .compare.active:hover, #footerLine.color_white .item .wishlist.active:hover, #footerLine.color_white .item .cart.active:hover, #footerLine.color_white .item .compare.active:hover .mark, #footerLine.color_white .item .wishlist.active:hover .mark, #footerLine.color_white .item .cart.active:hover .mark { opacity: 0.8; } #footerLine .wrapper { box-sizing: border-box; padding: 0 24px; } #footerLine .col { float: left; width: 50%; } #footerLine .col:last-child { text-align: right; } #footerLine .item .callback { font-size: 14px; text-transform: uppercase; text-decoration: none; transition: all 0.2s ease-in-out; } #footerLine .item .callback .icon { display: inline-block; width: 21px; height: 24px; margin-top: -2px; margin-right: 4px; vertical-align: middle; } #footerLine .item .compare, #footerLine .item .wishlist, #footerLine .item .cart { text-transform: uppercase; } #footerLine .item .compare .mark, #footerLine .item .wishlist .mark, #footerLine .item .cart .mark { height: 20px; margin-left: 12px; padding: 2px 12px; overflow: hidden; line-height: 20px; border-radius: 4px; } #footerLine .item .compare .icon, #footerLine .item .wishlist .icon, #footerLine .item .cart .icon { display: inline-block; width: 21px; height: 24px; margin-top: -2px; margin-right: 12px; vertical-align: middle; } #footerLine .item .cart .icon { width: 26px; } #footerLine .item a { font-size: 14px; text-decoration: none; transition: all 0.2s ease-in-out; } #footerLine .item { display: inline-block; margin-right: 24px; vertical-align: middle; } #footerLine .item a:active { position: relative; top: 1px; } #footerLine .item:last-child { margin-right: 0; } #authMenu { margin-bottom: 24px; padding: 0; overflow: hidden; list-style: none; } #authMenu li { float: left; margin-right: 24px; margin-bottom: 24px; } #authMenu li:last-child { margin-right: 0; } #authMenu li a { font-size: 16px; text-transform: uppercase; text-decoration: none; transition: all 0.2s ease-in-out; } #authMenu li a:active { position: relative; top: 1px; } #authMenu li .selected { padding-bottom: 4px; font-family: robotobold; } #empty { overflow: hidden; } #empty .emptyWrapper { padding-bottom: 24px; overflow: hidden; } #empty .pictureContainer { float: left; margin-right: 24px; } #empty h3 { margin: 0; padding: 0; font-weight: 400; font-size: 16px; font-family: robotobold; text-transform: uppercase; } #empty p { font-size: 14px; } #empty a { font-size: 14px; text-decoration: none; transition: all 0.2s ease-in-out; } #empty a:active { position: relative; } #empty a img { padding-right: 12px; vertical-align: middle; } #empty .emptyTitle { margin-top: 24px; font-size: 14px; font-family: robotobold; text-transform: uppercase; } #empty .emptyMenu { margin: 24px 0; padding: 0; overflow: hidden; list-style: none; } #empty .emptyMenu li { float: left; width: 33.333333%; margin-bottom: 12px; } #empty .back { padding-bottom: 2px; } #empty .back:active { position: relative; top: 1px; } #overlap { position: fixed; top: 0; left: 0; z-index: 33; display: none; width: 100%; height: 100%; background-color: #000000; opacity: 0.8; } #searchOverlap { position: fixed; top: 0; left: 0; z-index: 98; display: none; width: 100%; height: 100%; background-color: #000000; opacity: 0.8; } #infoTabs { padding-bottom: 36px; } #infoTabs .tab { display: none; } #infoTabs .tab.selected { display: block; } #infoTabsCaption { height: 85px; line-height: 85px; } #infoTabsCaption .items { overflow: hidden; text-align: center; } #infoTabsCaption .item { display: inline-block; margin-left: 24px; vertical-align: middle; } #infoTabsCaption .item:first-child { margin-left: 0; } #infoTabsCaption .item a { padding-bottom: 8px; font-size: 16px; font-family: robotobold; text-transform: uppercase; text-decoration: none; transition: all 0.2s ease-in-out; } #catalogColumn { display: table; width: 100%; table-layout: fixed; border-collapse: collapse; } #catalogColumn #nextSection { margin-top: 0; } #catalogColumn .leftColumn { display: table-cell; width: 355px; padding-bottom: 24px; vertical-align: top; } #catalogColumn .rightColumn { display: table-cell; padding-left: 24px; vertical-align: top; } #catalogColumn #middleSlider { margin-bottom: 24px; } #catalogColumn #middleSlider .limiter { width: auto; margin: 0; padding: 0; } #nextSection .title { font-size: 14px !important; font-family: robotobold; } #catalogColumn .leftColumn .heading { display: block; height: 50px; font-weight: 400; font-size: 14px !important; font-family: robotobold; line-height: 50px; text-decoration: none; } @media all and (max-width: 1300px) { #catalogColumn #middleSlider { display: none !important; } #catalogColumn .leftColumn { width: 285px; } } @media all and (max-width: 1024px) { #catalogColumn .rightColumn, #catalogColumn .leftColumn { display: block; width: auto; } #catalogColumn .rightColumn { padding: 0; } #reformal_tab { display: none !important; } #smartFilter .heading { height: 46px; line-height: 46px; } #catalogLine .oFilter { display: inline-block; } #catalogColumn .leftColumn { padding-bottom: 0; } #catalogColumn #smartFilter { position: absolute; z-index: 9999; width: 300px; margin-top: 70px; background: #ffffff; border: 0; box-shadow: 1px 1px 12px rgb(0 0 0 / 20%); visibility: hidden; opacity: 0; pointer-events: none; } #catalogColumn #smartFilter.opened { visibility: visible; opacity: 1; /* -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; */ pointer-events: auto; } } @media all and (max-width: 1024px) { #catalogLine .oFilter { margin-right: 12px; } } /* CLASSES */ .ajaxContainer { transition: all 0.5s ease-in-out; } .ajaxContainer.loading { opacity: 0.5; } /* .mainService{ margin-top: 24px; } */ .mainService.fullBg { padding-bottom: 36px; background-color: #ffffff; } .mainService .slideContainer { position: relative; margin: 0 -12px; overflow: hidden; } .mainService .heading { display: block; height: 95px; margin-bottom: 0 !important; padding-left: 18px; color: #000000; font-size: 18px; font-family: robotobold; line-height: 95px; text-align: center; text-transform: uppercase; } .mainServiceContainer { overflow: hidden; } .mainServiceContainer .items { margin: 0; padding: 0; overflow: hidden; list-style: none; } .mainServiceContainer .item { float: left; box-sizing: border-box; padding: 0 12px; } .mainServiceContainer .item .wrap { box-sizing: border-box; padding: 0 24px; background-color: #ffffff; border: 1px solid #e7e8ea; } .mainServiceContainer .item .bigPicture { height: 200px; margin-top: 24px; line-height: 200px; text-align: center; } .mainServiceContainer .item .bigPicture a:active { position: relative; top: 1px; } .mainServiceContainer .item .bigPicture img { max-width: 100%; max-height: 100%; vertical-align: middle; transform: translate3d(0, 0, 0); transition: all 0.2s ease-in-out; } .mainServiceContainer .item .bigPicture img:hover { opacity: 0.9; } .mainServiceContainer .item .title { margin-top: 24px; } .mainServiceContainer .item .title a { display: block; height: 44px; overflow: hidden; color: #000000; font-size: 14px; line-height: 44px; text-decoration: none; transition: all 0.2s ease-in-out; } .mainServiceContainer .item .title a span { display: inline-block; line-height: 24px; vertical-align: middle; } .mainServiceContainer .item .title a:active { position: relative; top: 1px; } .mainServiceContainer .item .newsDate { margin-top: 12px; color: #888888; } .mainServiceContainer .item .newsDate .pic { margin-top: -4px; padding-right: 4px; vertical-align: middle; } .mainServiceContainer .item .description { margin-top: 12px; color: #888888; font-size: 14px; } .mainServiceContainer .item .more { display: inline-block; margin-top: 12px; margin-bottom: 24px; padding: 4px 12px; color: #ffffff; text-decoration: none; border-radius: 4px; transition: all 0.2s ease-in-out; } .mainServiceContainer .item .more:active { position: relative; top: 1px; } .mainService .btnLeft, .mainService .btnRight { position: absolute; top: 50%; z-index: 22; width: 35px; height: 70px; background: url("/bitrix/templates/bmcase_deluxe_style_test/images/slideArrowSmallBlack.svg") 0 0 no-repeat transparent; transform: translateY(-50%); } .mainService .btnLeft { left: 0; } .mainService .btnRight { right: 0; } .mainService .btnLeft:hover { background-position: -35px 0; } .mainService .btnLeft:active { background-position: -70px 0; } .mainService .btnRight { background-position: 0 -70px; } .mainService .btnRight:hover { background-position: -35px -70px; } .mainService .btnRight:active { background-position: -70px -70px; } .personal-order-info { margin-bottom: 12px; } .personalInfoLabel { margin-top: 24px; font-size: 14px; } .productList { margin: 0; padding: 0; list-style: none; border-left: 1px solid #f3f3f3; /* border-top: 1px solid #e7e8ea; */ } #homeCatalog .productList { border-top: 1px solid #f3f3f3; } .product { position: relative; float: left; box-sizing: border-box; width: 20%; height: 346px; border-right: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; } #catalog .product { width: 25%; } .product::before { position: absolute; top: -1px; left: 0; width: 100%; height: 1px; background: #e7e8ea; content: ""; } .product .btn-simple { display: none; } .product.last { /* next page */ line-height: 346px; } .product .tabloid { position: relative; z-index: 1; box-sizing: border-box; /* height: 345px; */ padding: 12px; overflow: hidden; border: 1px solid transparent; transition: box-shadow 0.3s ease-in-out, border 0.3s ease-in-out; } .product .markerContainer { position: absolute; top: 8px; left: 8px; z-index: 88; pointer-events: none; } .product .marker { z-index: 2; margin-bottom: 8px; padding: 3px 4px; font: normal normal 12px "roboto_ltregular", arial, sans-serif; line-height: 16px; border-radius: 4px; } .product .rating { position: absolute; top: 8px; right: 8px; z-index: 2; width: 79px; } .product .rating i { position: absolute; top: 0; left: 0; display: block; width: 79px; height: 15px; background: url("/bitrix/templates/bmcase_deluxe_style_test/images/rating.svg") repeat 0 0 transparent; } .product .rating i.m { z-index: 10; width: 0; background: url("/bitrix/templates/bmcase_deluxe_style_test/images/rating.svg") repeat 0 -15px transparent; } .productSpecialTime { position: absolute; top: 54px; right: 10px; z-index: 2; width: 48px; color: #666d83; font-size: 0; line-height: 0; } .productSpecialTime .specialTimeItem { display: inline-block; box-sizing: border-box; width: 48px; height: 42px; margin-top: 4px; padding: 8px 0; overflow: hidden; line-height: 14px; text-align: center; background: #e0e0e0; border-radius: 6px; } .productSpecialTime .specialTimeItem:first-child { margin-top: 0; } .productSpecialTime .specialTimeItemValue { font-size: 14px; font-family: robotomedium; line-height: 14px; } .productSpecialTime .specialTimeItemlabel { font-size: 12px; font-family: "roboto_ltregular"; } .product .name { display: block; height: 44px; margin-bottom: 12px; overflow: hidden; font-size: 14px; line-height: 44px; text-decoration: none; transition: 0.2s all ease-in-out; } .product .middle { display: inline-block; line-height: 21px; vertical-align: middle; } .product .price { display: block; margin-bottom: 12px; font-size: 18px; font-family: robotobold; text-decoration: none; } .product .price .measure { font-size: 16px; } .product .price .discount { padding-left: 4px; font-size: 14px; font-family: "roboto_ltregular"; } .product .picture { position: relative; display: block; height: 240px; line-height: 240px; text-align: center; transition: all 0.5s ease-in-out; } .product .picture img { max-width: 90%; max-height: 90%; vertical-align: middle; transform: translate3d(0, 0, 0); transition: all 0.5s ease-in-out; } .product .picture:hover img { opacity: 0.85; } .product .picture:active img { position: relative; top: 1px; } .loading .product .getFastView { pointer-events: none; } .product .getFastView, #catalogLineList .picture .getFastView { position: absolute; top: 50%; left: 50%; z-index: 2; width: 150px; /* display: none; */ height: 40px; margin-top: -20px; margin-left: -75px; color: #ffffff; font-family: "roboto_condensedlight"; line-height: 40px; text-align: center; text-decoration: none; background-color: #2b2b2b; border-radius: 4px; visibility: hidden; cursor: pointer; opacity: 0; transition: all 0.2s ease-in-out; } .product:hover .getFastView, #catalogLineList .picture:hover .getFastView { visibility: visible; /* display: block; */ opacity: 0.9; } .product .getFastView:hover, #catalogLineList .picture .getFastView:hover { opacity: 1; } .product .addCart { position: relative; display: block; box-sizing: border-box; height: 60px; padding: 0 24px; font-size: 16px; line-height: 60px; white-space: nowrap; text-align: center; text-decoration: none; border-radius: 6px; transition: all 0.2s ease-in-out; } .product .addCart.requestPrice span, .product .addCart.subscribe span, .product .addCart.disabled span, .product .addCart.added span, .product .addCart span { position: absolute; top: 50%; left: 50%; display: inline-block; transform: translate(-50%, -50%); transition: all 0.2s ease-in-out; } .product .addCart.added + .quantityContainer, .product .addCart.disabled + .quantityContainer, .product .addCart.subscribe + .quantityContainer, .product .addCart.requestPrice + .quantityContainer { display: none; } .product .addCart .icon { margin-top: -4px; padding-right: 12px; } .product .addCartContainer { position: relative; margin-top: 18px; margin-bottom: 12px; overflow: hidden; } .product .addCart.added + .quantityContainer, .product .addCart.disabled + .quantityContainer, .product .addCart.subscribe + .quantityContainer, .product .addCart.requestPrice + .quantityContainer { display: none; } .product .addCartContainer.viewed span, .product .addCartContainer:hover span { left: 0%; transform: translate(24px, -50%); } .product .addCart.added span, .product .addCart.disabled span, .product .addCart.subscribe span, .product .addCart.requestPrice span { left: 50%; transform: translate(-50%, -50%); } .product .addCartContainer:hover .quantityContainer, .product .addCartContainer.viewed .quantityContainer { transform: translateX(0); visibility: visible; opacity: 1; } .product .quantityContainer { position: absolute; top: 16px; right: 24px; transform: translateX(50px); visibility: hidden; opacity: 0; transition: all 0.2s ease-in-out; } .product .quantityContainer .quantity { display: inline-block; box-sizing: border-box; width: 28px; height: 28px; margin: 0 4px; padding: 0 2px; color: #ffffff; font-size: 12px; text-align: center; vertical-align: middle; background-color: transparent; border: 0; } .product .quantityContainer .quantity.maxQuantity { color: #ff0000; } .product .quantityContainer .plus, .product .quantityContainer .minus { display: inline-block; width: 28px; min-width: auto; height: 28px; padding: 0; vertical-align: middle; background-color: rgb(255 255 255 / 10%); border: 0; } .product .quantityContainer .minus, .product .quantityContainer .plus { background-repeat: no-repeat; background-position: 50% 50%; } .product .quantityContainer .plus { background-image: url("/bitrix/templates/bmcase_deluxe_style_test/images/basket-add-plus.png"); border-radius: 2px 2px 0 0; } .product .quantityContainer .minus { background-image: url("/bitrix/templates/bmcase_deluxe_style_test/images/basket-add-minus.png"); border-radius: 0 0 2px 2px; } .product .quantityContainer .plus:hover, .product .quantityContainer .minus:hover { background-color: rgb(255 255 255 / 15%); } .product .quantityContainer .minus:active, .product .quantityContainer .plus:active { position: relative; top: 1px; } .product .quantityContainer .plus.error, .product .quantityContainer .minus.error { background-color: #bc1414; } .product .icon { display: inline-block; vertical-align: middle; } .product .addCart .icon { margin-top: -4px; padding-right: 12px; } .product .row { box-sizing: border-box; margin-bottom: 12px; overflow: hidden; } .product .label { display: block; float: left; width: 55%; font-size: 14px; font-family: "roboto_condensedlight"; line-height: 21px; text-decoration: none; transition: all 0.2s ease-in-out; } .product .row .label:last-child { width: 45%; } .product .label .icon { margin-top: -4px; padding-right: 6px; } .inStock { color: #73b24e !important; } .inStock:hover { color: #73b24e !important; } .getStoresWindow.inStock span { border-bottom: 1px dashed #73b24e !important; cursor: pointer; } .getStoresWindow.inStock:hover span { opacity: 0.8; } .outOfStock { color: #ff0000; } .outOfStock:hover { color: #ff0000; } .product .skuPropertyList { margin: 0; padding: 0; overflow: hidden; list-style: none; } .product .skuProperty { margin: 12px 0; overflow: hidden; } .product .skuPropertyName { padding-bottom: 2px; padding-left: 2px; font-size: 13px; } .product .skuProperty li { float: left; box-sizing: border-box; min-width: 20%; padding: 4px; overflow: hidden; } .product .skuProperty .selected .skuPropertyLink { position: relative; top: 0; pointer-events: none; } .product .skuProperty .disabled { display: none; } .product .skuPropertyLink { display: block; padding: 4px; font-size: 12px; line-height: 20px; text-align: center; text-decoration: none; border-radius: 4px; } .product .skuPropertyList img { max-width: 100%; max-height: 100%; vertical-align: middle; } /* product hover */ .product:hover { position: relative; } .product:hover .tabloid { position: absolute; z-index: 3; width: 100%; height: auto; } .product:hover .nowp { overflow: visible; } .product:hover .morePhoto { display: block; } .product.last .wp { display: inline-block; width: 100%; line-height: 21px; text-align: center; vertical-align: middle; } .product.last .showMore { display: inline-block; width: 100%; text-align: center; vertical-align: middle; transition: 0.2s all ease-in-out; } .product.last .icon .iconSmall { display: none; } .product.last .icon { display: inline-block; width: 100%; height: 54px; margin-bottom: 12px; line-height: 21px; text-align: center; } .product.last .ps { font-size: 18px; } .product.last .value { padding-left: 6px; font-size: 18px; } .product.last .small { display: inline-block; width: 100%; } .item .oSkuDropDownProperty { margin: 0; overflow: visible; } .item .oSkuDropDownProperty .oSkuDropdownListItem { float: none; box-sizing: content-box; min-width: auto; padding: 0; overflow: visible; } .item .oSkuDropdown { position: relative; display: block; width: 98%; margin-top: 4px; font-size: 13px; line-height: 13px; background-color: #ffffff; border: 1px solid #e7e8ea; border-radius: 2px; user-select: none; } .item .oSkuCheckedItem { display: block; padding: 12px 30px 12px 8px !important; color: #000000; background: url("/bitrix/templates/bmcase_deluxe_style_test/images/selectArrow.png") 97% 50% no-repeat transparent; border-radius: 4px; cursor: pointer; } .item .oSkuCheckedItem:hover { opacity: 0.8; } .item .oSkuCheckedItem:active { position: relative; top: 1px; } .item .oSkuDropdown label::before, .item .oSkuCheckboxList label::before { display: none; } .item .oSkuDropdownList { position: absolute; top: 42px; right: 0; left: 0; z-index: 2; margin: 0 -1px; padding: 0; list-style: none; background-color: #ffffff; border: 1px solid #e7e8ea; visibility: hidden; opacity: 0; } .item .oSkuDropdownList.opened { visibility: visible; opacity: 1; } .item .pics .oSkuDropdownList { top: 52px; } .item .oSkuDropdownList .skuPropertyValue { position: relative; display: block; border-top: 1px solid #e7e8ea; } .item .oSkuDropdownList .skuPropertyValue:first-child { border-top: 0; } .item .oSkuDropdownList .selected { color: #ffffff; font-family: robotomedium; background-color: #f9f9f9; box-shadow: 1px 1px 12px #f1f1f1 inset; cursor: pointer; opacity: 0.8; } .item .oSkuDropdownList .skuPropertyValue:hover { color: #ffffff; background-color: #f9f9f9; cursor: pointer; opacity: 0.8; } .item .oSkuDropdownList .oSkuPropertyItemLink { display: block; padding: 12px 8px !important; color: #000000; font-size: 13px; line-height: 18px; text-align: left; text-decoration: none; border: 0; } .item .oSkuDropdownList .oSkuDropdownListItem.selected .oSkuPropertyItemLink { border: 0; } .item .oSkuDropdownList .oSkuDropdownListItem.disabled { display: none; } .item .oSkuDropdownList .skuPropertyValue:active .oSkuPropertyItemLink, .item .oSkuDropdownList .oSkuPropertyItemLink:active { position: relative; top: 1px; } .item .oSkuDropdownList .skuPropertyValue.loading::after { left: 18px; } .sideBlock .heading { padding-left: 18px; } .heading.collapsed { display: block; float: left; width: 355px; height: 50px; margin-right: 24px; overflow: hidden; color: #ffffff; font-size: 16px; line-height: 50px; text-decoration: none; } .heading.collapsed ins { display: inline-block; width: 24px; height: 50px; margin: 0 18px 0 0; padding: 0 12px; line-height: 50px; vertical-align: middle; } .mfeedback { margin-bottom: 36px; } .mfeedback .errortext, .mfeedback .mf-ok-text { font-weight: 400; font-size: 16px; } .mfeedback .mf-ok-text + form { display: none; } .mfeedback .mf-text { margin-top: 8px; font-size: 14px; } .mfeedback input, .mfeedback textarea { box-sizing: border-box; height: 48px; margin-top: 8px; padding: 0 12px; font-family: "roboto_ltregular", arial, sans-serif; border: 0; transition: all 0.2s ease-in-out; } .mfeedback textarea { height: 150px; padding-top: 12px; outline: none; resize: none; } .mfeedback input[type="submit"] { padding: 0 48px; cursor: pointer; } #userPersonalInfoReg + label::before { margin-top: -2px; } #userPersonalInfoReg.error + label::before { border: 1px solid #ff0000 !important; } .bx-auth { margin-bottom: 36px; overflow: hidden; } .bx-auth .alert { display: inline-block; margin-bottom: 24px; padding: 12px 48px; font-weight: 400; font-size: 12px; font-family: robotobold; text-transform: uppercase; } .bx-auth .alert.small { max-width: 600px; font-size: 14px; font-family: "roboto_ltregular"; line-height: 28px; } .bx-authform-label-container { margin-bottom: 8px; } .bx-auth .bx-authform-description-container { margin-bottom: 12px; } .bx-auth .bx-captcha { margin-top: 28px; } .bx-auth .bx-authform-formgroup-container { float: left; width: 450px; } .bx-auth .bx-authform-formgroup-container-line { overflow: hidden; } .bx-auth .registerText { display: block; max-width: 800px; margin-top: 0; padding-bottom: 24px; } .bx-auth input { font-size: 14px; font-family: "roboto_ltregular", arial, sans-serif; } .bx-auth .leftContainer { float: left; margin-right: 48px; } .bx-auth .rightContainer { float: left; } .bx-auth .rightContainer p { display: block; max-width: 450px; } .bx-auth input[type="checkbox"] + label, .bx-auth input[type="radio"] + label { cursor: pointer; } .bx-auth input[type="checkbox"]:not(checked), .bx-auth input[type="radio"]:not(checked) { position: absolute; opacity: 0; } .bx-auth input[type="checkbox"]:not(checked) + label, .bx-auth input[type="radio"]:not(checked) + label { position: relative; padding-left: 24px; } .bx-auth input[type="checkbox"] + label::before { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/checkBox.png") 0 0 no-repeat transparent; } .bx-auth input[type="radio"] + label::before { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/radio.png") 0 0 no-repeat transparent; } .bx-auth input[type="checkbox"]:not(checked) + label::before, .bx-auth input[type="radio"]:not(checked) + label::before { position: absolute; top: 0; left: 0; width: 17px; height: 17px; content: " "; } .bx-auth input[type="checkbox"]:not(checked) + label:hover::before, .bx-auth input[type="radio"]:not(checked) + label:hover::before { background-position: 0 -17px; } .bx-auth input[type="checkbox"]:checked + label::before, .bx-auth input[type="radio"]:checked + label::before { background-position: 0 -34px; } .bx-auth input[type="checkbox"]:checked + label:hover::before, .bx-auth input[type="radio"]:checked + label:hover::before { background-position: 0 -51px; } .bx-auth input[type="checkbox"]:disabled + label, .bx-auth input[type="radio"]:disabled + label { cursor: default; } .bx-auth input[type="checkbox"]:disabled + label::before, .bx-auth input[type="radio"]:disabled + label::before { background-position: 0 -68px !important; } .bx-auth input[type="text"], .bx-auth input[type="password"] { box-sizing: border-box; width: 420px; height: 48px; padding: 0 12px; border: 0; transition: all 0.2s ease-in-out; } .bx-auth .bx-auth-input-line:first-child { margin-top: 0; } .bx-auth .bx-auth-input-line, .bx-auth .checkbox { margin-top: 12px; } .bx-auth .rightContainer .bx-title { margin-top: 0; } .bx-auth .submit, .popup-window .btn { display: inline-block; width: 224px; height: 48px; margin-top: 12px; font-size: 14px; line-height: 48px; text-align: center; text-decoration: none; border: 0; border-radius: 6px; cursor: pointer; transition: all 0.2s ease-in-out; } .popup-window .btn { width: 100px; } .bx-auth .send .submit { margin-top: 12px; } .popup-window .btn { height: 30px; margin-top: 0; margin-left: 12px; line-height: 30px; } .bx-auth .submit:active, .popup-window .btn:active { position: relative; top: 1px; } .bx-auth .clear { display: inline-block; width: 160px; height: 48px; margin-top: 24px; margin-left: 12px; font-size: 14px; line-height: 48px; text-align: center; text-decoration: none; background: transparent; cursor: pointer; transition: all 0.2s ease-in-out; } .bx-auth .submit:active { position: relative; top: 1px; } .bx-auth .forgot, .bx-auth .registerLink { display: inline-block; margin-left: 12px; transition: all 0.2s ease-in-out; } .bx-auth .registerLink { margin-left: 0; } .blackLink, .backToIndexPage { transition: all 0.2s ease-in-out; } .catalog-item-links { margin-bottom: 12px; } .catalog-detail { margin-bottom: 12px; } .sectionTopDescription { margin-bottom: 24px; } .contactList { margin-top: 24px; margin-bottom: 24px; padding: 0; overflow: hidden; list-style: none; } .contactList li { float: left; width: 25%; } .contactList li table { width: 100%; table-layout: fixed; } .contactList li table td { text-align: left; vertical-align: middle; } .contactList li table td:first-child { width: 42px; padding-right: 12px; text-align: center; } .contactList li table td img { vertical-align: middle; } .contactList a { text-decoration: none; transition: all 0.2s ease-in-out; } .contactLabel { margin-top: 0; font-size: 16px; } .blurred { background: #ffffff; filter: blur(2px); } .copyright img { vertical-align: middle; } .sn { float: right; overflow: hidden; } .sn li { float: left; line-height: 60px; } .sn a { display: block; width: 60px; height: 60px; } .sn .vk { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/sn.svg") 0 0 no-repeat transparent; } .sn .fb { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/sn.svg") -60px 0 no-repeat transparent; } .sn .od { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/sn.svg") -120px 0 no-repeat transparent; } .sn .tw { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/sn.svg") -180px 0 no-repeat transparent; } .sn .go { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/sn.svg") -240px 0 no-repeat transparent; } .sn .yo { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/sn.svg") -300px 0 no-repeat transparent; } .sn .telegram { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/sn.svg") -420px 0 no-repeat transparent; } .sn .whatsapp { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/sn.svg") -480px 0 no-repeat transparent; } .sn .rutube { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/sn.svg") -540px 0 no-repeat transparent; } .sn .dzen { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/sn.svg") -600px 0 no-repeat transparent; } .sn .viber { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/sn.svg") -660px 0 no-repeat transparent; } .sn .tiktok { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/sn.svg") -720px 0 no-repeat transparent; } .sn .vk:hover { background-position: 0 -60px; } .sn .fb:hover { background-position: -60px -60px; } .sn .od:hover { background-position: -120px -60px; } .sn .tw:hover { background-position: -180px -60px; } .sn .go:hover { background-position: -240px -60px; } .sn .yo:hover { background-position: -300px -60px; } .sn .telegram:hover { background-position: -420px -60px; } .sn .whatsapp:hover { background-position: -480px -60px; } .sn .rutube:hover { background-position: -540px -60px; } .sn .dzen:hover { background-position: -600px -60px; } .sn .viber:hover { background-position: -660px -60px; } .sn .tiktok:hover { background-position: -720px -60px; } #upButton { position: fixed; right: 24px; bottom: 132px; z-index: 99; display: none; width: 73px; height: 73px; background: url("/bitrix/templates/bmcase_deluxe_style_test/images/up.svg") 0 0 no-repeat transparent; cursor: pointer; } #upButton:hover { background-position: -73px 0; } #upButton:active { background-position: -146px 0; } #upButton.enb { display: block; } #upButton a { display: block; } #smartFilter { margin-top: 0; } #searchSection a { color: #000000; transition: all 0.2s ease-in-out; } #searchSection a:hover { opacity: 0.7; } .clean { position: relative; padding: 0 2px; overflow: hidden; } .limiter { clear: both; min-width: 320px; max-width: 1480px; margin: auto; } .limiter .compliter > div[id*="bx_"] { display: table-cell; width: 355px; padding-right: 24px; vertical-align: top; } .limiter .compliter > div[id*="bx_"] #left { padding-right: 0; } .priceTableContainer { min-width: 320px; max-width: 1000px; overflow-x: auto; } .priceTableStyle80 { box-sizing: border-box; width: 100%; border-collapse: collapse; } .priceTableStyle80 th { padding: 12px 24px; font-weight: normal; font-family: robotomedium; background-color: #f7f7f7; border: 1px solid #e4e4e4; } .priceTableStyle80 td { padding: 12px 24px; color: #333333; text-align: left; vertical-align: middle; border: 1px solid #e4e4e4; } .mediumText { font-family: robotomedium; } .pagePicture { max-width: 100%; height: auto; } .skuPropertyValue.loading { position: relative; } .skuPropertyValue.loading img { opacity: 0; } .skuPropertyValue.loading::after { position: absolute; top: 50%; left: 50%; display: block; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; background: url("/bitrix/templates/bmcase_deluxe_style_test/images/loaderMin.gif") 50% 50% no-repeat #ffffff; content: ""; } #stores { margin-top: 24px; font-size: 13px; } #stores .wrap { box-sizing: border-box; padding: 0 24px; overflow: auto; } #stores .heading { display: block; padding: 36px 24px; font-weight: 800; font-size: 20px; font-family: robotobold; letter-spacing: 1px; text-transform: uppercase; border-top: 1px solid #efefef; } #stores .storeTable { width: 100%; table-layout: fixed; border-collapse: collapse; } #stores .storeTable tr:nth-child(odd) td { background-color: #f9f9f9; } #stores .storeTable th { padding: 12px 24px; font-weight: 400; text-align: center; background-color: #f3f3f3; } #stores .storeTable td { padding: 12px 24px; /* border-top: 1px solid #e7e8ea; */ text-align: center; } #stores .storeTable .name { width: 35%; text-align: left; } #stores .storeTable td.name { text-align: left; } #stores .storeTable .lb { display: inline-block; text-align: left; } #stores .storeTable .icon { margin-top: -4px; padding-right: 6px; vertical-align: middle; } #stores .storeTable .green { /* font-weight: 800; */ color: #73b24e; } #stores .storeTable .red { color: #ff0000; } #stores .storeTable .picture { padding-right: 12px; vertical-align: middle; } #stores .storeTable a { color: #000000; text-decoration: underline; transition: all 0.2s ease-in-out; } #stores .storeTable a:hover { color: #888888; } #stores #storeMap { box-sizing: border-box; margin-top: 24px; padding: 0 24px; } #error404 { margin-bottom: 24px; text-align: center; } #error404 h1 { margin-bottom: 24px; font-size: 48px; font-family: "roboto_thregular"; line-height: 48px; text-align: center; } #error404 .errorPic { display: block; margin-top: 48px; margin-bottom: 48px; text-align: center; transition: all 0.2s ease-in-out; } #error404 .errorPic img { max-width: 90%; max-height: 90%; } #error404 .errorPic:hover { opacity: 0.8; } #error404 .errorText { font-family: robotobold; line-height: 28px; text-transform: uppercase; } #error404 .errorText a { color: #ff9601; } #error404 #empty { margin-top: 48px; border-top: 1px solid #e5e5e5; } #error404 #empty .emptyTitle { margin-top: 48px; text-align: center; } #error404 #empty .emptyMenu a { display: inline-block; width: 250px; text-align: left; } #middleSlider img { width: 100%; } #modef { left: 370px; } .dropDownList { position: relative; display: inline-block; width: 170px; height: 32px; line-height: 32px; border: 1px solid #e7e8ea; border-radius: 2px; } .dropDownList.countElements { width: 60px; } .dropDownList .dropDownSelected { position: relative; display: inline-block; box-sizing: border-box; width: 100%; height: 34px; padding: 0 24px 0 12px; overflow: hidden; color: #888888; font-size: 13px; font-family: "roboto_ltregular"; line-height: 32px; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; border-radius: 2px; cursor: pointer; transition: all 0.2s ease-in-out; } .dropDownList .dropDownSelected:hover { opacity: 0.9; } .dropDownList .dropDownSelected::after { position: absolute; top: 50%; right: 12px; display: block; width: 9px; height: 5px; margin-top: -3px; background: url("/bitrix/templates/bmcase_deluxe_style_test/images/selectArrow.png") 50% 50% no-repeat transparent; content: ""; } .dropDownList .dropDownItems, .dropDownList select { display: none; } .dropDownList .dropDownItems { position: absolute; top: 36px; left: -1px; z-index: 99; width: 100%; border-top: 1px solid #e7e8ea; border-right: 1px solid #e7e8ea; border-left: 1px solid #e7e8ea; border-radius: 2px; } .dropDownList .dropDownItems.opened { display: block; background-color: #ffffff; } .dropDownList .dropDownItem { box-sizing: border-box; width: 100%; padding: 6px 12px; overflow: hidden; font-size: 13px; font-family: "roboto_ltregular"; line-height: 21px; white-space: nowrap; text-overflow: ellipsis; border-bottom: 1px solid #e7e8ea; border-radius: 2px; cursor: pointer; transition: all 0.2s ease-in-out; } .dropDownList .dropDownItem:hover { background-color: #f4f4f4; opacity: 0.9; } .dropDownList .dropDownItem.selected { font-family: robotomedium; background-color: #f4f4f4; cursor: unset; } .banner-animated .image { transform: translate3d(30px, 0, 0); opacity: 0; transition: all 0.6s 0.4s ease-in-out; } .banner-animated.banner-image-load .image { transform: translate3d(0, 0, 0); opacity: 1; } .slider_middle #slider ul li span, .slider_middle #slider .limiter { height: 800px; } .slider_small #slider ul li span, .slider_small #slider .limiter { height: 600px; } .slider_middle #slider ul li span, .slider_small #slider ul li span { background-position: 50% 0; } @media all and (max-width: 1920px) { .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster { height: 540px; } .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster { height: 420px; } } @media all and (max-width: 1600px) { .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster { height: 450px; } .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster { height: 380px; } #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster { height: 550px; } } @media all and (max-width: 1366px) { .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster { height: 480px; } .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster { height: 350px; } } @media all and (max-width: 1300px) { .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster { height: 420px; } .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster { height: 420px; } } @media all and (max-width: 1200px) { .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster { height: 400px; } .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster { height: 400px; } } @media all and (max-width: 1100px) { .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster { height: 380px; } .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster { height: 380px; } } @media all and (max-width: 1024px) { .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster { height: 350px; } .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster { height: 350px; } } @media all and (max-width: 850px) { .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster { height: 300px; } .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster { height: 300px; } } @media all and (max-width: 700px) { .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster { height: 280px; } .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster { height: 280px; } } @media all and (max-width: 660px) { .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster { height: 260px; } .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster { height: 260px; } } @media all and (max-width: 480px) { .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster { height: 220px; } .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster { height: 220px; } } body.panels_white #homeCatalog .captionList { box-sizing: border-box; background-color: transparent; } body.panels_white #homeCatalog .caption { border-left: 1px solid #e7e8ea; } body.panels_white #homeCatalog .caption:not(.selected):hover { background-color: #fbfbfb; } body.panels_white #homeCatalog .caption.selected a { color: #ffffff; } body.panels_white #homeCatalog .caption a { color: #000000; transition: all 0.5s ease-in-out; } body.panels_white #homeCatalog .captionList .cItem:first-child { margin-left: -1px; } body.panels_white #homeCatalog #captionCarousel { margin-left: -1px; background-color: #ffffff; border-right: 1px solid #e7e8ea; border-left: 1px solid #e7e8ea; } body.panels_white #left .sideBlock .heading { color: #000000; background-color: #ffffff; border: 1px solid #e7e8ea; } body.panels_white #serviceBlock .sideBlockContent, body.panels_white #collectionBlock .sideBlockContent, body.panels_white #left #subscribe .sideBlockContent { border-top: 0; } body.panels_white #left #subscribe .heading { border-right: 0; border-left: 0; } body.panels_white #right #popSection .heading, body.panels_white #right #brandList .heading { box-sizing: border-box; color: #000000; background-color: #ffffff; border: 1px solid #e7e8ea; } body.panels_white #homeCatalog #captionCarousel::before { background: linear-gradient(left, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 100%) 100%); background: linear-gradient(to right, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 100%) 100%); } @media all and (min-width: 1024px) { .menuContainerColor.color_white #mainMenuContainer { background-color: #ffffff; border-top: 1px solid #f6f6f6; border-bottom: 1px solid #f6f6f6; } .menuContainerColor.color_gray #mainMenuContainer { background-color: #fbfbfb; border-top: 1px solid #f6f6f6; border-bottom: 1px solid #f6f6f6; } .menuContainerColor.color_white #mainMenuContainer #mainMenu > li:first-child, .menuContainerColor.color_gray #mainMenuContainer #mainMenu > li:first-child { border-left: 1px solid #f6f6f6; } .menuContainerColor.color_theme #mainMenuContainer #mainMenu > li:first-child { border-color: rgb(255 255 255 / 10%); } .menuContainerColor.color_theme #mainMenuContainer #mainMenu > li { border-color: rgb(255 255 255 / 10%); } .menuContainerColor.color_white #mainMenuContainer #mainMenu > li:hover { background-color: #fbfbfb; } .menuContainerColor.color_gray #mainMenuContainer #mainMenu > li:hover { background-color: #ffffff; } .menuContainerColor.color_white #mainMenuContainer #mainMenu > li a, .menuContainerColor.color_gray #mainMenuContainer #mainMenu > li a, .menuContainerColor.color_white #mainMenuContainer #mainMenu > li a:hover, .menuContainerColor.color_gray #mainMenuContainer #mainMenu > li a:hover { color: #000000; } .menuContainerColor.color_theme #mainMenuContainer #mainMenu > li > a, .menuContainerColor.color_theme #mainMenuContainer #mainMenu > li > a:hover { color: #ffffff; } .menuContainerColor.color_white #menuCatalogSection, .menuContainerColor.color_gray #menuCatalogSection { border-left: 1px solid #f6f6f6; } .menuContainerColor.color_theme #menuCatalogSection { border-color: rgb(255 255 255 / 10%); } .menuContainerColor.color_white #menuCatalogSection .catalogButton { color: #000000; background-color: #ffffff; } .menuContainerColor.color_gray #menuCatalogSection .catalogButton { color: #000000; background-color: #fbfbfb; } .menuContainerColor.color_white #menuCatalogSection .catalogButton:hover, .menuContainerColor.color_theme #menuCatalogSection .catalogButton:hover, .menuContainerColor.color_gray #menuCatalogSection .catalogButton:hover { opacity: 0.8; } .menuContainerColor.color_white #mainMenu .removedItemsLink .removedItemsList, .menuContainerColor.color_gray #mainMenu .removedItemsLink .removedItemsList { background-color: #fbfbfb; } .menuContainerColor.color_white #mainMenu .removed, .menuContainerColor.color_gray #mainMenu .removed { border-top: 1px solid #ffffff; } .menuContainerColor.color_theme #mainMenu .removed { border-color: rgb(255 255 255 / 10%); } .menuContainerColor.color_theme #mainMenu .removed:hover a { color: #ffffff; } .menuContainerColor.color_white #mainMenu .removed:hover, .menuContainerColor.color_gray #mainMenu .removed:hover { background-color: #ffffff; } .menuContainerColor.color_white #mainMenu .removedItemsLink > a, .menuContainerColor.color_gray #mainMenu .removedItemsLink > a { background-image: url("/bitrix/templates/bmcase_deluxe_style_test/images/menuSlicedIconW.svg"); } .menuContainerColor.color_white #menuCatalogSection .catalogButtonImage, .menuContainerColor.color_gray #menuCatalogSection .catalogButtonImage { background-image: url("/bitrix/templates/bmcase_deluxe_style_test/images/catalogButtonW.svg"); } .menuContainerColor.color_white #menuCatalogSection .sectionMenuArrow, .menuContainerColor.color_gray #menuCatalogSection .sectionMenuArrow { background-image: url("/bitrix/templates/bmcase_deluxe_style_test/images/sectionMenuArrowW.svg"); } } @media all and (max-width: 1800px) { body.panels_white #right .heading { border-bottom: 0; } } @media all and (max-width: 1000px) { #error404 .errorText { display: none; } } .pilink { color: #888888; text-decoration: none; transition: all 0.2s ease-in-out; } .pilink:hover { opacity: 0.7; } .pilink:active { position: relative; top: 1px; } .clear { clear: both; } .hidden { display: none; } .hiddenZone { display: none; } .addCart.loading, .addCart.loading:hover { background-image: url("/bitrix/templates/bmcase_deluxe_style_test/images/loader-38px.svg") !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; opacity: 0.9 !important; transition: none !important; pointer-events: none !important; } .addCart:active { position: relative; top: 1px; } @media all and (min-width: 700px) { #catalog.alone-item .product { width: 50%; } } @media all and (min-width: 870px) { #catalog.alone-item .product { width: 33.333%; } } @media all and (min-width: 1220px) { #catalog.alone-item .product { width: 25%; } } @media all and (min-width: 1520px) { #catalog.alone-item .product { width: 20%; } } @media all and (max-width: 1920px) { #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster { height: 690px; } } @media all and (max-width: 1800px) { .product { height: 341px; } .product.last { line-height: 340px; } .product .tabloid { /* height: 340px; */ } .product .picture { height: 230px; line-height: 230px; } .product .name { margin-bottom: 2px; } .product .price .discount { display: block; height: 16px; margin-top: 6px; padding: 0; font-size: 13px; line-height: 16px; } #popSection .item { height: 150px; } #popSection .tabloid { padding: 6px; } #popSection .picture { height: 90px; line-height: 90px; } #popSection .nameWrap { height: 32px; line-height: 32px; } #popSection .name { line-height: 16px; } #popSection .last { line-height: 150px; } #brandList .item { height: 96px; line-height: 96px; } #brandList .picture { height: 72px; line-height: 72px; } #catalogColumn .product { width: 25%; } .addCart.requestPrice { margin-top: 30px; } } @media all and (max-width: 1600px) { #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster { height: 650px; } #slider .sliderContent, #slider .leftContainer { left: 72px; } #slider .rightContainer { right: 48px; left: unset; } #slider .centerContainer { left: 50%; transform: translateX(-50%) translateY(-50%) !important; } } @media all and (max-width: 1500px) { #footerTabs .wrapper, #footerTabsCaption .wrapper, .limiter { box-sizing: border-box; margin: 0 24px; } #newsContainer .column { width: 100%; } #newsContainer .column .item { overflow: hidden; } #newsContainer .column .item .bigPicture { float: left; width: 30%; margin-right: 48px; } .global-information-block, .global-information-block.fixed .global-information-block-hide-scroll-cn { width: 250px !important; } } @media all and (max-width: 1450px) { .product .addCart { padding: 0 12px; } .product .addCartContainer.viewed span, .product .addCartContainer:hover span { transform: translate(18px, -50%); } .product .addCart.added span, .product .addCart.subscribe span, .product .addCart.requestPrice span { transform: translate(-50%, -50%); } .product .addCartContainer:hover .addCart.added .icon, .product .addCartContainer:hover .addCart.subscribe .icon, .product .addCartContainer:hover .addCart.requestPrice .icon { width: auto; height: auto; margin-top: -4px; padding-right: 12px; visibility: visible; opacity: 1; } .product .addCartContainer.viewed .addCart .icon, .product .addCartContainer:hover .addCart .icon { width: 0; height: 0; margin: 0; padding: 0; visibility: hidden; opacity: 0; transition: all 0.4s ease-in-out; } .product .quantityContainer { top: 18px; right: 18px; } .product .quantityContainer .plus, .product .quantityContainer .minus, .product .quantityContainer .quantity { width: 24px; height: 24px; } } @media all and (max-width: 1400px) { #catalogColumn #catalogLineList .description { display: none; } #catalogColumn #catalogLineList .prop { width: 100%; } .mainServiceContainer .item .wrap { padding: 0 18px; } .mainServiceContainer .item .bigPicture { height: 140px; margin-top: 18px; line-height: 140px; } .mainServiceContainer .item .title { margin-top: 18px; } .mainServiceContainer .item .title a { height: 32px; line-height: 32px; } .mainServiceContainer .item .title a span { line-height: 16px; } } @media all and (max-width: 1366px) { #catalogLineList .column:first-child { width: 300px; } .contactList li { width: 50%; margin-bottom: 24px; } .mfeedback input, .mfeedback textarea, div.mf-name input, div.mf-email input, div.mf-message textarea { width: 100%; } .mfeedback input[type="submit"] { width: 200px; } #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster { height: 518px; } } @media all and (max-width: 1300px) and (min-width: 1024px) { .product:nth-child(4n + 1).last { width: 100%; height: 70px; line-height: 70px; } .product:nth-child(4n + 1).last .icon { display: none; } .product:nth-child(4n + 1).last .small { display: none; } } @media all and (max-width: 1300px) { .product { width: 25%; height: 341px; } #logo { width: 196px; } #topService .city { display: none; } #headerTools .wishlist .nf { display: none; } #headerTools .compare .nf { display: none; } #footer .nav > li { width: 33.313131%; } #footer .nav > li:last-child { display: none; } #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster { height: 420px; } #footer .rightTable .leftColumn { display: none; } #rightFooter { width: 23%; } #empty .emptyMenu li { width: 50%; } #modef { left: 301px; } #slider .sliderContent .bigText, #slider .sliderContent .bigTextColor, #slider .sliderContent .bigTextLight, #slider .sliderContent .bigTextLightColor { font-size: 36px; line-height: 42px; } #slider .sliderContent .mediumText, #slider .sliderContent .mediumTextColor, #slider .sliderContent .mediumTextLight { font-size: 24px; line-height: 30px; } #slider .sliderContent .smallText, #slider .sliderContent .smallTextColor, #slider .sliderContent .smallTextLight { font-size: 14px; line-height: 21px; } #slider .sliderContent { max-width: 400px; } #slider .sliderContent br { display: none; } #slider .sliderContent, #slider .leftContainer { left: 24px; } #slider .rightContainer { right: 24px; left: unset; } #slider .centerContainer { left: 50%; transform: translateX(-50%) translateY(-50%); } #catalogColumn .product { width: 33.33333%; } #catalog .product { width: 33.33333%; } } @media all and (min-width: 1281px) { .global-content-block + div[id*="bx_"] { display: table-cell; width: 290px; } } @media all and (max-width: 1280px) { .global-block-container { min-height: auto !important; } .global-block-container .global-information-block { display: none; } #homeCatalog .captionList { height: 55px; line-height: 55px; } } @media all and (max-width: 1200px) { #footerLine .col:first-child { width: 30%; } #footerLine .col:last-child { float: right; width: 70%; } #footerLine .col:first-child .item:nth-child(1n + 2) { display: none; } #catalogLineList .column:last-child, #catalogLineList .itemRow { display: block; } #catalogLineList .column:first-child { width: 40%; } #catalogLineList .column:nth-child(2) { width: 60%; } #catalogLineList .column:first-child, #catalogLineList .column:nth-child(2) { float: left; } #catalogLineList .column:last-child { clear: both; width: 100%; height: 60px; padding: 0; line-height: 60px; border: 0; } #catalogLineList .resizeColumn { float: left; width: 30%; text-align: center; } #catalogLineList .column .resizeColumn.last { width: 40%; text-align: right; } #catalogLineList .column:last-child .priceLabel { display: inline-block; float: none; padding-left: 24px; } #catalogLineList .column:last-child .price { display: inline-block; margin: 0; } #catalogLineList .column:last-child .addCart { display: inline-block; width: auto; height: 40px; margin: 9px auto; padding: 0 24px; font-size: 14px; line-height: 40px; } #catalogLineList .column:last-child .optional { margin: 9px 0 0; font-size: 14px; } #catalogLineList .column:last-child .optional .row { margin-bottom: 4px; padding: 0; } #catalogLineList .column:last-child .optional .label { width: 50%; font-size: 14px; text-align: left; } #catalogLineList .column:last-child .priceLabel { display: none; } #catalogLineList .column:last-child .article { display: none; } #catalogTableList .column:nth-child(7) { display: none; } #catalogLineList .column:last-child { background-color: #f9f9f9; } #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster { height: 400px; } } @media all and (max-width: 1150px) { #catalogColumn .product { width: 50%; } #catalog .product { width: 50%; } } @media all and (max-width: 1100px) { #catalogLineList .description { display: none; } #catalogLine .column:last-child .label { display: none; } #catalogLineList .prop { width: 100%; } #catalogTableList .column:nth-child(4) { display: none; } #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster { height: 380px; } } @media all and (max-width: 1300px) and (min-width: 1000px) { .product:nth-child(4n + 1).last { width: 100%; height: 70px; line-height: 70px; } .product:nth-child(4n + 1).last .icon { display: none; } .product:nth-child(4n + 1).last .small { display: none; } } @media all and (max-width: 1000px) and (min-width: 790px) { .product:nth-child(3n + 1).last { width: 100%; height: 70px; line-height: 70px; } .product:nth-child(3n + 1).last .icon { display: none; } .product:nth-child(3n + 1).last .small { display: none; } } @media all and (max-width: 1024px) and (min-width: 790px) { #brandList .item:nth-child(4n + 1).last { width: 100%; height: 70px; line-height: 70px; } #brandList .item:nth-child(4n + 1).last .icon { display: none; } #brandList .item:nth-child(4n + 1).last .small { display: none; } } @media all and (max-width: 1024px) and (min-width: 790px) { #popSection .item:nth-child(4n + 1).last { width: 100%; height: 70px; line-height: 70px; } #popSection .item:nth-child(4n + 1).last .icon { display: none; } #popSection .item:nth-child(4n + 1).last .small { display: none; } } @media all and (max-width: 1024px) { #catalog-section-banners { display: none !important; } #colorSwitcher { display: none !important; } #slider .sliderBtnRight, #slider .sliderBtnLeft { display: none; } #mainMenuContainer .minCatalogButton { display: block; } #mainMenuContainer { height: auto; background: transparent; } #mainMenuContainer .limiter { margin: 0; } #mainMenu { display: none; height: auto; } #mainMenu li { float: none; line-height: 21px; } #mainMenu li:first-child { border: 0; } #mainMenu li a { display: block; padding: 18px 24px; } #middleSlider { display: none !important; } #menuCatalogSection { display: none; } #bestsellers { margin-top: 0; } #footer .top .left, #headerTools .nf, .product:hover .fastShow { display: none; } /* .drop{ display: none !important; } */ #smartFilter .heading { cursor: pointer; } #nextSection ul { display: none; } #nextSection { border: none; } #nextSection .title { position: relative; padding-left: 12px; font-family: "roboto_ltregular"; text-align: left; text-transform: none; background-color: #f8f8f8; border: none; cursor: pointer; } #nextSection .title::before { position: absolute; top: 0; right: 0; width: 42px; height: 100%; background: #efefef url("/bitrix/templates/bmcase_deluxe_style_test/images/catalogIco2.png") center center no-repeat; content: ""; } #smartFilterForm .slider { display: none; } #modef { display: none !important; } #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster { height: 350px; } .product .getFastView, #catalogLineList .picture .getFastView { display: none !important; } #appFastView { display: none !important; } #fastViewStores { display: none !important; } a.inStock span { border: 0 !important; } #slider ol { display: none; } #slider .slideVideo { display: none; } #slider .videoPoster { display: block; } .templateSwitcherSettings, .templateSwitcher { display: none !important; } .product { width: 25%; height: 301px; } .product.last { line-height: 300px; } .product .tabloid { /* height: 300px; */ } .product .picture { height: 195px; line-height: 195px; } .productSpecialTime { top: 30px; } #homeCatalog .captionList { height: 50px; line-height: 50px; } #homeCatalog .captionBtnRight, #homeCatalog .captionBtnLeft { display: none !important; } #homeCatalog .caption a { font-size: 14px; } #homeCatalog #captionCarousel { position: relative; } #catalogColumn .product { width: 25%; } } @media all and (max-width: 1024px) { #rowFooter, #leftFooter, #leftFooter .column, #rightFooter { display: block; width: 100%; padding: 0; } #leftFooter { box-sizing: border-box; padding: 24px; } #leftFooter .column { box-sizing: border-box; margin-bottom: 12px; } #leftFooter .column:last-child { margin-bottom: 0; } #leftFooter .heading { position: relative; margin: 0; padding: 18px 12px; font-weight: 400; font-size: 14px; font-family: "roboto_ltregular"; line-height: 16px; text-align: left; text-transform: uppercase; background-color: rgb(0 0 0 / 3.2%); border: 0; border-radius: 4px; cursor: pointer; } #footer.variant_4 #leftFooter .heading, #footer.variant_5 #leftFooter .heading { color: #000000; } #footer.variant_2 #leftFooter .heading, #footer.variant_3 #leftFooter .heading, #footer.variant_4 #leftFooter .heading, #footer.variant_5 #leftFooter .heading, #footer.variant_7 #leftFooter .heading, #footer.variant_8 #leftFooter .heading { border: 0; } #leftFooter .heading:not(.noTabs)::after { position: absolute; top: 0; right: 12px; bottom: 0; display: block; width: 25px; height: 25px; margin: auto; background-color: transparent; background-image: url("/bitrix/templates/bmcase_deluxe_style_test/images/mobile-tab-show.svg"); background-repeat: no-repeat; background-position: 50% 50%; border-radius: 25px; content: ""; } #leftFooter .heading.active::after { background-image: url("/bitrix/templates/bmcase_deluxe_style_test/images/mobile-tab-hide.svg"); } #leftFooter .heading + ul { display: none; box-sizing: border-box; margin-top: 12px; padding: 0 12px; } #rightFooter { box-sizing: border-box; padding: 24px 0; } #rightFooter .rightTable { display: block; } #rightFooter .leftColumn, #rightFooter .rightColumn { display: block; box-sizing: border-box; padding: 0 24px; } #rightFooter .rightColumn { padding-top: 18px; text-align: left; } #footer .rightTable .leftColumn { display: block; } #rowFooter { display: table; font-size: 0; } #leftFooter, #rightFooter { display: table-cell; width: 50%; font-size: 14px; vertical-align: top; } #footerBottom .social { float: none; margin: 0; padding: 0; overflow-x: scroll; } #footerBottom ul { display: inline-block; white-space: nowrap; } #footerBottom .sn { float: none; } #footerBottom .sn li { display: inline-block; float: none; vertical-align: middle; } } @media all and (max-width: 1000px) { .product { width: 33.33333%; } #catalogColumn .product { width: 33.33333%; } #catalog .product { width: 33.33333%; } #popSection .picture img { max-width: 75%; max-height: 75%; } #brandList .picture img { max-width: 70%; max-height: 70%; } .bx-auth .rightContainer .bx-title { margin-top: 12px; } } @media all and (max-width: 850px) { #topHeading { display: none; } #catalogLineList .column:last-child .priceLabel, #catalogLineList .column:last-child .price { font-size: 18px; } #headerTools .nf { display: none; } #catalogLine .column:last-child .label { display: none; } #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster { height: 340px; } #modef { display: none !important; } #catalogLine .column:nth-child(3) { display: none; } #catalogLine .column:nth-child(3) { display: none; } #footerLine .col:first-child { display: none; } #footerLine .col:last-child { float: left; width: 100%; text-align: center; } } @media all and (max-width: 800px) { #slider .sliderContent .bigText, #slider .sliderContent .bigTextColor, #slider .sliderContent .bigTextLight, #slider .sliderContent .bigTextLightColor { font-size: 24px; line-height: 30px; } #slider .sliderContent .mediumText, #slider .sliderContent .mediumTextColor, #slider .sliderContent .mediumTextLight { font-size: 18px; line-height: 24px; } #slider .sliderContent .smallText, #slider .sliderContent .smallTextColor, #slider .sliderContent .smallTextLight { font-size: 14px; line-height: 21px; } .mainService .slideContainer { margin: 0 -2px; } .mainServiceContainer .item { padding: 0 2px; } .mainServiceContainer .item .bigPicture { height: 110px; line-height: 110px; } .mainServiceContainer .item .wrap { padding: 0 12px; } .mainServiceContainer .item .more { margin-bottom: 18px; } } @media all and (max-width: 790px) and (min-width: 600px) { .product:nth-child(2n + 1).last { width: 100%; height: 70px; line-height: 70px; } .product:nth-child(2n + 1).last .icon { display: none; } .product:nth-child(2n + 1).last .small { display: none; } } @media all and (max-width: 790px) and (min-width: 500px) { #popSection .item:nth-child(3n + 1).last { width: 100%; height: 70px; line-height: 70px; } #popSection .item:nth-child(3n + 1).last .icon { display: none; } #popSection .item:nth-child(3n + 1).last .small { display: none; } } @media all and (max-width: 790px) and (min-width: 360px) { #brandList .item:nth-child(3n + 1).last { width: 100%; height: 70px; line-height: 70px; } #brandList .item:nth-child(3n + 1).last .icon { display: none; } #brandList .item:nth-child(3n + 1).last .small { display: none; } } @media all and (max-width: 790px) { .product { width: 50%; } #catalogColumn .product { width: 50%; } #catalog .product { width: 50%; } #popSection .item { width: 33.33333%; } #brandList .item { width: 33.33333%; } #homeCatalog .caption { border: none; } } @media all and (max-width: 750px) { #rowFooter { display: block; } #leftFooter, #rightFooter { display: block; width: 100%; } #rightFooter .rightTable td { text-align: left; } } @media all and (max-width: 700px) { #mainMenuContainer .minCatalogButton { padding-left: 12px; } #slider ul li span, #slider .limiter, #slider .videoPoster { height: 200px; } #footerTabs .wrapper, #footerTabsCaption .wrapper, .limiter { margin: 0; padding: 0 12px; } #footer .limiter { margin: 0; padding: 0 12px; } #main .limiter { box-sizing: border-box; padding: 0 12px; } #mainMenuContainer .limiter { padding: 0; } #topMenu { margin-left: 12px; } #logo { border-right: 0; } #topSearch form { box-sizing: border-box; } #footer .top { box-sizing: border-box; padding: 0 12px; } #footer .bottom { box-sizing: border-box; padding: 0 12px; } #footer .bottom .left { width: 60px; } #flushFooterCart .item:nth-child(1) { display: none; } .copyright img { display: none; } .copyright { display: block; width: 60px; height: 60px; background: url("/bitrix/templates/bmcase_deluxe_style_test/images/sn.svg") -360px -0 no-repeat transparent; } .copyright:hover { background-position: -360px -60px; } #catalogLineList .resizeColumn { width: 40%; } #catalogLineList .column .resizeColumn.last { width: 20%; } #catalogLineList .column:last-child .optional .label { width: 100%; } #catalogLineList .column:last-child .optional .label:first-child { display: none; } #catalogLineList .column:last-child .priceLabel { display: none; } #catalogTableList .column:nth-child(8) { display: none; } #appBasket { display: none !important; } #overlap { display: none !important; } .blurred { filter: blur(0) !important; } #upButton { display: none !important; } #newsContainer .column .item .bigPicture { float: none; width: 100%; } #catalogSection .sectionItems .item .itemContainer .description { display: none; } div.mf-name, div.mf-email, div.mf-captcha, div.mf-message { width: 100%; } .product .row:first-child { display: none; } #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster { height: 320px; } .product { width: 50%; height: auto; } body .product:hover .tabloid { position: relative; border-color: transparent; box-shadow: none; } .product.last { line-height: 328px; } .product .btn-simple { display: inline-block; font-size: 13px; } .product .tabloid { height: 100%; } .product:hover .tabloid { height: 100%; } .product .picture { height: 180px; line-height: 180px; } .product .optional { display: none; } .product .skuProperty { display: none; } .product .addCart { display: none; } .product .name { display: flex; height: 36px; line-height: normal; } .product .middle { line-height: 18px; } .product .price { margin-bottom: 6px; font-size: 14px; } .product .price .measure { font-size: 14px; } .product .markerContainer { top: 6px; left: 6px; max-height: 48px; overflow: hidden; } .product .marker { margin-bottom: 2px; } .product .getPricesWindow .priceIcon { display: none; } .product .rating { display: none; } .productSpecialTime { display: none; } .productTable { display: flex; flex-direction: column; gap: 12px; } .productColImage { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding-right: 0; } .productColText { display: table-cell; vertical-align: middle; } .product.last .icon { height: 33px; margin-bottom: 6px; } .product.last .icon .iconBig { display: none; } .product.last .icon .iconSmall { display: inline-block; } .mainService .btnLeft, .mainService .btnRight { position: absolute; top: 50%; z-index: 22; width: 24px; height: 48px; background: url("/bitrix/templates/bmcase_deluxe_style_test/images/slideArrowMicro.png") 0 0 no-repeat transparent; transform: translateY(-50%); } .mainService .btnLeft:hover { background-position: -24px 0; } .mainService .btnLeft:active { background-position: -48px 0; } .mainService .btnRight { background-position: 0 -48px; } .mainService .btnRight:hover { background-position: -24px -48px; } .mainService .btnRight:active { background-position: -48px -48px; } .product .addCartContainer { display: none; } .product .price .discount { margin-top: 2px; } .product .name { margin-bottom: 2px; } } @media all and (max-width: 660px) { #footer { padding-top: 0; } div[id*="bigdata_recommended_"], #footerTabsCaption, #footerTabs, #footerTabs .tab { display: none !important; } #headerTools .tools .compare, #headerTools .tools .wishlist { display: none; } #catalogLineList .column { width: 50%; } #catalogLineList .prop { display: none; } #catalogLineList .column .resizeColumn { width: 50%; } #catalogLineList .column .resizeColumn.last { display: none; } #catalogTableList .column:nth-child(1) { display: none; } #catalogTableList .column:nth-child(2) { width: auto; padding-left: 24px; } .contactList li { width: 100%; margin-bottom: 24px; } #empty .emptyMenu li { width: 100%; } #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster { height: 300px; } #catalogLine .label { display: none; } } @media all and (max-width: 600px) { .product .picture { height: 170px; line-height: 170px; } .product.last { line-height: 318px; } #popSection .item { height: 170px; } #popSection .nameWrap { height: 48px; line-height: 48px; } #popSection .last .value, #popSection .last .ps { font-size: 16px; } #brandList .last .ps, #brandList .last .value, #popSection .last .small { font-size: 14px; } #homeCatalog #captionCarousel::before { position: absolute; top: 0; right: 0; z-index: 2; width: 80px; height: 100%; background: linear-gradient(left, rgb(43 43 43 / 0%) 0%, rgb(43 43 43 / 100%) 100%); background: linear-gradient(to right, rgb(43 43 43 / 0%) 0%, rgb(43 43 43 / 100%) 100%); content: ""; pointer-events: none; } .catalogLineSpecialTime { display: none; } #footerBottom .creator { display: none; } } @media all and (max-width: 525px) { #catalogLine .column:first-child { float: left; } #catalogLine .column:nth-child(2) { float: right; } #catalogLine .column:last-child { display: none; } } @media all and (max-width: 500px) { .top-auth-personal, .top-auth-exit, .top-auth-login, .top-auth-register { position: absolute; top: 100px; border: none !important; } .top-auth-personal, .top-auth-login { left: 12px; } .top-auth-exit { left: 120px; } .top-auth-register { left: 52px; } #headerTools { padding-right: 12px; border: none; } #headerTools .telephone { position: absolute; top: 103px; right: 0; padding: 0; line-height: 21px !important; border: none !important; } #headerTools .telephone .callBack { display: none; } #headerTools .telephone .nf { display: block; float: none; margin: 0; } #headerTools .telephone .nf .heading { display: none; } #headerTools .telephone .nf .heading:first-child { display: block; color: #000000; font-size: 14px; font-family: robotomedium; } #headerTools .tools li { border: none !important; } #headerTools .tools .cart { padding: 0; } #topService, #topHeader.color_theme #topMenu, #topHeader.color_theme #topService, #topHeader.color_black #topMenu, #topHeader.color_black #topService { border: none; } #topHeader.color_theme #topService li, #topHeader.color_black #topService li, #topService li { padding: 0; border: none; } #logo { height: 75px; line-height: 75px; border: none; } #headerTools .tools li { line-height: 75px; } #topMenu { margin-left: 0; } .user-geo-position { padding-right: 12px; text-align: right; } #topSearch input[type="text"] { padding-left: 6px; } #topService li a { color: #888888; } #panel { position: fixed; z-index: 9999; } #logo { text-align: left; } #topHeader #topMenu { border: none; } #topSearch input[type="text"] { font-size: 14px; } #topSeachCloseForm { font-size: 13px; } .product .picture { height: 160px; line-height: 160px; } .product.last { line-height: 308px; } #subHeader #logo { padding-left: 12px; } #popSection .item { width: 50%; height: 150px; } #popSection .nameWrap { height: 32px; line-height: 32px; } #popSection .item:nth-child(2n + 1).last { width: 100%; height: 95px; line-height: 95px; } } @media all and (max-width: 480px) { #brandList .heading { padding-bottom: 24px; } #homeCatalog .captionList .limiter { padding: 0; } #leftFooter .column { width: 100%; } .sn { display: none; } #catalogTableList .column:first-child { width: auto; } #catalogTableList .column:nth-child(2) { margin-top: 0; padding-left: 0; } #catalogTableList .column { display: block; text-align: center; } #catalogTableList .column:nth-child(1) { display: block; margin-top: 24px; } #catalogTableList .name { text-align: center; } #catalogTableList .price .discount { right: 48px; } #catalogTableList .addCart, #catalogTableList .more { margin: 0; } #slider { width: 100%; } #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster { height: 250px; padding: 0; } #slider .sliderContent { right: unset; left: unset; box-sizing: border-box; width: 100%; padding-left: 24px; text-shadow: 1px 1px 10px #ffffff; transform: translate(0%, -50%); } #slider .sliderContent br { display: none; } #slider ul li span { opacity: 1; transition: 1s filter linear; } #slider ul li span:hover { transform: scale(1); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0'); filter: blur(0); } #slider .sliderContent .cButtonLight, #slider .sliderContent .cButton { height: 35px; margin-top: 12px; padding: 0 12px; line-height: 35px; text-shadow: none; } #slider .sliderContent .bigText, #slider .sliderContent .bigTextColor, #slider .sliderContent .bigTextLight { margin-top: 6px; } #slider .sliderContent .mediumText, #slider .sliderContent .mediumTextColor, #slider .sliderContent .mediumTextLight { margin-top: 6px; line-height: 21px; } #slider .sliderContent .bigText, #slider .sliderContent .bigTextColor, #slider .sliderContent .bigTextLight, #slider .sliderContent .bigTextLightColor { font-size: 21px; line-height: 24px; } #slider .sliderContent .smallText, #slider .sliderContent .smallTextColor, #slider .sliderContent .smallTextLight { display: none; } #slider .whiteColor { text-shadow: 1px 1px 12px #000000; } #leftFooter .column { padding-right: 0; } #footerBottom .creator { float: none; text-align: center; } #homeCatalog .captionList .cItem:first-child .caption { border-left: none; } #homeCatalog .captionBtnRight { right: -12px; } #homeCatalog .captionBtnLeft { left: -12px; } } @media all and (max-width: 450px) { .user-geo-position-label { display: none; } .product .name { font-size: 12px; } } @media all and (max-width: 400px) { #logo { width: 150px; } .product .picture { height: 150px; line-height: 150px; } .product.last { line-height: 298px; } #catalogLine .oFilter { margin-right: 0; } #catalogLine { height: 32px; padding: 0; line-height: 32px; border: none; } #catalogColumn #smartFilter { margin-top: 42px; } #flushFooterCart .item:nth-child(2) .textLabel { display: none; } #flushFooterCart .item:nth-child(2) .icon { margin-right: 6px; } } @media all and (max-width: 360px) { #brandList .item { width: 50%; } #brandList .item:nth-child(2n + 1).last { width: 100%; height: 70px; line-height: 70px; } #brandList .last .ps, #brandList .last .value, #popSection .last .small { font-size: 13px; } #catalogLine .oSmartFilter.btn-simple.btn-micro { min-width: 94px; } #headerTools .tools li { border-left: none; } #logo { width: 120px; } .mainServiceContainer .item .bigPicture { height: 95px; margin-top: 12px; line-height: 95px; } .mainServiceContainer .item .title { margin-top: 12px; } .mainServiceContainer .item .more { margin: 6px 0 12px; } .mainServiceContainer .item .title a { height: 30px; line-height: 30px; } .mainServiceContainer .item .title a span { font-size: 13px; line-height: 15px; } } @media all and (max-width: 300px) { #headerTools .tools .telephone { display: none !important; } } #ORDER_CONFIRM_BUTTON { height: 50px !important; line-height: 50px !important; text-shadow: none !important; } .addCart.disabled { cursor: default; pointer-events: none; } .addCart.requestPrice { background-color: #2b2b2b !important; cursor: pointer !important; pointer-events: auto !important; } .addCart.requestPrice:hover { opacity: 0.8 !important; } .addCart.requestPrice:active { position: relative; top: 1px; } .sale_order_full_table input[name="BuyButton"], .sale_order_full_table input[type="submit"] { height: 50px; padding: 0 48px; line-height: 50px; text-decoration: none; border: 0; cursor: pointer; transition: all 0.2s ease-in-out; } div.bx-debug-summary { z-index: 99999 !important; } .appZoomContainerExit { position: absolute; top: -38px; right: -38px; width: 38px; height: 38px; background: url("/bitrix/templates/bmcase_deluxe_style_test/images/exitWindow.png") 0 0 no-repeat transparent; } .appZoomContainerExit:hover { background-position: 0 -38px; } .appZoomContainerExit:active { background-position: 0 -76px; } #appZoomWindow .appZoomContainer { transition: all 0.2s ease-in-out; } #appZoomWindow .appZoomContainer.loading { min-width: 100px; min-height: 100px; background: url("/bitrix/templates/bmcase_deluxe_style_test/images/windowLoader.gif") 50% 50% no-repeat transparent; } .quickBuy.disabled { /* pointer-events: none; */ cursor: not-allowed; } .quickBuy.disabled:hover { color: #717171; } .quickBuy.disabled:active { top: 0; } .getPricesWindow { cursor: pointer !important; transition: all 0.2s ease-in-out; } .getPricesWindow:hover { color: #444444; } .getPricesWindow:active { position: relative; top: 1px; } .getPricesWindow .priceIcon { display: inline-block; width: 21px; height: 21px; margin-top: -2px; margin-right: 10px; vertical-align: middle; background: url("/bitrix/templates/bmcase_deluxe_style_test/images/priceInfo.png") 0 0 no-repeat transparent; } .getPricesWindow .priceIcon:hover { background-position: 0 -21px; } .getPricesWindow .priceIcon:active { background-position: 0 -42px; } .global-block-container { display: table; width: 100%; table-layout: fixed; border-collapse: collapse; } .global-content-block, .global-information-block { display: table-cell; vertical-align: top; } .global-information-block { position: relative; width: 280px; padding-left: 24px; overflow: hidden; } .global-information-block.fixed .global-information-block-cn { position: fixed; top: 0; width: 280px; padding-top: 24px; overflow: hidden; } .global-information-block-hide-scroll { width: 320px; max-height: 100vh; padding-right: 24px; overflow: auto; } .global-information-block-hide-scroll-cn { width: 280px; } .global-information-block.max-scroll .global-information-block-cn { position: absolute; top: auto; bottom: 0; } .questions-answers .h2 { margin: 18px 0; } .question-answer-wrap { margin-bottom: 12px; padding: 0 18px 0 24px; color: #000000; font-size: 14px; line-height: 24px; border: 1px solid #f3f3f3; transition: all 0.2s ease-in-out; } .question-answer-wrap:last-child { margin-bottom: 0; } .question-answer-wrap:hover { box-shadow: 0 0 7px 0 rgb(0 0 0 / 5%); } .questions-answers-list .question { position: relative; padding: 24px 0; padding-right: 120px; cursor: pointer; } .questions-answers-list .open-answer { position: absolute; top: 50%; right: 6px; width: 110px; height: 25px; margin-top: -12px; overflow: hidden; } .questions-answers-list .open-answer span { position: absolute; top: 0; left: 0; display: block; height: 25px; color: #000000; font-size: 13px; line-height: 25px; transition: all 0.3s linear; } .questions-answers-list span.hide-answer-text { top: -25px; } .questions-answers-list .active span.hide-answer-text { top: 0; } .questions-answers-list .active span.open-answer-text { top: 25px; } .questions-answers-list .open-answer-btn { position: absolute; top: 0; right: 0; width: 25px; height: 25px; background: url("/bitrix/templates/bmcase_deluxe_style_test/images/question-arrow.png") center center / contain no-repeat; transition: all 0.3s linear; } .questions-answers-list .active .open-answer-btn { transform: rotate(-180deg); } .questions-answers-list .answer { display: none; padding: 24px 0; color: #888888; border-top: 1px solid #efefef; } @media screen and (max-width: 800px) { .questions-answers-list .answer { padding: 0 12px; } .questions-answers-list .question { padding: 12px 36px 12px 0; line-height: 20px; } .questions-answers-list .answer { padding: 12px 0; line-height: 20px; } .questions-answers-list .open-answer { right: 0; } .questions-answers-list .open-answer span { display: none; } } .information-heading { margin-bottom: 12px; font-size: 21px; font-family: robotomedium; } .information-text { box-sizing: border-box; padding-right: 12px; color: #555555; } .information-list-item { margin-top: 24px; padding: 12px; border: 1px solid #f1f1f1; border-radius: 2px; } .information-item-icon { width: 42px; padding-right: 24px; } .information-list-item a { color: #000000; text-decoration: none; transition: all 0.2s ease-in-out; } .information-list-item a:hover { color: #777777; } .information-list-item a:active { position: relative; top: 1px; } .information-feedback-container { margin-top: 24px; } .information-feedback { display: block; padding: 18px 12px; font-size: 16px; text-align: center; text-decoration: none; transition: all 0.1s ease-in-out; } .information-feedback:active { position: relative; top: -1px; } .tb { display: table; width: 100%; table-layout: fixed; border-collapse: collapse; } .tc { display: table-cell; vertical-align: middle; } #catalog-section-banners { display: none; clear: both; margin: 0 0 24px; overflow: hidden; } #catalog-section-banners ul { margin: 0; padding: 0; } #catalog-section-banners ul > li { float: left; width: 0; list-style: none; } #catalog-section-banners ul > li:first-child { width: auto; } #catalog-section-banners li img { width: 100%; } #catalog-section-banners ol { position: absolute; bottom: 12px; left: 50%; margin: 0; padding: 0; list-style: none; } #catalog-section-banners ol { position: absolute; bottom: 12px; left: 50%; } #catalog-section-banners ol li { float: left; width: 18px; height: 18px; margin-right: 4px; background: url("/bitrix/templates/bmcase_deluxe_style_test/images/slideButtonSect.svg") 0 0 no-repeat transparent; cursor: pointer; } #catalog-section-banners ol li:hover { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/slideButtonSect.svg") -18px 0 no-repeat transparent; } #catalog-section-banners ol li:active { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/slideButtonSect.svg") -36px 0 no-repeat transparent; } #catalog-section-banners ol li.selected { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/slideButtonSect.svg") -54px 0 no-repeat transparent; } #catalog-section-banners ol li.selected:hover { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/slideButtonSect.svg") -72px 0 no-repeat transparent; } #catalog-section-banners ol li.selected:active { background: url("/bitrix/templates/bmcase_deluxe_style_test/images/slideButtonSect.svg") -90px 0 no-repeat transparent; } #catalog-section-banners .catalog-section-banners-btn-left, #catalog-section-banners .catalog-section-banners-btn-right { position: absolute; top: 50%; display: block; width: 30px; height: 60px; margin-top: -30px; background: url("/bitrix/templates/bmcase_deluxe_style_test/images/slideArrowSect.svg") no-repeat transparent; } #catalog-section-banners .catalog-section-banners-btn-left { left: 0; background-position: 0 0; } #catalog-section-banners .catalog-section-banners-btn-left:hover { background-position: -30px 0; } #catalog-section-banners .catalog-section-banners-btn-left:active { background-position: -60px 0; } #catalog-section-banners .catalog-section-banners-btn-right { right: 0; background-position: 0 -60px; } #catalog-section-banners .catalog-section-banners-btn-right:hover { background-position: -30px -60px; } #catalog-section-banners .catalog-section-banners-btn-right:active { background-position: -60px -60px; } .bx-sls .quick-location-tag, .bx-slst .quick-location-tag { color: #23527c !important; } .list-advantages { max-width: none; margin: 18px -12px 24px; font-size: 0; line-height: 0; } .list-advantages .list-item { display: inline-block; box-sizing: border-box; width: 350px; max-width: 100%; padding: 12px; vertical-align: top; } .list-advantages .tc { vertical-align: top; } .list-advantages .image { width: 74px; } .list-advantages .text-wrap { color: #000000; font-size: 14px; } .list-advantages .name { max-height: 40px; margin-bottom: 6px; overflow: hidden; font-size: 16px; font-family: robotomedium; line-height: 20px; } .list-advantages .descr { max-height: 32px; overflow: hidden; line-height: 16px; } .processing { position: relative; pointer-events: none; } .processing > * { opacity: 0.4; transition: opacity 0.3s ease-in-out; } .processing::after { position: absolute; inset: 0; background: url("/bitrix/templates/bmcase_deluxe_style_test/images/spin.svg") 50% 50% no-repeat; content: " "; } #colorSwitcher { position: fixed; top: 50%; right: 0; z-index: 99999; width: 192px; height: 450px; margin-top: -175px; text-align: center; background-color: #ffffff; box-shadow: 1px 1px 12px rgb(0 0 0 / 40%); transform: translateX(192px); transition: all 0.5s ease-in-out; } #colorSwitcher:hover { transform: translateX(0); } #colorSwitcher .settingTouch { position: absolute; left: -50px; width: 50px; height: 50px; line-height: 50px; text-align: center; background-color: #000000; transition: all 0.2s ease-in-out; } #colorSwitcher .settingTouch:hover { background: #2b2b2b; } #colorSwitcher .settingTouchPicture { display: inline-block; width: 24px; height: 24px; vertical-align: middle; background: url("/bitrix/templates/bmcase_deluxe_style_test/images/setting.png") 50% 50% no-repeat transparent; transition: all 0.4s ease-in-out; } #colorSwitcher:hover .settingTouchPicture { transform: rotate(360deg); } #colorSwitcher .title { margin-top: 12px; font-family: robotobold; text-align: center; text-transform: uppercase; } #colorSwitcher .items { margin-top: 12px; overflow: hidden; text-align: center; } #colorSwitcher .item { float: left; width: 48px; height: 48px; margin-bottom: 12px; margin-left: 12px; } #colorSwitcher .menuSelect { margin-top: 12px; } #colorSwitcher .menuSelect select { box-sizing: border-box; width: 85%; height: 35px; padding: 0 12px; outline: none; } #colorSwitcher .menuSelect option { padding: 12px 0; } #colorSwitcher .close { display: inline-block; margin-top: 8px; padding: 0 24px; color: #ffffff; line-height: 30px; text-align: center; text-decoration: none; background-color: rgb(0 0 0 / 80%); border-radius: 4px; transition: all 0.2s ease-in-out; } #colorSwitcher .close:hover { background-color: rgb(0 0 0 / 100%); } #colorSwitcher .item a { display: block; width: 48px; height: 48px; border-radius: 50%; transition: all 0.2s ease-in-out; } #colorSwitcher .selected a { background-image: url("/bitrix/templates/bmcase_deluxe_style_test/images/check.png"); background-repeat: no-repeat; background-position: 50% 50%; } #colorSwitcher .item .color1 { background-color: #ff9601; } #colorSwitcher .item .color1:hover { background-color: #ffb800; } #colorSwitcher .item .color2 { background-color: #fb9bad; } #colorSwitcher .item .color2:hover { background-color: #f3889d; } #colorSwitcher .item .color3 { background-color: #ff855f; } #colorSwitcher .item .color3:hover { background-color: #e77652; } #colorSwitcher .item .color4 { background-color: #daa550; } #colorSwitcher .item .color4:hover { background-color: #e4a540; } #colorSwitcher .item .color5 { background-color: #b15b49; } #colorSwitcher .item .color5:hover { background-color: #a05a4b; } #colorSwitcher .item .color6 { background-color: #f44336; } #colorSwitcher .item .color6:hover { background-color: #d42d20; } #colorSwitcher .item .color7 { background-color: #acce11; } #colorSwitcher .item .color7:hover { background-color: #94b20e; } #colorSwitcher .item .color8 { background-color: #27c148; } #colorSwitcher .item .color8:hover { background-color: #19cc3f; } #colorSwitcher .item .color9 { background-color: #27bfc1; } #colorSwitcher .item .color9:hover { background-color: #25ccce; } #colorSwitcher .item .color10 { background-color: #3498db; } #colorSwitcher .item .color10:hover { background-color: #2395e1; } #colorSwitcher .item .color11 { background-color: #2a65d0; } #colorSwitcher .item .color11:hover { background-color: #0d57dc; } #colorSwitcher .item .color12 { background-color: #0061b2; } #colorSwitcher .item .color12:hover { background-color: #006ac2; } #colorSwitcher .item .color13 { background-color: #c651d0; } #colorSwitcher .item .color13:hover { background-color: #d75ee1; } #colorSwitcher .item .color14 { background-color: #c12752; } #colorSwitcher .item .color14:hover { background-color: #c61c4b; } #colorSwitcher .item .color15 { background-color: #ed1c24; } #colorSwitcher .item .color15:hover { background-color: #ff232b; } .colorSwitcherLoader { position: fixed; inset: 0; z-index: 9999; display: none; width: 100%; height: 100%; margin: auto; text-align: center; background-color: rgb(0 0 0 / 40%); } .colorSwitcherLoader svg { position: absolute; top: 50%; left: 50%; display: none; width: 180px; height: 180px; margin: auto; margin-top: -120px; overflow: visible; } .colorSwitcherLoader.visible svg { display: block; } .bx-soa-pp-company { z-index: 1 !important; } .sale_order_full_table input[name="BuyButton"] { margin-bottom: 24px; } #bx-soa-order * { box-sizing: border-box !important; } .contactAddress { max-width: 160px; } .microdata { display: none; } .btn-simple-wrap { margin-top: 14px; } .btn-simple { position: relative; display: inline-flex; gap: 8px; align-items: center; justify-content: center; box-sizing: border-box; min-width: 200px; padding: 21px 24px 19px; color: #ffffff; font-size: 14px; font-family: "roboto_ltregular"; line-height: 18px; text-align: center; text-decoration: none; border: 1px solid transparent; border-radius: 4px; cursor: pointer; transition: background 0.2s ease-in-out, border 0.2s ease-in-out; } .btn-simple:active { top: 1px; } .btn-simple.btn-black { background: #2d2d2d; border-color: #2d2d2d; } .btn-simple.btn-black:hover { background: #202020; border-color: #202020; } .btn-simple.btn-black-border { color: #000000; background: transparent; border-color: #aaaaaa; } .btn-simple.btn-black-border:hover { background: transparent; border-color: #000000; } .btn-simple.btn-medium { padding: 16px 24px 14px; } .btn-simple.btn-small { min-width: 126px; padding: 12px 8px 10px; } .btn-simple.btn-micro { min-width: 114px; padding: 6px 8px 4px; } .btn-simple.add-cart { min-width: 90px; padding: 4px 8px 3px; color: #000000; background: transparent; border-color: #e7e8ea; } .btn-simple.add-cart:hover { background: transparent; border-color: #000000; } .btn-simple.add-cart.disabled { opacity: 0.5; pointer-events: none; } .active-link { display: inline-block; color: #000000; font-size: 14px; font-family: robotobold; text-transform: uppercase; text-decoration: none; border-bottom: 1px dashed #000000; cursor: pointer; transition: all 0.2s ease-in-out; } .active-link:active { position: relative; top: 1px; } .inactive-link { display: inline-block; color: #888888; font-size: 14px; font-family: robotobold; text-transform: uppercase; text-decoration: none; cursor: pointer; transition: all 0.2s ease-in-out; } .inactive-link:active { position: relative; top: 1px; } .text-link { display: inline-block; color: #3b3732; text-decoration: none; vertical-align: middle; cursor: pointer; transition: all 0.2s ease-in-out; } .text-link:active { position: relative; top: 1px; } .big-text-link { display: inline-block; color: #3b3732; font-size: 16px; text-decoration: none; vertical-align: middle; cursor: pointer; transition: all 0.2s ease-in-out; } .big-text-link:active { position: relative; top: 1px; } .link-dashed { display: inline-block; color: #000000; font-size: 14px; font-family: "roboto_ltregular"; text-decoration: none; border-bottom: 1px dashed #000000; cursor: pointer; transition: all 0.2s ease-in-out; } .link-dashed:active { position: relative; top: 1px; } .theme-link-dashed { display: inline-block; font-size: 14px; font-family: "roboto_ltregular"; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dashed; cursor: pointer; transition: all 0.2s ease-in-out; } .theme-link-dashed:active { position: relative; top: 1px; } .tabs-wrap { margin: 24px 0; } .tabs-wrap .tabs-links { font-size: 0; } .tabs-wrap .tab-link { display: inline-block; font-size: 14px; vertical-align: top; } .tabs-wrap .tab-link:active { top: 1px; } .tabs-wrap .tab-link:last-child { margin-right: 0; } .tabs-wrap .tab-btn-link { position: relative; display: inline-block; box-sizing: border-box; min-width: 126px; margin: 0 6px 6px 0; padding: 12px 14px 10px; color: #888888; font-size: 14px; font-family: "roboto_ltregular"; line-height: 18px; text-align: center; text-decoration: none; border: 1px solid #e7e8ea; border-radius: 2px; cursor: pointer; transition: background 0.2s ease-in-out, color 0.2s ease-in-out, border 0.2s ease-in-out; } .tabs-wrap .tab-dashed-link { position: relative; display: inline-block; margin: 0 30px 6px 0; color: #888888; font-size: 14px; font-family: robotobold; text-transform: uppercase; text-decoration: none; border-bottom: 1px dashed transparent; cursor: pointer; transition: all 0.2s ease-in-out; } .tabs-wrap .tab-dashed-link.active { color: #000000; border-color: #000000; } .tabs-wrap .tab-dashed-link.active:hover { color: #000000; border-color: #000000; } .tabs-wrap .tabs-content { margin-top: 18px; } .tabs-wrap .tab-content { display: none; } .tabs-wrap .tab-content.active { display: block; } .consultation-wrap { box-sizing: border-box; padding: 14px 40px 16px 22px; color: #000000; background: #fafafa; border: 1px solid #e7e8ea; } .consultation-wrap .tb { width: 100%; } .consultation-wrap .image { width: 128px; } .consultation-wrap .consultation-btn-wrap { width: 224px; text-align: right; } .consultation-wrap .consultation-heading { margin-bottom: 6px; color: #000000; font-weight: 400; font-size: 21px; font-family: robotomedium; line-height: 25px; text-decoration: none; } .consultation-wrap .text { max-height: 48px; overflow: hidden; font-size: 14px; line-height: 16px; } @media screen and (max-width: 790px) { .consultation-wrap { padding: 18px 12px; } .consultation-wrap .tc.image { display: none; } } @media screen and (max-width: 550px) { .consultation-wrap .tc { display: block; width: 100%; text-align: left; } .consultation-wrap .consultation-btn-wrap { margin-top: 18px; } } .flex { display: -webkit-box; display: flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; } .flex .flex-item { box-sizing: border-box; width: calc(50% - 10px); padding: 30px 24px; border: 1px solid #e7e8ea; } @media all and (max-width: 750px) { .flex .flex-item { width: 100%; margin-bottom: 12px; } } .h1 { display: block; margin-bottom: 6px; color: #000000; font-weight: 400; font-size: 24px; font-family: "roboto_ltregular"; line-height: 30px; text-decoration: none; } .h2 { display: block; margin-bottom: 6px; color: #000000; font-weight: 400; font-size: 21px; font-family: "roboto_ltregular"; line-height: 25px; text-decoration: none; } .h3 { display: block; margin-bottom: 6px; color: #000000; font-weight: 400; font-size: 16px; font-family: "roboto_ltregular"; line-height: 20px; text-decoration: none; } .ff-bold { font-family: robotobold; } .ff-medium { font-family: robotomedium; } .detail-text-wrap { margin: 24px 0; line-height: 24px; } .detail-text-wrap .h1 { margin-bottom: 12px; } .detail-text-wrap .h2 { margin-bottom: 12px; } .detail-text-wrap .h3 { margin-bottom: 12px; } .detail-text-wrap p { margin: 0 0 14px; line-height: 24px; } .detail-text-wrap *:last-child { margin-bottom: 0; } .detail-text-wrap ul { padding-left: 16px; } .detail-text-wrap ol { padding-left: 16px; } .detail-text-wrap img.fixwidth { display: inline-block; width: auto; max-width: 100%; height: auto; } .error-wrap { margin: 18px 0; padding: 48px 42px 36px; color: #952525; font-size: 14px; line-height: 24px; border: 1px solid #bc8383; } .table-simple-wrap { overflow: auto; } .table-simple { box-sizing: border-box; width: 100%; min-width: 700px; margin: 18px 0 36px; table-layout: auto; border: 0; border-collapse: collapse; border-spacing: 0; } .table-simple th { padding: 12px 24px; font-family: robotomedium; vertical-align: middle; background: #f7f7f7; border: 1px solid #e4e4e4; } .table-simple td { padding: 12px 24px; vertical-align: middle; border: 1px solid #e4e4e4; } .table-simple td:last-child { text-align: center; } .blockquote-wrap { margin: 42px 0 24px; padding: 48px 120px 42px 54px; background: #f9f9f9; } .blockquote-wrap blockquote { margin: 0; padding: 0; color: #888888; font-size: 18px; line-height: 30px; } .blockquote-wrap blockquote::before { display: inline-block; width: 40px; height: 33px; margin-right: 10px; background: url("/bitrix/templates/bmcase_deluxe_style_test/images/blockquote.png") center center / contain no-repeat; content: ""; } .blockquote-wrap p { margin-top: 14px; } .new-list-items-wrap { margin-top: 24px; } .new-list-items { max-width: none; margin: 18px -12px 30px; font-size: 0; } .new-list-items > div[id*="bx_incl_area"] { display: inline-block; width: 33.333%; vertical-align: top; } .new-list-items > div[id*="bx_"] > .list-item-wrap { width: 100%; } .new-list-items .list-item-wrap { display: inline-block; box-sizing: border-box; width: 33.333%; padding: 12px; vertical-align: top; } .new-list-items .list-item { padding: 24px 18px; border: 1px solid #e7e8ea; border-radius: 2px; } .new-list-items .image { width: 54px; padding-right: 18px; } .new-list-items .image-container { display: block; transition: all 0.2s ease-in-out; } .new-list-items .image-container img { display: block; max-width: 100%; } .new-list-items .image-container:hover { opacity: 0.9; } .new-list-items .image-container:active { position: relative; top: 1px; } .new-list-items .text { color: #000000; } .new-list-items .name { display: block; max-height: 18px; margin-bottom: 12px; overflow: hidden; color: #000000; font-size: 14px; line-height: 18px; text-decoration: none; } .new-list-items .name:active { position: relative; top: 1px; } .new-list-items .price { position: relative; display: inline-block; padding-right: 18px; font-size: 18px; font-family: robotobold; } .new-list-items .old-price { position: absolute; top: -12px; right: 0; color: #888888; font-size: 13px; font-family: "roboto_ltregular"; line-height: 15px; } .new-list-items .active-link { font-family: "roboto_ltregular"; text-transform: none; } .new-list-items .addCart.added { color: #888888; background: none !important; border-color: #888888; } .new-list-items .addCart.added:hover { color: #000000; border-color: #000000; } .price-container .addCart.added:hover { border-color: transparent; } #topProduct .wrap, #viewedProduct .wrap { margin: 0; } #topProduct .topBtnLeft, #viewedProduct .viewedBtnLeft { left: 0; } #topProduct .topBtnRight, #viewedProduct .viewedBtnRight { right: 0; } @media screen and (max-width: 1600px) { .blockquote-wrap { margin: 24px 0 18px; padding: 30px 30px 36px 42px; } .new-list-items { margin: 0 -6px; } .new-list-items .list-item-wrap { padding: 6px; } .new-list-items .list-item { padding: 12px; } .new-list-items .image { padding-right: 12px; } } @media screen and (max-width: 1400px) { .new-list-items .list-item-wrap { width: 50%; } } @media screen and (max-width: 1280px) { .new-list-items .list-item-wrap { width: 33.333%; } } @media screen and (max-width: 1100px) { .new-list-items .list-item-wrap { width: 50%; } } @media screen and (max-width: 1024px) { .blockquote-wrap blockquote { font-size: 16px; line-height: 24px; } .detail-text-wrap .h1 { font-size: 20px; line-height: 24px; } .detail-text-wrap .h2 { font-size: 18px; line-height: 22px; } } @media screen and (max-width: 800px) { .blockquote-wrap blockquote::before { width: 20px; height: 18px; } .blockquote-wrap { padding: 18px 12px 18px 24px; } } @media screen and (max-width: 790px) { .new-list-items { margin: -3px; } .new-list-items .list-item-wrap { width: 100%; padding: 3px; } .new-list-items .list-item { padding: 8px; } } @media screen and (max-width: 500px) { .detail-text-wrap .h1 { font-size: 18px; line-height: 22px; } .detail-text-wrap .h2 { font-size: 16px; line-height: 20px; } .detail-text-wrap .h3 { font-size: 15px; line-height: 18px; } } @media screen and (max-width: 400px) { .new-list-items .price { font-size: 16px; } .new-list-items .name { max-height: 36px; } } .gray-bg-text { margin-bottom: 24px; padding: 30px 24px; color: #000000; font-size: 14px; line-height: 24px; background: #f9f9f9; } @media screen and (max-width: 1024px) { .hide-1024 { display: none !important; } .gray-bg-text { padding: 12px; } } .btn-wrap { margin-top: 24px; font-size: 0; } .btn-wrap .btn-simple { margin-right: 6px; margin-bottom: 6px; vertical-align: top; } .active-link { display: inline-block; color: #000000; font-size: 14px; font-family: robotobold; text-transform: uppercase; text-decoration: none; border-bottom: 1px dashed #000000; cursor: pointer; transition: all 0.2s ease-in-out; } .active-link:active { position: relative; top: 1px; } .inactive-link { display: inline-block; color: #888888; font-size: 14px; font-family: robotobold; text-transform: uppercase; text-decoration: none; cursor: pointer; transition: all 0.2s ease-in-out; } .inactive-link:active { position: relative; top: 1px; } .text-link { display: inline-block; color: #3b3732; text-decoration: none; vertical-align: middle; cursor: pointer; transition: all 0.2s ease-in-out; } .text-link:active { position: relative; top: 1px; } .big-text-link { display: inline-block; color: #3b3732; font-size: 16px; text-decoration: none; vertical-align: middle; cursor: pointer; transition: all 0.2s ease-in-out; } .big-text-link:active { position: relative; top: 1px; } .link-dashed { display: inline-block; color: #000000; font-size: 14px; font-family: "roboto_ltregular"; text-decoration: none; border-bottom: 1px dashed #000000; cursor: pointer; transition: all 0.2s ease-in-out; } .link-dashed:active { position: relative; top: 1px; } .theme-link-dashed { display: inline-block; font-size: 14px; font-family: "roboto_ltregular"; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dashed; cursor: pointer; transition: all 0.2s ease-in-out; } .theme-link-dashed:active { position: relative; top: 1px; } .banners-list { max-width: none; margin: 0 -12px 42px; font-size: 0; } .banners-list .banner-wrap { display: inline-block; box-sizing: border-box; width: 50%; padding: 12px; vertical-align: top; } .banner-wrap .banner-elem { border: 1px solid #e7e8ea; } .banner-wrap + .global-block-container .detail-text-wrap { margin-top: 0; } .banner-elem { height: 296px; overflow: hidden; } .banner-elem .limiter { height: 100%; } .banner-elem .tb { height: 100%; } .banner-elem .tr { display: table-row; height: 100%; } .banner-elem .text-wrap { padding-left: 54px; color: #000000; } .banner-elem .text-wrap *:last-child { margin-bottom: 0; } .banner-elem .date { margin-bottom: 6px; color: #000000; font-size: 13px; } .banner-elem h1 { max-height: 86px; margin-bottom: 18px; overflow: hidden; font-size: 36px; line-height: 43px; } .banner-elem .h2 { display: inline-block; max-height: 50px; overflow: hidden; line-height: 25px; } .banner-elem .price { max-height: 22px; margin-bottom: 6px; overflow: hidden; font-size: 18px; line-height: 22px; } .banner-elem .descr { max-height: 45px; margin-bottom: 8px; overflow: hidden; font-size: 13px; line-height: 15px; } .banner-elem .image { box-sizing: border-box; width: 55%; padding-left: 12px; font-size: 0; line-height: 0; text-align: right; /* vertical-align: bottom; */ vertical-align: middle; } .banner-elem .image img { display: block; width: auto; max-width: 100%; height: auto; max-height: 296px; margin-left: auto; transform: translate3d(0, 0, 0) scale(1); transition: all 0.4s ease-in-out; } .banner-elem .image-link { display: block; width: auto; } .banner-elem .image-link:hover img { transform: translate3d(0, 0, 0) scale(1.02); } .banner-elem .image .image-link { display: inline-block; } .banner-elem .image .image-link img { display: inline-block; margin: auto; } .banner-elem .social { height: 60px; margin-top: 12px; } @media screen and (max-width: 1600px) { .banners-list { margin: 0 -8px 42px; } .banners-list .banner-wrap { padding: 8px; } .banner-elem .text-wrap { padding-left: 24px; } .banner-elem .image { width: 60%; } } @media screen and (max-width: 1400px) { .banners-list { margin: 0 -6px 42px; } .banners-list .banner-wrap { padding: 6px; } .banner-elem { height: 260px; } .banner-elem .image img { max-height: 260px; } .banner-elem .text-wrap { padding-left: 18px; } .banner-elem .price { max-height: 20px; font-size: 16px; line-height: 20px; } .banner-elem .social { height: 30px; } } @media screen and (max-width: 1280px) { .banner-elem h1 { max-height: 58px; margin-bottom: 12px; font-size: 24px; line-height: 29px; } } @media screen and (max-width: 1200px) { .banner-elem { height: 220px; } .banner-elem .image { width: 50%; } .banner-elem .image img { max-height: 220px; } .banner-elem .h2 { max-height: 44px; font-size: 18px; line-height: 22px; } .banner-elem .price { max-height: 18px; font-size: 15px; line-height: 18px; } } @media screen and (max-width: 1024px) { .banners-list { margin: 0 -3px 24px; } .banners-list .banner-wrap { padding: 3px; } .banner-elem { height: 160px; } .banner-elem h1 { max-height: 48px; margin-bottom: 10px; font-size: 20px; line-height: 24px; } .banner-elem .image { width: 55%; } .banner-elem .image img { max-height: 160px; } .banner-elem .price { display: none; } } @media screen and (max-width: 800px) { .banners-list .banner-wrap:nth-child(n) { width: 100%; } .banner-elem .text-wrap { padding-left: 24px; } .banner-elem .image { width: 50%; text-align: center; } .banner-elem .image img { margin: 0 auto; } .hide-800 { display: none !important; } } @media screen and (max-width: 400px) { .banner-elem { height: 150px; } .banner-elem .h2 { max-height: 40px; font-size: 16px; line-height: 20px; } .banner-elem .price { max-height: 18px; font-size: 14px; line-height: 18px; } .banner-elem .text-wrap { padding-left: 12px; } .banner-elem .btn-simple.btn-micro { min-width: 100px; padding: 3px 8px; } .banner-elem .image { width: 50%; } .banner-elem .image img { max-height: 150px; } .services-banners-list .banner-wrap .banner-elem { background: none !important; } } .fullscreen-banner { height: 470px; margin-bottom: 24px; border-bottom: 1px solid #e7e8ea; } .fullscreen-banner .limiter { position: relative; height: 100%; } .fullscreen-banner #breadcrumbs { position: absolute; top: 0; left: 0; width: 100%; } .fullscreen-banner #breadcrumbs + .tb .text-wrap { padding: 42px 0 0; } .fullscreen-banner h1 { margin-bottom: 12px; } .fullscreen-banner .price { max-height: 36px; margin-bottom: 12px; font-size: 30px; line-height: 36px; } .fullscreen-banner .descr { max-height: 120px; margin-bottom: 24px; font-size: 14px; line-height: 24px; } .fullscreen-banner .image { width: 55%; } .fullscreen-banner .image img { max-height: 470px; margin: 0 auto; } @media screen and (max-width: 1600px) { .fullscreen-banner { height: 440px; } .fullscreen-banner .image img { max-height: 440px; } } @media screen and (max-width: 1400px) { .fullscreen-banner { height: 420px; } .fullscreen-banner .price { height: 30px; font-size: 24px; line-height: 30px; } .fullscreen-banner .descr { margin-bottom: 18px; } .fullscreen-banner .image { width: 50%; } .fullscreen-banner .image img { max-height: 420px; } } @media screen and (max-width: 1024px) { .fullscreen-banner { height: 290px; } .fullscreen-banner .image { width: 45%; } .fullscreen-banner .image img { max-height: 290px; } .fullscreen-banner .descr { max-height: 80px; margin-bottom: 12px; line-height: 20px; } } @media screen and (max-width: 800px) { .fullscreen-banner { height: 270px; } .fullscreen-banner .image { width: 40%; } .fullscreen-banner .image img { max-height: 270px; } .fullscreen-banner .descr { max-height: 60px; } } @media screen and (max-width: 700px) { .fullscreen-banner { height: 260px; } .fullscreen-banner .image img { max-height: 260px; } .fullscreen-banner #breadcrumbs { right: 0; left: 12px; width: auto; margin-top: 12px; } } @media screen and (max-width: 600px) { .banner-hide-images { background: none !important; } .banner-hide-images .image { display: none; } .hide-600 { display: none !important; } } @media screen and (max-width: 500px) { .fullscreen-banner { height: 170px; } .fullscreen-banner .image img { max-height: 170px; } .fullscreen-banner .descr { /* display: none; */ max-height: 40px; } .fullscreen-banner .image { width: 50%; } .fullscreen-banner .btn-simple { padding: 13px 8px 11px; } } .banner-elem.arbitrary-banner .text-wrap { padding-left: 0; } @media screen and (max-width: 700px) { .banner-elem.arbitrary-banner { height: auto; margin-bottom: 18px; } .banner-elem.arbitrary-banner .descr { max-height: 80px; } .banner-elem.arbitrary-banner .text-wrap { display: block; margin-bottom: 6px; padding: 12px 12px 0; } .banner-elem.arbitrary-banner h1 { margin-bottom: 8px; font-size: 18px; } .banner-elem.arbitrary-banner .image { display: block; width: 100%; padding: 0; } .banner-elem.arbitrary-banner .image img { max-height: 250px; margin: 0 auto; } .banner-elem.arbitrary-banner.banner-no-bg .image img { max-height: none; } .hide-700 { display: none !important; } } @media screen and (max-width: 500px) { .banner-elem.arbitrary-banner .descr { display: block; } .banner-elem.arbitrary-banner h1 { max-height: 60px; margin-bottom: 8px; font-size: 16px; line-height: 20px; } .banner-elem.arbitrary-banner .image img { max-height: 200px; } } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom { margin-bottom: 0 !important; } .no-margin-right { margin-right: 0 !important; } .no-margin-left { margin-left: 0 !important; } .templateSwitcher { position: fixed; top: 0; right: 0; z-index: 9998; width: 360px; height: 100%; overflow: hidden; text-align: center; background-color: #ffffff; box-shadow: 1px 1px 12px rgb(0 0 0 / 30%); transform: translateX(500px); transition: all 0.2s ease-in-out; } .templateSwitcher.opened { transform: translateX(0); } .templateSwitcherScroll { width: 390px; height: 100%; overflow: auto; } .templateSwitcherScrollContainer { box-sizing: border-box; width: 360px; margin: 24px 0; padding: 0 24px; } .templateSwitcherSettings { position: fixed; top: 50%; right: 0; z-index: 9999; width: 51px; height: 198px; margin-top: -100px; line-height: 50px; text-align: center; cursor: pointer; transition: all 0.2s ease-in-out; animation-name: bounceInDown; animation-duration: 2s; animation-fill-mode: both; } .templateSwitcherSettings.active { right: 360px; } .templateSwitcherSettings:hover { opacity: 0.9; } .templateSwitcherSettings:hover { background-color: #2b2b2b; } .templateSwitcherSettingsPicture { display: inline-block; width: 51px; height: 198px; vertical-align: middle; background: url("/bitrix/templates/bmcase_deluxe_style_test/images/setting.png") 50% 50% no-repeat transparent; transition: all 0.5s ease-in-out; } .templateSwitcher .switcherList { overflow: hidden; } .templateSwitcher .switcherListItem { display: inline-block; height: 40px; line-height: 40px; text-align: center; background-color: #ffffff; border: 1px solid #ff9601; border-radius: 2px; } .templateSwitcher .switcherListItem:hover { border-color: #ffa800; } .templateSwitcher .switcherListItem.active { color: #ffffff; background-color: #ff9601; } .templateSwitcher .switcherListItem.active a { color: #ffffff; } .templateSwitcher .switcherListItem:first-child { margin-right: 12px; } .templateSwitcher .switcherListItem a { display: block; padding: 0 24px; color: #ff9601; text-decoration: none; } .templateSwitcher .switcherListItem a:active { position: relative; top: 1px; } .templateSwitcher .switcherHeading { margin-bottom: 18px; padding: 0 24px; font-size: 16px; font-family: robotomedium; } .templateSwitcher .switcherBigHeading { margin-bottom: 24px; padding-right: 24px; padding-bottom: 24px; padding-left: 24px; font-size: 18px; text-transform: uppercase; border-bottom: 1px solid #f3f3f3; } .templateSwitcher .switcherBigHeading + .switcherRowBlock { padding-top: 0; border-top: 0; } .templateSwitcher .switcherBigHeading .switcherClose { float: right; margin-top: -1px; color: #ff0000; font-size: 21px; text-decoration: none; } .templateSwitcher .switcherBigHeading .switcherClose:hover { opacity: 0.7; } .templateSwitcher .switcherBigHeading .switcherClose:active { position: relative; top: 1px; } .templateSwitcher .switcherHeading2 { margin-bottom: 12px; padding: 0 24px; font-family: robotomedium; } .templateSwitcher .switcherRowBlock { margin-top: 24px; padding-top: 24px; border-top: 1px solid #f3f3f3; } .templateSwitcher .switcherSelect { box-sizing: border-box; width: 90%; height: 40px; padding: 0 12px; border: 1px solid #f3f3f3; outline: none; cursor: pointer; } .templateSwitcher .switcherIcons { margin-bottom: 24px; } .templateSwitcher .switcherDescription { color: #888888; font-size: 13px; } .templateSwitcher .switcherBackgroundItems { overflow: hidden; text-align: center; } .templateSwitcher .switcherThemes { margin-top: 24px; overflow: hidden; } .templateSwitcher .switcherThemesItem { display: inline-block; width: 30px; height: 30px; margin-bottom: 12px; margin-left: 12px; } .templateSwitcher .switcherBackgroundItem { display: inline-block; width: 30px; height: 30px; } .templateSwitcher .switcherBackgroundItem:first-child { margin-right: 12px; } .templateSwitcher .switcherThemesItem a, .templateSwitcher .switcherBackgroundItem a { display: block; width: 30px; height: 30px; border-radius: 2px; transition: all 0.2s ease-in-out; } .templateSwitcher .switcherThemesItem a:active, .templateSwitcher .switcherBackgroundItem a:active { position: relative; top: 1px; } .templateSwitcher .switcherThemesItem.selected a, .templateSwitcher .switcherBackgroundItem.selected a { background-image: url("/bitrix/templates/bmcase_deluxe_style_test/images/check.png"); background-repeat: no-repeat; background-position: 50% 50%; } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { transform: translate3d(0, -3000px, 0); opacity: 0; } 60% { transform: translate3d(0, 25px, 0); opacity: 1; } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } 100% { transform: none; } } .templateSwitcher .switcherThemesItem .color1 { background-color: #ff9601; } .templateSwitcher .switcherThemesItem .color1:hover { background-color: #ffb800; } .templateSwitcher .switcherThemesItem .color2 { background-color: #fb9bad; } .templateSwitcher .switcherThemesItem .color2:hover { background-color: #f3889d; } .templateSwitcher .switcherThemesItem .color3 { background-color: #ff855f; } .templateSwitcher .switcherThemesItem .color3:hover { background-color: #e77652; } .templateSwitcher .switcherThemesItem .color4 { background-color: #daa550; } .templateSwitcher .switcherThemesItem .color4:hover { background-color: #e4a540; } .templateSwitcher .switcherThemesItem .color5 { background-color: #b15b49; } .templateSwitcher .switcherThemesItem .color5:hover { background-color: #a05a4b; } .templateSwitcher .switcherThemesItem .color6 { background-color: #f44336; } .templateSwitcher .switcherThemesItem .color6:hover { background-color: #d42d20; } .templateSwitcher .switcherThemesItem .color7 { background-color: #acce11; } .templateSwitcher .switcherThemesItem .color7:hover { background-color: #94b20e; } .templateSwitcher .switcherThemesItem .color8 { background-color: #27c148; } .templateSwitcher .switcherThemesItem .color8:hover { background-color: #19cc3f; } .templateSwitcher .switcherThemesItem .color9 { background-color: #27bfc1; } .templateSwitcher .switcherThemesItem .color9:hover { background-color: #25ccce; } .templateSwitcher .switcherThemesItem .color10 { background-color: #3498db; } .templateSwitcher .switcherThemesItem .color10:hover { background-color: #2395e1; } .templateSwitcher .switcherThemesItem .color11 { background-color: #2a65d0; } .templateSwitcher .switcherThemesItem .color11:hover { background-color: #0d57dc; } .templateSwitcher .switcherThemesItem .color12 { background-color: #0061b2; } .templateSwitcher .switcherThemesItem .color12:hover { background-color: #006ac2; } .templateSwitcher .switcherThemesItem .color13 { background-color: #c651d0; } .templateSwitcher .switcherThemesItem .color13:hover { background-color: #d75ee1; } .templateSwitcher .switcherThemesItem .color14 { background-color: #c12752; } .templateSwitcher .switcherThemesItem .color14:hover { background-color: #c61c4b; } .templateSwitcher .switcherThemesItem .color15 { background-color: #ed1c24; } .templateSwitcher .switcherThemesItem .color15:hover { background-color: #ff232b; } .templateSwitcher .switcherBackgroundItem .white { background-color: #eeeeee; } .templateSwitcher .switcherBackgroundItem .black { background-color: #000000; } @keyframes zoomIn { from { transform: scale3d(0.3, 0.3, 0.3); opacity: 0; } to { opacity: 1; } } @keyframes zoomIn { from { transform: scale3d(0.3, 0.3, 0.3); opacity: 0; } to { opacity: 1; } } .g--circle { transform-origin: 60px 60px; animation: opacity 1.2s linear infinite; fill: dodgerblue; } .g--circle:nth-child(12n + 1) { transform: rotate(-30deg) translate(5px, 5px) scale(0.9); animation-delay: -0.1s; } .g--circle:nth-child(12n + 2) { transform: rotate(-60deg) translate(5px, 5px) scale(0.9); animation-delay: -0.2s; } .g--circle:nth-child(12n + 3) { transform: rotate(-90deg) translate(5px, 5px) scale(0.9); animation-delay: -0.3s; } .g--circle:nth-child(12n + 4) { transform: rotate(-120deg) translate(5px, 5px) scale(0.9); animation-delay: -0.4s; } .g--circle:nth-child(12n + 5) { transform: rotate(-150deg) translate(5px, 5px) scale(0.9); animation-delay: -0.5s; } .g--circle:nth-child(12n + 6) { transform: rotate(-180deg) translate(5px, 5px) scale(0.9); animation-delay: -0.6s; } .g--circle:nth-child(12n + 7) { transform: rotate(-210deg) translate(5px, 5px) scale(0.9); animation-delay: -0.7s; } .g--circle:nth-child(12n + 8) { transform: rotate(-240deg) translate(5px, 5px) scale(0.9); animation-delay: -0.8s; } .g--circle:nth-child(12n + 9) { transform: rotate(-270deg) translate(5px, 5px) scale(0.9); animation-delay: -0.9s; } .g--circle:nth-child(12n + 10) { transform: rotate(-300deg) translate(5px, 5px) scale(0.9); animation-delay: -1s; } .g--circle:nth-child(12n + 11) { transform: rotate(-330deg) translate(5px, 5px) scale(0.9); animation-delay: -1.1s; } .g--circle:nth-child(12n + 12) { transform: rotate(-360deg) translate(5px, 5px) scale(0.9); animation-delay: -1.2s; } .g-circles--v1 .g--circle { fill-opacity: 0; animation-name: opacity; } .g-circles--v2 .g--circle { animation-name: opacity-stroke, colors, colors-stroke; stroke: yellowgreen; fill-opacity: 0; stroke-opacity: 0; stroke-width: 1; } .g-circles--v2 .g--circle .u--circle { animation: transform-2 1.2s linear infinite; } .g-circles--v2 .g--circle:nth-child(12n + 1) .u--circle { animation-delay: -0.1s; } .g-circles--v2 .g--circle:nth-child(12n + 2) .u--circle { animation-delay: -0.2s; } .g-circles--v2 .g--circle:nth-child(12n + 3) .u--circle { animation-delay: -0.3s; } .g-circles--v2 .g--circle:nth-child(12n + 4) .u--circle { animation-delay: -0.4s; } .g-circles--v2 .g--circle:nth-child(12n + 5) .u--circle { animation-delay: -0.5s; } .g-circles--v2 .g--circle:nth-child(12n + 6) .u--circle { animation-delay: -0.6s; } .g-circles--v2 .g--circle:nth-child(12n + 7) .u--circle { animation-delay: -0.7s; } .g-circles--v2 .g--circle:nth-child(12n + 8) .u--circle { animation-delay: -0.8s; } .g-circles--v2 .g--circle:nth-child(12n + 9) .u--circle { animation-delay: -0.9s; } .g-circles--v2 .g--circle:nth-child(12n + 10) .u--circle { animation-delay: -1s; } .g-circles--v2 .g--circle:nth-child(12n + 11) .u--circle { animation-delay: -1.1s; } .g-circles--v2 .g--circle:nth-child(12n + 12) .u--circle { animation-delay: -1.2s; } .g-circles--v3 .g--circle { fill-opacity: 1; animation-name: opacity, colors; } .g-circles--v4 .g--circle { animation-name: opacity, colors-3; fill: orange; fill-opacity: 1; } .g-circles--v4 .u--circle { animation: transform 1.2s linear infinite; } .g-circles--v4 .g--circle:nth-child(12n + 1) .u--circle { animation-delay: -0.1s; } .g-circles--v4 .g--circle:nth-child(12n + 2) .u--circle { animation-delay: -0.2s; } .g-circles--v4 .g--circle:nth-child(12n + 3) .u--circle { animation-delay: -0.3s; } .g-circles--v4 .g--circle:nth-child(12n + 4) .u--circle { animation-delay: -0.4s; } .g-circles--v4 .g--circle:nth-child(12n + 5) .u--circle { animation-delay: -0.5s; } .g-circles--v4 .g--circle:nth-child(12n + 6) .u--circle { animation-delay: -0.6s; } .g-circles--v4 .g--circle:nth-child(12n + 7) .u--circle { animation-delay: -0.7s; } .g-circles--v4 .g--circle:nth-child(12n + 8) .u--circle { animation-delay: -0.8s; } .g-circles--v4 .g--circle:nth-child(12n + 9) .u--circle { animation-delay: -0.9s; } .g-circles--v4 .g--circle:nth-child(12n + 10) .u--circle { animation-delay: -1s; } .g-circles--v4 .g--circle:nth-child(12n + 11) .u--circle { animation-delay: -1.1s; } .g-circles--v4 .g--circle:nth-child(12n + 12) .u--circle { animation-delay: -1.2s; } @keyframes opacity { 3% { fill-opacity: 1; } 75% { fill-opacity: 0; } } @keyframes opacity { 3% { fill-opacity: 1; } 75% { fill-opacity: 0; } } @keyframes opacity-stroke { 10% { stroke-opacity: 1; } 85% { stroke-opacity: 0; } } @keyframes opacity-stroke { 10% { stroke-opacity: 1; } 85% { stroke-opacity: 0; } } @keyframes colors { 0% { fill: yellowgreen; } 10% { fill: gold; } 75% { fill: crimson; } } @keyframes colors { 0% { fill: yellowgreen; } 10% { fill: gold; } 75% { fill: crimson; } } @keyframes colors-stroke { 0% { stroke: yellowgreen; } 10% { stroke: gold; } 75% { stroke: crimson; } } @keyframes colors-stroke { 0% { stroke: yellowgreen; } 10% { stroke: gold; } 75% { stroke: crimson; } } @keyframes colors-2 { 0% { fill: yellow; } 50% { fill: red; } 65% { fill: orangered; } 95% { fill: gold; } } @keyframes colors-2 { 0% { fill: yellow; } 50% { fill: red; } 65% { fill: orangered; } 95% { fill: gold; } } @keyframes colors-3 { 0% { fill: yellowgreen; } 50% { fill: turquoise; } 65% { fill: yellow; } 95% { fill: orange; } } @keyframes colors-3 { 0% { fill: yellowgreen; } 50% { fill: turquoise; } 65% { fill: yellow; } 95% { fill: orange; } } @keyframes transform { 10% { transform: scale(0.75); transform-origin: 70px 70px; } } @keyframes transform { 10% { transform: scale(0.75); transform-origin: 70px 70px; } } @keyframes transform-2 { 40% { transform: scale(0.85) translate(10px, 10px); } 60% { stroke-width: 20; } } @keyframes transform-2 { 40% { transform: scale(0.85) translate(10px, 10px); } 60% { stroke-width: 20; } } @keyframes fadeInDown { from { transform: translate3d(0, -100%, 0); opacity: 0; } to { transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes fadeInDown { from { transform: translate3d(0, -100%, 0); opacity: 0; } to { transform: translate3d(0, 0, 0); opacity: 1; } } /* BMCASE: hide public one-click purchase entry points, 2026-10-17. Backend unchanged. */ body #foundation a.quickBuy { display: none !important; } /* End */ /* /bitrix/templates/bmcase_deluxe_style_test/assets/kit/css/fonts.css?1792252397632 */ /* /bitrix/templates/bmcase_deluxe_style_test/assets/kit/css/presentation.css?1792508888240315 */ /* /bitrix/templates/bmcase_deluxe_style_test/assets/kit/css/header6.css?1792257713130 */ /* /bitrix/templates/bmcase_deluxe_style_test/assets/bmcase-wishlist/wishlist-feedback.css?17922373662708 */ /* /bitrix/templates/bmcase_deluxe_style_test/fonts/roboto/roboto.min.css?1751875258986 */ /* /bitrix/templates/bmcase_deluxe_style_test/themes/violet/style.min.css?179224069238296 */ /* /bitrix/templates/bmcase_deluxe_style_test/assets/bmcase-theme-tokens/violet.css?1792240692187 */ /* /bitrix/templates/bmcase_deluxe_style_test/headers/header6/css/style.min.css?175187525814198 */ /* /bitrix/templates/bmcase_deluxe_style_test/headers/header6/css/types/type1.min.css?1751875258198 */ /* /bitrix/templates/bmcase_deluxe_style_test/components/bitrix/menu/topMenu8/style.min.css?1751875259506 */ /* /bitrix/components/dresscode/sale.geo.positiion/templates/.default/style.min.css?175187527610499 */ /* /bitrix/templates/.default/components/arturgolubev/search.title/version2/style.css?176908641821917 */ /* /bitrix/templates/bmcase_deluxe_style_test/components/bitrix/form.result.new/modal/style.min.css?17518752587730 */ /* /bitrix/components/dresscode/compare.line/templates/version5/style.min.css?17518752762014 */ /* /bitrix/components/dresscode/favorite.line/templates/version5/style.min.css?17518752761878 */ /* /bitrix/templates/bmcase_deluxe_style_test/components/bitrix/sale.basket.basket.line/topCart5/style.min.css?17518752581918 */ /* /bitrix/templates/bmcase_deluxe_style_test/assets/bmcase-catalog-drawer/drawer.css?17923145414664 */ /* /bitrix/components/dresscode/products.by.filter/templates/.default/style.min.css?1751875276994 */ /* /bitrix/components/dresscode/catalog.viewed.product/templates/.default/style.min.css?17518752761066 */ /* /bitrix/templates/bmcase_deluxe_style_test/components/bitrix/catalog.bigdata.products/.default/style.min.css?17518752581597 */ /* /bitrix/templates/bmcase_deluxe_style_test/assets/bmcase-about/preview.css?1792274271496 */ /* /bitrix/templates/bmcase_deluxe_style_test/assets/bmcase-footer/preview.css?17922758212804 */ /* /bitrix/templates/bmcase_deluxe_style_test/assets/bmcase-bottom-nav/preview.css?17922764011488 */ /* /bitrix/templates/bmcase_deluxe_style_test/components/dresscode/cookie.notice/.default/style.css?17922434384046 */ /* /bitrix/templates/bmcase_deluxe_style_test/styles.css?1769083424776 */ /* /bitrix/templates/bmcase_deluxe_style_test/template_styles.css?1792255732188045 */