/* Ten catalog compositions; the store's own hero photograph remains in use. */
html[data-store-template] .store-hero{isolation:isolate}
html[data-store-template] .store-hero .hero-custom-image{background:color-mix(in srgb,var(--theme-accent) 30%,var(--theme-background))}
html[data-store-template=natural] .store-hero{grid-template-columns:1.1fr 1fr;border-radius:40px 12px 40px 12px;gap:20px;background:var(--theme-background);box-shadow:none}
html[data-store-template=natural] .store-hero .hero-visual{grid-column:1;grid-row:1;border-radius:40px 12px 40px 12px}
html[data-store-template=natural] .store-hero .hero-copy{grid-column:2;grid-row:1;border-radius:12px 40px 12px 40px}
html[data-store-template=natural] .benefits{border-radius:28px;background:color-mix(in srgb,var(--theme-accent) 28%,white);padding:24px}
html[data-store-template=natural] .product-card{border-radius:24px;box-shadow:0 8px 22px #153c2410}
html[data-store-template=modern] .store-hero{grid-template-columns:1.3fr .7fr;border-radius:12px;gap:0}
html[data-store-template=modern] .store-hero .hero-copy,html[data-store-template=modern] .store-hero .hero-visual{min-height:310px}
html[data-store-template=modern] .store-hero .hero-copy{padding:32px}
html[data-store-template=modern] .store-hero .hero-copy h1{font-size:clamp(28px,3.5vw,48px)}
html[data-store-template=modern] .product-card{border-radius:10px;box-shadow:none}
html[data-store-template=modern] .catalog-promo-layout .product-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
html[data-store-template=modern] .benefits{padding-block:12px;margin-block:20px}
html[data-store-template=editorial] .store-hero{grid-template-columns:1fr;gap:0;border-radius:0;background:var(--theme-hero-background)}
html[data-store-template=editorial] .store-hero .hero-copy{min-height:0;text-align:center;align-items:center;padding:44px 8%;width:100%}
html[data-store-template=editorial] .store-hero .hero-copy h1{font-family:Georgia,serif;font-size:clamp(32px,5vw,66px);max-width:900px}
html[data-store-template=editorial] .store-hero .hero-visual{min-height:320px;max-height:440px;width:100%}
html[data-store-template=editorial] .section-heading{align-items:center;text-align:center;flex-direction:column;gap:16px}
html[data-store-template=editorial] .catalog-promo-layout .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
html[data-store-template=editorial] .product-card{border-radius:0;box-shadow:none;border:0;border-bottom:1px solid #633d3230}
html[data-store-template=boutique] .store-hero{position:relative;grid-template-columns:1fr 1.2fr;gap:24px;padding:24px;border:1px solid color-mix(in srgb,var(--theme-primary) 22%,white);border-radius:32px;background:color-mix(in srgb,var(--theme-accent) 24%,white)}
html[data-store-template=boutique] .store-hero .hero-copy{position:relative;z-index:2;min-height:380px;border-radius:24px;box-shadow:12px 18px 30px #34203722;transform:translateX(34px);padding:38px}
html[data-store-template=boutique] .store-hero .hero-copy h1{font-family:Georgia,serif}
html[data-store-template=boutique] .store-hero .hero-visual{min-height:430px;border-radius:160px 160px 20px 20px;overflow:hidden}
html[data-store-template=boutique] .catalog-promo-layout .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
html[data-store-template=boutique] .product-card{border-radius:24px;border:1px solid color-mix(in srgb,var(--theme-primary) 16%,white)}
html[data-store-template=boutique] .filters{justify-content:center}
@media(max-width:1000px){html[data-store-template=modern] .catalog-promo-layout .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:768px){html[data-store-template] .store-hero{display:flex;flex-direction:column;gap:0}html[data-store-template=natural] .store-hero .hero-visual{order:-1}html[data-store-template] .store-hero .hero-copy{min-height:0;padding:28px 22px;width:100%;transform:none}html[data-store-template] .store-hero .hero-visual{min-height:230px;max-height:none;aspect-ratio:16/9}html[data-store-template=boutique] .store-hero{padding:14px;gap:14px}html[data-store-template=boutique] .store-hero .hero-visual{border-radius:70px 70px 16px 16px}html[data-store-template=editorial] .store-hero .hero-copy{padding:32px 20px}html[data-store-template] .benefits{padding:16px}html[data-store-template] .catalog-promo-layout .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

/* Distinct content structures, with logical reading and keyboard order preserved. */
html[data-store-template=classic] .catalog-promo-layout .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
html[data-store-template=natural] .catalog-promo-layout .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
html[data-store-template=natural] .product-info{text-align:center}
html[data-store-template=natural] .product-actions{justify-content:center}
html[data-store-template=natural] .section-heading{border-left:5px solid var(--theme-button);padding-left:20px}
html[data-store-template=editorial] .catalog>.filters{border-block:1px solid color-mix(in srgb,var(--theme-primary) 25%,transparent);padding-block:18px;border-radius:0}
html[data-store-template=boutique] .catalog-promo-layout .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
html[data-store-template=boutique] .product-card{display:grid;grid-template-columns:1fr 1fr;align-items:center}
html[data-store-template=boutique] .product-card .product-media{width:calc(100% - 20px);aspect-ratio:1;height:auto}
html[data-store-template=market] .store-hero{grid-template-columns:1.5fr .5fr;border-radius:10px}
html[data-store-template=market] .store-hero .hero-copy,html[data-store-template=market] .store-hero .hero-visual{min-height:260px}
html[data-store-template=market] .store-hero .hero-copy{padding:28px}
html[data-store-template=market] .store-hero .hero-copy h1{font-size:clamp(28px,3vw,44px)}
html[data-store-template=market] .catalog{display:grid;grid-template-columns:190px minmax(0,1fr);gap:22px}
html[data-store-template=market] .catalog>.section-heading{grid-column:1/-1}
html[data-store-template=market] .catalog>.filters{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-items:stretch;overflow:visible;gap:8px;margin:0;position:sticky;top:110px;align-self:start;padding:14px;background:color-mix(in srgb,var(--theme-accent) 20%,white);border-radius:14px}
html[data-store-template=market] .catalog>.filters .filter{text-align:left;white-space:normal}
html[data-store-template=market] .catalog>.product-grid{grid-column:2;grid-row:2;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
html[data-store-template=market] .catalog>.pagination,html[data-store-template=market] .catalog>.empty-state{grid-column:2}
html[data-store-template=cafe] .store-hero{grid-template-columns:.65fr 1.35fr;border-radius:16px 90px 16px 16px}
html[data-store-template=cafe] .store-hero .hero-copy,html[data-store-template=cafe] .store-hero .hero-visual{min-height:360px}
html[data-store-template=cafe] .catalog>.section-heading{border-bottom:2px solid var(--theme-button);padding-bottom:20px}
html[data-store-template=cafe] .catalog-promo-layout .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
html[data-store-template=cafe] .product-card{display:grid;grid-template-columns:140px minmax(0,1fr);border:0;border-bottom:1px dashed var(--theme-primary);border-radius:0;box-shadow:none;padding:12px 0;align-items:center}
html[data-store-template=cafe] .product-card .product-media{aspect-ratio:1;height:auto;min-height:0;border-radius:50%!important;overflow:hidden;width:124px;margin:8px}
html[data-store-template=cafe] .product-info{padding:14px}
html[data-store-template=studio] .store-hero{grid-template-columns:1fr 1fr;border-radius:0;gap:24px;background:transparent}
html[data-store-template=studio] .store-hero .hero-copy{border-radius:0}
html[data-store-template=studio] .store-hero .hero-visual{border-radius:0 60px 0 60px}
html[data-store-template=studio] .catalog-promo-layout .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:20px}
html[data-store-template=studio] .product-card:first-child{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column;background:color-mix(in srgb,var(--theme-accent) 25%,white)}
html[data-store-template=studio] .product-card:first-child .product-media{flex:1;min-height:280px}
html[data-store-template=studio] .section-heading{display:grid;grid-template-columns:1fr 1fr;gap:22px}
html[data-store-template=minimal] .store-hero{display:block;border-radius:0;border-bottom:1px solid #ccd1d3;background:transparent;box-shadow:none}
html[data-store-template=minimal] .store-hero .hero-copy{min-height:0;padding:24px 0;background:transparent;color:var(--theme-font);max-width:900px}
html[data-store-template=minimal] .store-hero .hero-copy h1{font-size:clamp(28px,3vw,40px);color:var(--theme-font)}
html[data-store-template=minimal] .store-hero .hero-copy .eyebrow,html[data-store-template=minimal] .hero-profile{color:var(--theme-font)}
html[data-store-template=minimal] .store-hero .hero-visual{display:none}
html[data-store-template=minimal] .catalog-promo-layout .product-grid{grid-template-columns:1fr;gap:0}
html[data-store-template=minimal] .product-card{display:grid;grid-template-columns:140px minmax(0,1fr);border:0;border-bottom:1px solid #ccd1d3;border-radius:0;padding:14px 0;box-shadow:none;background:transparent}
html[data-store-template=minimal] .product-card .product-media{width:120px;aspect-ratio:1;height:auto;margin:0}
html[data-store-template=minimal] .product-info{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:6px 20px}
html[data-store-template=minimal] .product-name{grid-column:1;grid-row:2;margin:0}
html[data-store-template=minimal] .product-price{grid-column:2;grid-row:2;margin:0}
html[data-store-template=minimal] .product-actions{grid-column:2;grid-row:3/5}
html[data-store-template=showcase] #beranda{display:flex;flex-direction:column}
html[data-store-template=showcase] #beranda>.store-hero{order:0}
html[data-store-template=showcase] #beranda>.catalog-promo-layout{order:1}
html[data-store-template=showcase] #beranda>.benefits{order:2;margin-top:32px}
html[data-store-template=showcase] #beranda>.closing{order:3}
html[data-store-template=showcase] #beranda>.tijarah-bottom-promo,html[data-store-template=showcase] #beranda>.tijarah-promo-trigger{order:4}
html[data-store-template=showcase] .store-hero{grid-template-columns:1fr;gap:0;border-radius:26px}
html[data-store-template=showcase] .store-hero .hero-visual{grid-column:1;grid-row:1;min-height:380px}
html[data-store-template=showcase] .store-hero .hero-copy{grid-column:1;grid-row:2;min-height:0;padding:26px 34px;display:grid;grid-template-columns:1fr auto;gap:12px 24px;align-items:center}
html[data-store-template=showcase] .store-hero .hero-copy h1{grid-column:1;font-size:clamp(30px,4vw,48px);margin:0}
html[data-store-template=showcase] .store-hero .hero-copy .primary-link{grid-column:2;grid-row:1/4}
html[data-store-template=showcase] .catalog-promo-layout .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
html[data-store-template=showcase] .product-card .product-media{aspect-ratio:16/10;height:auto}
html[data-store-template=showcase] .section-heading{text-align:center;display:block}
@media(max-width:1100px){html[data-store-template=market] .catalog>.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}html[data-store-template=boutique] .product-card{display:block}}
@media(max-width:768px){
 html[data-store-template] .catalog-promo-layout .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 html[data-store-template=market] .catalog{display:block}
 html[data-store-template=market] .catalog>.filters{position:static;flex-direction:row;overflow-x:auto;margin-bottom:18px;flex-wrap:nowrap}
 html[data-store-template=market] .catalog>.filters .filter{flex:none;white-space:nowrap}
 html[data-store-template=cafe] .catalog-promo-layout .product-grid,html[data-store-template=minimal] .catalog-promo-layout .product-grid{grid-template-columns:1fr}
 html[data-store-template=cafe] .product-card{grid-template-columns:110px minmax(0,1fr)}
 html[data-store-template=cafe] .product-card .product-media{width:94px}
 html[data-store-template=minimal] .product-card{grid-template-columns:90px minmax(0,1fr)}
 html[data-store-template=minimal] .product-card .product-media{width:80px}
 html[data-store-template=minimal] .product-info{display:block;padding:4px 8px}
 html[data-store-template=studio] .product-card:first-child{grid-row:auto;grid-column:span 2}
 html[data-store-template=studio] .product-card:first-child .product-media{min-height:220px;max-height:320px}
 html[data-store-template=studio] .section-heading{display:block}
 html[data-store-template=showcase] .store-hero .hero-copy{display:flex;flex-direction:column;align-items:flex-start}
 html[data-store-template=showcase] .store-hero .hero-visual{order:-1}
 html[data-store-template=showcase] .catalog-promo-layout .product-grid{grid-template-columns:1fr}
}
/* Horizontal catalog cards: explicit placement prevents automatic grid gaps. */
html[data-store-template=minimal] .product-info{grid-template-areas:"category condition" "name price" "promotion promotion" "sold actions";grid-template-rows:auto auto auto auto;align-content:start;align-items:center;padding:12px 18px;gap:10px 20px}
html[data-store-template=minimal] .product-info>.product-category{grid-area:category}
html[data-store-template=minimal] .product-info>.product-condition{grid-area:condition;justify-self:end;width:max-content}
html[data-store-template=minimal] .product-info>.product-name{grid-area:name;min-height:0}
html[data-store-template=minimal] .product-info>.product-price{grid-area:price;justify-self:end;flex-wrap:wrap}
html[data-store-template=minimal] .product-info>.product-promotion{grid-area:promotion;margin:0}
html[data-store-template=minimal] .product-info>.product-sold{grid-area:sold;margin:0}
html[data-store-template=minimal] .product-info>.product-actions{grid-area:actions;padding:0;margin:0;display:flex;gap:8px}
html[data-store-template=minimal] .product-card .badge,html[data-store-template=cafe] .product-card .badge{top:7px;left:7px;max-width:calc(100% - 14px);font-size:9px;padding:5px 7px}
html[data-store-template=minimal] .product-card .promo-badge,html[data-store-template=cafe] .product-card .promo-badge{top:37px;left:7px;right:auto;font-size:8px;padding:4px 7px}
@media(max-width:768px){html[data-store-template=minimal] .product-info{display:flex;gap:8px;padding:4px 10px;align-items:stretch}html[data-store-template=minimal] .product-info>.product-condition{align-self:flex-start}html[data-store-template=minimal] .product-info>.product-price{justify-content:flex-start}html[data-store-template=minimal] .product-info>.product-actions{flex-wrap:wrap}html[data-store-template=minimal] .product-actions button{flex:1;min-height:38px}}