.catalog-gallery-page{padding-top:20px;background:radial-gradient(ellipse at 50% 0,#f1e9d944,transparent 650px),#fff}
.catalog-gallery-page .page-intro{position:relative;isolation:isolate;text-align:center;padding:24px 32px 30px;border:1px solid #e8e3d8;border-bottom:0;border-radius:28px 28px 0 0;background:linear-gradient(110deg,#f8f4ebaa,#fffefae8,#f4efe4aa);overflow:hidden}
.catalog-gallery-page .page-intro::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fff4,#fffffff2 35%,#fffffff2 65%,#fff4),url('/images/mosque-hero-concept.webp') center 46%/cover;opacity:.2;pointer-events:none}
.catalog-gallery-page .breadcrumbs{font-size:.68rem;text-align:right;margin-bottom:22px}
.catalog-gallery-page .page-intro .eyebrow{margin:0 0 8px;font-size:.68rem;color:#8e7953}
.catalog-gallery-page .page-intro h1{font-size:clamp(1.4rem,2.2vw,2rem);color:#183f2d;max-width:940px;margin:0 auto 14px;line-height:1.7}
.catalog-gallery-page .page-intro>p:last-child{max-width:800px;margin:0 auto;font-size:.79rem;line-height:2.1;color:#69736c}
.catalog-gallery-page .catalog-discovery{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,290px);align-items:center;gap:22px;max-width:1320px;padding:20px 24px;margin-block:0 26px;border:1px solid #e8e3d8;border-top:0;border-radius:0 0 24px 24px;background:#fbfaf6;box-shadow:0 12px 28px #42391d08;overflow:visible}
.catalog-gallery-page .catalog-categories{display:block;margin:0;padding:0;min-width:0}
.catalog-gallery-page .catalog-categories>span{font-size:.66rem;font-weight:500;color:#7e7b70;margin:0 0 8px;display:block}
.catalog-gallery-page .catalog-categories>div{display:flex;flex-wrap:wrap;gap:7px;padding:0;overflow:visible;margin:0}
.catalog-gallery-page .catalog-categories a{display:inline-flex;align-items:center;justify-content:center;min-height:37px;max-width:100%;padding:7px 13px;border:1px solid #e6e2d8;border-radius:11px;background:#f2efe8;color:#4b5148;font-size:.69rem;font-weight:500;line-height:1.8;overflow-wrap:anywhere;transition:background .2s,color .2s}
.catalog-gallery-page .catalog-categories a[aria-current=page]{background:#087a40;border-color:#087a40;color:#fff;box-shadow:0 4px 10px #087a4018}
.catalog-gallery-page .section-search{padding:0;margin:0;border:0;background:none;min-width:0}
.catalog-gallery-page .section-search>label{margin-bottom:8px;font-size:.66rem;font-weight:500;color:#7e7b70}
.catalog-gallery-page .section-search>div{display:flex;flex-direction:row;gap:0;border:1px solid #dedfd6;border-radius:13px;background:#fff;box-shadow:0 3px 10px #463b2104;overflow:hidden}
.catalog-gallery-page .section-search input{min-width:0;width:100%;min-height:46px;background:none;border:0;padding:10px 12px;font-size:.75rem;border-radius:12px}
.catalog-gallery-page .section-search button{display:grid;place-items:center;flex:none;width:46px;min-height:46px;padding:0;border-radius:0;background:transparent;color:#087a40;cursor:pointer}
.catalog-gallery-page .section-search button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.catalog-gallery-page .section-search :is(input,button):focus-visible{outline-offset:-4px}
.catalog-gallery-page .catalog-toolbar{border:0;padding:0 4px 16px;margin-bottom:0;gap:16px;font-size:.71rem;color:#6d786e}
.catalog-clear-search{display:inline-block;margin-right:12px;color:#087a40;text-decoration:underline;text-underline-offset:4px}
.catalog-gallery-page .catalog-section>.montage-design-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}
.catalog-gallery-page .product-design-card{width:100%;max-width:none!important;justify-self:stretch;border:1px solid #e6e1d6;border-radius:19px;background:linear-gradient(#fff,#fdfcf9);padding:5px;box-shadow:0 3px 0 #ede9e0,0 10px 24px #3d33100a;transition:transform .2s,box-shadow .2s,border-color .2s}
.catalog-gallery-page .product-design-card img,.catalog-gallery-page .product-design-card .montage-design-placeholder{height:auto;aspect-ratio:1;object-fit:contain;object-position:center;border-radius:14px 14px 8px 8px;border:0;padding:0;background:#f5f5ef}
.catalog-gallery-page .product-design-card strong{padding:16px 12px 5px;text-align:center;font-size:.9rem;color:#243b2d;line-height:1.85}
.catalog-gallery-page .product-design-card>span:last-child{padding:0 12px 15px;text-align:center;font-size:.72rem;color:#087a40}
.catalog-gallery-page .catalog-section{padding-bottom:55px}
.catalog-gallery-page .category-guide{border-color:#eae6dd}
@media(hover:hover){.catalog-gallery-page .product-design-card:hover{transform:translateY(-4px);border-color:#cbbd9d;box-shadow:0 3px 0 #dfd6c5,0 17px 32px #3d331012}.catalog-gallery-page .catalog-categories a:not([aria-current]):hover{background:#e7eee5;color:#087a40}.catalog-gallery-page .section-search button:hover{background:#eff6ef}}
@media(max-width:1100px){.catalog-gallery-page .catalog-discovery{grid-template-columns:minmax(0,1fr) 240px;gap:16px}.catalog-gallery-page .catalog-section>.montage-design-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px}}
@media(max-width:800px){.catalog-gallery-page .catalog-discovery{grid-template-columns:1fr;padding:18px 20px;gap:18px}.catalog-gallery-page .page-intro{padding-inline:22px}.catalog-gallery-page .catalog-section>.montage-design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-gallery-page .catalog-categories a{min-height:42px}.catalog-gallery-page .section-search>div{max-width:none}}
@media(max-width:480px){.catalog-gallery-page{padding-top:12px}.catalog-gallery-page .page-intro{border-radius:22px 22px 0 0;padding:18px 16px 22px}.catalog-gallery-page .page-intro h1{font-size:1.3rem}.catalog-gallery-page .page-intro>p:last-child{font-size:.73rem}.catalog-gallery-page .breadcrumbs{margin-bottom:18px}.catalog-gallery-page .catalog-discovery{padding:16px;border-radius:0 0 20px 20px}.catalog-gallery-page .catalog-categories a{padding:7px 10px;font-size:.66rem}.catalog-gallery-page .catalog-section>.montage-design-grid{gap:16px 10px}.catalog-gallery-page .product-design-card{border-radius:14px;padding:4px}.catalog-gallery-page .product-design-card img{border-radius:10px}.catalog-gallery-page .product-design-card strong{font-size:.75rem;padding:11px 5px 5px}.catalog-gallery-page .product-design-card>span:last-child{font-size:.65rem;padding:0 5px 11px}.catalog-gallery-page .catalog-toolbar{font-size:.66rem;align-items:start}.catalog-clear-search{display:block;margin:6px 0 0}}
@media(prefers-reduced-motion:reduce){.catalog-gallery-page .product-design-card,.catalog-gallery-page .catalog-categories a{transition:none}.catalog-gallery-page .product-design-card:hover{transform:none}}
