/* Shared responsive layer. Enabled on public pages outside /blog/. */
html.responsive-site .site-header,html.responsive-site .collection-header{background:#f4f1ea!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html.responsive-site .floating-whatsapp{width:46px!important;height:46px!important;min-height:46px!important;padding:11px!important;right:14px!important;bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;border-radius:50%!important;gap:0!important;justify-content:center}
html.responsive-site .floating-whatsapp>span{display:none!important}
html.responsive-site .floating-whatsapp::before{content:'';display:block;width:24px;height:24px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.5 3.5A11.8 11.8 0 0 0 12 .1 11.9 11.9 0 0 0 1.7 18L0 24l6.2-1.6A12 12 0 0 0 24 12a11.8 11.8 0 0 0-3.5-8.5ZM12 22a10 10 0 0 1-5.1-1.4l-.4-.2-3.7 1 1-3.7-.2-.4A10 10 0 1 1 12 22Zm5.5-7.5c-.3-.1-1.7-.8-2-.9-.2-.1-.4-.1-.6.2-.2.3-.7.9-.9 1-.2.2-.3.2-.6.1a8.2 8.2 0 0 1-3.9-3.4c-.2-.3.2-.3.8-1.4.1-.2 0-.4 0-.6l-.9-2.1c-.2-.5-.5-.5-.7-.5h-.6c-.2 0-.5.1-.8.4-.3.3-1 1-1 2.4s1 2.7 1.2 2.9c.1.2 2 3.2 5 4.5 1.8.8 2.5.9 3.4.7.6-.1 1.7-.7 1.9-1.4.2-.7.2-1.3.2-1.4-.1-.2-.3-.2-.5-.4Z'/%3E%3C/svg%3E") center/contain no-repeat}
html.responsive-site .floating-whatsapp[data-ui-hidden]{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
html.responsive-site:has(form:focus-within) .floating-whatsapp,html.responsive-site:has(dialog[open]) .floating-whatsapp{visibility:hidden!important;pointer-events:none!important}
html.responsive-site .footer-bottom,html.responsive-site .footer-bottom>div{align-items:center}
html.responsive-site .footer-bottom>div{display:flex;flex-wrap:wrap;gap:8px 18px}
html.responsive-site .footer-bottom :is(button,a){display:inline-flex;align-items:center;min-height:44px}
html.responsive-site .responsive-table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
html.responsive-site .home-faq-compact{padding:36px var(--margin,5%);display:grid;grid-template-columns:minmax(200px,.8fr) minmax(0,1.2fr);gap:6%;align-items:start;border-top:1px solid var(--line,#d8d7cc)}
html.responsive-site .home-faq-compact h2{font:400 32px/1.15 Georgia,serif;letter-spacing:-.025em;margin:10px 0 16px}
html.responsive-site .home-faq-compact .eyebrow{margin-bottom:12px}
html.responsive-site .home-faq-compact .faq-list details{padding:0;border-top:1px solid var(--line,#d8d7cc)}
html.responsive-site .home-faq-compact .faq-list summary{font:400 15px/1.5 Arial,sans-serif;padding:16px 0;min-height:54px;gap:20px}
html.responsive-site .home-faq-compact .faq-list p{font:400 14px/1.7 Arial,sans-serif;padding:0 0 18px;margin:0;color:#484e44}
html.responsive-site .home-faq-all{display:inline-flex;align-items:center;min-height:44px;font:400 13px/1.5 Arial,sans-serif;text-decoration:underline;text-underline-offset:5px}
@media(max-width:760px){
 html.responsive-site{scroll-padding-top:80px}
 html.responsive-site body{--margin:22px;--muted:#484e44;font-size:15px}
 html.responsive-site body :is(main,section,article,figure,form,.field,.ks-card,.catalogue-finish){min-width:0}
 html.responsive-site .header-inner{min-height:64px!important;margin-inline:22px!important;gap:12px!important}
 html.responsive-site .site-header .brand-logo{width:164px!important;flex-shrink:1;max-width:50vw}
 html.responsive-site .site-header .brand-logo-img{height:auto!important}
 html.responsive-site .collection-header{min-height:64px!important;height:auto!important;padding:12px 22px!important;gap:12px!important;flex-wrap:wrap}
 html.responsive-site .collection-header .logo{width:164px!important;max-width:48vw!important}
 html.responsive-site .collection-header .logo img{height:auto!important;max-height:35px!important}
 html.responsive-site .collection-header nav{max-width:100%;flex-wrap:wrap;gap:8px 14px}
 html.responsive-site main h1{font-size:clamp(31px,8.6vw,39px)!important;line-height:1.1!important;letter-spacing:-.035em;overflow-wrap:anywhere;max-width:100%}
 html.responsive-site main h2{font-size:clamp(25px,7.2vw,31px)!important;line-height:1.16!important;overflow-wrap:anywhere}
 html.responsive-site main h3{font-size:23px!important;line-height:1.25!important;overflow-wrap:anywhere}
 html.responsive-site .eyebrow{font-size:10px!important;letter-spacing:.12em!important;line-height:1.5!important;margin-bottom:16px}
 html.responsive-site :is(.page-intro,.ks-detail-intro,.collection-intro,.model-intro){padding:32px 22px 26px!important}
 html.responsive-site :is(.page-intro,.ks-detail-intro,.collection-intro,.model-intro)>p:not(.eyebrow){font-size:15px!important;line-height:1.7!important;margin-top:18px!important;color:#484e44!important}
 html.responsive-site :is(.ks-card,.ks-feature,.detail-section,.quality-shell,.legal-content,.od-section) p:not(.eyebrow){font-size:15px;line-height:1.7;color:#484e44}
 html.responsive-site :is(.ks-grid,.ks-resource-grid,.ks-feature,.solution-row,.od-hero,.od-two,.od-three,.od-delivery,.od-contact,.od-faq,.quality-intro,.quality-two,.quality-grid,.quality-metrics,.review-gallery,.antalia-teaser,.priced-kitchens-grid,.layout-grid,.reviews-grid,.project-case-heading,.project-story,.project-gallery,.functional-pair,.three-states,.design-story,.materials,.materials-overview,.contact){grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
 html.responsive-site :is(.ks-grid,.ks-feature,.solution-row,.layout-studies,.ks-resources,.ks-related,.catalogue-solutions,.solutions-close,.next-step,.od-section){padding-left:22px!important;padding-right:22px!important;padding-top:32px!important;padding-bottom:32px!important}
 html.responsive-site :is(.ks-card-image img,.ks-feature img,.solution-row img,.quality-shell img,.od-hero img){height:auto!important;max-height:300px!important;width:100%!important;object-fit:contain!important}
 html.responsive-site :is(.quality-shell,.od-wrap){padding-left:22px!important;padding-right:22px!important}
 html.responsive-site :is(.quality-intro,.quality-two){margin-block:30px!important}
 html.responsive-site .gallery-toolbar{padding:0 22px 20px!important;display:flex!important;align-items:flex-start;gap:12px;flex-direction:column}
 html.responsive-site .gallery-filters{gap:0 16px!important;flex-wrap:wrap!important;max-width:100%}
 html.responsive-site .gallery-filters button{font-size:12px!important;min-height:44px!important}
 html.responsive-site .gallery-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:0 22px 32px!important;gap:24px 14px!important}
 html.responsive-site .gallery-item{min-width:0!important;margin:0!important}
 html.responsive-site .gallery-item img{width:100%!important;height:auto!important;aspect-ratio:3/2!important;object-fit:cover!important;max-height:none!important}
 html.responsive-site .gallery-item strong{font-size:18px!important;line-height:1.22!important;overflow-wrap:anywhere}
 html.responsive-site .gallery-item small{font-size:10.5px!important;line-height:1.5!important;margin-top:7px!important}
 html.responsive-site .gallery-item figcaption{padding-top:10px!important}
 html.responsive-site .gallery-item .expand-photo{width:28px;height:28px;font-size:17px;bottom:7px;right:7px}
 html.responsive-site .inspiration-index{margin:0 22px 24px!important;padding:14px 0!important;gap:10px 20px!important}
 html.responsive-site .inspiration-index a{font-size:13px!important;min-height:32px;display:inline-flex;align-items:center}
 html.responsive-site .inspiration-videos{padding:32px 22px!important;margin-top:0!important}
 html.responsive-site .inspiration-videos-grid{grid-template-columns:1fr!important}
 html.responsive-site .inspiration-video{grid-template-columns:34px minmax(0,1fr)!important;gap:12px!important;padding:20px 0!important}
 html.responsive-site .video-play{width:32px;height:32px;font-size:10px}
 html.responsive-site .inspiration-video h3{font-size:23px!important}
 html.responsive-site .gallery-modal{width:calc(100% - 20px)!important;max-width:100%!important;max-height:92svh!important;padding:12px!important}
 html.responsive-site .gallery-modal img{width:100%;height:auto;max-height:72svh!important;object-fit:contain!important}
 html.responsive-site .project-index{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:0 22px 30px!important;gap:18px 14px!important}
 html.responsive-site .project-case{margin-left:22px!important;margin-right:22px!important;margin-bottom:40px!important}
 html.responsive-site .project-image img,html.responsive-site .project-video video{width:100%!important;height:auto!important;max-height:520px!important;object-fit:contain!important}
 html.responsive-site .project-image figcaption{display:block;font-size:12px;line-height:1.5}
 html.responsive-site :is(.catalogue-model-grid,.collection-grid,.related-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 14px!important;padding-left:22px!important;padding-right:22px!important}
 html.responsive-site :is(.catalogue-model-card h2,.collection-card h2,.related-grid h3){font-size:21px!important}
 html.responsive-site :is(.catalogue-model-card p,.collection-card p){font-size:12px!important;line-height:1.55!important}
 html.responsive-site :is(.catalogue-material-grid,.sample-grid){grid-template-columns:minmax(0,1fr)!important}
 html.responsive-site .catalogue-finish .sample-expand img{height:160px!important}
 html.responsive-site .catalogue-finish h3{font-size:23px!important}
 html.responsive-site .catalogue-finish{padding:18px!important}
 html.responsive-site .catalogue-materials{padding:30px 22px!important}
 html.responsive-site .model-image img{width:100%;height:auto;max-height:340px;object-fit:contain}
 html.responsive-site :is(.catalogue-views,.view-thumbnails){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 html.responsive-site .m200-credit{width:auto!important;max-width:100%!important;margin:24px 0!important;padding:0 22px!important}
 html.responsive-site .m200-credit-inner{display:grid!important;grid-template-columns:minmax(0,1fr)!important;padding:24px!important;gap:20px!important;max-width:100%!important;min-width:0!important}
 html.responsive-site .m200-credit-copy{min-width:0!important}
 html.responsive-site .m200-credit-heading{font-size:22px!important;line-height:1.2!important;margin:0 0 12px!important}
 html.responsive-site .m200-credit-description{display:block!important;font-size:14px!important;line-height:1.65!important;margin:0!important}
 html.responsive-site .m200-credit-brand{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:14px!important;min-width:0!important}
 html.responsive-site .m200-credit-brandlogo{width:auto!important;min-width:0!important}
 html.responsive-site .m200-credit-logo{width:145px!important;height:auto!important;max-height:45px!important;max-width:100%!important}
 html.responsive-site .m200-credit-link{display:inline-flex!important;align-items:center!important;min-height:48px!important;font-size:12px!important;padding:12px 16px!important;white-space:normal!important}
 html.responsive-site .m200-credit-secondary{display:none!important}
 html.responsive-site .footer-bottom{align-items:flex-start!important;gap:6px!important;font-size:11px!important;flex-direction:column!important}
 html.responsive-site .footer-bottom>div{gap:4px 18px!important;width:100%}
 html.responsive-site :is(input,textarea,select){max-width:100%}
 html.responsive-site form :is(input:not([type=radio]):not([type=checkbox]),select,textarea){font-size:16px!important;min-width:0!important;min-height:46px!important}
 html.responsive-site form :is(.field label,.ch-meeting label){font-size:13px!important;line-height:1.5!important}
 html.responsive-site .ch-meeting legend{font:500 14px/1.5 Arial,sans-serif!important}
 html.responsive-site .ch-date-help{display:block;font:12px/1.5 Arial,sans-serif;color:#484e44;margin-top:6px}
 html.responsive-site .home-faq-compact{grid-template-columns:1fr!important;padding:30px 22px!important;gap:8px!important}
 html.responsive-site .home-faq-compact h2{font-size:27px!important;margin:8px 0 12px!important}
 html.responsive-site .home-faq-compact .faq-list summary{padding:14px 0!important;font-size:15px!important}
 html.responsive-site .home-faq-compact .faq-list p{font-size:14px!important}
}
@media(max-width:340px){html.responsive-site body{--margin:16px}html.responsive-site main h1{font-size:30px!important}html.responsive-site .gallery-grid{padding-inline:16px!important;gap:20px 12px!important}html.responsive-site .gallery-item strong{font-size:17px!important}}

/* Preserve MODO200 as a commercial block, including on pages using an earlier UI stylesheet. */
html.responsive-site .m200-credit-description{display:block!important}html.responsive-site .m200-credit-link{display:inline-flex!important}html.responsive-site .m200-credit-inner{min-width:0;max-width:100%}html.responsive-site .m200-credit-brand{min-width:0}

html.responsive-site .home-faq-compact .faq-list{margin-top:0!important}html.responsive-site .home-faq-compact .eyebrow{display:none}html.responsive-site .home-faq-compact .faq-icon{height:22px!important;width:22px!important;font-size:18px!important;line-height:22px!important}@media(max-width:760px){html.responsive-site .home-faq-compact{padding-block:24px!important}html.responsive-site .gallery-count{margin:0!important;font-size:11px!important}html.responsive-site .gallery-filters{margin:0!important}}

/* Bound card photography; preserve complete images in the zoom view. */
html.responsive-site .ks-card-picture img{display:block;width:100%;height:300px;max-height:300px;object-fit:cover}
@media(max-width:760px){
 html.responsive-site .ks-card-picture img{width:100%!important;height:180px!important;max-height:180px!important;aspect-ratio:auto!important;object-fit:cover!important}
 html.responsive-site .ks-card-picture:has(img[src*="/solutions/diomo/"]) img,html.responsive-site .ks-card-picture:has(img[src*="accesorio-"]) img{object-fit:contain!important}
 html.responsive-site .ks-card-copy{padding-top:16px!important}
 html.responsive-site .ks-card h2{font-size:25px!important}
 html.responsive-site :is(.ks-detail-photo img,.ks-feature-photo img,.ks-hero-photo img,.priced-kitchen>img){width:100%!important;height:auto!important;max-height:240px!important;object-fit:contain!important}
 html.responsive-site .priced-kitchens-grid{padding-inline:22px!important}
 html.responsive-site .layout-plan{aspect-ratio:2.2!important;max-height:170px!important}
 html.responsive-site .journal-section{padding:28px 22px!important}
 html.responsive-site .journal-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important}
 html.responsive-site .journal-card{display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;gap:7px 16px!important;align-items:start!important;padding:18px 0!important;margin:0!important;border:0!important;border-top:1px solid #c9c8bc!important}
 html.responsive-site .journal-card>a:first-child{grid-column:1!important;grid-row:1 / span 4!important;width:96px!important;align-self:start!important}
 html.responsive-site .journal-card>a:first-child img{width:96px!important;height:96px!important;max-height:96px!important;aspect-ratio:1!important;object-fit:cover!important}
 html.responsive-site .journal-card>:not(a:first-child){grid-column:2!important;margin:0!important}
 html.responsive-site .journal-card .eyebrow{font-size:9px!important}
 html.responsive-site .journal-card h3{font-size:20px!important;line-height:1.22!important}
 html.responsive-site .journal-card>p:not(.eyebrow){font-size:12px!important;line-height:1.6!important}
 html.responsive-site .journal-card>.underlined-link{font-size:12px!important;min-height:36px!important;align-self:start!important}
}

/* 2026-11-02: keep the original WhatsApp button fixed and visible while scrolling.
   Open privacy/cookie dialogs still take precedence for safe interaction. */
html.responsive-site:not(:has(dialog[open])):not(:has(#cookie-notice:not([hidden]))) .floating-whatsapp,
html.responsive-site:not(:has(dialog[open])):not(:has(#cookie-notice:not([hidden]))) .floating-whatsapp[data-ui-hidden] {
  visibility:visible!important; opacity:1!important; pointer-events:auto!important;
}