/* AUTOvybava.sk — PRODUCT MASTER 4.0 — SHARED LIVE LAYER
   Source direction: V18.3 DIRECT V13 + V13.3 LOCKED QA FIX + V16 help block
   Scope: shared .avp-v13 + .av-product-description; one master system.
*/

.avp-v13{
  max-width:1180px;
  margin:20px auto 38px;
  padding:0;
  font-family:Arial,Helvetica,sans-serif;
  color:#29485c;
  background:transparent;
  scroll-behavior:smooth;
}
.avp-v13 *, .avp-v13 *::before, .avp-v13 *::after{box-sizing:border-box}
.avp-v13 .shell{background:transparent;border:0;border-radius:0;box-shadow:none!important;overflow:visible;padding:0}
.avp-v13 h2{font-size:25px;line-height:1.2;color:#103d5b;margin:7px 0 11px;letter-spacing:-.02em}
.avp-v13 h3{font-size:20px;line-height:1.28;color:#123f5c;margin:0 0 8px}
.avp-v13 p{font-size:16px;line-height:1.72;margin:0 0 13px}
.avp-v13 .kicker{font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:#2e7db5}

.avp-v13 .intro{padding:26px 28px 26px 34px;border:1px solid #d8e6ee;border-radius:19px;background:radial-gradient(500px 170px at 90% 0%,rgba(59,135,188,.08),transparent 60%),linear-gradient(135deg,#fff,#f1f7fb)!important;position:relative}
.avp-v13 .intro:before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:4px;border-radius:4px;background:linear-gradient(#2e7db5,#2b8a5d)}
.avp-v13 .intro strong{color:#123d5b}

.avp-v13 .benefit-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px;margin:16px 0 24px}
.avp-v13 .benefit-row>div{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;min-width:0!important;padding:14px!important;text-align:center!important;border-radius:14px!important;border:1px solid #dde8ed!important;border-top:3px solid #5aa3d4!important;background:#fff!important;box-shadow:0 8px 20px rgba(12,51,76,.03)}
.avp-v13 .benefit-row>div:nth-child(even){border-top-color:#64ad7b!important}
.avp-v13 .benefit-row b{display:block;color:#133f5c;margin-bottom:4px}
.avp-v13 .benefit-row span{display:block;color:#687c89;font-size:13.5px;line-height:1.52}

.avp-v13 .mini-icon,.avp-v13 .situation-icon,.avp-v13 .selection-icon,.avp-v13 .pack-icon{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;border-radius:11px;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto 10px!important;background:#eef6fb;border:1px solid #d9e8f1}
.avp-v13 .mini-icon svg,.avp-v13 .situation-icon svg,.avp-v13 .selection-icon svg,.avp-v13 .pack-icon svg{width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important;display:block!important;fill:none!important;stroke:#2e79b4!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.avp-v13 .benefit-row>div:nth-child(even) .mini-icon,.avp-v13 .situation-grid>div:nth-child(even) .situation-icon,.avp-v13 .selection-grid>div:nth-child(2) .selection-icon,.avp-v13 .pack>div:nth-child(2) .pack-icon{background:#eef8f2;border-color:#d8eadf}
.avp-v13 .benefit-row>div:nth-child(even) .mini-icon svg,.avp-v13 .situation-grid>div:nth-child(even) .situation-icon svg,.avp-v13 .selection-grid>div:nth-child(2) .selection-icon svg,.avp-v13 .pack>div:nth-child(2) .pack-icon svg{stroke:#2b8a5d!important}

.avp-v13 .product-fit{padding:22px 0 14px;border-top:1px solid #e8eef2}
.avp-v13 .product-fit>p,.avp-v13 .section-head>p{color:#687c89;max-width:820px}
.avp-v13 .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.avp-v13 .chips span{padding:8px 12px;border-radius:999px;background:#f5f9fb;border:1px solid #dbe7ee;color:#264d65;font-size:12px;font-weight:800}

.avp-v13 .story{border-top:1px solid #e9eef2}
.avp-v13 .story-row{display:grid!important;grid-template-columns:minmax(0,1fr) 290px!important;gap:32px!important;align-items:center!important;padding:20px 0!important;border-bottom:1px solid #e9eef2}
.avp-v13 .story-row.reverse{grid-template-columns:290px minmax(0,1fr)!important}
.avp-v13 .story-row.reverse figure{order:1}.avp-v13 .story-row.reverse .copy{order:2}
.avp-v13 .copy p{color:#536a79}.avp-v13 .copy .lead{font-size:17px;font-weight:800;color:#294e66;line-height:1.55}
.avp-v13 .story figure{margin:0!important;padding:12px!important;border:1px solid #dee8ed!important;border-radius:18px!important;background:#f8fbfd!important;box-shadow:0 12px 26px rgba(16,52,76,.06)}
.avp-v13 .story figure img{display:block!important;max-width:100%!important;max-height:195px!important;width:auto!important;height:auto!important;margin:auto!important;border-radius:12px!important}
.avp-v13 .story-row.no-photo,.avp-v13 .story-row.reverse.no-photo{grid-template-columns:1fr!important}.avp-v13 .story-row.no-photo figure{display:none!important}

.avp-v13 .situations{position:relative;margin-top:26px;padding:24px 24px 22px;border-radius:22px;background:linear-gradient(135deg,#f8fbfd 0%,#f1f7fb 60%,#f3faf6 100%);border:1px solid #dce8ee}
.avp-v13 .situation-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px;margin-top:13px}
.avp-v13 .situation-grid>div{display:flex!important;flex-direction:column!important;align-items:center!important;min-width:0!important;padding:14px;border:1px solid #dee8ed;border-radius:17px;background:#fff;text-align:center!important;box-shadow:0 10px 24px rgba(12,51,76,.035)}
.avp-v13 .situation-grid b{display:block;color:#133f5c;margin-bottom:6px}.avp-v13 .situation-grid span{display:block;color:#637785;font-size:14px;line-height:1.55}

.avp-v13 .decision{margin-top:28px;padding:23px 26px;border-radius:20px;color:#fff;background:radial-gradient(440px 180px at 100% 0%,rgba(255,255,255,.12),transparent 60%),linear-gradient(135deg,#174a6a,#347fa8)!important}
.avp-v13 .decision .kicker{color:#a1cde6}.avp-v13 .decision h2{color:#fff}.avp-v13 .decision p{color:#e8f1f6;margin-bottom:0}

.avp-v13 .expert{display:grid!important;grid-template-columns:190px 1fr!important;margin-top:18px;border:1px solid #174f72!important;border-radius:19px;overflow:hidden;background:linear-gradient(135deg,#0d3551 0%,#174f72 58%,#1d5f85 100%)!important;box-shadow:0 16px 34px rgba(10,46,70,.14)!important}
.avp-v13 .expert-photo{height:220px;min-height:220px;background:#fff!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;overflow:hidden!important;position:relative}
.avp-v13 .expert-photo img{width:100%!important;height:220px!important;min-height:0!important;object-fit:contain!important;object-position:center bottom!important;display:block!important}
.avp-v13 .expert-copy{position:relative;overflow:hidden;padding:19px 23px;background:transparent!important;color:#eef7fb!important}
.avp-v13 .expert-copy h2{font-size:22px;margin-bottom:2px;color:#fff!important}.avp-v13 .expert-copy .kicker{color:#a9d3e9!important}.avp-v13 .role{font-size:11.5px;color:#c3d9e6!important;margin-bottom:11px}
.avp-v13 .expert-copy blockquote{margin:0;padding:13px 16px 13px 42px!important;border-top:1px solid rgba(255,255,255,.18)!important;position:relative;color:#f4f9fc!important;font-size:15.5px;line-height:1.55;font-style:italic;font-weight:700;background:rgba(255,255,255,.07)!important;border-radius:10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.avp-v13 .expert-copy blockquote:before{content:"“";position:absolute;left:13px!important;top:7px!important;font:700 36px/1 Georgia,serif;color:#7dc5eb!important}
.avp-v13 .expert-badge{position:absolute;right:20px;top:18px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;font-size:12px;font-weight:900;letter-spacing:.06em}

.avp-v13 .selection,.avp-v13 .mount,.avp-v13 .after,.avp-v13 .compat,.avp-v13 .avx,.avp-v13 .faq{padding-top:26px}
.avp-v13 .selection-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px;margin-top:13px}
.avp-v13 .selection-grid>div,.avp-v13 .pack>div{display:flex!important;flex-direction:column!important;align-items:center!important;min-width:0!important;padding:14px;border:1px solid #dee8ed;border-radius:16px;background:linear-gradient(180deg,#fff,#f9fbfc);text-align:center!important;box-shadow:0 10px 24px rgba(12,51,76,.035)}
.avp-v13 .selection-grid b,.avp-v13 .pack b{display:block;color:#133f5c;margin-bottom:5px}.avp-v13 .selection-grid span,.avp-v13 .pack span{display:block;color:#687c89;font-size:13.5px;line-height:1.52}

.avp-v13 .steps{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px 22px;margin-top:12px;counter-reset:step}
.avp-v13 .steps>div{position:relative;padding:13px 14px 13px 44px;border-top:1px solid #e5edf1}.avp-v13 .steps>div:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:14px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eaf4fa;color:#2e79b3;font-size:12px;font-weight:900}
.avp-v13 .steps b{display:block;color:#133f5c;margin-bottom:4px}.avp-v13 .steps span{display:block;color:#687c89;font-size:13.5px;line-height:1.52}.avp-v13 .note{margin-top:17px;padding:15px 17px;border-left:4px solid #d2a039;border-radius:10px;background:#fff8ed;color:#6a5938}

.avp-v13 .after{display:grid!important;grid-template-columns:1.05fr .95fr!important;gap:22px}.avp-v13 .after p{color:#58707f}
.avp-v13 .care{padding:16px 18px;border:1px solid #dee8ed;border-radius:18px;background:linear-gradient(180deg,#fff,#fafcfd);box-shadow:0 10px 24px rgba(12,51,76,.035)}
.avp-v13 .care ul{list-style:none;padding:0;margin:8px 0 0}.avp-v13 .care li{position:relative;padding:9px 0 9px 27px;border-top:1px solid #e7edf1;color:#607684}.avp-v13 .care li:first-child{border-top:0}.avp-v13 .care li:before{content:"✓";position:absolute;left:0;color:#27865b;font-weight:900}
.avp-v13 .pack{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px;margin-top:11px}

/* AV EXPERT — V18.3 + V13.3 LOCKED QA FIX */
.avp-v13 .avx{margin-top:26px;padding:23px 24px 22px!important;border-radius:24px;background:radial-gradient(520px 220px at 100% 0%,rgba(92,164,214,.16),transparent 60%),radial-gradient(460px 210px at 0% 100%,rgba(77,156,112,.12),transparent 58%),linear-gradient(135deg,#183f5a 0%,#1d5476 58%,#25698e 100%);border:1px solid rgba(255,255,255,.10);box-shadow:0 24px 48px rgba(10,39,58,.18)}
.avp-v13 .avx *{min-width:0!important;box-sizing:border-box!important}.avp-v13 .avx .section-head .kicker{color:#c6e1f1!important}.avp-v13 .avx .section-head h2{color:#fff!important}.avp-v13 .avx .section-head p{color:#e1edf4!important;max-width:880px}
.avp-v13 .tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important;margin-top:14px;padding:0!important;background:transparent!important;border:0!important}
.avp-v13 .tabs .tab{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-height:94px!important;width:100%!important;padding:12px 10px!important;text-align:center!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;cursor:pointer;border:1px solid rgba(255,255,255,.16)!important;border-radius:14px!important;background:rgba(255,255,255,.09)!important;color:#fff!important;font:inherit;font-weight:800}
.avp-v13 .tabs .tab small{display:block!important;width:100%!important;margin:0!important;text-align:center!important;font-size:11px!important;line-height:1.35!important;font-weight:400!important;white-space:normal!important;color:#d8e7f0!important}
.avp-v13 .tabs .tab.active{background:linear-gradient(135deg,#fff,#f3f8fb)!important;color:#184763!important;border-color:#fff!important;box-shadow:0 10px 22px rgba(7,27,40,.14)}.avp-v13 .tabs .tab.active small{color:#628094!important}
.avp-v13 .avx-tab-icon{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:12px;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto!important;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16)}
.avp-v13 .avx-tab-icon svg{width:23px!important;height:23px!important;max-width:23px!important;max-height:23px!important;fill:none!important;stroke:#fff!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}.avp-v13 .tab.active .avx-tab-icon{background:#eaf4fa;border-color:#d3e5ef}.avp-v13 .tab.active .avx-tab-icon svg{stroke:#24668d!important}
.avp-v13 .panels{margin-top:11px;padding:12px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(255,255,255,.12);backdrop-filter:blur(2px)}.avp-v13 .panel{display:none}.avp-v13 .panel.active{display:block}.avp-v13 .panel>b{display:block!important;width:100%!important;text-align:center!important;margin:0 0 12px!important;color:#fff}
.avp-v13 .reco{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important}.avp-v13 .reco a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:100%!important;min-height:88px!important;padding:12px 10px!important;margin:0!important;text-align:center!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;border:1px solid rgba(255,255,255,.7)!important;border-radius:11px!important;background:rgba(255,255,255,.94)!important;text-decoration:none!important;color:#163f5b!important;font-weight:800!important;box-shadow:0 10px 24px rgba(10,39,58,.10)}
.avp-v13 .reco a span{display:block!important;position:static!important;float:none!important;width:100%!important;max-width:100%!important;margin:0!important;text-align:center!important;font-size:12px!important;line-height:1.35!important;font-weight:400!important;white-space:normal!important;color:#5f798b!important}
.avp-v13 .avx-reco-icon{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;border-radius:12px;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(180deg,#eef6fb,#e5f1f8);border:1px solid #d6e6ef}.avp-v13 .avx-reco-icon svg{width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important;fill:none!important;stroke:#2e79b4!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}.avp-v13 .reco a:nth-child(even) .avx-reco-icon{background:linear-gradient(180deg,#eef8f2,#e5f4eb);border-color:#d5e8dd}.avp-v13 .reco a:nth-child(even) .avx-reco-icon svg{stroke:#2b8a5d!important}

.avp-v13 .faq details{border-top:1px solid #e7edf1}.avp-v13 .faq details:last-of-type{border-bottom:1px solid #e7edf1}.avp-v13 .faq summary{display:flex;align-items:center;gap:12px;list-style:none;padding:13px 0;cursor:pointer}.avp-v13 .faq summary::-webkit-details-marker{display:none}.avp-v13 .faq summary span{flex:1;font-weight:800;color:#173f5c}.avp-v13 .faq summary i{font-style:normal;width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#edf7fb;color:#0d6fa6;font-size:20px}.avp-v13 .faq details p{color:#607583;padding-bottom:14px}
.avp-v13 .end{margin-top:24px;padding:15px 18px;border-radius:14px;background:#eef8f2;border:1px solid #d1e6d8;color:#4b6253}.avp-v13 .end strong{color:#1c6541}

/* V16 — original phone-help visual, adapted only to V13 wrapper */
.avp-v13 .av-help{margin:28px 0;border:1px solid #cfe0ea;border-radius:20px;background:radial-gradient(circle at 92% 10%,rgba(46,151,92,.08),transparent 31%),linear-gradient(135deg,#fafdff,#f3f9fc);overflow:hidden;box-shadow:0 10px 28px rgba(17,65,95,.055)}
.avp-v13 .av-help-inner{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:15px;align-items:center;padding:17px 20px}
.avp-v13 .av-help-icon{width:54px;height:54px;border-radius:15px;background:linear-gradient(145deg,#e9f5fb,#edf8f1);display:flex;align-items:center;justify-content:center;color:#2879b1}
.avp-v13 .av-help-icon svg{width:27px!important;height:27px!important;max-width:27px!important;max-height:27px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.avp-v13 .av-help h3{margin:0 0 5px;color:#173f5c;font-size:19px}.avp-v13 .av-help p{margin:0;color:#687d8c;font-size:14px;line-height:1.55}
.avp-v13 .av-help-call{display:flex;align-items:center;gap:10px;min-width:220px;text-decoration:none!important;color:#174f34!important;background:#fff;border:1px solid #cbe4d3;border-radius:14px;padding:12px 14px;font-weight:900}.avp-v13 .av-help-call small{display:block;color:#788a7e;text-transform:uppercase;font-size:10px}.avp-v13 .av-help-hours{border-top:1px solid #e4ece8;padding:8px 23px 11px 98px;color:#7c8c84;font-size:11px}

@media(max-width:900px){
  .avp-v13 .benefit-row,.avp-v13 .situation-grid,.avp-v13 .tabs,.avp-v13 .selection-grid{grid-template-columns:1fr 1fr!important}
  .avp-v13 .reco{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  .avp-v13{padding:0}.avp-v13 .shell{padding:0;border-radius:0}
  .avp-v13 .story-row,.avp-v13 .story-row.reverse,.avp-v13 .expert,.avp-v13 .after,.avp-v13 .pack{grid-template-columns:1fr!important}
  .avp-v13 .story-row.reverse figure,.avp-v13 .story-row.reverse .copy{order:initial}.avp-v13 .steps{grid-template-columns:1fr!important}
  .avp-v13 .expert{border-radius:16px}
  .avp-v13 .expert-photo{height:210px;min-height:210px}
  .avp-v13 .expert-photo img{width:auto!important;max-width:100%!important;height:210px!important;min-height:0!important}
  .avp-v13 .expert-copy{padding:20px 18px}
  .avp-v13 .expert-copy blockquote{font-size:15px;line-height:1.52;padding:12px 14px 12px 38px!important}
  .avp-v13 .expert-badge{right:15px;top:15px;width:36px;height:36px}
  .avp-v13 .situations{padding:24px 20px}.avp-v13 .avx{padding:22px 20px 20px!important}
  .avp-v13 .av-help-inner{grid-template-columns:48px 1fr}.avp-v13 .av-help-call{grid-column:1/-1;min-width:0}.avp-v13 .av-help-hours{padding-left:23px}
}
@media(max-width:520px){
  .avp-v13 .benefit-row,.avp-v13 .situation-grid,.avp-v13 .tabs,.avp-v13 .selection-grid{grid-template-columns:1fr!important}
  .avp-v13 .tabs .tab{min-height:88px!important}
}


/* =========================================================
   V13 FINAL — NO OUTER FRAME
   Main description wrapper must stay visually invisible.
   ========================================================= */
.avp-v13 .shell{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
  overflow:visible!important;
}

/* === V13 PRODUCT DETAIL GAP + MOBILE STORY ORDER FIX === */

/* Product detail: do not allow legacy wrappers to reserve a huge empty height. */
body.type-detail #content-wrapper,
body.type-detail .content-wrapper,
body.type-detail .content-wrapper-in,
body.type-detail #content{
  min-height:0!important;
  height:auto!important;
}

/* Deflectors/mobile: always keep story as text -> image. */
@media(max-width:760px){
  body.type-detail .avp-v13 .story-row{
    display:flex!important;
    flex-direction:column!important;
  }
  body.type-detail .avp-v13 .story-row .copy{
    order:1!important;
  }
  body.type-detail .avp-v13 .story-row figure{
    order:2!important;
  }
}

/* === LIVE PRODUCT DM PLACEHOLDER GAP FIX === */
/* dMartini/Shoptet placeholder reserves 500px even when it is visually empty. */
body.type-detail .p-detail > .dm-placeholder,
body.type-detail .dm-placeholder{
  min-height:0!important;
  height:auto!important;
}


/* =========================================================
   V13 SHARED ENGINE — AUTOROHOZE V18.7
   Scoped only to .avp-mats-v187 so locked deflector layout
   stays unchanged. Same shared CSS file, no family addon file.
   ========================================================= */
.avp-v13.avp-mats-v187 .family-specs-v186{
  margin:21px 0 24px!important;
  padding:18px!important;
  background:#f7fafc!important;
  border:1px solid #dce7ed!important;
  border-radius:17px!important;
}
.avp-v13.avp-mats-v187 .family-specs-v186 .section-head{margin-bottom:16px!important}
.avp-v13.avp-mats-v187 .family-specs-v186 .section-head h2{margin:4px 0 5px!important}
.avp-v13.avp-mats-v187 .family-specs-v186 .section-head p{margin:0!important}
.avp-v13.avp-mats-v187 .family-specs-grid-v186{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
.avp-v13.avp-mats-v187 .family-specs-grid-v186>div{
  min-width:0!important;
  min-height:72px!important;
  padding:13px 14px!important;
  background:#fff!important;
  border:1px solid #dce7ed!important;
  border-radius:12px!important;
}
.avp-v13.avp-mats-v187 .family-specs-grid-v186 b{
  display:block!important;
  color:#103f5d!important;
  font-size:13px!important;
  line-height:1.35!important;
  margin:0 0 3px!important;
}
.avp-v13.avp-mats-v187 .family-specs-grid-v186 span{
  display:block!important;
  color:#637a88!important;
  font-size:13px!important;
  line-height:1.4!important;
  overflow-wrap:anywhere!important;
}

.avp-v13.avp-mats-v187 .value-balance-v186{margin:23px 0!important}
.avp-v13.avp-mats-v187 .value-grid-v186{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.avp-v13.avp-mats-v187 .value-grid-v186>div{
  display:flex!important;
  align-items:flex-start!important;
  gap:9px!important;
  min-width:0!important;
  padding:13px 15px!important;
  background:#f8fcf9!important;
  border:1px solid #d6e9dc!important;
  border-radius:12px!important;
}
.avp-v13.avp-mats-v187 .value-grid-v186>div>span{
  flex:0 0 auto!important;
  color:#2e9b60!important;
  font-weight:900!important;
  line-height:1.4!important;
}
.avp-v13.avp-mats-v187 .value-grid-v186 b{
  display:block!important;
  color:#29485c!important;
  font-size:14px!important;
  line-height:1.45!important;
}
.avp-v13.avp-mats-v187 .limit-note-v186{
  margin-top:12px!important;
  padding:13px 15px!important;
  border-left:3px solid #c78d61!important;
  background:#fcf8f5!important;
  border-radius:8px!important;
  color:#5e4d42!important;
  line-height:1.5!important;
}
.avp-v13.avp-mats-v187 .limit-note-v186 b{color:#704d36!important}

.avp-v13.avp-mats-v187 .rich-why{
  margin:23px 0!important;
  padding:20px 22px!important;
  border:1px solid #dce7ed!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#f8fbfd,#f3f8fb)!important;
}
.avp-v13.avp-mats-v187 .rich-why h2{margin:5px 0 10px!important}
.avp-v13.avp-mats-v187 .rich-why p:last-child{margin-bottom:0!important}
.avp-v13.avp-mats-v187 .family-extra-v187{
  margin-top:10px!important;
  color:#526e7e!important;
  font-size:15px!important;
  line-height:1.65!important;
}

/* Mats story keeps the shared V13 visual; only family-specific spacing is added. */
.avp-v13.avp-mats-v187 .story-row .copy ul{margin:12px 0 0!important;padding-left:20px!important}
.avp-v13.avp-mats-v187 .story-row .copy li{margin:6px 0!important;color:#536a79!important}

@media(max-width:900px){
  .avp-v13.avp-mats-v187 .family-specs-grid-v186{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .avp-v13.avp-mats-v187 .family-specs-v186{padding:17px!important}
  .avp-v13.avp-mats-v187 .family-specs-grid-v186,
  .avp-v13.avp-mats-v187 .value-grid-v186{grid-template-columns:1fr!important}
  .avp-v13.avp-mats-v187 .rich-why{padding:20px!important}
  .avp-v13.avp-mats-v187 .family-extra-v187{font-size:14px!important;line-height:1.58!important}
}

/* =========================================================

/* =========================================================
   AUTOvybava.sk — PRODUCT MASTER 1.0
   STABLE CONTRACT FOR ALL CURRENT + FUTURE PRODUCT FAMILIES
   Canonical component namespace: avm-*
   Legacy families are adapted to these classes by av-product-master.js.
   Future descriptions should emit avm-* classes directly.
   ========================================================= */

:where(.avm-root,.avp-v13.avm-root,.av-product-description.avm-root){
  --avm-navy:#103d5b;
  --avm-text:#526a79;
  --avm-muted:#6b7f8c;
  --avm-line:#dce7ed;
  --avm-soft:#f8fbfd;
  --avm-green:#238c54;
  --avm-green-line:#d7e9de;
  --avm-green-bg:#f8fcf9;
  --avm-blue:#2e7db5;
  --avm-amber:#d6962b;
  --avm-amber-line:#efd7a2;
  --avm-amber-bg:#fff9ef;
  --avm-radius:12px;
  --avm-gap:10px;
  color:var(--avm-text);
}

/* ----- global vertical rhythm: compact but not cramped ----- */
.avm-root :is(.av-story,.pair,.story-row,.source-practical,.source-benefits-stack,.value-balance-v186,.family-specs-v186,.situations,.decision,.expert,.selection,.mount,.after,.compat,.avx,.faq,.av-faq,.avm-section){
  min-height:0!important;
}
.avp-v13.avm-root{margin-top:12px!important;margin-bottom:26px!important}
.avp-v13.avm-root .product-fit{padding:14px 0 8px!important}
.avp-v13.avm-root .section-head{margin-bottom:8px!important}
.avp-v13.avm-root .story-row{padding:14px 0!important;gap:24px!important}
.avp-v13.avm-root .story figure{padding:8px!important;border-radius:13px!important}
.avp-v13.avm-root .story figure img{max-height:180px!important}
.avp-v13.avm-root :is(.selection,.mount,.after,.compat,.faq){padding-top:17px!important}
.avp-v13.avm-root .situations{margin-top:17px!important;padding:17px!important}
.avp-v13.avm-root .decision{margin-top:17px!important;padding:17px 20px!important}
.avp-v13.avm-root .expert{margin-top:12px!important}
.avp-v13.avm-root .avx{margin-top:17px!important;padding:17px!important}
.avp-v13.avm-root .end{margin-top:14px!important}

/* Older .av-product-description and .pair layouts: same compact rhythm. */
.av-product-description.avm-root :is(.av-story,.pair){
  margin:0!important;
  padding:15px 0!important;
  min-height:0!important;
  gap:24px!important;
  align-items:center!important;
  border-bottom:1px solid #e8eef2!important;
}
.av-product-description.avm-root .av-story{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(240px,320px)!important;
}
.av-product-description.avm-root :is(.pair,.pair.rev){
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(240px,320px)!important;
}
.av-product-description.avm-root :is(.av-media,.media){
  margin:0!important;
  min-height:0!important;
  padding:8px!important;
  border:1px solid var(--avm-line)!important;
  border-radius:13px!important;
  background:#f8fbfd!important;
}
.av-product-description.avm-root :is(.av-media,.media) img{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  max-height:220px!important;
  margin:auto!important;
  object-fit:contain!important;
}
.av-product-description.avm-root :is(.widget-typography,.widget-projector){margin-bottom:16px!important}
.av-product-description.avm-root h2{margin-top:0!important;margin-bottom:8px!important}
.av-product-description.avm-root h3{margin-top:0!important;margin-bottom:6px!important}
.av-product-description.avm-root p{margin-top:0!important;margin-bottom:8px!important}

/* ----- canonical kicker / headings ----- */
.avm-root .avm-kicker{
  display:block!important;
  margin:0 0 6px!important;
  color:var(--avm-blue)!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
  text-align:left!important;
}
.avm-root .avm-benefit-heading{
  margin:0 0 10px!important;
  color:var(--avm-navy)!important;
  font-size:24px!important;
  line-height:1.24!important;
  letter-spacing:-.015em!important;
  text-align:left!important;
}

/* ----- ONE benefit component for every family ----- */
.avm-root .avm-benefits{
  display:block!important;
  width:100%!important;
  margin:17px 0 18px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:left!important;
}
/* neutralize old benefits shell, including inline product CSS */
.av-product-description.avm-root .av-pros-cons.avm-benefits,
.av-product-description.avm-root .av-pros-cons.avm-benefits>section,
.avm-root .avm-benefits-primary{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:left!important;
}
.avm-root .avm-benefit-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px 10px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.avm-root .avm-benefit-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  align-items:start!important;
  gap:8px!important;
  min-width:0!important;
  min-height:52px!important;
  margin:0!important;
  padding:10px 12px!important;
  border:1px solid var(--avm-green-line)!important;
  border-radius:11px!important;
  background:var(--avm-green-bg)!important;
  box-shadow:none!important;
  list-style:none!important;
  text-align:left!important;
  color:var(--avm-text)!important;
}
.avm-root .avm-benefit-card::before,
.avm-root .avm-benefit-card::after{content:none!important;display:none!important}
.avm-root .avm-check{
  display:flex!important;
  width:22px!important;
  height:22px!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  border-radius:50%!important;
  background:#e7f6ed!important;
  color:var(--avm-green)!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:900!important;
}
.avm-root .avm-card-body{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}
.avm-root .avm-card-body :is(strong,b,h3,h4){
  display:block!important;
  margin:0 0 2px!important;
  color:var(--avm-navy)!important;
  font-size:14px!important;
  line-height:1.38!important;
  font-weight:800!important;
  text-align:left!important;
}
.avm-root .avm-card-body :is(p,span,small){
  display:block!important;
  margin:0!important;
  color:var(--avm-muted)!important;
  font-size:13px!important;
  line-height:1.42!important;
  text-align:left!important;
}
.avm-root .avm-card-body>br{display:none!important}

/* ----- ONE 'Na čo myslieť' component ----- */
.avm-root .avm-consider{
  display:block!important;
  width:100%!important;
  margin:9px 0 0!important;
  padding:10px 13px!important;
  border:1px solid var(--avm-amber-line)!important;
  border-left:3px solid var(--avm-amber)!important;
  border-radius:9px!important;
  background:var(--avm-amber-bg)!important;
  box-shadow:none!important;
  color:#655744!important;
  text-align:left!important;
}
.avm-root .avm-consider :is(h2,h3,h4){
  display:inline!important;
  margin:0 5px 0 0!important;
  padding:0!important;
  border:0!important;
  color:#704d15!important;
  font-size:14px!important;
  line-height:1.48!important;
  font-weight:800!important;
  text-align:left!important;
}
.avm-root .avm-consider :is(ul,ol){display:inline!important;margin:0!important;padding:0!important;list-style:none!important}
.avm-root .avm-consider li{
  display:inline!important;
  position:static!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  color:#655744!important;
  font-size:14px!important;
  line-height:1.5!important;
  text-align:left!important;
}
.avm-root .avm-consider li::before{content:none!important;display:none!important}
.avm-root .avm-consider li:not(:last-child)::after{content:" · "!important;color:#b27a22!important;font-weight:800!important}
.avm-root .avm-consider>p{display:inline!important;margin:0!important;color:#655744!important;font-size:14px!important;line-height:1.5!important}

/* ----- product parameters: same component everywhere ----- */
.avm-root .avm-specs{
  margin:16px 0 18px!important;
  padding:15px!important;
  border:1px solid var(--avm-line)!important;
  border-radius:14px!important;
  background:#f7fafc!important;
  box-shadow:none!important;
}
.avm-root .avm-specs .section-head{margin:0 0 10px!important}
.avm-root .avm-specs .section-head h2{margin:3px 0 0!important}
.avm-root .avm-spec-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
}
.avm-root .avm-spec-card{
  min-width:0!important;
  min-height:62px!important;
  margin:0!important;
  padding:10px 11px!important;
  border:1px solid var(--avm-line)!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:none!important;
  text-align:left!important;
}
.avm-root .avm-spec-card b{
  display:block!important;
  margin:0 0 3px!important;
  color:var(--avm-navy)!important;
  font-size:13px!important;
  line-height:1.35!important;
  text-align:left!important;
}
.avm-root .avm-spec-card span{
  display:block!important;
  margin:0!important;
  color:var(--avm-muted)!important;
  font-size:13px!important;
  line-height:1.4!important;
  text-align:left!important;
  overflow-wrap:anywhere!important;
}

/* ----- information cards: trunk practical/daily and future modules ----- */
.avm-root .avm-info-section{margin:16px 0 18px!important;padding:0!important}
.avm-root .avm-info-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px 10px!important;
  margin:9px 0 0!important;
  padding:0!important;
}
.avm-root .avm-info-card{
  min-width:0!important;
  margin:0!important;
  padding:13px 15px!important;
  border:1px solid var(--avm-line)!important;
  border-top:2px solid #66a9d2!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:none!important;
  text-align:left!important;
}
.avm-root .avm-info-card:nth-child(even){border-top-color:#64ad7b!important}
.avm-root .avm-info-card h3{
  margin:0 0 6px!important;
  color:var(--avm-navy)!important;
  font-size:17px!important;
  line-height:1.32!important;
  text-align:left!important;
}
.avm-root .avm-info-card ul{margin:0!important;padding:0!important;list-style:none!important}
.avm-root .avm-info-card li{
  position:relative!important;
  margin:0!important;
  padding:3px 0 3px 16px!important;
  list-style:none!important;
  color:var(--avm-text)!important;
  font-size:14px!important;
  line-height:1.45!important;
  text-align:left!important;
}
.avm-root .avm-info-card li::before{
  content:"•"!important;
  position:absolute!important;
  left:1px!important;
  top:3px!important;
  color:var(--avm-blue)!important;
  font-weight:900!important;
}
.avm-root .avm-info-card.avm-info-benefits li::before{content:"✓"!important;color:var(--avm-green)!important}
.avm-root .source-closing{margin:9px 0 0!important;color:var(--avm-muted)!important;font-size:14px!important;line-height:1.5!important}

/* ----- prevent legacy wrappers from creating empty vertical bands ----- */
body.type-detail .avm-root :is(.dm-placeholder,.empty,.is-empty):empty{display:none!important;min-height:0!important;height:0!important;margin:0!important;padding:0!important}
body.type-detail .avm-root :is(.av-story,.pair,.story-row) :is(.av-copy,.txt,.copy){min-height:0!important}

/* ----- mobile: one column, shorter page ----- */
@media(max-width:760px){
  .avp-v13.avm-root{margin:8px auto 20px!important}
  .avp-v13.avm-root h2{font-size:22px!important;margin:3px 0 7px!important}
  .avp-v13.avm-root h3{font-size:18px!important;margin-bottom:5px!important}
  .avp-v13.avm-root p{font-size:15px!important;line-height:1.52!important;margin-bottom:7px!important}
  .avp-v13.avm-root .intro{padding:14px 13px 13px 17px!important;border-radius:13px!important}
  .avp-v13.avm-root .benefit-row{margin:8px 0 11px!important;gap:7px!important}
  .avp-v13.avm-root .product-fit{padding:11px 0 5px!important}
  .avp-v13.avm-root .story-row{display:flex!important;flex-direction:column!important;gap:7px!important;padding:9px 0!important}
  .avp-v13.avm-root .story-row .copy{order:1!important}
  .avp-v13.avm-root .story-row figure{order:2!important;padding:6px!important;border-radius:10px!important}
  .avp-v13.avm-root .story-row figure img{max-height:150px!important}
  .avp-v13.avm-root :is(.selection,.mount,.after,.compat,.faq){padding-top:12px!important}
  .avp-v13.avm-root .situations{margin-top:12px!important;padding:12px!important}
  .avp-v13.avm-root .decision{margin-top:12px!important;padding:12px!important}
  .avp-v13.avm-root .expert{margin-top:8px!important}
  .avp-v13.avm-root .avx{margin-top:12px!important;padding:12px!important}

  .av-product-description.avm-root :is(.av-story,.pair,.pair.rev){
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
    padding:9px 0!important;
  }
  .av-product-description.avm-root :is(.av-media,.media){padding:6px!important;border-radius:10px!important}
  .av-product-description.avm-root :is(.av-media,.media) img{max-height:175px!important}
  .av-product-description.avm-root :is(.widget-typography,.widget-projector){margin-bottom:10px!important}

  .avm-root .avm-benefits{margin:12px 0 13px!important}
  .avm-root .avm-benefit-heading{font-size:21px!important;margin-bottom:8px!important}
  .avm-root .avm-benefit-grid,.avm-root .avm-info-grid{grid-template-columns:1fr!important;gap:7px!important}
  .avm-root .avm-benefit-card{min-height:46px!important;padding:8px 10px!important;border-radius:9px!important}
  .avm-root .avm-consider{margin-top:7px!important;padding:9px 10px!important}
  .avm-root .avm-consider :is(h2,h3,h4){display:block!important;margin:0 0 4px!important}
  .avm-root .avm-consider :is(ul,ol){display:block!important}
  .avm-root .avm-consider li{display:block!important;position:relative!important;padding:2px 0 2px 14px!important}
  .avm-root .avm-consider li::before{content:"•"!important;display:block!important;position:absolute!important;left:1px!important;top:2px!important;color:#b27a22!important}
  .avm-root .avm-consider li:not(:last-child)::after{content:none!important}
  .avm-root .avm-specs{margin:11px 0 13px!important;padding:11px!important}
  .avm-root .avm-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .avm-root .avm-spec-card{min-height:0!important;padding:8px 9px!important}
  .avm-root .avm-info-section{margin:12px 0 13px!important}
  .avm-root .avm-info-card{padding:10px 11px!important}
}
@media(max-width:430px){
  .avm-root .avm-spec-grid{grid-template-columns:1fr!important}
}

/* =========================================================
   PRODUCT MASTER 3.0 — VISUAL LOCK
   One geometry for current + future families.
   New descriptions should emit avm-* classes directly.
   ========================================================= */
.avm-root{
  --avm-media-w:300px;
  --avm-media-h:210px;
  --avm-section-gap:18px;
  --avm-blue-dark:#174a6a;
  --avm-blue-mid:#2f7fa8;
  --avm-blue-soft:#a8d2e8;
}

/* 1) ONE story/media geometry everywhere */
.avm-root .avm-story-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) var(--avm-media-w)!important;
  gap:26px!important;
  align-items:center!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:15px 0!important;
  border-top:0!important;
  border-bottom:1px solid #e8eef2!important;
}
.avm-root .avm-story-row.avm-story-reverse{
  grid-template-columns:var(--avm-media-w) minmax(0,1fr)!important;
}
.avm-root .avm-story-copy{
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  align-self:center!important;
  text-align:left!important;
}
.avm-root .avm-story-row:not(.avm-story-reverse) .avm-story-copy{order:1!important}
.avm-root .avm-story-row:not(.avm-story-reverse) .avm-story-media{order:2!important}
.avm-root .avm-story-row.avm-story-reverse .avm-story-media{order:1!important}
.avm-root .avm-story-row.avm-story-reverse .avm-story-copy{order:2!important}
.avm-root .avm-story-media{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:var(--avm-media-w)!important;
  height:var(--avm-media-h)!important;
  min-width:var(--avm-media-w)!important;
  min-height:var(--avm-media-h)!important;
  max-width:var(--avm-media-w)!important;
  max-height:var(--avm-media-h)!important;
  margin:0!important;
  padding:9px!important;
  overflow:hidden!important;
  border:1px solid var(--avm-line)!important;
  border-radius:14px!important;
  background:#f8fbfd!important;
  box-shadow:0 8px 22px rgba(12,51,76,.04)!important;
}
.avm-root .avm-story-media img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:190px!important;
  margin:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  border-radius:9px!important;
}
.avm-root .avm-story-copy :is(h2,h3){margin-top:0!important;margin-bottom:7px!important}
.avm-root .avm-story-copy p:last-child{margin-bottom:0!important}

/* 2) ONE blue visual language */
.avm-root .avm-blue-panel{
  width:100%!important;
  margin:var(--avm-section-gap) 0 0!important;
  padding:19px 21px!important;
  border:1px solid rgba(24,79,112,.35)!important;
  border-radius:18px!important;
  background:radial-gradient(520px 190px at 100% 0%,rgba(255,255,255,.11),transparent 60%),linear-gradient(135deg,var(--avm-blue-dark),var(--avm-blue-mid))!important;
  box-shadow:0 14px 30px rgba(10,46,70,.10)!important;
  color:#fff!important;
}
.avm-root .avm-blue-panel :is(h2,h3){color:#fff!important;margin-top:3px!important;margin-bottom:8px!important}
.avm-root .avm-blue-panel .kicker{color:var(--avm-blue-soft)!important}
.avm-root .avm-blue-panel>p,
.avm-root .avm-blue-panel>.section-head>p{color:#edf6fb!important;margin-bottom:0!important}

/* Interactive AV Expert uses the same shell geometry/palette. */
.avm-root .avm-blue-panel.avm-avx-panel{
  padding:18px!important;
  overflow:hidden!important;
}

/* Expert card: same outer geometry across all families. */
.avm-root .avm-expert-panel{
  width:100%!important;
  margin:12px 0 var(--avm-section-gap)!important;
  border:1px solid #174f72!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#103d5b 0%,#174f72 58%,#256f96 100%)!important;
  box-shadow:0 14px 30px rgba(10,46,70,.11)!important;
}

/* 3) ONE amber/warning component */
.avm-root :is(.avm-warning,.note,.avm-consider){
  width:100%!important;
  margin:9px 0 0!important;
  padding:11px 14px!important;
  border:1px solid var(--avm-amber-line)!important;
  border-left:3px solid var(--avm-amber)!important;
  border-radius:10px!important;
  background:var(--avm-amber-bg)!important;
  box-shadow:none!important;
  color:#655744!important;
  text-align:left!important;
}
.avm-root :is(.avm-warning,.note) :is(h2,h3,h4,strong,b):first-child{color:#704d15!important}

/* 4) Selection cards: DIV and ARTICLE must look identical. */
.avm-root .selection-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:12px!important;
}
.avm-root .selection-grid>:is(div,article){
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-width:0!important;
  min-height:112px!important;
  margin:0!important;
  padding:14px 15px!important;
  border:1px solid var(--avm-line)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#fff,#f9fbfc)!important;
  box-shadow:none!important;
  text-align:center!important;
}
.avm-root .selection-grid>:is(div,article) b{
  display:block!important;
  margin:0 0 5px!important;
  color:var(--avm-navy)!important;
  font-size:14px!important;
  line-height:1.38!important;
}
.avm-root .selection-grid>:is(div,article) span{
  display:block!important;
  margin:0!important;
  color:var(--avm-muted)!important;
  font-size:13px!important;
  line-height:1.45!important;
}

/* 5) Shared section rhythm and card geometry */
.avm-root :is(.situations,.selection,.mount,.after,.compat,.faq,.av-faq){margin-top:0!important}
.avm-root :is(.situations,.selection,.mount,.after,.compat,.faq,.av-faq)+:is(.situations,.decision,.expert,.selection,.mount,.after,.compat,.avx,.faq,.av-faq){margin-top:var(--avm-section-gap)!important}
.avm-root .situation-grid>div,
.avm-root .pack>div,
.avm-root .care,
.avm-root .avm-info-card,
.avm-root .avm-spec-card{
  box-shadow:none!important;
}

/* 6) FAQ/end spacing lock */
.avm-root :is(.faq,.av-faq){padding-top:18px!important}
.avm-root :is(.faq,.av-faq) .section-head{margin-bottom:8px!important}
.avm-root .end{margin-top:13px!important}

@media(max-width:760px){
  .avm-root{--avm-media-w:100%;--avm-media-h:176px;--avm-section-gap:12px}
  .avm-root .avm-story-row,
  .avm-root .avm-story-row.avm-story-reverse{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    padding:10px 0!important;
  }
  .avm-root .avm-story-copy{order:1!important;width:100%!important}
  .avm-root .avm-story-media{
    order:2!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:176px!important;
    min-height:176px!important;
    max-height:176px!important;
    padding:7px!important;
    border-radius:11px!important;
  }
  .avm-root .avm-story-media img{max-height:160px!important}
  .avm-root .avm-blue-panel{padding:14px!important;border-radius:14px!important}
  .avm-root .avm-expert-panel{border-radius:14px!important}
  .avm-root .selection-grid{grid-template-columns:1fr!important;gap:7px!important}
  .avm-root .selection-grid>:is(div,article){min-height:0!important;padding:11px!important;align-items:flex-start!important;text-align:left!important}
  .avm-root .selection-grid>:is(div,article) :is(b,span){text-align:left!important}
}

/* PRODUCT MASTER 3.0 — FAQ CONTRACT
   Same FAQ geometry for mats, trunk liners, deflectors and all future avm-* families. */
.avm-root .avm-faq-section{
  padding-top:18px!important;
  margin-top:0!important;
}
.avm-root .avm-faq-section>.section-head{
  margin:0!important;
  padding:0!important;
}
.avm-root .avm-faq-section .kicker{
  margin:0 0 5px!important;
}
.avm-root .avm-faq-section .avm-faq-title,
.avm-root .avm-faq-section>.section-head>h2{
  margin:0!important;
  color:#123f5d!important;
  font-size:28px!important;
  line-height:1.18!important;
  font-weight:500!important;
}
.avm-root .avm-faq-section>.avm-faq-help{
  margin:8px 0 9px!important;
  padding:0!important;
  color:#607583!important;
  font-size:14px!important;
  line-height:1.5!important;
}
.avm-root .avm-faq-section details{
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-top:1px solid #e3ebf0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
}
.avm-root .avm-faq-section details:last-of-type{
  border-bottom:1px solid #e3ebf0!important;
}
.avm-root .avm-faq-section details>summary{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 30px!important;
  align-items:center!important;
  gap:16px!important;
  width:100%!important;
  min-height:58px!important;
  margin:0!important;
  padding:12px 0!important;
  list-style:none!important;
  cursor:pointer!important;
  text-align:left!important;
  box-sizing:border-box!important;
}
.avm-root .avm-faq-section details>summary::-webkit-details-marker{display:none!important}
.avm-root .avm-faq-section .avm-faq-question{
  min-width:0!important;
  margin:0!important;
  color:#123f5d!important;
  font-size:14px!important;
  line-height:1.4!important;
  font-weight:800!important;
  text-align:left!important;
}
.avm-root .avm-faq-section .avm-faq-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:end!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#edf7fb!important;
  color:#0d6fa6!important;
  font-style:normal!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:500!important;
}
.avm-root .avm-faq-section details>p{
  margin:0!important;
  padding:0 46px 14px 0!important;
  color:#607583!important;
  font-size:14px!important;
  line-height:1.55!important;
}
@media(max-width:760px){
  .avm-root .avm-faq-section{padding-top:13px!important}
  .avm-root .avm-faq-section .avm-faq-title,
  .avm-root .avm-faq-section>.section-head>h2{font-size:23px!important}
  .avm-root .avm-faq-section>.avm-faq-help{margin:6px 0 7px!important;font-size:13px!important}
  .avm-root .avm-faq-section details>summary{
    grid-template-columns:minmax(0,1fr) 28px!important;
    gap:12px!important;
    min-height:52px!important;
    padding:10px 0!important;
  }
  .avm-root .avm-faq-section .avm-faq-question{font-size:13px!important}
  .avm-root .avm-faq-section .avm-faq-icon{width:28px!important;height:28px!important;min-width:28px!important;font-size:18px!important}
  .avm-root .avm-faq-section details>p{padding:0 40px 12px 0!important;font-size:13px!important}
}


/* =========================================================
   PRODUCT MASTER 4.0 — FINAL COMPONENT LOCK
   One visual contract for mats, trunk liners, deflectors and future families.
   The content may differ; geometry, alignment, spacing and interaction do not.
   ========================================================= */

/* A. TOP 4 PRODUCT FEATURES — icon top, centered copy, identical cards */
html body .avm-root .avm-feature-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  margin:14px 0 18px!important;
  padding:0!important;
}
html body .avm-root .avm-feature-grid>.avm-feature-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-width:0!important;
  min-height:126px!important;
  margin:0!important;
  padding:14px 12px!important;
  border:1px solid var(--avm-line)!important;
  border-top:2px solid #66a9d2!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:none!important;
  text-align:center!important;
}
html body .avm-root .avm-feature-grid>.avm-feature-card:nth-child(even){border-top-color:#65aa7b!important}
html body .avm-root .avm-feature-grid>.avm-feature-card :is(.mini-icon,.situation-icon,.selection-icon,.pack-icon,.avm-feature-icon){
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  margin:0 auto 9px!important;
  border-radius:11px!important;
}
html body .avm-root .avm-feature-grid>.avm-feature-card :is(b,strong,h3,h4){
  display:block!important;
  width:100%!important;
  margin:0 0 5px!important;
  color:var(--avm-navy)!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:800!important;
  text-align:center!important;
}
html body .avm-root .avm-feature-grid>.avm-feature-card :is(p,span,small){
  margin-left:auto!important;
  margin-right:auto!important;
  color:var(--avm-muted)!important;
  font-size:13px!important;
  line-height:1.45!important;
  text-align:center!important;
}

/* B. MAIN BENEFITS — check always LEFT, copy always beside it. No legacy centering. */
html body .avm-root .avm-benefit-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px 10px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
html body .avm-root .avm-benefit-grid>.avm-benefit-card{
  position:relative!important;
  display:block!important;
  min-width:0!important;
  min-height:58px!important;
  margin:0!important;
  padding:10px 12px 10px 46px!important;
  border:1px solid var(--avm-green-line)!important;
  border-radius:11px!important;
  background:var(--avm-green-bg)!important;
  box-shadow:none!important;
  list-style:none!important;
  text-align:left!important;
}
html body .avm-root .avm-benefit-grid>.avm-benefit-card::before{
  content:"✓"!important;
  display:flex!important;
  position:absolute!important;
  left:12px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  align-items:center!important;
  justify-content:center!important;
  width:23px!important;
  height:23px!important;
  border-radius:50%!important;
  background:#e7f6ed!important;
  color:var(--avm-green)!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:900!important;
}
html body .avm-root .avm-benefit-grid>.avm-benefit-card::after{content:none!important;display:none!important}
html body .avm-root .avm-benefit-grid>.avm-benefit-card>.avm-check{display:none!important}
html body .avm-root .avm-benefit-grid>.avm-benefit-card>.avm-card-body{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  width:100%!important;
  min-height:36px!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}
html body .avm-root .avm-benefit-grid>.avm-benefit-card>.avm-card-body :is(b,strong,h3,h4,p,span,small){
  text-align:left!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* C. SHARED STORY ROW — one image frame and one axis */
html body .avm-root .avm-story-row{
  grid-template-columns:minmax(0,1fr) 300px!important;
  gap:26px!important;
  align-items:center!important;
  padding:15px 0!important;
}
html body .avm-root .avm-story-row.avm-story-reverse{grid-template-columns:300px minmax(0,1fr)!important}
html body .avm-root .avm-story-media{
  width:300px!important;
  height:210px!important;
  min-width:300px!important;
  min-height:210px!important;
  max-width:300px!important;
  max-height:210px!important;
  padding:9px!important;
  border-radius:14px!important;
  background:#f8fbfd!important;
}
html body .avm-root .avm-story-media img{
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:190px!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:auto!important;
}
html body .avm-root .avm-story-copy{align-self:center!important;padding:0!important;text-align:left!important}

/* D. UNIFIED SECTION CARDS */
html body .avm-root :is(.situation-grid,.selection-grid,.avm-info-grid,.pack){gap:10px!important}
html body .avm-root .situation-grid>div,
html body .avm-root .selection-grid>:is(div,article),
html body .avm-root .avm-info-grid>.avm-info-card,
html body .avm-root .pack>div{
  border-radius:13px!important;
  box-shadow:none!important;
}
html body .avm-root .selection-grid>:is(div,article){min-height:110px!important;padding:14px!important}

/* E. ONE BLUE LANGUAGE */
html body .avm-root .avm-blue-panel,
html body .avm-root .avm-expert-panel{
  border-radius:18px!important;
  box-shadow:0 14px 30px rgba(10,46,70,.10)!important;
}
html body .avm-root .avm-blue-panel{padding:19px 21px!important}

/* F. STEPS / CARE / SPECS — same density */
html body .avm-root .steps{gap:8px 22px!important}
html body .avm-root .steps>div{padding-top:12px!important;padding-bottom:12px!important}
html body .avm-root .avm-specs{padding:14px!important;border-radius:13px!important}
html body .avm-root .avm-spec-card{border-radius:10px!important;box-shadow:none!important}

/* G. MASTER VERTICAL RHYTHM */
html body .avm-root{--avm-section-gap:16px!important}
html body .avm-root :is(.selection,.mount,.after,.compat,.faq,.av-faq){padding-top:16px!important}
html body .avm-root .situations{margin-top:16px!important}
html body .avm-root .decision{margin-top:16px!important}
html body .avm-root .expert{margin-top:12px!important}
html body .avm-root .avx{margin-top:16px!important}

@media(max-width:900px){
  html body .avm-root .avm-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  html body .avm-root{--avm-section-gap:11px!important}
  html body .avm-root .avm-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:10px 0 12px!important}
  html body .avm-root .avm-feature-grid>.avm-feature-card{min-height:104px!important;padding:10px 8px!important;border-radius:10px!important}
  html body .avm-root .avm-feature-grid>.avm-feature-card :is(.mini-icon,.situation-icon,.selection-icon,.pack-icon,.avm-feature-icon){width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;margin-bottom:7px!important}
  html body .avm-root .avm-benefit-grid{grid-template-columns:1fr!important;gap:7px!important}
  html body .avm-root .avm-benefit-grid>.avm-benefit-card{min-height:50px!important;padding:9px 10px 9px 43px!important}
  html body .avm-root .avm-benefit-grid>.avm-benefit-card::before{left:10px!important;width:22px!important;height:22px!important}
  html body .avm-root .avm-story-row,
  html body .avm-root .avm-story-row.avm-story-reverse{display:flex!important;flex-direction:column!important;gap:8px!important;padding:10px 0!important}
  html body .avm-root .avm-story-copy{order:1!important;width:100%!important}
  html body .avm-root .avm-story-media{order:2!important;width:100%!important;min-width:0!important;max-width:100%!important;height:168px!important;min-height:168px!important;max-height:168px!important;padding:7px!important;border-radius:11px!important}
  html body .avm-root .avm-story-media img{max-height:154px!important}
  html body .avm-root :is(.selection,.mount,.after,.compat,.faq,.av-faq){padding-top:11px!important}
  html body .avm-root .situations{margin-top:11px!important}
  html body .avm-root .decision{margin-top:11px!important}
  html body .avm-root .avx{margin-top:11px!important}
}
@media(max-width:430px){
  html body .avm-root .avm-feature-grid{grid-template-columns:1fr 1fr!important}
  html body .avm-root .avm-feature-grid>.avm-feature-card :is(b,strong,h3,h4){font-size:13px!important}
  html body .avm-root .avm-feature-grid>.avm-feature-card :is(p,span,small){font-size:12px!important}
}


/* =========================================================
   PRODUCT MASTER 4.0 — TYPOGRAPHY + TRUNK COMPAT/DAY LOCK
   One font and one card geometry across all product families.
   ========================================================= */

/* One typography source: inherit the live Shoptet font everywhere. */
html body .avm-root{
  font-family:inherit!important;
}
html body .avm-root :where(h1,h2,h3,h4,h5,p,li,span,b,strong,small,a,button,summary,blockquote){
  font-family:inherit!important;
}

/* Shared body rhythm / typography, including V13 trunk descriptions. */
html body .avm-root :where(p,li){
  font-size:15px!important;
  line-height:1.58!important;
}
html body .avm-root :where(h2){
  font-size:25px!important;
  line-height:1.22!important;
  letter-spacing:-.015em!important;
  font-weight:500!important;
}
html body .avm-root :where(h3){
  font-size:19px!important;
  line-height:1.3!important;
  font-weight:700!important;
}
html body .avm-root .kicker,
html body .avm-root .avm-kicker{
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
}

/* Compatibility / packaging: DIV and ARTICLE must render identically. */
html body .avm-root .pack{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin:12px 0 0!important;
  padding:0!important;
}
html body .avm-root .pack>:is(div,article){
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  min-height:112px!important;
  margin:0!important;
  padding:14px 16px!important;
  border:1px solid var(--avm-line)!important;
  border-top:2px solid #66a9d2!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:none!important;
  text-align:center!important;
}
html body .avm-root .pack>:is(div,article):nth-child(even){border-top-color:#64ad7b!important}
html body .avm-root .pack>:is(div,article) .mini-icon,
html body .avm-root .pack>:is(div,article) .pack-icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  margin:0 auto 9px!important;
  border-radius:11px!important;
}
html body .avm-root .pack>:is(div,article) b{
  display:block!important;
  width:100%!important;
  margin:0 0 5px!important;
  color:var(--avm-navy)!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:800!important;
  text-align:center!important;
}
html body .avm-root .pack>:is(div,article)>span:not(.mini-icon):not(.pack-icon){
  display:block!important;
  width:100%!important;
  margin:0!important;
  color:var(--avm-muted)!important;
  font-size:13px!important;
  line-height:1.45!important;
  text-align:center!important;
}

/* Trunk daily-use section is a normal MASTER section, not a legacy island. */
html body .avm-root .source-daily{
  margin:16px 0 18px!important;
  padding:0!important;
}
html body .avm-root .source-daily>.section-head{
  margin:0 0 10px!important;
  padding:0!important;
}
html body .avm-root .source-daily>.section-head h2{
  margin:3px 0 8px!important;
  color:var(--avm-navy)!important;
  font-size:25px!important;
  line-height:1.22!important;
  font-weight:500!important;
}
html body .avm-root .source-daily>.section-head p{
  margin:0!important;
  color:var(--avm-text)!important;
  font-size:15px!important;
  line-height:1.58!important;
}
html body .avm-root .source-daily-grid,
html body .avm-root .source-daily-grid.avm-info-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin:12px 0 0!important;
  padding:0!important;
}
html body .avm-root .source-daily-grid>:is(div,article),
html body .avm-root .source-daily-grid>.avm-info-card{
  min-width:0!important;
  margin:0!important;
  padding:14px 16px!important;
  border:1px solid var(--avm-line)!important;
  border-top:2px solid #66a9d2!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:none!important;
  text-align:left!important;
}
html body .avm-root .source-daily-grid>:is(div,article):nth-child(even),
html body .avm-root .source-daily-grid>.avm-info-card:nth-child(even){border-top-color:#64ad7b!important}
html body .avm-root .source-daily-grid h3{
  margin:0 0 8px!important;
  color:var(--avm-navy)!important;
  font-size:17px!important;
  line-height:1.3!important;
  font-weight:800!important;
  text-align:left!important;
}
html body .avm-root .source-daily-grid ul{
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
html body .avm-root .source-daily-grid li{
  position:relative!important;
  margin:0 0 6px!important;
  padding:0 0 0 17px!important;
  color:var(--avm-text)!important;
  font-size:14px!important;
  line-height:1.5!important;
}
html body .avm-root .source-daily-grid li:last-child{margin-bottom:0!important}
html body .avm-root .source-daily-grid li::before{
  content:"•"!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  color:var(--avm-blue)!important;
  font-weight:900!important;
}

/* Keep the next section visually separated, but without excess empty space. */
html body .avm-root .source-daily + .avx,
html body .avm-root .source-daily + .avm-blue-panel{
  margin-top:16px!important;
}

@media(max-width:760px){
  html body .avm-root :where(p,li){font-size:14px!important;line-height:1.52!important}
  html body .avm-root :where(h2),
  html body .avm-root .source-daily>.section-head h2{font-size:22px!important;line-height:1.24!important}
  html body .avm-root :where(h3){font-size:17px!important}
  html body .avm-root .pack,
  html body .avm-root .source-daily-grid,
  html body .avm-root .source-daily-grid.avm-info-grid{grid-template-columns:1fr!important;gap:8px!important}
  html body .avm-root .pack>:is(div,article){min-height:0!important;padding:12px 13px!important}
  html body .avm-root .source-daily{margin:12px 0 13px!important}
  html body .avm-root .source-daily>.section-head{margin-bottom:8px!important}
  html body .avm-root .source-daily-grid>:is(div,article),
  html body .avm-root .source-daily-grid>.avm-info-card{padding:12px 13px!important}
  html body .avm-root .source-daily-grid h3{font-size:16px!important;margin-bottom:7px!important}
  html body .avm-root .source-daily-grid li{font-size:13px!important;line-height:1.45!important;margin-bottom:5px!important}
}


/* =========================================================
   PRODUCT MASTER 5.0 — BENEFIT TYPOGRAPHY LOCK
   One hierarchy everywhere: bold primary line + optional normal secondary line.
   ========================================================= */
html body .avm-root .avm-benefit-grid>.avm-benefit-card>.avm-card-body>.avm-card-title{
  display:block!important;
  width:100%!important;
  margin:0!important;
  color:var(--avm-navy)!important;
  font-family:inherit!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:800!important;
  text-align:left!important;
}
html body .avm-root .avm-benefit-grid>.avm-benefit-card>.avm-card-body>.avm-card-subtitle{
  display:block!important;
  width:100%!important;
  margin:2px 0 0!important;
  color:var(--avm-muted)!important;
  font-family:inherit!important;
  font-size:13px!important;
  line-height:1.42!important;
  font-weight:400!important;
  text-align:left!important;
}
html body .avm-root .avm-benefit-grid>.avm-benefit-card>.avm-card-body{
  align-self:center!important;
}
@media(max-width:760px){
  html body .avm-root .avm-benefit-grid>.avm-benefit-card>.avm-card-body>.avm-card-title{font-size:13px!important}
  html body .avm-root .avm-benefit-grid>.avm-benefit-card>.avm-card-body>.avm-card-subtitle{font-size:12px!important;line-height:1.38!important}
}


/* =========================================================
   PRODUCT MASTER 6.1 — MOBILE STORY ORDER LOCK
   Desktop keeps alternating left/right. Mobile always keeps each story pair together:
   text -> image -> text -> image. Never image -> image between adjacent blocks.
   ========================================================= */
@media(max-width:760px){
  /* Legacy Pobo image/text blocks used by floor mats and older families. */
  html body .avm-root :is(
    .rc-image-half-left,
    .rc-image-half-right,
    .checked-left-image,
    .checked-right-image,
    .avm-mobile-story
  ){
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
    width:100%!important;
  }

  html body .avm-root :is(
    .rc-image-half-left__text,
    .rc-image-half-right__text,
    .checked-left-image__text,
    .checked-right-image__text,
    .avm-mobile-story-copy
  ){
    order:1!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
  }

  html body .avm-root :is(
    .rc-image-half-left__image,
    .rc-image-half-right__image,
    .checked-left-image__image,
    .checked-right-image__image,
    .avm-mobile-story-media
  ){
    order:2!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
  }

  /* Older custom story rows / deflectors: copy first, media second on mobile. */
  html body .avm-root :is(.av-pair,.av-story,.pair,.pair.rev,.story-row,.story-row.reverse){
    display:flex!important;
    flex-direction:column!important;
  }
  html body .avm-root :is(.av-pair,.av-story,.pair,.pair.rev,.story-row,.story-row.reverse)
    > :is(.av-copy,.copy,.txt,.avm-story-copy){
    order:1!important;
    width:100%!important;
  }
  html body .avm-root :is(.av-pair,.av-story,.pair,.pair.rev,.story-row,.story-row.reverse)
    > :is(.av-media,.media,figure,.avm-story-media){
    order:2!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  /* Do not let a legacy desktop float/reverse survive into mobile. */
  html body .avm-root :is(
    .rc-image-half-left__text,.rc-image-half-right__text,
    .rc-image-half-left__image,.rc-image-half-right__image,
    .checked-left-image__text,.checked-right-image__text,
    .checked-left-image__image,.checked-right-image__image
  ){
    float:none!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
  }
}

/* =========================================================
   PRODUCT MASTER 7.0 — UNIVERSAL PHONE HELP
   One help component for all current and future product families.
   ========================================================= */
html body .avm-root .av-help{
  margin:20px 0!important;
  border:1px solid #cfe0ea!important;
  border-radius:18px!important;
  background:radial-gradient(circle at 92% 10%,rgba(46,151,92,.08),transparent 31%),linear-gradient(135deg,#fafdff,#f3f9fc)!important;
  overflow:hidden!important;
  box-shadow:0 10px 28px rgba(17,65,95,.055)!important;
}
html body .avm-root .av-help-inner{
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr) auto!important;
  gap:14px!important;
  align-items:center!important;
  padding:16px 18px!important;
}
html body .avm-root .av-help-icon{
  width:52px!important;height:52px!important;min-width:52px!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,#e9f5fb,#edf8f1)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  color:#2879b1!important;
}
html body .avm-root .av-help-icon svg{
  width:26px!important;height:26px!important;max-width:26px!important;max-height:26px!important;
  stroke:currentColor!important;fill:none!important;stroke-width:1.8!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
}
html body .avm-root .av-help-copy{min-width:0!important}
html body .avm-root .av-help h3{
  margin:0 0 4px!important;color:var(--avm-navy,#173f5c)!important;
  font-family:inherit!important;font-size:18px!important;line-height:1.3!important;font-weight:800!important;
}
html body .avm-root .av-help p{
  margin:0!important;color:var(--avm-muted,#687d8c)!important;
  font-family:inherit!important;font-size:14px!important;line-height:1.5!important;font-weight:400!important;
}
html body .avm-root .av-help-call{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  min-width:210px!important;margin:0!important;padding:11px 13px!important;
  border:1px solid #cbe4d3!important;border-radius:13px!important;background:#fff!important;
  color:#174f34!important;text-decoration:none!important;font-family:inherit!important;font-weight:900!important;
}
html body .avm-root .av-help-call small{
  display:block!important;margin-bottom:2px!important;color:#788a7e!important;
  text-transform:uppercase!important;font-size:10px!important;line-height:1.2!important;font-weight:800!important;
}
html body .avm-root .av-help-hours{
  border-top:1px solid #e4ece8!important;
  padding:8px 20px 10px 84px!important;
  color:#7c8c84!important;font-family:inherit!important;font-size:11px!important;line-height:1.4!important;
}
@media(max-width:760px){
  html body .avm-root .av-help{margin:16px 0!important;border-radius:15px!important}
  html body .avm-root .av-help-inner{grid-template-columns:44px minmax(0,1fr)!important;gap:11px!important;padding:14px!important}
  html body .avm-root .av-help-icon{width:44px!important;height:44px!important;min-width:44px!important;border-radius:12px!important}
  html body .avm-root .av-help-icon svg{width:23px!important;height:23px!important}
  html body .avm-root .av-help h3{font-size:17px!important}
  html body .avm-root .av-help p{font-size:13px!important;line-height:1.45!important}
  html body .avm-root .av-help-call{grid-column:1/-1!important;width:100%!important;min-width:0!important;justify-content:center!important;text-align:center!important;padding:11px 12px!important}
  html body .avm-root .av-help-hours{padding:8px 14px 10px!important;text-align:center!important;font-size:10.5px!important}
}