.ii-adhan{padding:24px 40px 44px;color:#252b2e;background:#fff;letter-spacing:0}
.ii-adhan *{box-sizing:border-box;letter-spacing:0}
.ii-adhan__inner{max-width:1360px;margin:auto}
.ii-adhan__breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:#626965;margin-bottom:24px}
.ii-adhan__breadcrumb a{text-decoration:none;color:inherit}
.ii-adhan__heading{margin:0 0 28px}
.ii-adhan__heading h1,.ii-adhan__heading h2{font-family:inherit;font-size:22px;font-weight:600;line-height:1.3;margin:0 0 10px;text-transform:none;letter-spacing:0}
.ii-adhan__heading p{font-size:15px;color:#555e59;line-height:1.6;margin:0;max-width:750px}
.ii-adhan__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.ii-adhan__card{min-width:0;display:flex;flex-direction:column;background:#fff}
.ii-adhan__image{display:flex;align-items:center;justify-content:center;background:#f8f9f8;aspect-ratio:1/1;border-radius:4px;overflow:hidden}
.ii-adhan__image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:22px;transition:transform .2s ease}
.ii-adhan__image:hover img{transform:scale(1.025)}
.ii-adhan__copy{display:flex;flex-direction:column;flex:1;padding:16px 0 0}
.ii-adhan__kind{font-size:11px;color:#6d746f;margin:0 0 7px}
.ii-adhan__copy h3{font-family:inherit;font-size:16px;font-weight:600;line-height:1.35;letter-spacing:0;margin:0 0 10px;min-height:44px}
.ii-adhan__copy h3 a{color:#242a27;text-decoration:none}
.ii-adhan__price{font-size:17px;font-weight:600;color:#9d2620;margin:0 0 12px}
.ii-adhan__feature{font-size:13px;line-height:1.6;color:#555e59;margin:0 0 20px}
.ii-adhan__action{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;border-block:1px solid #dfe4e0;color:#292e2b;font-size:13px;font-weight:600;text-decoration:none;margin-top:auto}
.ii-adhan__action:hover{color:#9d2620;border-color:#9d2620}
.ii-adhan :is(a,button):focus-visible{outline:3px solid #9d2620;outline-offset:3px}
.ii-adhan__guidance{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:28px 0 22px;margin-top:36px;border-top:1px solid #dfe4e0}
.ii-adhan__guidance h2,.ii-adhan__tools h2{font-family:inherit;font-size:17px;font-weight:600;line-height:1.4;margin:0 0 7px;letter-spacing:0}
.ii-adhan__guidance p,.ii-adhan__tools p{font-size:14px;line-height:1.6;color:#555e59;margin:0;max-width:530px}
.ii-adhan__note{font-size:12px;line-height:1.6;color:#69716c;margin:16px 0 0;max-width:1040px}
.ii-adhan__tools{display:flex;justify-content:space-between;align-items:center;gap:24px;border-block:1px solid #dfe4e0;margin-top:30px;padding:24px 0}
.ii-adhan__tools>a{font-size:13px;font-weight:600;color:#9d2620;text-decoration:underline;text-underline-offset:5px;min-height:44px;display:flex;align-items:center;gap:12px}
@media(max-width:1000px){.ii-adhan{padding-inline:24px}.ii-adhan__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}.ii-adhan__image{aspect-ratio:6/5}.ii-adhan__image img{padding:24px}.ii-adhan__copy h3{min-height:0}}
@media(max-width:600px){.ii-adhan{padding:18px 16px 30px}.ii-adhan__breadcrumb{font-size:11px;margin-bottom:20px}.ii-adhan__heading h1,.ii-adhan__heading h2{font-size:25px;line-height:1.2}.ii-adhan__heading p{font-size:14px}.ii-adhan__heading{margin-bottom:22px}.ii-adhan__grid{gap:26px 16px}.ii-adhan__image{aspect-ratio:4/5}.ii-adhan__image img{padding:12px}.ii-adhan__copy{padding-top:12px}.ii-adhan__copy h3{font-size:14px;min-height:58px;margin-bottom:9px}.ii-adhan__price{font-size:16px}.ii-adhan__feature{font-size:12px;line-height:1.55;margin-bottom:14px}.ii-adhan__action{font-size:12px}.ii-adhan__guidance{grid-template-columns:1fr;gap:22px;margin-top:28px;padding-top:24px}.ii-adhan__guidance h2,.ii-adhan__tools h2{font-size:16px}.ii-adhan__guidance p,.ii-adhan__tools p{font-size:13px}.ii-adhan__tools{display:block;padding-right:36px}.ii-adhan__tools>a{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.ii-adhan__image img{transition:none}}
@media(max-width:600px){.ii-adhan__action{justify-content:flex-start;gap:8px}}
@media(max-width:600px){.ii-adhan__heading h2{font-size:19px}}
