/* SAS Catalog – Gallery look (jainamaritime.com style) + search in the breadcrumb bar.
   Loaded after catalog-extra.css; scoped with #sas-catalog. */

/* ---------- Landing: category cards (image + name over dark gradient) ---------- */
#sas-catalog .sas-gcats{gap:20px;margin:0 0 36px}
#sas-catalog .sas-gcat{
	position:relative;display:block;overflow:hidden;
	aspect-ratio:16/10;border-radius:14px;background:#1b2330;
	box-shadow:0 6px 18px rgba(0,0,0,.12);
	text-decoration:none;transition:transform .3s, box-shadow .3s;
}
#sas-catalog .sas-gcat:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(0,0,0,.2)}
#sas-catalog .sas-gcat__img{position:absolute;inset:0;display:block}
#sas-catalog .sas-gcat__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
#sas-catalog .sas-gcat:hover .sas-gcat__img img{transform:scale(1.06)}
#sas-catalog .sas-gcat::after{
	content:"";position:absolute;left:0;right:0;bottom:0;height:45%;
	background:linear-gradient(to top,rgba(0,0,0,.85),rgba(0,0,0,0));pointer-events:none;
}
#sas-catalog .sas-gcat__name{
	position:absolute;left:12px;right:12px;bottom:14px;z-index:2;
	text-align:center;color:#fff;font-size:22px;font-weight:700;line-height:1.2;
	text-shadow:0 2px 6px rgba(0,0,0,.5);
}

/* ---------- Category / single page: image-only grid ---------- */
#sas-catalog .sas-gal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 36px}
#sas-catalog .sas-gal__item{
	display:block;overflow:hidden;aspect-ratio:21/20;border-radius:14px;background:#eef0f3;
	box-shadow:0 6px 18px rgba(0,0,0,.12);cursor:zoom-in;
	transition:transform .3s, box-shadow .3s;
}
#sas-catalog .sas-gal__item:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(0,0,0,.2)}
#sas-catalog .sas-gal__item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
#sas-catalog .sas-gal__item:hover img{transform:scale(1.05)}
@media (max-width:991px){
	#sas-catalog .sas-gal,#sas-catalog .sas-gcats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
	#sas-catalog .sas-gcat__name{font-size:18px}
}
@media (max-width:575px){
	#sas-catalog .sas-gal,#sas-catalog .sas-gcats{grid-template-columns:1fr}
}

/* ---------- Breadcrumb bar: search (all) + Back on the right ---------- */
#sas-catalog .sas-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
#sas-catalog .sas-bar__tools{display:flex;align-items:center;gap:12px;margin-left:auto}
#sas-catalog .sas-bar .sas-search{position:relative;margin:0;width:320px;max-width:100%}
#sas-catalog .sas-bar .sas-search__label{
	position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
#sas-catalog .sas-bar .sas-search__box{border-radius:4px}
#sas-catalog .sas-bar .sas-search__input{padding:8px 12px;font-size:14px}
#sas-catalog .sas-bar .sas-search__btn{width:40px}
#sas-catalog .sas-bar .sas-search__results{left:auto;right:0;width:400px;max-width:90vw}
#sas-catalog .sas-search__title small{text-transform:uppercase;letter-spacing:.03em;font-size:11px}
@media (max-width:767px){
	#sas-catalog .sas-bar__tools{width:100%;flex-wrap:wrap;margin-left:0}
	#sas-catalog .sas-bar .sas-search{width:100%;flex:1 1 100%}
	#sas-catalog .sas-bar .sas-search__results{width:100%}
}