/* Zapet.net modern responsive homepage */
.zapet-home{background:#eef3f9;--z-primary:#2563eb;--z-dark:#172554;--z-text:#334155;--z-muted:#64748b;--z-bg:#eaf1f8;--z-border:#e2e8f0;color:var(--z-text);font-family:Nunito,Arial,sans-serif;overflow:hidden;}
.zapet-home *{box-sizing:border-box;}
.zapet-container{width:min(1180px,calc(100% - 40px));margin:0 auto;}
.zapet-hero{padding:76px 0 84px;background:linear-gradient(135deg,#dbeafe 0%,#eff6ff 52%,#bfdbfe 100%);text-align:center;}
.zapet-hero-content{max-width:850px;margin:auto;}
.zapet-eyebrow{display:inline-block;color:var(--z-primary);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px;}
.zapet-hero h1{color:var(--z-dark);font-size:clamp(2rem,5vw,3.7rem);font-weight:900;line-height:1.15;margin:0 auto 18px;}
.zapet-hero p{font-size:clamp(1rem,2vw,1.2rem);color:var(--z-muted);line-height:1.7;margin:0 auto 30px;max-width:680px;}
.zapet-hero-actions{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;}
.zapet-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:13px 23px;border-radius:10px;text-decoration:none!important;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;}
.zapet-btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0f172a18;}
.zapet-btn-primary{background:var(--z-primary);color:#fff!important;}
.zapet-btn-primary:hover{background:#1d4ed8;}
.zapet-btn-light{background:#fff;color:var(--z-dark)!important;border:1px solid var(--z-border);}
.zapet-section{padding:65px 0;background:transparent;}
.zapet-section-muted{background:#e5edf7;}
.zapet-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px;flex-wrap:wrap;}
.zapet-section-heading h2{color:var(--z-dark);font-size:clamp(1.5rem,3vw,2.1rem);font-weight:900;margin:0;}
.zapet-text-link{color:var(--z-primary)!important;font-weight:800;text-decoration:none!important;}
.zapet-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.zapet-category-card{display:flex;align-items:center;gap:14px;min-height:90px;padding:18px;background:#fff;border:1px solid var(--z-border);border-radius:14px;color:var(--z-dark)!important;text-decoration:none!important;box-shadow:0 3px 12px #0f172a08;transition:transform .2s,border-color .2s,box-shadow .2s;}
.zapet-category-card:hover{transform:translateY(-3px);border-color:#93c5fd;box-shadow:0 10px 25px #0f172a10;}
.zapet-category-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:12px;background:#eff6ff;color:var(--z-primary);font-size:1.25rem;}
.zapet-listing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.zapet-listing-card{min-width:0;overflow:hidden;background:#fff;border:1px solid var(--z-border);border-radius:15px;box-shadow:0 4px 16px #0f172a08;transition:transform .2s,box-shadow .2s;}
.zapet-listing-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0f172a12;}
.zapet-listing-image{display:block;overflow:hidden;background:#e2e8f0;aspect-ratio:16/10;}
.zapet-listing-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s;}
.zapet-listing-card:hover .zapet-listing-image img{transform:scale(1.04);}
.zapet-listing-body{padding:20px;}
.zapet-listing-category{display:inline-block;margin-bottom:9px;padding:5px 10px;border-radius:20px;background:#eff6ff;color:#1d4ed8;font-size:.78rem;font-weight:800;}
.zapet-listing-body h3{font-size:1.12rem;line-height:1.4;font-weight:900;color:var(--z-dark);margin:0 0 10px;overflow-wrap:anywhere;}
.zapet-listing-location{color:var(--z-muted);font-size:.9rem;margin:0 0 15px;}
.zapet-listing-link{display:inline-flex;align-items:center;gap:8px;color:var(--z-primary)!important;font-weight:800;text-decoration:none!important;}
.zapet-publish-section{padding:55px 0;background:linear-gradient(120deg,#1d4ed8,#2563eb 60%,#0284c7);color:#fff;}
.zapet-publish-content{text-align:center;}
.zapet-publish-content .zapet-eyebrow{color:#bfdbfe;}
.zapet-publish-content h2{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:900;color:#fff;margin:0 0 12px;}
.zapet-publish-content p{color:#dbeafe;margin:0 auto 22px;max-width:650px;}
.zapet-publish-content .zapet-btn-primary{background:#fff;color:#1d4ed8!important;}
.zapet-footer{padding:35px 0;background:#0f172a;color:#cbd5e1;text-align:center;}
.zapet-footer strong{display:block;color:#fff;font-size:1.35rem;margin-bottom:8px;}
.zapet-footer p{margin:0 0 18px;color:#94a3b8;}
.zapet-footer-links{display:flex;justify-content:center;gap:12px 24px;flex-wrap:wrap;}
.zapet-footer-links a{color:#e2e8f0!important;text-decoration:none!important;font-weight:700;}
.zapet-footer-links a:hover{color:#93c5fd!important;}
@media(max-width:900px){.zapet-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.zapet-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.zapet-hero{padding:62px 0 68px;}}
@media(max-width:600px){.zapet-container{width:calc(100% - 28px);}.zapet-hero{padding:48px 0 54px;}.zapet-hero h1{font-size:2rem;}.zapet-hero p{font-size:1rem;}.zapet-hero-actions{flex-direction:column;align-items:stretch;}.zapet-btn{width:100%;min-height:52px;}.zapet-section{padding:44px 0;}.zapet-section-heading{align-items:flex-start;flex-direction:column;gap:8px;}.zapet-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}.zapet-category-card{min-height:76px;padding:12px;gap:10px;font-size:.9rem;}.zapet-category-icon{flex-basis:40px;width:40px;height:40px;font-size:1.1rem;}.zapet-listing-grid{grid-template-columns:1fr;gap:16px;}.zapet-listing-body{padding:16px;}.zapet-footer-links{gap:14px 18px;}}
@media(prefers-reduced-motion:reduce){.zapet-home *{scroll-behavior:auto!important;transition:none!important;}}
.zapet-nav{position:relative;z-index:20;background:#10234b;color:#fff;box-shadow:0 5px 18px #0f172a20;}.zapet-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px;}.zapet-logo{color:#fff!important;font-size:1.65rem;font-weight:900;text-decoration:none!important;white-space:nowrap;}.zapet-logo span{color:#60a5fa;}.zapet-desktop-menu{display:flex;align-items:center;gap:25px;}.zapet-desktop-menu a,.zapet-nav-login{color:#e2e8f0!important;text-decoration:none!important;font-weight:700;}.zapet-desktop-menu a:hover,.zapet-nav-login:hover{color:#93c5fd!important;}.zapet-nav-actions{display:flex;align-items:center;gap:12px;}.zapet-nav-register,.zapet-nav-publish{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 15px;border-radius:9px;text-decoration:none!important;font-weight:800;}.zapet-nav-register{background:#fff;color:#172554!important;}.zapet-nav-publish{background:#2563eb;color:#fff!important;}.zapet-mobile-menu{display:none;color:#fff;position:relative;}.zapet-mobile-menu summary{cursor:pointer;list-style:none;font-size:1.5rem;padding:8px 12px;}.zapet-mobile-menu summary::-webkit-details-marker{display:none;}.zapet-mobile-menu nav{position:absolute;right:0;top:calc(100% + 8px);display:flex;flex-direction:column;min-width:220px;padding:10px;background:#10234b;border:1px solid #334b78;border-radius:12px;box-shadow:0 12px 28px #0f172a30;}.zapet-mobile-menu nav a{padding:11px 12px;color:#fff!important;text-decoration:none!important;border-radius:7px;}.zapet-mobile-menu nav a:hover{background:#1e3a6b;}@media(max-width:900px){.zapet-desktop-menu{gap:12px;}.zapet-nav-inner{gap:12px;}.zapet-nav-login,.zapet-nav-register{display:none;}.zapet-nav-publish{padding:9px 11px;font-size:.9rem;}}@media(max-width:760px){.zapet-desktop-menu,.zapet-nav-actions{display:none;}.zapet-mobile-menu{display:block;}.zapet-nav-inner{min-height:64px;}}
