.breeds-directory-page{background:radial-gradient(at 50% 0,#f59e0b0d 0%,#0000 60%),#fff;padding-bottom:80px}.dir-breadcrumbs{padding:16px 0 0}.dir-breadcrumb-list{color:var(--dark-500,#64748b);flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;font-size:.88rem;list-style:none;display:flex}.dir-breadcrumb-list a{color:var(--dark-500,#64748b);text-decoration:none;transition:color .2s}.dir-breadcrumb-list a:hover{color:var(--gold-main,#d97706)}.dir-breadcrumb-sep{color:var(--dark-300,#cbd5e1)}.dir-breadcrumb-current{color:var(--dark-900,#0f172a);font-weight:600}.dir-hero{text-align:center;padding:36px 0 28px}.dir-badge-row{color:#b45309;letter-spacing:.6px;text-transform:uppercase;background:linear-gradient(135deg,#fef3c7 0%,#fffbeb 100%);border:1.5px solid #fcd34d;border-radius:9999px;align-items:center;gap:8px;margin-bottom:18px;padding:6px 16px;font-size:.82rem;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #d977061a}.dir-badge-dot{background:#10b981;border-radius:9999px;width:8px;height:8px;box-shadow:0 0 0 3px #10b98140}.dir-hero-title{font-family:var(--font-heading);color:var(--dark-900,#0f172a);letter-spacing:-.8px;margin:0 0 16px;font-size:3rem;font-weight:850;line-height:1.15}.dir-hero-title .gold{background:linear-gradient(135deg,#d97706 0%,#ea580c 100%);-webkit-text-fill-color:transparent;background-clip:text}.dir-hero-desc{max-width:680px;color:var(--dark-600,#475569);margin:0 auto;font-size:1.1rem;line-height:1.65}.dir-controls-section{z-index:40;-webkit-backdrop-filter:blur(14px);background:#f8fafce0;border-bottom:1px solid #0f172a14;padding:12px 0;transition:all .3s;position:sticky;top:72px}.dir-controls-wrap{width:100%}.dir-control-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;flex-direction:column;gap:16px;padding:clamp(16px,2.5vw,24px);display:flex;box-shadow:0 10px 30px -10px #0f172a14,0 1px 3px #0f172a08}.dir-control-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.dir-header-title-group{flex-direction:column;gap:4px;display:flex}.dir-header-badge{text-transform:uppercase;letter-spacing:.6px;color:#d97706;background:#fef3c7;border:1px solid #fcd34d;border-radius:9999px;align-self:flex-start;padding:2px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.dir-search-heading{font-family:var(--font-heading,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:#0f172a;letter-spacing:-.02em;margin:0;font-size:clamp(1.2rem,2.2vw,1.5rem);font-weight:850;line-height:1.2}.dir-count-badge{color:#334155;white-space:nowrap;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:9999px;align-items:center;gap:8px;padding:7px 16px;font-size:.88rem;font-weight:650;display:inline-flex}.dir-count-paw{font-size:1rem}.dir-count-badge strong{color:#d97706;font-size:.98rem;font-weight:850}.dir-search-box{width:100%;position:relative}.dir-search-icon{pointer-events:none;opacity:.65;font-size:1.2rem;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.dir-search-input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:12px;outline:none;width:100%;height:52px;padding:0 48px 0 52px;font-family:inherit;font-size:1.02rem;transition:all .25s}.dir-search-input:focus{background:#fff;border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b29,0 4px 14px #0f172a0d}.dir-search-input::placeholder{color:#94a3b8;font-weight:450}.dir-search-clear{color:#475569;cursor:pointer;opacity:0;pointer-events:none;background:#e2e8f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.82rem;font-weight:750;transition:all .2s;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.dir-search-clear.visible{opacity:1;pointer-events:auto}.dir-search-clear:hover{color:#0f172a;background:#cbd5e1}.dir-az-wrapper{border-top:1px solid #f1f5f9;align-items:center;gap:12px;padding-top:10px;display:flex}.dir-az-label{color:#64748b;text-transform:uppercase;letter-spacing:.7px;white-space:nowrap;font-size:.76rem;font-weight:850}.dir-az-bar{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1;align-items:center;gap:5px;padding:4px 2px 6px;display:flex;overflow-x:auto}.dir-az-bar::-webkit-scrollbar{display:none}.dir-az-btn{color:#1e293b;user-select:none;box-sizing:border-box;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;min-width:34px;height:34px;padding:0 8px;font-size:.88rem;font-weight:800;text-decoration:none;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.dir-az-btn:hover{color:#92400e;background:#fffbeb;border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 4px 10px #f59e0b33}.dir-az-btn.disabled{color:#cbd5e1;opacity:.7;pointer-events:none;cursor:not-allowed;background:#f8fafc;border:1.5px dashed #e2e8f0;box-shadow:none!important;transform:none!important}.dir-az-btn.all-btn{color:#fff;background:#0f172a;border-color:#0f172a;padding:0 14px}.dir-az-btn.all-btn:hover{color:#fff;background:#1e293b;border-color:#1e293b;transform:translateY(-1px)}.dir-content-wrap{padding-top:36px}.dir-letter-group{margin-bottom:48px;scroll-margin-top:170px}.dir-letter-group.hidden{display:none}.dir-letter-header{border-bottom:2px solid #f1f5f9;align-items:center;gap:16px;margin-bottom:22px;padding-bottom:12px;display:flex}.dir-letter-chip{color:#fff;width:44px;height:44px;font-family:var(--font-heading);background:linear-gradient(135deg,#fbbf24 0%,#d97706 100%);border-radius:12px;justify-content:center;align-items:center;font-size:1.4rem;font-weight:850;display:flex;box-shadow:0 4px 12px #d9770640}.dir-letter-title{font-family:var(--font-heading);color:var(--dark-900,#0f172a);margin:0;font-size:1.6rem;font-weight:800}.dir-letter-count{color:var(--dark-500,#64748b);background:var(--dark-50,#f8fafc);border:1px solid var(--dark-200,#e2e8f0);border-radius:9999px;padding:4px 12px;font-size:.85rem;font-weight:700}.dir-breeds-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=1100px){.dir-breeds-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.dir-breeds-grid{grid-template-columns:1fr;gap:14px}}.dir-breed-card{color:inherit;text-align:left;background:#fff;border:1px solid #e2e8f0e6;border-radius:20px;flex-direction:column;padding:22px;text-decoration:none;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px -2px #0000000a,0 2px 6px -1px #00000005}.dir-breed-card.hidden{display:none!important}.dir-breed-card:before{content:"";opacity:0;z-index:2;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.dir-breed-card:hover{border-color:#d9770666;transform:translateY(-5px);box-shadow:0 16px 36px -8px #d9770629,0 4px 12px #00000008}.dir-breed-card:hover:before{opacity:1}.dir-card-visual{background:linear-gradient(135deg,#d97706 0%,#b45309 100%);border-radius:14px;flex-direction:row;justify-content:space-between;align-items:center;height:84px;margin-bottom:16px;padding:0 16px;transition:transform .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #00000012}.dir-breed-card:nth-child(6n+1) .dir-card-visual{background:linear-gradient(135deg,#d97706 0%,#b45309 100%)}.dir-breed-card:nth-child(6n+2) .dir-card-visual{background:linear-gradient(135deg,#2563eb 0%,#1e3a8a 100%)}.dir-breed-card:nth-child(6n+3) .dir-card-visual{background:linear-gradient(135deg,#059669 0%,#064e3b 100%)}.dir-breed-card:nth-child(6n+4) .dir-card-visual{background:linear-gradient(135deg,#7c3aed 0%,#4c1d95 100%)}.dir-breed-card:nth-child(6n+5) .dir-card-visual{background:linear-gradient(135deg,#ea580c 0%,#9a3412 100%)}.dir-breed-card:nth-child(6n+6) .dir-card-visual{background:linear-gradient(135deg,#0d9488 0%,#134e4a 100%)}.dir-visual-icon-wrap{-webkit-backdrop-filter:blur(8px);z-index:1;background:#ffffff38;border:1px solid #ffffff59;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px 10px #0000001a}.dir-visual-icon{filter:drop-shadow(0 2px 4px #00000040);font-size:1.85rem;line-height:1}.dir-visual-badge{font-family:var(--font-accent,inherit);letter-spacing:.8px;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(6px);z-index:1;white-space:nowrap;text-overflow:ellipsis;background:#0f172ad9;border:1px solid #ffffff47;border-radius:20px;max-width:135px;padding:5px 12px;font-size:.72rem;font-weight:800;overflow:hidden;box-shadow:0 2px 6px #0000001f}.dir-card-shine{pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff40 50%,#0000 100%);width:50%;height:100%;transition:all .75s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.dir-breed-card:hover .dir-card-visual{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.dir-breed-card:hover .dir-visual-icon-wrap{transform:scale(1.08)rotate(-4deg)}.dir-breed-card:hover .dir-card-shine{left:150%}.dir-card-name{font-family:var(--font-heading);color:var(--dark-900,#0f172a);margin:0 0 10px;font-size:1.25rem;font-weight:800;line-height:1.3;transition:color .2s}.dir-breed-card:hover .dir-card-name{color:var(--gold-main,#d97706)}.dir-card-traits{flex-wrap:wrap;flex:1;gap:6px;margin-bottom:18px;display:flex}.dir-trait-pill{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-size:.76rem;font-weight:650;transition:all .2s}.dir-breed-card:hover .dir-trait-pill{background:#f1f5f9;border-color:#cbd5e1}.dir-card-footer{color:var(--gold-main,#d97706);border-top:1px dashed #0f172a14;justify-content:space-between;align-items:center;padding-top:14px;font-size:.88rem;font-weight:800;display:flex}.dir-card-cta-icon{width:16px;height:16px;transition:transform .25s}.dir-breed-card:hover .dir-card-cta-icon{transform:translate(4px)}.dir-empty-state{text-align:center;border:1.5px dashed var(--dark-300,#cbd5e1);background:#fff;border-radius:24px;max-width:600px;margin:40px auto;padding:60px 20px;display:none}.dir-empty-state.visible{display:block}.dir-empty-icon{margin-bottom:14px;font-size:3rem}.dir-empty-title{font-family:var(--font-heading);color:var(--dark-900,#0f172a);margin:0 0 8px;font-size:1.4rem;font-weight:800}.dir-empty-desc{color:var(--dark-500,#64748b);margin:0 0 20px;font-size:.98rem}.dir-empty-reset-btn{background:var(--dark-900,#0f172a);color:#fff;cursor:pointer;border:none;border-radius:9999px;align-items:center;gap:8px;padding:10px 22px;font-size:.92rem;font-weight:700;transition:all .25s;display:inline-flex}.dir-empty-reset-btn:hover{background:var(--gold-main,#d97706);transform:translateY(-2px)}@media (width<=768px){.dir-hero{padding:24px 0 20px}.dir-hero-title{font-size:2.2rem}.dir-controls-section{padding:12px 0;top:64px}.dir-search-input{height:48px;font-size:.96rem}.dir-letter-header{gap:12px;margin-bottom:16px}.dir-letter-chip{width:38px;height:38px;font-size:1.2rem}.dir-letter-title{font-size:1.35rem}}@media (width<=640px){.dir-control-card{border-radius:16px;padding:16px}.dir-control-header{flex-direction:column;align-items:flex-start;gap:8px}.dir-count-badge{align-self:flex-start;padding:5px 12px;font-size:.82rem}.dir-az-wrapper{flex-direction:column;align-items:flex-start;gap:6px}.dir-az-bar{width:100%;padding-bottom:8px}}