/* Product description, specifications and section navigation.
 * Geometry follows the local preview; fonts, colours, radii and type scales
 * inherit the live theme and the native builder's per-component settings.
 * Full server-rendered content remains visible until JS opts into clamping. */
.ragbet-product-content {
  --ragbet-content-columns:1.02fr 1fr;
  --ragbet-content-gap:16px;
  --ragbet-content-padding:24px;
  --ragbet-content-ink:var(--yc-text,#221d35);
  --ragbet-content-muted:var(--yc-muted,#716a82);
  --ragbet-content-secondary:var(--drn-secondary-text,var(--yc-muted,#595166));
  --ragbet-content-accent:var(--yc-primary,var(--accent,#5e2cfa));
  --ragbet-content-line:var(--yc-border,#e3e5eb);
  --ragbet-content-surface:var(--yc-surface,#fff);
  --ragbet-content-hover:var(--yc-surface-alt,var(--yc-primary-soft,#faf8fe));
  --ragbet-content-radius:var(--drn-pb-radius,var(--yc-radius-lg,22px));
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  color:var(--ragbet-content-ink);
  font-family:var(--yc-font-body,inherit)!important;
  font-size:calc(15px * var(--drn-font-scale,1) * var(--drn-local-scale,1));
  font-weight:var(--yc-font-body-weight,400);
  line-height:1.6;
  letter-spacing:var(--yc-tracking-body,normal);
  overflow-wrap:anywhere;
}
.ragbet-product-content *,
.ragbet-product-content *::before,
.ragbet-product-content *::after {box-sizing:border-box}
.ragbet-product-content[hidden], .ragbet-product-content [hidden] {display:none!important}
.ragbet-product-content :is(h2,h3,h4,h5,h6) {font-family:var(--yc-font-heading,var(--yc-font-body,inherit))!important}
.ragbet-product-content :is(button,input) {font:inherit;font-family:var(--yc-font-body,inherit)!important;letter-spacing:inherit}
.ragbet-product-content button {appearance:none;cursor:pointer;text-transform:none}
.ragbet-product-content button:disabled {cursor:default}
.ragbet-product-content :is(button,a,input):focus-visible {outline:3px solid var(--ragbet-content-accent);outline-offset:4px}
.ragbet-product-content svg {display:block;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.ragbet-product-content .tm35pc-shell {width:100%;max-width:none;min-width:0;margin-inline:0;padding:0}

/* The four links share a row; mobile uses a fixed four-column icon grid. */
.ragbet-product-content .tm35pc-nav {
  display:flex;
  align-items:center;
  gap:5px;
  margin:0 0 var(--ragbet-content-gap);
  padding:6px;
  border:1px solid var(--ragbet-content-line);
  border-radius:var(--drn-pb-radius,var(--yc-radius-lg,16px));
  background:var(--ragbet-content-surface);
  box-shadow:none;
  overflow-x:auto;
  scrollbar-width:none;
}
.ragbet-product-content .tm35pc-nav::-webkit-scrollbar {display:none}
.ragbet-product-content .tm35pc-nav a {
  display:flex;
  align-items:center;
  justify-content:center;
  flex:1;
  gap:8px;
  margin:0;
  padding:11px 15px;
  border:0;
  border-radius:var(--yc-radius-sm,11px);
  background:transparent;
  color:var(--ragbet-content-secondary);
  font-size:calc(13px * var(--drn-font-scale,1) * var(--drn-local-scale,1));
  font-weight:700;
  line-height:1.6;
  text-decoration:none;
  white-space:nowrap;
  transition:background .15s,color .15s;
}
.ragbet-product-content .tm35pc-nav a:hover,
.ragbet-product-content .tm35pc-nav a:focus-visible {background:var(--ragbet-content-hover);color:var(--ragbet-content-accent);text-decoration:none}
.ragbet-product-content .tm35pc-nav a > svg {
  display:block;
  flex:0 0 18px;
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.ragbet-product-content .tm35pc-nav-label {min-width:0}

.ragbet-product-content .tm35pc-overview-grid {
  display:grid;
  grid-template-columns:var(--ragbet-content-columns);
  align-items:start;
  gap:var(--ragbet-content-gap);
  min-width:0;
}
.ragbet-product-content .tm35pc-panel {
  min-width:0;
  margin:0;
  padding:var(--ragbet-content-padding);
  border:1px solid var(--ragbet-content-line);
  border-radius:var(--ragbet-content-radius);
  background:var(--ragbet-content-surface);
  box-shadow:none;
}
.ragbet-product-content .tm35pc-overview-grid > .tm35pc-panel:only-child {grid-column:1/-1}
.ragbet-product-content .tm35pc-section {scroll-margin-top:var(--ragbet-content-scroll-offset,110px)}
.ragbet-product-content .tm35pc-section-heading {display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 0 21px}
.ragbet-product-content .tm35pc-section-heading h3 {
  margin:0;
  color:var(--ragbet-content-ink);
  font-size:calc(20px * var(--drn-heading-scale,1) * var(--drn-local-scale,1));
  font-weight:var(--yc-font-heading-weight,750);
  line-height:1.3;
  letter-spacing:var(--yc-tracking-heading,-.025em);
}
.ragbet-product-content .tm35pc-section-heading p {max-width:650px;margin:6px 0 0;color:var(--ragbet-content-muted);font-size:calc(13px * var(--drn-font-scale,1) * var(--drn-local-scale,1));line-height:1.6}
.ragbet-product-content .tm35pc-heading-mark {display:flex;align-items:center;justify-content:center;flex:none;width:38px;height:38px;border-radius:var(--yc-radius-md,12px);background:var(--ragbet-content-surface);color:var(--ragbet-content-accent);box-shadow:none}
.ragbet-product-content .tm35pc-heading-mark svg {width:19px;height:19px}

.ragbet-product-content .tm35pc-description-preview {
  display:-webkit-box;
  margin:0;
  overflow:hidden;
  color:var(--ragbet-content-secondary);
  font-size:calc(14px * var(--drn-font-scale,1) * var(--drn-local-scale,1));
  line-height:1.85;
  -webkit-line-clamp:6;
  -webkit-box-orient:vertical;
}
.ragbet-product-content .tm35pc-description-full {min-width:0}
.ragbet-product-content .tm35pc-rich {min-width:0;color:var(--ragbet-content-secondary);font-size:calc(14px * var(--drn-font-scale,1) * var(--drn-local-scale,1));line-height:1.85;overflow-wrap:anywhere}
.ragbet-product-content .tm35pc-rich > :first-child {margin-top:0}
.ragbet-product-content .tm35pc-rich > :last-child {margin-bottom:0}
.ragbet-product-content .tm35pc-rich p {margin:0 0 13px}
.ragbet-product-content .tm35pc-rich :is(h2,h3,h4,h5,h6) {margin:23px 0 10px;color:var(--ragbet-content-ink);font-size:calc(16px * var(--drn-heading-scale,1) * var(--drn-local-scale,1));font-weight:var(--yc-font-heading-weight,750);line-height:1.4}
.ragbet-product-content .tm35pc-rich :is(ul,ol) {margin:10px 0 15px;padding-left:20px}
.ragbet-product-content .tm35pc-rich li + li {margin-top:5px}
.ragbet-product-content .tm35pc-rich strong {font-weight:700;color:var(--ragbet-content-ink)}
.ragbet-product-content .tm35pc-rich a {color:var(--ragbet-content-accent);text-decoration:underline;text-underline-offset:3px}
.ragbet-product-content .tm35pc-rich img {display:block;max-width:100%;height:auto;margin:16px auto;border-radius:var(--yc-radius-md,12px)}
.ragbet-product-content .tm35pc-rich table {display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:calc(12px * var(--drn-font-scale,1) * var(--drn-local-scale,1))}
.ragbet-product-content .tm35pc-rich :is(td,th) {padding:9px;border:1px solid var(--ragbet-content-line);text-align:left}
.ragbet-product-content .tm35pc-description-lead {color:var(--ragbet-content-ink)}
/* Only enhanced image descriptions are clamped. The final preview has no fade. */
.ragbet-product-content.is-enhanced .tm35pc-image-preview {position:relative;max-height:340px;overflow:hidden}
.ragbet-product-content .tm35pc-image-preview::after {display:none;content:none}
.ragbet-product-content .tm35pc-image-description.is-image-expanded {grid-column:1/-1}
.ragbet-product-content .tm35pc-image-description.is-image-expanded .tm35pc-rich {max-width:1100px;margin-inline:auto}
.ragbet-product-content .tm35pc-text-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:44px;
  margin:9px 0 0;
  padding:9px 0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  color:var(--ragbet-content-accent);
  font-size:calc(13px * var(--drn-font-scale,1) * var(--drn-local-scale,1));
  font-weight:750;
  line-height:1.6;
  text-decoration:none;
}
.ragbet-product-content .tm35pc-text-button svg {width:15px;height:15px;transition:transform .18s}
.ragbet-product-content .tm35pc-text-button[aria-expanded=true] svg {transform:rotate(180deg)}

.ragbet-product-content .tm35pc-selected {margin:0 0 16px;padding:13px 15px;border:1px solid var(--ragbet-content-line);border-radius:var(--yc-radius-md,13px);background:var(--ragbet-content-surface);box-shadow:none}
.ragbet-product-content .tm35pc-selected > span {display:block;margin-bottom:7px;color:var(--ragbet-content-muted);font-size:calc(10px * var(--drn-font-scale,1) * var(--drn-local-scale,1));font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.ragbet-product-content .tm35pc-selected-values {display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--ragbet-content-secondary);font-size:calc(12px * var(--drn-font-scale,1) * var(--drn-local-scale,1))}
.ragbet-product-content .tm35pc-selected-values strong {margin-left:4px;font-weight:750;color:var(--ragbet-content-accent)}
.ragbet-product-content .tm35pc-attribute-list {margin:0;padding:0}
.ragbet-product-content .tm35pc-attribute-row {display:grid;grid-template-columns:minmax(100px,.85fr) minmax(0,1.15fr);gap:12px;padding:12px 0;border-bottom:1px solid var(--ragbet-content-line);font-size:calc(13px * var(--drn-font-scale,1) * var(--drn-local-scale,1));line-height:1.55}
.ragbet-product-content .tm35pc-attribute-row:first-child {padding-top:0}
.ragbet-product-content .tm35pc-attribute-row:last-child {border-bottom:0}
.ragbet-product-content .tm35pc-attribute-row dt {margin:0;color:var(--ragbet-content-muted);font-weight:500;overflow-wrap:anywhere}
.ragbet-product-content .tm35pc-attribute-row dd {margin:0;color:var(--ragbet-content-ink);font-weight:650;overflow-wrap:anywhere}
.ragbet-product-content .tm35pc-search {position:relative;display:block;margin:0 0 17px}
.ragbet-product-content .tm35pc-search svg {position:absolute;top:14px;left:13px;width:17px;height:17px;color:var(--ragbet-content-muted);pointer-events:none}
.ragbet-product-content .tm35pc-search input {display:block;width:100%;height:45px;min-width:0;margin:0;padding:9px 13px 9px 39px;border:1px solid var(--ragbet-content-line);border-radius:var(--yc-radius-sm,11px);background:var(--ragbet-content-hover);box-shadow:none;color:var(--ragbet-content-ink);font-size:calc(12px * var(--drn-font-scale,1) * var(--drn-local-scale,1));line-height:1.6}
.ragbet-product-content .tm35pc-search input::placeholder {color:var(--ragbet-content-muted);opacity:1}
.ragbet-product-content .tm35pc-no-match {margin:0;padding:14px 0;color:var(--ragbet-content-muted);font-size:calc(13px * var(--drn-font-scale,1) * var(--drn-local-scale,1))}

@media(max-width:1050px) {
  .ragbet-product-content .tm35pc-nav a {padding:11px 12px}
}
@media(max-width:800px) {
  .ragbet-product-content {--ragbet-content-padding:20px}
}
@media(max-width:760px) {
  .ragbet-product-content {--ragbet-content-columns:1fr;--ragbet-content-radius:var(--drn-pb-radius,var(--yc-radius-lg,18px))}
  .ragbet-product-content .tm35pc-overview-grid {grid-template-columns:1fr}
  .ragbet-product-content .tm35pc-nav {border-radius:var(--drn-pb-radius,var(--yc-radius-md,13px));padding:4px;gap:2px}
  .ragbet-product-content .tm35pc-nav a {flex:none;min-height:42px;padding:10px 13px;font-size:calc(12px * var(--drn-font-scale,1) * var(--drn-local-scale,1));border-radius:var(--yc-radius-sm,9px)}
  .ragbet-product-content .tm35pc-section-heading {gap:14px;margin-bottom:17px}
  .ragbet-product-content .tm35pc-section-heading h3 {font-size:calc(19px * var(--drn-heading-scale,1) * var(--drn-local-scale,1))}
  .ragbet-product-content .tm35pc-section-heading p {font-size:calc(12px * var(--drn-font-scale,1) * var(--drn-local-scale,1))}
  .ragbet-product-content .tm35pc-heading-mark {width:34px;height:34px;border-radius:var(--yc-radius-md,11px)}
  .ragbet-product-content .tm35pc-rich {font-size:calc(13px * var(--drn-font-scale,1) * var(--drn-local-scale,1))}
  .ragbet-product-content .tm35pc-description-preview {font-size:calc(13px * var(--drn-font-scale,1) * var(--drn-local-scale,1));-webkit-line-clamp:5}
  .ragbet-product-content .tm35pc-attribute-row {gap:10px;padding:11px 0;font-size:calc(12px * var(--drn-font-scale,1) * var(--drn-local-scale,1))}
  .ragbet-product-content .tm35pc-attribute-row:first-child {padding-top:0}
}
@media(max-width:600px) {
  .ragbet-product-content {--ragbet-content-padding:16px}
  .ragbet-product-content .tm35pc-nav {display:grid;grid-template-columns:repeat(var(--ragbet-nav-columns,4),minmax(0,1fr));overflow:visible;gap:2px}
  .ragbet-product-content .tm35pc-nav a {flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;min-width:0;min-height:72px;padding:10px 4px;white-space:normal;text-align:center;font-size:calc(10px * var(--drn-font-scale,1) * var(--drn-local-scale,1));line-height:1.35}
  .ragbet-product-content .tm35pc-nav-label {display:flex;align-items:center;justify-content:center;min-height:2.7em}
}
@media(prefers-reduced-motion:reduce) {
  .ragbet-product-content *,
  .ragbet-product-content *::before,
  .ragbet-product-content *::after {scroll-behavior:auto!important;transition:none!important;animation:none!important}
}
/* Keep the native search usable without focus zoom on narrow mobile screens. */
@media(max-width:760px){.ragbet-product-content .tm35pc-search input{font-size:max(16px,calc(12px * var(--drn-font-scale,1) * var(--drn-local-scale,1)))}.ragbet-product-content .tm35pc-search input::placeholder{font-size:calc(12px * var(--drn-font-scale,1) * var(--drn-local-scale,1))}}