/* abev-rows — abebets.com showcase «abev» (#354): head · grid · filters · row · logo · spec · offer · terms · more · note · mobile */

/* abev::head */
.abev-wrap{display:block;width:100%;grid-column:1/-1;flex:1 1 100%;font-family:var(--k-text);color:var(--k-ink)}
.abev-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 20px;margin:0 0 18px;padding-bottom:10px;border-bottom:4px solid var(--k-bark)}
.abev-wrap .abev-h{font:700 34px/1.05 var(--k-cond);text-transform:uppercase;margin:0;color:var(--k-ink)}
.abev-sub{margin:0;font:500 14.5px/1.3 var(--k-text);color:var(--k-ink2)}
.abev-fx,.abev-morebox{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}

/* abev::grid */
.abev-grid{display:grid;grid-template-columns:212px minmax(0,1fr);gap:22px;align-items:start}

/* abev::filters */
.abev-filt{position:sticky;top:12px;background:var(--k-paper);border-radius:4px;border:1px solid #D8CCB8}
.abev-ft{display:flex;align-items:center;gap:8px;margin:0;padding:13px 16px;font:700 17px/1 var(--k-cond);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--k-line)}
.abev-ic{width:18px;height:18px;flex:none}
.abev-filt label{display:flex;align-items:center;gap:10px;min-height:46px;padding:8px 16px;border-bottom:1px solid var(--k-line);cursor:pointer;font:500 15px/1.25 var(--k-text)}
.abev-filt label:hover{background:#F7F2E9}
.abev-filt label i{flex:none;width:18px;height:18px;border-radius:3px;box-shadow:inset 0 0 0 2px #A79883;background:#fff}
.abev-fn{margin:0;padding:10px 16px 12px;font-size:12.5px;line-height:1.4;color:var(--k-ink2)}
.abev-filt-none .abev-ft,.abev-filt-none .abev-fn{display:block}
.abev-wrap:has(.abev-fx-aud:checked) .abev-list > li:not(.abev-x-aud),
.abev-wrap:has(.abev-fx-rail:checked) .abev-list > li:not(.abev-x-rail),
.abev-wrap:has(.abev-fx-cry:checked) .abev-list > li:not(.abev-x-cry),
.abev-wrap:has(.abev-fx-fs2:checked) .abev-list > li:not(.abev-x-fs2),
.abev-wrap:has(.abev-fx-dep:checked) .abev-list > li:not(.abev-x-dep),
.abev-wrap:has(.abev-fx-spb:checked) .abev-list > li:not(.abev-x-spb){display:none}
.abev-wrap:has(.abev-fx-aud:checked) .abev-l-aud i,
.abev-wrap:has(.abev-fx-rail:checked) .abev-l-rail i,
.abev-wrap:has(.abev-fx-cry:checked) .abev-l-cry i,
.abev-wrap:has(.abev-fx-fs2:checked) .abev-l-fs2 i,
.abev-wrap:has(.abev-fx-dep:checked) .abev-l-dep i,
.abev-wrap:has(.abev-fx-spb:checked) .abev-l-spb i{background:var(--k-acc);box-shadow:inset 0 0 0 2px var(--k-bark),inset 0 0 0 5px var(--k-acc),inset 0 0 0 9px var(--k-bark)}
.abev-filt label:focus-within,.abev-wrap .abev-fx:focus-visible + *{outline:2px solid var(--k-sky)}

/* abev::row */
.abev-list{list-style:none;margin:0;padding:0;counter-reset:none}
.abev-list > li{display:grid;grid-template-columns:158px minmax(0,1fr) 232px;grid-template-areas:"logo spec offer" "terms terms terms";
  margin:0 0 14px;background:var(--k-paper);border-radius:4px;box-shadow:0 1px 0 rgba(42,33,28,.08),0 0 0 1px #DCD0BD;overflow:hidden}
.abev-list > li.abev-hid{display:none}
.abev-wrap:has(.abev-morebox:checked) .abev-list > li.abev-hid{display:grid}
.abev-list > li:first-child{box-shadow:0 0 0 2px var(--k-acc),0 10px 24px -14px rgba(42,33,28,.45)}
.abev-list > li::before,.abev-list > li::after{content:none;display:none}

/* abev::logo — tall column, rank tab in the corner */
.abev-logo{grid-area:logo;position:relative;display:flex;align-items:center;justify-content:center;padding:30px 14px 14px;background:#FBF8F2;border-right:1px solid var(--k-line)}
.abev-logo img{max-width:118px;max-height:74px;width:auto;height:auto;object-fit:contain}
.abev-t-bark{background:var(--k-bark);border-right-color:var(--k-bark)}
.abev-t-dune{background:#7A6858;border-right-color:#7A6858}
.abev-rank{position:absolute;left:0;top:0;min-width:34px;height:30px;padding:0 8px;background:var(--k-sky);color:#fff;font:700 18px/30px var(--k-cond);text-align:center}
.abev-list > li:first-child .abev-rank{background:var(--k-acc);color:var(--k-bark)}

/* abev::spec — passport of small labelled cells */
.abev-spec{grid-area:spec;padding:16px 18px 14px;min-width:0}
.abev-wrap .abev-name{font:700 26px/1.05 var(--k-cond);margin:0 0 6px;color:var(--k-ink)}
.abev-why{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;padding:3px 9px 3px 5px;background:#EEF5F0;color:#2D5F43;font:600 14px/1.2 var(--k-cond);text-transform:uppercase;letter-spacing:.04em;border-radius:2px}
.abev-why .abev-ic{color:var(--k-leaf)}
.abev-cells{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0}
.abev-cells div{padding:7px 9px;background:#F5EFE5;border-radius:2px;min-width:0}
.abev-cells dt{font:600 12px/1 var(--k-cond);text-transform:uppercase;letter-spacing:.06em;color:var(--k-ink2);margin:0 0 3px}
.abev-cells dd{margin:0;font:600 15px/1.2 var(--k-text);overflow-wrap:anywhere}
.abev-rails{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.abev-rails li{padding:3px 8px;border:1px solid var(--k-line);font:500 13px/1.2 var(--k-text);color:var(--k-ink2);border-radius:2px}

/* abev::offer — fact ring, bonus, CTA */
.abev-offer{grid-area:offer;display:grid;grid-template-columns:62px 1fr;grid-template-areas:"ring bonus" "cta cta" "foot foot";column-gap:12px;align-items:center;align-content:center;padding:14px 16px;border-left:1px solid var(--k-line);background:#FFFBF1}
.abev-ring{grid-area:ring;display:flex;flex-direction:column;align-items:center;justify-content:center;width:62px;height:62px;border-radius:50%;box-shadow:inset 0 0 0 3px var(--k-acc),inset 0 0 0 5px #FFFBF1,inset 0 0 0 6px #D8C8A8;margin:0}
.abev-ring b{font:700 17px/1 var(--k-cond);color:var(--k-bark)}
.abev-ring small{font:500 9.5px/1.05 var(--k-text);color:var(--k-ink2);text-align:center;max-width:50px}
.abev-bonus{grid-area:bonus;margin:0;text-align:left;font:700 19px/1.1 var(--k-cond);color:var(--k-ink)}
.abev-bonus small{display:block;margin-bottom:3px;font:600 12px/1 var(--k-cond);text-transform:uppercase;letter-spacing:.06em;color:var(--k-rust)}
.abev-bonus span{color:var(--k-leaf)}
.abev-wrap .abev-cta{grid-area:cta;margin-top:10px;display:flex;align-items:center;justify-content:center;min-height:46px;padding:0 12px;background:var(--k-acc);color:var(--k-bark);font:700 18px/1 var(--k-cond);text-transform:uppercase;letter-spacing:.03em;text-decoration:none;border-radius:3px;text-align:center}
.abev-wrap .abev-cta:hover{background:#FFC928;color:var(--k-bark)}
.abev-foot{grid-area:foot;display:flex;flex-wrap:wrap;justify-content:center;gap:2px 10px;margin:8px 0 0;font-size:12.5px;color:var(--k-ink2)}
.abev-wrap .abev-rev{color:var(--k-sky);font-weight:600;text-decoration:none;border-bottom:1px solid currentColor}

/* abev::terms */
.abev-terms{grid-area:terms;border-top:1px dashed #D8CCB8;background:#FCFAF5}
.abev-terms summary{cursor:pointer;padding:9px 16px;font:600 14px/1 var(--k-cond);text-transform:uppercase;letter-spacing:.06em;color:var(--k-ink2);list-style:none}
.abev-terms summary::-webkit-details-marker{display:none}
.abev-terms summary::before{content:"+ ";color:var(--k-sky);font-weight:700}
.abev-terms[open] summary::before{content:"– "}
.abev-terms dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 16px;margin:0;padding:2px 16px 12px;font-size:14px}
.abev-terms dt{color:var(--k-ink2)}
.abev-terms dd{margin:0}

/* abev::more */
.abev-wrap .abev-more{display:flex;align-items:center;justify-content:center;min-height:48px;background:var(--k-bark);color:#fff;font:700 17px/1 var(--k-cond);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border-radius:3px}
.abev-wrap .abev-more:hover{background:#3B2F28}
.abev-more span:last-child{display:none}
.abev-wrap:has(.abev-morebox:checked) .abev-more span:first-child{display:none}
.abev-wrap:has(.abev-morebox:checked) .abev-more span:last-child{display:inline}

/* abev::note */
.abev-note{margin:16px 0 0;font-size:13px;line-height:1.5;color:var(--k-ink2);max-width:900px}
.abev-note a{color:var(--k-ink);font-weight:600}

/* abev::mobile */
@media (max-width:1000px){
  .abev-grid{grid-template-columns:1fr}
  .abev-filt{position:static;display:flex;flex-wrap:wrap;align-items:stretch}
  .abev-ft{width:100%}
  .abev-filt label{flex:1 1 50%;border-right:1px solid var(--k-line)}
  .abev-fn{width:100%}
}
@media (max-width:760px){
  .abev-wrap .abev-h{font-size:27px}
  .abev-list > li{grid-template-columns:96px minmax(0,1fr);grid-template-areas:"logo spec" "offer offer" "terms terms"}
  .abev-logo{padding:26px 8px 8px}
  .abev-logo img{max-width:78px;max-height:48px}
  .abev-spec{padding:10px 12px 8px}
  .abev-wrap .abev-name{font-size:22px;margin-bottom:4px}
  .abev-why{margin-bottom:6px;font-size:12.5px}
  .abev-cells{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
  .abev-cells div{padding:4px 6px}
  .abev-cells dt{font-size:10.5px;margin-bottom:1px}
  .abev-cells dd{font-size:13px}
  .abev-rails{margin-top:6px;gap:4px}
  .abev-rails li{font-size:11.5px;padding:1px 6px}
  .abev-offer{padding:10px 12px;grid-template-columns:52px 1fr}
  .abev-ring{width:52px;height:52px}
  .abev-ring small{font-size:8.5px}
  .abev-bonus{font-size:17px}
  .abev-foot{margin-top:6px}
  .abev-terms summary{padding:7px 12px}
  .abev-wrap .abev-cta{min-height:44px;margin-top:8px;font-size:17px}
  .abev-offer{border-left:0;border-top:1px solid var(--k-line)}
  .abev-filt label{flex:1 1 50%;font-size:14px;padding:6px 12px 6px 16px}
}