.abloole-catalog{font-family:inherit;max-width:1200px;margin:20px auto;color:#17202a}.ac-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 30px rgba(0,0,0,.06);margin-bottom:15px}.ac-brand{display:flex;align-items:center;gap:12px}.ac-brand strong{font-size:20px;color:var(--abloole-primary)}.ac-brand span{font-size:13px;color:#667085}.ac-controls{display:flex;align-items:center;gap:8px}.ac-controls button{border:1px solid #d0d5dd;background:#fff;border-radius:9px;padding:9px 12px;cursor:pointer}.ac-controls button:hover{background:#f8fafc}.ac-stage{background:linear-gradient(135deg,#eef5f8,#f8fafc);padding:22px;border-radius:18px;min-height:650px;display:flex;align-items:center;justify-content:center}.ac-book{width:min(100%,920px);position:relative;min-height:620px;cursor:pointer;touch-action:pan-y}.ac-page{display:none;background:#fff;border-radius:10px;min-height:620px;overflow:hidden;box-shadow:0 15px 50px rgba(0,0,0,.16);position:relative}.ac-page.is-active{display:flex}.ac-page.is-cover{background:var(--abloole-cover);color:#fff}.ac-image{width:44%;min-height:620px;background:#f2f4f7}.ac-image img{width:100%;height:100%;object-fit:cover;display:block}.ac-content{padding:52px 50px;flex:1;display:flex;flex-direction:column;align-items:flex-start}.ac-content small{opacity:.65;letter-spacing:1px}.ac-content h1{font-size:38px;line-height:1.25;margin:20px 0 10px}.ac-content h2{font-size:20px;font-weight:500;margin:0 0 20px;opacity:.8}.ac-text{font-size:17px;line-height:2;max-width:700px}.ac-text img{max-width:100%;height:auto}.ac-video{margin-top:18px}.ac-video a,.ac-link,.ac-cta{display:inline-flex;align-items:center;text-decoration:none;border-radius:10px;padding:10px 15px;margin:7px 7px 0 0}.ac-video a,.ac-cta{background:var(--abloole-primary);color:#fff}.ac-link{border:1px solid #d0d5dd;color:#344054}.ac-product{margin-top:22px;border:1px solid #e4e7ec;border-radius:12px;padding:15px;width:min(100%,420px);display:grid;gap:8px}.ac-product span{font-size:20px;color:var(--abloole-primary)}.ac-product a{background:var(--abloole-primary);color:#fff;text-decoration:none;text-align:center;border-radius:8px;padding:9px}.ac-page-guide{position:absolute;z-index:20;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:8px 10px 8px 8px;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 10px 28px rgba(15,23,42,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:none;color:#344054;white-space:nowrap}.ac-page-counter{direction:rtl;display:flex;align-items:center;justify-content:center;gap:5px;min-width:76px;padding:7px 12px;border-radius:999px;background:var(--abloole-primary);color:#fff;font-weight:800;font-size:14px;line-height:1}.ac-counter-sep{font-size:11px;font-weight:500;opacity:.82}.ac-turn-hint{display:flex;align-items:center;gap:7px;padding:0 5px;font-size:12px;font-weight:600;color:#475467}.ac-turn-icon{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;background:#f2f4f7;color:var(--abloole-primary);font-size:16px;animation:acTurnHint 1.8s ease-in-out infinite}.ac-hint-mobile{display:none}.ac-guide-bump .ac-page-counter{animation:acCounterBump .28s ease-out}@keyframes acTurnHint{0%,100%{transform:translateX(0)}35%{transform:translateX(-3px)}70%{transform:translateX(3px)}}@keyframes acCounterBump{0%{transform:scale(.94)}100%{transform:scale(1)}}
.ac-mobile-note{text-align:center;color:#667085;font-size:13px;padding:12px}.ac-page.is-cover .ac-content{align-items:center;justify-content:center;text-align:center;width:100%}.ac-page.is-cover .ac-content h1{font-size:48px}.ac-page.is-cover .ac-content h2{color:#fff}.ac-page.is-cover .ac-content small{color:#fff}.ac-page.is-cover .ac-text{max-width:650px}
@media(max-width:700px){.ac-page-guide{position:sticky;position:-webkit-sticky;bottom:10px;left:auto;transform:none;margin:10px auto 0;width:max-content;max-width:calc(100% - 14px);gap:7px;padding:7px 8px;white-space:normal}.ac-page-counter{min-width:66px;padding:7px 10px;font-size:13px;flex:0 0 auto}.ac-turn-hint{font-size:11px;line-height:1.45;padding:0 2px}.ac-turn-icon{width:23px;height:23px;flex:0 0 23px}.ac-hint-desktop{display:none}.ac-hint-mobile{display:inline}.abloole-catalog{margin:10px auto;width:100%;overflow:hidden}.ac-toolbar{flex-direction:column;align-items:stretch;margin-bottom:10px;padding:10px}.ac-brand{justify-content:center;flex-wrap:wrap;text-align:center}.ac-controls{justify-content:center;flex-wrap:wrap}.ac-controls button{padding:9px 10px}.ac-stage{padding:6px;min-height:0;align-items:flex-start}.ac-book{width:100%;min-height:0;cursor:default}.ac-page{min-height:0;width:100%;overflow:visible}.ac-page.is-active{display:block}.ac-image{width:100%;height:auto;min-height:0;background:#f2f4f7;display:flex;align-items:center;justify-content:center}.ac-image img{width:100%;height:auto;max-height:58vh;object-fit:contain;display:block}.ac-content{width:100%;padding:22px 18px;overflow-wrap:anywhere}.ac-content h1,.ac-page.is-cover .ac-content h1{font-size:29px;line-height:1.4;margin-top:14px}.ac-content h2{font-size:18px}.ac-text{font-size:15px;line-height:1.9;width:100%;max-width:none}.ac-text img{width:auto;max-width:100%;height:auto;object-fit:contain}.ac-page.is-cover .ac-content{min-height:0;padding:28px 18px}.ac-page.is-cover .ac-image{display:flex}.ac-product{width:100%}.ac-video,.ac-link,.ac-cta{max-width:100%}.ac-mobile-note{padding:10px 8px;font-size:12px}}
@media(max-width:380px){.ac-content{padding:18px 14px}.ac-content h1,.ac-page.is-cover .ac-content h1{font-size:25px}.ac-controls{gap:5px}.ac-controls button{font-size:12px;padding:8px}}


/* Abloole Pro UI */
.ac-controls{flex-wrap:wrap}
.ac-controls button{font-family:inherit}
.ac-searchbox{display:none;position:absolute;z-index:20;top:80px;right:20px;background:#fff;padding:12px;border-radius:14px;box-shadow:0 15px 40px #0002}
.ac-searchbox input{width:260px;padding:12px;border:1px solid #ddd;border-radius:10px}
.ac-thumbs{display:none;gap:8px;position:absolute;z-index:20;bottom:20px;right:20px;left:20px;overflow:auto;background:#ffffffdd;padding:10px;border-radius:14px}
.ac-thumbs button{border:0;background:#0b6fa4;color:#fff;border-radius:10px;padding:8px 12px;cursor:pointer}
.ac-page.is-highlight{animation:acPulse .8s ease}
@keyframes acPulse{50%{transform:scale(1.02)}}
.ac-stage{position:relative}
.ac-page{transition:transform .35s ease,box-shadow .35s ease}
.ac-page:hover{box-shadow:0 20px 55px #0002}
@media(max-width:700px){.ac-toolbar{padding:10px}.ac-searchbox input{width:210px}}