/* Add-On catalogue matching /paket-indihome/, responsive and accessible. */
body.site-seo .addon-catalogue{padding:80px 0!important;background:#f4f7fc!important}
body.site-seo .addon-section-heading{margin:0 0 30px;max-width:900px}
body.site-seo .addon-kicker{display:inline-flex;border-radius:99px;padding:7px 13px;background:#ffebee;color:#bc1b2c;font-size:.77rem;font-weight:850;letter-spacing:.09em}
body.site-seo .addon-section-heading h2{margin:14px 0 12px;color:#172746;font-size:clamp(1.85rem,3.3vw,2.8rem);font-weight:850;letter-spacing:-.04em;line-height:1.16}
body.site-seo .addon-section-heading p{color:#657389;font-size:1rem;line-height:1.8;margin:0;max-width:770px}
body.site-seo .addon-catalogue-controls{background:#fff;padding:19px 22px;border-radius:19px;border:1px solid #e1e7f1;box-shadow:0 12px 36px rgba(12,36,97,.055);display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:26px}
body.site-seo .addon-catalogue-controls label{color:#334563;font-size:.93rem;font-weight:800}
body.site-seo #addon-category{background:#fff;border:1px solid #cdd8e8;min-height:48px;border-radius:12px;padding:10px 40px 10px 14px;font:inherit;font-weight:600;color:#273955;min-width:220px;max-width:100%;cursor:pointer}
body.site-seo #addon-count{margin-left:auto;font-size:.9rem;color:#637289;font-weight:750}
body.site-seo .addon-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px;align-items:stretch}
body.site-seo .addon-product-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #e2e9f2;border-radius:22px;box-shadow:0 14px 33px rgba(10,34,75,.065);padding:25px;transition:transform .18s,box-shadow .18s}
body.site-seo .addon-product-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(10,34,75,.12)}
body.site-seo .addon-card-top{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
body.site-seo .addon-card-category{background:#fff0f1;color:#d22032;font-size:.73rem;font-weight:850;letter-spacing:.03em;padding:7px 11px;border-radius:99px}
body.site-seo .addon-card-speed{background:#edf3fc;color:#163b78;font-size:.81rem;font-weight:850;padding:7px 11px;border-radius:99px}
body.site-seo .addon-product-card h3{font-size:1.32rem;line-height:1.25;color:#19294b;letter-spacing:-.03em;margin:21px 0 18px}
body.site-seo .addon-price-caption{color:#677991;font-size:.83rem;margin:0 0 3px}
body.site-seo .addon-card-price{font-size:1.75rem;font-weight:900;letter-spacing:-.035em;color:#e32739;line-height:1.2;overflow-wrap:anywhere;margin:0 0 12px}
body.site-seo .addon-card-price.is-unknown{font-size:1.4rem;color:#273c5f}
body.site-seo .addon-card-meta{border-top:1px solid #ecf0f7;margin:8px 0 0;padding-top:15px;display:grid;gap:11px}
body.site-seo .addon-card-meta div{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}
body.site-seo .addon-card-meta dt{font-size:.82rem;color:#718198;flex:0 0 45%}
body.site-seo .addon-card-meta dd{font-size:.84rem;font-weight:750;color:#283a5a;text-align:right;margin:0;min-width:0;overflow-wrap:anywhere}
body.site-seo .addon-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;padding-top:23px}
body.site-seo .addon-btn{font:inherit;font-size:.85rem;font-weight:800;line-height:1.35;min-height:44px;border-radius:11px;border:1px solid #d1dbea;display:inline-flex;justify-content:center;align-items:center;gap:5px;text-decoration:none!important;text-align:center;padding:11px 9px;cursor:pointer;transition:background-color .18s}
body.site-seo .addon-btn-outline{background:#fff;color:#143268!important}
body.site-seo .addon-btn-outline:hover{background:#eef4fd}
body.site-seo .addon-btn-primary{background:#ef2334;color:#fff!important;border-color:#ef2334}
body.site-seo .addon-btn-primary:hover{background:#c91b2d;border-color:#c91b2d}
body.site-seo .addon-source-note{font-size:.83rem!important;color:#657389!important;line-height:1.7;margin:23px 0 0}
body.site-seo .addon-faq-section{padding:80px 0!important;background:#fff!important}
body.site-seo .addon-faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
body.site-seo .addon-faq-item{margin:0;border:1px solid #e2e9f2;background:#fff;border-radius:15px;padding:0 19px;box-shadow:0 7px 26px rgba(10,34,75,.045)}
body.site-seo .addon-faq-item summary{position:relative;padding:19px 29px 19px 0;list-style:none;cursor:pointer;color:#1c2d4c;font-size:.96rem;font-weight:800;line-height:1.45}
body.site-seo .addon-faq-item summary::-webkit-details-marker{display:none}
body.site-seo .addon-faq-item summary::after{content:'+';position:absolute;right:2px;top:16px;color:#d92332;font-size:1.4rem}
body.site-seo .addon-faq-item[open] summary::after{content:'−'}
body.site-seo .addon-faq-item p{margin:0;padding:0 0 19px;color:#64748b;line-height:1.7;font-size:.91rem}
/* Modal */
body .addon-modal[hidden]{display:none!important}
body .addon-modal{position:fixed;inset:0;z-index:10000;display:flex;justify-content:center;align-items:center;padding:20px}
body .addon-modal-scrim{background:rgba(6,19,45,.78);position:absolute;inset:0;cursor:pointer}
body .addon-modal-panel{position:relative;background:#fff;border-radius:22px;padding:30px;max-width:640px;width:100%;max-height:min(88vh,900px);overflow-y:auto;box-shadow:0 25px 90px rgba(0,0,0,.25);color:#1b2b47;outline:none}
body .addon-modal-close{position:absolute;right:15px;top:12px;width:38px;height:38px;border:0;border-radius:10px;background:#f0f3f8;color:#2c3a51;font-size:1.75rem;cursor:pointer}
body .addon-modal-category{display:inline-flex;background:#ffebee;color:#c91b2d;padding:6px 12px;border-radius:99px;font-size:.8rem;font-weight:850}
body #addon-modal-title{color:#14274b;font-size:clamp(1.45rem,3vw,2rem);line-height:1.2;letter-spacing:-.035em;margin:14px 35px 14px 0}
body #addon-modal-description{color:#55647b;font-size:.95rem;line-height:1.75;margin:0 0 20px}
body .addon-modal-facts{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:0 0 18px}
body .addon-modal-facts div{background:#f4f7fc;border:1px solid #e7ebf2;border-radius:12px;padding:12px;min-width:0}
body .addon-modal-facts dt{font-size:.75rem;color:#718198;font-weight:700}
body .addon-modal-facts dd{margin:4px 0 0;color:#243a60;font-size:.94rem;font-weight:800;overflow-wrap:anywhere}
body .addon-modal-disclaimer{color:#69778d;font-size:.8rem;line-height:1.65;margin:6px 0 16px}
body #addon-modal-wa{display:flex;width:100%;padding:14px 18px}
@media(max-width:990px){body.site-seo .addon-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){body.site-seo .addon-catalogue,body.site-seo .addon-faq-section{padding:52px 0!important}body.site-seo .addon-product-grid,body.site-seo .addon-faq-list{grid-template-columns:1fr}body.site-seo .addon-catalogue-controls{align-items:stretch;flex-direction:column;padding:16px}body.site-seo #addon-category{width:100%}body.site-seo #addon-count{margin-left:0}body.site-seo .addon-product-card{padding:21px}body .addon-modal-panel{padding:22px}body .addon-modal-facts{grid-template-columns:1fr 1fr;gap:9px}}
@media(max-width:365px){body.site-seo .addon-card-actions{grid-template-columns:1fr}body .addon-modal-facts{grid-template-columns:1fr}}

/* V4: simplified catalogue, one-column readable FAQ, description-only modal. */
body.site-seo .addon-faq-section{background:#f6f8fc!important}
body.site-seo .addon-faq-list{display:flex;flex-direction:column;align-items:stretch;max-width:930px;margin:auto;gap:11px}
body.site-seo .addon-faq-item{width:100%;background:#fff;border:1px solid #dee6f1;border-radius:16px;box-shadow:0 7px 20px rgba(12,36,70,.045);padding:0 22px}
body.site-seo .addon-faq-item summary{font-size:1rem;padding:21px 35px 21px 0;color:#1d2c49;line-height:1.5}
body.site-seo .addon-faq-item[open]{border-color:#c6d3e6;box-shadow:0 10px 27px rgba(12,36,70,.075)}
body.site-seo .addon-faq-item[open] summary{color:#c51d2c}
body.site-seo .addon-faq-item p{border-top:1px solid #e7edf5;padding:15px 4px 22px 0;color:#54657e;font-size:.95rem;line-height:1.8}
body.site-seo .addon-card-meta{margin-bottom:3px}
body.site-seo .addon-card-meta dt{flex:0 0 35%}
body.site-seo .addon-source-note{background:#fff;padding:13px 16px;border:1px solid #e1e8f3;border-radius:12px}
body.site-seo #addon-sync-status{display:block;margin:8px 0 0;color:#44705a;font-size:.85rem;font-weight:600;line-height:1.6}
body.site-seo #addon-sync-status.is-stale{color:#ad4b20}
body.site-seo .addon-empty,body.site-seo .addon-load-error{grid-column:1/-1;background:#fff;border-radius:16px;padding:26px;color:#53627c}
body .addon-modal-open{overflow:hidden}
body .addon-modal-panel{max-width:550px}
body #addon-modal-description{white-space:pre-line;margin-bottom:22px}
@media(max-width:700px){body.site-seo .addon-faq-item{padding:0 17px}body.site-seo .addon-faq-item summary{padding:18px 30px 18px 0}body.site-seo .addon-faq-item p{font-size:.9rem;padding:13px 0 18px}}