/* ABOS – úpravy hlavní stránky (dlaždice, kategorie, hodnocení + prodejna) */
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@800&display=swap");

/* ---------- 1) Širší dlaždice ---------- */
@media (min-width: 901px){
  .abos-hero__tiles .abos-hero__tile{flex:0 0 calc((100% - 3 * var(--tile-gap)) / 4);min-width:calc((100% - 3 * var(--tile-gap)) / 4);aspect-ratio:3/4;min-height:0}
}
@media (max-width: 900px){
  .abos-hero--tiles .abos-hero__tiles .abos-hero__tile{aspect-ratio:3/4}
}

/* ---------- 2) Hodnocení + prodejna ---------- */
.abos-hero__topbar{gap:12px;align-items:center;margin-bottom:12px}
.abos-hero__topbar .abos-hero__reviews,.abos-hero__topbar .abos-hero__visit-btn{display:inline-flex;align-items:center;gap:10px;height:48px;min-height:0;padding:0 20px;background:#fff;border:1px solid #e3e3e3;border-radius:999px;box-shadow:none;color:#111213;text-decoration:none;transition:border-color .2s ease,transform .2s ease}
.abos-hero__topbar .abos-hero__reviews:hover,.abos-hero__topbar .abos-hero__visit-btn:hover,.abos-hero__topbar a:focus-visible{border-color:#111213;transform:translateY(-2px);background:#fff;outline:none}
.abos-hero__topbar .abos-hero__reviews .abos-hero__reviews-stars{display:flex;order:1}
.abos-hero__topbar .abos-hero__reviews .abos-hero__reviews-stars svg{width:18px;height:18px;fill:#E3271F}
.abos-hero__topbar .abos-hero__reviews .abos-hero__reviews-stars svg:nth-child(n+2){display:none}
.abos-hero__topbar .abos-hero__reviews .abos-hero__reviews-title{display:none}
.abos-hero__topbar .abos-hero__reviews .abos-hero__reviews-value{order:2;display:flex;align-items:baseline;gap:0;font-size:0;color:#5d6064}
.abos-hero__topbar .abos-hero__reviews .abos-hero__reviews-value strong{margin:0;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:20px;line-height:1;color:#111213}
.abos-hero__topbar .abos-hero__reviews .abos-hero__reviews-value:after{content:"na Google";margin-left:6px;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:20px;line-height:1;text-transform:uppercase;letter-spacing:.01em;color:#111213}
.abos-hero__topbar .abos-hero__visit-icon{width:auto;height:auto;background:none}
.abos-hero__topbar .abos-hero__visit-icon svg{width:20px;height:20px;color:#111213}
.abos-hero__topbar .abos-hero__visit-label{display:flex!important;align-items:baseline;gap:8px;font-size:0;letter-spacing:0}
.abos-hero__topbar .abos-hero__visit-label:before{content:"Prodejna Praha 5";font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:20px;line-height:1;text-transform:uppercase;letter-spacing:.01em;color:#111213}
.abos-hero__topbar .abos-hero__visit-label:after{content:"Vrchlického 53";font-size:14px;font-weight:600;color:#5d6064;text-transform:none}
@media (max-width:900px){
  .abos-hero__topbar{gap:8px}
  .abos-hero__topbar .abos-hero__reviews,.abos-hero__topbar .abos-hero__visit-btn{flex:1 1 0;min-width:0;justify-content:center;height:44px;padding:0 12px;gap:8px}
  .abos-hero__topbar .abos-hero__visit-label:after{display:none}
  .abos-hero__topbar .abos-hero__visit-label:before{content:"Praha 5";font-size:18px}
  .abos-hero__topbar .abos-hero__reviews .abos-hero__reviews-value:after,.abos-hero__topbar .abos-hero__reviews .abos-hero__reviews-value strong{font-size:18px}
}

/* ---------- 3) Karty kategorií ---------- */
.abos-category-grid .abos-category-card{position:relative;background:#fff;border:1px solid #ececec;box-shadow:0 2px 8px rgba(0,0,0,.04);min-height:168px;grid-template-columns:1fr 132px;column-gap:20px;padding:24px 24px 24px 28px;align-content:center;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.abos-category-grid .abos-category-card:after{display:none}
.abos-category-grid .abos-category-card:hover,.abos-category-grid .abos-category-card:focus-visible{transform:translateY(-4px);border-color:#111213;box-shadow:0 14px 30px rgba(0,0,0,.10);outline:none}
.abos-category-grid .abos-category-name{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:32px;line-height:.95;letter-spacing:.01em;color:#111213;position:relative;padding-bottom:10px;align-self:end}
.abos-category-grid .abos-category-name:after{content:"";position:absolute;left:0;bottom:0;width:28px;height:3px;border-radius:2px;background:#E3271F;transition:width .3s ease}
.abos-category-grid .abos-category-card:hover .abos-category-name:after,.abos-category-grid .abos-category-card:focus-visible .abos-category-name:after{width:72px}
.abos-category-grid .abos-category-meta{color:#5d6064;font-weight:600;align-self:start;margin-top:10px;gap:10px}
.abos-category-grid .abos-category-meta svg{box-sizing:border-box;width:28px;height:28px;padding:6px;border-radius:50%;background:#111213;color:#fff;flex-shrink:0;transition:background .25s ease,transform .25s ease}
.abos-category-grid .abos-category-card:hover .abos-category-meta svg,.abos-category-grid .abos-category-card:focus-visible .abos-category-meta svg{background:#E3271F;transform:translateX(6px)}
.abos-category-grid .abos-category-icon{width:132px;height:132px;border-radius:20px;background:#F3F4F5 center/78% no-repeat;transition:background-color .3s ease,transform .3s ease;overflow:hidden}
.abos-category-grid .abos-category-icon img{opacity:0}
.abos-category-grid .abos-category-card:hover .abos-category-icon{background-color:#FDECEB;transform:scale(1.06) rotate(-3deg)}
.abos-category-grid .abos-category-card:nth-child(-n+4) .abos-category-icon{background-blend-mode:multiply}
.abos-category-grid .abos-category-card:nth-child(1) .abos-category-icon{background-image:url(https://cdn.myshoptet.com/usr/www.abos.cz/user/shop/big/342379_keitech-gumova-nastraha-swing-impact-fat-2-8-7cm-hot-fire-tige.jpg);background-size:150%}
.abos-category-grid .abos-category-card:nth-child(2) .abos-category-icon{background-image:url(https://cdn.myshoptet.com/usr/www.abos.cz/user/shop/big/342961_tb-baits-boilie-monster-crab-10kg.jpg);background-size:95%}
.abos-category-grid .abos-category-card:nth-child(3) .abos-category-icon{background-image:url(https://cdn.myshoptet.com/usr/www.abos.cz/user/shop/big/329366_strike-pro-miuras-mouse-big-paddle-derg-wisper.jpg);background-size:140%}
.abos-category-grid .abos-category-card:nth-child(4) .abos-category-icon{background-image:url(https://cdn.myshoptet.com/usr/www.abos.cz/user/shop/big/287866_darkovy-poukaz.png);background-size:105%}
.abos-category-grid .abos-category-card:nth-child(5) .abos-category-icon{background:url(https://cdn.myshoptet.com/usr/www.abos.cz/user/articles/images/img_1910.jpeg) 60% 35%/cover}
.abos-category-grid .abos-category-card:nth-child(6) .abos-category-icon{background:url(https://cdn.myshoptet.com/usr/www.abos.cz/user/articles/images/ranger_abos_noc.jpeg) 55% 55%/cover}
.abos-category-grid .abos-category-card:nth-child(6) .abos-category-meta span{display:none}
.abos-category-grid .abos-category-card:nth-child(6) .abos-category-meta:before{content:"Praha 5 • Vrchlického"}
@media (max-width:900px){
  .abos-category-grid .abos-category-card{min-height:130px;grid-template-columns:1fr 96px;padding:18px 16px 18px 20px}
  .abos-category-grid .abos-category-icon{width:96px;height:96px;border-radius:16px}
  .abos-category-grid .abos-category-name{font-size:26px}
}
@media (prefers-reduced-motion:reduce){
  .abos-category-grid .abos-category-card,.abos-category-grid .abos-category-card *,.abos-hero__topbar a{transition:none!important}
}