/* 30 dni dla Siebie - katalog home zgodny z mobilnym katalogiem start.html.
   Logika i rytm mobilny: 12 kart / stronę, 2 zsynchronizowane rzędy po maks. 6 kart,
   3 karty widoczne w rzędzie, startowe przesunięcia .18 / .48. */

.home-start-catalogue{position:relative;overflow:visible}
.home-start-catalogue .section-head{position:relative;z-index:220;align-items:flex-end;gap:18px;overflow:visible}
.home-start-catalogue__intro{margin:8px 0 0!important;max-width:620px!important}
.home-start-catalogue .catalogue-head-controls{display:flex;align-items:flex-end;justify-content:flex-end;gap:14px;position:relative;z-index:220;min-width:0}
.home-start-catalogue .catalogue-head-controls #templateResultCount{margin:0 0 8px;white-space:nowrap;font-size:11px;font-weight:650}
.home-start-catalogue .catalogue-head-controls .catalogue-sort{width:210px;min-width:210px;position:relative;z-index:221}
.home-start-catalogue .catalogue-categories,.home-start-catalogue .catalogue-tools{position:relative;z-index:220}
.home-start-catalogue .catalogue-tools{grid-template-columns:minmax(0,1fr)!important;margin-bottom:0!important}
.home-start-catalogue .catalogue-search{position:relative;z-index:221}
.home-start-catalogue .catalogue-search input{min-height:48px!important;padding-right:46px!important}
.home-start-catalogue .catalogue-search button{position:absolute;right:7px;bottom:7px;width:32px;height:32px;border:0;border-radius:10px;background:var(--surface-2);color:var(--text);font-size:21px;cursor:pointer}

.home-start-catalogue .catalogue-categories{display:grid!important;grid-template-columns:repeat(9,minmax(0,1fr))!important;gap:8px!important;width:100%!important;overflow:visible!important;padding:4px 0 14px!important;margin:0!important}
.home-start-catalogue .catalogue-category{width:100%!important;min-width:0!important;min-height:42px!important;padding:9px 8px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:normal!important;font:800 11px/1.15 Manrope,sans-serif!important;border:1px solid var(--border)!important;border-radius:999px!important;background:var(--surface)!important;color:var(--text)!important;cursor:pointer!important}
.home-start-catalogue .catalogue-category.is-active{background:var(--orange)!important;border-color:var(--orange)!important;color:#fff!important}

.home-start-catalogue #templateGrid{margin-top:76px!important;overflow:visible!important}
.home-start-catalogue .template-card{position:relative!important;overflow:visible!important;isolation:isolate!important;z-index:1!important;min-height:350px!important;height:auto!important;padding:16px 15px 14px!important;display:flex!important;flex-direction:column!important;border:1px solid var(--border)!important;background:var(--surface)!important;border-radius:19px!important;transition:box-shadow .2s ease,transform .2s ease!important}
.home-start-catalogue .template-card:hover{z-index:100!important;transform:translateY(-2px);border-color:rgba(255,90,0,.35);box-shadow:var(--shadow-sm)}
.home-start-catalogue .template-card::before{content:"";position:absolute;z-index:0;right:6px;top:6px;width:150px;height:150px;border-radius:999px;background:radial-gradient(circle,rgba(255,90,0,.09),rgba(255,90,0,.025) 55%,transparent 72%);pointer-events:none}
.home-start-catalogue .template-card__icon{display:none!important}
.home-start-catalogue .template-card__hero3d{position:absolute!important;top:auto!important;right:4px!important;left:auto!important;bottom:calc(100% - 180px)!important;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;object-fit:initial!important;display:block!important;z-index:3!important;pointer-events:none!important;transform-origin:100% 100%!important;transform:scale(.325)!important;filter:drop-shadow(0 14px 18px rgba(15,23,42,.16))!important;transition:transform .22s cubic-bezier(.2,.75,.25,1),filter .22s ease!important}
.home-start-catalogue .template-card h3{position:relative!important;z-index:5!important;margin:172px 0 8px!important;max-width:76%!important;width:fit-content!important;font-size:16px!important;line-height:1.18!important;letter-spacing:-.015em!important;min-height:unset!important;padding:10px 13px 9px!important;background:color-mix(in srgb,var(--surface) 97%,transparent)!important;border-radius:18px!important;box-shadow:0 10px 18px rgba(15,23,42,.08)!important;overflow:visible!important}
.home-start-catalogue .template-card>p{position:relative!important;z-index:5!important;margin:0!important;max-width:73%!important;width:min(73%,100%)!important;font-size:11.7px!important;line-height:1.42!important;min-height:calc(1.42em * 3 + 19px)!important;height:auto!important;overflow:hidden!important;display:block!important;padding:9px 12px 10px!important;background:color-mix(in srgb,var(--surface) 95%,transparent)!important;border-radius:16px!important;box-shadow:0 10px 18px rgba(15,23,42,.07)!important;color:var(--text)!important}
.home-start-catalogue .template-card__tag{position:relative!important;z-index:5!important;margin-top:auto;padding-top:12px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--orange)!important}
.home-start-catalogue .template-card__actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;width:100%!important;margin-top:10px!important;position:relative!important;z-index:12!important}
.home-start-catalogue .template-card__actions .btn{min-width:0!important;min-height:38px!important;padding:8px 10px!important;font-size:12px!important;font-weight:800!important;justify-content:center!important;text-decoration:none!important}
.home-start-catalogue .template-card__visual-link{pointer-events:auto!important;cursor:pointer!important;touch-action:manipulation!important}

.home-start-catalogue .catalogue-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin:22px 0 2px;flex-wrap:wrap}
.home-start-catalogue .catalogue-pager[hidden]{display:none!important}
.home-start-catalogue .catalogue-pager__button{min-width:132px}
.home-start-catalogue .catalogue-pager__button:disabled{opacity:.42;cursor:not-allowed;pointer-events:none}
.home-start-catalogue .catalogue-pager__status{min-width:104px;text-align:center;font-size:12px;font-weight:800;color:var(--text)}

@media(min-width:921px){.home-start-catalogue #templateGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:980px){
  .home-start-catalogue .catalogue-categories{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  .home-start-catalogue #templateGrid{margin-top:68px!important}
}

@media(max-width:720px){
  .home-start-catalogue .section-head{align-items:flex-start!important;gap:10px!important}
  .home-start-catalogue .catalogue-head-controls{width:100%!important;justify-content:space-between!important;gap:10px!important}
  .home-start-catalogue .catalogue-head-controls #templateResultCount{display:block!important;margin:0 0 7px!important;font-size:10px!important;white-space:normal!important}
  .home-start-catalogue .catalogue-head-controls .catalogue-sort{width:min(180px,58vw)!important;min-width:0!important;flex:0 1 180px!important}
  .home-start-catalogue .catalogue-categories{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;padding-bottom:12px!important}
  .home-start-catalogue .catalogue-category{min-height:39px!important;padding:8px 7px!important;font-size:10px!important}
  .home-start-catalogue #templateGrid{display:block!important;width:100%!important;margin-top:24px!important;overflow:visible!important}
  .home-start-catalogue #templateGrid .catalogue-mobile-row{display:flex!important;width:100%!important;min-width:0!important;gap:7px!important;margin:0!important;padding:16px 0 7px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch!important;scroll-snap-type:none!important;touch-action:pan-x pan-y!important}
  .home-start-catalogue #templateGrid .catalogue-mobile-row::-webkit-scrollbar{display:none!important}
  .home-start-catalogue #templateGrid .catalogue-mobile-row + .catalogue-mobile-row{margin-top:-8px!important}
  .home-start-catalogue #templateGrid .catalogue-mobile-row>.template-card{flex:0 0 calc((100% - 14px)/3)!important;width:calc((100% - 14px)/3)!important;min-width:0!important;max-width:none!important;margin-top:0!important;overflow:visible!important;scroll-snap-align:none!important}
  .home-start-catalogue .template-card{min-width:0!important;min-height:232px!important;height:100%!important;padding:8px 6px 8px!important;border-radius:15px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important}
  .home-start-catalogue .template-card::before{width:80px!important;height:80px!important;right:2px!important;top:3px!important}
  .home-start-catalogue .template-card__hero3d{right:2px!important;top:auto!important;bottom:calc(100% - 92px)!important;transform:scale(.15)!important;overflow:visible!important;transform-origin:100% 100%!important}
  .home-start-catalogue .template-card h3{margin-top:85px!important;margin-bottom:0!important;width:100%!important;max-width:100%!important;min-height:36px!important;height:36px!important;max-height:36px!important;padding:5px 6px!important;border-radius:10px!important;font-size:10px!important;line-height:1.18!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important;overflow-wrap:anywhere!important;background:transparent!important;box-shadow:none!important}
  .home-start-catalogue .template-card>p,.home-start-catalogue .template-card__tag{display:none!important}
  .home-start-catalogue .template-card__actions{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;width:100%!important;margin-top:auto!important;padding-top:6px!important;align-items:stretch!important}
  .home-start-catalogue .template-card__actions [data-template-start]{order:1!important}
  .home-start-catalogue .template-card__actions a{order:2!important}
  .home-start-catalogue .template-card__actions .btn{width:100%!important;min-width:0!important;min-height:40px!important;height:40px!important;padding:5px 4px!important;border-radius:9px!important;font-size:9px!important;line-height:1.08!important;white-space:normal!important;text-align:center!important;display:flex!important;align-items:center!important;justify-content:center!important}
  .home-start-catalogue .catalogue-pager{gap:8px!important;margin-top:16px!important}
  .home-start-catalogue .catalogue-pager__button{min-width:118px!important;font-size:11px!important;padding-left:10px!important;padding-right:10px!important}
  .home-start-catalogue .catalogue-pager__status{order:-1!important;width:100%!important;min-width:0!important}
}
@media(max-width:390px){.home-start-catalogue .catalogue-categories{grid-template-columns:repeat(2,minmax(0,1fr))!important}}