/* Trijal Mart PDP v7: scoped product page cleanup
   Purpose: fix gallery layout, thumbnails under image, no cropped media, no Amazon color copying. */

.tm-product-page{
  --tm-blue:#123f70;
  --tm-blue-dark:#0b2748;
  --tm-accent:#ef3f23;
  --tm-text:#101827;
  --tm-muted:#5f6f85;
  --tm-border:#e2e8f0;
  --tm-surface:#ffffff;
  --tm-soft:#f6f8fb;
}

.tm-product-page .tm-product-wrap.container{
  max-width:1480px!important;
  width:min(1480px, calc(100% - 40px))!important;
}

.tm-product-page .tm-product-layout{
  display:grid!important;
  grid-template-columns:minmax(520px, 600px) minmax(420px, 1fr) 310px!important;
  gap:24px!important;
  align-items:start!important;
}

/* Gallery: one clean column. Main image first, thumbnails below. */
.tm-product-page .tm-gallery-inner{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  width:100%!important;
  min-width:0!important;
}

.tm-product-page .tm-product-main-media{
  order:1!important;
  width:100%!important;
  height:540px!important;
  min-height:540px!important;
  border:1px solid var(--tm-border)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:hidden!important;
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.tm-product-page .tm-product-main-media::after{
  content:none!important;
  display:none!important;
}

.tm-product-page .tm-product-main-media img,
.tm-product-page img#mainProductImage{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
  padding:14px!important;
  background:#fff!important;
  transform:none;
}

.tm-product-page .tm-product-gallery-hint{
  order:2!important;
  margin-top:-2px!important;
  text-align:center!important;
  color:var(--tm-muted)!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.3!important;
}

.tm-product-page .tm-product-thumbs{
  order:3!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  max-height:none!important;
  overflow:visible!important;
  padding:0!important;
  margin:0!important;
  scrollbar-width:none!important;
}

.tm-product-page .tm-product-thumbs::-webkit-scrollbar{display:none!important;}

.tm-product-page .tm-product-thumb{
  flex:0 0 72px!important;
  width:72px!important;
  height:72px!important;
  min-width:72px!important;
  border-radius:10px!important;
  border:1px solid #d8e1ed!important;
  background:#fff!important;
  padding:5px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:none!important;
  cursor:pointer!important;
  overflow:hidden!important;
}

.tm-product-page .tm-product-thumb:hover{
  border-color:#96a5b8!important;
  transform:none!important;
}

.tm-product-page .tm-product-thumb.is-active{
  border-color:var(--tm-accent)!important;
  box-shadow:0 0 0 2px rgba(239,63,35,.16)!important;
}

.tm-product-page .tm-product-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  border-radius:7px!important;
  display:block!important;
  padding:0!important;
  background:#fff!important;
}

/* Gallery arrows: clean centered controls, no browser-scrollbar look. */
.tm-product-page .tm-product-main-media .gallery-nav,
.tm-product-page .gallery-nav{
  position:absolute!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:40px!important;
  height:40px!important;
  border-radius:50%!important;
  border:1px solid #dbe4ef!important;
  background:rgba(255,255,255,.96)!important;
  color:#0f172a!important;
  box-shadow:0 8px 20px rgba(15,23,42,.10)!important;
  display:grid!important;
  place-items:center!important;
  font-size:24px!important;
  line-height:1!important;
  z-index:5!important;
  padding:0!important;
}
.tm-product-page .gallery-nav-prev{left:12px!important;}
.tm-product-page .gallery-nav-next{right:12px!important;}
.tm-product-page .gallery-nav:hover{background:#fff!important;border-color:#b8c4d4!important;}

/* Product copy: simpler, not boxed-row heavy. */
.tm-product-page .tm-about-item-panel{
  padding:18px 20px!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
.tm-product-page .tm-about-item-panel h2{
  margin:0 0 12px!important;
  font-size:20px!important;
  font-weight:850!important;
  color:var(--tm-text)!important;
}
.tm-product-page .tm-about-list{
  margin:0!important;
  padding-left:19px!important;
  display:grid!important;
  gap:8px!important;
}
.tm-product-page .tm-about-list li{
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  font-size:15px!important;
  line-height:1.48!important;
  font-weight:500!important;
  color:#233145!important;
}
.tm-product-page .tm-about-list li::marker{color:var(--tm-blue)!important;font-size:.85em!important;}
.tm-product-page .tm-about-list strong{font-weight:800!important;color:#111827!important;}
.tm-product-page .tm-about-list span{font-weight:500!important;color:#334155!important;}

/* Restore non-Amazon action colors. */
.tm-product-page .tm-product-action-buttons .btn-dark:not(:disabled){
  background:var(--tm-blue)!important;
  border-color:var(--tm-blue)!important;
  color:#fff!important;
}
.tm-product-page .tm-product-action-buttons .btn-dark:not(:disabled):hover{background:var(--tm-blue-dark)!important;color:#fff!important;}
.tm-product-page .tm-product-action-buttons .btn-accent:not(:disabled){
  background:var(--tm-accent)!important;
  border-color:var(--tm-accent)!important;
  color:#fff!important;
}
.tm-product-page .tm-product-action-buttons .btn-accent:not(:disabled):hover{filter:brightness(.96)!important;color:#fff!important;}
.tm-product-page .tm-product-action-buttons .btn:disabled{
  background:#eef2f7!important;
  border-color:#eef2f7!important;
  color:#9aa7b7!important;
  cursor:not-allowed!important;
}
.tm-product-page .notify-btn,
.tm-product-page .pcd-btn{
  background:var(--tm-blue)!important;
  color:#fff!important;
  border:0!important;
  border-radius:10px!important;
}

/* Zoom preview should never cover the product content awkwardly. */
.tm-zoom-preview{
  border-radius:8px!important;
  border:1px solid #cbd5e1!important;
  box-shadow:0 16px 44px rgba(15,23,42,.18)!important;
  background-color:#fff!important;
}
.tm-zoom-lens{
  border:1px solid rgba(15,23,42,.25)!important;
  background:rgba(18,63,112,.10)!important;
}

@media (max-width:1360px){
  .tm-product-page .tm-product-wrap.container{width:min(1360px, calc(100% - 32px))!important;}
  .tm-product-page .tm-product-layout{
    grid-template-columns:minmax(460px, 540px) minmax(360px, 1fr) 300px!important;
    gap:20px!important;
  }
  .tm-product-page .tm-product-main-media{height:500px!important;min-height:500px!important;}
  .tm-product-page .tm-product-thumb{flex-basis:68px!important;width:68px!important;height:68px!important;min-width:68px!important;}
}

@media (max-width:1120px){
  .tm-product-page .tm-product-layout{
    grid-template-columns:minmax(0, 520px) minmax(0, 1fr)!important;
    grid-template-areas:"gallery info" "cart cart"!important;
  }
  .tm-product-page .tm-product-gallery-col{grid-area:gallery!important;}
  .tm-product-page .tm-product-info-col{grid-area:info!important;}
  .tm-product-page .tm-product-cart-col{grid-area:cart!important;}
  .tm-product-page .tm-product-gallery-sticky,
  .tm-product-page .tm-product-cart-box{position:static!important;}
  .tm-product-page .tm-product-main-media{height:440px!important;min-height:440px!important;}
}

@media (max-width:760px){
  .tm-product-page .tm-product-wrap.container{width:calc(100% - 22px)!important;}
  .tm-product-page .tm-product-layout{
    grid-template-columns:1fr!important;
    grid-template-areas:"gallery" "info" "cart"!important;
    gap:16px!important;
  }
  .tm-product-page .tm-product-main-media{height:360px!important;min-height:360px!important;border-radius:12px!important;}
  .tm-product-page .tm-product-main-media img{padding:10px!important;}
  .tm-product-page .tm-product-thumbs{
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding-bottom:2px!important;
  }
  .tm-product-page .tm-product-thumb{flex:0 0 64px!important;width:64px!important;height:64px!important;min-width:64px!important;}
  .tm-product-page .tm-product-gallery-hint{font-size:12px!important;}
  .tm-product-page .gallery-nav{width:36px!important;height:36px!important;font-size:22px!important;}
  .tm-product-page .tm-about-list li{font-size:14px!important;line-height:1.45!important;}
}

@media (max-width:430px){
  .tm-product-page .tm-product-main-media{height:320px!important;min-height:320px!important;}
  .tm-product-page .tm-product-thumb{flex-basis:58px!important;width:58px!important;height:58px!important;min-width:58px!important;}
}