/* Bi'Tişört v6.3.43 — mobile product titles + studio fit hardfix.
   Goals: keep product names inside cards, remove studio inner scrollbars,
   and render a responsive off-white T-shirt behind GOOD THINGS TAKE TIME. */

body[data-bt-home-mobile-fit="6.3.43"] .hp-editorial-product-card,
body[data-bt-home-mobile-fit="6.3.43"] .hp-editorial-product-info,
body[data-bt-home-mobile-fit="6.3.43"] .hp-editorial-product-main,
body[data-bt-home-mobile-fit="6.3.43"] .hp-editorial-product-main h3,
body[data-bt-home-mobile-fit="6.3.43"] .hp-editorial-product-main h3 a{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
body[data-bt-home-mobile-fit="6.3.43"] .hp-editorial-product-card{overflow:hidden!important}
body[data-bt-home-mobile-fit="6.3.43"] .hp-editorial-product-main h3,
body[data-bt-home-mobile-fit="6.3.43"] .hp-editorial-product-main h3 a{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}

/* Studio canvas is self-contained at every viewport size. */
body[data-bt-home-mobile-fit="6.3.43"] .hp-studio,
body[data-bt-home-mobile-fit="6.3.43"] .hp-studio-demo,
body[data-bt-home-mobile-fit="6.3.43"] .hp-studio-body,
body[data-bt-home-mobile-fit="6.3.43"] .hp-studio-canvas,
body[data-bt-home-mobile-fit="6.3.43"] .hp-studio-sides{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
body[data-bt-home-mobile-fit="6.3.43"] .hp-studio-demo{
  width:100%!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
body[data-bt-home-mobile-fit="6.3.43"] .hp-studio-body{
  display:grid!important;
  grid-template-columns:clamp(86px,9vw,118px) minmax(0,1fr) clamp(84px,8vw,108px)!important;
  width:100%!important;
  height:clamp(360px,34vw,520px)!important;
  max-height:none!important;
  overflow:hidden!important;
  scrollbar-width:none!important;
}
body[data-bt-home-mobile-fit="6.3.43"] .hp-studio-body::-webkit-scrollbar,
body[data-bt-home-mobile-fit="6.3.43"] .hp-studio-canvas::-webkit-scrollbar,
body[data-bt-home-mobile-fit="6.3.43"] .hp-studio-body>aside::-webkit-scrollbar{display:none!important}
body[data-bt-home-mobile-fit="6.3.43"] .hp-studio-body>aside{
  min-width:0!important;
  width:auto!important;
  height:100%!important;
  overflow:hidden!important;
  align-content:start!important;
}
body[data-bt-home-mobile-fit="6.3.43"] .hp-studio-canvas{
  --bt-studio-stage-bg:#fffdf9;
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  padding:clamp(16px,2.2vw,34px)!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 42%,rgba(255,103,24,.035),transparent 38%),
    linear-gradient(180deg,#fff 0%,var(--bt-studio-stage-bg) 100%)!important;
}
body[data-bt-home-mobile-fit="6.3.43"] .hp-studio-sides{
  width:auto!important;
  height:100%!important;
  overflow:hidden!important;
}

/* Real vector T-shirt artwork: crisp at mobile and desktop sizes. */
body[data-bt-home-mobile-fit="6.3.43"] .hp-demo-shirt{
  position:relative!important;
  display:block!important;
  width:min(64%,330px)!important;
  height:auto!important;
  aspect-ratio:360 / 420!important;
  margin:0 auto!important;
  padding:0!important;
  background:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  transform:none!important;
  overflow:visible!important;
}
body[data-bt-home-mobile-fit="6.3.43"] .hp-demo-shirt:before,
body[data-bt-home-mobile-fit="6.3.43"] .hp-demo-shirt:after{content:none!important}
body[data-bt-home-mobile-fit="6.3.43"] .hp-demo-shirt-art{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  overflow:visible!important;
}
body[data-bt-home-mobile-fit="6.3.43"] .hp-demo-shirt>span{
  position:absolute!important;
  z-index:3!important;
  left:50%!important;
  top:47%!important;
  width:48%!important;
  margin:0!important;
  padding:0!important;
  transform:translate(-50%,-50%)!important;
  color:#171717!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:clamp(18px,2.25vw,31px)!important;
  font-style:normal!important;
  font-weight:900!important;
  line-height:.88!important;
  letter-spacing:-.055em!important;
  text-align:center!important;
  text-transform:uppercase!important;
  text-shadow:none!important;
  white-space:normal!important;
}
body[data-bt-home-mobile-fit="6.3.43"] .hp-demo-shirt>span em{
  color:#ff6718!important;
  font:inherit!important;
}

@media (max-width:820px){
  body[data-bt-home-mobile-fit="6.3.43"] .hp-editorial-product-info{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"main" "action"!important;
    align-items:start!important;
    width:100%!important;
    gap:8px!important;
    padding:12px 10px 10px!important;
    overflow:hidden!important;
  }
  body[data-bt-home-mobile-fit="6.3.43"] .hp-editorial-product-main{
    grid-area:main!important;
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
    overflow:visible!important;
  }
  body[data-bt-home-mobile-fit="6.3.43"] .hp-editorial-product-main h3{
    display:block!important;
    width:100%!important;
    margin:0 0 5px!important;
    padding:0!important;
    color:var(--bt-product-title-color,#171717)!important;
    font-size:clamp(15px,4.2vw,18px)!important;
    line-height:1.18!important;
    text-align:left!important;
  }
  body[data-bt-home-mobile-fit="6.3.43"] .hp-editorial-product-main h3 a{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    color:inherit!important;
    line-height:inherit!important;
  }
  body[data-bt-home-mobile-fit="6.3.43"] .hp-editorial-product-main strong,
  body[data-bt-home-mobile-fit="6.3.43"] .hp-editorial-product-main p{
    display:block!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    text-align:left!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  body[data-bt-home-mobile-fit="6.3.43"] .hp-editorial-design-btn{
    grid-area:action!important;
    justify-self:end!important;
    align-self:start!important;
    max-width:100%!important;
    margin:0!important;
    white-space:nowrap!important;
  }

  body[data-bt-home-mobile-fit="6.3.43"] .hp-studio{
    grid-template-columns:minmax(0,1fr)!important;
    width:calc(100% - 16px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    overflow:hidden!important;
  }
  body[data-bt-home-mobile-fit="6.3.43"] .hp-studio-demo{
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    border-radius:12px!important;
    overflow:hidden!important;
  }
  body[data-bt-home-mobile-fit="6.3.43"] .hp-studio-top{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-height:42px!important;
    height:42px!important;
    padding:0 12px!important;
    gap:8px!important;
    overflow:hidden!important;
  }
  body[data-bt-home-mobile-fit="6.3.43"] .hp-studio-top>div,
  body[data-bt-home-mobile-fit="6.3.43"] .hp-studio-top>button{display:none!important}
  body[data-bt-home-mobile-fit="6.3.43"] .hp-studio-brand{display:block!important;max-width:100%!important}
  body[data-bt-home-mobile-fit="6.3.43"] .hp-studio-body{
    grid-template-columns:68px minmax(0,1fr)!important;
    width:100%!important;
    height:300px!important;
    min-height:0!important;
    max-height:300px!important;
    overflow:hidden!important;
    overflow-x:hidden!important;
    overflow-y:hidden!important;
  }
  body[data-bt-home-mobile-fit="6.3.43"] .hp-studio-body>aside{
    display:grid!important;
    grid-template-columns:26px minmax(0,1fr)!important;
    grid-auto-rows:min-content!important;
    align-content:start!important;
    gap:7px 4px!important;
    width:68px!important;
    min-width:68px!important;
    height:300px!important;
    padding:10px 5px!important;
    overflow:hidden!important;
    font-size:8px!important;
    line-height:1.1!important;
  }
  body[data-bt-home-mobile-fit="6.3.43"] .hp-studio-body>aside b{
    display:grid!important;
    place-items:center!important;
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    margin:0!important;
    padding:0!important;
    font-size:10px!important;
  }
  body[data-bt-home-mobile-fit="6.3.43"] .hp-studio-body>aside span{
    min-width:0!important;
    align-self:center!important;
    font-size:7.5px!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  body[data-bt-home-mobile-fit="6.3.43"] .hp-studio-canvas{
    width:100%!important;
    height:300px!important;
    min-width:0!important;
    padding:13px 8px!important;
    overflow:hidden!important;
  }
  body[data-bt-home-mobile-fit="6.3.43"] .hp-studio-sides{display:none!important}
  body[data-bt-home-mobile-fit="6.3.43"] .hp-demo-shirt{
    width:min(78%,188px)!important;
    max-height:274px!important;
  }
  body[data-bt-home-mobile-fit="6.3.43"] .hp-demo-shirt>span{
    width:50%!important;
    font-size:clamp(14px,4.8vw,20px)!important;
    line-height:.88!important;
  }
}

@media (max-width:430px){
  body[data-bt-home-mobile-fit="6.3.43"] .hp-editorial-product-card{width:100%!important;max-width:100%!important}
  body[data-bt-home-mobile-fit="6.3.43"] .hp-editorial-product-media{width:100%!important;max-width:100%!important}
  body[data-bt-home-mobile-fit="6.3.43"] .hp-editorial-product-info{padding-inline:10px!important}
  body[data-bt-home-mobile-fit="6.3.43"] .hp-studio-copy{min-width:0!important;width:100%!important;padding-inline:12px!important}
}

@media (min-width:821px){
  body[data-bt-home-mobile-fit="6.3.43"] .hp-studio-body>aside,
  body[data-bt-home-mobile-fit="6.3.43"] .hp-studio-sides{overflow:hidden!important}
}