/* Keep the original eight-card grid, images, dimensions and fonts. Empty cards
   are static content, so do not imply a clickable hover state. */
.category-card:not(a) { cursor: default; }
.category-card:not(a):hover { background: #f5f3f0; transform: none; }
.category-photo.category-photo--feeder{background-image:none!important;overflow:hidden}
.category-photo--feeder img{display:block;width:100%;height:100%;object-fit:contain}
.preserved-footer { max-width: 1200px; margin: 0 auto; padding: 24px; color: #526575; font-size: 13px; line-height: 1.7; }
.preserved-footer nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 20px; }
.preserved-footer nav a { display: inline-flex; align-items: center; min-height: 44px; }
@media (max-width: 600px) { .preserved-footer { padding: 24px 20px; } }

.calm-product small{display:block;font-size:12px;color:#526575;margin-top:8px}.calm-product img{object-fit:contain}

.neutral-home-pack{height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#769983}.neutral-home-pack>span{font-size:110px;line-height:1}.neutral-home-pack small{font-size:11px;color:#52665a}

.calm-product .neutral-pack{height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent}.calm-product .neutral-pack svg{height:140px;width:110px}.calm-product .neutral-pack small{font-size:11px;color:#52665a}

.calm-actions{display:flex;flex-wrap:wrap;gap:12px}.calm-guide{grid-template-columns:1.3fr 1fr 1fr 1fr}.calm-guide-card{min-width:0}@media(max-width:1000px){.calm-guide{grid-template-columns:1fr 1fr}}@media(max-width:600px){.calm-guide{grid-template-columns:1fr}.calm-actions .calm-button{flex:1 1 auto;justify-content:center}}

/* Same compact, accessible mobile navigation as the app pages. */
.category-photo{background-image:url('/category-objects.webp')!important}.mobile-nav-toggle{display:none}.calm-hero-media{position:relative}.hero-video-toggle{position:absolute;right:16px;bottom:16px;min-height:44px;padding:10px 16px;border:1px solid rgba(36,42,48,.18);border-radius:24px;background:rgba(250,249,246,.96);color:#242a30;font:inherit;font-size:14px;cursor:pointer}
.mobile-nav-toggle:focus-visible,.hero-video-toggle:focus-visible{outline:3px solid #354d3c;outline-offset:3px}
@media(max-width:720px){.site-header.mobile-nav-enabled{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:0!important;min-height:64px!important;height:auto!important;padding:10px 18px!important}.mobile-nav-enabled .mobile-nav-toggle{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:80px;min-height:44px;padding:8px 12px;border:1px solid rgba(36,42,48,.18);border-radius:12px;background:transparent;color:#242a30;font:inherit;font-size:15px;cursor:pointer}.site-header.mobile-nav-enabled nav{display:none!important;width:100%;margin:12px 0 0!important;padding:8px 0 0;border-top:1px solid rgba(36,42,48,.14)}.site-header.mobile-nav-enabled nav.mobile-nav-open{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px!important}.site-header.mobile-nav-enabled nav a{min-height:44px;padding:8px 10px;font-size:15px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}.site-footer a{min-height:44px;display:inline-flex;align-items:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.category-state{color:#5b5f5a!important;font-size:12px!important}

/* Focused assistant entry and needs-based homepage navigation. */
.home-trust a:focus-visible{outline:3px solid #354d3c;outline-offset:4px}.home-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:28px 0;margin-bottom:36px;border-bottom:1px solid #dfe3db}.home-trust a{color:#354d3c;text-decoration:none;display:grid;gap:8px;align-content:start;min-height:44px}.home-trust span{font-size:13px;line-height:1.6}
.home-check-dates{margin:28px 0 0;color:#46594c;font-size:14px;line-height:1.7;max-width:760px;scroll-margin-top:100px}.home-check-dates summary{cursor:pointer;min-height:44px;align-content:center}.home-check-dates a{color:inherit;text-decoration:underline}@media(max-width:600px){.home-trust{grid-template-columns:1fr;gap:18px;padding:22px 0;margin-bottom:20px}}



/* Light surfaces and original category photography retain KediLab's identity. */
.selection-start{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(620px,calc(100% - 40px));max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain;padding:52px 44px 24px;border:1px solid rgba(255,255,255,.7);border-radius:30px;background:#fcfbf8;color:#252a27;font-family:inherit;box-shadow:0 32px 100px rgba(24,33,27,.17),0 2px 10px rgba(24,33,27,.04)}
.selection-start::backdrop{background:rgba(32,39,33,.26);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.selection-start form{position:absolute;top:16px;right:16px;margin:0}.selection-close{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(44,54,46,.055);color:#626861;cursor:pointer;transition:background .18s ease,color .18s ease}.selection-close:hover{background:rgba(44,54,46,.1);color:#252a27}
.selection-heading{text-align:center}.selection-eyebrow{margin:0 0 16px;font-size:13px;line-height:1.5;font-weight:500;color:#61705f;letter-spacing:.015em}#selection-start h2{margin:0;font-size:42px;font-weight:600;letter-spacing:-.045em;line-height:1.1;text-wrap:balance}.selection-heading>p:last-child{margin:18px 0 30px;font-size:15px;line-height:1.5;color:#686d67;letter-spacing:-.01em}
.selection-options{display:grid;gap:0}.selection-options a{display:grid;grid-template-columns:84px minmax(0,1fr) 20px;align-items:center;gap:20px;min-height:118px;padding:17px 4px;color:#252a27;text-decoration:none;border-top:1px solid rgba(52,65,53,.1);border-radius:0;background:transparent;transition:background .2s ease}.selection-options a:hover{background:rgba(101,126,90,.035)}.selection-picture{display:block;width:84px;height:84px;border-radius:18px;background-image:url('/category-objects.webp');background-size:400% 200%;background-repeat:no-repeat}.selection-picture--food{background-position:100% 0}.selection-picture--litter{background-position:0 0}.selection-picture--toilet{background-position:33.333333333333336% 0}.selection-label{display:grid;gap:7px;min-width:0}.selection-label strong{font-size:23px;line-height:1.2;font-weight:550;letter-spacing:-.025em}.selection-label>span{font-size:13px;line-height:1.5;color:#646b62}.selection-arrow{color:#71806a;transition:transform .2s ease}.selection-options a:hover .selection-arrow{transform:translateX(3px)}.selection-start :focus-visible{outline:2px solid #71836b;outline-offset:4px;border-radius:12px}
@media(max-width:600px){.selection-start{width:calc(100% - 28px);max-height:calc(100dvh - 28px);padding:48px 24px 16px;border-radius:26px}.selection-start form{top:12px;right:12px}.selection-eyebrow{font-size:12px;margin-bottom:14px}#selection-start h2{font-size:36px}.selection-heading>p:last-child{font-size:14px;margin:16px 0 26px}.selection-options a{grid-template-columns:64px minmax(0,1fr) 18px;gap:14px;min-height:100px;padding:16px 0}.selection-picture{width:64px;height:64px;border-radius:14px}.selection-label strong{font-size:20px}.selection-label>span{font-size:12px}.selection-label{gap:6px}}

/* Compact phone layout: products first, supporting information below. */
@media(max-width:650px){
 #icerik .calm-hero--video{min-height:0;padding:24px 20px 0;display:flex;flex-direction:column;gap:18px}
 #icerik .calm-hero--video .calm-hero-copy{max-width:none;width:100%}
 #icerik .calm-hero--video h1{font-size:34px;line-height:1.08;letter-spacing:-.045em;margin:0 0 14px;max-width:18ch}
 #icerik .calm-hero--video h1 br{display:none}
 #icerik .calm-hero-copy>p:not(.calm-kicker){font-size:14px;line-height:1.55;max-width:none;margin:0 0 18px}
 #icerik .calm-hero-copy>p.calm-scope{font-size:12px!important;line-height:1.5;margin:12px 0 0!important}
 #icerik .calm-actions .calm-button{min-height:46px;padding:12px 20px}
 #icerik .calm-hero--video .calm-hero-media{position:relative;inset:auto;display:block;width:calc(100% + 40px);height:190px;min-height:0;margin:0 -20px;overflow:hidden;border-radius:0}
 #icerik .calm-hero-video{width:100%;height:100%;object-fit:cover;object-position:center 46%}
 #icerik .hero-video-toggle{right:12px;bottom:12px;min-height:44px;padding:8px 12px;font-size:12px}
 #icerik .home-categories{padding:26px 0 20px}
 #icerik .category-heading{gap:8px;margin-bottom:14px}
 #icerik .category-heading h2{font-size:23px!important}
 #icerik .home-categories .category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
 #icerik .home-categories .category-card:nth-child(n){min-height:112px;padding:0 0 8px;border-radius:12px;background:#f5f3ef}
 #icerik .home-categories .category-card h2{min-height:2.6em;font-size:12px!important;line-height:1.3;margin:4px 3px 0!important}
 #icerik .home-categories .category-state{font-size:11px!important;margin-top:2px}
 #icerik .home-trust{gap:0;margin:0;padding:6px 0 12px}
 #icerik .home-trust a{gap:4px;min-height:62px;padding:12px 0;border-top:1px solid rgba(52,65,53,.1)}
 #icerik .home-trust strong{font-size:14px;font-weight:550}
 #icerik .home-trust span{font-size:12px;line-height:1.4}
 #icerik .calm-products{padding:12px 0 26px}
 #icerik .calm-product-grid{grid-auto-columns:70%;gap:12px}
 #icerik .calm-product{padding:16px;border-radius:18px}
 #icerik .calm-pack{height:150px;margin-bottom:12px}
 #icerik .calm-product h3{font-size:18px;line-height:1.3}
 #icerik .calm-product small{font-size:11px}
 #icerik .calm-guide{padding:20px;gap:16px;margin-bottom:28px}
 #icerik .calm-guide-card{padding:20px;border-radius:16px}
 #icerik .calm-guide-card h3{font-size:18px;line-height:1.35}
}

.hero-video-toggle[hidden]{display:none!important}

/* A larger desktop cat, with the full video frame and room for the copy. */
@media(min-width:901px){
 #icerik .calm-hero--video{display:flex;align-items:center;position:relative;min-height:clamp(540px,46.2vw,720px);padding-top:48px;padding-bottom:48px}
 #icerik .calm-hero--video .calm-hero-copy{max-width:440px;z-index:2}
 #icerik .calm-hero--video .calm-hero-media{position:absolute;inset:0 0 0 auto;width:82%;max-width:none;height:100%;min-height:0;margin:0;aspect-ratio:auto;overflow:hidden}
 #icerik .calm-hero-video{display:block;width:100%;height:100%;object-fit:contain;object-position:right center;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent)}
 #icerik .calm-hero-media:after{inset:0 auto 0 0;width:43%;height:100%;background:linear-gradient(90deg,#f3ede3 15%,rgba(243,237,227,.92) 38%,transparent)}
}

.selection-picture--water{background-position:66.6666667% 0}

.selection-picture--feeder{background-image:url('/category-automatic-feeder.webp');background-size:contain;background-position:center;background-repeat:no-repeat}

/* One full-width header surface, with centered navigation content. */
.home-site-header.site-header{box-sizing:border-box;width:100%;max-width:none;margin:0;padding-inline:max(24px,calc((100% - 1080px)/2));background:#fff}
@media(max-width:720px){.home-site-header.site-header.mobile-nav-enabled{padding-inline:18px!important}}

/* Preserved pages share the keyboard-only content shortcut. */
body>.skip-link{position:absolute;left:16px;top:-100px;z-index:1000;padding:12px 18px;background:#fff;color:#293e31;border:1px solid #667b55;border-radius:10px}body>.skip-link:focus{top:8px}

/* Seven categories fill the desktop row; incomplete rows stay centered. */
#icerik .home-categories .category-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
#icerik .home-categories .category-card:nth-child(n){box-sizing:border-box;flex:0 0 calc((100% - 72px)/7);align-items:center}
#icerik .home-categories .category-photo{width:100%;max-height:none;aspect-ratio:1;flex-shrink:0}
@media(max-width:1000px){#icerik .home-categories .category-card:nth-child(n){flex-basis:calc((100% - 36px)/4)}}
@media(max-width:650px){#icerik .home-categories .category-grid{gap:8px}#icerik .home-categories .category-card:nth-child(n){flex-basis:calc((100% - 24px)/4)}}

.calm-actions{flex-wrap:wrap;gap:14px}.calm-actions .home-browse-link{background:transparent;color:#252c2f;border:1px solid currentColor;box-shadow:none}.calm-actions .home-browse-link:hover{background:#ffffff80}