.cmxhp-hub,.cmxhp-viewer,.cmxhp-related,.cmxhp-copy{box-sizing:border-box}.cmxhp-hub *,.cmxhp-viewer *,.cmxhp-related *,.cmxhp-copy *{box-sizing:border-box}
.cmxhp-hub{margin:24px 0}.cmxhp-hub__header{margin:0 0 16px}.cmxhp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}
.cmxhp-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:18px;overflow:hidden;box-shadow:0 10px 24px rgba(0,0,0,.05)}
.cmxhp-card__link{display:block;color:inherit;text-decoration:none}.cmxhp-card__media{position:relative;aspect-ratio:380/510;background:#f5f5f5}.cmxhp-card__media img{width:100%;height:100%;object-fit:cover;display:block}
.cmxhp-card__badge{position:absolute;top:10px;left:10px;background:#111;color:#fff;font-size:12px;padding:5px 8px;border-radius:999px}.cmxhp-card__body{padding:12px 14px 14px}.cmxhp-card__title{font-size:15px;line-height:1.35;margin:0 0 6px}.cmxhp-card__desc{font-size:13px;line-height:1.45;margin:0 0 8px;opacity:.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:4.2em}.cmxhp-card__meta{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;opacity:.75}

.cmxhp-viewer-page{margin:0;background:#eef1f5}.cmxhp-viewer{max-width:1720px;margin:0 auto;padding:6px 10px 22px}.cmxhp-topbar{position:sticky;top:0;z-index:20;background:rgba(238,241,245,.92);backdrop-filter:blur(8px);padding:4px 0 3px;margin:0 0 6px;border-bottom:1px solid rgba(0,0,0,.05)}.cmxhp-topbar__line1,.cmxhp-topbar__line2{display:flex;align-items:center;gap:6px;min-width:0}.cmxhp-topbar__line1{margin-bottom:4px}.cmxhp-topbar__line1 .cmxhp-pill--date{flex:0 0 auto;margin-left:auto}.cmxhp-topbar__eyebrow{font-size:10px;letter-spacing:.08em;margin:0;opacity:.62;white-space:nowrap;flex:0 0 auto}.cmxhp-topbar__title{font-size:13px;line-height:1.15;margin:0;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmxhp-topbar__line2{flex-wrap:wrap}.cmxhp-topbar__line2 .cmxhp-pill:last-child{margin-left:auto}.cmxhp-pill{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border-radius:999px;background:#fff;border:1px solid rgba(0,0,0,.08);font-size:10px;color:#111;white-space:nowrap}

.cmxhp-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;align-items:start}.cmxhp-stage{min-width:0}.cmxhp-stage__figure{margin:0;background:transparent;border-radius:16px;overflow:hidden;box-shadow:none}.cmxhp-stage__canvas{position:relative;display:flex;align-items:flex-start;justify-content:center;background:#d7dbe0;border-radius:16px;min-height:calc(100vh - 150px);padding:0;touch-action:manipulation}.cmxhp-stage__canvas img{display:block;width:auto;max-width:100%;max-height:calc(100vh - 150px);height:auto;margin:0 auto;object-fit:contain}

.cmxhp-overlaynav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:44px;height:44px;border-radius:999px;background:rgba(17,17,17,.16);backdrop-filter:blur(2px);color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;font-size:34px;line-height:1;border:1px solid rgba(255,255,255,.18);opacity:.95;cursor:pointer}.cmxhp-overlaynav:hover{background:rgba(17,17,17,.32)}.cmxhp-overlaynav--prev{left:14px}.cmxhp-overlaynav--next{right:14px}.cmxhp-overlaynav.is-disabled{opacity:.35;pointer-events:none}

.cmxhp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;border-radius:12px;background:#111;color:#fff;text-decoration:none;font-size:13px;border:1px solid #111;cursor:pointer}.cmxhp-btn--ghost{background:#fff;color:#111;border-color:rgba(0,0,0,.12)}.cmxhp-btn--disabled{opacity:.45;pointer-events:none}.cmxhp-btn--small{min-height:28px;padding:0 9px;font-size:10px;border-radius:10px}.cmxhp-btn--icon{gap:7px}.cmxhp-btn--icononly{width:28px;min-width:28px;padding:0}.cmxhp-btn--info{gap:6px;padding:0 10px}.cmxhp-btn__label{line-height:1}.cmxhp-ico-grid{width:13px;height:13px;display:inline-grid;grid-template-columns:repeat(2,1fr);gap:2px}.cmxhp-ico-grid::before,.cmxhp-ico-grid::after,.cmxhp-ico-grid span::before,.cmxhp-ico-grid span::after{content:""}.cmxhp-ico-grid,.cmxhp-ico-grid::before,.cmxhp-ico-grid::after{position:relative}.cmxhp-ico-grid::before,.cmxhp-ico-grid::after{display:block;width:5px;height:5px;background:currentColor;border-radius:2px;box-shadow:7px 0 0 currentColor,0 7px 0 currentColor,7px 7px 0 currentColor}.cmxhp-ico-info{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border:1.5px solid currentColor;border-radius:999px;font-size:10px;font-weight:700;line-height:1;font-family:Arial,sans-serif}.cmxhp-btn--wa{width:28px;min-width:28px;padding:0}.cmxhp-ico-wa{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:#25D366;line-height:1}.cmxhp-ico-wa svg{display:block;width:100%;height:100%}

.cmxhp-related{min-width:0}.cmxhp-related__title,.cmxhp-related h2{font-size:14px;margin:0 0 8px;opacity:.88}.cmxhp-grid--related{grid-template-columns:1fr;gap:8px}.cmxhp-card--compact{border-radius:12px}.cmxhp-card--compact .cmxhp-card__media{aspect-ratio:380/510;display:flex;align-items:center;justify-content:center;background:#f5f7fa;padding:8px;box-sizing:border-box}.cmxhp-card--compact .cmxhp-card__media img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;display:block}.cmxhp-card--compact .cmxhp-card__body{padding:8px 8px 10px}.cmxhp-card--compact .cmxhp-card__title{font-size:12px;line-height:1.25;margin:0}.cmxhp-related--sidebar{display:block}.cmxhp-related--sidebar .cmxhp-card--compact{border-radius:10px;box-shadow:0 6px 18px rgba(15,23,42,.06)}.cmxhp-related--sidebar .cmxhp-card__media{aspect-ratio:380/510;min-height:0;padding:8px}.cmxhp-related--sidebar .cmxhp-card__body{padding:7px 7px 9px}.cmxhp-related--sidebar .cmxhp-card__title{font-size:11px;line-height:1.22;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.cmxhp-modal[hidden]{display:none}
.cmxhp-adscreen[hidden]{display:none !important}
.cmxhp-modal{position:fixed;inset:0;z-index:1000}.cmxhp-modal__backdrop{position:absolute;inset:0;background:rgba(10,12,18,.55)}.cmxhp-modal__card{position:relative;z-index:1;max-width:760px;max-height:min(84vh,900px);overflow:auto;margin:6vh auto 0;background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.cmxhp-modal__card--thumbs{max-width:1100px}.cmxhp-modal__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid rgba(0,0,0,.08)}.cmxhp-modal__head h2{margin:0;font-size:20px}.cmxhp-modal__body{padding:18px}.cmxhp-modal__close{appearance:none;border:0;background:#111;color:#fff;width:38px;height:38px;border-radius:999px;font-size:24px;line-height:1;cursor:pointer}.cmxhp-modal__summary{margin:0 0 12px;font-size:15px;line-height:1.65}.cmxhp-copy{font-size:15px;line-height:1.7}

.cmxhp-thumbs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px}.cmxhp-thumb[hidden],.cmxhp-thumb.is-hidden{display:none !important}.cmxhp-thumb{display:block;color:inherit;text-decoration:none}.cmxhp-thumb__imgwrap{display:block;border-radius:14px;overflow:hidden;background:#edf1f5;border:1px solid rgba(0,0,0,.08)}.cmxhp-thumb__imgwrap img{display:block;width:100%;aspect-ratio:380/510;object-fit:cover}.cmxhp-thumb__num{display:block;padding-top:6px;font-size:12px;opacity:.78}.cmxhp-thumbs-more{padding-top:14px;text-align:center}

@media (max-width: 1280px){.cmxhp-layout{grid-template-columns:minmax(0,1fr) 296px;gap:12px}.cmxhp-stage__canvas{min-height:calc(100vh - 150px)}.cmxhp-stage__canvas img{max-height:calc(100vh - 150px)}}

@media (min-width: 1201px){.cmxhp-related--sidebar{position:sticky;top:58px;align-self:start;max-height:calc(100vh - 72px);padding-right:4px;overflow:hidden}.cmxhp-related--sidebar .cmxhp-related__title{margin-bottom:10px}.cmxhp-related--sidebar .cmxhp-grid--related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 108px);padding-right:4px;align-content:start}.cmxhp-related--sidebar .cmxhp-grid--related::-webkit-scrollbar{width:8px}.cmxhp-related--sidebar .cmxhp-grid--related::-webkit-scrollbar-thumb{background:rgba(100,116,139,.35);border-radius:999px}.cmxhp-related--sidebar .cmxhp-grid--related::-webkit-scrollbar-track{background:transparent}}
@media (max-width: 1200px){.cmxhp-layout{grid-template-columns:minmax(0,1fr)}.cmxhp-related--sidebar{margin-top:16px}.cmxhp-grid--related{grid-template-columns:repeat(3,minmax(0,1fr))}.cmxhp-stage__canvas{min-height:auto}.cmxhp-stage__canvas img{width:100%;max-width:100%;max-height:none}.cmxhp-overlaynav{width:42px;height:42px;font-size:30px}}
@media (max-width: 900px){.cmxhp-layout{display:block !important}.cmxhp-stage,.cmxhp-related{width:100% !important;max-width:100% !important}.cmxhp-related{margin-top:14px}.cmxhp-grid--related{grid-template-columns:repeat(2,minmax(0,1fr)) !important;padding:0 8px}.cmxhp-related h2{padding:0 8px}}
@media (max-width: 782px){.cmxhp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cmxhp-viewer{padding:4px 0 18px}.cmxhp-topbar{position:static;padding:3px 8px 1px;margin:0 0 4px;background:transparent;backdrop-filter:none;border-bottom:0}.cmxhp-topbar__line1{display:flex;align-items:baseline;gap:6px;min-width:0;margin-bottom:4px}.cmxhp-topbar__title{font-size:12px;max-width:none}.cmxhp-topbar__eyebrow{font-size:9px}.cmxhp-topbar__line2{gap:5px}.cmxhp-topbar__line2 .cmxhp-pill:last-child{margin-left:0}.cmxhp-pill{min-height:26px;padding:0 8px;font-size:10px}.cmxhp-btn--small{min-height:26px;padding:0 8px;font-size:10px}.cmxhp-btn--icononly{width:26px;min-width:26px;padding:0}.cmxhp-btn--info{gap:5px;padding:0 8px}.cmxhp-ico-info{width:13px;height:13px;font-size:9px}.cmxhp-ico-wa{width:15px;height:15px}.cmxhp-inlineinfo{margin:0 8px 10px}.cmxhp-inlineinfo__card{border-radius:12px}.cmxhp-inlineinfo__head{padding:12px 12px 0}.cmxhp-inlineinfo__title{font-size:14px}.cmxhp-inlineinfo__body{padding:10px 12px 12px}.cmxhp-inlineinfo__summary,.cmxhp-copy{font-size:13px;line-height:1.65}.cmxhp-stage__figure{border-radius:0}.cmxhp-stage__canvas{min-height:auto;border-radius:0;background:transparent}.cmxhp-stage__canvas img{display:block;width:100% !important;max-width:100% !important;height:auto !important;max-height:none !important}.cmxhp-overlaynav{width:40px;height:40px;font-size:28px;top:50%;bottom:auto;transform:translateY(-50%);background:rgba(17,17,17,.22)}.cmxhp-overlaynav--prev{left:8px}.cmxhp-overlaynav--next{right:8px}.cmxhp-grid--related{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px;padding:0 8px}.cmxhp-card--compact .cmxhp-card__title{font-size:12px;line-height:1.25}.cmxhp-card--compact .cmxhp-card__body{padding:8px 8px 10px}.cmxhp-modal__card{margin:8vh 12px 0;max-width:none}.cmxhp-modal__card--thumbs{max-width:none}}
@media (max-width: 520px){.cmxhp-topbar__controls .cmxhp-btn,.cmxhp-topbar__controls .cmxhp-pill{flex:0 0 auto}.cmxhp-thumbs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

.cmxhp-stage__canvas img{transform-origin:center center;transition:transform .1s ease;will-change:transform;cursor:zoom-in}.cmxhp-stage__canvas.is-zoomed img{cursor:grab}.cmxhp-stage__canvas.is-dragging img{cursor:grabbing}.cmxhp-stage__canvas.is-zoomed{touch-action:none}.cmxhp-stage__canvas.is-zoomed .cmxhp-overlaynav{opacity:.35}

.cmxhp-zoomreset{position:absolute;top:12px;right:12px;z-index:5;width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(17,17,17,.52);color:#fff;font-size:28px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(2px)}
.cmxhp-zoomreset[hidden]{display:none}
.cmxhp-stage__canvas{overflow:hidden}
.cmxhp-stage__canvas img{user-select:none;-webkit-user-drag:none}
@media (max-width: 782px){.cmxhp-zoomreset{top:8px;right:8px;width:36px;height:36px;font-size:24px}}


.cmxhp-stage__canvas.is-ad-screen{display:block;padding:0;min-height:calc(100vh - 150px)}
.cmxhp-stage__canvas.is-ad-screen > img,.cmxhp-stage__canvas.is-ad-screen > .cmxhp-overlaynav,.cmxhp-stage__canvas.is-ad-screen > .cmxhp-zoomreset{display:none !important}
.cmxhp-adscreen{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;padding:34px 18px 18px;background:#f3f5f8}
.cmxhp-adscreen__inner{width:min(100%,880px);background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:18px;box-shadow:0 18px 46px rgba(0,0,0,.08);padding:16px 16px 18px;text-align:center}
.cmxhp-adscreen__label{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 10px;border-radius:999px;background:#111;color:#fff;font-size:11px;letter-spacing:.06em;text-transform:uppercase;margin:0 auto 12px}
.cmxhp-adscreen__slot{width:100%;min-height:120px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.cmxhp-adscreen__skip{margin-top:14px}
.cmxhp-adpromo{width:100%;padding:18px;border:1px dashed rgba(0,0,0,.16);border-radius:16px;background:#fafbfc;font-size:14px;line-height:1.5}.cmxhp-adpromo strong{display:block;font-size:16px;margin-bottom:6px}.cmxhp-adpromo p{margin:0}.cmxhp-adscreen__slot.is-unfilled{min-height:90px}.cmxhp-adscreen__slot.is-fallback{min-height:0}
@media (max-width: 782px){.cmxhp-stage__canvas.is-ad-screen{min-height:calc(100vh - 110px)}.cmxhp-adscreen{padding:18px 0 14px;position:relative;inset:auto;align-items:flex-start}.cmxhp-adscreen__inner{width:100%;max-width:none;border-radius:0;border-left:0;border-right:0;box-shadow:none;padding:14px 0 16px;background:#fff}.cmxhp-adscreen__slot{min-height:140px;width:100%}.cmxhp-adpromo{border-radius:0;border-left:0;border-right:0;padding:16px}}

.cmxhp-adsense-slot{display:block !important;width:100% !important;min-width:250px;min-height:100px}
@media (max-width: 782px){.cmxhp-adsense-slot{min-height:100px}}


/* v0.3.9 — Hub cards Pro */
.cmxhp-hub{margin:24px 0}
.cmxhp-grid--hub{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.cmxhp-card--hub{border-radius:18px;overflow:hidden;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 10px 28px rgba(15,23,42,.06);transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.cmxhp-card--hub:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(15,23,42,.10);border-color:rgba(15,23,42,.12)}
.cmxhp-card--hub .cmxhp-card__media{aspect-ratio:380/510;background:#f4f6f8}
.cmxhp-card--hub .cmxhp-card__media img{width:100%;height:100%;object-fit:cover;display:block}
.cmxhp-card--hub .cmxhp-card__badge{position:absolute;left:10px;top:10px;display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.01em;box-shadow:0 6px 16px rgba(0,0,0,.12)}
.cmxhp-card__badge--new{background:#0f172a;color:#fff}
.cmxhp-card__badge--preview{background:#1d4ed8;color:#fff}
.cmxhp-card__badge--ending{background:#b91c1c;color:#fff}
.cmxhp-card--hub .cmxhp-card__body{padding:12px 12px 14px}
.cmxhp-card__brand{margin:0 0 4px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cmxhp-card--hub .cmxhp-card__title{margin:0 0 8px;font-size:14px;line-height:1.28;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.56em}
.cmxhp-card__meta--stack{display:block}
.cmxhp-card__date{display:inline-flex;align-items:center;font-size:12px;color:#475467}
.cmxhp-hub__actions{display:flex;justify-content:center;margin-top:16px}
.cmxhp-btn--loadmore{min-height:40px;padding:0 16px;border-radius:999px;background:#111827;color:#fff;border:0;font-weight:700;cursor:pointer}
.cmxhp-btn--loadmore:hover{background:#0f172a}
@media (max-width: 1100px){.cmxhp-grid--hub{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media (max-width: 782px){.cmxhp-grid--hub{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px}.cmxhp-card--hub{border-radius:16px}.cmxhp-card--hub .cmxhp-card__body{padding:10px 10px 12px}.cmxhp-card__brand{font-size:10px;margin-bottom:3px}.cmxhp-card--hub .cmxhp-card__title{font-size:13px;margin-bottom:6px}.cmxhp-card__date{font-size:11px}.cmxhp-card--hub .cmxhp-card__badge{left:8px;top:8px;min-height:24px;padding:0 8px;font-size:10px}}
@media (max-width: 360px){.cmxhp-grid--hub{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px}.cmxhp-card--hub .cmxhp-card__title{font-size:12px}}

.cmxhp-card__badge--archive{background:#4b5563;color:#fff;}

@media (max-width: 900px){
  .cmxhp-related--mobile-stable{contain:layout style;content-visibility:auto;contain-intrinsic-size:auto calc(var(--cmxhp-related-rows-mobile,1) * 220px + 56px);}
  .cmxhp-related--mobile-stable .cmxhp-grid--related{align-items:start;grid-auto-rows:1fr;}
  .cmxhp-relatedcard{min-height:100%;}
  .cmxhp-relatedcard__media{aspect-ratio:380/510;overflow:hidden;background:#f5f7fa;}
  .cmxhp-relatedcard__img{display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:380/510;}
  .cmxhp-relatedcard__body{min-height:48px;display:flex;align-items:flex-start;}
}

.cmxhp-modal__card--share{max-width:520px}.cmxhp-sharecard{display:grid;grid-template-columns:160px minmax(0,1fr);gap:16px;align-items:start}.cmxhp-sharecard__media{border-radius:16px;overflow:hidden;background:#e8ecf2}.cmxhp-sharecard__media img{display:block;width:100%;height:auto}.cmxhp-sharecard__eyebrow{margin:0 0 8px;font-size:10px;letter-spacing:.08em;opacity:.64}.cmxhp-sharecard__title{margin:0 0 8px;font-size:18px;line-height:1.2}.cmxhp-sharecard__meta,.cmxhp-sharecard__brand{margin:0;font-size:13px;line-height:1.5;opacity:.82}.cmxhp-sharecard__brand{margin-top:8px;opacity:.6}.cmxhp-shareactions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.cmxhp-sharestatus{min-height:20px;margin:12px 0 0;font-size:13px;color:#1a5f2f}.cmxhp-modal-open{overflow:hidden}@media (max-width:782px){.cmxhp-modal__card--share{margin:8vh 12px 0;max-width:none}.cmxhp-sharecard{grid-template-columns:1fr;gap:12px}.cmxhp-sharecard__media{max-width:220px;margin:0 auto}.cmxhp-sharecard__title{font-size:16px}.cmxhp-shareactions{display:grid;grid-template-columns:1fr;gap:8px}.cmxhp-shareactions .cmxhp-btn{width:100%}}


.cmxhp-modal__summary--tight{margin:6px 0 0;font-size:13px;line-height:1.5;opacity:.82}
.cmxhp-modal__card--minicat{max-width:1100px}
.cmxhp-minicat__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.cmxhp-minicat__count{margin:0;font-size:14px;font-weight:600}
.cmxhp-minicat__actions{display:flex;gap:10px;flex-wrap:wrap}
.cmxhp-thumbs-grid--select .cmxhp-thumb{border:0;background:transparent;padding:0;text-align:left;cursor:pointer}
.cmxhp-thumbs-grid--select .cmxhp-thumb__imgwrap{position:relative}
.cmxhp-thumb__pick{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:999px;background:rgba(17,17,17,.72);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;transform:scale(.9);opacity:0;transition:opacity .18s ease, transform .18s ease}
.cmxhp-thumb--select.is-selected .cmxhp-thumb__imgwrap{border-color:#111;box-shadow:0 0 0 3px rgba(17,17,17,.12)}
.cmxhp-thumb--select.is-selected .cmxhp-thumb__pick{opacity:1;transform:scale(1)}
.cmxhp-minicat__status{min-height:20px;margin:14px 0 0;font-size:13px;color:#1a5f2f}
@media (max-width:782px){
  .cmxhp-topbar__line2{width:100%;flex-wrap:nowrap;gap:5px}
  .cmxhp-topbar__line2 > *{flex-shrink:0}
  .cmxhp-topbar__line2 .cmxhp-btn[data-cmxhp-open-minicat="1"]{order:10;width:auto;flex:0 0 auto;white-space:nowrap;justify-content:flex-start}
  .cmxhp-topbar__line2 [data-cmxhp-page-pill="1"]{order:20;margin-left:auto;flex:0 0 auto}
  .cmxhp-modal__card--minicat{margin:4vh 12px 0;max-width:none}
  .cmxhp-minicat__toolbar{align-items:flex-start}
  .cmxhp-minicat__actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .cmxhp-thumbs-grid--select{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}

/* Mini catálogo: afinado visual + UX guardar */
.cmxhp-thumbs-grid--select .cmxhp-thumb__imgwrap{aspect-ratio:3/4;overflow:hidden;border-radius:18px;background:#f1f1f1;border:1px solid rgba(17,17,17,.08)}
.cmxhp-thumbs-grid--select .cmxhp-thumb__imgwrap img{width:100%;height:100%;object-fit:cover;display:block}
.cmxhp-minicat__status.is-success{color:#1a5f2f}
.cmxhp-minicat__status.is-warning{color:#8a5b00}
@media (max-width:782px){
  .cmxhp-modal__card--minicat{max-height:86vh}
  .cmxhp-thumbs-grid--select .cmxhp-thumb__imgwrap{aspect-ratio:3/4}
}

/* Mini catálogo: resultado visible de creación */
.cmxhp-minicat-result{margin:14px 0 0;padding:14px;border:1px solid rgba(17,17,17,.12);border-radius:16px;background:#f7f8fa}
.cmxhp-minicat-result__title{margin:0 0 6px;font-size:18px;line-height:1.2}
.cmxhp-minicat-result__text{margin:0 0 10px;font-size:13px;line-height:1.45;opacity:.78}
.cmxhp-minicat-result__url{box-sizing:border-box;width:100%;min-height:38px;border:1px solid rgba(17,17,17,.16);border-radius:12px;padding:0 10px;font-size:13px;background:#fff;color:#111}
.cmxhp-minicat-result__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
@media (max-width:782px){.cmxhp-minicat-result__actions{display:grid;grid-template-columns:1fr}.cmxhp-minicat-result__actions .cmxhp-btn{width:100%}}



/* CMXHUBPRO 0.5.2.1.4.2 - Mini catalog result state */
.cmxhp-modal[data-cmxhp-minicat-modal="1"].is-minicat-created [data-cmxhp-minicat-grid="1"]{
  display:none !important;
}
.cmxhp-modal[data-cmxhp-minicat-modal="1"].is-minicat-created .cmxhp-minicat__count,
.cmxhp-modal[data-cmxhp-minicat-modal="1"].is-minicat-created [data-cmxhp-minicat-clear="1"]{
  visibility:hidden;
}

/* UX PREMIUM 0.5.2.1.5 */


/* UX PREMIUM REAL 0.5.2.1.5.1 */
.cmxhp-minicat-result{
  padding:18px;
  border-color:rgba(17,17,17,.10);
  background:linear-gradient(180deg,#ffffff 0%,#f7f8fa 100%);
  box-shadow:0 10px 28px rgba(15,23,42,.08);
}
.cmxhp-minicat-result.is-visible{
  animation:cmxhpMinicatResultIn .22s ease-out both;
}
.cmxhp-minicat-result__title{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:12px;
}
.cmxhp-minicat-result__title::before{
  content:"✓";
  width:22px;
  height:22px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#111;
  color:#fff;
  font-size:13px;
  font-family:Arial,sans-serif;
}
.cmxhp-minicat-result__url{
  min-height:44px;
  padding:0 14px;
  border-radius:14px;
  font-size:14px;
  box-shadow:inset 0 1px 0 rgba(15,23,42,.03);
}
.cmxhp-minicat-result__actions{
  gap:10px;
  margin-top:12px;
}
.cmxhp-minicat-result__actions .cmxhp-btn.is-copied{
  background:#1a5f2f;
  border-color:#1a5f2f;
}
[data-cmxhp-minicat-save="1"].is-saving{
  position:relative;
  gap:8px;
  opacity:.86;
}
[data-cmxhp-minicat-save="1"].is-saving::before{
  content:"";
  width:12px;
  height:12px;
  border-radius:999px;
  border:2px solid rgba(255,255,255,.45);
  border-top-color:#fff;
  animation:cmxhpSpin .7s linear infinite;
}
[data-cmxhp-minicat-save="1"].is-created{
  opacity:.72;
  cursor:default;
}
@keyframes cmxhpMinicatResultIn{
  from{opacity:0;transform:translateY(8px);}
  to{opacity:1;transform:translateY(0);}
}
@keyframes cmxhpSpin{
  to{transform:rotate(360deg);}
}
@media (max-width:782px){
  .cmxhp-minicat-result{padding:16px;}
  .cmxhp-minicat-result__actions{display:grid;grid-template-columns:1fr;}
  .cmxhp-minicat-result__actions .cmxhp-btn{width:100%;}
}



/* CMXHUBPRO 0.5.2.1.6.1 - sticky header mini catalog modal */
.cmxhp-minicat-modal .cmxhp-minicat-head,
.cmxhp-minicat-modal .cmxhp-minicat-toolbar{
  position:sticky;
  z-index:6;
  background:#fff;
}
.cmxhp-minicat-modal .cmxhp-minicat-head{
  top:0;
  border-bottom:1px solid rgba(0,0,0,.08);
}
.cmxhp-minicat-modal .cmxhp-minicat-toolbar{
  top:72px;
  border-bottom:1px solid rgba(0,0,0,.06);
}
@media (max-width:782px){
  .cmxhp-minicat-modal .cmxhp-minicat-toolbar{top:82px;}
}


/* CMXHUBPRO 0.5.2.1.6.2 - sticky real del modal mini catálogo */
[data-cmxhp-minicat-modal="1"] .cmxhp-modal__head{
  position:sticky;
  top:0;
  z-index:9;
  background:#fff;
}
[data-cmxhp-minicat-modal="1"] .cmxhp-minicat__toolbar{
  position:sticky;
  top:72px;
  z-index:8;
  margin:0 0 16px;
  padding:12px 0;
  background:#fff;
  border-bottom:1px solid rgba(0,0,0,.06);
}
@media (max-width:782px){
  [data-cmxhp-minicat-modal="1"] .cmxhp-minicat__toolbar{
    top:78px;
  }
}


/* CMXHUBPRO 0.5.3.4 - sticky header modal miniaturas */
[data-cmxhp-thumbs-modal="1"] .cmxhp-modal__card--thumbs > .cmxhp-modal__head{
  position:sticky;
  top:0;
  z-index:12;
  background:#fff;
}
[data-cmxhp-thumbs-modal="1"] .cmxhp-modal__card--thumbs > .cmxhp-modal__head .cmxhp-modal__close{
  flex:0 0 auto;
}

.cmxhp-visible-summary{margin:8px 10px 6px;padding:6px 10px;background:#f7f7f7;border-left:2px solid #ddd;border-radius:6px}.cmxhp-visible-summary p{margin:0;font-size:clamp(11px,2.6vw,13px);line-height:1.35;color:#444;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* v0.5.3.13 - Header compacto: boton Crear Mini */
.cmxhp-btn--minicat{gap:5px}
.cmxhp-ico-minicat{display:inline-flex;align-items:center;justify-content:center;color:#444;line-height:0}
.cmxhp-ico-minicat svg{display:block;width:13px;height:13px}
@media (max-width:782px){.cmxhp-btn--minicat{gap:4px;padding:0 7px}.cmxhp-ico-minicat svg{width:12px;height:12px}}


/* v0.5.3.21 — Inline Info crawlable sin hidden */
.cmxhp-inlineinfo{max-height:0;overflow:hidden;opacity:0;transition:max-height .25s ease,opacity .2s ease}
.cmxhp-inlineinfo.is-open{max-height:1200px;opacity:1}


/* v0.5.4.4 — Mini personalizado base UX */
.cmxhp-minicat-advisor{margin:0 0 12px;padding:10px;border:1px solid rgba(0,0,0,.08);border-radius:12px;background:#fafafa}
.cmxhp-minicat-advisor__intro{margin:0 0 8px;font-size:12px;line-height:1.35;color:#222}.cmxhp-minicat-advisor__intro p{margin:0}.cmxhp-minicat-advisor__toggle{margin:0;color:#08783a;border-color:rgba(8,120,58,.25)}
.cmxhp-minicat-advisor__panel{margin-top:10px}
.cmxhp-minicat-advisor__editor{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.9fr);gap:18px;align-items:start}
.cmxhp-minicat-advisor__title{margin:0 0 4px;font-size:15px;line-height:1.25;color:#08783a}
.cmxhp-minicat-advisor__hint{margin:0 0 12px;font-size:12px;line-height:1.35;color:#333}
.cmxhp-minicat-advisor__fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.cmxhp-minicat-advisor__field{display:block;font-size:11px;font-weight:600;color:#444}
.cmxhp-minicat-advisor__field input{box-sizing:border-box;width:100%;margin-top:4px;min-height:34px;border:1px solid rgba(0,0,0,.14);border-radius:9px;padding:6px 8px;font-size:13px;background:#fff;color:#111}
.cmxhp-minicat-advisor__privacy,.cmxhp-minicat-advisor__preview-note{margin:9px 0 0;font-size:11px;line-height:1.35;color:#666}
.cmxhp-minicat-advisor__preview{margin:0}
.cmxhp-minicat-advisor__preview-label{margin:0 0 6px;font-size:11px;font-weight:700;color:#555}
.cmxhp-minicat-advisor__card{padding:13px 14px;border-radius:14px;background:#f5fbf6;border:1px solid rgba(8,120,58,.15);box-shadow:0 1px 2px rgba(0,0,0,.04)}
.cmxhp-minicat-advisor__card p{margin:0;font-size:13px;line-height:1.38;color:#222}
.cmxhp-minicat-advisor__wa{display:inline-flex;align-items:center;justify-content:center;margin-top:10px;min-height:34px;padding:0 12px;border-radius:9px;background:#0a8f43;color:#fff;font-size:12px;font-weight:700}
@media (max-width:782px){.cmxhp-minicat-advisor{padding:9px}.cmxhp-minicat-advisor__editor{grid-template-columns:1fr;gap:12px}.cmxhp-minicat-advisor__fields{grid-template-columns:1fr}.cmxhp-minicat-advisor__card p{font-size:12px}}