/* Batuudihunt: väike, teiste kujundusosadega isoleeritud e-poe tooteriba. */
#bhtr-shop[hidden] { display: none !important; }
#bhtr-shop, #bhtr-shop * { box-sizing: border-box; }
#bhtr-shop { width: 100%; max-width: none; clear: both; margin: 0; padding: 44px 20px 48px; background: #fff; color: #1c2727; font-family: inherit; }
#bhtr-shop .bhtr-inner { width: min(1200px, 100%); margin: 0 auto; }
#bhtr-shop .bhtr-header {
  display:flex; align-items:center; justify-content:space-between; gap:22px;
  margin-bottom:24px; padding:24px 28px;
  background:#f8daa3; border-left:7px solid #cf6d30; border-radius:16px;
  box-shadow:0 7px 20px rgba(25,41,43,.08);
}
#bhtr-shop h2 { font-size:clamp(24px,2.25vw,31px); line-height:1.14; margin:0 0 9px; color:#19292b; font-weight:800; text-transform:uppercase; }
#bhtr-shop .bhtr-title-wrap p { margin:0; font-size:15px; line-height:1.5; color:#263434; font-weight:500; }
#bhtr-shop .bhtr-controls { display:flex; gap:9px; flex:0 0 auto; }
#bhtr-shop .bhtr-controls button { display:inline-block; background:transparent; color:#1a292a; border:1px solid rgba(25,41,43,.32); border-radius:8px; padding:10px 16px; font:inherit; font-size:13px; font-weight:700; cursor:pointer; box-shadow:none; text-transform:none; }
#bhtr-shop .bhtr-controls button:hover, #bhtr-shop .bhtr-controls button:focus-visible { color:#18292b; background:#f1c77e; border-color:#cc772e; }
#bhtr-shop .bhtr-track { display:flex; gap:16px; overflow-x:auto; overflow-y:hidden; scroll-behavior:smooth; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; scrollbar-width:none; padding: 3px 3px 15px; -webkit-overflow-scrolling:touch; }
#bhtr-shop .bhtr-track::-webkit-scrollbar {display:none;}
#bhtr-shop .bhtr-card { flex: 0 0 calc((100% - 64px) / 5); min-width:0; display:flex; flex-direction:column; overflow:hidden; border:1px solid #e8ebeb; border-radius:13px; box-shadow:0 5px 17px rgba(21,42,43,.06); background:#fff; scroll-snap-align:start; }
#bhtr-shop .bhtr-card-image-link { width:100%; display:block; aspect-ratio:1/1; background:#f7f8f7; }
#bhtr-shop .bhtr-card-image { display:block; width:100%; height:100%; aspect-ratio:1/1; object-fit:contain; margin:0; padding:8px; }
#bhtr-shop .bhtr-card-info { padding: 11px 12px 14px; display:flex; flex:1 1 auto; flex-direction:column; }
#bhtr-shop .bhtr-card-title { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; min-height:41px; color:#19292b; text-decoration:none; font-size:14px; font-weight:700; line-height:1.45; }
#bhtr-shop .bhtr-card-title:hover { color:#d16329; }
#bhtr-shop .bhtr-card-price { margin:8px 0 13px; color:#19292b; font-size:18px; font-weight:800; line-height:1.25; }
#bhtr-shop .bhtr-card-price del { font-size:13px; color:#777; font-weight:400; }
#bhtr-shop .bhtr-card-price ins { text-decoration:none; }
#bhtr-shop .bhtr-card-action { display:block; width:100%; text-align:center; margin-top:auto; border-radius:7px; padding:11px 6px; background:#cf6d30; color:#fff; font-size:12px; font-weight:800; text-decoration:none; letter-spacing:.03em; line-height:1.25; }
#bhtr-shop .bhtr-card-action:hover, #bhtr-shop .bhtr-card-action:focus-visible { background:#a74f1f; color:#fff; }
#bhtr-shop .bhtr-bottom { text-align:center; margin-top:17px; }
#bhtr-shop .bhtr-all { display:inline-block; padding:14px 23px; border-radius:7px; background:#18292b; color:#fff; font-weight:800; font-size:13px; line-height:1.3; letter-spacing:.03em; text-decoration:none; }
#bhtr-shop .bhtr-all:hover, #bhtr-shop .bhtr-all:focus-visible {background:#cf6d30; color:#fff;}
@media (max-width: 1060px) {
  #bhtr-shop .bhtr-card { flex-basis:calc((100% - 32px) / 3); }
}
@media (max-width: 650px) {
  #bhtr-shop { padding:36px 15px 40px; }
  #bhtr-shop .bhtr-header { align-items:flex-start; flex-direction:column; gap:13px; padding:20px 18px; border-left-width:5px; border-radius:13px; }
  #bhtr-shop h2 { font-size:23px; }
  #bhtr-shop .bhtr-card { flex-basis:78%; max-width:320px; }
  #bhtr-shop .bhtr-controls button { padding:9px 15px; }
  #bhtr-shop .bhtr-track { gap:12px; }
}
@media (prefers-reduced-motion:reduce) {
  #bhtr-shop .bhtr-track { scroll-behavior:auto; }
}

#bhtr-shop .bhtr-controls button:disabled { opacity:.35; cursor:default; }
#bhtr-shop .bhtr-controls button:disabled:hover { background:transparent; border-color:rgba(25,41,43,.32); }

/* Versioon 1.3.3: mobiilis ei ole horisontaalselt ülilaiuvat flex-track'i. */
@media (max-width: 650px) {
  #bhtr-shop.bhtr-mobile-mode {
    width: 100%; max-width: 100%; min-width: 0;
    overflow: clip;
    contain: inline-size;
  }
  #bhtr-shop.bhtr-mobile-mode .bhtr-inner,
  #bhtr-shop.bhtr-mobile-mode .bhtr-title-wrap {
    max-width: 100%; min-width: 0;
  }
  #bhtr-shop.bhtr-mobile-mode .bhtr-track {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    width: 100%; max-width: 100%; min-width: 0;
    overflow: hidden;
    scroll-snap-type: none;
    scroll-behavior: auto;
    padding: 3px 3px 15px;
    touch-action: pan-y;
  }
  #bhtr-shop.bhtr-mobile-mode .bhtr-card {
    width: 100%; min-width: 0; max-width: none;
    flex: none;
  }
  #bhtr-shop.bhtr-mobile-mode .bhtr-card-image { padding: 5px; }
  #bhtr-shop.bhtr-mobile-mode .bhtr-card-info { padding: 9px 8px 10px; }
  #bhtr-shop.bhtr-mobile-mode .bhtr-card-title { font-size: 12px; line-height: 1.3; min-height: 32px; }
  #bhtr-shop.bhtr-mobile-mode .bhtr-card-price { font-size: 16px; margin: 7px 0 10px; }
  #bhtr-shop.bhtr-mobile-mode .bhtr-card-action { font-size: 11px; padding: 10px 3px; letter-spacing: 0; }
}
