/* Keep the outer content edge consistent across every Hstock page. */
body.client-template-hstock .hstock-shell,
body.client-template-hstock .hstock-blog-shell,
body.client-template-hstock .hstock-blog-detail-shell,
body.client-template-hstock .hs-product-container,
body.client-template-hstock .hs-orders-container,
body.client-template-hstock .hstock-profile-shell,
body.client-template-hstock .hstock-policy-shell,
body.client-template-hstock .sim-catalog-shell,
body.client-template-hstock .sim-orders-shell,
body.client-template-hstock .sim-order-shell,
body.client-template-hstock .api-doc-container,
body.client-template-hstock .api-doc-hub-container,
body.client-template-hstock .djn-doc-shell,
body.client-template-hstock .djn-client-shell,
body.client-template-hstock .hstock-footer-v2-shell,
body.client-template-hstock .inner-section > .container,
body.client-template-hstock .inner-section.profile-part > .container,
body.client-template-hstock .inner-section.single-banner > .container,
body.client-template-hstock .inner-section.contact-part > .container,
body.client-template-hstock .luxe-recharge-page > .container,
body.client-template-hstock .market-catalog-page .container,
body.client-template-hstock .market-detail-page > .container,
body.client-template-hstock .market-store-page > .market-store-products.container,
body.client-template-hstock .market-store-page > .market-store-reviews.container,
body.client-template-hstock .market-store-page > .market-store-policy.container {
    width: min(var(--hs-shell), calc(100% - 32px));
    max-width: var(--hs-shell);
    min-width: 0;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

/* The article grid keeps a readable sidebar; only its outer page edge expands. */
body.client-template-hstock .hstock-blog-detail-layout {
    min-width: 0;
}

@media (max-width: 800px) {
    body.client-template-hstock .hstock-shell,
    body.client-template-hstock .hstock-blog-shell,
    body.client-template-hstock .hstock-blog-detail-shell,
    body.client-template-hstock .hs-product-container,
    body.client-template-hstock .hs-orders-container,
    body.client-template-hstock .hstock-profile-shell,
    body.client-template-hstock .hstock-policy-shell,
    body.client-template-hstock .sim-catalog-shell,
    body.client-template-hstock .sim-orders-shell,
    body.client-template-hstock .sim-order-shell,
    body.client-template-hstock .api-doc-container,
    body.client-template-hstock .api-doc-hub-container,
    body.client-template-hstock .djn-doc-shell,
    body.client-template-hstock .djn-client-shell,
    body.client-template-hstock .hstock-footer-v2-shell,
    body.client-template-hstock .inner-section > .container,
    body.client-template-hstock .inner-section.profile-part > .container,
    body.client-template-hstock .inner-section.single-banner > .container,
    body.client-template-hstock .inner-section.contact-part > .container,
    body.client-template-hstock .luxe-recharge-page > .container,
    body.client-template-hstock .market-catalog-page .container,
    body.client-template-hstock .market-detail-page > .container,
    body.client-template-hstock .market-store-page > .market-store-products.container,
    body.client-template-hstock .market-store-page > .market-store-reviews.container,
    body.client-template-hstock .market-store-page > .market-store-policy.container {
        width: calc(100% - 20px);
        max-width: calc(100% - 20px);
    }

    /* These pages already provide their own horizontal padding on the page wrapper. */
    body.client-template-hstock .djn-client-page > .djn-client-shell,
    body.client-template-hstock .api-doc-hub-page > .api-doc-hub-container,
    body.client-template-hstock .api-doc-hub-page > .api-doc-container,
    body.client-template-hstock .djn-doc-page > .djn-doc-shell,
    body.client-template-hstock .djn-doc-page > .api-doc-container {
        width: 100%;
        max-width: 100%;
    }
}

/* The same wrappers sit inside padded API pages on wider screens too. */
body.client-template-hstock .djn-client-page > .djn-client-shell,
body.client-template-hstock .api-doc-hub-page > .api-doc-hub-container,
body.client-template-hstock .api-doc-hub-page > .api-doc-container,
body.client-template-hstock .djn-doc-page > .djn-doc-shell,
body.client-template-hstock .djn-doc-page > .api-doc-container {
    width: min(var(--hs-shell), 100%);
    max-width: var(--hs-shell);
}

/* Keep the order list aligned with the shared site-wide content width. */
body.client-template-hstock .hs-orders-page > .hs-orders-container {
    width: min(var(--hs-shell), calc(100% - 32px));
    max-width: var(--hs-shell);
}

body.client-template-hstock .hs-order-detail-modern > .hs-order-detail-shell {
    width: min(1380px, calc(100% - 32px));
    max-width: 1380px;
}

@media (max-width: 800px) {
    body.client-template-hstock .hs-orders-page > .hs-orders-container,
    body.client-template-hstock .hs-order-detail-modern > .hs-order-detail-shell {
        width: calc(100% - 20px);
        max-width: calc(100% - 20px);
    }
}

/* HSTOCK standalone authentication card */
body.client-template-hstock.auth-page-standalone{background:#f5f8fd;min-height:100vh}body.client-template-hstock.auth-page-standalone .auth-standalone-card{width:min(100%,460px);margin:clamp(28px,8vh,80px) auto;padding:31px 32px 26px;border:1px solid rgba(222,229,240,.95);border-radius:22px;background:#fff;box-shadow:0 22px 55px rgba(39,56,98,.14)}body.client-template-hstock.auth-page-standalone .auth-standalone-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}body.client-template-hstock.auth-page-standalone .auth-standalone-heading h1{margin:0;color:#1d2945;font-size:25px;line-height:1.25;letter-spacing:-.03em}body.client-template-hstock.auth-page-standalone .auth-standalone-heading h1 span{color:#6750e8}body.client-template-hstock.auth-page-standalone .auth-standalone-heading p{margin:7px 0 0;color:#7a879f;font-size:12px;line-height:1.45}body.client-template-hstock.auth-page-standalone .auth-standalone-mode{display:flex;flex:none;gap:3px;padding:4px;border-radius:12px;background:#f2f4f9}body.client-template-hstock.auth-page-standalone .auth-standalone-mode a{height:31px;padding:0 12px;border-radius:9px;display:flex;align-items:center;color:#77849c;font-size:12px;text-decoration:none}body.client-template-hstock.auth-page-standalone .auth-standalone-mode a.active{background:#fff;color:#6750e8;font-weight:700;box-shadow:0 4px 11px rgba(45,58,95,.11)}body.client-template-hstock.auth-page-standalone .auth-standalone-card .form-group{margin:0 0 15px}body.client-template-hstock.auth-page-standalone .auth-standalone-card .form-group>input.form-control{display:block;width:100%;height:47px;padding:0 14px;border:1px solid #dfe6f1;border-radius:12px;outline:0;background:#fbfcff;color:#1d2945;font-size:13px;transition:border-color .18s,box-shadow .18s,background .18s}body.client-template-hstock.auth-page-standalone .auth-standalone-card .form-group>input.form-control:focus{border-color:#9589f1;background:#fff;box-shadow:0 0 0 4px rgba(103,80,232,.11)}body.client-template-hstock.auth-page-standalone .auth-standalone-card .form-button{margin-top:3px}body.client-template-hstock.auth-page-standalone .auth-standalone-card .form-button button{display:flex;align-items:center;justify-content:center;width:100%;height:48px;border:0;border-radius:12px;background:linear-gradient(135deg,#6750e8,#513bd0);color:#fff;font-size:13px;font-weight:800;box-shadow:0 11px 22px rgba(103,80,232,.25)}body.client-template-hstock.auth-page-standalone .auth-standalone-card .form-button button:disabled{opacity:.7}body.client-template-hstock.auth-page-standalone .auth-standalone-card .form-button p{text-align:center;margin:17px 0 0;color:#7b879c;font-size:12px}body.client-template-hstock.auth-page-standalone .auth-standalone-card .form-button p a,body.client-template-hstock.auth-page-standalone .auth-standalone-card .auth-forgot{color:#6750e8;font-weight:700;text-decoration:none}body.client-template-hstock.auth-page-standalone .auth-standalone-card .auth-divider{display:flex;align-items:center;gap:10px;margin:21px 0 16px;color:#a3adbf;font-size:10px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#dfe6f1}body.client-template-hstock.auth-page-standalone .auth-standalone-card .auth-quick-links{display:grid;grid-template-columns:1fr 1fr;gap:9px}.auth-quick-links a{display:flex;align-items:center;justify-content:center;min-height:38px;border:1px solid #dfe6f1;border-radius:10px;color:#68758b;background:#fff;font-size:11px;text-decoration:none}.auth-quick-links a:hover{border-color:#c9c1ff;background:#faf9ff;color:#6750e8}.auth-security-note{display:flex;align-items:flex-start;gap:8px;margin-top:17px;padding:10px 11px;border-radius:10px;background:#f6f8fc;color:#7d8aa0;font-size:10px;line-height:1.5}.auth-security-note:before{content:"✓";display:grid;place-items:center;flex:0 0 16px;width:16px;height:16px;border-radius:50%;background:#e5f7ed;color:#36a66d;font-weight:800}@media(max-width:520px){body.client-template-hstock.auth-page-standalone{padding:14px 0;background:#f4f7fc}body.client-template-hstock.auth-page-standalone .auth-standalone-card{width:100%;min-height:calc(100vh - 28px);margin:0;padding:31px 25px 25px;border-radius:0;border-left:0;border-right:0;box-shadow:none}body.client-template-hstock.auth-page-standalone .auth-standalone-top{margin-bottom:25px}body.client-template-hstock.auth-page-standalone .auth-standalone-heading h1{font-size:24px}body.client-template-hstock.auth-page-standalone .auth-standalone-mode a{padding:0 11px}}@media(max-width:370px){body.client-template-hstock.auth-page-standalone .auth-standalone-card{padding-left:20px;padding-right:20px}body.client-template-hstock.auth-page-standalone .auth-standalone-top{gap:9px}body.client-template-hstock.auth-page-standalone .auth-standalone-heading h1{font-size:22px}body.client-template-hstock.auth-page-standalone .auth-standalone-mode a{padding:0 8px}}

/* Standalone HSTOCK auth pages hide shared shell and floating widgets. */
body.client-template-hstock.auth-page-standalone .hstock-domain-banner,body.client-template-hstock.auth-page-standalone .hstock-topbar,body.client-template-hstock.auth-page-standalone .hstock-header,body.client-template-hstock.auth-page-standalone .hotline-phone-ring-wrap,body.client-template-hstock.auth-page-standalone .leaderboard-btn,body.client-template-hstock.auth-page-standalone .site-messages-float,body.client-template-hstock.auth-page-standalone .hstock-chat-widget,body.client-template-hstock.auth-page-standalone .hstock-chat-launcher{display:none!important}
body.client-template-hstock.auth-page-standalone .auth-standalone-wrap{width:100%;padding:1px 16px 28px}
body.client-template-hstock.auth-page-standalone .auth-standalone-card .login-meta{display:flex;align-items:center;justify-content:space-between;margin:0 0 17px;color:#7b879c;font-size:11px}
body.client-template-hstock.auth-page-standalone .auth-standalone-card .remember{display:inline-flex;align-items:center;gap:7px}
body.client-template-hstock.auth-page-standalone .auth-standalone-card .remember input{accent-color:#6750e8}
body.client-template-hstock.auth-page-standalone .auth-standalone-card .check-line{display:flex;align-items:flex-start;gap:8px;margin:3px 0 17px;color:#78859b;font-size:11px;line-height:1.5}
body.client-template-hstock.auth-page-standalone .auth-standalone-card .check-line input{width:15px;height:15px;margin:1px 0 0;accent-color:#6750e8}
@media(max-width:520px){body.client-template-hstock.auth-page-standalone .auth-standalone-wrap{padding:0}}

/* Keep the fixed menu entry reachable on compact authentication pages too. */
@media(max-width:800px){body.client-template-hstock.auth-page-standalone .hstock-desktop-menu-toggle{display:grid!important;top:16px;right:16px}}

/* Keep the standalone auth page compact and let its footer sit directly below the content. */
html:has(body.client-template-hstock.auth-page-standalone),
body.client-template-hstock.auth-page-standalone {
    min-height: 100%;
}
body.client-template-hstock.auth-page-standalone {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding-bottom: 0;
}
body.client-template-hstock.auth-page-standalone .auth-standalone-wrap {
    flex: 1 0 auto;
    box-sizing: border-box;
}
body.client-template-hstock.auth-page-standalone > .market-site-footer {
    flex: 0 0 auto;
}