*{
  margin: 0;
  padding: 0;
  text-decoration: none;
  font-family: "Poppins",sans-serif;
  box-sizing: border-box;
}

html{scroll-behavior:smooth;}
body{overflow-x:hidden;}

.navbar{
  position: fixed;
  background-color: transparent;
  width: 100%;
  padding: 30px 0;
  top: 0;
  z-index: 999;
  transition: .3s linear;
}

.inner-width{max-width:1300px;margin:auto;padding:0 40px;}
.navbar .inner-width{display:flex;align-items:center;justify-content:space-between;}
.logo{width:44px;height:32px;background-image:url(../images/white-logo.png);background-size:contain;}
.menu-toggler{background:none;width:30px;border:none;cursor:pointer;position:relative;outline:none;z-index:999;display:none;}
.menu-toggler span{display:block;height:3px;background-color:#fff;margin:6px 0;position:relative;transition:.3s linear;}
.navbar-menu a{color:#fff;font-size:15px;font-weight:500;margin-left:30px;transition:.2s linear;}
.navbar-menu a:hover{color:#48dbfb !important;}
.sticky{background-color:#fff;padding:18px 0;}
.sticky .logo{background-image:url(../images/black-logo.png);}
.sticky .navbar-menu a{color:#111;}
.sticky .menu-toggler span{background-color:#111;}

/* Scrolled header state is deliberately explicit so it works reliably on live hosting. */
.navbar-menu a,.menu-toggler span,.logo{transition:color .7s ease, background-color .7s ease, background-image .7s ease;}
.navbar-menu a{transition:color .7s ease;}

#home{height:100vh;min-height:500px;background:url(../images/bg.jpg) no-repeat center;background-size:cover;background-attachment:fixed;}
#home .inner-width{display:flex;align-items:center;justify-content:center;height:170%;text-align:center;}
#home .content{width:100%;color:#fff;}
#home .content h1{font-size:60px;margin-bottom:10px;}
#home .content h1::after{content:"rado.";animation:textanim 10s linear infinite;}
@keyframes textanim{25%{content:"solid";}50%{content:"bi-color";}75%{content:"tabby";}}
.sm a{color:#fff;font-size:22px;margin:0 10px;transition:.2s linear;}
.sm a:hover{color:#48dbfb;}

section{padding:100px 0;background-color:#f1f1f1;scroll-margin-top:70px;}
.section-alt{background-color:#e3e3e3;}
.section-title{text-align:center;margin-bottom:80px;position:relative;font-size:26px;padding-bottom:20px;color:#111;}
.about-content{display:flex;align-items:center;flex-wrap:wrap;}
.about-pic{width:300px;margin-right:50px;background:white;padding:5px;}
.about-text{flex:1;}
.about-text h3{margin:10px 0;color:#444;font-size:16px;}
.about-text p{font-size:17px;text-align:justify;line-height:26px;margin-top:20px;}

/* Cat profiles retain the same image-and-text language as About. */
.cat-profile{display:flex;align-items:center;gap:55px;margin:0 auto 90px;max-width:1120px;}
.cat-profile.reverse{flex-direction:row-reverse;}
.cat-profile>img{width:430px;flex:0 0 430px;height:auto;background:#fff;padding:5px;box-shadow:0 0 0 1px rgba(0,0,0,.08);}
.cat-images{width:430px;flex:0 0 430px;display:flex;flex-direction:column;gap:18px;}
.cat-images img{display:block;width:430px;height:auto;object-fit:contain;background:#fff;padding:5px;box-shadow:0 0 0 1px rgba(0,0,0,.08);}
.cat-text{flex:1;min-width:0;}
.cat-text h2,.gallery-text h2{font-size:22px;font-weight:500;color:#111;line-height:1.4;margin-bottom:15px;}
.cat-text p,.gallery-text p{font-size:17px;text-align:left;line-height:26px;margin-top:14px;color:#333;}
.cat-colour{font-family:"Caveat",cursive!important;font-size:24px!important;font-weight:500!important;font-style:normal!important;color:#555!important;line-height:28px!important;margin-top:0!important;}
.cat-secondary-colour{font-family:"Caveat",cursive!important;font-size:23px!important;font-weight:500!important;color:#555!important;margin-top:0!important;}
.pedigree-link{display:inline-block;margin-top:20px;color:#333;font-size:16px;font-weight:500;border-bottom:1px solid #777;padding-bottom:2px;transition:.2s linear;}
.pedigree-link:hover{color:#48dbfb;border-color:#48dbfb;}
.no-photo{min-height:260px;}
.placeholder{width:430px;flex:0 0 430px;height:260px;background:#e7e7e7;display:flex;align-items:center;justify-content:center;color:#888;font-size:16px;font-style:italic;border:1px solid #ddd;}

.centered-section{text-align:center;}
.kitten-text{max-width:760px;margin:0 auto;}
.kitten-text h3{margin:10px 0;color:#444;font-size:16px;}
.kitten-text p{font-size:17px;line-height:28px;margin-top:20px;}
.updated{font-size:14px!important;color:#777!important;margin-top:30px!important;}

/* Gallery keeps the original image proportions and puts all text below the image. */
.gallery-list{max-width:760px;margin:0 auto;}
.gallery-item{margin:0 auto 90px;text-align:center;}
.gallery-item>img{display:block;width:auto;max-width:500px;height:auto;margin:0 auto;background:#fff;padding:5px;box-shadow:0 0 0 1px rgba(0,0,0,.08);}
.gallery-text{max-width:650px;margin:25px auto 0;}
.gallery-text h2{font-size:22px;}
.gallery-text p{text-align:center;}
.gallery-text .cat-colour{text-align:center;}
.gallery-text .pedigree-link{margin-top:12px;}

.contact-form{width:min(100%,760px);margin:0 auto;text-align:left;}
.form-row{display:flex;flex-direction:column;margin-bottom:22px;}
.form-row label{font-size:15px;font-weight:500;color:#333;margin-bottom:8px;}
.form-row input,.form-row textarea{width:100%;border:1px solid #b8b8b8;background:#f8f8f8;padding:13px 15px;font-family:"Poppins",sans-serif;font-size:15px;color:#222;outline:none;border-radius:0;transition:border-color .4s ease,background-color .4s ease;}
.form-row input:focus,.form-row textarea:focus{border-color:#777;background:#fff;}
.form-row textarea{resize:vertical;min-height:150px;}
.form-submit-row{flex-direction:row;align-items:flex-end;justify-content:center;gap:18px;margin-top:4px;}
.math-check{display:flex;align-items:center;gap:10px;}
.math-check label{margin:0;white-space:nowrap;}
.math-check input{width:105px;}
.form-submit-row button{height:47px;padding:0 30px;border:1px solid #999;background:transparent;color:#222;font-family:"Poppins",sans-serif;font-size:15px;font-weight:500;cursor:pointer;transition:color .7s ease,border-color .7s ease,background-color .7s ease;}
.form-submit-row button:hover{color:#48dbfb;border-color:#48dbfb;background:#fff;}
.form-status{text-align:center;min-height:26px;margin-top:18px;color:#555;font-size:15px;transition:opacity .25s ease;}
.form-status.form-error{color:#b00020;font-weight:600;}
.form-status.form-success{color:#2e7d32;font-weight:600;}
.contact-social{display:flex;justify-content:center;gap:22px;margin-top:35px;}
.contact-social a{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid #999;border-radius:50%;font-size:20px;transition:color .7s ease,border-color .7s ease;}
.contact-social a:hover{color:#48dbfb;border-color:#48dbfb;}
.copyright{text-align:center;color:#777;font-size:17px;line-height:26px;margin-top:80px;}

img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;}

@media screen and (max-width:980px){
  .menu-toggler{display:block;}
  .navbar-menu{position:fixed;height:100vh;width:100%;background-color:black;opacity:95%;top:0;right:-100%;padding:80px 50px;transition:.3s linear;}
  .navbar-menu a{display:block;font-size:25px;margin:30px 0;display:flex;justify-content:space-around;align-items:center;}
  .sticky .navbar-menu{background-color:#f1f1f1;}
  .sticky .navbar-menu a{color:#111;}
  .sticky .menu-toggler span{background-color:#111;}
  .navbar-menu.active{right:0;}
  .menu-toggler.active span:nth-child(1){transform:rotate(-45deg);top:4px;}
  .menu-toggler.active span:nth-child(2){opacity:0;}
  .menu-toggler.active span:nth-child(3){transform:rotate(45deg);bottom:14px;}
  .inner-width{max-width:800px;}
  .about-pic{margin:0 auto 60px;}
  .about-text{flex:100%;text-align:center;}
  .cat-profile,.cat-profile.reverse{display:flex;flex-direction:column;gap:35px;margin-bottom:75px;text-align:center;}
  .cat-profile>img,.cat-images,.placeholder{width:min(100%,500px);flex-basis:auto;}
  .cat-images{display:flex;}
  .cat-images img{width:100%;}
  .cat-text{width:100%;}
  .cat-text p{text-align:center;}
  .gallery-list{max-width:100%;}
  .contact-form{width:min(100%,600px);}
}

@media screen and (max-width:600px){
  .inner-width{padding:0 20px;}
  .cat-profile>img,.cat-images,.placeholder{width:100%;}
  .cat-images img{width:100%;}
  .cat-text h2,.gallery-text h2{font-size:19px;}
  .cat-text p,.gallery-text p{font-size:15px;line-height:24px;}
  .gallery-item{margin-bottom:70px;}
  .gallery-item>img{width:100%;max-width:500px;height:auto;}
  .copyright{font-size:17px;}
  .form-submit-row{flex-direction:column;align-items:stretch;gap:14px;}
  .math-check{justify-content:center;}
  .form-submit-row button{width:100%;}
}

/* Final refinements */
.navbar-menu a{transition:color .7s ease;}
.sm a{transition:color .7s ease;}
.navbar-menu a:hover,.sm a:hover{color:#48dbfb !important;}

.signature{font-family:"Caveat",cursive!important;font-size:30px!important;font-weight:500!important;color:#444!important;text-align:right;margin:18px 0 0!important;}

.pedigree-link{cursor:default;border-bottom:0;transition:none;}
.pedigree-link:hover{color:#333;border-color:transparent;}

.gallery-profiles{max-width:1120px;margin:0 auto;}
.gallery-profiles .cat-profile{margin-bottom:100px;}
.gallery-profiles .cat-text h2{font-size:22px;}

@media screen and (max-width:980px){
  .navbar-menu a{font-size:15px;margin:30px 0;}
}