/* =========================================================
   AUTOvybava.sk — PRODUCT FAMILIES GLOBAL FIX V10
   Scope ONLY:
   - gumove autorohoze: .av-product-description.autorohoze-description
   - vanicky do kufra: .avp-v13.avp-trunk-v1
   - deflektory: .av-product-description.deflektory-description

   CSS-only patch. NEMENI obsah, HTML, obrazky ani poradie sekcii.
   Load AFTER existing product CSS.
   ========================================================= */

:is(
  .av-product-description.autorohoze-description,
  .av-product-description.deflektory-description,
  .avp-v13.avp-trunk-v1
){
  --avfg-navy:#103d5b;
  --avfg-text:#526a79;
  --avfg-muted:#687c89;
  --avfg-line:#dce7ed;
  --avfg-soft:#f7fafc;
  --avfg-green:#2b8a5d;
  --avfg-blue:#2e7db5;
}

:is(
  .av-product-description.autorohoze-description,
  .av-product-description.deflektory-description,
  .avp-v13.avp-trunk-v1
) *,
:is(
  .av-product-description.autorohoze-description,
  .av-product-description.deflektory-description,
  .avp-v13.avp-trunk-v1
) *::before,
:is(
  .av-product-description.autorohoze-description,
  .av-product-description.deflektory-description,
  .avp-v13.avp-trunk-v1
) *::after{
  box-sizing:border-box;
}

/* ---------------------------------------------------------
   1) POTVRDENE / TECHNICKE UDAJE — spolocny card grid
   Opravuje aj zlievanie typu "VyrobcaRIGUM".
   --------------------------------------------------------- */
:is(
  .av-product-description.autorohoze-description,
  .av-product-description.deflektory-description,
  .avp-v13.avp-trunk-v1
) .family-specs-v186{
  display:block!important;
  margin:28px 0 32px!important;
  padding:22px!important;
  border:1px solid var(--avfg-line)!important;
  border-radius:18px!important;
  background:var(--avfg-soft)!important;
  box-shadow:none!important;
}

:is(
  .av-product-description.autorohoze-description,
  .av-product-description.deflektory-description,
  .avp-v13.avp-trunk-v1
) .family-specs-v186 .section-head{
  display:block!important;
  margin:0 0 16px!important;
  padding:0!important;
}

:is(
  .av-product-description.autorohoze-description,
  .av-product-description.deflektory-description,
  .avp-v13.avp-trunk-v1
) .family-specs-v186 .section-head h2{
  margin:4px 0 0!important;
  padding:0!important;
}

:is(
  .av-product-description.autorohoze-description,
  .av-product-description.deflektory-description,
  .avp-v13.avp-trunk-v1
) .family-specs-grid-v186{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(175px,1fr))!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}

:is(
  .av-product-description.autorohoze-description,
  .av-product-description.deflektory-description,
  .avp-v13.avp-trunk-v1
) .family-specs-grid-v186>div{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  min-width:0!important;
  padding:13px 14px!important;
  margin:0!important;
  border:1px solid var(--avfg-line)!important;
  border-radius:12px!important;
  background:#fff!important;
  line-height:1.4!important;
}

:is(
  .av-product-description.autorohoze-description,
  .av-product-description.deflektory-description,
  .avp-v13.avp-trunk-v1
) .family-specs-grid-v186>div>b{
  display:block!important;
  width:100%!important;
  margin:0 0 4px!important;
  padding:0!important;
  color:var(--avfg-navy)!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.3!important;
}

:is(
  .av-product-description.autorohoze-description,
  .av-product-description.deflektory-description,
  .avp-v13.avp-trunk-v1
) .family-specs-grid-v186>div>span{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  color:var(--avfg-text)!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:1.45!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

/* ---------------------------------------------------------
   2) VYHODY / PRAKTICKE TIPY — spolocny dvojstlpec
   --------------------------------------------------------- */
:is(
  .av-product-description.autorohoze-description,
  .av-product-description.deflektory-description,
  .avp-v13.avp-trunk-v1
) :is(.source-two-grid,.rc-rating-two,.practical-grid){
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}

:is(
  .av-product-description.autorohoze-description,
  .av-product-description.deflektory-description,
  .avp-v13.avp-trunk-v1
) :is(
  .source-two-grid>article,
  .rc-rating-two__pros,
  .rc-rating-two__const,
  .practical-card
){
  min-width:0!important;
  padding:20px 22px!important;
  border:1px solid var(--avfg-line)!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:0 10px 24px rgba(12,51,76,.035)!important;
}

:is(
  .av-product-description.autorohoze-description,
  .av-product-description.deflektory-description,
  .avp-v13.avp-trunk-v1
) :is(.source-two-grid,.source-card-grid,.practical-grid) ul{
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}

:is(
  .av-product-description.autorohoze-description,
  .av-product-description.deflektory-description,
  .avp-v13.avp-trunk-v1
) :is(.source-two-grid,.source-card-grid,.practical-grid) li{
  position:relative!important;
  margin:0!important;
  padding:7px 0 7px 25px!important;
  color:var(--avfg-text)!important;
  line-height:1.55!important;
}

:is(
  .av-product-description.autorohoze-description,
  .av-product-description.deflektory-description,
  .avp-v13.avp-trunk-v1
) :is(.source-two-grid,.source-card-grid,.practical-grid) li::before{
  content:"✓"!important;
  position:absolute!important;
  left:0!important;
  top:7px!important;
  color:var(--avfg-green)!important;
  font-weight:900!important;
}

/* ---------------------------------------------------------
   3) BOHATE PRAKTICKE KARTY — 2x2 desktop, 1x mobile
   --------------------------------------------------------- */
:is(
  .av-product-description.autorohoze-description,
  .av-product-description.deflektory-description,
  .avp-v13.avp-trunk-v1
) .source-practical{
  margin-top:8px!important;
  padding:30px 28px!important;
  border:1px solid var(--avfg-line)!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#f8fbfd,#f3f8fb)!important;
}

:is(
  .av-product-description.autorohoze-description,
  .av-product-description.deflektory-description,
  .avp-v13.avp-trunk-v1
) .source-card-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:16px!important;
}

:is(
  .av-product-description.autorohoze-description,
  .av-product-description.deflektory-description,
  .avp-v13.avp-trunk-v1
) .source-card-grid>article{
  min-width:0!important;
  padding:18px!important;
  border:1px solid var(--avfg-line)!important;
  border-radius:15px!important;
  background:#fff!important;
}

:is(
  .av-product-description.autorohoze-description,
  .av-product-description.deflektory-description,
  .avp-v13.avp-trunk-v1
) .source-closing{
  margin:15px 0 0!important;
  padding-top:14px!important;
  border-top:1px solid var(--avfg-line)!important;
  color:#4e6676!important;
}

/* ---------------------------------------------------------
   4) POBO vyhody/tipy — fallback pre starsie rohoze/deflektory
   --------------------------------------------------------- */
:is(
  .av-product-description.autorohoze-description,
  .av-product-description.deflektory-description,
  .avp-v13.avp-trunk-v1
) .rc-rating-two{
  margin:30px 0!important;
}

:is(
  .av-product-description.autorohoze-description,
  .av-product-description.deflektory-description,
  .avp-v13.avp-trunk-v1
) .rc-rating-two h2{
  margin:0 0 12px!important;
  padding:0!important;
  font-size:20px!important;
  line-height:1.3!important;
  color:var(--avfg-navy)!important;
}

:is(
  .av-product-description.autorohoze-description,
  .av-product-description.deflektory-description,
  .avp-v13.avp-trunk-v1
) .rc-rating-two ul{
  margin:0!important;
  padding-left:20px!important;
}

:is(
  .av-product-description.autorohoze-description,
  .av-product-description.deflektory-description,
  .avp-v13.avp-trunk-v1
) .rc-rating-two li{
  margin:7px 0!important;
  color:var(--avfg-text)!important;
  line-height:1.55!important;
}

/* ---------------------------------------------------------
   5) MOBILE — vsetko citatelne a bez zlievania
   --------------------------------------------------------- */
@media(max-width:760px){
  :is(
    .av-product-description.autorohoze-description,
    .av-product-description.deflektory-description,
    .avp-v13.avp-trunk-v1
  ) .family-specs-v186{
    margin:24px 0 28px!important;
    padding:17px!important;
    border-radius:16px!important;
  }

  :is(
    .av-product-description.autorohoze-description,
    .av-product-description.deflektory-description,
    .avp-v13.avp-trunk-v1
  ) .family-specs-grid-v186,
  :is(
    .av-product-description.autorohoze-description,
    .av-product-description.deflektory-description,
    .avp-v13.avp-trunk-v1
  ) :is(.source-two-grid,.rc-rating-two,.practical-grid,.source-card-grid){
    grid-template-columns:1fr!important;
  }

  :is(
    .av-product-description.autorohoze-description,
    .av-product-description.deflektory-description,
    .avp-v13.avp-trunk-v1
  ) .source-practical{
    padding:22px 18px!important;
    border-radius:18px!important;
  }

  :is(
    .av-product-description.autorohoze-description,
    .av-product-description.deflektory-description,
    .avp-v13.avp-trunk-v1
  ) :is(
    .source-two-grid>article,
    .rc-rating-two__pros,
    .rc-rating-two__const,
    .practical-card,
    .source-card-grid>article
  ){
    padding:18px!important;
    border-radius:15px!important;
  }
}