.products-hero{background:#eaf1fb;background-image:radial-gradient(circle at 1px 1px,rgba(31,95,191,.07) 1px,transparent 0);background-size:28px 28px;padding:28px 0 30px}.products-hero__inner{display:flex;align-items:end;justify-content:space-between;gap:32px}.crumb{display:flex;gap:9px;align-items:center;font-size:.8rem;color:#5b6b82;margin-bottom:10px}.crumb svg{width:14px}.products-hero h1{font-size:clamp(2rem,4vw,2.7rem);margin:0;color:#0b2a5b}.products-hero p{margin:6px 0 0;color:#4a5b73;max-width:600px}.catalog-search{display:flex;align-items:center;gap:10px;background:white;border:1px solid #d6e4f7;border-radius:28px;padding:0 16px;width:min(380px,40%);height:48px}.catalog-search input{border:0;outline:0;width:100%;font:inherit;font-size:.85rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.stone-strip{margin-top:10px;margin-bottom:18px;text-align:center;border:1px solid #d6e4f7;border-radius:12px;padding:8px 16px}.stone-items{display:grid;grid-template-columns:repeat(5,1fr)}.stone-items>div{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;color:#0b2a5b;font-size:.77rem;border-right:1px solid #d6e4f7}.stone-items>div:last-child{border:0}.stone-items svg{color:#1f5fbf;width:20px}.stone-strip small{display:block;color:#5b6b82;font-size:.64rem;margin-top:4px}.category-bar{position:sticky;top:72px;z-index:5;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-block:1px solid #dce5f2}.category-chips{display:flex;gap:8px;overflow-x:auto;padding-block:10px;scrollbar-width:none}.category-chips::-webkit-scrollbar{display:none}.category-chip{white-space:nowrap;border:1px solid #d6e4f7;border-radius:22px;background:#fff;padding:8px 12px;color:#0b2a5b;font:600 .73rem Montserrat,sans-serif;min-height:40px}.category-chip span{font-size:.64rem;color:#5b6b82;background:#f0f4fa;border-radius:20px;padding:2px 6px;margin-left:3px}.category-chip.is-active{background:#0b2a5b;color:#fff}.category-chip.is-active span{background:#294a7a;color:white}.catalog{padding-top:20px;padding-bottom:50px}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;color:#334764;font-size:.83rem}.catalog-toolbar p{margin:0}.catalog-controls{display:flex;align-items:center;gap:12px}.catalog-controls label{display:flex;align-items:center;gap:8px}.catalog-controls select{font:inherit;border:1px solid #dce5f2;padding:9px;border-radius:8px;color:#0b2a5b;background:#fff}.view-toggle{display:flex;border:1px solid #dce5f2;border-radius:8px;overflow:hidden}.view-toggle button{width:40px;height:40px;border:0;background:white;color:#1f5fbf}.view-toggle button[aria-pressed=true]{background:#1f5fbf;color:white}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product-card{min-width:0;background:white;border:1px solid #dce5f2;border-radius:14px;overflow:hidden;box-shadow:0 5px 18px rgba(11,42,91,.06);transition:transform .22s,box-shadow .22s,opacity .24s;cursor:pointer;opacity:0;transform:translateY(12px);transition-delay:var(--stagger,0ms)}.product-card.is-visible{opacity:1;transform:translateY(0)}.product-card__image{aspect-ratio:4/3;position:relative;overflow:hidden;background:radial-gradient(ellipse,#fff 10%,#eaf1fb 100%)}.product-card__image picture{display:block;width:100%;height:100%}.product-card__image>picture>img{width:100%;height:100%;object-fit:contain;padding:10px;transition:transform .3s}.category-tag,.featured-tag,.ottlane-mark{position:absolute;z-index:1;border-radius:12px;padding:5px 8px;font-size:.62rem;font-weight:700;background:#eaf1fb;color:#1f5fbf}.category-tag{left:10px;top:10px}.featured-tag{left:10px;top:40px;color:#fff;background:#c9a24b}.featured-tag svg{width:12px;height:12px;vertical-align:middle}.save-btn{position:absolute;right:10px;top:10px;width:40px;height:40px;border:1px solid #dce5f2;border-radius:50%;background:#fff;color:#1f5fbf}.ottlane-mark{right:10px;bottom:10px;background:rgba(7,28,63,.78);color:white;letter-spacing:.12em}.product-card__body{padding:14px 15px 15px}.product-card h2{margin:0;font-size:1rem}.product-title-tag{display:inline-block;background:#1f5fbf;color:white;border-radius:6px;padding:5px 9px;font-size:.94rem}.product-series{margin:7px 0;color:#5b6b82;font-size:.72rem}.specs{display:flex;gap:16px;flex-wrap:wrap;color:#263d60;font-size:.73rem}.specs span{display:flex;align-items:center;gap:5px}.specs svg,.highlights svg,.price-request svg,.enquire-btn svg{width:15px;height:15px;color:#1f5fbf;flex:none}.option-pills{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.option-pills span{border:1px solid #d6e4f7;border-radius:12px;padding:4px 7px;font-size:.64rem;color:#334764}.highlights{padding:0;margin:10px 0 13px;list-style:none;display:grid;gap:5px;color:#334764;font-size:.7rem}.highlights li{display:flex;gap:6px;align-items:center}.highlights svg{width:14px;height:14px}.product-card__footer{border-top:1px solid #edf1f7;padding-top:11px;display:flex;align-items:center;justify-content:space-between;gap:8px}.price-request{display:inline-flex;align-items:center;gap:5px;background:#eaf1fb;color:#0b2a5b;border-radius:20px;padding:8px 10px;font-size:.7rem;font-weight:600;white-space:nowrap}.enquire-btn{display:inline-flex;align-items:center;gap:5px;background:#1f5fbf;color:#fff;text-decoration:none;border-radius:22px;padding:9px 13px;font-size:.72rem;font-weight:700;min-height:40px}.enquire-btn svg{color:#fff}.load-more{display:flex;align-items:center;gap:7px;margin:22px auto 40px;padding:11px 22px;border:1px solid #1f5fbf;border-radius:24px;background:white;color:#1f5fbf;font:600 .82rem Montserrat,sans-serif;min-height:44px}.empty-state{text-align:center;padding:55px 10px}.empty-state>svg{width:45px;height:45px;color:#1f5fbf}.empty-state h2{color:#0b2a5b}.enquiry-banner{border-radius:16px;background:#0b2a5b;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.08) 1px,transparent 0);background-size:22px 22px;color:white;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.enquiry-banner h2{margin:0 0 6px;color:#fff}.enquiry-banner p{margin:0;color:#d6e4f7}.enquiry-banner>div:last-child{display:flex;gap:9px;flex-wrap:wrap}.enquiry-banner__light{background:#fff!important;color:#0b2a5b!important}.enquiry-banner__ghost{border:1px solid white;color:white}.product-grid.is-list{grid-template-columns:1fr}.product-grid.is-list .product-card{display:grid;grid-template-columns:minmax(220px,32%) 1fr}.product-grid.is-list .product-card__image{height:100%;min-height:240px}.quickview{position:fixed;inset:0;z-index:30;display:none;align-items:center;justify-content:center;padding:24px}.quickview.is-open{display:flex}.quickview__backdrop{position:absolute;inset:0;background:rgba(7,28,63,.72)}.quickview__dialog{position:relative;background:#fff;border-radius:18px;width:min(950px,100%);max-height:90vh;overflow:auto;padding:26px;display:flex;align-items:center}.qv-content{display:grid;grid-template-columns:1fr 1fr;gap:28px;width:100%;align-items:center}.qv-image img{width:100%;max-height:65vh;object-fit:contain;background:#eaf1fb;border-radius:14px}.qv-details{display:grid;gap:12px}.qv-details .product-title-tag{font-size:1.2rem}.qv-details .highlights{font-size:.85rem}.qv-notes{color:#4a5b73;font-size:.85rem}.qv-actions{display:flex;gap:8px;flex-wrap:wrap}.qv-close,.qv-prev,.qv-next{width:44px;height:44px;border:1px solid #dce5f2;background:white;color:#0b2a5b;border-radius:50%;z-index:2;flex:none}.qv-close{position:absolute;right:12px;top:12px}.qv-prev{margin-right:14px}.qv-next{margin-left:14px}.quickview-open{overflow:hidden}
@media(hover:hover){.product-card:hover{transform:translateY(-6px);box-shadow:0 15px 32px rgba(11,42,91,.16)}.product-card:hover .enquire-btn{background:#071c3f}}
@media(max-width:1099px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){.products-hero__inner{display:block}.catalog-search{width:100%;margin-top:18px}.stone-strip{padding-inline:0;margin-inline:12px;overflow:hidden}.stone-items{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.stone-items>div{min-width:118px;flex-direction:column;gap:4px;scroll-snap-align:start;border-right:1px solid #d6e4f7;font-size:.66rem}.catalog-toolbar{align-items:flex-start;flex-direction:column;gap:10px}.catalog-controls{width:100%;justify-content:space-between}.product-grid{grid-template-columns:1fr;gap:14px}.product-card__body{padding:12px}.product-grid.is-list .product-card{display:block}.product-grid.is-list .product-card__image{min-height:0}.enquiry-banner{display:block;padding:22px}.enquiry-banner>div:last-child{margin-top:18px}.quickview{align-items:flex-end;padding:0}.quickview__dialog{border-radius:18px 18px 0 0;width:100%;max-height:92vh;max-height:92dvh;padding:18px 14px calc(18px + env(safe-area-inset-bottom));display:block}.qv-content{display:block}.qv-image img{height:240px}.qv-details{padding-top:15px}.qv-prev,.qv-next{position:absolute;top:112px}.qv-prev{left:8px}.qv-next{right:8px}.qv-close{right:10px;top:10px}}
@media(prefers-reduced-motion:reduce){.product-card,.product-card__image>picture>img{transition:none!important;animation:none!important}}
@media print{.category-bar,.catalog-controls,.load-more,.enquiry-banner,.quickview,.site-header,.topbar{display:none!important}.product-grid{grid-template-columns:repeat(2,1fr)}}

.footer-cat-count{font-size:.78em;color:#5b6b82;white-space:nowrap}.save-btn.is-saved{background:#eaf1fb;color:#1f5fbf}
@media(prefers-reduced-motion:reduce){.product-card{opacity:1;transform:none;transition:none}}
/* Catalog alignment refinements to follow the approved desktop and mobile composition. */
.category-bar{top:68px;box-shadow:0 4px 14px rgba(11,42,91,.045)}
.category-chips{scrollbar-width:none;mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent)}
.product-card{display:flex;flex-direction:column}
.product-card__body{display:flex;flex:1;flex-direction:column}
.product-card__footer{margin-top:auto}

.product-grid{align-items:stretch}
.product-grid.is-list .product-card__body{min-width:0}
.product-card__image{isolation:isolate}
.product-card__image::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(100deg,transparent 25%,rgba(255,255,255,.5) 45%,transparent 65%);transform:translateX(-100%);animation:catalog-shimmer 1.35s infinite;pointer-events:none}
.product-card__image picture{position:relative;z-index:1}
@keyframes catalog-shimmer{to{transform:translateX(100%)}}
@media(max-width:767.98px){.category-bar{top:68px}.category-chips{mask-image:linear-gradient(90deg,#000,#000 calc(100% - 24px),transparent)}}
@media(prefers-reduced-motion:reduce){.product-card__image::before{animation:none;display:none}}

/* Full-width photographic catalog hero, with the global white header preserved. */
.products-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:70vh;min-height:70svh;padding:clamp(48px,8vh,96px) 0;background:#071c3f url('../assets/images/products-hero.webp') center 52%/cover no-repeat;overflow:hidden}
.products-hero::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(4,19,43,.82) 0%,rgba(4,19,43,.57) 44%,rgba(4,19,43,.12) 100%),linear-gradient(0deg,rgba(4,19,43,.2),transparent 50%);pointer-events:none}
.products-hero__inner{position:relative;z-index:1;width:100%;align-items:center;gap:clamp(24px,5vw,72px)}
.products-hero__inner>div{max-width:650px}
.products-hero .crumb,.products-hero .crumb a,.products-hero .crumb span,.products-hero h1,.products-hero p{color:#fff}
.products-hero .crumb{opacity:.9}
.products-hero h1{font-size:clamp(2.5rem,5.4vw,4.6rem);line-height:1.04;letter-spacing:-.04em}
.products-hero p{max-width:590px;color:rgba(255,255,255,.9);line-height:1.65}
.catalog-search{flex:none;width:min(390px,38%);box-shadow:0 12px 36px rgba(0,0,0,.16)}
.product-card__image{aspect-ratio:1/1}
.product-card__image>picture>img{object-fit:contain;padding:0}
@media(max-width:639px){.products-hero{min-height:70svh;padding:44px 0}.products-hero__inner{display:grid;gap:22px}.products-hero h1{font-size:clamp(2.5rem,12vw,3.4rem)}.catalog-search{width:100%;margin:0}.product-card__image{aspect-ratio:1/1}}

.product-card__image.image-loaded::before{animation:none;opacity:0;transition:opacity .2s}

.quickview{z-index:120}.qv-image{overflow:hidden;border-radius:14px}.qv-image img{transition:none}


/* A continuous photographic backdrop replaces the repeating catalog pattern. */
.products-page {
  background: linear-gradient(rgba(4,19,43,.73), rgba(4,19,43,.82)), url('../assets/images/catalog-showroom.webp') center top / cover no-repeat;
}
.stone-strip { background-color: rgba(255,255,255,.94); }

.products-page .catalog-toolbar, .products-page .empty-state,
.products-page .empty-state h2 { color: #fff; }
/* Keep every catalog photo in the same frame, independent of source dimensions.
   Absolute positioning prevents tall photos from increasing the grid row height. */
.product-card__image {
  aspect-ratio: 1 / 1;
  flex: none;
  width: 100%;
  height: auto;
  min-height: 0;
  overflow: hidden;
  background: #eaf1fb;
}
.product-card__image picture { position: absolute; inset: 0; width: 100%; height: 100%; }
.product-card__image > picture > img {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  object-fit: cover;
  object-position: center;
}
.product-grid.is-list .product-card__image { height: auto; min-height: 0; align-self: start; }
.qv-image img { width: 100%; height: auto; }