/* JoomlaX product hero v2 (claim badges). Loaded only with ?jxhero=2 */
#sp-details .exman-demo-hero__layout.jxh2{grid-template-columns:minmax(0,1fr) 400px;grid-template-areas:". price" "head price" "rest price" ". price";grid-template-rows:minmax(0,1fr) auto auto minmax(0,1fr);gap:0 48px}
#sp-details .jxh2 .jxh2-head{grid-area:head}
#sp-details .jxh2 .jxh2-rest{grid-area:rest}
#sp-details .jxh2 #buy{grid-area:price;align-self:start}
#sp-details .jxh2 .exman-demo-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
#sp-details .jxh2 .jxh2-btn-o{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #D0D5DD;color:#344054;text-decoration:none}
#sp-details .jxh2 .jxh2-btn-o:hover{border-color:#1819ED;color:#1819ED}
#sp-details .tbadges{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
#sp-details .tbadge{display:flex;align-items:center;gap:10px;min-height:48px;margin:0;padding:7px 14px 7px 7px;background:#fff;color:#101828;border:1px solid #DCDDFC;box-shadow:0 1px 2px rgba(16,24,40,.05);border-radius:12px}
#sp-details .tbadge-ic{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#F5F6FF;color:#1819ED}
#sp-details .tbadge-ic svg{width:18px;height:18px}
#sp-details .tbadge-tx{display:flex;flex-direction:column;min-width:0}
#sp-details .tbadge-lb{font-size:13px;line-height:16px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:#101828}
#sp-details .tbadge-sb{font-size:12px;line-height:16px;font-weight:500;color:#475467;margin-top:2px}
#sp-details .proof{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:18px 0 0;padding:0;list-style:none;font-size:14px;color:#475467}
#sp-details .proof li{display:flex;align-items:center;gap:6px;margin:0}
#sp-details .proof b{color:#101828;font-weight:700}
#sp-details .proof .stars{color:#F3AF00;letter-spacing:1px}
#sp-details .proof a{color:#475467;text-decoration:underline;text-decoration-color:#D0D5DD;text-underline-offset:3px}
#sp-details .proof a:hover{color:#1819ED}
#sp-details .bens{list-style:none;margin:28px 0 0;padding:20px 0 0;border-top:1px solid #EAECF0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px;max-width:640px}
#sp-details .bens li{position:relative;margin:0;padding-left:30px;display:flex;flex-direction:column;gap:2px}
#sp-details .bens li::before{content:"";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:#F5F6FF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231819ED' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat}
#sp-details .bens b{font-size:15px;font-weight:700;color:#101828}
#sp-details .bens span{font-size:14px;color:#475467;line-height:1.45}
@media (max-width:1199px){#sp-details .exman-demo-hero__layout.jxh2{grid-template-columns:minmax(0,1fr) 360px;gap:0 32px}}
@media (max-width:960px){
#sp-details .exman-demo-hero__layout.jxh2{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "price" "rest";grid-template-rows:auto;gap:0}
#sp-details .jxh2 #buy{margin-top:20px}
}
@media (max-width:767px){
#sp-details .tbadges{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:6px;margin-top:16px}
#sp-details .tbadge{flex-direction:column;align-items:center;text-align:center;gap:6px;min-height:0;padding:10px 6px;border-radius:10px}
#sp-details .tbadge-ic{width:28px;height:28px}
#sp-details .tbadge-ic svg{width:16px;height:16px}
#sp-details .tbadge-lb{font-size:11px;line-height:13px;letter-spacing:.04em;white-space:normal}
#sp-details .tbadge-sb{font-size:10.5px;line-height:13px;margin-top:3px}
#sp-details .jxh2 .exman-demo-hero__actions{margin-top:20px}
#sp-details .jxh2 .exman-demo-hero__actions>a{flex:1 1 0;justify-content:center}
}
@media (max-width:599px){#sp-details .bens{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:22px}
#sp-details .jxh2 #buy .jx-more,#sp-details .jxh2 #buy .total{display:none}}
/* v2.1: side-by-side CTAs, compact 2x2 licence tiles on phones */
#sp-details .jxh2 .exman-demo-hero__actions{flex-direction:row;align-items:stretch}
#sp-details .jxh2 .exman-demo-hero__actions>a{width:auto;flex:0 0 auto;margin:0}
@media (max-width:599px){
#sp-details .jxh2 .exman-demo-hero__actions>a{flex:1 1 0}
#sp-details .jxh2 #buy fieldset{grid-template-columns:1fr 1fr;gap:6px}
#sp-details .jxh2 #buy .tier{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:4px;padding:10px;position:relative}
#sp-details .jxh2 #buy .tier input{position:absolute;top:10px;right:10px;width:16px;height:16px}
#sp-details .jxh2 #buy .tier input:checked::after{width:8px;height:8px}
#sp-details .jxh2 #buy .tn{font-size:14px;padding-right:20px}
#sp-details .jxh2 #buy .td{font-size:11.5px}
#sp-details .jxh2 #buy .tp{text-align:left}
#sp-details .jxh2 #buy .tp b{font-size:17px}
#sp-details .jxh2 #buy .buy-in{gap:10px}
}
@media (max-width:599px){
#sp-details .jxh2 #buy .tier{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}
#sp-details .jxh2 #buy .tr{display:block;min-width:0;width:100%}
#sp-details .jxh2 #buy .tp{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:baseline;gap:6px;width:100%;margin-top:auto}
#sp-details .jxh2 #buy .tn{display:block}
#sp-details .jxh2 #buy .tn .tb{display:inline-block;margin-top:4px}
}
/* v2.2: badge tooltips */
#sp-details .tbadges{position:relative}
#sp-details .tbadge{position:relative;cursor:help;outline:none}
#sp-details .tbadge:focus-visible{box-shadow:0 0 0 3px rgba(24,25,237,.25);border-color:#1819ED}
#sp-details .tbadge-tip{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%,4px);width:max-content;max-width:260px;padding:10px 12px;background:#fff;color:#344054;border:1px solid #DCDDFC;border-radius:10px;box-shadow:0 12px 24px -8px rgba(16,24,40,.18);font-size:13px;line-height:1.45;font-weight:500;text-align:left;text-transform:none;letter-spacing:0;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,transform .15s;z-index:20}
#sp-details .tbadge-tip::after{content:"";position:absolute;top:100%;left:50%;width:10px;height:10px;background:#fff;border-right:1px solid #DCDDFC;border-bottom:1px solid #DCDDFC;transform:translate(-50%,-5px) rotate(45deg)}
#sp-details .tbadge:hover .tbadge-tip,#sp-details .tbadge:focus-visible .tbadge-tip,#sp-details .tbadge:focus .tbadge-tip{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media (max-width:767px){
#sp-details .tbadge{position:static}
#sp-details .tbadge-tip{left:0;right:0;width:auto;max-width:none;bottom:calc(100% + 10px);transform:translateY(4px)}
#sp-details .tbadge:hover .tbadge-tip,#sp-details .tbadge:focus-visible .tbadge-tip,#sp-details .tbadge:focus .tbadge-tip{transform:none}
#sp-details .tbadge-tip::after{display:none}
}
@media (prefers-reduced-motion:reduce){#sp-details .tbadge-tip{transition:none}}
