<!-- start Simple Custom CSS and JS -->
<style type="text/css">
/* =========================================================
   CATLEY RANCH — NAŠI PSI / NAŠE FENY
   LUXURY FRESH DESIGN
========================================================= */

.ak-current-dogs-page{
  --cr-green:#b6ff00;
  --cr-green-soft:#9fc51a;
  --cr-bg:#070807;
  --cr-card:#0d0f0c;
  --cr-text:#ffffff;
  --cr-muted:#d6d6d6;

  max-width:1240px;
  margin:0 auto;

  color:var(--cr-text);

  background:
    radial-gradient(circle at 12% 12%, rgba(182,255,0,.09), transparent 34%),
    radial-gradient(circle at 88% 26%, rgba(159,197,26,.08), transparent 34%),
    linear-gradient(180deg,#070807 0%,#090a08 48%,#050605 100%);

  overflow:hidden;
}

.ak-current-dogs-page *{
  box-sizing:border-box;
}

/* =========================================================
   HERO
========================================================= */

.ak-current-dogs-hero{
  position:relative;

  min-height:720px;

  display:flex;
  align-items:center;

  padding:100px 70px;

  overflow:hidden;

  border-bottom:1px solid rgba(182,255,0,.16);
}

.ak-current-dogs-hero__bg{
  position:absolute;
  inset:0;

  background:
    linear-gradient(
      90deg,
      rgba(5,7,5,.96) 0%,
      rgba(5,7,5,.78) 36%,
      rgba(5,7,5,.32) 66%,
      rgba(5,7,5,.08) 100%
    ),
    url("https://www.dogarna.cz/wp-content/uploads/2026/05/catley-ranch-dogs-hero.jpg")
    center right / cover no-repeat;

  transform:scale(1.02);
}

.ak-current-dogs-hero::after{
  content:"";

  position:absolute;
  right:-120px;
  top:50%;

  width:480px;
  height:480px;

  border-radius:999px;

  background:
    radial-gradient(circle,
    rgba(182,255,0,.12),
    transparent 70%);

  transform:translateY(-50%);

  filter:blur(12px);

  pointer-events:none;
}

.ak-current-dogs-hero__content{
  position:relative;
  z-index:5;

  max-width:760px;
}

.ak-current-dogs-kicker{
  margin:0 0 26px !important;

  color:var(--cr-green) !important;

  font-size:14px !important;
  font-weight:900 !important;
  letter-spacing:.24em !important;
  text-transform:uppercase !important;
}

.ak-current-dogs-hero h1{
  margin:0 !important;

  color:#fff !important;

  font-size:clamp(72px,10vw,132px) !important;
  line-height:.88 !important;
  font-weight:950 !important;
  letter-spacing:-.08em !important;
}

.ak-current-dogs-line{
  display:flex;
  align-items:center;

  width:min(100%,340px);

  margin:36px 0;
}

.ak-current-dogs-line span{
  flex:1;

  height:2px;

  background:
    linear-gradient(
      90deg,
      rgba(182,255,0,.95),
      transparent
    );
}

.ak-current-dogs-lead{
  max-width:660px;

  margin:0 !important;

  color:var(--cr-muted) !important;

  font-size:22px !important;
  line-height:1.8 !important;
}

/* =========================================================
   INTRO
========================================================= */

.ak-current-dogs-intro{
  display:grid;

  grid-template-columns:
    minmax(0,.85fr)
    minmax(0,1.15fr);

  gap:70px;

  align-items:end;

  padding:74px 70px 50px;
}

.ak-current-dogs-small-title{
  display:inline-flex;

  margin-bottom:18px;

  color:var(--cr-green);

  font-size:13px;
  font-weight:900;
  letter-spacing:.22em;
  text-transform:uppercase;
}

.ak-current-dogs-intro h2{
  margin:0 !important;

  color:#fff !important;

  font-size:clamp(42px,5vw,78px) !important;
  line-height:.92 !important;
  font-weight:950 !important;
  letter-spacing:-.06em !important;
}

.ak-current-dogs-intro__right p{
  margin:0 0 22px;

  color:var(--cr-muted);

  font-size:19px;
  line-height:1.85;
}

.ak-current-dogs-intro__right p:last-child{
  margin-bottom:0;
}

/* =========================================================
   GRID SECTION
========================================================= */

.ak-current-dogs-grid-section{
  padding:30px 70px 100px;
}

.ak-current-dogs-section-title{
  display:grid;

  grid-template-columns:
    1fr auto 1fr;

  gap:34px;

  align-items:center;

  margin-bottom:14px;
}

.ak-current-dogs-section-title span{
  height:1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(182,255,0,.6),
      transparent
    );
}

.ak-current-dogs-section-title h2{
  margin:0 !important;

  color:#fff !important;

  font-size:clamp(42px,5vw,74px) !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:-.06em !important;

  text-align:center !important;
}

.ak-current-dogs-paw{
  margin:16px 0 44px;

  color:var(--cr-green);

  text-align:center;

  font-size:20px;
}

/* =========================================================
   GRID
========================================================= */

.ak-current-dogs-list .ak-catley-grid{
  display:grid !important;

  grid-template-columns:
    repeat(3,minmax(0,1fr)) !important;

  gap:32px !important;

  width:100% !important;

  margin:0 auto !important;
}

/* =========================================================
   CARD
========================================================= */

.ak-current-dogs-list .ak-dog-card{
  position:relative !important;

  display:flex !important;
  flex-direction:column !important;

  overflow:hidden !important;

  min-height:100% !important;

  border-radius:30px !important;

  border:1px solid rgba(255,255,255,.08) !important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.05),
      rgba(255,255,255,.015)
    ),
    #0b0c0a !important;

  color:#fff !important;
  text-decoration:none !important;

  box-shadow:
    0 24px 90px rgba(0,0,0,.42);

  transition:
    transform .35s ease,
    border-color .35s ease,
    box-shadow .35s ease !important;
}

.ak-current-dogs-list .ak-dog-card::before{
  content:"Aktuálně v chovu";

  position:absolute;
  top:18px;
  left:18px;

  z-index:4;

  padding:10px 14px;

  border-radius:999px;

  background:rgba(182,255,0,.95);

  color:#050605;

  font-size:11px;
  font-weight:950;
  letter-spacing:.1em;
  text-transform:uppercase;

  box-shadow:
    0 10px 28px rgba(182,255,0,.2);
}

.ak-current-dogs-list .ak-dog-card:hover{
  transform:translateY(-8px) !important;

  border-color:rgba(182,255,0,.52) !important;

  box-shadow:
    0 40px 120px rgba(0,0,0,.68);
}

/* =========================================================
   IMAGE
========================================================= */

.ak-current-dogs-list .ak-dog-img{
  width:100% !important;

  height:470px !important;

  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;

  transition:
    transform .55s ease,
    filter .55s ease !important;
}

.ak-current-dogs-list .ak-dog-card:hover .ak-dog-img{
  transform:scale(1.035);

  filter:
    contrast(1.03)
    brightness(1.03);
}

.ak-current-dogs-list .ak-dog-img--empty{
  display:flex !important;

  align-items:center !important;
  justify-content:center !important;

  background:
    radial-gradient(circle at 50% 35%,
    rgba(182,255,0,.18),
    transparent 42%),
    #111 !important;
}

.ak-current-dogs-list .ak-dog-img--empty span{
  color:rgba(255,255,255,.62);

  font-size:14px;
  letter-spacing:.2em;
  text-transform:uppercase;
}

/* =========================================================
   CONTENT
========================================================= */

.ak-current-dogs-list .ak-dog-content{
  position:relative !important;

  display:flex !important;
  flex-direction:column !important;

  min-height:220px !important;

  padding:34px 32px 36px !important;

  background:
    linear-gradient(
      180deg,
      rgba(9,10,8,.96),
      #050605
    ) !important;

  border-top:
    1px solid rgba(182,255,0,.12) !important;
}

.ak-current-dogs-list .ak-dog-content::before{
  content:"";

  width:86px;
  height:3px;

  margin-bottom:24px;

  border-radius:999px;

  background:
    linear-gradient(
      90deg,
      var(--cr-green),
      transparent
    );
}

.ak-current-dogs-list .ak-dog-content h3{
  margin:0 0 24px !important;

  color:#fff !important;

  font-size:clamp(32px,2.2vw,48px) !important;
  line-height:1.02 !important;
  font-weight:950 !important;
  letter-spacing:-.06em !important;

  text-transform:none !important;
}

.ak-current-dogs-list .ak-dog-content p{
  width:fit-content;

  margin:0 0 14px !important;

  padding:8px 14px;

  border-radius:999px;

  background:rgba(255,255,255,.06);

  color:#f2f2f2 !important;

  font-size:13px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  letter-spacing:.06em !important;

  text-transform:uppercase !important;
}

.ak-current-dogs-list .ak-dog-content > span{
  display:inline-flex !important;

  width:fit-content;

  margin-top:auto !important;

  padding-top:18px !important;

  color:var(--cr-green) !important;

  font-size:15px !important;
  font-weight:900 !important;
  letter-spacing:.1em !important;

  text-transform:uppercase !important;
}

.ak-current-dogs-list .ak-dog-content > span::before{
  content:"Narozen/a ";

  color:rgba(255,255,255,.52);

  margin-right:6px;
}

/* =========================================================
   EMPTY
========================================================= */

.ak-current-dogs-list .ak-catley-empty{
  margin:0;

  padding:36px;

  border-radius:24px;

  border:
    1px solid rgba(182,255,0,.2);

  background:
    rgba(255,255,255,.04);

  color:#d6d6d6;

  font-size:18px;
}

/* =========================================================
   BOTTOM
========================================================= */

.ak-current-dogs-bottom{
  position:relative;

  padding:90px 20px 110px;

  text-align:center;

  border-top:
    1px solid rgba(182,255,0,.12);

  background:
    linear-gradient(
      90deg,
      rgba(7,8,7,.7),
      rgba(7,8,7,.96),
      rgba(7,8,7,.7)
    );
}

.ak-current-dogs-bottom-mark{
  margin-bottom:26px;

  color:var(--cr-green);

  font-size:28px;
}

.ak-current-dogs-bottom p{
  max-width:860px;

  margin:0 auto;

  color:#f3f3f3;

  font-size:clamp(30px,4vw,54px);
  line-height:1.25;
  font-weight:800;
  letter-spacing:-.04em;
}

.ak-current-dogs-bottom span{
  display:block;

  width:84px;
  height:2px;

  margin:36px auto 0;

  background:var(--cr-green);
}

/* =========================================================
   TABLET
========================================================= */

@media(max-width:1024px){

  .ak-current-dogs-hero,
  .ak-current-dogs-intro,
  .ak-current-dogs-grid-section{
    padding-left:38px;
    padding-right:38px;
  }

  .ak-current-dogs-list .ak-catley-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;
  }

  .ak-current-dogs-intro{
    grid-template-columns:1fr;

    gap:28px;
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px){

  .ak-current-dogs-page{
    max-width:none;
  }

  .ak-current-dogs-hero{
    min-height:560px;

    align-items:flex-end;

    padding:52px 22px;
  }

  .ak-current-dogs-hero h1{
    font-size:64px !important;
  }

  .ak-current-dogs-lead{
    font-size:18px !important;
    line-height:1.7 !important;
  }

  .ak-current-dogs-intro,
  .ak-current-dogs-grid-section{
    padding-left:22px;
    padding-right:22px;
  }

  .ak-current-dogs-intro{
    padding-top:52px;
  }

  .ak-current-dogs-section-title{
    grid-template-columns:1fr;

    gap:18px;
  }

  .ak-current-dogs-section-title span{
    display:none;
  }

  .ak-current-dogs-list .ak-catley-grid{
    grid-template-columns:1fr !important;

    gap:24px !important;
  }

  .ak-current-dogs-list .ak-dog-img{
    height:400px !important;
  }

  .ak-current-dogs-list .ak-dog-content{
    min-height:190px !important;

    padding:30px 24px 32px !important;
  }

  .ak-current-dogs-list .ak-dog-content h3{
    font-size:38px !important;
  }

  .ak-current-dogs-bottom{
    padding:70px 22px 90px;
  }
}</style>
<!-- end Simple Custom CSS and JS -->
