/* ========================================================================== 
   EMKAN v177 — FINAL DELIVERY STABILIZATION
   Scope: public UI only. Loaded after all historical style layers.
   Purpose: requested pre-launch corrections 1–12 without changing content/CMS.
   ========================================================================== */

/* 1 — Architecture listing covers use the canonical site-wide square cover ratio.
   Detail-page thumbnails are a separate component and stay landscape. */
html body main.architecture-main .img-wrapper{aspect-ratio:1/1!important;height:auto!important;min-height:0!important}
html body main.architecture-main .img-wrapper>img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}

/* 2 + 4 — Completed education reports: horizontal thumbnails ONLY.
   The obsolete second/vertical gallery is never shown on completed programmes. */
html body.emkan-v177-completed-course #contentApp :is(.v106-course-gallery,.learning-course-cover),
html body:has(#contentApp .v120-report) #contentApp :is(.v106-course-gallery,.learning-course-cover){display:none!important}
html body.v115-course-detail #contentApp .v120-report-gallery{
  display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap!important;
  align-items:center!important;justify-content:flex-start!important;
  gap:10px!important;width:100%!important;max-width:100%!important;
  margin:18px 0 0!important;padding:0 0 7px!important;
  overflow-x:auto!important;overflow-y:hidden!important;direction:ltr!important;
  scroll-snap-type:x proximity!important;overscroll-behavior-inline:contain!important;
  scrollbar-width:thin!important;-webkit-overflow-scrolling:touch!important;
}
html body.v115-course-detail #contentApp .v120-report-gallery img{
  flex:0 0 clamp(132px,11vw,162px)!important;width:clamp(132px,11vw,162px)!important;
  height:auto!important;aspect-ratio:16/10!important;object-fit:cover!important;object-position:center!important;
  display:block!important;margin:0!important;border:1px solid var(--line)!important;
  outline:0!important;scroll-snap-align:start!important;cursor:zoom-in!important;
  filter:grayscale(100%)!important;transform:none!important;transition:filter .25s ease,opacity .2s ease!important;
}
@media(hover:hover) and (pointer:fine){
  html body.v115-course-detail #contentApp .v120-report-gallery img:hover{filter:grayscale(0)!important;opacity:.9!important;transform:none!important}
}

/* 2 + 3 — One robust report viewer. Full image always visible. */
.emkan-v177-report-viewer{
  position:fixed!important;inset:0!important;z-index:1000000!important;background:rgba(8,10,13,.965)!important;color:#fff!important;
  display:grid!important;grid-template-rows:minmax(0,1fr) 48px!important;opacity:1!important;visibility:visible!important;
}
.emkan-v177-report-viewer[hidden]{display:none!important}
.emkan-v177-report-stage{
  min-width:0!important;min-height:0!important;display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;overscroll-behavior:contain!important;
  scrollbar-width:none!important;direction:ltr!important;padding:42px 54px 20px!important;
}
.emkan-v177-report-stage::-webkit-scrollbar{display:none!important}
.emkan-v177-report-slide{
  min-width:100%!important;width:100%!important;height:100%!important;flex:0 0 100%!important;
  display:grid!important;place-items:center!important;scroll-snap-align:start!important;margin:0!important;padding:0!important;
}
.emkan-v177-report-slide img{
  display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;
  aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;filter:none!important;
  transform:none!important;scale:1!important;border:0!important;box-shadow:none!important;user-select:none!important;-webkit-user-drag:none!important;
}
.emkan-v177-report-close{
  position:absolute!important;z-index:4!important;top:12px!important;right:16px!important;width:40px!important;height:40px!important;
  display:grid!important;place-items:center!important;border:0!important;background:transparent!important;color:#fff!important;
  box-shadow:none!important;font:200 29px/1 Arial,sans-serif!important;cursor:pointer!important;opacity:.78!important;
}
.emkan-v177-report-close:hover,.emkan-v177-report-close:focus-visible{color:var(--hover-accent,#6f9fb2)!important;opacity:1!important;outline:0!important}
.emkan-v177-report-footer{display:flex!important;justify-content:center!important;align-items:center!important;gap:18px!important;padding:4px 20px 10px!important;font:500 9px/1.4 var(--font-en,Arial,sans-serif)!important;letter-spacing:.08em!important}
.emkan-v177-report-nav{border:0!important;background:transparent!important;color:#fff!important;padding:5px 9px!important;cursor:pointer!important;font:inherit!important;box-shadow:none!important}
.emkan-v177-report-nav:hover{color:var(--hover-accent,#6f9fb2)!important}
body.emkan-v177-viewer-open{overflow:hidden!important}

/* 3 — ALL enlargement / lightbox images use CONTAIN, not crop. */
html body :is(
 .fullscreen-image,.fullscreen-stage img,.fullscreen-viewer img,.fullscreen-dialog img,.fullscreen-slide img,
 .emkan-product-lightbox img,.emkan-product-lightbox.is-zoomed img,
 .emkan-v135-viewer-stage img,.project-lightbox-stage img,.project-viewer-stage img,
 .emkan-gallery-lightbox-stage img,.emkan-report-lightbox img,.emkan-report-viewer-slide img,
 .dx-marker-stage img,.media-lightbox img,.lightbox img
){
  width:auto!important;height:auto!important;max-width:calc(100vw - 72px)!important;max-height:calc(100dvh - 84px)!important;
  aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;
  transform:none!important;scale:1!important;inset:auto!important;
}
html body :is(
 .fullscreen-stage,.fullscreen-slide,.emkan-product-lightbox-stage,.project-lightbox-stage,.project-viewer-stage,
 .emkan-v135-viewer-stage,.emkan-gallery-lightbox-stage,.emkan-report-lightbox,.emkan-report-viewer-slide,.dx-marker-stage
){place-items:center!important;align-items:center!important;justify-content:center!important}
html body :is(.fullscreen-stage,.emkan-product-lightbox-stage,.project-lightbox-stage,.project-viewer-stage,.emkan-v135-viewer-stage,.emkan-gallery-lightbox-stage){overflow:hidden!important}
html body .emkan-product-lightbox.is-zoomed img{cursor:default!important}
@media(max-width:600px){
 html body :is(.fullscreen-image,.fullscreen-stage img,.fullscreen-viewer img,.fullscreen-dialog img,.fullscreen-slide img,.emkan-product-lightbox img,.emkan-v135-viewer-stage img,.project-lightbox-stage img,.project-viewer-stage img,.emkan-gallery-lightbox-stage img,.emkan-report-lightbox img,.emkan-report-viewer-slide img,.dx-marker-stage img){max-width:calc(100vw - 28px)!important;max-height:calc(100dvh - 64px)!important}
 .emkan-v177-report-stage{padding:44px 14px 14px!important}
}

/* 6 — Remove decorative underlines from interactive text. Structural rules remain. */
html body :is(
 .learning-next .v49-button,.v49-actions .v49-button,.v115-course-action .v49-button,.v115-course-action a,.v115-course-action button,
 .v49-preview a,.emkan-inline-action,.detail-actions a,.detail-actions button,
 .emkan-v135-virtual-badge,.emkan-v135-access-row button,.emkan-v135-lesson-complete,.emkan-v135-materials a,.emkan-v135-material-disabled,
 .v49-prev,.v49-next,.previous-link,.next-link,.prev-link,.continue-link,[data-prev-action],[data-next-action]
){border-bottom:0!important;box-shadow:none!important;text-decoration:none!important}
html body :is(.learning-next .v49-button,.v49-actions .v49-button,.v115-course-action .v49-button,.v115-course-action a,.v115-course-action button,.emkan-v135-access-row button,.emkan-v135-lesson-complete,.emkan-v135-materials a){background:transparent!important}
html body :is(.learning-next .v49-button,.v49-actions .v49-button,.v115-course-action .v49-button,.emkan-v135-access-row button,.emkan-v135-lesson-complete,.emkan-v135-materials a):is(:hover,:focus-visible){color:var(--hover-accent)!important;outline:0!important;border-bottom:0!important}
html body .emkan-v135-virtual-badge{padding-bottom:0!important}
html body .v49-progress li::after{display:none!important;content:none!important}

/* 7 — No search UI on true single/detail/sample pages. */
html body.emkan-v177-single :is(
 .project-search,.article-project-search,.research-search,.product-search,.civil-search,.emkan-standard-search,
 .v49-search-group,.v69-content-search,.emkan-landing-search-wrap,.articles-controls .emkan-search-shell,
 [data-detail-search],.detail-search,.single-search
){display:none!important}

/* 8 — Store and Education sample share the same media / text geometry. */
@media(min-width:901px){
  /* One short divider only. Older product-stage divider is disabled. */
  html body .product-main .product-stage::after{content:none!important;display:none!important}
  html body .product-main .product-gallery-panel{
    position:relative!important;border-inline-end:0!important;
    padding-inline-end:clamp(28px,3.8vw,46px)!important;padding-bottom:30px!important;
  }
  html body .product-main .product-gallery-panel::before{content:none!important;display:none!important}
  html body .product-main .product-gallery-panel::after{
    content:""!important;display:block!important;position:absolute!important;
    inset-inline-end:0!important;inset-inline-start:auto!important;
    top:14%!important;bottom:auto!important;width:1px!important;height:62%!important;
    background:var(--line)!important;border:0!important;pointer-events:none!important;
  }
  html body .product-main .product-gallery{gap:10px!important}

  /* Mirror exactly like Store: EN media left / info right; FA+AR info left / media right. */
  html body.content-section-page #contentApp .v73-sample-hero{
    display:grid!important;direction:ltr!important;gap:0!important;align-items:start!important;width:100%!important;
  }
  html[lang="en"] body.content-section-page #contentApp .v73-sample-hero{
    grid-template-columns:minmax(0,1fr) minmax(330px,.92fr)!important;grid-template-areas:"media info"!important;
  }
  :is(html[lang="fa"],html[lang="ar"]) body.content-section-page #contentApp .v73-sample-hero{
    grid-template-columns:minmax(330px,.92fr) minmax(0,1fr)!important;grid-template-areas:"info media"!important;
  }
  html body.content-section-page #contentApp .v73-sample-gallery{
    grid-area:media!important;position:relative!important;direction:ltr!important;display:grid!important;
    gap:10px!important;width:100%!important;max-width:none!important;margin:0!important;padding-bottom:30px!important;justify-content:center!important;
  }
  html[lang="en"] body.content-section-page #contentApp .v73-sample-gallery{
    grid-template-columns:58px minmax(0,360px)!important;grid-template-areas:"thumbs hero"!important;
    padding-inline-start:0!important;padding-inline-end:clamp(28px,3.8vw,46px)!important;
  }
  :is(html[lang="fa"],html[lang="ar"]) body.content-section-page #contentApp .v73-sample-gallery{
    grid-template-columns:minmax(0,360px) 58px!important;grid-template-areas:"hero thumbs"!important;
    padding-inline-start:clamp(28px,3.8vw,46px)!important;padding-inline-end:0!important;
  }
  html body.content-section-page #contentApp .v73-sample-gallery::before{content:none!important;display:none!important}
  html body.content-section-page #contentApp .v73-sample-gallery::after{
    content:""!important;display:block!important;position:absolute!important;top:14%!important;bottom:auto!important;
    width:1px!important;height:62%!important;background:var(--line)!important;border:0!important;pointer-events:none!important;
  }
  html[lang="en"] body.content-section-page #contentApp .v73-sample-gallery::after{
    right:0!important;left:auto!important;inset-inline-start:auto!important;inset-inline-end:0!important;
  }
  :is(html[lang="fa"],html[lang="ar"]) body.content-section-page #contentApp .v73-sample-gallery::after{
    left:0!important;right:auto!important;inset-inline-start:0!important;inset-inline-end:auto!important;
  }
  html body.content-section-page #contentApp .v73-sample-main{
    grid-area:hero!important;width:100%!important;max-width:360px!important;aspect-ratio:1/1!important;margin:0!important;overflow:hidden!important;
  }
  html body.content-section-page #contentApp .v73-sample-main img{width:100%!important;height:100%!important;object-fit:cover!important}
  html body.content-section-page #contentApp .v73-sample-thumbs{
    grid-area:thumbs!important;width:58px!important;display:grid!important;grid-template-columns:1fr!important;
    grid-auto-rows:min-content!important;gap:8px!important;margin:0!important;padding:0!important;align-content:start!important;
  }
  html body.content-section-page #contentApp .v73-sample-thumb{width:58px!important;min-width:58px!important;height:auto!important;aspect-ratio:1/1!important;margin:0!important}
  html[lang="en"] body.content-section-page #contentApp .v73-sample-info{
    grid-area:info!important;padding:4px 0 30px clamp(28px,3.8vw,46px)!important;min-width:0!important;direction:ltr!important;text-align:left!important;
  }
  :is(html[lang="fa"],html[lang="ar"]) body.content-section-page #contentApp .v73-sample-info{
    grid-area:info!important;padding:4px clamp(28px,3.8vw,46px) 30px 0!important;min-width:0!important;direction:rtl!important;text-align:right!important;
  }
}
@media(max-width:900px){
 html body .product-main .product-stage::after,
 html body .product-main .product-gallery-panel::after,
 html body.content-section-page #contentApp .v73-sample-gallery::after{display:none!important;content:none!important}
}

/* 9 — Every selected category/filter/tab is bold. */
html body :is(
 button.is-active,a.is-active,[role="tab"].is-active,[role="tab"][aria-selected="true"],
 [data-filter].is-active,[data-filter][aria-pressed="true"],[aria-pressed="true"],[aria-selected="true"],
 .category-button.is-active,.article-category-choice.is-active,.detail-subcategory-list a.is-active,.detail-nav a.is-active,
 .v49-filter-option.is-active,.podcast-filter-list button.is-active,.podcast-topics button.is-active,.podcast-seasons button.is-active,
 .store-subcategory-list a.is-active,.store-sort-list button.is-active,.civil-filter-list .is-active,.research-filter-list .is-active,
 .emkan-landing-category.is-active,.product-tab.is-active,.color-choice.is-active,.language-direct-choice.is-active,
 .people-group-button.is-active,.practice-button.is-active,.team-member-button.is-active,.episode.is-active,
 .message-subject-option.is-active,.message-subject-choice.is-active,.v84-sample-tab.is-active,.library-filter.is-active,.dx-filter.is-active,
 .emkan-search-filter.is-active,.emkan-ai-tab.is-active,.emkan-v177-selected,
 a[aria-current="page"]:not(.nav-link)
){font-weight:700!important}

/* 5 — Mobile covers/cards: compact 2-up layout site-wide where content is a cover grid. */
@media(max-width:760px){
  html body main.architecture-main .with-section-nav{display:block!important;grid-template-columns:minmax(0,1fr)!important}
  html body main.architecture-main .category-panel{position:static!important;width:100%!important;max-width:none!important;margin:0 0 18px!important;transform:none!important}
  html body :is(
    .gallery-items-container,.category-grid,.store-grid,.product-grid,.projects-grid,.card-grid,
    .v74-level2-grid,.v74-sample-grid,.v49-grid,.v49-work-grid,.v71-sample-grid,.v72-sample-grid,.v73-portfolio-grid,
    .research-index-grid,.research-entry-grid,.people-grid,.related-grid,.emkan-related-grid,.civil-project-listing,
    .dx-grid,.vthumb-grid,.emkan-clients-grid,.library-grid,.media-library-grid,.article-media-library-grid
  ){
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px 10px!important;width:100%!important;max-width:none!important;justify-content:stretch!important;align-items:start!important;
  }
  html body :is(
    .gallery-item,.project-card,.category-card,.store-card,.product-card,.v49-card,.v49-course,.v49-work-card,.v71-sample-card,
    .research-index-card,.research-entry,.person-card,.related-item,.emkan-related-card,.dx-card,.vthumb,.emkan-client-card,.library-card
  ){width:100%!important;max-width:none!important;min-width:0!important;margin:0!important}
  html body :is(.fixed-caption,.category-caption,.v49-card-copy,.store-card-caption,.product-card-caption,.research-index-title,.person-card-caption){font-size:9.5px!important;line-height:1.55!important}
  html body main.architecture-main .img-wrapper{aspect-ratio:1/1!important}
  html body.v115-course-detail #contentApp .v120-report-gallery img{flex-basis:108px!important;width:108px!important;aspect-ratio:16/10!important}
}
@media(max-width:430px){
  html body main.architecture-main,
  html body main.module-main,
  html body main.store-main,
  html body main.store-category-main,
  html body .content-section-page #contentApp{width:calc(100% - 28px)!important;max-width:calc(100% - 28px)!important;margin-inline:auto!important}
  html body :is(.gallery-items-container,.category-grid,.store-grid,.product-grid,.projects-grid,.card-grid,.v74-level2-grid,.v74-sample-grid,.v49-grid,.v49-work-grid,.v71-sample-grid,.v72-sample-grid,.v73-portfolio-grid,.research-index-grid,.research-entry-grid,.people-grid,.related-grid,.emkan-related-grid,.civil-project-listing,.dx-grid,.vthumb-grid,.emkan-clients-grid,.library-grid,.media-library-grid,.article-media-library-grid){gap:15px 9px!important}
}

/* 12 — EMKAN AI: same header line/measure as the rest of site, no centre line, clearer use. */
html body.emkan-ai-page .emkan-ai-hero::before{display:none!important;content:none!important}
/* Do not override .site-header/.nav-frame width here: canonical site header rules must win. */
html body.emkan-ai-page .emkan-ai-main{
  width:var(--emkan-content-width,min(1280px,calc(100vw - 224px)))!important;
  max-width:var(--emkan-content-width,min(1280px,calc(100vw - 224px)))!important;
  margin-inline:auto!important;
}
html body.emkan-ai-page .emkan-ai-contextbar{border-bottom:0!important;padding-bottom:0!important}
html body.emkan-ai-page .emkan-ai-hero{border-top:0!important}
html body.emkan-ai-page .emkan-ai-tab{min-height:66px!important}
html body.emkan-ai-page .emkan-ai-tab.is-active{font-weight:700!important}
html body.emkan-ai-page .emkan-ai-howto{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;
  margin:-12px 0 34px!important;border-top:1px solid var(--ai-line)!important;border-bottom:1px solid var(--ai-line)!important;
}
html body.emkan-ai-page .emkan-ai-howto>span{
  min-height:46px!important;display:flex!important;align-items:center!important;gap:9px!important;padding:8px 14px!important;
  border-inline-start:1px solid var(--ai-line)!important;color:var(--ai-muted)!important;font-size:8.5px!important;line-height:1.7!important;
}
html body.emkan-ai-page .emkan-ai-howto>span:first-child{border-inline-start:0!important}
html body.emkan-ai-page .emkan-ai-howto b{font-family:var(--font-en,Arial,sans-serif)!important;font-size:7px!important;font-weight:600!important;color:var(--ai-ink)!important}
html body.emkan-ai-page .emkan-ai-prompt-form textarea{min-height:132px!important}
@media(max-width:760px){
 html body.emkan-ai-page .emkan-ai-main{width:calc(100vw - 28px)!important;max-width:calc(100vw - 28px)!important}
 html body.emkan-ai-page .emkan-ai-howto{grid-template-columns:1fr!important;margin-top:0!important}
 html body.emkan-ai-page .emkan-ai-howto>span{border-inline-start:0!important;border-top:1px solid var(--ai-line)!important;min-height:40px!important;padding-inline:0!important}
 html body.emkan-ai-page .emkan-ai-howto>span:first-child{border-top:0!important}
}

/* v177 divider hard-lock: paint the separator on the INNER edge with background,
   avoiding conflicts from historical ::after rules. */
@media(min-width:901px){
  html body .product-main .product-stage::after,
  html body .product-main .product-gallery-panel::before,
  html body .product-main .product-gallery-panel::after,
  html body.content-section-page #contentApp .v73-sample-gallery::before,
  html body.content-section-page #contentApp .v73-sample-gallery::after{content:none!important;display:none!important}
  html[lang="en"] body .product-main .product-gallery-panel,
  html[lang="en"] body.content-section-page #contentApp .v73-sample-gallery{
    background-image:linear-gradient(var(--line),var(--line))!important;
    background-repeat:no-repeat!important;background-position:right 14%!important;background-size:1px 72%!important;
  }
  :is(html[lang="fa"],html[lang="ar"]) body .product-main .product-gallery-panel,
  :is(html[lang="fa"],html[lang="ar"]) body.content-section-page #contentApp .v73-sample-gallery{
    background-image:linear-gradient(var(--line),var(--line))!important;
    background-repeat:no-repeat!important;background-position:left 14%!important;background-size:1px 72%!important;
  }
}

/* v177 education/store geometry final specificity lock (beats v168 #contentApp#contentApp). */
@media(min-width:901px){
  /* Education: preserve compact Store-like gallery, mirror thumbnails by language. */
  html[lang="en"] body.content-section-page #contentApp#contentApp .v73-sample-gallery{
    direction:ltr!important;display:grid!important;width:min(100%,430px)!important;max-width:430px!important;
    grid-template-columns:52px minmax(0,1fr)!important;grid-template-areas:"thumbs hero"!important;
    gap:10px!important;margin-inline:auto!important;padding:0!important;background:none!important;
  }
  :is(html[lang="fa"],html[lang="ar"]) body.content-section-page #contentApp#contentApp .v73-sample-gallery{
    direction:ltr!important;display:grid!important;width:min(100%,430px)!important;max-width:430px!important;
    grid-template-columns:minmax(0,1fr) 52px!important;grid-template-areas:"hero thumbs"!important;
    gap:10px!important;margin-inline:auto!important;padding:0!important;background:none!important;
  }
  html body.content-section-page #contentApp#contentApp .v73-sample-main{
    grid-area:hero!important;width:min(100%,350px)!important;max-width:350px!important;margin-inline:auto!important;
  }
  html body.content-section-page #contentApp#contentApp .v73-sample-thumbs{grid-area:thumbs!important;width:52px!important;gap:7px!important}
  html body.content-section-page #contentApp#contentApp .v73-sample-thumb{width:52px!important;height:52px!important;min-width:52px!important}

  /* Separator belongs to the boundary between media and text, never beside thumbnails. */
  html body.content-section-page #contentApp .v73-sample-gallery::before,
  html body.content-section-page #contentApp .v73-sample-gallery::after{content:none!important;display:none!important}
  html[lang="en"] body.content-section-page #contentApp .v73-sample-info{
    background-image:linear-gradient(var(--line),var(--line))!important;background-repeat:no-repeat!important;
    background-position:left 14%!important;background-size:1px 72%!important;
    padding:4px 0 30px clamp(28px,3.8vw,46px)!important;
  }
  :is(html[lang="fa"],html[lang="ar"]) body.content-section-page #contentApp .v73-sample-info{
    background-image:linear-gradient(var(--line),var(--line))!important;background-repeat:no-repeat!important;
    background-position:right 14%!important;background-size:1px 72%!important;
    padding:4px clamp(28px,3.8vw,46px) 30px 0!important;
  }
}
@media(max-width:900px){html body.content-section-page #contentApp .v73-sample-info{background-image:none!important}}

/* v177 mobile grid specificity lock: legacy module files contain late !important
   one-column/192px rules; these are intentionally overridden for delivery. */
@media(max-width:760px){
  html body main.module-main .category-grid,
  html body main.module-main .category-grid.category-grid--five,
  html body main.store-main .store-grid,
  html body main.store-category-main .product-grid,
  html body main.architecture-main .gallery-items-container,
  html body main.civil-main .gallery-items-container,
  html body.content-section-page #contentApp :is(.v74-level2-grid,.v74-sample-grid,.v49-grid,.v49-work-grid,.v71-sample-grid,.v72-sample-grid,.v73-portfolio-grid),
  html body .research-index-grid,
  html body .people-grid,
  html body .emkan-related-grid,
  html body .related-grid,
  html body .dx-grid,
  html body .vthumb-grid,
  html body .emkan-clients-grid{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;max-width:none!important;min-width:0!important;
    gap:18px 10px!important;justify-content:stretch!important;align-items:start!important;grid-auto-rows:auto!important;
  }
  html body main.module-main .category-grid > .category-card,
  html body main.store-main .store-grid > .store-card,
  html body main.store-category-main .product-grid > .product-card,
  html body main.architecture-main .gallery-items-container > .gallery-item,
  html body main.civil-main .gallery-items-container > .gallery-item,
  html body.content-section-page #contentApp :is(.v74-level2-grid,.v74-sample-grid,.v49-grid,.v49-work-grid,.v71-sample-grid,.v72-sample-grid,.v73-portfolio-grid) > *,
  html body .research-index-grid > *,html body .people-grid > *,html body .emkan-related-grid > *,html body .related-grid > *,html body .dx-grid > *,html body .vthumb-grid > *,html body .emkan-clients-grid > *{
    width:100%!important;max-width:none!important;min-width:0!important;margin-inline:0!important;
  }
}
@media(max-width:430px){
  html body main.module-main .category-grid,
  html body main.module-main .category-grid.category-grid--five,
  html body main.store-main .store-grid,
  html body main.store-category-main .product-grid,
  html body main.architecture-main .gallery-items-container,
  html body main.civil-main .gallery-items-container{gap:15px 9px!important}
}

/* v177 interaction cleanup: choices rely on hover + selected weight, not a line under every item. */
html body :is(
  .category-button,.category-choice,.article-category-choice,.v49-filter-option,
  .podcast-filter-list button,.podcast-topics button,.podcast-seasons button,
  .store-subcategory-list a,.store-sort-list button,.civil-filter-list button,.research-filter-list button,
  .emkan-landing-category,.people-group-button,.practice-button,.team-member-button,.episode-filter,
  .language-direct-choice,.library-filter,.dx-filter,.emkan-search-filter
){border-bottom:0!important;text-decoration:none!important;box-shadow:none!important}
html body :is(.learning-next .v49-button,.v49-actions .v49-button){padding-inline:0!important}