.elementor-5841 .elementor-element.elementor-element-278b52f1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5841 .elementor-element.elementor-element-9a3eea0{text-align:center;}.elementor-5841 .elementor-element.elementor-element-9a3eea0 .mil-breadcrumbs ul{justify-content:center;}.elementor-5841 .elementor-element.elementor-element-9a3eea0 .mil-el-title{font-size:48px;}.elementor-5841 .elementor-element.elementor-element-36fa61eb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5841 .elementor-element.elementor-element-35157bad{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:40px;--padding-left:0px;--padding-right:50px;}.elementor-5841 .elementor-element.elementor-element-2b1f3b14 .elementor-heading-title{font-family:"Ubuntu", Sans-serif;font-size:18px;font-weight:600;text-transform:uppercase;color:#000000;}.elementor-5841 .elementor-element.elementor-element-2706939e{width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;}.elementor-5841 .elementor-element.elementor-element-2706939e > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-5841 .elementor-element.elementor-element-5c86397{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-5841 .elementor-element.elementor-element-36fa61eb{--padding-top:50px;--padding-bottom:0px;--padding-left:80px;--padding-right:80px;}.elementor-5841 .elementor-element.elementor-element-35157bad{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5841 .elementor-element.elementor-element-5c86397{--padding-top:0px;--padding-bottom:100px;--padding-left:80px;--padding-right:80px;}}@media(max-width:767px){.elementor-5841 .elementor-element.elementor-element-9a3eea0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5841 .elementor-element.elementor-element-9a3eea0 .mil-el-title{font-size:35px;}.elementor-5841 .elementor-element.elementor-element-36fa61eb{--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-5841 .elementor-element.elementor-element-2706939e{--container-widget-width:50px;--container-widget-flex-grow:0;width:var( --container-widget-width, 50px );max-width:50px;}.elementor-5841 .elementor-element.elementor-element-5c86397{--padding-top:0px;--padding-bottom:80px;--padding-left:50px;--padding-right:50px;}}@media(min-width:768px){.elementor-5841 .elementor-element.elementor-element-36fa61eb{--content-width:1200px;}.elementor-5841 .elementor-element.elementor-element-35157bad{--width:100%;}.elementor-5841 .elementor-element.elementor-element-5c86397{--content-width:1200px;}}/* Start custom CSS for ruizarch-intro, class: .elementor-element-9a3eea0 */.elementor-5841 .elementor-element.elementor-element-9a3eea0 .mil-center{
    padding-left: 50px;
    text-align: left;
}

@media only screen and (max-width: 600px) {
    .elementor-5841 .elementor-element.elementor-element-9a3eea0 .mil-center{
    padding-left: 10px;
}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e7d263b *//* ---------- Card base ---------- */
.amka-brand-card{
  position:relative; display:block; text-decoration:none; color:inherit;
  width:100%; aspect-ratio:1/1; overflow:hidden; transition:transform .3s ease;
  --cut:54px;                    /* top-right notch size */
  --brand-color:#000;            /* overridden per card inline */
}
.amka-brand-card:hover{ transform: translateY(-10px); }

/* ---------- Inner shape (square with top-right cut) ---------- */
.amka-card-shape{
  position:relative; width:100%; height:100%; display:grid; place-items:center; background:white;
  clip-path: polygon(0% 0%,
                     calc(100% - var(--cut)) 0%,
                     100% var(--cut),
                     100% 100%,
                     0% 100%);
}

/* ---------- Logo ---------- */
.brand-logo{
  width:auto !important; height:auto !important; max-width:40%; max-height:50%;
  object-fit:contain; display:block;
}
.brand-icon-placeholder{ font-size:1.5rem; font-weight:700; color:#000; text-align:center; }

/* ---------- Pure-CSS edge draw ---------- */
.amka-card-shape .edge{
  position:absolute; background:#bdbdbd; pointer-events:none;
  will-change: transform; backface-visibility:hidden;
}

/* Thicknesses */
:root{
  --edge-grey: 2px;   /* base outline thickness */
  --edge-col:  3px;   /* animated outline thickness */
}

/* GREY base (always visible) */
.amka-card-shape .edge.base{ background:#bdbdbd; }

/* Top (left→right until the notch) */
.amka-card-shape .edge.base.e1{
  top:0; left:0; height:var(--edge-grey);
  width: calc(100% - var(--cut));
}

/* Diagonal notch: start at (100%-cut,0) and go to (100%,cut) */
.amka-card-shape .edge.base.e2{
  position:absolute;
  height:var(--edge-grey);
  width: calc(var(--cut) * 1.41421356237); /* cut * sqrt(2) */
  top:28px; right:-50px;
  transform:
    translate(calc(var(--cut)*-0.5), calc(var(--cut)*-0.5))
    rotate(45deg);
  transform-origin: left top;
}

/* Right side */
.amka-card-shape .edge.base.e3{
  top: var(--cut); right:0; width:var(--edge-grey);
  height: calc(100% - var(--cut));
}

/* Bottom side */
.amka-card-shape .edge.base.e4{
  bottom:0; left:0; height:var(--edge-grey); width:100%;
}

/* Left side */
.amka-card-shape .edge.base.e5{
  top:0; left:0; width:var(--edge-grey); height:100%;
}

/* ---------- Animated colour stroke ---------- */
.amka-card-shape .edge.anim{ background:var(--brand-color); }

/* Top */
.amka-card-shape .edge.anim.e1{
  top: calc(-0.5 * (var(--edge-col) - var(--edge-grey)));
  left:0; height:var(--edge-col); width: calc(100% - var(--cut));
  transform-origin:left center; transform: scaleX(0);
}

/* Diagonal */
.amka-card-shape .edge.anim.e2{
  height:var(--edge-col);
  width: calc(var(--cut) * 1.41421356237);
  top:0; right:0;
  transform-origin:left center;
  transform:
    translate(calc(var(--cut)*-0.5), calc(var(--cut)*-0.5))
    rotate(45deg) scaleX(0);
}

/* Right */
.amka-card-shape .edge.anim.e3{
  top: var(--cut);
  right: calc(-0.5 * (var(--edge-col) - var(--edge-grey)));
  width:var(--edge-col); height: calc(100% - var(--cut));
  transform-origin:center top; transform: scaleY(0);
}

/* Bottom */
.amka-card-shape .edge.anim.e4{
  bottom: calc(-0.5 * (var(--edge-col) - var(--edge-grey)));
  left:0; height:var(--edge-col); width:100%;
  transform-origin:right center; transform: scaleX(0);
}

/* Left */
.amka-card-shape .edge.anim.e5{
  top:0;
  left: calc(-0.5 * (var(--edge-col) - var(--edge-grey)));
  width:var(--edge-col); height:100%;
  transform-origin:center bottom; transform: scaleY(0);
}

/* Draw sequence (top → diag → right → bottom → left) */
.amka-card-shape .edge.anim{ transition-timing-function:ease; }
.amka-brand-card:hover .amka-card-shape .edge.anim.e1{ transition: transform .13s;            transform: scaleX(1); }
.amka-brand-card:hover .amka-card-shape .edge.anim.e2{ transition: transform .09s .13s;       top: 26px; right: -49px; transform: translate(calc(var(--cut)*-0.5), calc(var(--cut)*-0.5)) rotate(45deg) scaleX(1); }
.amka-brand-card:hover .amka-card-shape .edge.anim.e3{ transition: transform .18s .22s;       transform: scaleY(1); }
.amka-brand-card:hover .amka-card-shape .edge.anim.e4{ transition: transform .21s .40s;       transform: scaleX(1); }
.amka-brand-card:hover .amka-card-shape .edge.anim.e5{ transition: transform .21s .63s;       transform: scaleY(1); }

/* ---------- Filter & Layout ---------- */

/* make room only while stuck */
.amka-brand-filters { position: sticky; top: 2rem; }
.amka-brand-filters.is-stuck { top: var(--sticky-top, 2rem); }

/* when filter="none" was used on the shortcode */
.amka-brand-browser.no-filters { grid-template-columns: 1fr; }
.amka-brand-browser.no-filters .amka-brand-filters { display: none; }

/* ===== Improved Layout: flex instead of grid ===== */
:root{
  --header-offset: 96px;   /* approximate height of the fixed header */
  --sticky-gap: 16px;
}

/* Wrapper: sidebar + brand grid */
.amka-brand-browser{
  display:flex !important;
  gap:3rem;
  align-items:flex-start;
  flex-wrap:nowrap;
}

/* Sidebar (sticky) */
.amka-brand-filters{
  flex:0 0 340px;
  max-width:340px;
  position:sticky;
  top:calc(var(--header-offset) + var(--sticky-gap));
  align-self:flex-start;
}

/* Brand grid (cards) */
#amka-brand-grid{
  flex:1 1 auto;
}

/* Responsive stack */
@media (max-width:1024px){
  .amka-brand-browser{ display:block !important; }
  .amka-brand-filters{
    position:static;
    margin-bottom:2rem;
  }
}

/* Elementor shortcode fix */
.elementor-shortcode > .amka-brand-browser{
  display:flex !important;
}


/* Dynamic columns via shortcode attribute */
.amka-brand-grid-wrapper {
  --cols: 3;
}
.amka-brand-grid-wrapper .amka-brand-grid {
  display: grid;
  grid-template-columns: repeat(var(--cols), minmax(220px, 1fr));
  gap: 2rem;
}

/* Responsive fallbacks */
@media (max-width: 1024px) {
  .amka-brand-grid-wrapper .amka-brand-grid {
    grid-template-columns: repeat(2, minmax(200px, 1fr));
  }
}
@media (max-width: 768px) {
  .amka-brand-grid-wrapper .amka-brand-grid {
    grid-template-columns: 1fr 1fr;
  }
}


/* ---------- Brand grid ---------- */
#amka-brand-grid.is-loading{ opacity:.5; pointer-events:none; }
.amka-brand-grid{ display:grid; grid-template-columns:repeat(3, minmax(220px,1fr)); gap:2rem; }
@media (max-width:1024px){ .amka-brand-grid{ grid-template-columns:repeat(2, minmax(200px,1fr)); } }
@media (max-width:768px){ .amka-brand-grid{ grid-template-columns:1fr 1fr; } }

/* ---------- Filter styling ---------- */
.amka-search-label{ display:block; font-weight:600; margin-bottom:.25rem; }
.amka-search-wrap{ margin-bottom:1rem; }
.amka-filter-heading{ font-weight:700; margin:1rem 0 .5rem; }
.amka-filter-level{ list-style:none; padding-left:0; margin:.25rem 0; }
.amka-filter-level-1{ margin-left:1rem; }
.amka-filter-level-2{ margin-left:2rem; }
.amka-filter-check{ display:flex; align-items:center; gap:.5rem; cursor:pointer; }
.amka-filter-count{ opacity:.65; font-size:.9em; }

/* ---------- Search input ---------- */
#amka-brand-search{ border:none; border-bottom:1px solid gray; padding:5px; width:100%; }
#amka-brand-search:focus{ outline:none; }/* End custom CSS */