/* Shared visual theme: white paper, charcoal type and quiet grey surfaces. */
:root,body,body:has(.legacy-shell),:root:has(.method-research){--background:#fff;--foreground:#20262d;--primary:#20262d;--primary-foreground:#fff;--muted:#f5f5f4;--muted-foreground:#62676d;--border:#e7e8ea;--brand-paper:#fff;--brand-ink:#20262d;--brand-muted:#62676d;--brand-surface:#fff;--brand-line:#e7e8ea;--brand-accent:#20262d;--menu-ink:#20262d;--menu-muted:#62676d;--menu-line:#e7e8ea;--menu-paper:#fff;--menu-tint:#f1f2f3}
html,body,body:has(.legacy-shell),body .legacy-shell{background:#fff!important;color:#20262d!important;color-scheme:light}
body .site-header,body .shared-header.site-header{background:#fff!important;border-bottom-color:#eeeff0!important}
body .site-header .brand,body .site-header nav a,body .site-header nav a[aria-current=page]{color:#20262d!important}
body .site-header nav a:hover{background:#f5f5f4}
body .site-footer,body .preserved-footer{background:#fff;color:#62676d;border-top:1px solid #eeeff0}
body .site-footer nav a,body .preserved-footer nav a{color:#62676d}
body h1,body h2,body h3,body h4{color:#20262d}
body .primary,body .calm-button{background:#20262d!important;border-color:#20262d!important;color:#fff!important;border-radius:999px!important;box-shadow:none}
body .primary:hover,body .calm-button:hover{background:#353d46!important}
body :is(input,select,textarea){accent-color:#20262d}
body :is(input,select,textarea):focus-visible,body :is(a,button,summary):focus-visible{outline:2px solid #424c58;outline-offset:4px}
body :is(.filter-panel,.filter-toggle,.question-panel,.litter-selector,.toilet-assistant,.selection-start){background:#fff!important;border-color:#e7e8ea!important}
body :is(.water-type-grid article,.toilet-type-grid article,.litter-type-grid article,.score-method-example,.score-weight-bar){background:#f6f6f5!important;border-color:#e7e8ea!important}
body :is(.product,.candidate,.toilet-product-card,.litter-product-card,.v2-cards article){background:#fff;border-color:#e7e8ea;border-radius:16px;box-shadow:0 3px 16px #20262d03}
body .fit-v2 .question-choices button.choice,body .litter-page .litter-choices button,body .toilet-page .toilet-choices button{color:#20262d;border-color:#dfe1e4;background:#fff;box-shadow:none}
body .fit-v2 .question-choices button.choice[aria-pressed=true],body .litter-page .litter-choices button[aria-pressed=true],body .toilet-page .toilet-choices button[aria-pressed=true]{background:#f1f2f3;border-color:#20262d;box-shadow:inset 3px 0 #20262d}
body .fit-v2 .question-choices button.choice::after,body .litter-page .litter-choices button::after,body .toilet-page .toilet-choices button::after,body .category-directory a.category-card::after{background:#f1f2f3;color:#62676d}
body .fit-v2 .question-choices button.choice[aria-pressed=true]::after,body .litter-page .litter-choices button[aria-pressed=true]::after,body .toilet-page .toilet-choices button[aria-pressed=true]::after{background:#20262d;color:#fff}
body .fit-v2 .question-choices button.choice:hover,body .litter-page .litter-choices button:hover,body .toilet-page .toilet-choices button:hover,body .category-directory a.category-card:hover{background:#f7f7f7;border-color:#aeb4bc;box-shadow:none}
body .question-panel a:not(.primary),body .fit-v2>.method-entry a{color:#424c58}
body :is(.litter-progress span,.toilet-progress>span,.fit-v2 .quick-progress-track>span){background:#20262d}
body :is(.choice-arrow,.selection-arrow,.selection-eyebrow,.toilet-eyebrow,.litter-eyebrow){color:#62676d}
body .category-directory .category-card:nth-child(n){border-color:#e7e8ea}
body .category-directory a.category-card:hover{background:#f8f8f8}
body .selection-start{box-shadow:0 28px 90px #20262d26}
body .selection-options a{color:#20262d;border-color:#e7e8ea}
body .selection-label>span{color:#62676d}

/* Homepage keeps its working video, category photography and navigation. */
body #icerik .calm-hero--video{background:#fff;min-height:510px}
body #icerik .calm-hero--video h1{font-size:clamp(42px,4.7vw,64px);line-height:1.07;letter-spacing:-.045em;font-weight:700;color:#20262d}
body #icerik .calm-hero-copy>p:not(.calm-kicker){color:#62676d;font-size:18px;line-height:1.6}
body #icerik .calm-hero-video{mask-image:linear-gradient(to right,transparent,#000 18%);-webkit-mask-image:linear-gradient(to right,transparent,#000 18%)}
body #icerik .calm-hero-media:after{background:linear-gradient(90deg,#fff 10%,#ffffffd9 38%,transparent)}
body #icerik .home-categories{padding-top:36px;padding-bottom:26px}
body #icerik .home-categories .category-card:nth-child(n){background:#f5f5f4;border:1px solid #f0f0ef;border-radius:13px;padding:6px 6px 14px;transition:transform .18s,border-color .18s}
body #icerik .home-categories a.category-card:hover{transform:translateY(-3px);border-color:#d8dadd}
body #icerik .home-categories .category-card h2{color:#20262d;font-size:14px!important;font-weight:550;line-height:1.4}
body #icerik .category-photo{border-radius:9px;mix-blend-mode:multiply}
body #icerik .category-heading h2{font-size:27px!important;font-weight:650;letter-spacing:-.03em}
body #icerik .category-heading>a,body #icerik .calm-product-link{color:#62676d}
body #icerik .home-trust{background:#fafafa;border:1px solid #eeeff0;border-radius:14px;padding:24px;gap:24px;margin:0 0 14px}
body #icerik .home-trust a{color:#20262d}
body #icerik .home-trust span{color:#62676d}
body #icerik .calm-products{padding:40px 0}
body #icerik .calm-product-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;gap:16px;overflow:visible}
body #icerik .calm-product{background:#fff;border:1px solid #e7e8ea;border-radius:15px;padding:20px;box-shadow:0 3px 16px #20262d03;transition:border-color .18s,transform .18s}
body #icerik .calm-product:hover{border-color:#b7bcc2;transform:translateY(-3px)}
body #icerik .calm-product:nth-child(n){display:flex}
body #icerik .calm-product h3{font-size:16px;font-weight:550}
body #icerik .calm-product :is(p,small,.calm-product-brand){color:#62676d}
body #icerik .calm-pack{height:180px;margin-bottom:18px}
body #icerik .calm-guide{background:#f5f5f4;border-radius:16px;padding:28px;gap:18px;margin-bottom:48px}
body #icerik .calm-guide-card{background:#fff;border:1px solid #eeeff0;border-radius:12px;padding:22px}
body #icerik .calm-guide-card h3{font-size:19px;color:#20262d}
body #icerik .calm-guide :is(p,small,span),body #icerik .home-check-dates{color:#62676d}
@media(min-width:901px){body #icerik .calm-hero--video .calm-hero-media{width:74%}body #icerik .calm-hero--video .calm-hero-copy{max-width:450px}}
@media(min-width:651px) and (max-width:900px){body #icerik .calm-hero--video{min-height:0}body #icerik .calm-hero-media:after{background:linear-gradient(#fff,transparent)}body #icerik .calm-hero-video{mask-image:linear-gradient(to bottom,transparent,#000 20%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 20%)}body #icerik .calm-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){
 body #icerik .calm-hero--video{min-height:0;padding-top:28px}
 body #icerik .calm-hero--video h1{font-size:36px;max-width:16ch}
 body #icerik .calm-hero-copy>p:not(.calm-kicker){font-size:15px}
 body #icerik .calm-hero-video{mask-image:linear-gradient(to bottom,transparent,#000 18%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 18%)}
 body #icerik .calm-hero-media:after{background:linear-gradient(#fff,transparent);height:20%;width:100%}
 body #icerik .home-categories{padding-top:24px;padding-bottom:22px}
 body #icerik .home-categories .category-card:nth-child(n){padding:3px 3px 9px}
 body #icerik .home-categories .category-card h2{font-size:12px!important}
 body #icerik .category-heading h2{font-size:23px!important}
 body #icerik .home-trust{padding:8px 16px;gap:0;margin-bottom:8px}
 body #icerik .home-trust a{border-color:#e7e8ea}
 body #icerik .home-trust a:first-child{border-top:0}
 body #icerik .calm-products{padding:24px 0}
 body #icerik .calm-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body #icerik .calm-product{padding:12px}
 body #icerik .calm-pack{height:135px;margin-bottom:12px}
 body #icerik .calm-product h3{font-size:14px}
 body #icerik .calm-product small{font-size:11px}
 body #icerik .calm-guide{padding:20px;gap:14px;margin-bottom:28px}
}
@media(prefers-reduced-motion:reduce){body #icerik :is(.category-card,.calm-product){transition:none;transform:none!important}}