.icag-ah-wrap{ --maroon:#801710; --ink:#171827; --muted:#5b5c67; --line:#e8e8ec; position:relative; width:100%; max-width:100%; margin:0 auto; padding:0 12px; font-family:Arial,Helvetica,sans-serif; color:var(--ink); box-sizing:border-box; overflow:hidden; } .icag-ah-wrap *{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif} .icag-ah-shell{position:relative;width:min(100%,1280px);max-width:1280px;margin:0 auto} .icag-ah-viewport{overflow:hidden;width:100%;padding:4px 0 14px} .icag-ah-track{display:flex;gap:14px;transition:transform .45s cubic-bezier(.2,.7,.2,1);will-change:transform} .icag-ah-card{flex:0 0 calc((100% - 42px)/4);max-width:calc((100% - 42px)/4);background:#fff;border:1px solid #eee;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.06);min-width:0;display:flex;flex-direction:column} .icag-ah-image{background:#f7f7f8;height:clamp(250px,28vw,360px);display:flex;align-items:center;justify-content:center;overflow:hidden} .icag-ah-image img{width:100%;height:100%;object-fit:contain;display:block} .icag-ah-card-body{padding:15px 12px 14px;text-align:center;display:flex;flex-direction:column;align-items:center;flex:1;min-height:165px} .icag-ah-card h3{font-size:clamp(15px,1.15vw,19px);line-height:1.18;text-transform:uppercase;margin:0 0 7px;font-weight:700;min-height:2.35em;display:flex;align-items:flex-start;justify-content:center} .icag-ah-subtitle{font-size:clamp(11px,.9vw,13px);line-height:1.35;text-transform:uppercase;letter-spacing:.02em;color:#4f4f58;min-height:1.35em;font-weight:400} .icag-ah-details{margin:15px 0 13px;background:#050505;color:#fff;border:2px solid #3b3b3b;border-radius:6px;padding:9px 17px;font-size:13px;font-weight:600;cursor:pointer;transition:.2s ease;max-width:100%} .icag-ah-details:hover,.icag-ah-details:focus{background:var(--maroon);border-color:var(--maroon);outline:none} .icag-ah-social{display:flex;gap:14px;margin-top:auto;align-items:center;justify-content:center;flex-wrap:wrap} .icag-ah-social a{color:#990b0b;text-decoration:none;font-weight:600;font-size:16px;line-height:1} .icag-ah-arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.97);box-shadow:0 3px 12px rgba(0,0,0,.16);font-size:20px;line-height:1;cursor:pointer;z-index:8;color:var(--ink);display:flex;align-items:center;justify-content:center} .icag-ah-prev{left:4px}.icag-ah-next{right:4px} .icag-ah-arrow:hover{background:var(--maroon);color:#fff}.icag-ah-arrow:disabled{opacity:.22;cursor:not-allowed} .icag-ah-empty{text-align:center;color:var(--muted)} /* Modal is moved to by JavaScript so transformed carousel parents cannot resize/crop it. */ .icag-ah-modal,.icag-ah-modal *{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif!important} .icag-ah-modal{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:12px} .icag-ah-modal.is-open{display:flex} .icag-ah-modal-backdrop{position:absolute;inset:0;background:rgba(15,15,18,.72);backdrop-filter:blur(3px)} .icag-ah-modal-dialog{position:relative;z-index:1;background:#fff;width:min(1080px,calc(100vw - 48px));max-height:min(88vh,720px);overflow:hidden;border-radius:14px;box-shadow:0 28px 80px rgba(0,0,0,.3)} .icag-ah-close{position:absolute;right:12px;top:12px;z-index:5;border:0;background:#111;color:#fff;width:38px;height:38px;border-radius:50%;font-size:25px;font-weight:400;line-height:36px;cursor:pointer;padding:0} .icag-ah-modal-grid{display:grid;grid-template-columns:minmax(260px,40%) minmax(0,60%);height:min(88vh,720px);max-height:min(88vh,720px);min-height:0} .icag-ah-modal-image{background:#f3f3f4;display:flex;align-items:center;justify-content:center;padding:12px;min-width:0;min-height:0;overflow:hidden} .icag-ah-modal-image img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain} .icag-ah-modal-content{padding:24px 28px 18px;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;overscroll-behavior:contain;scrollbar-width:thin} .icag-ah-modal-content h1,.icag-ah-modal-content h2,.icag-ah-modal-content h3,.icag-ah-modal-content h4,.icag-ah-modal-content h5,.icag-ah-modal-content h6{font-family:Arial,Helvetica,sans-serif!important;font-weight:700!important;color:var(--ink);line-height:1.18;margin-top:0} .icag-ah-modal-content h3{font-size:clamp(20px,1.8vw,27px);text-transform:uppercase;margin:0 48px 8px 0;overflow-wrap:anywhere} .icag-ah-modal-subtitle{color:var(--maroon);font-weight:600!important;margin-bottom:14px;text-transform:uppercase;font-size:13px;line-height:1.35} .icag-ah-richtext,.icag-ah-richtext p,.icag-ah-richtext li,.icag-ah-richtext div,.icag-ah-richtext span,.icag-ah-richtext a{font-family:Arial,Helvetica,sans-serif!important} .icag-ah-richtext{font-size:14px;line-height:1.42;color:#303039;overflow-wrap:anywhere;font-weight:400;min-height:0;overflow:auto;padding-right:5px;flex:1 1 0;max-height:100%} .icag-ah-richtext p{margin:0 0 10px;font-weight:400!important} .icag-ah-richtext ul,.icag-ah-richtext ol{margin:7px 0 10px;padding-left:21px} .icag-ah-richtext li{margin:2px 0;font-weight:400!important} .icag-ah-richtext strong,.icag-ah-richtext b{font-weight:600!important} .icag-ah-richtext h2{font-size:20px;margin:14px 0 7px} .icag-ah-richtext h3{font-size:18px;margin:12px 0 6px;text-transform:none} .icag-ah-richtext h4,.icag-ah-richtext h5,.icag-ah-richtext h6{font-size:16px;margin:10px 0 5px} .icag-ah-richtext img{max-width:100%;height:auto} .icag-ah-modal-actions{display:flex!important;visibility:visible!important;opacity:1!important;flex-wrap:wrap;gap:9px;margin-top:10px;padding:12px 0 2px;flex:0 0 auto;background:#fff;position:sticky;bottom:0;z-index:4;border-top:1px solid #eee} .icag-ah-action{display:inline-flex!important;visibility:visible!important;opacity:1!important;align-items:center;justify-content:center;padding:11px 18px;border-radius:7px;background:#801710!important;color:#fff!important;text-decoration:none!important;font-size:14px;font-weight:600!important;line-height:1.2;max-width:100%;overflow-wrap:anywhere;min-height:40px} .icag-ah-action:nth-child(2n){background:#111!important}.icag-ah-action:hover{filter:brightness(.92)} body.icag-ah-modal-open{overflow:hidden!important} /* Extra compression is applied only when the content is too tall for the viewport. */ .icag-ah-modal.icag-ah-modal-compact .icag-ah-modal-content{padding:22px 26px 18px} .icag-ah-modal.icag-ah-modal-compact .icag-ah-modal-content h3{font-size:23px;margin-bottom:6px} .icag-ah-modal.icag-ah-modal-compact .icag-ah-modal-subtitle{margin-bottom:10px;font-size:13px} .icag-ah-modal.icag-ah-modal-compact .icag-ah-richtext{font-size:14px;line-height:1.4} .icag-ah-modal.icag-ah-modal-compact .icag-ah-richtext p{margin-bottom:7px} .icag-ah-modal.icag-ah-modal-compact .icag-ah-modal-actions{margin-top:8px;padding-top:9px} .icag-ah-modal.icag-ah-modal-compact .icag-ah-action{padding:9px 15px;font-size:13px} @media(max-width:1100px){ .icag-ah-shell{width:min(100%,980px)} .icag-ah-track{gap:12px} .icag-ah-card{flex-basis:calc((100% - 24px)/3);max-width:calc((100% - 24px)/3)} .icag-ah-image{height:300px} .icag-ah-modal-grid{grid-template-columns:minmax(260px,40%) minmax(0,60%)} .icag-ah-modal-content{padding:24px 26px 20px} .icag-ah-richtext{font-size:14px;line-height:1.44} } @media(max-width:820px){ .icag-ah-wrap{padding:0 10px} .icag-ah-shell{width:min(100%,720px)} .icag-ah-track{gap:12px} .icag-ah-card{flex-basis:calc((100% - 12px)/2);max-width:calc((100% - 12px)/2)} .icag-ah-image{height:320px} .icag-ah-card-body{padding:15px 12px 14px;min-height:160px} .icag-ah-modal{padding:8px} .icag-ah-modal-dialog{width:calc(100vw - 16px);max-height:calc(100vh - 16px);border-radius:12px} .icag-ah-modal-grid{grid-template-columns:minmax(220px,39%) minmax(0,61%);height:calc(100vh - 16px);max-height:calc(100vh - 16px)} .icag-ah-modal-image{padding:8px} .icag-ah-modal-content{padding:22px 22px 18px} .icag-ah-modal-content h3{font-size:22px} .icag-ah-richtext{font-size:13.5px;line-height:1.42} .icag-ah-arrow{width:34px;height:34px;font-size:19px} } @media(max-width:620px){ .icag-ah-wrap{padding:0 8px} .icag-ah-shell{width:100%} .icag-ah-track{gap:10px} .icag-ah-card{flex-basis:100%;max-width:100%} .icag-ah-image{height:min(112vw,460px)} .icag-ah-card h3{font-size:18px;min-height:auto} .icag-ah-card-body{padding:16px 13px 15px;min-height:155px} .icag-ah-details{margin:15px 0 13px;padding:10px 18px;font-size:14px} .icag-ah-modal{padding:6px} .icag-ah-modal-dialog{width:calc(100vw - 12px);height:calc(100dvh - 12px);max-height:calc(100dvh - 12px);border-radius:10px} .icag-ah-modal-grid{grid-template-columns:1fr;grid-template-rows:minmax(150px,34vh) minmax(0,1fr);height:100%;max-height:none} .icag-ah-modal-image{padding:7px} .icag-ah-modal-content{padding:18px 16px 15px;overflow:hidden} .icag-ah-modal-content h3{font-size:20px;margin-right:36px} .icag-ah-modal-subtitle{font-size:12px;margin-bottom:9px} .icag-ah-richtext{font-size:13px;line-height:1.4} .icag-ah-close{right:8px;top:8px;width:34px;height:34px;font-size:23px;line-height:32px} .icag-ah-action{padding:10px 14px;font-size:13px} .icag-ah-arrow{width:34px;height:34px;font-size:19px} .icag-ah-prev{left:2px}.icag-ah-next{right:2px} } /* v1.0.7 professional borderless card treatment */ .icag-ah-viewport{padding:10px 4px 22px} .icag-ah-track{gap:20px;align-items:stretch} .icag-ah-card{ flex:0 0 calc((100% - 60px)/4); max-width:calc((100% - 60px)/4); border:0!important; outline:0!important; border-radius:14px; background:#fff; overflow:hidden; box-shadow:0 10px 30px rgba(20,24,35,.09); transition:transform .25s ease,box-shadow .25s ease; } .icag-ah-card:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(20,24,35,.13)} .icag-ah-image{border:0!important;background:#f7f7f7;height:clamp(250px,27vw,350px)} .icag-ah-image img{border:0!important;outline:0!important} .icag-ah-card-body{border:0!important;padding:18px 18px 20px;min-height:150px;justify-content:flex-start} .icag-ah-card h3{font-size:clamp(15px,1.08vw,18px);line-height:1.25;margin:0 0 8px;min-height:2.5em;letter-spacing:.01em;color:#171827} .icag-ah-subtitle{font-size:12px;line-height:1.35;color:#666771;letter-spacing:.035em;min-height:auto;margin-bottom:2px} .icag-ah-details{margin:16px 0 8px;border:0!important;border-radius:8px;padding:11px 21px;background:#111;color:#fff;box-shadow:none;font-size:13px;font-weight:600} .icag-ah-details:hover,.icag-ah-details:focus{background:#801710;border:0!important;transform:translateY(-1px)} .icag-ah-social{margin-top:8px;gap:16px;min-height:18px} .icag-ah-arrow{border:0!important;outline:0} @media(max-width:1100px){ .icag-ah-track{gap:16px} .icag-ah-card{flex-basis:calc((100% - 32px)/3);max-width:calc((100% - 32px)/3)} } @media(max-width:820px){ .icag-ah-track{gap:16px} .icag-ah-card{flex-basis:calc((100% - 16px)/2);max-width:calc((100% - 16px)/2);border-radius:12px} } @media(max-width:620px){ .icag-ah-viewport{padding:8px 6px 20px} .icag-ah-track{gap:12px} .icag-ah-card{flex-basis:100%;max-width:100%;border-radius:12px;box-shadow:0 8px 24px rgba(20,24,35,.09)} .icag-ah-card:hover{transform:none} .icag-ah-card-body{padding:17px 16px 19px;min-height:140px} .icag-ah-card h3{font-size:18px;min-height:auto;margin-bottom:8px} } /* v1.0.8 remove grey side gutters / border-like card edges */ .icag-ah-viewport{padding-left:0!important;padding-right:0!important;} .icag-ah-card{ border:0!important; outline:0!important; box-shadow:none!important; background:#fff!important; } .icag-ah-card:hover{box-shadow:none!important;} .icag-ah-image{ border:0!important; outline:0!important; background:#fff!important; } .icag-ah-image img{ border:0!important; outline:0!important; box-shadow:none!important; } .icag-ah-card-body{ border:0!important; outline:0!important; background:#fff!important; box-shadow:none!important; } @media(max-width:620px){ .icag-ah-viewport{padding-left:0!important;padding-right:0!important;} .icag-ah-card{box-shadow:none!important;} }