/* Store Privilege Features v4.0.2 — GameCMS 3.676 */
#store_service_info.spf-managed {
    --spf-accent: #35d07f;
    --spf-accent-soft: rgba(53, 208, 127, .10);
    --spf-border: rgba(127, 139, 153, .20);
    --spf-card: rgba(127, 139, 153, .075);
    --spf-text: inherit;
    --spf-muted: rgba(160, 169, 180, .95);
    font-size: 14px !important;
    line-height: 1.55 !important;
}

#store_service_info .spf-root {
    display: grid;
    gap: 12px;
    width: 100%;
}

#store_service_info .spf-section {
    overflow: hidden;
    border: 1px solid var(--spf-border);
    border-radius: 12px;
    background: rgba(0, 0, 0, .025);
}

#store_service_info .spf-section__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 48px;
    padding: 10px 12px;
    border-bottom: 1px solid var(--spf-border);
    background: var(--spf-card);
}

#store_service_info .spf-section__title {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    gap: 9px;
    font-size: 14px;
    line-height: 1.35;
    text-transform: uppercase;
    letter-spacing: .02em;
}

#store_service_info .spf-section__title strong {
    min-width: 0;
    overflow-wrap: anywhere;
}

#store_service_info .spf-section__icon,
#store_service_info .spf-card__icon {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid rgba(53, 208, 127, .25);
    color: var(--spf-accent);
    background: var(--spf-accent-soft);
    font-family: Arial, sans-serif;
    font-weight: 900;
}

#store_service_info .spf-section__icon {
    width: 30px;
    height: 30px;
    border-radius: 9px;
    font-size: 15px;
}

#store_service_info .spf-section__count {
    flex: 0 0 auto;
    color: var(--spf-muted);
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

#store_service_info .spf-grid {
    display: grid;
    grid-template-columns: repeat(var(--spf-columns, 2), minmax(0, 1fr));
    gap: 9px;
    padding: 10px;
}

#store_service_info .spf-card {
    position: relative;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-content: start;
    gap: 10px;
    min-width: 0;
    min-height: 72px;
    padding: 11px;
    border: 1px solid var(--spf-border);
    border-radius: 11px;
    background: var(--spf-card);
}

#store_service_info .spf-card--important {
    border-color: rgba(245, 172, 65, .32);
    background: rgba(245, 172, 65, .07);
}

#store_service_info .spf-card--command {
    border-color: rgba(83, 166, 255, .28);
}

#store_service_info .spf-card__icon {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    font-size: 17px;
}

#store_service_info .spf-card--important .spf-card__icon {
    border-color: rgba(245, 172, 65, .34);
    color: #e7a239;
    background: rgba(245, 172, 65, .09);
}

#store_service_info .spf-card--command .spf-card__icon {
    border-color: rgba(83, 166, 255, .34);
    color: #53a6ff;
    background: rgba(83, 166, 255, .09);
}

#store_service_info .spf-card__content {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 4px;
}

#store_service_info .spf-card__title {
    overflow-wrap: anywhere;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.4;
}

#store_service_info .spf-card__detail {
    overflow-wrap: anywhere;
    color: var(--spf-muted);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
}

#store_service_info .spf-card__badge {
    grid-column: 1 / -1;
    justify-self: start;
    max-width: 100%;
    padding: 4px 8px;
    border: 1px solid rgba(53, 208, 127, .25);
    border-radius: 7px;
    color: var(--spf-accent);
    background: var(--spf-accent-soft);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

#store_service_info .spf-footer {
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--spf-muted);
    font-size: 12px;
    line-height: 1.35;
}

#store_service_info .spf-footer__mark {
    display: inline-grid;
    place-items: center;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    color: var(--spf-accent);
    background: var(--spf-accent-soft);
    font-weight: 900;
}

#store_service_info .spf-footer strong {
    margin-left: auto;
    color: var(--spf-accent);
    font-size: 12px;
}

.sp-store-description__title small.spf-active-label {
    color: #62dda0 !important;
}

@media (max-width: 700px) {
    #store_service_info .spf-grid {
        grid-template-columns: 1fr;
        padding: 9px;
    }

    #store_service_info .spf-card {
        min-height: 0;
    }

    #store_service_info .spf-section__head {
        align-items: flex-start;
    }

    #store_service_info .spf-section__count {
        padding-top: 7px;
    }
}


/* v3.0: rich media, links and compact long descriptions */
#store_service_info .spf-card__links,#store_service_info .spf-card__media{grid-column:1/-1;min-width:0}
#store_service_info .spf-card__links{display:flex;flex-wrap:wrap;gap:7px;margin-top:2px}
#store_service_info .spf-link,#store_service_info .spf-compare-link,#store_service_info .spf-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 10px;border:1px solid rgba(53,208,127,.22);border-radius:9px;background:rgba(53,208,127,.08);color:var(--spf-accent)!important;font-size:12px;font-weight:800;line-height:1.3;text-decoration:none!important;cursor:pointer;transition:.18s ease}
#store_service_info .spf-link:hover,#store_service_info .spf-compare-link:hover,#store_service_info .spf-toggle:hover{border-color:rgba(53,208,127,.45);background:rgba(53,208,127,.14);transform:translateY(-1px)}
#store_service_info .spf-card__media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px}
#store_service_info .spf-media-link{display:block;overflow:hidden;min-width:0;border:1px solid var(--spf-border);border-radius:10px;background:rgba(0,0,0,.12)}
#store_service_info .spf-image{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:280px;margin:0!important;object-fit:contain;border:0!important;border-radius:0!important;transition:transform .2s ease}
#store_service_info .spf-media-link:hover .spf-image{transform:scale(1.015)}
#store_service_info .spf-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}
#store_service_info .spf-toggle{appearance:none;-webkit-appearance:none;font-family:inherit}
#store_service_info .spf-root.is-collapsed .spf-collapse-extra{display:none}
#store_service_info .spf-root.is-collapsed .spf-collapse-section-extra{display:none}
@media(max-width:700px){#store_service_info .spf-card__media{grid-template-columns:1fr}#store_service_info .spf-image{max-height:340px}#store_service_info .spf-actions{justify-content:stretch}#store_service_info .spf-toggle,#store_service_info .spf-compare-link{width:100%}}


/* ===== v4.0 MAX runtime UI ===== */
#store_service_info .spf-intro{padding:12px 14px;border:1px solid rgba(79,234,159,.18);border-radius:12px;background:linear-gradient(135deg,rgba(79,234,159,.09),rgba(79,234,159,.025));color:#cfd8d3;font-size:13px;line-height:1.5}
#store_service_info .spf-toolbar{display:flex;align-items:center;gap:8px}
#store_service_info .spf-search{min-width:0;flex:1;height:40px;padding:0 12px;border:1px solid var(--spf-border)!important;border-radius:10px!important;outline:0;background:rgba(0,0,0,.10)!important;color:inherit!important;font:inherit!important}
#store_service_info .spf-search:focus{border-color:rgba(79,234,159,.42)!important;box-shadow:0 0 0 3px rgba(79,234,159,.07)}
#store_service_info .spf-search::placeholder{color:#7f8791}
#store_service_info .spf-mode-toggle,#store_service_info .spf-copy{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 10px;border:1px solid var(--spf-border);border-radius:9px;background:rgba(255,255,255,.035);color:#b9c0c8;font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:.16s ease}
#store_service_info .spf-mode-toggle{min-height:40px;white-space:nowrap}
#store_service_info .spf-mode-toggle:hover,#store_service_info .spf-copy:hover{border-color:rgba(79,234,159,.30);color:var(--spf-accent);background:rgba(79,234,159,.07)}
#store_service_info .spf-section__head:is(button){width:100%;border:0;color:inherit;text-align:left;font:inherit;cursor:pointer}
#store_service_info .spf-section__head:is(button)::after{content:'⌄';flex:0 0 auto;margin-left:3px;color:#7f8791;font-size:16px;transition:transform .16s ease}
#store_service_info .spf-section.is-section-collapsed .spf-section__head:is(button)::after{transform:rotate(-90deg)}
#store_service_info .spf-section.is-section-collapsed .spf-grid{display:none}
#store_service_info .spf-root.is-searching .spf-collapse-extra{display:grid!important}
#store_service_info .spf-card[hidden],#store_service_info .spf-section[hidden]{display:none!important}
#store_service_info .spf-copy{grid-column:1/-1;justify-self:start;color:#8fdcaf;border-color:rgba(79,234,159,.18);background:rgba(79,234,159,.055)}
#store_service_info .spf-root.is-compact{gap:9px}
#store_service_info .spf-root.is-compact .spf-section__head{min-height:42px;padding:8px 10px}
#store_service_info .spf-root.is-compact .spf-grid{gap:7px;padding:8px}
#store_service_info .spf-root.is-compact .spf-card{grid-template-columns:32px minmax(0,1fr);min-height:56px;padding:9px;gap:8px}
#store_service_info .spf-root.is-compact .spf-card__icon{width:32px;height:32px;border-radius:8px;font-size:14px}
#store_service_info .spf-root.is-compact .spf-card__title{font-size:13px}
#store_service_info .spf-root.is-compact .spf-card__detail{font-size:12px;line-height:1.4}
#store_service_info .spf-root.is-compact .spf-card__media{grid-template-columns:repeat(3,minmax(0,1fr))}
#store_service_info .spf-lightbox{}
.spf-lightbox{position:fixed;z-index:100000;inset:0;display:grid;place-items:center;padding:28px;background:rgba(10,10,14,.88);backdrop-filter:blur(7px)}
.spf-lightbox__image{display:block;max-width:min(1100px,94vw);max-height:88vh;object-fit:contain;border-radius:14px;box-shadow:0 24px 70px rgba(0,0,0,.48)}
.spf-lightbox__close{position:fixed;z-index:2;right:22px;top:18px;width:42px;height:42px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:#292932;color:#fff;font-size:26px;line-height:1;cursor:pointer}
@media(max-width:900px){#store_service_info .spf-grid{grid-template-columns:repeat(min(var(--spf-columns,2),2),minmax(0,1fr))}}
@media(max-width:700px){#store_service_info .spf-toolbar{align-items:stretch;flex-direction:column}#store_service_info .spf-mode-toggle{width:100%}#store_service_info .spf-root.is-compact .spf-card__media{grid-template-columns:1fr}}

/* ===== Admin ===== */
.spf-admin{--a:#4fea9f;--bg:#292932;--card:#32323d;--border:rgba(255,255,255,.075);--muted:#959ca6;display:grid;gap:16px;width:100%;color:#eef2f4;font-size:14px}
.spf-admin *{box-sizing:border-box}
.spf-admin__hero,.spf-admin__card{border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,rgba(50,50,61,.98),rgba(41,41,50,.98));box-shadow:0 12px 30px rgba(0,0,0,.12)}
.spf-admin__hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;background:linear-gradient(135deg,#292934,#24242d 62%,#25362f)}
.spf-admin__hero:after{content:'';position:absolute;right:-65px;top:-90px;width:220px;height:220px;border-radius:50%;background:rgba(79,234,159,.10)}
.spf-admin__hero>div,.spf-admin__store{position:relative;z-index:1}
.spf-admin__eyebrow,.spf-admin__head small{color:var(--a);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.spf-admin__hero h1{margin:8px 0 6px;font-size:26px;font-weight:850;line-height:1.1}
.spf-admin__hero p,.spf-admin__head p{max-width:760px;margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.spf-admin__store,.spf-admin__primary,.spf-admin__ghost,.spf-admin__row button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border-radius:10px;font-weight:800;text-decoration:none!important;cursor:pointer;transition:.16s ease}
.spf-admin__store,.spf-admin__primary{border:1px solid rgba(79,234,159,.30);background:var(--a);color:#173126!important}
.spf-admin__ghost,.spf-admin__row button{border:1px solid var(--border);background:rgba(255,255,255,.035);color:#c7cdd3!important}
.spf-admin__ghost:hover,.spf-admin__row button:hover{border-color:rgba(79,234,159,.30);color:var(--a)!important}
.spf-admin__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.spf-admin__card{padding:18px}
.spf-admin__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:15px;padding-bottom:13px;border-bottom:1px solid var(--border)}
.spf-admin__head h2{margin:3px 0 2px;font-size:19px;font-weight:850}
.spf-admin__head>span{flex:0 0 auto;padding:5px 8px;border-radius:8px;background:rgba(79,234,159,.08);color:var(--a);font-size:11px;font-weight:800}
.spf-admin__form{display:grid;gap:12px}
.spf-admin__fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.spf-admin__fields--2{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}.spf-admin__fields--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.spf-admin label{position:static!important;display:grid;gap:6px;color:#aeb5bd;font-size:12px;font-weight:700}
.spf-admin input[type=text],.spf-admin input[type=number],.spf-admin select,.spf-admin textarea{position:static!important;width:100%!important;min-width:0;height:40px!important;margin:0!important;padding:0 10px!important;border:1px solid var(--border)!important;border-radius:9px!important;outline:0;background:#25252f!important;color:#e9edef!important;font:inherit!important;font-size:13px!important}
.spf-admin textarea{height:150px!important;padding:10px!important;resize:vertical}
.spf-admin input:focus,.spf-admin select:focus,.spf-admin textarea:focus{border-color:rgba(79,234,159,.38)!important;box-shadow:0 0 0 3px rgba(79,234,159,.055)}
.spf-admin__checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;border:1px solid var(--border);border-radius:12px;background:rgba(0,0,0,.07)}
.spf-admin__checks label,.spf-switch,.spf-mini-check{display:flex!important;align-items:center;gap:7px}
.spf-admin input[type=checkbox]{position:static!important;width:16px!important;height:16px!important;margin:0!important;accent-color:var(--a)}
.spf-admin__actions{display:flex;flex-wrap:wrap;gap:8px}.spf-admin__rows{display:grid;gap:8px}.spf-admin__row{display:grid;align-items:center;gap:7px;padding:9px;border:1px solid var(--border);border-radius:11px;background:rgba(0,0,0,.055)}
.spf-admin__row--category{grid-template-columns:120px 180px 70px minmax(220px,1fr) 72px 60px 90px 72px}.spf-admin__row--rule{grid-template-columns:160px minmax(220px,1fr) 170px 70px 72px 60px 90px 72px}
.spf-admin__row button{min-height:36px;padding:7px 9px;font-size:11px}.spf-admin__row button.danger{border-color:rgba(255,102,117,.18);color:#ff8691!important;background:rgba(255,102,117,.055)}
.spf-admin__source{display:grid;gap:7px;margin-bottom:12px}.spf-admin__source strong{font-size:12px}.spf-admin__preview{padding:14px;border:1px dashed rgba(79,234,159,.18);border-radius:14px;background:#24242d}.spf-admin__preview #store_service_info{min-height:90px}.spf-admin__toast{position:fixed;z-index:100001;right:22px;bottom:22px;max-width:360px;padding:11px 14px;border-radius:11px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.18s ease}.spf-admin__toast.is-visible{opacity:1;transform:none}.spf-admin__toast.is-ok{border:1px solid rgba(79,234,159,.25);background:#263b32;color:#9cf0c0}.spf-admin__toast.is-error{border:1px solid rgba(255,102,117,.28);background:#3c292f;color:#ffabb2}
@media(max-width:1180px){.spf-admin__grid{grid-template-columns:1fr}.spf-admin__row--category,.spf-admin__row--rule{grid-template-columns:repeat(2,minmax(0,1fr))}.spf-admin__fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.spf-admin__hero{align-items:flex-start;flex-direction:column}.spf-admin__store{width:100%}.spf-admin__fields,.spf-admin__fields--2,.spf-admin__fields--3,.spf-admin__checks,.spf-admin__row--category,.spf-admin__row--rule{grid-template-columns:1fr}.spf-admin__actions>*{width:100%}}
#store_service_info .spf-root.is-searching .spf-collapse-section-extra{display:block!important}

/* ===== v4.0.5 parser/layout fix ===== */
#store_service_info .spf-section--important .spf-grid{
    grid-template-columns:1fr;
}
#store_service_info .spf-card--media-only{
    display:block;
    min-height:0;
    padding:8px;
}
#store_service_info .spf-card--media-only .spf-card__icon,
#store_service_info .spf-card--media-only .spf-card__content,
#store_service_info .spf-card--media-only .spf-card__badge{
    display:none;
}
#store_service_info .spf-card--media-only .spf-card__media{
    display:block;
    margin:0;
}
#store_service_info .spf-card--media-only .spf-media-link{
    width:max-content;
    max-width:100%;
    border-radius:9px;
}
#store_service_info .spf-card--media-only .spf-image{
    width:auto!important;
    max-width:100%!important;
    max-height:420px;
}
#store_service_info .spf-card__detail{
    white-space:normal;
}
