/* --- level3divers • generated technical diving equipment template --- */
:root{
  --l3d-accent:#0f172a;
  --l3d-sky-50:#ffffff;
  --l3d-sky-100:#f8fafc;
  --l3d-ink:#0f172a;
  --l3d-muted:rgba(15,23,42,.65);
  --l3d-border:rgba(15, 23, 42, 0.1);
  --l3d-shadow:0 8px 20px rgba(0,0,0,0.06);
  --l3d-hr:rgba(15,23,42,0.08);
  --l3d-chip-border:rgba(15,23,42,0.12);
  --l3d-chip-text:#334155;
}

.l3d-row{display:flex;gap:22px;align-items:center}
.l3d-col{flex:1;min-width:0}
.l3d-card{border:1px solid var(--l3d-border);border-radius:18px;padding:16px;background:#ffffff;}
.l3d-muted{color:var(--l3d-muted)}
.l3d-shadow{box-shadow:var(--l3d-shadow)}
.l3d-hr{height:1px;background:var(--l3d-hr);margin:26px 0}
.l3d-badges{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
.l3d-badge{border:1px solid var(--l3d-chip-border);border-radius:999px;padding:5px 12px;font-size:13px;background:var(--l3d-sky-100);color:var(--l3d-chip-text);white-space:nowrap;font-weight:500;}
.l3d-section{background:#ffffff;border:1px solid var(--l3d-border);border-radius:20px;padding:14px;}
.l3d-highlight{margin-top:14px;border-radius:14px;background:var(--l3d-sky-100);border:1px solid var(--l3d-border);padding:12px 14px;color:var(--l3d-ink);font-size:14px;}
.l3d-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.l3d-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.l3d-img{width:100%;height:auto;border-radius:18px;display:block;border:1px solid var(--l3d-border);background:#fff;}
.l3d-imggrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.l3d-imgcap{font-size:12px;color:var(--l3d-muted);margin:8px 0 0;line-height:1.4}
.l3d-pdp h2{font-size:22px;margin:0 0 10px;color:var(--l3d-ink);font-weight:700}
.l3d-pdp h3{font-size:16px;margin:0 0 6px;color:var(--l3d-ink);font-weight:600}
.l3d-pdp details{border:1px solid var(--l3d-border);border-radius:14px;padding:12px 14px;background:#ffffff;margin-bottom:8px;transition:all 0.2s;}
.l3d-pdp details:hover{border-color:rgba(0,0,0,0.2)}
.l3d-pdp summary{cursor:pointer;font-weight:700;color:var(--l3d-ink)}
.l3d-pdp table{width:100%;border-collapse:collapse}
.l3d-pdp td{padding:10px 12px;border-top:1px solid var(--l3d-hr);vertical-align:top}
.l3d-pdp td:first-child{width:38%;color:var(--l3d-muted);font-weight:500}
.l3d-emoji{display:inline-block;margin-right:8px;filter:none;}

@media (max-width:740px){
  .l3d-row{flex-direction:column;align-items:stretch}
  .l3d-grid3,.l3d-grid2,.l3d-imggrid{grid-template-columns:1fr}
  .l3d-pdp td:first-child{width:auto}
}
.l3d-shortdesc, .l3d-shortdesc * { box-sizing: border-box; }

.l3d-shortdesc{
  --l3d-text:#1f2937;
  --l3d-muted:#6b7280;
  --l3d-border:#e5e7eb;
  --l3d-bg:#ffffff;

  font-family: system-ui, -apple-system, sans-serif;
  color: var(--l3d-text);
  background: var(--l3d-bg);
  border: 1px solid var(--l3d-border);
  border-radius: 14px;
  padding: 16px;
  line-height: 1.6;
  width: 100%;
  max-width: 860px;
}

/* dôležité: prebiť štýly témy */
.l3d-shortdesc__list{
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;

  display: grid !important;
  gap: 12px;

  /* lepšie než media query – nespustí 2 stĺpce v úzkom kontajneri */
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.l3d-shortdesc__item{
  margin: 0 !important;
  padding: 10px !important;

  border: 1px solid var(--l3d-border);
  background: #ffffff;
  border-radius: 12px;

  display: grid !important;
  grid-template-columns: 38px 1fr;
  gap: 12px;
  align-items: center;

  position: relative;
}

/* toto odstráni tie ">" šípky z témy */
.l3d-shortdesc__item::before,
.l3d-shortdesc__item::after{
  content: none !important;
  display: none !important;
  background: none !important;
}

.l3d-shortdesc__icon{
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0f172a;
}

.l3d-shortdesc__icon svg{
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  display: block;
}

.l3d-shortdesc p{
  margin: 0 !important;
  font-size: 14px;
  font-weight: 500;
}