/* Hide unused Tilda cart win; keep icon + sidebar + cartpage */ #rec1574253811 .t706__cartwin { display: none !important; } /* Cart nodes are moved to ; hide empty record so it can't cover the page */ #rec1574253811.tlake-cart-host-empty { display: none !important; height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; } body.tlake-cart-open .t706__carticon, body.t706__body_cartsidebarshowed .t706__carticon, body.t706__body_cartpageshowed .t706__carticon { display: none !important; } /* Restore bag icon after refresh when cart has items */ .t706__carticon.t706__carticon_showed { display: block !important; position: fixed !important; right: 50px; top: 100px; z-index: 100001 !important; pointer-events: auto !important; cursor: pointer; } body.tlake-cart-open .t706__carticon.t706__carticon_showed, body.t706__body_cartsidebarshowed .t706__carticon.t706__carticon_showed, body.t706__body_cartpageshowed .t706__carticon.t706__carticon_showed { display: none !important; } .js-store-grid-cont-preloader, .t-store__card-preloader { display: none !important; } /* —— Tilda sidebar cart (desktop) —— */ .t706__sidebar { position: fixed !important; inset: 0 !important; z-index: 100002 !important; display: none !important; background: rgba(0, 0, 0, 0.35); pointer-events: none; visibility: hidden; } .t706__sidebar.t706__sidebar_showed { display: block !important; pointer-events: auto !important; visibility: visible !important; opacity: 1 !important; } .t706__sidebar-content { position: absolute; top: 0; right: 0; bottom: 0; width: min(560px, 100%); max-width: 100%; background: #fff; box-shadow: -8px 0 30px rgba(0, 0, 0, 0.18); box-sizing: border-box; display: flex; flex-direction: column; overflow: auto; transform: translateX(100%); transition: transform 0.3s ease; padding: 0 28px 28px; } .t706__sidebar-content.t706__sidebar-content_showed { transform: translateX(0); } .t706__sidebar-top { display: flex; align-items: center; justify-content: space-between; padding: 28px 0 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); position: sticky; top: 0; background: #fff; z-index: 2; } .t706__sidebar-heading { font-size: 22px; font-weight: 700; color: #000; } .t706__sidebar-close-btn { border: none; background: transparent; cursor: pointer; padding: 4px; line-height: 0; } .t706__sidebar-products { flex: 1; padding: 10px 0; } .t706__sidebar-prodamount-wrap { display: block !important; text-align: right; padding: 16px 0; font-size: 14px; font-weight: 600; border-top: 1px solid rgba(0, 0, 0, 0.12); } .t706__sidebar-bottom { padding-top: 8px; } /* * Cart buttons were styled under #rec1574253811, but the cart UI is moved to . * Re-apply the original Tilda cyan «Оформить заказ» look. */ .t706__sidebar-continue, .t706__cartpage-open-form, #form1574253811 .t-btnflex.t-btnflex_type_submit, #form1574253811 .t-submit.t-btnflex { display: inline-flex !important; align-items: center; justify-content: center; width: 100%; max-width: 100%; box-sizing: border-box; color: #ffffff !important; background-color: #3fceff !important; border: none !important; border-radius: 0; box-shadow: none !important; cursor: pointer; font-family: 'TildaSans', Arial, sans-serif; font-weight: 600; font-size: 16px; line-height: 1.4; --height: 60px; --border-width: 0px; --line-height: 1.4; padding-top: calc(((var(--height) - 1em * var(--line-height)) / 2) - var(--border-width)); padding-bottom: calc(((var(--height) - 1em * var(--line-height)) / 2) - var(--border-width)); padding-left: 45px; padding-right: 45px; text-align: center; text-decoration: none; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-in-out; } .t706__sidebar-continue .t-btnflex__text, .t706__cartpage-open-form .t-btnflex__text, #form1574253811 .t-btnflex__text { color: inherit; } @media (hover: hover) { .t706__sidebar-continue:hover, .t706__cartpage-open-form:hover, #form1574253811 .t-btnflex.t-btnflex_type_submit:hover, #form1574253811 .t-submit.t-btnflex:hover { background-color: #00beff !important; } } .t706__sidebar-continue.t706__submit_disable, .t706__sidebar-continue:disabled, #form1574253811 .t-submit:disabled { opacity: 0.5; cursor: auto; } /* —— Tilda fullscreen cart page —— */ .t706__cartpage { position: fixed !important; inset: 0 !important; z-index: 100003 !important; display: none !important; background: #fff; overflow: auto; opacity: 0; transition: opacity 0.3s ease; pointer-events: none; visibility: hidden; } .t706__cartpage.t706__cartpage_showed { display: block !important; opacity: 1 !important; pointer-events: auto !important; visibility: visible !important; } .t706__cartpage-top { display: flex; align-items: center; justify-content: space-between; padding: 18px 24px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); position: sticky; top: 0; background: #fff; z-index: 2; } .t706__cartpage-heading { font-size: 22px; font-weight: 700; } .t706__cartpage-back, .t706__cartpage-close { border: none; background: transparent; cursor: pointer; padding: 6px; line-height: 0; } .t706__cartpage-content { padding-top: 30px; padding-bottom: 60px; } .t706__cartpage-form { float: left; } .t706__cartpage-info { float: left; } .t706__cartpage-products { margin-bottom: 20px; } .t706__cartpage-prodamount, .t706__cartwin-prodamount-wrap { display: block !important; text-align: right; font-weight: 600; padding-top: 16px; border-top: 1px solid rgba(0, 0, 0, 0.12); } .t706__cartpage-products_empty, .t706__sidebar-products .t706__cartpage-products_empty { color: #888; padding: 24px 0; font-size: 15px; } /* Product rows (reuse Tilda classes; reinforce layout) */ .t706__sidebar-products, .t706__cartpage-products { display: flex; flex-direction: column; gap: 28px; } .t706__product { display: flex !important; align-items: flex-start !important; width: 100%; gap: 12px; box-sizing: border-box; table-layout: auto; /* Tilda sets height:50px — that causes rows to overlap */ height: auto !important; min-height: 70px; margin: 0 !important; padding: 16px 0 !important; border-bottom: 1px solid rgba(0, 0, 0, 0.08); position: relative; overflow: visible !important; } .t706__sidebar-products .t706__product:last-child, .t706__cartpage-products .t706__product:last-child { border-bottom: none; padding-bottom: 8px !important; } .t706__product-thumb { display: block !important; flex: 0 0 70px; width: 70px; height: auto !important; padding: 0; vertical-align: middle; } .t706__product-imgdiv { width: 70px; height: 70px; border-radius: 7px; background: #eee center / cover no-repeat; } .t706__product-title { display: block !important; flex: 1 1 auto; min-width: 120px; width: auto !important; max-width: none !important; padding: 12px 8px 12px 0; font-size: 13px; font-weight: 600; color: #000; line-height: 1.3; /* Avoid near-vertical wrapping from break-all in a squeezed cell */ word-break: normal; overflow-wrap: anywhere; white-space: normal; } .t706__product-title__option { font-weight: 400; font-size: 11px; color: #777; margin-top: 2px; } .t706__product-plusminus { display: block !important; flex: 0 0 auto; white-space: nowrap; width: auto !important; text-align: center; padding: 12px 2px; font-size: 13px; } .t706__product-minus, .t706__product-plus { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; cursor: pointer; border: 1px solid #ccc; border-radius: 50%; font-size: 13px; line-height: 1; user-select: none; vertical-align: middle; } .t706__product-quantity { display: inline-block; min-width: 20px; text-align: center; margin: 0 4px; vertical-align: middle; font-size: 13px; } .t706__product-amount { display: block !important; flex: 0 0 auto; text-align: right; width: auto !important; min-width: 64px; padding: 12px 0; white-space: nowrap; font-size: 13px; } .t706__product-del-wrapper { display: block !important; flex: 0 0 auto; width: auto !important; padding: 15px 0 15px 6px; } .t706__product-del { cursor: pointer; opacity: 0.45; font-size: 22px; line-height: 1; color: #000; } .t706__product-del:hover { opacity: 0.9; } /* Status banners inside Tilda forms (cart order + shop contact) */ .tlake-cart-status { border-radius: 8px; padding: 10px 12px; font-size: 14px; margin: 12px 0; display: block; } .tlake-cart-status[hidden] { display: none !important; } /* Hide country flag / selector on cart phone field */ #form1574253811 .t-input-phonemask__select, #form1574253811 .t-input-phonemask__options-wrap, #form1574253811 .t-input-phonemask__select-flag, #form1574253811 .t-input-phonemask__select-triangle, #form1574253811 .t-input-phonemask__select-code { display: none !important; } #form1574253811 input[name='Phone'], #form1574253811 .t-input-phonemask { padding-left: 14px !important; width: 100% !important; box-sizing: border-box; } .tlake-cart-status--ok { background: #ecfdf5; color: #065f46; border: 1px solid #a7f3d0; } .tlake-cart-status--err { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; } body.t706__body_cartsidebarshowed, body.t706__body_cartpageshowed { overflow: hidden; height: 100vh; } @media (max-width: 960px) { .t706__cartpage-form, .t706__cartpage-info { float: none; width: 100%; max-width: 100%; } } /* Product popup uses native Tilda .t-popup / .t-store__prod-popup__* styles */ /* * Equal-height cards in a row: * - title / description stay under the image (top of text block) * - «Подробнее» + «В корзину» sit on one line at the card bottom * t-col float must be disabled or stretch/margin-top:auto never kick in. */ #rec1574253631 .js-store-grid-cont.t-store__valign-buttons { display: flex !important; flex-wrap: wrap; align-items: stretch; } #rec1574253631 .js-store-grid-cont.t-store__valign-buttons > .t-store__card.t-item { float: none !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-self: stretch; box-sizing: border-box; /* .t-col defaults to width:100% — without a flex basis, cards can collapse/stack oddly */ flex: 0 0 25%; width: 25% !important; max-width: 25% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 20px; padding-right: 20px; } #rec1574253631 .js-store-grid-cont.t-store__valign-buttons > .t-store__card .t-store__card__imgwrapper { flex-shrink: 0; } #rec1574253631 .js-store-grid-cont.t-store__valign-buttons > .t-store__card .t-store__card__wrap_txt-and-btns { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; min-height: 0; } #rec1574253631 .js-store-grid-cont.t-store__valign-buttons > .t-store__card .store__card__wrap_txt-and-opts { flex: 0 0 auto; } #rec1574253631 .js-store-grid-cont.t-store__valign-buttons > .t-store__card .t-store__card__btns-wrapper { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: center; align-items: center; gap: 4px; margin-top: auto !important; width: 100%; } #rec1574253631 .js-store-grid-cont.t-store__valign-buttons > .t-store__card .t-store__card__btns-wrapper > .t-store__card__btn { width: auto !important; flex: 0 1 auto; margin: 0 2px 8px !important; max-width: calc(50% - 4px); white-space: nowrap; box-sizing: border-box; } #rec1574253631 .js-store-grid-cont.t-store__valign-buttons > .t-store__card .t-store__card__btns-wrapper .t-btnflex__text, #rec1574253631 .js-store-grid-cont.t-store__valign-buttons > .t-store__card .t-store__card__btns-wrapper .t-store__card__btn-text { white-space: nowrap; } @media (max-width: 960px) { #rec1574253631 .js-store-grid-cont.t-store__valign-buttons > .t-store__card.t-item { flex: 0 0 50%; width: 50% !important; max-width: 50% !important; padding-left: 10px; padding-right: 10px; } } @media (max-width: 640px) { #rec1574253631 .js-store-grid-cont.t-store__valign-buttons > .t-store__card.t-item { flex: 0 0 100%; width: 100% !important; max-width: 100% !important; } }