:root{--accent: #5d7c71;--accent-hover: #4a645b;--bg-light: #f5f7f6;--bg-white: #ffffff;--bg-grey: #eaeeec;--bg-cream: #f5f7f6;--bg-card: #ffffff;--text-main: #2a3330;--text-muted: #5c6863;--text-light: #84918b;--border: #d0d8d4;--border-light: #e4e9e6;--radius: 4px;--font-serif: "Playfair Display", Georgia, serif;--font-sans: "Inter", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-sans);color:var(--text-main);background-color:var(--bg-light)}body{line-height:1.6;font-size:15px}h1,h2,h3,h4,.font-serif{font-family:var(--font-serif);font-weight:600;color:var(--text-main)}a{color:inherit;text-decoration:none}.top-bar{background-color:#384540;color:#e2e8e5;padding:8px 16px;font-size:12px}.top-bar-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.top-bar-left a:hover{color:#fff}.site-header{background:var(--bg-white);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.nav-container{max-width:1200px;margin:0 auto;padding:14px 20px;display:flex;justify-content:space-between;align-items:center}.brand-logo{display:flex;align-items:center;gap:12px}.brand-logo img{height:40px;width:auto}.brand-title{font-size:20px;font-weight:700;line-height:1}.brand-subtitle{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-top:3px;display:block}.nav-links{display:flex;align-items:center;gap:24px;list-style:none;font-size:14px;font-weight:500}.nav-links a{color:var(--text-muted);padding:4px 0;border-bottom:2px solid transparent;transition:all .2s ease}.nav-links a:hover,.nav-links a.active{color:var(--accent);border-bottom-color:var(--accent)}.hamburger-btn{display:none;background:transparent;border:1px solid var(--border);padding:6px 10px;border-radius:var(--radius);font-size:18px;cursor:pointer;color:var(--text-main)}.mobile-menu-drawer{display:none;background:var(--bg-white);border-bottom:1px solid var(--border);padding:16px 20px}.mobile-menu-drawer.active{display:block}.mobile-menu-links{list-style:none;display:flex;flex-direction:column;gap:12px}.mobile-menu-links a{font-size:15px;font-weight:500;color:var(--text-main);display:block}.mobile-menu-links a.active{color:var(--accent);font-weight:700}@media (max-width: 1000px){.nav-links{display:none!important}.hamburger-btn{display:inline-flex!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;border-radius:var(--radius);cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn-accent{background-color:var(--accent);color:#fff}.btn-accent:hover{background-color:var(--accent-hover)}.btn-outline{background-color:transparent;border-color:var(--border);color:var(--text-main)}.btn-outline:hover{background-color:var(--bg-grey)}.btn-dark{background-color:#384540;color:#fff}.btn-dark:hover{background-color:#2a3430}.hero-section{position:relative;width:100%;min-height:520px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--border);background-color:#1e2522}.hero-bg-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center}@media (max-width: 1000px){.hero-bg-img{object-position:68% center!important}}@media (max-width: 768px){.hero-section{min-height:auto;flex-direction:column;padding-top:0}.hero-bg-img{position:relative;height:320px;object-fit:cover;object-position:68% center!important;background-color:#1e2522}.hero-content{position:relative;padding:28px 20px!important;background-color:#232c28}}.hero-content{position:relative;z-index:10;max-width:1200px;margin:0 auto;padding:60px 20px;width:100%;color:#fff}.hero-text-container{max-width:620px}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero-fade-fast{opacity:0;animation:heroFadeIn .7s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.1s}.hero-fade-title{opacity:0;animation:heroFadeIn .7s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.25s}.hero-fade-later{opacity:0;animation:heroFadeIn .8s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.7s}.hero-tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#fff;margin-bottom:12px;text-shadow:0 1px 4px rgba(0,0,0,.9);display:block}.hero-title{font-size:44px;line-height:1.15;color:#fff;margin-bottom:16px;text-shadow:0 2px 8px rgba(0,0,0,.9)}.hero-subtitle{font-size:16px;color:#f0f4f2;margin-bottom:24px;text-shadow:0 1px 5px rgba(0,0,0,.9)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.section{padding:60px 20px;border-bottom:1px solid var(--border)}.section-light{background-color:var(--bg-light)}.section-white{background-color:var(--bg-white)}.section-grey{background-color:var(--bg-grey)}.container{max-width:1200px;margin:0 auto}.section-header{margin-bottom:32px}.section-tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);display:block;margin-bottom:4px}.section-title{font-size:28px;color:var(--text-main)}.breed-tiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.breed-tile-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease,border-color .2s ease}.breed-tile-card:hover{transform:translateY(-2px);border-color:var(--accent)}.breed-tile-img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:calc(var(--radius) - 1px);margin-bottom:10px;background-color:#e2e8e5}.breed-tile-name{font-size:16px;font-weight:600;color:var(--text-main)}.breed-tile-desc{font-size:11px;color:var(--text-muted);margin-top:2px}.breed-tile-link{font-size:12px;font-weight:600;color:var(--accent);margin-top:10px;display:block}.about-box{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.about-img{width:100%;height:280px;object-fit:cover;border:1px solid var(--border);border-radius:var(--radius)}.process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.process-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;justify-content:space-between}.process-num{font-size:12px;font-weight:700;color:var(--accent);letter-spacing:1px;margin-bottom:8px}.process-title{font-size:18px;margin-bottom:8px}.process-desc{font-size:13px;color:var(--text-muted);margin-bottom:16px}.process-link{font-size:12px;font-weight:600;color:var(--text-main);text-decoration:underline}.process-link:hover{color:var(--accent)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.gallery-item{position:relative;aspect-ratio:4 / 3;overflow:hidden;background-color:var(--bg-grey);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer}.slide-in-bottom{opacity:0;transform:translateY(40px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.slide-in-bottom.visible{opacity:1;transform:translateY(0)}.gallery-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-item:hover .gallery-img{transform:scale(1.04)}.gallery-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#2c3531b3;opacity:0;transition:opacity .2s ease;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;color:#fff}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-btn-container{text-align:center;margin-top:24px}.puppy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}@media (max-width: 640px){.puppy-grid{grid-template-columns:1fr;gap:16px}.puppy-card-body{padding:12px!important}.puppy-name{font-size:18px!important}.puppy-specs{font-size:11px!important}}.puppy-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.puppy-card-img-wrap{position:relative;aspect-ratio:4 / 3;background-color:var(--bg-grey);cursor:pointer}.puppy-card-img{width:100%;height:100%;object-fit:cover}.puppy-status-badge{position:absolute;top:8px;left:8px;background-color:var(--accent);color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:var(--radius)}.puppy-price-badge{position:absolute;top:8px;right:8px;background-color:var(--bg-white);color:var(--text-main);font-size:12px;font-weight:700;padding:2px 8px;border:1px solid var(--border);border-radius:var(--radius)}.puppy-card-body{padding:16px;flex:1;display:flex;flex-direction:column;justify-content:space-between}.puppy-name-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.puppy-name{font-size:20px;font-weight:600}.puppy-breed-tag{font-size:11px;font-weight:600;color:var(--accent);text-transform:uppercase}.puppy-specs{font-size:12px;color:var(--text-muted);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);padding:8px 0;margin:8px 0}.puppy-bio{font-size:12px;color:var(--text-muted);font-style:italic;margin-bottom:12px}.contact-section{background-color:var(--bg-grey);border-top:1px solid var(--border)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.contact-box{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.form-group{margin-bottom:14px}.form-label{display:block;font-size:12px;font-weight:600;margin-bottom:4px;color:var(--text-main)}.form-input,.form-textarea{width:100%;padding:8px 12px;font-size:13px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-light);font-family:inherit}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--accent)}.page-bottom-contact-banner{text-align:center;padding:40px 20px;background-color:var(--bg-grey);border-top:1px solid var(--border)}.site-footer{background-color:#384540;color:#dbe3e0;font-size:13px;padding:48px 20px 24px;border-top:1px solid var(--border)}.footer-container{max-width:1200px;margin:0 auto 36px;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:36px}@media (max-width: 768px){.footer-container{grid-template-columns:1fr;gap:24px}.footer-col{text-align:left!important}}.footer-col h4{font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff;margin-bottom:14px}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:8px}.footer-col ul li a:hover{color:#fff}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:24px;border-top:1px solid rgba(255,255,255,.15);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;font-size:12px;color:#b0bfb9}.footer-bottom-left{text-align:left}.footer-bottom-center{text-align:center}.footer-bottom-right{text-align:right}@media (max-width: 768px){.footer-bottom{grid-template-columns:1fr;text-align:center;gap:12px}.footer-bottom-left,.footer-bottom-center,.footer-bottom-right{text-align:center}}.dev-credit-badge{display:inline-flex;align-items:center;gap:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);padding:4px 14px;border-radius:20px;font-size:11px;color:#c2d6cf;transition:all .2s ease}.dev-credit-badge:hover{background:#ffffff1f;border-color:var(--accent)}.dev-credit-badge a{color:#fff;font-weight:700;text-decoration:underline}.dev-credit-badge a:hover{color:#74998c}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-content{background:var(--bg-white);border-radius:var(--radius);max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative;padding:28px;border:1px solid var(--border)}.modal-close{position:absolute;top:12px;right:12px;background:var(--bg-grey);border:1px solid var(--border);font-size:16px;width:32px;height:32px;border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--border)}.admin-body{background-color:var(--bg-light);min-height:100vh}.admin-header{background-color:#384540;color:#fff;padding:14px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;border-bottom:1px solid var(--border)}.admin-header-center{display:flex;gap:12px;align-items:center}@media (max-width: 800px){.admin-header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.admin-header-center{grid-column:1 / -1;width:100%;justify-content:center;padding-top:8px;border-top:1px solid rgba(255,255,255,.15)}}.admin-nav-tabs{background:var(--bg-grey);border-bottom:1px solid var(--border);padding:10px 24px;display:flex;gap:12px;overflow-x:auto;font-size:13px;font-weight:600;color:var(--text-muted)}@media (max-width: 800px){.admin-nav-tabs{flex-direction:column;display:none}.admin-nav-tabs.active{display:flex}}.admin-nav-tab{cursor:pointer;padding:6px 14px;border-bottom:2px solid transparent;border-radius:var(--radius);transition:all .2s ease}.admin-nav-tab.active{color:var(--accent);border-bottom-color:var(--accent);background:var(--bg-white)}.admin-stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media (max-width: 640px){.admin-stat-cards{grid-template-columns:repeat(2,1fr);gap:10px}}.admin-stat-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);padding:16px;text-align:center}.admin-stat-val{font-size:28px;font-family:var(--font-serif);font-weight:700;color:var(--accent)}.admin-stat-lbl{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.admin-panel{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:0 1px 3px #00000005}.admin-panel-title{font-family:var(--font-serif);font-size:22px;color:var(--accent);margin-bottom:16px;border-bottom:1px solid var(--border-light);padding-bottom:8px}.narrow-form-container{max-width:420px;display:flex;flex-direction:column;gap:12px}@media (max-width: 640px){.narrow-form-container{max-width:100%}}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th{background:var(--bg-grey);color:var(--text-main);padding:10px 12px;text-align:left;font-weight:700;border-bottom:1px solid var(--border)}.admin-table td{padding:12px;border-bottom:1px solid var(--border-light);vertical-align:middle}@media (max-width: 800px){.admin-table thead{display:none}.admin-table,.admin-table tbody{display:grid!important;grid-template-columns:repeat(auto-fill,250px)!important;justify-content:center!important;gap:16px!important;width:100%!important}.admin-table tr{width:250px!important;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex!important;flex-direction:column!important;justify-content:space-between;box-shadow:0 1px 3px #0000000a}.admin-table td{display:block;padding:4px 0;border:none}.admin-table td:nth-child(1){text-align:center;margin-bottom:8px}.admin-table td:nth-child(1) img{width:80px!important;height:80px!important;border-radius:var(--radius)}.admin-table td:last-child{margin-top:12px;padding-top:10px;border-top:1px solid var(--border-light);display:flex;gap:8px;justify-content:center}}.admin-btn-gold{background-color:var(--accent);color:#fff;border:none;padding:4px 12px;border-radius:var(--radius);font-weight:600;cursor:pointer}.admin-btn-gold:hover{background-color:var(--accent-hover)}.admin-btn-red{background-color:#a84335;color:#fff;border:none;padding:4px 12px;border-radius:var(--radius);font-weight:600;cursor:pointer}.admin-btn-red:hover{background-color:#8c362a}.admin-btn-save{background-color:var(--accent);color:#fff;width:100%;padding:12px;border:none;border-radius:var(--radius);font-size:14px;font-weight:700;cursor:pointer;margin-top:12px}.collapsible-form-body{display:none;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-light)}.collapsible-form-body.active{display:block}.photo-upload-previews{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.photo-upload-thumb{width:50px;height:50px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border)}