.demo-gallery{padding-top:12px!important}.demo-gallery-heading{margin-bottom:20px}.demo-gallery-heading h2{margin:0}.demo-gallery-heading p{max-width:620px}
.demo-gallery-filters{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) auto;gap:16px;align-items:end;margin:24px 0 16px}.demo-gallery-filters label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600;min-width:0}.demo-gallery-filters input,.demo-gallery-filters select{width:100%;min-width:0;border:1px solid #bac5b8;border-radius:6px;background:#fff;color:#24382c;padding:12px;font:inherit;min-height:46px}.demo-filter-reset{border:1px solid #bac5b8;border-radius:6px;background:#fff;color:#24382c;padding:12px 16px;min-height:46px;cursor:pointer}
.demo-browse-hint{font-size:15px;font-weight:700;color:#24382c;margin:18px 0 8px}.demo-browse-hint span{font-size:13px;font-weight:400;display:inline-block;margin-left:10px;color:#596252}
.demo-carousel{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:2px;padding:4px 2px 16px;overscroll-behavior-x:contain;scrollbar-width:thin}.demo-carousel-card{flex:0 0 calc((100% - 40px)/3);min-width:0;scroll-snap-align:start;border:1px solid #d5dacf;border-radius:10px;background:#fff;overflow:hidden;display:flex;flex-direction:column;color:#24382c}.demo-carousel-card .demo-thumbnail{display:block;height:175px;overflow:hidden;background:#e7eadd}.demo-carousel-card picture{display:block;width:100%;height:100%}.demo-carousel-card img{display:block;width:100%;height:100%;object-fit:cover}.demo-carousel-card .demo-card-copy{padding:18px;display:flex;flex:1;flex-direction:column;gap:10px;min-width:0}.demo-carousel-card .demo-business-type{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#586c54}.demo-carousel-card h3{font-size:23px;line-height:1.2;margin:0;color:#24382c}.demo-carousel-card p{font-size:13px;line-height:1.5;margin:0;color:#596252;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.demo-carousel-card .demo-package-label{font-size:11px;color:#526c63;display:block}.demo-carousel-card .demo-card-actions{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:auto;padding-top:8px}.demo-carousel-card .demo-explore{display:inline-block;background:#24382c;color:#fff;padding:11px 14px;border-radius:5px;font-size:13px;font-weight:600}.demo-carousel-card .demo-nextstep,.demo-carousel-card .demo-scope-link{font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:4px}.demo-carousel-card .demo-nextstep{align-self:center}
.demo-carousel.swiper{display:block;overflow:hidden;scroll-snap-type:none;touch-action:pan-y;padding:6px 0 16px}.demo-carousel.swiper .swiper-wrapper{align-items:stretch}.demo-carousel.swiper .demo-carousel-card{flex-shrink:0;flex-basis:auto;width:calc((100% - 40px)/3);height:auto;scroll-snap-align:none;max-width:400px;transform:none}
.demo-carousel-navigation{display:flex;align-items:center;justify-content:center;gap:20px;margin:12px 0 18px}.demo-carousel-navigation button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:1px solid #bac5b8;background:#fff;color:#24382c;border-radius:6px;font-size:14px;padding:10px 16px;cursor:pointer}.demo-carousel-navigation button:disabled{opacity:.35;cursor:default}.demo-carousel-counter{font-size:13px;font-weight:600;color:#526c63;text-align:center;margin:0;min-width:100px}.demo-gallery-empty{padding:25px;background:#fff;border:1px solid #d5dacf;border-radius:8px}
.demo-carousel:focus-visible,.demo-gallery button:focus-visible,.demo-gallery input:focus-visible,.demo-gallery select:focus-visible,.demo-carousel-card a:focus-visible{outline:3px solid #a4452f;outline-offset:3px}.demo-gallery-note{font-size:13px;line-height:1.6;color:#596252;margin-top:12px}.demo-gallery-benefits{display:flex;flex-wrap:wrap;gap:14px 25px;font-size:13px;margin:24px 0;color:#526c63}.demo-gallery-benefits span{padding-left:15px;border-left:3px solid #769781}
.demo-scope-details{border-top:1px solid #cbd2c7;padding:20px 0}.demo-scope-details:last-child{border-bottom:1px solid #cbd2c7}.demo-scope-details summary{cursor:pointer;font-size:20px;font-weight:600;color:#24382c}.demo-scope-details .demo-scope-body{padding:20px 0 4px;max-width:900px}.demo-scope-details .inline-actions{margin:18px 0}.demo-scope-details .demo-preview-note{margin-top:22px}.demo-scope-index{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.demo-scope-index a{border:1px solid #bac5b8;border-radius:5px;padding:10px 12px;font-size:13px}.demo-expanded-scope{border-top:1px solid #cbd2c7}.demo-expanded-scope ul{line-height:1.8}.demo-scope-details[hidden],.demo-gallery-empty[hidden]{display:none}
@media(max-width:1000px){.demo-carousel-card{flex-basis:calc((100% - 20px)/2)}.demo-carousel.swiper .demo-carousel-card{width:calc((100% - 20px)/2);max-width:none}}
@media(max-width:700px){.demo-gallery-filters{grid-template-columns:minmax(0,1fr)}.demo-filter-reset{justify-self:start}.demo-carousel{gap:16px}.demo-carousel-card{flex-basis:83%}.demo-carousel.swiper .demo-carousel-card{width:83%}.demo-carousel-card .demo-thumbnail{height:140px}.demo-carousel-card .demo-card-copy{padding:16px}.demo-carousel-card h3{font-size:21px}.demo-gallery-heading h2{font-size:30px}.demo-browse-hint span{display:block;margin:6px 0 0}.demo-carousel-navigation{gap:8px;justify-content:space-between}.demo-carousel-navigation button{padding:10px;font-size:12px}.demo-carousel-counter{font-size:12px;min-width:0}.demo-scope-details summary{font-size:18px}}
@media(prefers-reduced-motion:reduce){.demo-carousel{scroll-behavior:auto}}