/* Row surfaces belong to the complete row; content retains the selected alignment. */
.portal-home-layout:has(.has-row-paint){width:100%;max-width:none!important;padding-inline:0!important}
.portal-home-layout:has(.has-row-paint)>.portal-region{display:block!important;margin:0!important;padding-block:0!important;gap:0!important}
.portal-design-row.has-row-paint{width:100%;max-width:none!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--row-background,transparent);padding-block:24px;background-image:var(--row-image,none);background-size:cover;background-position:center;background-repeat:no-repeat}
.portal-design-row.has-row-paint:before{display:none!important}
.has-row-paint :is(.portal-block>h2,.portal-block>.shared-quick-intro,.template-section .demo-intro>h2){color:var(--block-title-color,var(--row-foreground,inherit))!important}
.has-row-paint :is(.portal-block>.portal-subtitle,.template-section .demo-intro>p){color:var(--block-subtitle-color,var(--row-foreground,inherit))!important}
.portal-design-row{--row-default-gutter:var(--municipality-page-gutter,36px)}
.portal-home-layout .portal-design-row.has-row-paint[data-row-content=contained],.template-design-row[data-row-content=contained]:has(>.template-section){padding-inline:max(var(--row-gutter,var(--row-default-gutter)),calc((100% - var(--municipality-page-width,1280px))/2 + var(--row-gutter,var(--row-default-gutter))))}
.portal-design-row[data-row-content=contained]:not(.template-design-row):not(.has-row-paint)[style*="--row-gutter"]{padding-inline:var(--row-gutter)}
.portal-design-row.portal-row-fluid[data-row-content=fluid],.template-design-row[data-row-content=fluid]:has(>.template-section){padding-inline:var(--row-gutter,var(--row-default-gutter))}
.template-design-row:has(>.template-section){padding-block:36px;box-sizing:border-box}
.template-design-row.has-row-paint:has(>.template-section){padding-block:24px}
/* Slider-only rows do not inherit the content row gutter, including saved row values. */
.template-design-row:not(:has(>.template-section)){padding-inline:0!important}
.template-canvas.canvas-has-design-rows{gap:0!important;margin:0!important;max-width:none;width:100%}
.template-canvas>.template-design-row{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:start;margin:0;min-width:0}
.template-design-row>.template-section{width:100%;max-width:none;margin:0;padding-block:0;padding-inline:0;min-width:0}
.template-design-row>.template-span-1{grid-column:span 1}.template-design-row>.template-span-2{grid-column:span 2}.template-design-row>.template-span-3{grid-column:span 3}.template-design-row>.template-span-4,.template-design-row>div{grid-column:span 4}
.template-design-row .demo-hero{width:100%;margin:0 auto}
.template-design-row .demo-hero:not(.is-fluid){max-width:1280px;padding-inline:36px}
.template-design-row .demo-hero.is-fluid{max-width:none;padding-inline:0}
.template-page .demo-dropdown>summary>a{color:inherit;padding:0;font:inherit}
.block-responsive,.block-responsive-grid{--cards-columns:var(--columns-xs,1)}
@media(min-width:576px){.block-responsive,.block-responsive-grid{--cards-columns:var(--columns-sm,2)}}
@media(min-width:768px){.block-responsive,.block-responsive-grid{--cards-columns:var(--columns-md,3)}}
@media(min-width:992px){.block-responsive,.block-responsive-grid{--cards-columns:var(--columns-lg,3)}}
@media(min-width:1200px){.block-responsive,.block-responsive-grid{--cards-columns:var(--columns-xl,3)}}
@media(min-width:1400px){.block-responsive,.block-responsive-grid{--cards-columns:var(--columns-xxl,3)}}
.block-responsive:not(.design-list,.design-stack4,.design-horizontal,.design-textlist,.design-featured) :is(.content-cards,.gallery-cards,.profile-cards,.people-cards,.video-cards,.event-cards,.belediye-quick-grid),.template-page .block-responsive-grid[style]{display:grid!important;grid-template-columns:repeat(var(--cards-columns),minmax(0,1fr))!important;gap:var(--card-gap,18px)}
.block-responsive[data-card-slider] :is(.content-cards,.gallery-cards,.profile-cards,.people-cards,.video-cards,.event-cards,.belediye-quick-grid){grid-template-columns:none!important;grid-auto-flow:column!important;grid-auto-columns:calc((100% - (var(--cards-columns) - 1)*var(--card-gap,18px))/var(--cards-columns))!important}
.template-section .demo-news-grid article{min-width:0;display:flex;flex-direction:column;container-type:inline-size}
.template-section .demo-news-grid article>div{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0;padding:clamp(12px,6cqi,24px)}
.template-section .demo-news-grid h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--card-title-lines,2);overflow:hidden;font-size:clamp(14px,6cqi,22px);line-height:1.4;margin:0}
.template-section .demo-news-grid article>div>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--card-summary-lines,3);overflow:hidden;font-size:clamp(12px,4.5cqi,15px);line-height:1.55;margin:0}
.template-section .demo-news-grid article>div>a:last-child{align-self:flex-start;margin-top:auto;font-size:clamp(11px,4cqi,14px);padding:6px 0;line-height:1.4}
.template-section .demo-news-grid article>div>small{font-size:clamp(10px,4cqi,13px);line-height:1.4}
.block-design .content-card-copy h3,.template-section .demo-feature h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--card-title-lines,2);overflow:hidden;overflow-wrap:anywhere}
.block-design .content-card-copy p,.template-section .demo-feature p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--card-summary-lines,3);overflow:hidden}
.block-responsive .link-card-text h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--card-title-lines,2);overflow:hidden;overflow-wrap:anywhere}
.block-responsive .link-card-text p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--card-summary-lines,3);overflow:hidden}
@media(max-width:767px){.portal-design-row{--row-default-gutter:20px}.template-design-row>[class*=template-span-]{grid-column:1/-1}.template-design-row .demo-hero:not(.is-fluid){padding-inline:20px}}
@container demo (max-width:1050px){.template-design-row>.template-no-mobile,.template-design-row:not(:has(>:not(.template-no-mobile))){display:none!important}}
@container demo (min-width:1051px){.template-design-row>.template-no-desktop,.template-design-row:not(:has(>:not(.template-no-desktop))){display:none!important}}
@media(max-width:767px){.portal-design-row:not(.template-design-row):not(:has(>:not(.portal-no-mobile))){display:none!important}}
@media(min-width:768px){.portal-design-row:not(.template-design-row):not(:has(>:not(.portal-no-desktop))){display:none!important}}
