/* Àsà Moremi PATCH 10 — refined image-led category collections. Loaded after Patch 09. */
.category-panels--p10{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.category-panel--p10{
  display:flex!important;flex-direction:column;min-width:0;
  height:450px!important;min-height:450px!important;position:relative;isolation:isolate;
  padding:0!important;overflow:hidden;color:#123f2d!important;background:#f5efe4!important;
  border:1px solid #d5c29e;box-shadow:0 4px 12px rgba(0,0,0,.055);
  text-decoration:none;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.category-panel--p10::before,.category-panel--p10::after{content:none!important;display:none!important}
.category-panel--p10:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,.12);border-color:#c29c60}
.category-panel--p10:focus-visible{outline:3px solid #ddba7e;outline-offset:4px}
.category-panel--p10 .category-panel-p10-visual{flex:1 1 auto;min-height:0;overflow:hidden;background:#efe2cf;position:relative}
.category-panel--p10 .category-panel-p10-visual img{
  display:block;width:100%!important;height:100%!important;min-height:0!important;
  padding:0!important;margin:0!important;object-fit:cover!important;
  object-position:50% 30%;mix-blend-mode:normal!important;filter:none!important;
  transition:transform .45s ease;transform:none;
}
.category-panel--p10:hover .category-panel-p10-visual img{transform:scale(1.035)}
.category-panel--p10 .category-panel-p10-copy{
  position:relative;z-index:1;flex:0 0 auto;background:#f6f0e6;padding:18px 24px 21px;
  border-top:1px solid rgba(185,152,99,.22)
}
.category-panel--p10 .category-panel-p10-overline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.category-panel--p10 .category-panel-p10-overline span{
  color:#947342!important;font:700 8px/1.35 var(--sans)!important;letter-spacing:.12em;text-transform:uppercase;
}
.category-panel--p10 .category-panel-p10-overline span:nth-child(2){text-align:right;color:#917d5f!important}
.category-panel--p10 .category-panel-p10-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}
.category-panel--p10 .category-panel-p10-bottom h3{
  font:500 clamp(29px,2.6vw,36px)/1.07 var(--display)!important;
  letter-spacing:-.035em;color:#123f2d!important;margin:0!important;
  text-transform:none;max-width:calc(100% - 38px);
}
.category-panel--p10 .category-panel-p10-arrow{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid #c7aa7a;border-radius:50%;color:#123f2d}
.category-panel--p10 .category-panel-p10-arrow svg{height:17px;width:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s ease}
.category-panel--p10:hover .category-panel-p10-arrow svg{transform:translateX(3px)}
.category-panel--p10 .category-panel-p10-cta{display:block!important;margin-top:9px;color:#566c59!important;font:700 9px/1.5 var(--sans)!important;letter-spacing:.17em;text-transform:uppercase}
@media(max-width:1100px){
 .category-panels--p10{gap:13px}
 .category-panel--p10{height:407px!important;min-height:407px!important}
 .category-panel--p10 .category-panel-p10-copy{padding:15px 16px 18px}
 .category-panel--p10 .category-panel-p10-bottom h3{font-size:clamp(25px,2.8vw,32px)!important}
 .category-panel--p10 .category-panel-p10-overline span{font-size:7px!important}
}
@media(max-width:760px){
 .category-panels--p10{grid-template-columns:1fr;gap:16px}
 .category-panel--p10{height:420px!important;min-height:420px!important}
 .category-panel--p10 .category-panel-p10-copy{padding:19px 20px 20px}
 .category-panel--p10 .category-panel-p10-bottom h3{font-size:34px!important}
 .category-panel--p10 .category-panel-p10-overline span{font-size:8px!important}
 .category-panel--p10 .category-panel-p10-visual img{object-position:center 28%}
}
@media(max-width:400px){
 .category-panel--p10{height:388px!important;min-height:388px!important}
 .category-panel--p10 .category-panel-p10-copy{padding:16px 17px 18px}
 .category-panel--p10 .category-panel-p10-bottom h3{font-size:30px!important}
 .category-panel--p10 .category-panel-p10-cta{font-size:8px!important}
}
@media(prefers-reduced-motion:reduce){.category-panel--p10,.category-panel--p10 img,.category-panel--p10 svg{transition:none!important}}