/* 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(
    .accountDeskAside, .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;
  }
}

@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 .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: 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;
  }

  html[data-desktop-template="classic"] #viewProduct .gWrap,
  html[data-desktop-template="classic"] #viewProduct .gImg {
    border-radius: 24px !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;
    box-shadow: 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;
  }
}