/* Hayvanim Merkezi — visual hub, independent of existing data modules */
#main-content .pati-pet-center-head{max-width:960px;margin:0 auto!important;padding:8px 14px!important;background:#fff}
#main-content .pati-pet-center-tabs{display:flex;overflow-x:auto;gap:8px;padding:7px 0 12px;scrollbar-width:none}
#main-content .pati-pet-center-tabs button{white-space:nowrap;min-height:42px;padding:10px 16px;border-radius:999px;background:#f3f4f7;color:#525662;border:1px solid #e9eaf0;font-weight:700}
#main-content .pati-pet-center-tabs button.active{background:#17191d!important;color:white!important;border-color:#17191d}
#main-content .pati-pet-hub{max-width:960px;margin:0 auto;padding:0 14px 28px;color:#1a1b21}
#main-content .pati-hub-hero{background:linear-gradient(117deg,#dff2ff 0%,#f4e9fb 62%,#ffe8ef 100%);border-radius:24px;padding:25px 21px;display:flex;align-items:center;min-height:170px;overflow:hidden;gap:12px}
#main-content .pati-hub-copy{flex:1;min-width:0;z-index:1}
#main-content .pati-hub-copy small{font-size:11px;letter-spacing:.09em;color:#526b8c;font-weight:800}
#main-content .pati-hub-copy h1{font-size:clamp(22px,4vw,31px);letter-spacing:-.035em;line-height:1.12;margin:10px 0}
#main-content .pati-hub-copy p{max-width:350px;font-size:13px;line-height:1.55;color:#4d5566}
#main-content .pati-hub-pet-photo{width:clamp(100px,24vw,195px);height:clamp(110px,25vw,190px);border-radius:45% 45% 20px 20px;background:#fff9;display:grid;place-items:center;overflow:hidden;font-size:65px;flex-shrink:0}
#main-content .pati-hub-pet-photo img{width:100%;height:100%;object-fit:cover}
#main-content .pati-hub-pet-strip{display:flex;align-items:center;gap:12px;background:white;border:1px solid #ececf1;padding:11px 13px;border-radius:18px;margin:12px 0 24px;box-shadow:0 5px 20px #1b24300b}
#main-content .pati-hub-pet-strip>span{width:49px;height:49px;border-radius:50%;background:#e5f5ff;display:grid;place-items:center;overflow:hidden;font-size:26px;flex-shrink:0}
#main-content .pati-hub-pet-strip>span img{width:100%;height:100%;object-fit:cover}
#main-content .pati-hub-pet-strip>div{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}
#main-content .pati-hub-pet-strip strong{font-size:15px;overflow-wrap:anywhere}
#main-content .pati-hub-pet-strip small{font-size:12px;color:#717786}
#main-content .pati-hub-pet-strip button{background:#f4f6fa;color:#242830;padding:10px 12px;border-radius:11px;font-weight:700;min-height:42px;font-size:12px}
#main-content .pati-hub-section-title{font-size:19px;letter-spacing:-.03em;margin:0 0 15px}
#main-content .pati-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#main-content .pati-hub-card{--hub-bg:#eff5ff;--hub-ink:#2873b8;position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:0;min-height:155px;border:1px solid #ffffff9a!important;border-radius:20px;padding:16px;background:var(--hub-bg)!important;color:#20232b!important;gap:9px;box-shadow:none}
#main-content .pati-hub-mint{--hub-bg:#e4f8ed;--hub-ink:#219961}
#main-content .pati-hub-sky{--hub-bg:#e4f3ff;--hub-ink:#2481d6}
#main-content .pati-hub-sun{--hub-bg:#fff0d8;--hub-ink:#e17c22}
#main-content .pati-hub-rose{--hub-bg:#ffe5ed;--hub-ink:#de4c80}
#main-content .pati-hub-lilac{--hub-bg:#f1e5ff;--hub-ink:#8f51ce}
#main-content .pati-hub-blue{--hub-bg:#e3f2ff;--hub-ink:#327ec6}
#main-content .pati-hub-icon{width:45px;height:45px;border-radius:14px;background:var(--hub-ink);display:grid;place-items:center;color:white}
#main-content .pati-hub-icon svg{width:23px;height:23px}
#main-content .pati-hub-card strong{font-size:15px;letter-spacing:-.015em}
#main-content .pati-hub-card small{max-width:95%;font-size:12px;line-height:1.4;color:#515764}
#main-content .pati-hub-chevron{position:absolute;top:21px;right:16px;font-size:27px;color:var(--hub-ink)}
#main-content .pati-hub-foot{margin:21px 0 3px;padding:18px;border-radius:17px;background:#fff3df;text-align:center;color:#805d31;font-size:13px;font-weight:650}
@media(min-width:760px){#main-content .pati-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:380px){#main-content .pati-hub-hero{padding:18px 14px}.pati-hub-pet-photo{width:85px!important;height:105px!important}#main-content .pati-hub-grid{gap:9px}#main-content .pati-hub-card{padding:12px;min-height:158px}#main-content .pati-hub-card strong{font-size:13px}}
@media(hover:hover){#main-content .pati-hub-card:hover{filter:saturate(1.1) brightness(.985);transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){#main-content .pati-hub-card{transition:none;transform:none!important}}

/* Hub navigation v2: all features grouped, no top tabs */
#main-content .pati-hub-sections{display:grid;gap:25px}
#main-content .pati-hub-category{min-width:0}
#main-content .pati-hub-section-title{margin:0 0 13px;font-size:19px;font-weight:800;letter-spacing:-.03em}
#main-content .pati-hub-other-pets{display:flex;gap:8px;overflow-x:auto;padding:0 0 14px}
#main-content .pati-hub-mini-pet{flex:none;padding:7px 12px;border-radius:999px;background:#f4f2fc;color:#504685;font-size:12px;font-weight:700}
#main-content .pati-hub-detail-back{padding:10px 14px 0;max-width:960px;margin:auto}
#main-content .pati-hub-detail-back button{border:0;background:#edf3ff;color:#225d9d;border-radius:13px;min-height:43px;padding:10px 15px;font-weight:800}
#main-content .pati-hub-hero .pati-hub-pet-photo{border:3px solid #ffffffab;box-shadow:0 12px 26px #1b24301c}