.catalog-conditions .area-map-card{background:linear-gradient(135deg,#eee3d5,#f9f5eb)}
.catalog-conditions .map-ring{border-radius:50% 35% 55% 40%;border-style:dashed;transform:rotate(17deg)}
.catalog-surfaces .area-map-card{background:linear-gradient(120deg,#dfe9df 0 32%,#eee3d5 32% 65%,#e5d6df 65%)}
.catalog-surfaces .map-ring{border-radius:6px;transform:rotate(-12deg);border-width:1px}
.detail-map--conditions{background:linear-gradient(145deg,#f1e4d6,#faf7ee)}
.detail-map--conditions .map-ring{border-style:dashed;transform:rotate(15deg);border-radius:50% 35% 62% 42%}
.detail-map--surfaces{background:linear-gradient(120deg,#dfe9df 0 33%,#efe5d7 33% 66%,#eadde5 66%)}
.detail-map--surfaces .map-ring{border-radius:8px;transform:rotate(-9deg)}
.detail-guide{border-top:1px solid var(--line)}.detail-guide__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.detail-guide__grid article{background:var(--paper-2);border:1px solid var(--line);padding:28px}.detail-guide__grid article>span{font-size:.64rem;color:var(--plum);font-weight:800}.detail-guide__grid h3{font:700 1rem/1.8 "Noto Kufi Arabic";margin:8px 0 15px}.detail-guide__grid p{font-size:.78rem;color:var(--muted);line-height:2}.district-box{margin-top:18px;background:var(--sage-pale);padding:26px;border-right:6px solid var(--sage)}.district-box>strong{font:.78rem "Noto Kufi Arabic"}.district-box>div{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.district-box span{background:var(--paper-2);border:1px solid var(--line);padding:7px 11px;font-size:.7rem}.district-box p{font-size:.72rem;color:var(--muted);margin:0}@media(max-width:820px){.detail-guide__grid{grid-template-columns:1fr}}