/* Loaded after every shared desktop stylesheet. */
@media (min-width: 1024px) {
  #viewProduct .gallery .gNav {
    display: none !important;
  }

  #viewProduct .gallery :is(.gNav, #favTopBtn) {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity .18s ease, visibility .18s ease, transform .18s ease !important;
  }

  #viewProduct .gallery:hover :is(.gNav:not(.hidden), #favTopBtn) {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  html[data-desktop-template="tilda"] {
    --accent-fg: #fff !important;
  }

  html[data-desktop-template="tilda"] body #desktopStoreHeader {
    grid-template-columns: 210px 110px minmax(260px, 1fr) repeat(3, 42px) !important;
    column-gap: 6px !important;
  }

  html[data-desktop-template="tilda"] body #desktopStoreHeader .desktopNavAction {
    width: 42px !important;
    min-width: 42px !important;
    justify-self: end !important;
  }

  html[data-desktop-template="tilda"] body .desktopSearchResultsBox,
  html[data-desktop-template="tilda"] body .desktopSearchProducts,
  html[data-desktop-template="tilda"] body .desktopSearchProductImg {
    background: #fff !important;
  }

  html[data-desktop-template="tilda"] body .desktopSearchProducts .pCard {
    border: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  html[data-desktop-template="tilda"] body .desktopSearchProducts .pBody {
    padding: 14px 0 20px !important;
  }

  html[data-desktop-template="tilda"] body .desktopSearchResultsBox {
    padding-inline: 0 !important;
  }

  html[data-desktop-template="tilda"] body .accountDeskLogin {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 6px !important;
    text-align: left !important;
  }

  html[data-desktop-template="tilda"] body .accountDeskLogin :is(b, span) {
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  html[data-desktop-template="tilda"] body *,
  html[data-desktop-template="tilda"] body *::before,
  html[data-desktop-template="tilda"] body *::after {
    border-radius: 0 !important;
  }

  html[data-desktop-template="tilda"] body #viewProduct #gPrev,
  html[data-desktop-template="tilda"] body #viewProduct #gNext,
  html[data-desktop-template="tilda"] body #viewProduct #favTopBtn {
    border-radius: 0 !important;
  }

  html[data-desktop-template="tilda"] body #viewProduct #favTopBtn.galleryFavoriteBtn {
    border: 0 !important;
    background: transparent !important;
    color: #fff !important;
    box-shadow: none !important;
  }

  html[data-desktop-template="tilda"] body #viewProduct #favTopBtn.galleryFavoriteBtn.favOn {
    color: #ff304b !important;
  }

  html[data-desktop-template="tilda"] body #viewProduct #favTopBtn.galleryFavoriteBtn svg {
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .24));
  }

  html[data-desktop-template="tilda"] .desktopGalleryClose {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }

  html[data-desktop-template="tilda"] .desktopGalleryClose::before {
    content: "" !important;
    width: 22px !important;
    height: 22px !important;
    background:
      linear-gradient(45deg, transparent 44%, #111827 44%, #111827 56%, transparent 56%),
      linear-gradient(-45deg, transparent 44%, #111827 44%, #111827 56%, transparent 56%) !important;
  }

  html[data-desktop-template="tilda"] body[data-view] :is(
    .accountDeskProfile, .accountDeskLogin,
    .accountDeskNavItem, .accountDeskNavIcon, .accountDeskRecent,
    .accountDeskRecentItem, .favoritesHero, .accountViewHero,
    .favoritesEmpty, .cartHero, .cartDeskGrid, .cartList,
    .cartEmpty, .cartItem, .cartSummary, .promoBlock,
    .orderSummaryCard, .orderItemCard, .accountOrderCard,
    .orderNotif, .looseNotif, .desktopSearchPanel,
    .desktopSearchProduct, .desktopSearchAll, .desktopSearchAll b,
    .desktopCatalogAll, .desktopCatalogLink, .desktopCatalogLink small
  ),
  html[data-desktop-template="tilda"] body #desktopStoreHeader,
  html[data-desktop-template="tilda"] body #desktopStoreHeader :is(
    .desktopLogo, .desktopCatalogBtn, .desktopSearchBox,
    #desktopSearchInput, .desktopNavAction, .desktopCartBadge
  ) {
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html[data-desktop-template="tilda"] body #accountOverlay.accountSheet,
  html[data-desktop-template="tilda"] body #accountOverlay :is(
    .sheetCloseButton, .webTelegramLoginPanel, .accountProfileCard,
    .searchResultItem, .srImg, .accountProfileAvatar,
    .accountProfileLogout, #recentlyViewedContainer
  ) {
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html[data-desktop-template="tilda"] body #accountOverlay.accountSheet {
    width: 460px !important;
    padding: 24px !important;
    border: 1px solid var(--desktop-template-line, #d8d8d8) !important;
    background: #fff !important;
  }

  html[data-desktop-template="tilda"] body #accountOverlay .accountSheetResults {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }

  html[data-desktop-template="tilda"] body #accountOverlay .webTelegramLoginPanel {
    padding: 18px 0 !important;
    border: 0 !important;
    border-top: 1px solid var(--desktop-template-line, #d8d8d8) !important;
    border-bottom: 1px solid var(--desktop-template-line, #d8d8d8) !important;
    background: #fff !important;
  }

  html[data-desktop-template="tilda"] body #accountOverlay .searchResultItem {
    min-height: 72px !important;
    padding: 12px 0 !important;
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) auto !important;
    align-items: center !important;
    justify-content: initial !important;
    gap: 12px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--desktop-template-line, #d8d8d8) !important;
    background: #fff !important;
  }

  html[data-desktop-template="tilda"] body #accountOverlay .srBody {
    min-width: 0 !important;
    align-self: center !important;
  }

  html[data-desktop-template="tilda"] body #accountOverlay :is(.srTitle, .srPrice) {
    position: static !important;
    margin: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
  }

  html[data-desktop-template="tilda"] body #accountOverlay .srPrice {
    margin-top: 3px !important;
  }

  html[data-desktop-template="tilda"] body #accountOverlay .searchResultItem:hover {
    transform: none !important;
    background: #f7f7f7 !important;
  }

  html[data-desktop-template="tilda"] body #accountOverlay .srImg {
    width: 40px !important;
    height: 40px !important;
    border: 0 !important;
    background: transparent !important;
  }

  html[data-desktop-template="tilda"] body #accountOverlay .sheetCloseButton {
    background: transparent !important;
    border: 1px solid var(--desktop-template-line, #d8d8d8) !important;
  }

  html[data-desktop-template="tilda"] body #viewCatalog :is(.catalogLeadHeader, .catalogCrumbs) {
    min-height: 0 !important;
    padding: 18px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--desktop-template-line, #d8d8d8) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html[data-desktop-template="tilda"] body .pCard .favBtn {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    color: #fff !important;
  }

  html[data-desktop-template="tilda"] body .pCard .favBtn .favIcon {
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .55)) !important;
  }

  html[data-desktop-template="tilda"] body .pCard .favBtn.favOn {
    color: #ff304b !important;
  }

  html[data-desktop-template="tilda"] body .desktopCatalogAll:not(.desktopCatalogStock),
  html[data-desktop-template="tilda"] body .desktopSearchAll b,
  html[data-desktop-template="tilda"] body :is(.btnPrimary, #submitOrder) {
    color: #fff !important;
  }

  html[data-desktop-template="tilda"] body[data-view="favorites"] #viewFavorites .favoritesEmpty,
  html[data-desktop-template="tilda"] body[data-view="notifications"] #viewNotifications > .section,
  html[data-desktop-template="tilda"] body[data-view="notifications"] .accountDeskMain > .section,
  html[data-desktop-template="tilda"] body[data-view="orders"] #viewOrders > .section,
  html[data-desktop-template="tilda"] body[data-view="orders"] .accountDeskMain > .section,
  html[data-desktop-template="tilda"] body[data-view="cart"] #viewCart :is(
    .cartHero, .cartItemSection, .cartDesktopSummary,
    #btnCheckout, #backCat, #goOrders
  ) {
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html[data-desktop-template="tilda"] body :is(
    .section, .card, .box, .panel, .pCard, .desktopStoreHeader,
    .desktopCatalogMenu, .desktopSearchPanel, .checkoutPageCard,
    .checkoutPageSection, .productShareSheet, .accountSheet,
    .segTabs, .segPill, .segBtn, .questionForm, .reviewForm
  ) {
    box-shadow: none !important;
  }

  html[data-desktop-template="tilda"] body #viewProduct #gWrap.gWrap,
  html[data-desktop-template="tilda"] body #viewProduct #descSection.section,
  html[data-desktop-template="tilda"] body #viewProduct #specsSection.section,
  html[data-desktop-template="tilda"] body #viewProduct #variantDescBox.section,
  html[data-desktop-template="tilda"] body #viewProduct #relatedSection.section,
  html[data-desktop-template="tilda"] body #viewProduct #feedbackBox.section,
  html[data-desktop-template="tilda"] body #viewProduct #feedbackBox .segTabs,
  html[data-desktop-template="tilda"] body #viewProduct #feedbackBox .segPill,
  html[data-desktop-template="tilda"] body #viewProduct #feedbackBox .segBtn {
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html[data-desktop-template="tilda"] #viewProduct .gWrap,
  html[data-desktop-template="tilda"] #viewProduct .galleryThumb,
  html[data-desktop-template="tilda"] #viewProduct .swThumb,
  html[data-desktop-template="tilda"] #viewProduct .swThumbImg,
  html[data-desktop-template="tilda"] #viewProduct .sz,
  html[data-desktop-template="tilda"] #viewProduct .section,
  html[data-desktop-template="tilda"] #viewProduct .segTabs,
  html[data-desktop-template="tilda"] #viewProduct .segPill,
  html[data-desktop-template="tilda"] #viewProduct .segBtn,
  html[data-desktop-template="tilda"] #viewProduct .desktopProductInfo,
  html[data-desktop-template="tilda"] #viewProduct .gallery,
  html[data-desktop-template="tilda"] #viewProduct .gSlide,
  html[data-desktop-template="tilda"] #viewProduct .gSlide img,
  html[data-desktop-template="tilda"] #viewProduct .relatedCard,
  html[data-desktop-template="tilda"] #viewProduct .reviewCard,
  html[data-desktop-template="tilda"] #viewProduct .questionCard,
  html[data-desktop-template="tilda"] #checkoutModal .checkoutPageCard,
  html[data-desktop-template="tilda"] #checkoutModal .checkoutPageSection,
  html[data-desktop-template="tilda"] #checkoutModal .checkoutChoice,
  html[data-desktop-template="tilda"] #checkoutModal .checkoutSummary,
  html[data-desktop-template="tilda"] #checkoutModal .fInput,
  html[data-desktop-template="tilda"] #checkoutModal input,
  html[data-desktop-template="tilda"] #checkoutModal textarea,
  html[data-desktop-template="tilda"] #checkoutModal select,
  html[data-desktop-template="tilda"] #checkoutModal button,
  html[data-desktop-template="tilda"] .desktopCatalogMenu,
  html[data-desktop-template="tilda"] .desktopSearchPanel,
  html[data-desktop-template="tilda"] .productShareSheet,
  html[data-desktop-template="tilda"] .accountSheet,
  html[data-desktop-template="tilda"] .sheet,
  html[data-desktop-template="tilda"] .modalContent {
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html[data-desktop-template="tilda"] #viewProduct .section {
    border: 0 !important;
    border-top: 1px solid var(--desktop-template-line, #d8d8d8) !important;
    background: transparent !important;
  }

  html[data-desktop-template="tilda"] #viewProduct #descSection,
  html[data-desktop-template="tilda"] #viewProduct #specsSection,
  html[data-desktop-template="tilda"] #viewProduct #variantDescBox {
    padding: 28px 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  html[data-desktop-template="tilda"] #viewProduct .galleryThumbs {
    background: #fff !important;
  }

  html[data-desktop-template="tilda"] #viewProduct :is(.gallery, .gWrap, .gImg) {
    background: #fff !important;
  }

  html[data-desktop-template="tilda"] #viewProduct #relatedSection,
  html[data-desktop-template="tilda"] #viewProduct #feedbackBox {
    padding: 36px 0 !important;
  }

  html[data-desktop-template="tilda"] #viewProduct #feedbackBox.section {
    padding: 36px 32px !important;
    border-radius: 0 !important;
  }

  html[data-desktop-template="tilda"] #viewProduct #feedbackBox :is(
    .segTabs, .segPill, .segBtn, .revForm, .qaAskForm,
    .qaItem, .qaReplyForm, .revTextarea, textarea, button
  ) {
    border-radius: 0 !important;
  }

  html[data-desktop-template="tilda"] #viewProduct #feedbackBox :is(.revForm, .qaAskForm) {
    padding: 28px !important;
  }

  html[data-desktop-template="tilda"] #viewProduct #feedbackBox :is(#reviewsBox, #questionsBox) {
    padding-top: 8px !important;
  }

  html[data-desktop-template="tilda"] #viewProduct .galleryThumb.isActive,
  html[data-desktop-template="tilda"] #viewProduct .swThumbOn,
  html[data-desktop-template="tilda"] #viewProduct .szOn,
  html[data-desktop-template="tilda"] #viewProduct .segBtn.segOn {
    box-shadow: inset 0 0 0 1px var(--desktop-template-text, #111) !important;
  }

  html[data-desktop-template="tilda"] #viewProduct .segTabs,
  html[data-desktop-template="tilda"] #viewProduct .segPill {
    background: transparent !important;
  }

  html[data-desktop-template="tilda"] #viewProduct .segBtn {
    border-bottom: 1px solid var(--desktop-template-line, #d8d8d8) !important;
  }
}

/* Catalog site header v36.
   This file loads after the shared header styles, therefore the final grid
   must live here instead of being replaced by the legacy Tilda grid. */
@media (min-width: 1024px) {
  html[data-desktop-template="tilda"] body #desktopStoreHeader.usesSiteHeader:has(.desktopSiteNavigation) {
    grid-template-columns: minmax(96px, 190px) minmax(0, 1fr) repeat(4, 42px) !important;
    column-gap: 10px !important;
    overflow: visible !important;
  }

  html[data-desktop-template="tilda"] body #desktopStoreHeader.usesSiteHeader .desktopSiteNavigation {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: hidden !important;
  }

  html[data-desktop-template="tilda"] body #desktopStoreHeader.usesSiteHeader .desktopSiteNavigation a {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    white-space: nowrap !important;
  }

  html[data-desktop-template="tilda"] body #desktopStoreHeader.usesSiteHeader .desktopSearchBox {
    position: absolute !important;
    top: calc(100% + 10px) !important;
    right: 0 !important;
    width: min(560px, calc(100vw - 32px)) !important;
    min-width: 0 !important;
    display: none !important;
    z-index: 60 !important;
    background: var(--catalog-site-header-background, #fff) !important;
  }

  html[data-desktop-template="tilda"] body #desktopStoreHeader.usesSiteHeader.siteSearchOpen .desktopSearchBox {
    display: flex !important;
  }
}

/* Protect mobile from the obsolete logo banner during asynchronous hydration. */
html.catalogSiteHeaderEnabled .siteHeaderBanner {
  display: none !important;
}

@media (min-width: 1024px) {
  .pCardPreviewDots {
    position: absolute !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 10px !important;
    z-index: 3 !important;
    display: flex !important;
    gap: 4px !important;
    pointer-events: none !important;
  }

  .pCardPreviewDots i {
    display: block !important;
    height: 2px !important;
    flex: 1 1 0 !important;
    background: rgba(255, 255, 255, .5) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .18) !important;
  }

  .pCardPreviewDots i.isActive {
    background: #fff !important;
  }

  html[data-desktop-gallery-layout="vertical"] #viewProduct .gallery {
    display: grid !important;
    grid-template-columns: 84px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: start !important;
    gap: 0 14px !important;
  }

  html[data-desktop-gallery-layout="vertical"] #viewProduct .gWrap {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
  }

  html[data-desktop-gallery-layout="vertical"] #viewProduct .galleryThumbsWrap {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 84px !important;
    align-self: center !important;
    margin: 0 !important;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 6%, #000 94%, transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0%, #000 6%, #000 94%, transparent 100%);
  }

  html[data-desktop-gallery-layout="vertical"] #viewProduct .galleryThumbs {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 84px !important;
    max-height: min(760px, calc(100vh - var(--desktop-header-h) - 112px)) !important;
    margin: 0 !important;
    padding: 6px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  html[data-desktop-template="classic"][data-desktop-gallery-layout="vertical"] #viewProduct .galleryThumbs {
    align-self: center !important;
  }

  html[data-desktop-template="tilda"][data-desktop-gallery-layout="vertical"] #viewProduct .galleryThumbs {
    align-self: center !important;
  }

  html[data-desktop-template="classic"][data-desktop-gallery-layout="vertical"] #viewProduct .gPrev {
    left: 114px !important;
  }

  html[data-desktop-template="classic"][data-desktop-gallery-layout="vertical"] #viewProduct .gNext {
    right: 16px !important;
  }

  html[data-desktop-template="classic"][data-desktop-gallery-layout="vertical"] #viewProduct #favTopBtn {
    top: 72px !important;
    right: 16px !important;
  }

  html[data-desktop-template="tilda"][data-desktop-gallery-layout="vertical"] #viewProduct .gPrev {
    left: 114px !important;
  }

  html[data-desktop-template="tilda"][data-desktop-gallery-layout="vertical"] #viewProduct .gNext {
    right: 16px !important;
  }

  html[data-desktop-template="tilda"][data-desktop-gallery-layout="vertical"] #viewProduct #favTopBtn {
    top: 16px !important;
    right: 16px !important;
  }

  html[data-desktop-template="tilda"][data-desktop-gallery-layout="horizontal"] #viewProduct .gPrev {
    left: 56px !important;
  }

  html[data-desktop-template="tilda"][data-desktop-gallery-layout="horizontal"] #viewProduct .gNext {
    right: 56px !important;
  }

  html[data-desktop-template="tilda"][data-desktop-gallery-layout="horizontal"] #viewProduct #favTopBtn {
    top: 16px !important;
    right: 56px !important;
  }

  /* Strict zero border-radius for product card gallery main photos across ALL themes/templates */
  html #viewProduct :is(.gallery, .gWrap, .gSlide, .gImg, .gSlide img, #gWrap) {
    border-radius: 0 !important;
  }

  html[data-desktop-template="classic"] #viewProduct .gWrap {
    overflow: hidden !important;
  }

  html[data-desktop-gallery-layout="vertical"] #viewProduct .galleryThumb,
  html[data-desktop-gallery-layout="vertical"] #viewProduct .galleryThumb img {
    width: 74px !important;
    min-width: 74px !important;
    flex: 0 0 92px !important;
  }

  html[data-desktop-gallery-layout="vertical"] #viewProduct .dots {
    grid-column: 2 !important;
  }

  html[data-desktop-gallery-layout="vertical"] #viewProduct .gPrev {
    left: 98px !important;
  }

  /* Only the recently viewed rail may move horizontally in the account menu. */
  #accountOverlay.accountSheet {
    top: calc(var(--desktop-header-h, 70px) + 28px) !important;
    bottom: 24px !important;
    height: auto !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    overscroll-behavior: contain !important;
  }

  #accountOverlay .accountSheetResults {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: scroll !important;
    overscroll-behavior-x: none !important;
    overscroll-behavior-y: contain !important;
    touch-action: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable;
  }

  #accountOverlay .accountSheetResults > * {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  #accountOverlay #recentlyViewedContainer {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  #accountOverlay #recentlyViewedList.recentViewedSlider {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: contain !important;
    touch-action: pan-x !important;
    -webkit-overflow-scrolling: touch;
  }

  /* Tilda keeps a strict rectangular geometry on account pages and menus. */
  html[data-desktop-template="tilda"] body #accountOverlay.accountSheet,
  html[data-desktop-template="tilda"] body #accountOverlay :is(
    .sheetCloseButton, .webTelegramLoginPanel, .accountProfileCard,
    .accountProfileAvatar, .accountProfileLogout, .searchResultItem,
    .srImg, .accountLegalLink, #recentlyViewedContainer,
    .recentViewedSlider, .pCard, .pImg, .favBtn
  ),
  html[data-desktop-template="tilda"] body :is(
    #viewFavorites, #viewOrders, #viewNotifications, #viewPromos, #viewCart
  ) :is(
    .section, .favoritesHero, .accountViewHero, .favoritesEmpty,
    .cartHero, .cartDeskGrid, .cartList, .cartEmpty, .cartItem,
    .cartSummary, .promoBlock, .orderSummaryCard, .orderItemCard,
    .accountOrderCard, .orderNotif, .looseNotif, .accountDeskNav,
    .accountDeskNavItem, .accountDeskNavIcon, .accountDeskRecent,
    .accountDeskRecentItem, .pCard, .pImg, .favBtn, button
  ) {
    border-radius: 0 !important;
  }

  /* Remove the clipped-corner panel underlays from the desktop account area. */
  html[data-desktop-template="tilda"] body :is(
    #viewFavorites, #viewOrders, #viewNotifications, #viewPromos
  ) :is(
    .accountDeskShell, .accountDeskAside, .accountDeskMain,
    .accountDeskMain > .section, .accountPromosPanel,
    .favoritesHero, .accountViewHero
  ) {
    border-radius: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    clip-path: none !important;
  }

  html[data-desktop-template="tilda"] body :is(
    #viewFavorites, #viewOrders, #viewNotifications, #viewPromos
  ) :is(.accountDeskAside, .accountPromosPanel) {
    border: 0 !important;
    background: transparent !important;
  }

  html[data-desktop-template="tilda"] body #viewPromos .promoWalletEmpty {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html[data-desktop-template="tilda"] body .accountDeskRecentList {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  /* Final square-corner pass for ecommerce and feedback components. */
  html[data-desktop-template="tilda"] body #viewPromos :is(
    .promoWalletCard, .promoWalletTop strong, .promoCodeCopy,
    .promoCodeCopy small, .promoWalletApply
  ),
  html[data-desktop-template="tilda"] body #viewOrders :is(
    .accountOrderCard, .accountOrderDate, .accountOrderOpen,
    .accountOrderThumbs, .thumb, .statusPillFixed,
    .orderSummaryCard, .orderItemCard, .orderItemRow,
    .orderThumb, .orderDisc, .btn
  ),
  html[data-desktop-template="tilda"] body #viewProduct #feedbackBox :is(
    .revItem, .revAvatar, .revAdminReply, .revReply,
    .revPending, .revRejected, .voteCirc,
    .qaItem, .qaQuestionHead, .qaAnswers, .qaAnswer,
    .qaAvatar, .qaPending, .qaRejected, .qaReplyForm,
    .revForm, .qaAskForm, .revTextarea, textarea, button
  ) {
    border-radius: 0 !important;
  }

  html[data-desktop-template="tilda"] body #viewPromos .promoWalletCard,
  html[data-desktop-template="tilda"] body #viewOrders :is(.accountOrderCard, .orderItemCard),
  html[data-desktop-template="tilda"] body #viewProduct #feedbackBox :is(.revItem, .qaItem, .qaAnswer, .revAdminReply) {
    box-shadow: none !important;
  }

  html[data-desktop-template="tilda"] body #viewPromos .promoWalletCard {
    overflow: visible !important;
    border: 1px solid var(--desktop-template-line, #d8d8d8) !important;
    clip-path: none !important;
    mask: none !important;
    -webkit-mask: none !important;
  }

  html[data-desktop-template="tilda"] body #viewPromos .promoWalletCard::before,
  html[data-desktop-template="tilda"] body #viewPromos .promoWalletCard::after {
    content: none !important;
    display: none !important;
  }

  html[data-desktop-template="tilda"] body #viewOrders .accountOrderHead {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 5px !important;
  }

  html[data-desktop-template="tilda"] body #viewOrders .accountOrderHead .h1 {
    margin: 0 !important;
  }

  html[data-desktop-template="tilda"] body #viewOrders .accountOrderDate {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #8b94a3 !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
  }

  /* Stable two-column checkout layout for the Tilda desktop template. */
  html[data-desktop-template="tilda"] body #checkoutModal.checkoutPageModal {
    display: grid !important;
    grid-template-columns: 280px minmax(0, 960px) !important;
    justify-content: center !important;
    align-items: start !important;
    gap: 32px !important;
    width: 100% !important;
    height: 100dvh !important;
    padding: calc(var(--desktop-header-h, 70px) + 36px) 32px 56px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
  }

  html[data-desktop-template="tilda"] body #checkoutModal .checkoutDesktopAccount {
    width: 280px !important;
    min-width: 0 !important;
    max-width: 280px !important;
  }

  html[data-desktop-template="tilda"] body #checkoutModal .checkoutDesktopAccount > .accountDeskAside {
    position: sticky !important;
    top: 0 !important;
    width: 280px !important;
    min-width: 0 !important;
    max-width: 280px !important;
    padding: 20px !important;
    border: 1px solid var(--desktop-template-line, #d8d8d8) !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    background: var(--desktop-template-background, #fff) !important;
    box-shadow: none !important;
  }

  html[data-desktop-template="tilda"] body #checkoutModal .checkoutDesktopAccount .accountDeskRecentList {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  html[data-desktop-template="tilda"] body #checkoutModal .checkoutDesktopAccount .accountDeskRecentItem {
    min-width: 0 !important;
    border-radius: 0 !important;
  }

  html[data-desktop-template="tilda"] body #checkoutModal .checkoutDesktopAccount .accountDeskRecentItem span {
    display: none !important;
  }

  html[data-desktop-template="tilda"] body #checkoutModal .checkoutPageCard {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 960px !important;
    margin: 0 !important;
    padding: 40px 52px 56px !important;
    box-sizing: border-box !important;
  }

  html[data-desktop-template="tilda"] body #checkoutModal :is(
    .checkoutPageHeader, .checkoutPageSection, .checkoutPageActions,
    .checkoutChoiceWrap, .checkoutChoice, .checkoutFields,
    .checkoutSummary, .fInput, input, textarea, select, button
  ) {
    border-radius: 0 !important;
  }

  /* Checkout is the next storefront page, not an overlay with an account rail. */
  html[data-desktop-template="tilda"] body #checkoutModal.checkoutPageModal {
    display: block !important;
    width: 100% !important;
    height: 100dvh !important;
    padding: calc(var(--desktop-header-h, 70px) + 42px) 32px 72px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: var(--desktop-template-background, #fff) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html[data-desktop-template="tilda"] body #checkoutModal.checkoutPageModal::before {
    content: none !important;
    display: none !important;
  }

  html[data-desktop-template="tilda"] body #checkoutModal .checkoutDesktopAccount {
    display: none !important;
  }

  html[data-desktop-template="tilda"] body #checkoutModal .checkoutPageCard {
    width: min(1120px, calc(100vw - 64px)) !important;
    max-width: 1120px !important;
    margin: 0 auto !important;
    padding: 0 0 56px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html[data-desktop-template="tilda"] body #checkoutModal .checkoutPageHeader {
    margin: 0 0 24px !important;
    padding: 26px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--desktop-template-line, #d8d8d8) !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html[data-desktop-template="tilda"] body #checkoutModal .checkoutPageTitle {
    font-size: 38px !important;
    line-height: 1.05 !important;
    text-align: left !important;
  }

  html[data-desktop-template="tilda"] body #checkoutModal .checkoutPageIntro {
    margin: 0 0 34px !important;
    text-align: left !important;
  }

  html[data-desktop-template="tilda"] body #checkoutModal .checkoutPageSection {
    padding: 30px 0 !important;
    border: 0 !important;
    border-top: 1px solid var(--desktop-template-line, #d8d8d8) !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  /* Related products stay flat and keep breathing room inside their frame. */
  html[data-desktop-template="tilda"] body #viewProduct #relatedSection.section {
    padding: 36px 28px 40px !important;
    overflow: hidden !important;
  }

  html[data-desktop-template="tilda"] body #viewProduct #relatedSection .relatedGrid {
    gap: 20px !important;
    padding: 16px 4px 24px !important;
    scroll-padding-inline: 4px !important;
  }

  html[data-desktop-template="tilda"] body #viewProduct #relatedSection .pCard,
  html[data-desktop-template="tilda"] body #viewProduct #relatedSection .pCard:hover,
  html[data-desktop-template="tilda"] body #viewProduct #relatedSection .pCard:focus-within {
    transform: none !important;
    border-color: var(--desktop-template-line, #d8d8d8) !important;
    box-shadow: none !important;
  }

  html[data-desktop-template="tilda"] body #viewProduct #relatedSection .pBody {
    padding: 16px 0 18px !important;
  }

  /* Checkout uses the same account workspace shell as cart and account pages. */
  html[data-desktop-template="tilda"] body #checkoutModal.checkoutPageModal {
    display: grid !important;
    grid-template-columns: 280px minmax(0, 1120px) !important;
    justify-content: center !important;
    align-items: start !important;
    gap: 32px !important;
    padding: calc(var(--desktop-header-h, 70px) + 42px) 32px 72px !important;
    background: var(--desktop-template-background, #fff) !important;
  }

  html[data-desktop-template="tilda"] body #checkoutModal .checkoutDesktopAccount {
    display: block !important;
    width: 280px !important;
    min-width: 0 !important;
    max-width: 280px !important;
  }

  html[data-desktop-template="tilda"] body #checkoutModal .checkoutDesktopAccount > .accountDeskAside {
    position: sticky !important;
    top: 0 !important;
    width: 280px !important;
    min-width: 0 !important;
    max-width: 280px !important;
    padding: 18px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html[data-desktop-template="tilda"] body #checkoutModal .checkoutPageCard {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 1120px !important;
    margin: 0 !important;
  }

  html[data-desktop-template="tilda"] body #checkoutModal .checkoutDesktopAccount :is(
    .accountDeskLogin, .accountDeskProfile, .accountDeskNavItem,
    .accountDeskNavIcon, .accountDeskRecent, .accountDeskRecentItem
  ) {
    border-radius: 0 !important;
    box-shadow: none !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199px) {
  html[data-desktop-template="tilda"] body #checkoutModal.checkoutPageModal {
    grid-template-columns: 230px minmax(0, 1fr) !important;
    gap: 24px !important;
    padding-inline: 24px !important;
  }

  html[data-desktop-template="tilda"] body #checkoutModal .checkoutDesktopAccount,
  html[data-desktop-template="tilda"] body #checkoutModal .checkoutDesktopAccount > .accountDeskAside {
    width: 230px !important;
    max-width: 230px !important;
  }
}

/* The checkout shares one structure across themes; Tilda only changes its visual tokens. */
@media (min-width: 1024px) {
  html[data-desktop-template="tilda"] body #checkoutModal {
    --checkout-accent: var(--desktop-template-accent,#000);
    --checkout-surface: var(--desktop-template-background,#fff);
    --checkout-soft: color-mix(in srgb,var(--desktop-template-accent,#000) 6%,var(--desktop-template-background,#fff));
    --checkout-radius: 0px;
    --checkout-control-radius: 0px;
  }
  html[data-desktop-template="tilda"] body #checkoutModal.checkoutPageModal {
    display:block !important; grid-template-columns:none !important; align-items:initial !important; justify-content:initial !important;
    width:100% !important; height:100dvh !important; padding:calc(var(--desktop-header-h,72px) + 24px) max(24px,calc((100vw - 1480px)/2)) 64px !important;
    overflow:auto !important; background:var(--desktop-template-background,#fff) !important;
  }
  html[data-desktop-template="tilda"] body #checkoutModal.checkoutPageModal.hidden { display:none !important; }
  html[data-desktop-template="tilda"] body #checkoutModal > .checkoutDesktopAccount { display:none !important; }
  html[data-desktop-template="tilda"] body #checkoutModal .checkoutPageCard {
    width:100% !important; max-width:1480px !important; margin:0 auto !important; padding:0 !important;
    border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important;
  }
  html[data-desktop-template="tilda"] body #checkoutModal .checkoutPageHeader {
    display:grid !important; grid-template-columns:190px minmax(0,1fr) 190px !important; min-height:72px !important;
    margin:0 0 22px !important; padding:0 !important; border:0 !important; background:transparent !important;
  }
  html[data-desktop-template="tilda"] body #checkoutModal .checkoutPageHeader > div { grid-column:2 !important; }
  html[data-desktop-template="tilda"] body #checkoutModal .checkoutPageTitle { font-size:30px !important; }
  html[data-desktop-template="tilda"] body #checkoutModal .checkoutPageLayout {
    display:grid !important; grid-template-columns:minmax(0,1fr) 410px !important; gap:30px !important; align-items:start !important;
  }
  html[data-desktop-template="tilda"] body #checkoutModal .checkoutPageSection {
    margin:0 !important; padding:24px !important; border:1px solid var(--desktop-template-line,#d8d8d8) !important;
    border-radius:0 !important; background:var(--desktop-template-background,#fff) !important; box-shadow:none !important;
  }
  html[data-desktop-template="tilda"] body #checkoutModal :is(
    .checkoutOrderCard,.checkoutGuarantee,.checkoutChoiceWrap,.checkoutChoiceIcon,
    .checkoutFields.checkoutChoiceDetails,.checkoutPromoStatus,.checkoutOrderItem img,.fInput,#submitOrder
  ) { box-shadow:none !important; }
  html[data-desktop-template="tilda"] body #checkoutModal .checkoutStepNumber { border-radius:50% !important; }
  html[data-desktop-template="tilda"] body #checkoutModal .checkoutChoices { grid-template-columns:repeat(4,minmax(0,1fr)) !important; }
  html[data-desktop-template="tilda"] body #checkoutModal .checkoutChoice { min-height:112px !important; border:1px solid var(--desktop-template-line,#d8d8d8) !important; border-radius: 14px !important; }
  html[data-desktop-template="tilda"] body #checkoutModal .checkoutChoice.isActive {
    border-color: #1e293b !important;
    background: #fff !important;
    border-radius: 14px !important;
  }
  html[data-desktop-template="tilda"] body #checkoutModal .checkoutChoiceWrap,
  html[data-desktop-template="tilda"] body #checkoutModal .checkoutChoiceWrap.isOpen {
    border:0 !important;
    overflow:visible !important;
    clip-path:none !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  html[data-desktop-template="tilda"] body #checkoutModal .checkoutChoiceWrap.isOpen .checkoutChoice,
  html[data-desktop-template="tilda"] body #checkoutModal .checkoutChoiceWrap.isOpen .checkoutChoice.isActive {
    position:relative !important;
    width:100% !important;
    border:1px solid var(--desktop-template-accent,#000) !important;
    border-radius:14px !important;
    outline:0 !important;
    background:color-mix(in srgb,var(--desktop-template-accent,#000) 5%,var(--desktop-template-background,#fff)) !important;
    box-shadow:inset 0 0 0 1px transparent !important;
    overflow:hidden !important;
  }
  html[data-desktop-template="tilda"] body #checkoutModal .checkoutChoiceWrap.isOpen .checkoutFields.checkoutChoiceDetails {
    width:100% !important;
    margin:10px 0 0 !important;
    border:1px solid var(--desktop-template-line,#d8d8d8) !important;
    overflow:visible !important;
  }
  html[data-desktop-template="tilda"] body #checkoutModal .checkoutOrderColumn { position:sticky !important; top:0 !important; }
}
@media (min-width:1024px) and (max-width:1260px) {
  html[data-desktop-template="tilda"] body #checkoutModal .checkoutPageLayout { grid-template-columns:minmax(0,1fr) 350px !important; gap:22px !important; }
  html[data-desktop-template="tilda"] body #checkoutModal .checkoutChoices { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}

/* Checkout edge lock. This file is loaded last, so legacy radius rules cannot win. */
@media (min-width: 1024px) {
  html[data-desktop-template="tilda"] #checkoutModal .checkoutChoiceWrap,
  html[data-desktop-template="tilda"] #checkoutModal .checkoutChoiceWrap.isOpen {
    clip-path: none !important;
  }

  html[data-desktop-template="tilda"] #checkoutModal .checkoutChoiceWrap.isOpen,
  html[data-desktop-template="tilda"] #deliveryMethodChoices .checkoutChoiceWrap.isOpen,
  html[data-desktop-template="tilda"] #paymentMethodChoices .checkoutChoiceWrap.isOpen {
    overflow: visible !important;
  }
}

/* Compact Tilda account dropdown. Keep generic desktop tile rules out of this theme. */
@media (min-width: 1024px) {
  html[data-desktop-template="tilda"] body #accountOverlay.accountSheet {
    width: 460px !important;
    max-width: calc(100vw - 48px) !important;
    bottom: auto !important;
    height: auto !important;
    max-height: calc(100dvh - var(--desktop-header-h, 70px) - 52px) !important;
    padding: 20px 24px !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border-radius: 0 !important;
  }

  html[data-desktop-template="tilda"] body #accountOverlay .accountSheetResults {
    display: flex !important;
    flex: 0 1 auto !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  html[data-desktop-template="tilda"] body #accountOverlay .accountProfileCard,
  html[data-desktop-template="tilda"] body #accountOverlay .webTelegramLoginPanel {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 14px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--desktop-template-line, #d8d8d8) !important;
    border-radius: 0 !important;
    background: #fff !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  html[data-desktop-template="tilda"] body #accountOverlay .accountProfileCard {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) 40px !important;
    align-items: center !important;
    gap: 12px !important;
  }

  html[data-desktop-template="tilda"] body #accountOverlay :is(
    .accountProfileAvatar, .accountProfileLogout
  ) {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html[data-desktop-template="tilda"] body #accountOverlay .searchResultItem {
    position: relative !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 68px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 10px 4px !important;
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) 24px !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    justify-content: initial !important;
    gap: 12px !important;
    overflow: visible !important;
    border: 0 !important;
    border-bottom: 1px solid var(--desktop-template-line, #d8d8d8) !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html[data-desktop-template="tilda"] body #accountOverlay .searchResultItem:hover {
    transform: none !important;
    background: #f7f7f7 !important;
    box-shadow: none !important;
  }

  html[data-desktop-template="tilda"] body #accountOverlay .searchResultItem::after {
    content: "→" !important;
    position: static !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: center !important;
    color: #98a2b3 !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }

  html[data-desktop-template="tilda"] body #accountOverlay .srImg {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html[data-desktop-template="tilda"] body #accountOverlay .srBody {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
    min-width: 0 !important;
    width: auto !important;
    margin: 0 !important;
  }

  html[data-desktop-template="tilda"] body #accountOverlay .srTitle {
    font-size: 15px !important;
    line-height: 1.25 !important;
  }

  html[data-desktop-template="tilda"] body #accountOverlay .srPrice {
    margin-top: 3px !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  html[data-desktop-template="tilda"] body #accountOverlay #recentlyViewedContainer {
    flex: 0 0 auto !important;
    margin: 18px 0 0 !important;
    padding: 16px 0 0 !important;
    border-top: 1px solid var(--desktop-template-line, #d8d8d8) !important;
    border-radius: 0 !important;
  }
}

/* Keep the selected Tilda visual language on phones and tablets too.
   This must stay last so shared mobile rules cannot restore rounded cards. */
@media (max-width: 1023px) {
  html[data-desktop-template="tilda"] body *,
  html[data-desktop-template="tilda"] body *::before,
  html[data-desktop-template="tilda"] body *::after {
    border-radius: 0 !important;
  }
}

/* Ensure modern checkout cards have proper rounded corners even in Tilda template */
#checkoutModal .checkoutChoiceWrap,
#checkoutModal .checkoutChoiceWrap.isOpen,
html body #checkoutModal .checkoutChoiceWrap {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

#checkoutModal .checkoutChoice,
#checkoutModal .checkoutChoiceWrap.isOpen .checkoutChoice,
html body #checkoutModal .checkoutChoice,
html body #checkoutModal .checkoutChoiceWrap.isOpen .checkoutChoice.isActive {
  border: 1px solid var(--border, #e2e8f0) !important;
  border-radius: 14px !important;
  background: var(--card, #ffffff) !important;
  overflow: hidden !important;
}

#checkoutModal .checkoutChoice.isActive,
#checkoutModal .checkoutChoiceWrap.isOpen .checkoutChoice.isActive,
html body #checkoutModal .checkoutChoice.isActive {
  border: 2px solid #1e293b !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08) !important;
}

/* Absolute final lock to prevent lifting above containers or overflowing borders */
#checkoutModal .checkoutChoice,
#checkoutModal .checkoutChoice:hover,
#checkoutModal .checkoutChoice:focus,
#checkoutModal .checkoutChoice:active,
#checkoutModal .checkoutChoiceWrap,
#checkoutModal .checkoutChoiceWrap:hover,
html body #checkoutModal .checkoutChoice,
html body #checkoutModal .checkoutChoice:hover {
  transform: none !important;
}

#checkoutModal .checkoutPageSection {
  overflow: hidden !important;
}

/* Modern Minimalist Cart & Account Workspace Styling for Tilda Desktop */
@media (min-width: 1024px) {
  /* Pull main workspace higher under the top header */
  html[data-desktop-template="tilda"] body #main,
  html[data-desktop-template="tilda"] body .cartAccountShell,
  html[data-desktop-template="tilda"] body .accountDeskShell {
    margin-top: 12px !important;
    padding-top: 0 !important;
  }

  html[data-desktop-template="tilda"] body .accountDeskAside,
  html[data-desktop-template="tilda"] body .cartAccountShell > .accountDeskAside {
    top: calc(var(--desktop-header-h, 72px) + 16px) !important;
  }

  /* ==================== CART REDESIGN ==================== */
  /* Remove outer box/border from the main "Корзина" title header block */
  html[data-desktop-template="tilda"] #viewCart .cartHero {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 0 16px 0 !important;
    margin-bottom: 0 !important;
  }

  html[data-desktop-template="tilda"] #viewCart .cartHero .h1 {
    font-size: 32px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: -0.03em !important;
  }

  html[data-desktop-template="tilda"] #viewCart .cartDesktopShell {
    grid-template-columns: minmax(0, 1fr) 380px !important;
    gap: 36px !important;
    margin-top: 0 !important;
  }

  /* Cart Item Card: Top border separators for ALL items */
  html body #viewCart .cartItemSection,
  html body #viewCart .cartAccountMain .cartItemSection,
  html[data-desktop-template="tilda"] body #viewCart .cartItemSection,
  html[data-desktop-template="tilda"] body #viewCart .cartAccountMain .cartItemSection {
    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid #e2e8f0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 24px 0 !important;
    margin-bottom: 0 !important;
  }

  html body #viewCart .cartItemSection:last-child,
  html body #viewCart .cartAccountMain .cartItemSection:last-child,
  html[data-desktop-template="tilda"] body #viewCart .cartItemSection:last-child,
  html[data-desktop-template="tilda"] body #viewCart .cartAccountMain .cartItemSection:last-child {
    border-bottom: 1px solid #e2e8f0 !important;
  }

  html body #viewCart .cartDesktopItems,
  html body #viewCart .cartAccountMain .cartDesktopItems,
  html[data-desktop-template="tilda"] body #viewCart .cartDesktopItems,
  html[data-desktop-template="tilda"] body #viewCart .cartAccountMain .cartDesktopItems {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    border-top: 0 !important;
  }

  html body #viewCart .cartItemSection:hover,
  html body #viewCart .cartAccountMain .cartItemSection:hover,
  html[data-desktop-template="tilda"] body #viewCart .cartItemSection:hover,
  html[data-desktop-template="tilda"] body #viewCart .cartAccountMain .cartItemSection:hover {
    border-color: #cbd5e1 !important;
    box-shadow: none !important;
  }

  /* Cart Item Layout */
  html[data-desktop-template="tilda"] #viewCart .cItem {
    grid-template-columns: 105px minmax(0, 1fr) !important;
    gap: 24px !important;
  }

  /* Image Wrap */
  html[data-desktop-template="tilda"] #viewCart .cImgWrap {
    width: 105px !important;
    height: 140px !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    background: #f8fafc !important;
  }

  html[data-desktop-template="tilda"] #viewCart .cImg {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    transition: transform 0.3s ease !important;
  }

  html[data-desktop-template="tilda"] #viewCart .cItem:hover .cImg {
    transform: scale(1.03) !important;
  }

  /* Title and Subtitle */
  html[data-desktop-template="tilda"] #viewCart .cTitle {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    letter-spacing: -0.01em !important;
    line-height: 1.3 !important;
    margin-bottom: 6px !important;
  }

  html[data-desktop-template="tilda"] #viewCart .cSub {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #64748b !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    margin-bottom: 16px !important;
  }

  /* Prices */
  html[data-desktop-template="tilda"] #viewCart .nowPrice {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: -0.02em !important;
  }

  html[data-desktop-template="tilda"] #viewCart .oldPrice {
    font-size: 15px !important;
    color: #94a3b8 !important;
    text-decoration: line-through !important;
    margin-right: 8px !important;
  }

  /* Single-Block Modern Quantity Selector */
  html[data-desktop-template="tilda"] #viewCart .ibQtySelector {
    border: 1px solid #e2e8f0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    height: 38px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }

  html[data-desktop-template="tilda"] #viewCart .ibQtyBtn {
    width: 36px !important;
    height: 36px !important;
    border-radius: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #0f172a !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background 0.15s ease, color 0.15s ease !important;
    cursor: pointer !important;
  }

  html[data-desktop-template="tilda"] #viewCart .ibQtyBtn.isTrash {
    color: #ef4444 !important;
  }

  html[data-desktop-template="tilda"] #viewCart .ibQtyBtn.isTrash svg {
    width: 16px !important;
    height: 16px !important;
  }

  html[data-desktop-template="tilda"] #viewCart .ibQtyBtn:hover {
    background: #f1f5f9 !important;
  }

  html[data-desktop-template="tilda"] #viewCart .ibQtyBtn.isTrash:hover {
    background: #fef2f2 !important;
    color: #dc2626 !important;
  }

  html[data-desktop-template="tilda"] #viewCart .ibQtyVal {
    font-size: 14px !important;
    font-weight: 700 !important;
    min-width: 34px !important;
    text-align: center !important;
    color: #0f172a !important;
  }

  /* Summary Card Sidebar */
  html[data-desktop-template="tilda"] #viewCart .cartDesktopSummary {
    background: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    border-radius: 0 !important;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.04) !important;
    padding: 30px 28px !important;
  }

  /* Order Summary Title: Highly visible, bold & clear */
  html[data-desktop-template="tilda"] #viewCart .cartDesktopSummary::before {
    content: "Ваш заказ" !important;
    display: block !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    color: #0f172a !important;
    letter-spacing: -0.02em !important;
    text-align: center !important;
    opacity: 1 !important;
    margin-bottom: 20px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px dashed #cbd5e1 !important;
  }

  /* Promo trigger */
  html[data-desktop-template="tilda"] #viewCart .promoTrigger {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #64748b !important;
    border-bottom: 1px dashed #cbd5e1 !important;
    transition: color 0.15s ease, border-color 0.15s ease !important;
    cursor: pointer !important;
  }

  html[data-desktop-template="tilda"] #viewCart .promoTrigger:hover {
    color: #0f172a !important;
    border-color: #0f172a !important;
  }

  /* Total Price Row */
  html[data-desktop-template="tilda"] #viewCart .cartTotal {
    margin-top: 24px !important;
    padding-top: 20px !important;
    border-top: 1px solid #f1f5f9 !important;
  }

  html[data-desktop-template="tilda"] #viewCart .cartTotalNow {
    font-size: 28px !important;
    font-weight: 900 !important;
    color: #0f172a !important;
    letter-spacing: -0.03em !important;
  }

  /* Main Checkout Button */
  html[data-desktop-template="tilda"] #viewCart #goCheckout {
    width: 100% !important;
    height: 52px !important;
    border-radius: 0 !important;
    background: #0f172a !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    border: 0 !important;
    margin-top: 20px !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.15) !important;
    transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease !important;
  }

  html[data-desktop-template="tilda"] #viewCart #goCheckout:hover {
    background: #000000 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) !important;
    transform: translateY(-1px) !important;
  }

  /* ==================== ACCOUNT WORKSPACE CLEAN STYLE ==================== */
  /* Remove outer box border/cards in Account Sidebar for Tilda */
  html[data-desktop-template="tilda"] .accountDeskAside {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 18px 0 !important;
  }

  html[data-desktop-template="tilda"] .accountDeskAsideTitle {
    font-size: 20px !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    color: #0f172a !important;
    margin-bottom: 20px !important;
  }

  /* Nav Items in Account Workspace: strictly rectangular zero radius */
  html[data-desktop-template="tilda"] .accountDeskNav {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  html[data-desktop-template="tilda"] .accountDeskNavItem {
    border: 1px solid #f1f5f9 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    padding: 14px 16px !important;
    transition: background 0.15s ease, border-color 0.15s ease !important;
  }

  html[data-desktop-template="tilda"] .accountDeskNavItem:hover {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
  }

  html[data-desktop-template="tilda"] .accountDeskNavItem.active {
    background: #0f172a !important;
    border-color: #0f172a !important;
    color: #ffffff !important;
  }

  html[data-desktop-template="tilda"] .accountDeskNavItem.active b,
  html[data-desktop-template="tilda"] .accountDeskNavItem.active em {
    color: #ffffff !important;
  }

  html[data-desktop-template="tilda"] .accountDeskNavIcon {
    border: 1px solid #e2e8f0 !important;
    border-radius: 0 !important;
    background: #f8fafc !important;
  }

  html[data-desktop-template="tilda"] .accountDeskProfile,
  html[data-desktop-template="tilda"] .accountDeskLogin {
    border-radius: 0 !important;
  }

  html[data-desktop-template="tilda"] .accountDeskNavItem.active .accountDeskNavIcon {
    border-color: rgba(255, 255, 255, 0.2) !important;
    background: rgba(255, 255, 255, 0.1) !important;
  }
}

/* ABSOLUTE FINAL OVERRIDES TO GUARANTEE INSTANT VISUAL APPLIANCE */
@media (min-width: 1024px) {
  html[data-desktop-template="tilda"] body #main,
  html[data-desktop-template="tilda"] body #viewCart,
  html[data-desktop-template="tilda"] body .cartAccountShell,
  html[data-desktop-template="tilda"] body .accountDeskShell {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Completely remove outer box, border, and background from all header blocks */
  html body :is(#viewCart, #viewFavorites, #viewOrders, #viewNotifications, #viewPromos) :is(.cartHero, .favoritesHero, .accountViewHero, .section:first-child),
  html[data-desktop-template="tilda"] body :is(#viewCart, #viewFavorites, #viewOrders, #viewNotifications, #viewPromos) :is(.cartHero, .favoritesHero, .accountViewHero, .section:first-child) {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 0 16px 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-radius: 0 !important;
  }

  /* Unified Title typography for "Корзина", "Избранное", "Уведомления", "Мои промокоды", "Мои заказы" */
  html body :is(#viewCart, #viewFavorites, #viewOrders, #viewNotifications, #viewPromos) :is(.cartHero, .favoritesHero, .accountViewHero, .section:first-child) .h1,
  html[data-desktop-template="tilda"] body :is(#viewCart, #viewFavorites, #viewOrders, #viewNotifications, #viewPromos) :is(.cartHero, .favoritesHero, .accountViewHero, .section:first-child) .h1 {
    font-size: 32px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: -0.03em !important;
    line-height: 1.1 !important;
    margin-bottom: 6px !important;
  }

  /* Unified Subtitle typography */
  html body :is(#viewCart, #viewFavorites, #viewOrders, #viewNotifications, #viewPromos) :is(.cartHero, .favoritesHero, .accountViewHero, .section:first-child) :is(.p, span, p) {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #64748b !important;
    margin: 0 !important;
  }

  /* Order Summary Title "Ваш заказ" */
  html body #viewCart .cartDesktopSummary::before,
  html[data-desktop-template="tilda"] body #viewCart .cartDesktopSummary::before {
    content: "Ваш заказ" !important;
    display: block !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    color: #0f172a !important;
    letter-spacing: -0.02em !important;
    text-align: center !important;
    opacity: 1 !important;
    margin-bottom: 20px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px dashed #94a3b8 !important;
  }

  /* Pull account views and sidebar directly under top header */
  html body[data-view="orders"] #viewOrders,
  html body[data-view="notifications"] #viewNotifications,
  html body[data-view="favorites"] #viewFavorites,
  html body[data-view="promos"] #viewPromos,
  html body[data-view="cart"] #viewCart {
    padding-top: calc(var(--desktop-header-h, 58px) + 12px) !important;
  }

  html body .accountDeskShell,
  html body .cartAccountShell {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  html body .accountDeskAside,
  html body .cartAccountShell > .accountDeskAside,
  html body .accountDeskShell > .accountDeskAside {
    top: calc(var(--desktop-header-h, 58px) + 12px) !important;
    border: 0 !important;
    background: transparent !important;
    padding: 18px 0 !important;
    overflow: visible !important;
  }

  /* Catalog Buttons Style ("В КАТАЛОГ") Consistency for Tilda */
  html[data-desktop-template="tilda"] body :is(#goCat, .btnSoft, .btnPrimary) {
    border-radius: 0 !important;
    background: #0f172a !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    border: 0 !important;
  }

  /* Sidebar Title and Text clipping prevention */
  html body .accountDeskAsideTitle {
    font-size: 20px !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    color: #0f172a !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    white-space: nowrap !important;
  }

  /* Flexible Cart Item Layout to prevent text/price/qty overlap */
  html body #viewCart .cMain {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
  }

  html body #viewCart .cSub {
    grid-column: auto !important;
    margin-bottom: 8px !important;
  }

  html body #viewCart .cRow {
    grid-column: auto !important;
    grid-row: auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px 18px !important;
    margin-top: auto !important;
  }

  html body #viewCart .cPrice {
    display: flex !important;
    align-items: baseline !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
  }
}

/* GLOBAL UNCONDITIONAL ZERO-RADIUS FOR ACCOUNT WORKSPACE & ALL CHILD ELEMENTS */
html body .accountDeskAside,
html body .accountDeskAside *,
html body .accountDeskNavItem,
html body .accountDeskNavIcon,
html body .accountDeskProfile,
html body .accountDeskLogin,
html body .accountDeskRecent,
html body .accountDeskRecentItem,
html body .accountDeskRecentItem img,
html body .accountAvatar,
html[data-desktop-template="tilda"] body .accountDeskAside,
html[data-desktop-template="tilda"] body .accountDeskAside *,
html[data-desktop-template="tilda"] body .accountDeskNavItem,
html[data-desktop-template="tilda"] body .accountDeskNavIcon,
html[data-desktop-template="tilda"] body .accountDeskProfile,
html[data-desktop-template="tilda"] body .accountDeskLogin,
html[data-desktop-template="tilda"] body .accountDeskRecent,
html[data-desktop-template="tilda"] body .accountDeskRecentItem,
html[data-desktop-template="tilda"] body .accountDeskRecentItem img,
html[data-desktop-template="tilda"] body .accountAvatar {
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Center payment success modal vertically and horizontally */
html body .modal,
html[data-desktop-template="tilda"] body .modal {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body .modalCard.paymentResultCard,
html[data-desktop-template="tilda"] body .modalCard.paymentResultCard {
  margin: auto !important;
  align-self: center !important;
  justify-self: center !important;
}

/* Preserve rounded shape for payment success check icon */
html body .paymentResultIcon,
html[data-desktop-template="tilda"] body .paymentResultIcon {
  border-radius: 22px !important;
}