/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 31 2026 | 18:17:59 */
/* AMEN PRINTING — SHOWCASE design | showcase (v2: two collections, Traditional + Modern)
   Expects (Enfold, Showcase page 46): .amen-page-hero and .amen-cta (shared, SITE design); .amen-showcase section with
   .amen-head-col / .amen-copy-col, card columns .amen-card-col (Image .amen-card-img + Text Block .amen-card-text with
   span.amen-anchor#<slug>), note .amen-showcase-note. v3.0 — 2026-10-31 */

#top .amen-showcase .flex_column.amen-card-col { position: relative; margin-top: var(--amen-gap-m); }
#top .amen-showcase .flex_column.amen-card-col.amen-card-row-first { margin-top: var(--amen-gap-l); }
#top .amen-showcase .amen-anchor { position: absolute; top: -120px; left: 0; width: 1px; height: 1px; }
#top .amen-card-img .avia-image-overlay-wrap { position: relative; overflow: hidden; border-radius: var(--amen-radius); }
#top .amen-card-img img.avia_image { aspect-ratio: 4 / 5; border-radius: var(--amen-radius); transition: transform .5s cubic-bezier(.2,.8,.2,1); }
#top .amen-card-img .avia-image-overlay-wrap::after { content: ""; position: absolute; inset: 0; background: linear-gradient(115deg, transparent 35%, rgba(255,255,255,.28) 50%, transparent 65%); transform: translateX(-120%); transition: transform .8s ease; pointer-events: none; }
#top .amen-card-col:hover .amen-card-img img.avia_image { transform: scale(1.03); }
#top .amen-card-col:hover .amen-card-img .avia-image-overlay-wrap::after { transform: translateX(120%); }
#top .amen-card-text { padding-top: var(--amen-gap-s); border-bottom: 1px solid var(--amen-line); }
#top .amen-card-text .amen-card-num { margin: 0 0 8px; font-size: 10px !important; letter-spacing: .16em; color: var(--amen-red); }
#top .amen-card-text h3 { margin: 0 0 10px; font-size: clamp(22px, 2.2vw, 32px); font-weight: 500; line-height: 1.04; text-transform: uppercase; letter-spacing: -.035em; color: var(--amen-ink); }
#top .amen-card-text p:not(.amen-card-num) { margin: 0 0 20px; min-height: 3em; max-width: 34ch; font-size: 15px !important; line-height: 1.5 !important; color: rgba(23,25,21,.66); }
#top .amen-showcase-note { margin-top: var(--amen-gap-l); }

@media (max-width: 767px) {
  #top .amen-showcase .flex_column.amen-card-col, #top .amen-showcase .flex_column.amen-card-col.amen-card-row-first { margin-top: var(--amen-gap-m) !important; }
  #top .amen-showcase .flex_column.amen-card-col.first.amen-card-row-first { margin-top: var(--amen-gap-l) !important; }
  #top .amen-card-img img.avia_image { aspect-ratio: 1 / 1; }
  #top .amen-showcase-note p { flex-direction: column; gap: 6px; }
}

/* v2 — collection intro note under each grid */
#top .amen-collection-note { margin-top: var(--amen-gap-l); }

/* v3 — Modern designs: 3 brand cells per row (2 on tablet, 1 on phone); in each cell the T-shirt and the cap
   are stacked like playing cards. Cell = column .amen-brand-col with Images .amen-stack-back + .amen-stack-front
   and Text Block .amen-card-text. Captions carry no brand names (owner request 31 Oct). */
#top .amen-showcase-modern .flex_column.amen-brand-col { display: grid !important; grid-template-columns: minmax(0, 1fr); align-content: start; }
#top .amen-brand-col > .avia-image-container { grid-area: 1 / 1; width: 63%; margin: 0 !important; transform-origin: 50% 100%;
  transition: transform .55s cubic-bezier(.2,.8,.2,1); }
#top .amen-brand-col > .amen-stack-back { justify-self: start; margin-top: 2% !important; transform: rotate(-3deg); }
#top .amen-brand-col > .amen-stack-front { justify-self: end; margin-top: 21% !important; transform: rotate(2.5deg); z-index: 1; }
#top .amen-brand-col > .av_textblock_section { grid-area: 2 / 1; margin-top: var(--amen-gap-m); }
#top .amen-stack-card .avia-image-container-inner, #top .amen-stack-card .avia-image-overlay-wrap { display: block; width: 100%; }
#top .amen-stack-card .avia-image-overlay-wrap { position: relative; overflow: hidden; border-radius: var(--amen-radius); background: #fff;
  box-shadow: 0 1px 2px rgba(23,25,21,.10), 0 18px 34px -16px rgba(23,25,21,.42); }
#top .amen-stack-front .avia-image-overlay-wrap { box-shadow: 0 1px 2px rgba(23,25,21,.12), 0 22px 40px -14px rgba(23,25,21,.5); }
#top .amen-stack-card img.avia_image { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--amen-radius); }
#top .amen-stack-card .avia-image-overlay-wrap::after { content: ""; position: absolute; inset: 0; background: linear-gradient(115deg, transparent 35%, rgba(255,255,255,.28) 50%, transparent 65%); transform: translateX(-120%); transition: transform .8s ease; pointer-events: none; }
#top .amen-brand-col:hover > .amen-stack-back { transform: rotate(-5deg) translate(-3%, -2%); }
#top .amen-brand-col:hover > .amen-stack-front { transform: rotate(4deg) translate(3%, -3%); }
#top .amen-brand-col:hover .amen-stack-card .avia-image-overlay-wrap::after { transform: translateX(120%); }
#top .amen-showcase-modern .amen-card-text h3 { font-size: clamp(20px, 1.9vw, 28px); }
#top .amen-showcase .av_textblock_section:has(.amen-showcase-note) { clear: both; }
#top .amen-showcase-modern .flex_column.amen-brand-col { margin-top: var(--amen-gap-l); }
@media (min-width: 768px) and (max-width: 989px) {
  #top .amen-showcase-modern .flex_column.amen-brand-col { width: 48% !important; float: left; }
  #top .amen-showcase-modern .flex_column.amen-brand-col.amen-m-left { clear: both; margin-left: 0 !important; }
  #top .amen-showcase-modern .flex_column.amen-brand-col.amen-m-right { margin-left: 4% !important; }
  #top .amen-showcase-modern .flex_column.amen-brand-col { margin-top: var(--amen-gap-l) !important; }
}
@media (max-width: 767px) {
  #top .amen-showcase-modern .flex_column.amen-brand-col { margin-top: var(--amen-gap-l) !important; }
  #top .amen-brand-col > .avia-image-container { width: 62%; }
  #top .amen-showcase-modern .amen-card-text p:not(.amen-card-num) { min-height: 0; }
}