/* Brick appeal presentation: retains all slot data and selection behaviour. */
body.dus-appeal #build-a-wall{padding:36px 0 48px;background:#f4f5f8;border-color:#dde1e6}
body.dus-appeal #bricks{padding:0;background:transparent}
body.dus-appeal #bricks>.container{max-width:1352px}
body.dus-appeal #bricks .lead__info{margin:0 0 20px!important;display:grid;grid-template-columns:minmax(0,1fr);text-align:left}
body.dus-appeal #bricks .hadith-box{max-width:none!important;margin:0 0 26px!important;padding:22px 28px;background:#fff;border:1px solid #dde1e6;border-left:3px solid #01705c;border-radius:12px;text-align:left;box-shadow:none}
body.dus-appeal #bricks .hadith-box em{display:block;margin:0 0 12px!important;color:#01705c;font-family:inherit;font-size:17px;line-height:1.6;font-style:normal;font-weight:500;text-transform:none;letter-spacing:0}
body.dus-appeal #bricks .hadith-meta{font-size:13px!important;line-height:1.65;color:#666b74!important}
body.dus-appeal #bricks .hadith-meta .narrator{font-weight:500!important}
body.dus-appeal #bricks .lead__info>h2{width:100%;max-width:none;font-size:28px;line-height:1.2;letter-spacing:-.04em;text-transform:none;color:#fff;background:#01705c;padding:22px 28px 6px;margin:0!important;border-radius:12px 12px 0 0}
body.dus-appeal #bricks .lead__info>h2 span{color:#fff}
body.dus-appeal #bricks .lead__info>p{font-size:14px;line-height:1.5;font-weight:400;color:#fff!important;background:#01705c;padding:0 28px 22px;margin:0!important;border-radius:0 0 12px 12px}
body.dus-appeal #bricks .brick-wall-container{max-width:none;width:100%;margin:0;padding:28px;background:#252839;border:1px solid #252839;border-radius:14px;box-shadow:0 8px 24px #2528390c;overflow:hidden}
body.dus-appeal #bricks .brick-wall{width:100%;max-width:none;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:0;height:auto;overflow:visible}
body.dus-appeal #bricks .brick{flex:0 0 calc(100% / 15 - 6px);width:calc(100% / 15 - 6px);height:40px;min-height:40px;padding:4px;box-sizing:border-box;border-radius:4px;font-family:inherit;font-size:13px;font-weight:650;line-height:1.15;letter-spacing:0;transition:outline-color .12s}
body.dus-appeal #bricks .brick>span:first-child{font-size:13px;font-weight:700}
body.dus-appeal #bricks .brick>span:last-child{font-size:11px;line-height:1.2}
body.dus-appeal #bricks .brick.available:focus-visible{outline:3px solid #ffd249;outline-offset:2px}
body.dus-appeal #bricks .brick.available:hover{transform:translateY(-1px)}
body.dus-appeal #bricks .brick-stats{display:grid;grid-template-columns:1fr 1fr 1.5fr;align-items:start;gap:24px;width:100%;padding-top:24px;margin-top:28px!important;border-top:1px solid #ffffff26}
body.dus-appeal #bricks .brick-stat-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;min-width:0;text-align:center}
body.dus-appeal #bricks .brick-stat-item>span{font-size:11px;font-weight:500;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;color:#d7dae1}
body.dus-appeal #bricks .brick-stat-item strong{font-family:inherit;font-size:30px;font-weight:700;line-height:1.2;letter-spacing:-.035em;color:#ffd249}
@media(max-width:1023px){body.dus-appeal #bricks .brick{flex-basis:calc(100% / 10 - 6px);width:calc(100% / 10 - 6px)}}
@media(max-width:767px){body.dus-appeal #build-a-wall{padding:24px 0 32px}body.dus-appeal #bricks .hadith-box{padding:20px;margin-bottom:20px!important}body.dus-appeal #bricks .hadith-box em{font-size:15px;line-height:1.65}body.dus-appeal #bricks .hadith-meta{font-size:12px!important}body.dus-appeal #bricks .lead__info>h2{padding:20px 20px 7px;font-size:25px}body.dus-appeal #bricks .lead__info>p{padding:0 20px 20px;font-size:14px}body.dus-appeal #bricks .brick-wall-container{padding:14px;border-radius:12px}body.dus-appeal #bricks .brick-wall{gap:5px;max-height:480px;overflow-y:auto;overflow-x:hidden;padding:2px;scrollbar-width:thin;scrollbar-color:#ffd249 #252839}body.dus-appeal #bricks .brick{flex-basis:calc(25% - 5px);width:calc(25% - 5px);height:44px;min-height:44px;font-size:13px}body.dus-appeal #bricks .brick-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px;margin-top:22px!important;padding-top:20px}body.dus-appeal #bricks .brick-stat-item:last-child{grid-column:1/-1}body.dus-appeal #bricks .brick-stat-item strong{font-size:27px}body.dus-appeal #bricks .brick-stat-item>span{font-size:10px}}