/* =========================================================
   TİŞÖRT CENTER — MOBILE FIXES v1.0.4
   Clean replacement: header, hero, products, bundle, CTA,
   categories and footer.
========================================================= */

/* ---------------------------------------------------------
   TABLET / MOBILE NAV
--------------------------------------------------------- */
@media (max-width: 900px) {

  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  .tc-header {
    z-index: 130 !important;
  }

  .tc-home .tc-header {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: rgba(255,255,255,.98) !important;
  }

  .tc-header-main {
    position: relative;
    min-height: 68px !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0,1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  .tc-menu-toggle {
    position: relative;
    z-index: 133;
    width: 42px;
    height: 42px;
    display: grid !important;
    place-content: center;
    padding: 0;
    border: 1px solid rgba(7,28,62,.10);
    border-radius: 50%;
    background: #fff;
  }

  .tc-menu-toggle span {
    width: 20px;
    height: 2px;
    margin: 2.5px;
    border-radius: 2px;
    background: #071c3e;
    transition: transform .25s ease, opacity .2s ease;
  }

  .tc-menu-toggle.is-active span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }

  .tc-menu-toggle.is-active span:nth-child(2) {
    opacity: 0;
  }

  .tc-menu-toggle.is-active span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }

  .tc-logo {
    justify-self: center !important;
    min-width: 0;
  }

  .tc-logo img {
    width: 118px !important;
    max-width: 118px !important;
    height: auto !important;
    max-height: 46px !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  /* Desktop search disappears on mobile. */
  .tc-search {
    display: none !important;
  }

  .tc-actions {
    justify-self: end !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
  }

  .tc-actions > a {
    width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .tc-actions > a > span:last-child {
    display: none !important;
  }

  .tc-actions .tc-icon {
    width: 40px !important;
    height: 40px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    background: transparent !important;
  }

  .tc-actions .fa {
    font-size: 15px !important;
  }

  .tc-header-cart {
    min-height: 40px !important;
    margin: 0 !important;
  }

  .tc-header-cart .tc-mini-cart-toggle,
  #cart > button {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;
  }

  .tc-header-cart .fa,
  #cart > button .fa {
    font-size: 15px !important;
  }

  /* Off-canvas navigation */
  .tc-nav,
  .tc-home .tc-nav {
    position: fixed !important;
    z-index: 132 !important;
    top: 98px !important;
    right: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    display: block !important;
    width: min(86vw, 360px) !important;
    height: auto !important;
    max-height: calc(100vh - 98px) !important;
    overflow-y: auto !important;
    border: 0 !important;
    background: #fff !important;
    box-shadow: 18px 24px 55px rgba(7,28,62,.18) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateX(-105%) !important;
    transition: transform .28s ease, opacity .22s ease, visibility .22s ease !important;
  }

  .tc-nav.is-open {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(0) !important;
  }

  .tc-nav-inner {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    padding: 18px !important;
  }

  .tc-nav-inner > a,
  .tc-nav-inner .tc-nav-feature {
    width: 100% !important;
    min-height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 8px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(7,28,62,.08) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #071c3e !important;
    font-size: 13px !important;
    font-weight: 700 !important;
  }

  .tc-nav-inner .tc-nav-feature,
  .tc-nav-inner .tc-nav-studio,
  .tc-nav-inner .tc-nav-sale {
    color: #f36b2a !important;
  }

  .tc-nav-sale {
    margin-left: 0 !important;
  }

  .tc-menu-backdrop {
    position: fixed;
    z-index: 129;
    inset: 98px 0 0;
    background: rgba(7,28,62,.48);
    opacity: 0;
    visibility: hidden;
    transition: .25s;
  }

  .tc-menu-backdrop.is-open {
    opacity: 1;
    visibility: visible;
  }

  .tc-body.tc-menu-open {
    overflow: hidden;
  }
}


/* ---------------------------------------------------------
   HOME — MOBILE
--------------------------------------------------------- */
@media (max-width: 768px) {

  body.tc-home {
    overflow-x: hidden !important;
  }

  body.tc-home .tc-container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* Announcement */
  .tc-announcement .tc-container {
    min-height: 30px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    gap: 7px !important;
    justify-content: center !important;
    font-size: 9px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }

  .tc-announcement i {
    width: 3px !important;
    height: 3px !important;
    flex: 0 0 3px !important;
  }

  /* HERO */
  body.tc-home .tc-hero-slider,
  body.tc-home .tc-hero-slide {
    min-height: 520px !important;
    height: 520px !important;
  }

  body.tc-home .tc-hero-slide {
    position: relative !important;
    display: flex !important;
    align-items: flex-end !important;
  }

  body.tc-home .tc-hero-slide .tc-hero-bg,
  body.tc-home .tc-hero-slide > img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  body.tc-home .tc-hero-slide:nth-child(1) .tc-hero-bg,
  body.tc-home .tc-hero-slide:nth-child(1) > img {
    object-position: 69% center !important;
  }

  body.tc-home .tc-hero-slide:nth-child(2) .tc-hero-bg,
  body.tc-home .tc-hero-slide:nth-child(2) > img {
    object-position: 70% center !important;
  }

  body.tc-home .tc-hero-content {
    position: relative !important;
    z-index: 3 !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 18px 36px !important;
    margin: 0 !important;
  }

  body.tc-home .tc-hero-content h1,
  body.tc-home .tc-hero-content h2 {
    max-width: 86% !important;
    margin-bottom: 14px !important;
    font-size: clamp(38px, 11vw, 52px) !important;
    line-height: .96 !important;
    letter-spacing: -.05em !important;
  }

  body.tc-home .tc-hero-content p {
    max-width: 82% !important;
    margin-bottom: 20px !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
  }

  body.tc-home .tc-hero-content a,
  body.tc-home .tc-hero-content button {
    width: auto !important;
    max-width: 100% !important;
    min-height: 46px !important;
  }

  /* PRODUCT STRIP — horizontal swipe */
  body.tc-home .tc-product-strip {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  body.tc-home .tc-product-strip-header {
    margin-bottom: 22px !important;
  }

  body.tc-home .tc-product-strip-header h2 {
    font-size: 30px !important;
    line-height: 1.05 !important;
  }

  body.tc-home .tc-product-track,
  body.tc-home .tc-product-grid {
    width: 100% !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    grid-template-columns: none !important;
    gap: 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    padding: 0 16px 10px 0 !important;
  }

  body.tc-home .tc-product-track::-webkit-scrollbar,
  body.tc-home .tc-product-grid::-webkit-scrollbar {
    display: none !important;
  }

  body.tc-home .tc-product-card {
    flex: 0 0 82vw !important;
    width: 82vw !important;
    min-width: 82vw !important;
    max-width: 320px !important;
    scroll-snap-align: start !important;
  }

  /* SET BUILDER */
  body.tc-home .tc-bundle {
    padding: 52px 0 60px !important;
  }

  body.tc-home .tc-bundle-heading {
    display: block !important;
    margin-bottom: 22px !important;
  }

  body.tc-home .tc-bundle-heading h2,
  body.tc-home .tc-bundle h2 {
    max-width: 100% !important;
    font-size: 34px !important;
    line-height: 1.03 !important;
  }

  body.tc-home .tc-bundle-heading > p {
    max-width: 100% !important;
    margin: 12px 0 0 !important;
    font-size: 12px !important;
    line-height: 1.65 !important;
  }

  body.tc-home .tc-bundle-grid,
  body.tc-home .tc-bundle-inner {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 26px !important;
  }

  body.tc-home .tc-bundle-trust {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    height: auto !important;
    margin-bottom: 16px !important;
    padding: 12px !important;
    border-radius: 12px !important;
  }

  body.tc-home .tc-bundle-trust b {
    display: none !important;
  }

  body.tc-home .tc-bundle-trust span {
    justify-content: flex-start !important;
    min-width: 0 !important;
    font-size: 10px !important;
  }

  body.tc-home .tc-bundle-trust i {
    width: 27px !important;
    height: 27px !important;
    display: grid !important;
    place-items: center !important;
    flex: none !important;
    border-radius: 50% !important;
    background: #eef2f7 !important;
    color: #071c3e !important;
    font-size: 8px !important;
    font-style: normal !important;
  }

  body.tc-home .tc-bundle-box {
    display: block !important;
    border-radius: 16px !important;
  }

  body.tc-home .tc-bundle-showcase {
    min-height: 340px !important;
  }

  body.tc-home .tc-bundle-live-preview {
    grid-template-columns: 1.08fr .82fr !important;
    align-items: center !important;
    gap: 0 !important;
    padding: 38px 8px 24px !important;
  }

  body.tc-home .tc-preview-shirt,
  body.tc-home .tc-shirt-model {
    height: 250px !important;
  }

  body.tc-home .tc-shirt-model {
    width: 100% !important;
    object-fit: contain !important;
  }

  body.tc-home .tc-shirt-art {
    max-width: 24% !important;
    max-height: 34% !important;
  }

  body.tc-home .tc-preview-mug,
  body.tc-home .tc-mug-model {
    width: 112px !important;
    height: 135px !important;
  }

  body.tc-home .tc-preview-mug {
    margin: auto !important;
  }

  body.tc-home .tc-mug-art {
    max-width: 43% !important;
    max-height: 46% !important;
  }

  body.tc-home .tc-preview-tag {
    display: none !important;
  }

  body.tc-home .tc-bundle-summary {
    display: flex !important;
    flex-direction: column !important;
    padding: 26px 20px !important;
  }

  body.tc-home .tc-bundle-summary h3 {
    font-size: 28px !important;
  }

  body.tc-home .tc-bundle-summary .tc-button,
  body.tc-home .tc-bundle-summary > small {
    width: 100% !important;
  }

  body.tc-home .tc-bundle-summary > small {
    margin: 12px 0 0 !important;
  }

  body.tc-home .tc-bundle-builder {
    border-radius: 14px !important;
  }

  body.tc-home .tc-bundle-builder-head {
    align-items: flex-start !important;
    padding: 20px 17px !important;
  }

  body.tc-home .tc-bundle-step {
    grid-template-columns: 34px minmax(0,1fr) !important;
    gap: 11px !important;
    padding: 18px 15px !important;
  }

  body.tc-home .tc-bundle-step > span {
    width: 32px !important;
    height: 32px !important;
  }

  body.tc-home .tc-bundle-step select,
  body.tc-home .tc-bundle-step .tc-bundle-choices,
  body.tc-home .tc-bundle-step .tc-bundle-shirt-options {
    grid-column: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.tc-home .tc-bundle-shirt-options {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body.tc-home .tc-bundle-choices {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }

  body.tc-home .tc-bundle-finish {
    display: block !important;
    padding: 20px 15px !important;
  }

  body.tc-home .tc-bundle-finish .tc-button {
    width: 100% !important;
    min-width: 0 !important;
    margin-top: 16px !important;
  }

  /* PREMIUM CUSTOM CTA */
  body.tc-home .tc-custom {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  body.tc-home .tc-custom-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding: 30px 20px !important;
  }

  body.tc-home .tc-custom-art h2 {
    font-size: clamp(39px, 11vw, 52px) !important;
    line-height: .96 !important;
  }

  body.tc-home .tc-custom-action {
    padding: 22px !important;
  }

  body.tc-home .tc-custom-action a {
    width: 100% !important;
    justify-content: space-between !important;
  }

  /* CATEGORIES — true single column */
  body.tc-home .tc-category-section {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }

  body.tc-home .tc-category-header h2 {
    font-size: 34px !important;
    line-height: 1 !important;
  }

  body.tc-home .tc-category-grid {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    grid-template-rows: none !important;
    grid-template-areas: none !important;
    gap: 14px !important;
  }

  body.tc-home .tc-category-grid > a,
  body.tc-home .tc-category-large,
  body.tc-home .tc-category-wide,
  body.tc-home .tc-category-mug-white,
  body.tc-home .tc-category-mug-magic {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 230px !important;
    grid-area: auto !important;
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
  }

  body.tc-home .tc-category-grid > a:first-child {
    min-height: 290px !important;
  }

  body.tc-home .tc-category-grid img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  /* FOOTER */
  .tc-footer {
    margin-top: 54px !important;
  }

  .tc-footer-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  .tc-footer-location {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 22px !important;
    margin-top: 34px !important;
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }

  .tc-footer-location-info {
    max-width: 100% !important;
  }

  .tc-footer-location-info h2 {
    font-size: 32px !important;
  }

  .tc-map-button {
    width: 100% !important;
    justify-content: space-between !important;
  }

  .tc-footer-map iframe {
    height: 250px !important;
  }

  .tc-footer-bottom {
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
    padding-top: 22px !important;
    padding-bottom: 22px !important;
  }
}


/* ---------------------------------------------------------
   SMALL MOBILE
--------------------------------------------------------- */
@media (max-width: 480px) {

  body.tc-home .tc-container {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .tc-announcement .tc-container {
    font-size: 8px !important;
    gap: 5px !important;
  }

  .tc-header-main {
    grid-template-columns: 42px minmax(0,1fr) 88px !important;
    min-height: 66px !important;
  }

  .tc-logo img {
    width: 108px !important;
    max-width: 108px !important;
  }

  .tc-nav,
  .tc-home .tc-nav {
    top: 96px !important;
    max-height: calc(100vh - 96px) !important;
  }

  .tc-menu-backdrop {
    inset: 96px 0 0 !important;
  }

  body.tc-home .tc-hero-slider,
  body.tc-home .tc-hero-slide {
    min-height: 500px !important;
    height: 500px !important;
  }

  body.tc-home .tc-hero-content {
    padding: 0 16px 30px !important;
  }

  body.tc-home .tc-hero-content h1,
  body.tc-home .tc-hero-content h2 {
    max-width: 92% !important;
    font-size: 40px !important;
  }

  body.tc-home .tc-hero-content p {
    max-width: 90% !important;
    font-size: 12px !important;
  }

  body.tc-home .tc-product-card {
    flex-basis: 84vw !important;
    width: 84vw !important;
    min-width: 84vw !important;
  }

  body.tc-home .tc-bundle-showcase {
    min-height: 315px !important;
  }

  body.tc-home .tc-preview-shirt,
  body.tc-home .tc-shirt-model {
    height: 225px !important;
  }

  body.tc-home .tc-preview-mug,
  body.tc-home .tc-mug-model {
    width: 98px !important;
    height: 118px !important;
  }

  body.tc-home .tc-custom-grid {
    padding: 26px 16px !important;
  }

  body.tc-home .tc-category-grid > a,
  body.tc-home .tc-category-large,
  body.tc-home .tc-category-wide,
  body.tc-home .tc-category-mug-white,
  body.tc-home .tc-category-mug-magic {
    min-height: 215px !important;
  }

  body.tc-home .tc-category-grid > a:first-child {
    min-height: 270px !important;
  }

  .tc-footer-map iframe {
    height: 230px !important;
  }
}