/* =====================================================================
   Cleno.cz – detail produktu: recenze, diskuze, parametry,
   záložky na mobilu a nadpis Alternativní náhrady
   ===================================================================== */

/* ---------- jednotné nadpisy sekcí (jako „K tomuto produktu doporučujeme…“) ---------- */
html body.type-detail #ratingTab > h2,
html body.type-detail #productDiscussion h2,
html body.type-detail .extended-description > h3{
  margin:0 0 18px !important;
  padding:0 0 12px !important;
  border:0 !important;
  background:linear-gradient(90deg,#0b6fb0 0%,#239ceb 55%,#8fd0f7 100%) left bottom / 36px 3px no-repeat !important;
  color:#163d5c !important;
  font-size:22px !important;font-weight:800 !important;
  line-height:1.25 !important;
  letter-spacing:-.015em;
  text-align:left !important;
  text-transform:none !important;
}
html body.type-detail #ratingTab > h2::before,html body.type-detail #ratingTab > h2::after,
html body.type-detail #productDiscussion h2::before,html body.type-detail #productDiscussion h2::after,
html body.type-detail .extended-description > h3::before,html body.type-detail .extended-description > h3::after{display:none !important;}

/* nadpis Alternativní náhrady (šablona ho vypisuje přes ::before) */
html body.type-detail #productsAlternative::before{
  display:block !important;
  margin:30px 0 18px !important;
  padding:0 0 12px !important;
  background:linear-gradient(90deg,#0b6fb0 0%,#239ceb 55%,#8fd0f7 100%) left bottom / 36px 3px no-repeat !important;
  color:#163d5c !important;
  font-size:22px !important;font-weight:800 !important;
  line-height:1.25 !important;
  letter-spacing:-.015em;
  text-align:left !important;
  text-transform:none !important;
}

/* =====================================================================
   RECENZE – stejný design jako stránka Hodnocení obchodu
   ===================================================================== */
html body.type-detail #ratingTab #ratingWrapper{margin:30px 0 40px !important;
  padding:28px !important;
  border:1px solid #e0eef9 !important;
  border-radius:28px !important;
  background:linear-gradient(135deg,#f5faff 0%,#eaf4fd 100%) !important;
  box-shadow:none !important;}
html body.type-detail #ratingTab .rate-wrap{display:grid !important;
  grid-template-columns:280px minmax(0,1fr) !important;
  align-items:center !important;
  gap:36px !important;
  margin:0 !important;padding:0 !important;}
html body.type-detail #ratingTab .rate-wrap::before,
html body.type-detail #ratingTab .rate-wrap::after{display:none !important;}
html body.type-detail #ratingTab .rate-average-wrap{width:auto !important;
  margin:0 !important;
  padding:28px 24px !important;
  border:1px solid #e0eef9 !important;
  border-radius:22px !important;
  background:#fff !important;
  box-shadow:none !important;
  text-align:center !important;}
html body.type-detail #ratingTab .rate-average-inner{display:flex !important;flex-direction:column !important;align-items:center !important;gap:10px !important;width:auto !important;padding:0 !important;}
html body.type-detail #ratingTab .rate-average{display:block !important;
  width:auto !important;height:auto !important;
  color:#163d5c !important;
  font-size:60px !important;font-weight:800 !important;
  line-height:1 !important;
  letter-spacing:-.02em !important;}
html body.type-detail #ratingTab .rate-average::after{content:" / 5" !important;
  color:#9fb3c4 !important;
  font-size:22px !important;font-weight:700 !important;
  letter-spacing:0 !important;}
html body.type-detail #ratingTab .rate-star-wrap{display:flex !important;flex-direction:column !important;align-items:center !important;gap:10px !important;width:auto !important;}
html body.type-detail #ratingTab .rate-average-wrap .stars .star{width:26px !important;height:26px !important;}
html body.type-detail #ratingTab .rate-average-wrap .stars .star::before{font-size:24px !important;}
html body.type-detail #ratingTab .rate-average-wrap .stars-label{display:block !important;
  width:auto !important;
  padding:6px 14px !important;
  border-radius:50px !important;
  background:#eef6fd !important;
  color:#0b6fb0 !important;
  font-size:13.5px !important;font-weight:800 !important;
  line-height:1.4 !important;}
html body.type-detail #ratingTab .votes{display:flex !important;flex-direction:column !important;gap:12px !important;width:auto !important;margin:0 !important;padding:0 !important;}
html body.type-detail #ratingTab .rate-list{display:grid !important;
  grid-template-columns:52px minmax(0,1fr) !important;
  align-items:center !important;
  gap:14px !important;
  width:auto !important;
  margin:0 !important;padding:0 !important;}
html body.type-detail #ratingTab .rate-star{display:flex !important;align-items:center !important;gap:6px !important;
  width:auto !important;
  margin:0 !important;}
html body.type-detail #ratingTab .rate-value{color:#163d5c !important;font-size:15px !important;font-weight:800 !important;line-height:1 !important;}
html body.type-detail #ratingTab .rate-star .star{width:16px !important;height:16px !important;}
html body.type-detail #ratingTab .rate-star .star::before{color:#fecb3e !important;font-size:16px !important;}
html body.type-detail #ratingTab .rate-block{position:relative !important;
  width:auto !important;height:12px !important;
  margin:0 72px 0 0 !important;
  border-radius:12px !important;
  background:#dbe8f4 !important;
  overflow:visible !important;}
html body.type-detail #ratingTab .rate-bar{position:relative !important;
  display:block !important;
  width:var(--rate-bar-width,0%) !important;
  min-width:0 !important;
  height:100% !important;
  border-radius:12px !important;
  background:linear-gradient(90deg,#239ceb 0%,#0b6fb0 100%) !important;}
html body.type-detail #ratingTab .rate-count{position:absolute !important;
  top:50% !important;left:auto !important;
  right:-72px !important;
  width:60px !important;
  margin:0 !important;
  transform:translateY(-50%) !important;
  color:#4f6577 !important;
  font-size:13.5px !important;font-weight:700 !important;
  text-align:left !important;
  white-space:nowrap !important;}
html body.type-detail #ratingTab .rate-block{display:flex !important;}
html body.type-detail #ratingTab .rate-bar{position:static !important;}
html body.type-detail #ratingTab .rate-count{right:-72px !important;}
html body.type-detail #ratingTab .rate-count.active{color:#163d5c !important;font-weight:800 !important;}
html body.type-detail #ratingTab #ratingsList{display:block !important;
  column-count:3 !important;
  column-gap:18px !important;
  width:auto !important;
  margin:0 !important;padding:0 !important;}
html body.type-detail #ratingTab #ratingsList::before,
html body.type-detail #ratingTab #ratingsList::after{display:none !important;}
html body.type-detail #ratingTab #ratingsList .vote-wrap{position:relative !important;
  display:inline-block !important;
  width:100% !important;height:auto !important;min-height:0 !important;
  margin:0 0 18px !important;
  padding:22px !important;
  border:1px solid #e0eef9 !important;
  border-radius:22px !important;
  background:#fff !important;
  box-shadow:none !important;
  float:none !important;
  break-inside:avoid !important;
  vertical-align:top !important;
  transition:border-color .2s,transform .2s !important;}
html body.type-detail #ratingTab #ratingsList .vote-wrap:hover{border-color:#bcdcf4 !important;transform:translateY(-2px) !important;}
html body.type-detail #ratingTab #ratingsList .vote-wrap::after{content:"" !important;
  position:absolute !important;
  top:22px !important;right:22px !important;
  width:30px !important;height:30px !important;
  border-radius:10px !important;
  background:#eef6fd url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23239ceb'%3E%3Cpath d='M9.6 6C6.5 7.3 4.5 10 4.5 13.6V18h6v-6H8c0-2.2 1.2-3.8 3.1-4.6L9.6 6zm9 0c-3.1 1.3-5.1 4-5.1 7.6V18h6v-6H17c0-2.2 1.2-3.8 3.1-4.6L18.6 6z'/%3E%3C/svg%3E") center / 16px no-repeat !important;}
html body.type-detail #ratingTab #ratingsList .vote-header{display:flex !important;align-items:center !important;gap:12px !important;
  margin:0 0 14px !important;
  padding:0 42px 0 0 !important;}
html body.type-detail #ratingTab #ratingsList .vote-pic{position:relative !important;
  display:block !important;
  flex:0 0 46px !important;
  width:46px !important;height:46px !important;
  margin:0 !important;
  border-radius:50% !important;
  overflow:hidden !important;}
html body.type-detail #ratingTab #ratingsList .vote-initials{position:absolute !important;
  inset:0 !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  width:100% !important;height:100% !important;
  border-radius:50% !important;
  background:linear-gradient(135deg,#239ceb 0%,#0b6fb0 100%) !important;
  color:#fff !important;
  font-size:15px !important;font-weight:800 !important;
  letter-spacing:.02em !important;}
html body.type-detail #ratingTab #ratingsList .vote-pic img{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;}
html body.type-detail #ratingTab #ratingsList .vote-summary{display:block !important;min-width:0 !important;flex:1 1 auto !important;}
html body.type-detail #ratingTab #ratingsList .vote-name,
html body.type-detail #ratingTab #ratingsList .vote-name span{display:block !important;
  margin:0 0 4px !important;
  color:#163d5c !important;
  font-size:15.5px !important;font-weight:800 !important;
  line-height:1.3 !important;
  white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
html body.type-detail #ratingTab #ratingsList .vote-rating{display:flex !important;align-items:center !important;gap:8px !important;margin:0 !important;}
html body.type-detail #ratingTab #ratingsList .vote-rating .star::before{font-size:15px !important;}
html body.type-detail #ratingTab #ratingsList .vote-delimeter{display:none !important;}
html body.type-detail #ratingTab #ratingsList .vote-time{color:#8a96a3 !important;font-size:12.5px !important;font-weight:600 !important;line-height:1 !important;}
html body.type-detail #ratingTab #ratingsList .vote-content{margin:0 !important;padding:0 !important;
  color:#4f6577 !important;
  font-size:15px !important;font-weight:500 !important;
  line-height:1.6 !important;}
@media (max-width:1199px){
html body.type-detail #ratingTab #ratingsList{column-count:2 !important;}
}
@media (max-width:991px){
html body.type-detail #ratingTab .rate-wrap{grid-template-columns:240px minmax(0,1fr) !important;gap:24px !important;}
}
@media (max-width:767px){
html body.type-detail #ratingTab #ratingWrapper{margin:20px 0 24px !important;padding:16px !important;border-radius:22px !important;}
html body.type-detail #ratingTab .rate-wrap{grid-template-columns:1fr !important;gap:18px !important;}
html body.type-detail #ratingTab .rate-average-wrap{padding:22px 16px !important;border-radius:18px !important;}
html body.type-detail #ratingTab .rate-average{font-size:50px !important;}
html body.type-detail #ratingTab .votes{gap:10px !important;padding:0 4px !important;}
html body.type-detail #ratingTab .rate-list{grid-template-columns:44px minmax(0,1fr) !important;gap:10px !important;}
html body.type-detail #ratingTab .rate-block{margin-right:58px !important;height:10px !important;}
html body.type-detail #ratingTab .rate-count{right:-58px !important;width:52px !important;font-size:12.5px !important;}
html body.type-detail #ratingTab #ratingsList{column-count:1 !important;}
html body.type-detail #ratingTab #ratingsList .vote-wrap{margin-bottom:12px !important;padding:18px !important;border-radius:18px !important;}
html body.type-detail #ratingTab #ratingsList .vote-wrap::after{top:18px !important;right:18px !important;}
html body.type-detail #ratingTab #ratingsList .vote-content{font-size:14.5px !important;}
}
html body.type-detail #ratingTab .rate-value{display:inline-block !important;}
html body.type-detail #ratingTab #ratingsList{column-count:auto !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  align-items:stretch !important;
  
  margin-left:-7.5px !important;margin-right:-7.5px !important;
  column-gap:3px !important;row-gap:4px !important;}
html body.type-detail #ratingTab #ratingsList .vote-wrap{display:block !important;width:auto !important;align-self:stretch !important;}
html body.type-detail #ratingTab #ratingsList .vote-header::after{content:"" !important;display:block !important;clear:both !important;}
html body.type-detail #ratingTab #ratingsList .vote-pic{float:left !important;margin:0 12px 0 0 !important;}
html body.type-detail #ratingTab #ratingsList .vote-summary{width:auto !important;max-width:none !important;float:none !important;overflow:hidden !important;padding-top:4px !important;}
@media (max-width:1199px){
html body.type-detail #ratingTab #ratingsList{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width:767px){
html body.type-detail #ratingTab #ratingsList{grid-template-columns:1fr !important;row-gap:0 !important;}

}
html body.type-detail #ratingTab .rate-value{display:inline-block !important;}
html body.type-detail #ratingTab #ratingWrapper{margin:0 0 24px !important;}
html body.type-detail #ratingTab .rate-average-wrap .stars-label span{color:inherit !important;}
html body.type-detail #ratingTab .rate-average-wrap .no-add,
html body.type-detail #ratingTab .rate-average-inner > p{
  margin:4px 0 0 !important;
  color:#6b7682 !important;
  font-size:13.5px !important;font-weight:600 !important;
  line-height:1.45 !important;
  text-align:center;
}
/* tlačítko Přidat hodnocení */
html body.type-detail #ratingTab .add-comment{grid-column:1 / -1;display:flex !important;justify-content:center;margin:6px 0 0 !important;padding:0 !important;}
html body.type-detail #ratingTab .add-comment .btn,
html body.type-detail #productDiscussion .add-comment .btn,
html body.type-detail #productDiscussion .discussion-form-trigger .btn{
  display:inline-flex !important;align-items:center;justify-content:center;gap:8px;
  height:46px !important;
  margin:0 !important;
  padding:0 22px !important;
  border:1px solid #cfe2f2 !important;
  border-radius:50px !important;
  background:#fff !important;
  box-shadow:none !important;
  color:#0b6fb0 !important;
  font-size:14.5px !important;font-weight:800 !important;
  text-transform:none !important;letter-spacing:0 !important;
}
html body.type-detail #ratingTab .add-comment .btn:hover,
html body.type-detail #productDiscussion .add-comment .btn:hover,
html body.type-detail #productDiscussion .discussion-form-trigger .btn:hover{border-color:#0b6fb0 !important;background:#0b6fb0 !important;color:#fff !important;}
html body.type-detail #ratingTab .add-comment .btn::before,
html body.type-detail #productDiscussion .add-comment .btn::before{
  content:"" !important;
  width:15px;height:15px;
  font-size:0 !important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b6fb0' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center / contain no-repeat;
}
html body.type-detail #ratingTab .add-comment .btn:hover::before,
html body.type-detail #productDiscussion .add-comment .btn:hover::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
}
/* recenze na detailu – 2 sloupce, na mobilu 1 */
html body.type-detail #ratingTab #ratingsList{grid-template-columns:repeat(2,minmax(0,1fr)) !important;margin:8px 0 0 !important;column-gap:16px !important;}
@media (max-width:767px){
  html body.type-detail #ratingTab #ratingsList{grid-template-columns:1fr !important;}
}

/* =====================================================================
   FORMULÁŘE (přidat hodnocení, diskuze)
   ===================================================================== */
html body.type-detail #ratingTab .vote-form,
html body.type-detail #rate-form,
html body.type-detail #productDiscussion .discussion-form.vote-form{
  margin:16px 0 0 !important;
  padding:24px !important;
  border:1px solid #e0eef9 !important;
  border-radius:22px !important;
  background:#fff !important;
  box-shadow:none !important;
}
html body.type-detail #ratingTab .vote-form .form-group,
html body.type-detail #productDiscussion .form-group{margin:0 0 14px !important;}
html body.type-detail #ratingTab .vote-form label,
html body.type-detail #productDiscussion form label{color:#6b7682 !important;font-size:13px !important;font-weight:700 !important;}
html body.type-detail #ratingTab .vote-form .form-control,
html body.type-detail #productDiscussion form .form-control{
  height:50px !important;
  padding:0 16px !important;
  border:1px solid #d9e7f3 !important;
  border-radius:14px !important;
  background:#f5faff !important;
  color:#163d5c !important;
  font-size:15px !important;
  box-shadow:none !important;
}
html body.type-detail #ratingTab .vote-form textarea.form-control,
html body.type-detail #productDiscussion form textarea.form-control{height:auto !important;min-height:120px;padding:14px 16px !important;line-height:1.5 !important;}
html body.type-detail #ratingTab .vote-form .form-control:focus,
html body.type-detail #productDiscussion form .form-control:focus{border-color:#239ceb !important;background:#fff !important;box-shadow:0 0 0 4px rgba(35,156,235,.12) !important;outline:0 !important;}
html body.type-detail #ratingTab .vote-form .btn,
html body.type-detail #ratingTab .vote-form [type="submit"],
html body.type-detail #productDiscussion form [type="submit"]{
  height:50px !important;
  padding:0 26px !important;
  border:0 !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,#34c759 0%,#1f9d3a 100%) !important;
  box-shadow:0 10px 20px -12px rgba(31,157,58,.8) !important;
  color:#fff !important;
  font-size:15px !important;font-weight:800 !important;
  text-transform:none !important;letter-spacing:0 !important;
}

/* =====================================================================
   DISKUZE
   ===================================================================== */
html body.type-detail #productDiscussion .discussionContainer > p:not(.helpNote){
  margin:0 0 12px !important;
  color:#163d5c !important;
  font-size:15px !important;font-weight:700 !important;
}
html body.type-detail #productDiscussion .helpNote{
  position:relative;
  margin:0 0 16px !important;
  padding:13px 16px 13px 44px !important;
  border:1px solid #e0eef9 !important;
  border-radius:16px !important;
  background:#f5faff !important;
  color:#4f6577 !important;
  font-size:14px !important;font-weight:600 !important;
  line-height:1.5 !important;
}
html body.type-detail #productDiscussion .helpNote::before{
  content:"";
  position:absolute;
  left:16px;top:15px;
  width:18px;height:18px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23239ceb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M12 11v5.5M12 7.6v.1'/%3E%3C/svg%3E") center / contain no-repeat;
}
html body.type-detail #productDiscussion .helpNote a{color:#0b6fb0 !important;font-weight:800 !important;text-decoration:none !important;}
/* příspěvky a odpovědi */
html body.type-detail #productDiscussion .vote-wrap{
  position:relative;
  margin:0 0 12px !important;
  padding:20px !important;
  border:1px solid #e0eef9 !important;
  border-radius:20px !important;
  background:#fff !important;
  box-shadow:none !important;
}
html body.type-detail #productDiscussion .vote-wrap .vote-wrap,
html body.type-detail #productDiscussion .vote-wrap.admin-contribution,
html body.type-detail #productDiscussion .vote-wrap.admin-response{background:#f5faff !important;}
html body.type-detail #productDiscussion .vote-name,
html body.type-detail #productDiscussion .vote-name span{color:#163d5c !important;font-size:15px !important;font-weight:800 !important;}
html body.type-detail #productDiscussion .vote-time{color:#8a96a3 !important;font-size:12.5px !important;font-weight:600 !important;}
html body.type-detail #productDiscussion .vote-title{color:#163d5c !important;font-size:15px !important;font-weight:800 !important;}
html body.type-detail #productDiscussion .vote-content{color:#4f6577 !important;font-size:15px !important;line-height:1.6 !important;}
html body.type-detail #productDiscussion .vote-pic{border-radius:50%;overflow:hidden;}
html body.type-detail #productDiscussion .vote-initials{background:linear-gradient(135deg,#239ceb 0%,#0b6fb0 100%) !important;color:#fff !important;font-weight:800 !important;}

/* =====================================================================
   PARAMETRY PRODUKTU
   ===================================================================== */
html body.type-detail .extended-description{margin:28px 0 0 !important;padding:0 !important;border:0 !important;background:none !important;}
html body.type-detail .extended-description table.detail-parameters{
  width:100% !important;
  margin:0 !important;
  border:1px solid #e0eef9 !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  border-radius:20px !important;
  overflow:hidden;
  background:#fff !important;
}
html body.type-detail .extended-description table.detail-parameters tr{background:#fff !important;}
html body.type-detail .extended-description table.detail-parameters tr:nth-child(even){background:#f8fbfe !important;}
html body.type-detail .extended-description table.detail-parameters th,
html body.type-detail .extended-description table.detail-parameters td{
  padding:14px 20px !important;
  border:0 !important;
  border-top:1px solid #eef3f8 !important;
  vertical-align:middle !important;
  font-size:14.5px !important;
  line-height:1.45 !important;
}
html body.type-detail .extended-description table.detail-parameters tr:first-child th,
html body.type-detail .extended-description table.detail-parameters tr:first-child td{border-top:0 !important;}
html body.type-detail .extended-description table.detail-parameters th{width:45%;color:#6b7682 !important;font-weight:600 !important;text-align:left !important;}
html body.type-detail .extended-description table.detail-parameters td{color:#163d5c !important;font-weight:800 !important;text-align:right !important;}
html body.type-detail .extended-description table.detail-parameters td a{color:#0b6fb0 !important;text-decoration:none !important;}
html body.type-detail .extended-description .row-header-label{display:inline-flex !important;align-items:center;gap:8px;color:inherit !important;}
html body.type-detail .extended-description .row-header-label-colon{display:none !important;}
html body.type-detail .extended-description .question-tooltip{
  display:inline-flex !important;align-items:center;justify-content:center;
  flex:0 0 18px;
  width:18px !important;height:18px !important;
  margin:0 !important;
  border:1px solid #9fcdf0 !important;
  border-radius:50% !important;
  background:#eef6fd !important;
  color:#0b6fb0 !important;
  font-size:11px !important;font-weight:800 !important;
  line-height:1 !important;
}
@media (max-width:767px){
  html body.type-detail .extended-description table.detail-parameters th,
  html body.type-detail .extended-description table.detail-parameters td{padding:12px 14px !important;font-size:13.5px !important;}
  html body.type-detail #ratingTab > h2,
  html body.type-detail #productDiscussion h2,
  html body.type-detail .extended-description > h3,
  html body.type-detail #productsAlternative::before{font-size:20px !important;}
}

/* =====================================================================
   ZÁLOŽKY NA MOBILU – vodorovné menu s posouváním prstem
   (vytváří ho skript cleno-produkt-zalozky.js, rozbalovací hlavičky šablony se schovají)
   ===================================================================== */
.cl-mtabs{display:none;}
@media (max-width:767px){
  html body.cl-mtabs-on .p-detail-tabs-wrapper .tab-mobil{display:none !important;}
  html body.cl-mtabs-on .p-detail-tabs-wrapper .tab-content > *:not(.otevreno){display:none !important;}
  html body.cl-mtabs-on .p-detail-tabs-wrapper .tab-content > .otevreno{display:block !important;padding-top:18px !important;}
  html body.cl-mtabs-on .p-detail-tabs-wrapper .tab-content > .extended-description{margin-top:0 !important;}
  .cl-mtabs{
    position:relative;
    display:flex;
    margin:0;
    padding:0;
    overflow-x:auto;
    scrollbar-width:none;
    background:none;
    -webkit-overflow-scrolling:touch;
  }
  .cl-mtabs::-webkit-scrollbar{display:none;}
  .cl-mtabs__inner{
    display:flex;gap:4px;
    flex:0 0 auto;
    min-width:100%;
    padding:5px;
    border:1px solid #e0eef9;
    border-radius:16px;
    background:#f5faff;
  }
  .cl-mtabs button{
    flex:0 0 auto;
    height:42px;
    padding:0 16px;
    border:0;
    border-radius:12px;
    background:none;
    color:#6b7682;
    font-family:inherit;
    font-size:14px;font-weight:700;
    white-space:nowrap;
    cursor:pointer;
    transition:background .2s,color .2s;
  }
  .cl-mtabs button.is-active{
    background:#fff;
    color:#163d5c;
    box-shadow:0 4px 12px -6px rgba(14,47,75,.25);
  }
}

/* =====================================================================
   PLOVOUCÍ LIŠTA POBO – schovat, dokud ji náš skript nepředělá
   (jinak se při načtení na chvíli ukáže zelený pruh přes stránku)
   ===================================================================== */
#js-plugin-header:not(.cleno-sticky-atc){display:none !important;}

/* =====================================================================
   VIDEA – nadpis jako ostatní sekce, video v poměru 16:9 se zaoblenými rohy
   (šablona dává videu pevnou výšku 812 px)
   ===================================================================== */
html body.type-detail #productVideos > h3{
  margin:0 0 14px !important;
  padding:0 0 12px !important;
  border:0 !important;
  background:linear-gradient(90deg,#0b6fb0 0%,#239ceb 55%,#8fd0f7 100%) left bottom / 36px 3px no-repeat !important;
  color:#163d5c !important;
  font-size:22px !important;font-weight:800 !important;
  line-height:1.25 !important;
  letter-spacing:-.015em;
  text-align:left !important;
}
html body.type-detail #productVideos > h3::before,
html body.type-detail #productVideos > h3::after{display:none !important;}
html body.type-detail #productVideos iframe{
  display:block !important;
  width:100% !important;max-width:960px;
  height:auto !important;
  aspect-ratio:16 / 9;
  margin:0 0 28px !important;
  border:1px solid #e0eef9 !important;
  border-radius:20px !important;
  background:#0d1b26;
  overflow:hidden;
}
@media (max-width:767px){
  html body.type-detail #productVideos > h3{font-size:20px !important;}
  html body.type-detail #productVideos iframe{margin-bottom:20px !important;border-radius:16px !important;}
}

/* =====================================================================
   HLÁŠKY – diskuze jen pro přihlášené, už ohodnoceno
   ===================================================================== */
html body.type-detail #productDiscussion .helpNote.cl-login-note{
  display:flex !important;flex-direction:column;gap:6px;
  margin:0 0 16px !important;
  padding:20px 20px 20px 62px !important;
  border:1px solid #cfe2f2 !important;
  border-radius:20px !important;
  background:#f5faff !important;
}
/* ikona zámku */
html body.type-detail #productDiscussion .helpNote.cl-login-note::before{
  content:"" !important;
  position:absolute;
  left:18px;top:20px;
  width:30px;height:30px;
  border:1px solid #d6e8f6;
  border-radius:10px;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b6fb0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2.5'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center / 16px no-repeat !important;
}
.cl-login-note__title{color:#163d5c;font-size:15.5px;font-weight:800;line-height:1.35;}
.cl-login-note__text{color:#4f6577;font-size:14px;font-weight:500;line-height:1.5;}
.cl-login-note__btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;}
html body.type-detail #productDiscussion .helpNote a.cl-login-note__btn{
  display:inline-flex;align-items:center;justify-content:center;
  height:44px;
  padding:0 20px;
  border:1px solid #cfe2f2;
  border-radius:12px;
  background:#fff;
  color:#0b6fb0 !important;
  font-size:14.5px;font-weight:800 !important;
  text-decoration:none !important;
}
html body.type-detail #productDiscussion .helpNote a.cl-login-note__btn--primary{
  border:0;
  background:linear-gradient(135deg,#34c759 0%,#1f9d3a 100%);
  color:#fff !important;
}
html body.type-detail #ratingTab .cl-voted-note{
  margin:6px 0 0 !important;
  padding:8px 14px !important;
  border-radius:12px;
  background:#e7f6ec;
  color:#1f9d3a !important;
  font-size:13.5px !important;font-weight:700 !important;
  text-align:center;
}
@media (max-width:767px){
  html body.type-detail #productDiscussion .helpNote.cl-login-note{padding:16px !important;}
  html body.type-detail #productDiscussion .helpNote.cl-login-note::before{position:static;display:block;margin-bottom:4px;}
  .cl-login-note__btn{flex:1 1 0;}
}

/* záložky na počítači – po kliknutí se obsah „zaměří“, bez modrého rámečku */
.p-detail-tabs-wrapper .tab-content [tabindex="-1"]:focus,
.p-detail-tabs-wrapper .tab-content [tabindex="-1"]:focus-visible,
.p-detail-tabs-wrapper .tab-pane:focus,
.p-detail-tabs-wrapper .tab-pane:focus-visible{outline:none !important;box-shadow:none !important;}

/* recenze – hláška „Buďte první…“ (zatím žádná slovní recenze) jako jemná karta pod panelem hodnocení */
html body.type-detail #ratingTab > [data-testid="textCommentNotice"]{
  display:flex !important;align-items:center !important;gap:12px !important;
  margin:-16px 0 40px !important;
  padding:14px 18px !important;
  border:1px dashed #cfe2f2 !important;
  border-radius:18px !important;
  background:#fff !important;
  color:transparent !important;
  font-size:0 !important;line-height:0 !important;
}
html body.type-detail #ratingTab > [data-testid="textCommentNotice"]::before{
  content:"" !important;
  flex:0 0 38px;width:38px;height:38px;
  border-radius:50%;
  background:#eef6fd url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b6fb0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 0 1-11.6 7.1L4 20l1-4.6A8 8 0 1 1 21 12z'/%3E%3Cpath d='M9 11h6M9 14h4'/%3E%3C/svg%3E") center / 19px no-repeat;
}
html body.type-detail #ratingTab > [data-testid="textCommentNotice"]::after{
  content:"Zatím tu není žádná slovní recenze. Napište první – pomůžete ostatním s výběrem." !important;
  color:#6b7682 !important;
  font-size:14px !important;font-weight:600 !important;line-height:1.45 !important;
}
/* dokud ji skript nepřesune, nad panelem by se jen mihla */
html body.type-detail #ratingTab > [data-testid="textCommentNotice"]:not(.cl-comment-notice){display:none !important;}
@media (max-width:767px){
  html body.type-detail #ratingTab > [data-testid="textCommentNotice"]{margin:-8px 0 24px !important;padding:12px 14px !important;border-radius:16px !important;}
  html body.type-detail #ratingTab > [data-testid="textCommentNotice"]::after{font-size:13.5px !important;}
}