/* Zahra Signature original boutique redesign — no third-party assets */
:root{--zs-ink:#191919;--zs-muted:#777;--zs-accent:#ad1535;--zs-green:#008b64;--zs-line:#eeeae7}
html{scroll-behavior:smooth}body{background:#fff;color:var(--zs-ink)}
button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid #b58c51;outline-offset:3px}
/* Uncluttered product listings with portrait photos and no giant blank cards */
.category-grid,.product-grid,#product-grid,.products-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;align-items:start!important;min-height:0!important}
.category-grid>.product-card,.product-grid>.product-card,#product-grid>.product-card,.products-grid>.product-card{display:block!important;min-height:0!important;height:auto!important;align-self:start!important;position:relative;background:#fff!important;border:1px solid #f0ece8!important;border-radius:11px!important;padding:6px!important;overflow:hidden!important;box-shadow:none!important}
.product-card .img-container{height:auto!important;aspect-ratio:3/4!important;width:100%!important;position:relative!important;border-radius:7px!important;overflow:hidden!important;background:#f8f6f3!important}
.product-card .img-container img{width:100%!important;height:100%!important;object-fit:cover!important}
.product-card .product-info{padding:10px 3px 5px!important;text-align:left!important}
.product-card .product-title{font-family:inherit!important;font-size:13px!important;line-height:1.45!important;font-weight:500!important;margin:0 0 5px!important;min-height:0!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-card .price-box{display:flex!important;align-items:baseline!important;flex-wrap:wrap!important;gap:5px 9px!important}
.product-card .price-main{font-size:14px!important;font-weight:700!important;color:var(--zs-accent)!important}
.product-card .price-old{font-size:12px!important;color:#777!important;text-decoration:line-through!important}
.product-card .slider-arrows{display:none!important}
.product-card .cart-icon-btn{position:absolute!important;right:10px!important;top:10px!important;bottom:auto!important;left:auto!important;width:39px!important;height:39px!important;border-radius:50%!important;opacity:1!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;color:#222!important;box-shadow:0 2px 10px #0002!important;z-index:5!important}
.product-card .cart-icon-btn.is-added{background:#008c56!important;color:white!important}
.product-card .zs-shop-rating{color:var(--zs-green)!important;font-size:12px!important;margin:4px 0!important;letter-spacing:0!important;min-height:0!important}
.new-categories-section{padding:28px 16px 48px!important}.new-categories-section .category-group{max-width:1240px!important;margin:0 auto!important}.new-categories-section .category-group-title{font-size:clamp(22px,3vw,31px)!important;margin:0 0 19px!important;text-align:left!important}
.circle-categories{padding:23px 0!important}.circle-container{gap:13px!important}.circle-img-wrapper{border:2px solid #f4eee7!important;box-shadow:none!important}.circle-title{font-size:12px!important;letter-spacing:.2px!important}
/* Harmonized ecommerce controls */
input:not([type=checkbox]):not([type=radio]),select,textarea{max-width:100%;border-radius:6px} .modal-add-cart,.modal-buy-now,.checkout-btn{border-radius:6px!important}
@media(max-width:980px){.category-grid,.product-grid,#product-grid,.products-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:650px){
.category-grid,.product-grid,#product-grid,.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.category-grid>.product-card,.product-grid>.product-card,#product-grid>.product-card,.products-grid>.product-card{padding:4px!important;border-radius:9px!important}
.product-card .cart-icon-btn{width:33px!important;height:33px!important;top:7px!important;right:7px!important}
.product-card .cart-icon-btn svg{width:19px!important;height:19px!important}
.product-card .product-info{padding:8px 2px 4px!important}
.product-card .product-title{font-size:11px!important;line-height:1.4!important}
.product-card .price-main{font-size:12px!important}.product-card .price-old{font-size:10px!important}
.product-card .zs-shop-rating{font-size:10px!important}
.new-categories-section{padding:22px 10px 35px!important}
.circle-categories{padding:13px 0!important}
.circle-container{gap:9px!important}
}

/* New structural fashion storefront (original Zahra assets and content) */
.zs-fashion-hero{display:grid;grid-template-columns:46% 54%;min-height:530px;background:#f5f0e9;max-width:100%;overflow:hidden}
.zs-fashion-hero__copy{padding:clamp(32px,6vw,110px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.zs-eyebrow{font:600 11px/1.5 Arial,sans-serif;letter-spacing:2.5px;color:#7c604a}
.zs-fashion-hero h1{font:400 clamp(43px,5.1vw,86px)/1.04 Georgia,serif;letter-spacing:-2px;color:#24201d;margin:22px 0}
.zs-fashion-hero h1 em{font-weight:400;color:#986d56}
.zs-fashion-hero p{font:15px/1.7 Arial,sans-serif;color:#61574f;max-width:370px;margin:0 0 29px}
.zs-fashion-cta{display:inline-flex;align-items:center;gap:35px;background:#181818;color:#fff!important;text-decoration:none;padding:16px 22px;font:700 11px Arial,sans-serif;letter-spacing:1.4px;transition:background .2s}
.zs-fashion-cta:hover{background:#8c644c}
.zs-fashion-hero__credit{font:11px Arial,sans-serif;color:#8a7d70;margin-top:36px}
.zs-fashion-hero__image{display:block;position:relative;min-height:530px;overflow:hidden;background:#e6d8c9}
.zs-fashion-hero__image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 25%;transition:transform .5s}
.zs-fashion-hero__image:hover img{transform:scale(1.03)}
.zs-hero-image-label{position:absolute;bottom:24px;right:25px;color:#fff;background:#171717aa;padding:12px 16px;font:600 10px Arial,sans-serif;letter-spacing:2px}
.zs-collection-intro{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:22px}
.zs-collection-intro .category-group-title{margin:7px 0 0!important}
.zs-view-all{font:600 12px Arial,sans-serif;color:#222;text-decoration:none;border-bottom:1px solid #222;padding-bottom:5px;white-space:nowrap}
.zs-shop-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 0 20px;border-bottom:1px solid #eee;margin-bottom:20px;gap:12px}
.zs-shop-toolbar__label{font:600 11px Arial,sans-serif;letter-spacing:1.8px}
.zs-shop-toolbar label{font:12px Arial,sans-serif;color:#555;display:flex;gap:9px;align-items:center}
.zs-shop-toolbar select{background:#fff;border:1px solid #ddd;padding:9px 12px;font:12px Arial,sans-serif;color:#222}
/* The old tall hero and its empty spaces are replaced by the editorial layout. */
.circle-categories{background:#fff!important;border-bottom:1px solid #eee}
.circle-img-wrapper{width:100px!important;height:100px!important}
.circle-item{min-width:100px}
.page-header{padding:32px 20px 26px!important}
.page-header h1{font:400 clamp(27px,3.5vw,43px)/1.2 Georgia,serif!important}
.page-header p{font-size:13px;line-height:1.6}
.shop-container{max-width:1330px!important}
.product-card .img-container{aspect-ratio:3/4!important}
@media(max-width:650px){
.zs-fashion-hero{grid-template-columns:1fr;min-height:0}
.zs-fashion-hero__image{min-height:0;aspect-ratio:4/3;order:1}
.zs-fashion-hero__copy{order:2;padding:27px 21px 34px}
.zs-fashion-hero h1{font-size:43px;letter-spacing:-1px;margin:12px 0}
.zs-fashion-hero p{font-size:13px;margin-bottom:19px}
.zs-fashion-hero__credit{display:none}
.zs-hero-image-label{bottom:13px;right:13px;font-size:9px}
.zs-fashion-cta{padding:13px 17px;font-size:10px}
.zs-collection-intro{align-items:end;margin-bottom:13px}
.zs-collection-intro .category-group-title{font-size:23px!important}
.zs-view-all{font-size:10px}
.circle-img-wrapper{width:78px!important;height:78px!important}
.circle-item{min-width:78px}
.zs-shop-toolbar{padding:6px 0 12px;margin-bottom:12px}
.zs-shop-toolbar select{max-width:145px;padding:8px 4px}
.page-header{padding:22px 12px!important}
}

/* Full-width editorial hero: scoped to the homepage banner only. */
.zs-fashion-hero.zs-fashion-hero--wide{display:block;position:relative;width:100%;min-height:0;background:#efeeec;isolation:isolate}
.zs-fashion-hero--wide .zs-fashion-hero__image{display:block;position:relative;width:100%;min-height:0;aspect-ratio:auto;background:transparent}
.zs-fashion-hero--wide .zs-fashion-hero__image img{display:block;position:static;inset:auto;width:100%;height:auto;object-fit:contain;transform:none!important;transition:none}
.zs-fashion-hero--wide .zs-fashion-hero__copy{position:absolute;z-index:2;inset:0 auto 0 0;width:42%;padding:clamp(18px,3.6vw,70px);background:transparent;pointer-events:none;justify-content:center}
.zs-fashion-hero--wide .zs-fashion-hero__copy a{pointer-events:auto}
.zs-fashion-hero--wide h1{font-size:clamp(30px,4.2vw,76px);line-height:1.02;letter-spacing:-1.5px;margin:14px 0}
.zs-fashion-hero--wide .zs-eyebrow{font-size:clamp(8px,.75vw,11px);letter-spacing:2px}
.zs-fashion-hero--wide p{font-size:clamp(11px,1vw,15px);line-height:1.55;margin-bottom:18px;max-width:340px}
.zs-fashion-hero--wide .zs-fashion-cta{padding:13px 18px;gap:20px;font-size:10px}
.zs-fashion-hero--wide .zs-fashion-hero__credit{margin-top:18px;font-size:10px}
@media(max-width:760px){
.zs-fashion-hero--wide .zs-fashion-hero__copy{position:relative;inset:auto;width:100%;padding:24px 22px 28px;background:#f3f1ed}
.zs-fashion-hero--wide .zs-fashion-hero__image{aspect-ratio:auto}
.zs-fashion-hero--wide{display:flex!important;flex-direction:column}
.zs-fashion-hero--wide .zs-fashion-hero__image{order:0}
.zs-fashion-hero--wide .zs-fashion-hero__copy{order:1}
.zs-fashion-hero--wide h1{font-size:38px;margin:12px 0}
.zs-fashion-hero--wide p{font-size:13px;max-width:100%}
.zs-fashion-hero--wide .zs-eyebrow{font-size:9px}
.zs-fashion-hero--wide .zs-hero-image-label{display:none}
}