body{background:#f5f7fb;}

.tsqu-landing,
.tsqu-page,
.tsqu-landing-wrap{
    width:90%;
    max-width:90%;
    margin:0;
    padding:24px 14px;
    color:#0f172a;
    box-sizing:border-box;
    overflow-x:hidden;
}

.tsqu-page-inner{
    width:100%;
    max-width:1120px;
    margin:0 auto;
    box-sizing:border-box;
}

/* =========================================
   HERO
   ========================================= */
.tsqu-hero{
    display:flex;
    gap:24px;
    align-items:center;
    justify-content:space-between;
    padding:32px;
    border-radius:28px;
    background:linear-gradient(135deg,#0d2b45 0%,#be8d1a 48%,#f7d46b 100%);
    box-shadow:0 22px 50px rgba(13,43,69,.20);
    color:#fff;
    overflow:hidden;
    position:relative;
}

.tsqu-hero:before{
    content:"";
    position:absolute;
    inset:auto -80px -80px auto;
    width:220px;
    height:220px;
    background:rgba(255,255,255,.10);
    border-radius:50%;
}

.tsqu-hero-copy{
    flex:1;
    min-width:280px;
    position:relative;
    z-index:2;
}

.tsqu-mini-badge{
    display:inline-block;
    padding:8px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.25);
    font-weight:700;
    font-size:14px;
}

.tsqu-hero h1{
    margin:14px 0 10px;
    font-size:40px;
    line-height:1.18;
    font-weight:900;
}

.tsqu-sub{
    font-size:18px;
    line-height:1.8;
    max-width:690px;
    opacity:.98;
}

.tsqu-cta-row{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin-top:18px;
}

.tsqu-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:12px 18px;
    border-radius:14px;
    text-decoration:none;
    font-weight:800;
    border:1px solid transparent;
    transition:all .2s ease;
}

.tsqu-btn:hover{
    text-decoration:none;
    transform:translateY(-1px);
}

.tsqu-btn-primary{
    background:#fff;
    color:#8a6510;
}

.tsqu-btn-ghost{
    background:rgba(255,255,255,.14);
    color:#fff;
    border-color:rgba(255,255,255,.22);
}

.tsqu-highlights{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-top:18px;
}

.tsqu-pill{
    padding:9px 12px;
    border-radius:999px;
    background:rgba(13,43,69,.28);
    border:1px solid rgba(255,255,255,.18);
    font-size:14px;
    font-weight:700;
}

/* النظام الجديد: شعار واحد فقط */
.tsqu-hero-art-single{
    width:360px;
    max-width:100%;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:270px;
}

/* إلغاء الأنظمة القديمة */
.tsqu-hero-art,
.tsqu-hero-art-desktop,
.tsqu-hero-art-mobile{
    display:none !important;
}

.tsqu-logo-card{
    width:220px;
    height:220px;
    border-radius:28px;
    background:rgba(255,255,255,.95);
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 25px 60px rgba(0,0,0,.20);
    padding:10px;
    position:relative;
    z-index:10;
}

.tsqu-logo-card img{
    max-width:100%;
    max-height:100%;
    object-fit:contain;
}

.tsqu-orbit{
    position:absolute;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.28);
}

.tsqu-orbit-1{width:330px;height:330px;}
.tsqu-orbit-2{width:250px;height:250px;}
.tsqu-orbit-3{width:180px;height:180px;}

/* =========================================
   SECTIONS
   ========================================= */
.tsqu-section{
    margin-top:22px;
    padding:24px;
    border-radius:24px;
    background:#fff;
    box-shadow:0 14px 36px rgba(15,23,42,.08);
}

.tsqu-section h2{
    margin:0 0 12px;
    font-size:28px;
    font-weight:900;
    color:#0d2b45;
}

.tsqu-grid3{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
}

.tsqu-card{
    padding:20px;
    border-radius:20px;
    background:linear-gradient(180deg,#fffdf7 0%,#f8fafc 100%);
    border:1px solid #e8edf5;
}

.tsqu-icon{
    font-size:26px;
    margin-bottom:8px;
}

.tsqu-card h3{
    margin:0 0 8px;
    font-size:20px;
    color:#8a6510;
    font-weight:800;
}

.tsqu-card p,
.tsqu-band p{
    line-height:1.9;
    font-size:16px;
    color:#334155;
}

.tsqu-band{
    background:linear-gradient(135deg,#0d2b45 0%,#183b5d 100%);
    color:#fff;
}

.tsqu-band h2,
.tsqu-final-cta h2{
    color:#fff;
}

.tsqu-band p{
    color:rgba(255,255,255,.92);
}

.tsqu-band-inner{
    display:flex;
    gap:24px;
    align-items:flex-start;
    justify-content:space-between;
    flex-wrap:wrap;
}

.tsqu-band-list{
    display:grid;
    gap:10px;
    min-width:260px;
}

.tsqu-band-list div{
    padding:12px 14px;
    border-radius:16px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.12);
    font-weight:700;
}

.tsqu-steps{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
}

.tsqu-step{
    display:flex;
    gap:12px;
    align-items:flex-start;
    padding:16px;
    border-radius:18px;
    background:#f8fafc;
    border:1px solid #e7edf5;
    font-weight:700;
    color:#1e293b;
    line-height:1.8;
}

.tsqu-step span{
    width:32px;
    height:32px;
    border-radius:12px;
    background:#be8d1a;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:900;
    flex:0 0 32px;
}

.tsqu-final-cta{
    background:linear-gradient(135deg,#8a6510 0%,#c79b2f 100%);
    text-align:center;
    color:#fff;
}

.tsqu-final-cta p{
    color:rgba(255,255,255,.94);
    margin-bottom:16px;
}

/* =========================================
   FORM
   ========================================= */
.tsqu-form-wrap{
    max-width:980px;
    margin:20px auto;
    padding:22px;
    background:linear-gradient(135deg,#0d2b45 0%,#be8d1a 100%);
    border-radius:28px;
    box-shadow:0 20px 48px rgba(13,43,69,.18);
}

.tsqu-form-card,
.tsqu-admin-card{
    background:#fff;
    border-radius:22px;
    padding:24px;
    box-shadow:0 16px 40px rgba(15,23,42,.10);
}

.tsqu-form-head h2{
    margin:8px 0 10px;
    color:#0d2b45;
    font-weight:900;
}

.tsqu-form-head p{
    color:#475569;
    line-height:1.8;
}

.tsqu-info-note{
    margin:14px 0 0;
    padding:14px 16px;
    border-radius:16px;
    background:#fff8e8;
    border:1px solid #f1db9f;
    color:#6b4f0e;
    line-height:1.8;
}

.tsqu-form-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:16px;
    margin-top:18px;
}

.tsqu-field label{
    display:block;
    margin-bottom:6px;
    font-weight:800;
    color:#0d2b45;
}

.tsqu-field small{
    display:block;
    margin-top:6px;
    color:#64748b;
    line-height:1.6;
}

.tsqu-span-2{grid-column:1/-1;}

.tsqu-check-wrap{padding-top:6px;}

.tsqu-check{
    display:flex;
    gap:10px;
    align-items:flex-start;
    font-weight:700;
    color:#334155;
}

.tsqu-check input{margin-top:4px;}

.tsqu-submit-row{margin-top:20px;}

.tsqu-submit-btn{
    background:#0d2b45;
    border-color:#0d2b45;
    border-radius:14px;
    padding:12px 18px;
    font-weight:800;
}

/* =========================================
   THANKS
   ========================================= */
.tsqu-thanks-card{text-align:center;}

.tsqu-icon-big{
    width:82px;
    height:82px;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#0d2b45;
    color:#fff;
    font-size:34px;
    font-weight:900;
    margin-bottom:10px;
}

.tsqu-ref-box{
    margin:16px auto 0;
    padding:14px 18px;
    border-radius:16px;
    background:#f8fafc;
    border:1px solid #e8edf5;
    display:inline-flex;
    gap:8px;
    align-items:center;
    font-size:18px;
}

/* =========================================
   ADMIN
   ========================================= */
.tsqu-admin-wrap{width:100%;}

.tsqu-admin-page{
    width:100%;
    box-sizing:border-box;
}

.tsqu-admin-inner{
    max-width:920px;
    margin:18px auto;
    display:grid;
    gap:18px;
}

.tsqu-admin-card h2{
    margin-top:0;
    color:#0d2b45;
    font-weight:900;
}

.tsqu-empty{
    padding:18px;
    border-radius:16px;
    background:#f8fafc;
    border:1px dashed #cbd5e1;
    color:#475569;
}

.tsqu-table th{
    background:#0d2b45;
    color:#fff;
}

.tsqu-view-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
    margin-top:16px;
}

.tsqu-view-item{
    padding:14px 16px;
    border-radius:16px;
    background:#f8fafc;
    border:1px solid #e7edf5;
    color:#334155;
}

.tsqu-admin-inner .form-control,
.tsqu-admin-inner textarea,
.tsqu-admin-inner input,
.tsqu-form-card .form-control{
    width:100% !important;
    box-sizing:border-box;
}

/* =========================================
   PAY
   ========================================= */
.tsqu-pay-wrap{
    max-width:980px;
    margin:24px auto;
    padding:0 10px 24px;
}

.tsqu-pay-hero{
    position:relative;
    overflow:hidden;
    border-radius:26px;
    padding:28px;
    background:linear-gradient(135deg,#0d2b45 0%,#8a6510 54%,#d2a63a 100%);
    box-shadow:0 20px 50px rgba(13,43,69,.16);
    color:#fff;
}

.tsqu-pay-hero:before,
.tsqu-pay-hero:after{
    content:"";
    position:absolute;
    border-radius:999px;
    background:rgba(255,255,255,.10);
}

.tsqu-pay-hero:before{
    width:180px;
    height:180px;
    top:-50px;
    right:-30px;
}

.tsqu-pay-hero:after{
    width:130px;
    height:130px;
    bottom:-40px;
    left:-40px;
}

.tsqu-pay-badge{
    display:inline-block;
    padding:9px 14px;
    border-radius:999px;
    background:#fff;
    color:#8a6510;
    font-weight:900;
    font-size:14px;
    box-shadow:0 12px 24px rgba(0,0,0,.12);
    margin-bottom:14px;
}

.tsqu-pay-head{
    display:flex;
    gap:14px;
    align-items:flex-start;
    position:relative;
    z-index:2;
}

.tsqu-pay-mark{
    width:58px;
    height:58px;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.16);
    border:1px solid rgba(255,255,255,.22);
    font-size:26px;
    flex:0 0 58px;
}

.tsqu-pay-head h2{
    margin:0 0 8px;
    font-size:30px;
    font-weight:900;
    color:#fff;
}

.tsqu-pay-head p{
    margin:0;
    line-height:1.9;
    font-size:15px;
    color:rgba(255,255,255,.95);
}

.tsqu-pay-card{
    margin-top:16px;
    background:#fff;
    border-radius:24px;
    padding:20px;
    box-shadow:0 16px 42px rgba(15,23,42,.10);
}

.tsqu-pay-refline{
    display:flex;
    gap:10px;
    align-items:center;
    flex-wrap:wrap;
    padding:12px 14px;
    border-radius:16px;
    background:#f8fafc;
    border:1px solid #e2e8f0;
    color:#0f172a;
    font-weight:700;
}

.tsqu-pay-refchip{
    display:inline-flex;
    padding:7px 12px;
    border-radius:999px;
    background:#fff;
    border:1px solid #d8e2ee;
    font-weight:900;
}

.tsqu-price-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:16px;
    margin-top:16px;
}

.tsqu-price-card{
    position:relative;
    padding:20px;
    border-radius:22px;
    border:1px solid #e7edf5;
    background:linear-gradient(180deg,#fffdf7 0%,#f8fafc 100%);
}

.tsqu-price-card-offer{
    background:linear-gradient(135deg,#0d2b45 0%,#143757 48%,#8a6510 100%);
    color:#fff;
    border-color:#0d2b45;
    box-shadow:0 16px 40px rgba(13,43,69,.16);
}

.tsqu-price-label{
    font-size:14px;
    font-weight:800;
    opacity:.92;
}

.tsqu-price-old{
    text-decoration:line-through;
    color:#8b98a9;
    margin-top:10px;
    font-size:28px;
    font-weight:900;
}

.tsqu-price-new{
    margin-top:10px;
    font-size:36px;
    font-weight:900;
    color:#fff;
}

.tsqu-price-note{
    margin-top:10px;
    line-height:1.8;
    font-size:14px;
    color:#475569;
}

.tsqu-price-card-offer .tsqu-price-note{
    color:rgba(255,255,255,.92);
}

.tsqu-offer-ribbon{
    display:inline-block;
    margin-bottom:10px;
    padding:7px 12px;
    border-radius:999px;
    background:#fff;
    color:#8a6510;
    font-size:13px;
    font-weight:900;
}

.tsqu-pay-info-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
    margin-top:16px;
}

.tsqu-pay-box{
    padding:18px;
    border-radius:18px;
    background:#f8fafc;
    border:1px solid #e7edf5;
}

.tsqu-pay-box h3{
    margin:0 0 8px;
    font-size:18px;
    font-weight:900;
    color:#0d2b45;
}

.tsqu-pay-box p{
    margin:0;
    color:#334155;
    line-height:1.85;
}

.tsqu-pay-alert{
    margin-top:16px;
    padding:14px 16px;
    border-radius:16px;
    font-size:14px;
    line-height:1.8;
}

.tsqu-pay-alert-warn{
    background:#fff7ed;
    border:1px solid #fed7aa;
    color:#7c2d12;
}

.tsqu-pay-alert-ok{
    background:#ecfeff;
    border:1px solid #a5f3fc;
    color:#155e75;
}

.tsqu-pay-actions{
    margin-top:16px;
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}

.tsqu-pay-btn-primary{
    background:#0d2b45;
    color:#fff;
    border-color:#0d2b45;
    box-shadow:0 12px 26px rgba(13,43,69,.22);
}

.tsqu-pay-btn-done{
    background:#be8d1a;
    color:#fff;
    border-color:#be8d1a;
    box-shadow:0 12px 26px rgba(190,141,26,.24);
}

html[dir="rtl"] .tsqu-field label,
html[dir="rtl"] .tsqu-field small,
html[dir="rtl"] .tsqu-pay-box p,
html[dir="rtl"] .tsqu-pay-head p{
    direction:rtl;
    text-align:right;
}

/* =========================================
   FIX: Logged-in layout / sidebar overlap
   ========================================= */
.ossn-layout-newsfeed .tsqu-landing,
.ossn-layout-newsfeed .tsqu-page,
.ossn-layout-newsfeed .tsqu-landing-wrap,
.ossn-layout-newsfeed .tsqu-form-wrap,
.ossn-layout-newsfeed .tsqu-pay-wrap,
.ossn-layout-newsfeed .tsqu-thanks-wrap{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 14px !important;
    box-sizing:border-box;
    overflow-x:hidden;
}

.ossn-layout-newsfeed .tsqu-page-inner{
    max-width:100% !important;
    margin:0 !important;
}

.ossn-layout-newsfeed .tsqu-page *,
.ossn-layout-newsfeed .tsqu-landing-wrap *,
.ossn-layout-newsfeed .tsqu-form-wrap *,
.ossn-layout-newsfeed .tsqu-pay-wrap *,
.ossn-layout-newsfeed .tsqu-thanks-wrap *{
    box-sizing:border-box;
}

.ossn-layout-newsfeed .tsqu-hero{
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
    padding:28px 18px !important;
    border-radius:18px;
}

.ossn-layout-newsfeed .tsqu-section,
.ossn-layout-newsfeed .tsqu-card,
.ossn-layout-newsfeed .tsqu-pay-card,
.ossn-layout-newsfeed .tsqu-form-card,
.ossn-layout-newsfeed .tsqu-thanks-card,
.ossn-layout-newsfeed .tsqu-final-cta{
    max-width:100%;
    margin-left:0;
    margin-right:0;
    box-sizing:border-box;
}

.ossn-layout-newsfeed .tsqu-logo-card{
    width:180px !important;
    height:180px !important;
    border-radius:22px;
}

.ossn-layout-newsfeed .tsqu-logo-card img,
.ossn-layout-newsfeed .tsqu-hero-art-single img{
    max-width:82% !important;
    max-height:82% !important;
    height:auto !important;
    display:block;
    margin:0 auto 18px;
}

.ossn-layout-newsfeed .tsqu-hero h1,
.ossn-layout-newsfeed .tsqu-hero h2{
    font-size:clamp(26px, 4.2vw, 42px) !important;
    line-height:1.25 !important;
    word-break:break-word;
}

.ossn-layout-newsfeed .tsqu-hero p,
.ossn-layout-newsfeed .tsqu-section p,
.ossn-layout-newsfeed .tsqu-card p{
    font-size:15px;
    line-height:1.8;
}

/* =========================================
   FINAL ERROR DESIGN
   ========================================= */
.tsqu-form-alert{
    margin:0 0 18px;
    padding:14px 16px;
    border-radius:14px;
    font-weight:900;
    line-height:1.8;
    font-size:15px;
    display:block !important;
}

.tsqu-form-alert-error{
    color:#7a0000 !important;
    background:#fff200 !important;
    border:2px solid #ffcc00 !important;
    box-shadow:0 4px 12px rgba(255,204,0,.4) !important;
}

.tsqu-field-error{
    margin-top:10px !important;
    padding:10px 14px !important;
    border-radius:10px !important;
    color:#b10000 !important;
    background:#fff200 !important;
    border:2px solid #ffcc00 !important;
    font-size:15px !important;
    font-weight:900 !important;
    line-height:1.8 !important;
    box-shadow:0 4px 12px rgba(255,204,0,.4) !important;
    display:none !important;
}

.tsqu-field-error:not(:empty){
    display:block !important;
    animation:tsquErrorFade .3s ease;
}

.tsqu-invalid{
    border:2px solid red !important;
    background:#fffbea !important;
    box-shadow:0 0 0 4px rgba(250,204,21,.25) !important;
    animation:tsquShake .3s ease;
}

.tsqu-invalid-wrap{
    padding:10px 12px;
    border:2px solid red !important;
    border-radius:12px;
    background:#fff4f4 !important;
}

@keyframes tsquErrorFade{
    from{opacity:0;transform:translateY(-5px);}
    to{opacity:1;transform:translateY(0);}
}

@keyframes tsquShake{
    0%{transform:translateX(0);}
    25%{transform:translateX(-3px);}
    50%{transform:translateX(3px);}
    75%{transform:translateX(-2px);}
    100%{transform:translateX(0);}
}

/* =========================================
   TABLET / SMALL LAPTOP
   ========================================= */
@media (max-width:1100px){
    .tsqu-grid3,
    .tsqu-form-grid,
    .tsqu-steps,
    .tsqu-view-grid,
    .tsqu-price-grid,
    .tsqu-pay-info-grid{
        grid-template-columns:1fr;
    }

    .ossn-layout-newsfeed .tsqu-grid,
    .ossn-layout-newsfeed .tsqu-feature-grid,
    .ossn-layout-newsfeed .tsqu-pay-info-grid,
    .ossn-layout-newsfeed .tsqu-price-grid,
    .ossn-layout-newsfeed .tsqu-form-grid,
    .ossn-layout-newsfeed .tsqu-grid3,
    .ossn-layout-newsfeed .tsqu-steps{
        grid-template-columns:1fr !important;
    }

    .tsqu-band-inner{
        display:grid;
        grid-template-columns:1fr;
    }
}

@media (max-width:980px){
    .tsqu-hero{
        padding:24px;
        flex-direction:column;
    }

    .tsqu-hero h1{
        font-size:31px;
    }

    .tsqu-landing,
    .tsqu-form-wrap{
        margin:14px auto;
    }

    .tsqu-logo-card{
        width:230px;
        height:230px;
    }

    .tsqu-pay-wrap{
        margin:14px auto;
    }

    .tsqu-pay-head{
        flex-direction:column;
    }

    .tsqu-pay-head h2{
        font-size:25px;
    }
}

/* =========================================
   MOBILE FIX
   ========================================= */
@media (max-width:768px){
    .tsqu-landing,
    .tsqu-page,
    .tsqu-landing-wrap,
    .tsqu-form-wrap,
    .tsqu-pay-wrap,
    .tsqu-thanks-wrap,
    .tsqu-admin-page{
        width:98% !important;
        max-width:98% !important;
        margin:20 !important;
        padding:10px !important;
        box-sizing:border-box !important;
        overflow-x:hidden !important;
    }

    .tsqu-page-inner,
    .tsqu-admin-inner{
        width:100% !important;
        max-width:100% !important;
        margin:0 !important;
        padding:0 !important;
    }

    .tsqu-hero{
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        text-align:center !important;
        gap:16px !important;
        padding:18px !important;
        border-radius:18px !important;
    }

    .tsqu-hero-copy{
        width:100%;
        min-width:0;
    }

    .tsqu-hero-art-single{
        width:100% !important;
        min-height:auto !important;
        margin-top:6px;
        order:-1;
    }

    .tsqu-hero h1{
        font-size:24px !important;
        line-height:1.3 !important;
        word-break:break-word !important;
    }

    .tsqu-sub{
        font-size:14px !important;
        line-height:1.8 !important;
        max-width:100% !important;
    }

    .tsqu-mini-badge,
    .tsqu-pill{
        font-size:12px !important;
        padding:7px 10px !important;
    }

    .tsqu-cta-row,
    .tsqu-highlights,
    .tsqu-pay-actions{
        flex-direction:column !important;
        gap:10px !important;
    }

    .tsqu-btn,
    .tsqu-btn-primary,
    .tsqu-btn-ghost,
    .tsqu-pay-btn-primary,
    .tsqu-pay-btn-done,
    .tsqu-submit-btn{
        width:100% !important;
        max-width:100% !important;
    }

    .tsqu-logo-card{
        width:140px !important;
        height:140px !important;
        padding:12px !important;
        border-radius:18px !important;
    }

    .tsqu-logo-card img{
        max-width:80% !important;
        max-height:80% !important;
    }

    .tsqu-orbit{
        display:none !important;
    }

    .tsqu-section,
    .tsqu-form-card,
    .tsqu-admin-card,
    .tsqu-pay-card,
    .tsqu-final-cta{
        padding:16px !important;
        border-radius:16px !important;
    }

    .tsqu-section h2,
    .tsqu-pay-head h2{
        font-size:22px !important;
        line-height:1.35 !important;
    }

    .tsqu-grid3,
    .tsqu-form-grid,
    .tsqu-steps,
    .tsqu-view-grid,
    .tsqu-price-grid,
    .tsqu-pay-info-grid,
    .tsqu-band-inner{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:12px !important;
    }

    .tsqu-span-2{
        grid-column:auto !important;
    }

    .tsqu-field label,
    .tsqu-card p,
    .tsqu-band p,
    .tsqu-pay-box p{
        font-size:14px !important;
        line-height:1.8 !important;
    }

    .tsqu-price-old{
        font-size:24px !important;
    }

    .tsqu-price-new{
        font-size:30px !important;
    }

    .tsqu-pay-refline{
        flex-direction:column !important;
        align-items:flex-start !important;
    }

    .tsqu-pay-mark{
        width:48px !important;
        height:48px !important;
        flex:0 0 48px !important;
        font-size:22px !important;
    }

    .tsqu-table{
        display:block !important;
        width:100% !important;
        overflow-x:auto !important;
        white-space:nowrap !important;
    }

    .tsqu-view-item,
    .tsqu-pay-box,
    .tsqu-card,
    .tsqu-step{
        padding:14px !important;
    }

    .tsqu-field-error,
    .tsqu-form-alert{
        font-size:14px !important;
        line-height:1.7 !important;
    }
}

@media (max-width:480px){
    .tsqu-hero{
        padding:14px !important;
    }

    .tsqu-hero h1{
        font-size:23px !important;
    }

    .tsqu-sub{
        font-size:14px !important;
    }

    .tsqu-logo-card{
        width:120px !important;
        height:120px !important;
    }

    .tsqu-section h2,
    .tsqu-pay-head h2{
        font-size:19px !important;
    }

    .tsqu-btn,
    .tsqu-submit-btn{
        padding:11px 14px !important;
        font-size:14px !important;
    }

    .tsqu-price-old{
        font-size:20px !important;
    }

    .tsqu-price-new{
        font-size:26px !important;
    }
}