/* V102: four static photographs in one shared frame. */
.ic-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:100%;margin:28px 0 20px;border-radius:18px;overflow:hidden;background:#171717}
.ic-slide{margin:0;min-width:0;aspect-ratio:3/2;background:#171717}
.ic-slide img{display:block;width:100%;height:100%;object-fit:contain}
.header .brand{flex-direction:column;align-items:flex-start;gap:7px}
.ic-brand-caption{display:block;font-size:8px;font-weight:600;letter-spacing:1.3px;line-height:1.4;color:#aaa;white-space:nowrap}
#store.store{padding-top:37px}
@media(max-width:720px){#store.store{padding-top:21px}.ic-brand-caption{font-size:5.5px;letter-spacing:.6px}.ic-showcase{gap:3px;border-radius:12px}}

/* V103: header and showcase only; store untouched. */
.header .brand{width:clamp(160px,20vw,265px)}
.header .brand .approved-header-logo{width:100%}
.ic-brand-caption{width:100%;text-align:justify;text-align-last:justify;letter-spacing:0;font-size:clamp(7px,.82vw,10.8px);line-height:1.4}
.v4-intro h1,.v4-intro h1 span{color:#bcbcbc}
.v4-intro{padding-bottom:10px}
.ic-showcase{width:50%;margin:8px auto 20px}
@media(max-width:600px){.header .brand{width:clamp(125px,37vw,180px)}.header .brand .approved-header-logo{width:100%}.ic-brand-caption{font-size:clamp(5.2px,1.55vw,7.5px);letter-spacing:0}}

/* V104: compact introduction and one photograph at a time. */
.v4-intro{padding-top:18px;padding-bottom:4px}
.v4-intro h1{font-size:clamp(22px,2.5vw,34px);line-height:1.2;margin:8px 0}
.v4-intro .v4-kicker{font-size:8px;letter-spacing:2px}
.v4-intro p{font-size:12px;line-height:1.45}
.ic-showcase{display:block;position:relative;width:50%;height:clamp(150px,17vw,250px);margin:8px auto 12px;background:#111}
.ic-slide{position:absolute;inset:0;aspect-ratio:auto;opacity:0;transition:opacity 1.8s ease-in-out;pointer-events:none;background:transparent}
.ic-slide.is-active{opacity:1}
.ic-slide img{object-fit:contain}
.ic-showcase:focus-visible{outline:1px solid #aaa;outline-offset:4px}
@media(max-width:600px){.v4-intro{padding:12px 16px 4px}.v4-intro h1{font-size:22px}.ic-showcase{width:80%;height:160px}}
@media(prefers-reduced-motion:reduce){.ic-slide{transition:none}}

/* V105: slightly smaller, consistent muted branding and store title. */
.header .brand{width:clamp(140px,17.5vw,232px)}
.header .brand .approved-header-logo{width:100%;filter:grayscale(1) brightness(.737)}
.header .ic-brand-caption{color:#bcbcbc;font-size:clamp(6px,.72vw,9.5px)}
#store .store-heading h2{font-size:clamp(28px,3.5vw,50px);color:#bcbcbc}
#store .store-heading h2 .dot{color:#bcbcbc}
@media(max-width:600px){.header .brand{width:clamp(110px,32.5vw,158px)}.header .ic-brand-caption{font-size:clamp(4.6px,1.36vw,6.6px)}}

/* V106: restore dark violet branding and slightly enlarge showcase. */
.header .brand .approved-header-logo{filter:brightness(.737)}
#store .store-heading h2 .dot{display:inline-block;width:.16em;height:.16em;background:#59317f;color:transparent;overflow:hidden;font-size:inherit;line-height:0;margin-left:.035em;vertical-align:baseline;border-radius:0}
.ic-showcase{width:57.5%;height:clamp(173px,19.55vw,288px)}
@media(max-width:600px){.ic-showcase{width:92%;height:184px}}

/* V107: showcase 10% larger. */
.ic-showcase{width:63.25%;height:clamp(190px,21.505vw,317px)}
@media(max-width:600px){.ic-showcase{width:100%;height:202px}}

/* V108: showcase another 10% larger; mobile width stays within viewport. */
.ic-showcase{width:69.575%;height:clamp(209px,23.6555vw,349px)}
@media(max-width:600px){.ic-showcase{width:100%;height:222px}}

/* V109: shared violet and original white text. */
.header .brand .approved-header-logo{filter:url(#ic-brand-purple)}
.header .ic-brand-caption,#store .store-heading h2{color:#f7f7f7}
#store .store-heading h2 .dot{background:#59317f;color:transparent}

/* V110: panoramic showcase aligned with the store content. */
.ic-showcase{width:calc(100% - 68px);max-width:1142px;height:7cm;max-height:7cm;margin:8px auto 12px;border-radius:28px;overflow:hidden}
.ic-slide img{object-fit:cover;object-position:center 40%}
.ic-slide:nth-child(2) img{object-position:center 30%}
.ic-slide:nth-child(3) img{object-position:center 30%}
.ic-slide:nth-child(4) img{object-position:center 32%}
@media(max-width:720px){.ic-showcase{width:calc(100% - 24px);height:clamp(150px,45vw,264px);border-radius:20px}.ic-slide img{object-fit:contain}}

/* V111: approved concept 01, original wordmark retained. */
.header .brand .approved-header-logo.ic-logo-one{filter:none;height:auto;overflow:visible}

/* V114: Persian landing-page text and catalog headings. */
html[lang="fa"] .header nav a,html[lang="fa"] .header nav button,
html[lang="fa"] .header .ic-brand-caption,
html[lang="fa"] .v4-intro,html[lang="fa"] .v4-intro *,
html[lang="fa"] #store .store-heading h2,
html[lang="fa"] #store .store-heading h2 > [data-i],
html[lang="fa"] #store .store-heading p,
html[lang="fa"] #store .count,html[lang="fa"] #store .count span,
html[lang="fa"] #store .catalog-head span{color:#fff;}
html[lang="fa"] #store .catalog-head span{font-size:clamp(11px,calc(1.05vw + 2px),14px);}
html[lang="fa"] #store .count span{font-size:12px;font-weight:700;}
html[lang="fa"] #store .store-heading p{font-size:17px;font-weight:700;}
@media(max-width:600px){
 html[lang="fa"] #store .catalog-head span{font-size:clamp(9px,calc(1.65vw + 2px),12px);}
 html[lang="fa"] #store .count span{font-size:10px;}
}

/* V116: correct reading direction within Persian column labels. */
html[lang="fa"] #store .catalog-head > span{direction:rtl;unicode-bidi:isolate;}