.home-feature-pair{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    align-items:stretch;
}
.home-feature-pair:has(#hamrazHomeCard[hidden]){
    grid-template-columns:minmax(0,1fr);
}
.home-feature-pair:has(#hamrazHomeCard[hidden]) .home-reward-entry-wrap{
    grid-column:1/-1;
}
.hamraz-home-card{
    position:relative;
    isolation:isolate;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:12px;
    min-height:168px;
    padding:18px;
    border:none;
    border-radius:26px;
    overflow:hidden;
    text-align:right;
    color:#fff7e3;
    background:
        radial-gradient(circle at 18% 18%, rgba(249,212,128,.28), transparent 34%),
        linear-gradient(145deg, rgba(32,18,56,.97), rgba(8,12,28,.98));
    box-shadow:0 16px 36px rgba(8,8,22,.26), inset 0 1px 0 rgba(255,240,194,.16);
}
.hamraz-home-card::before,
.hamraz-home-card::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
}
.hamraz-home-card::before{
    background:linear-gradient(90deg, rgba(8,10,22,.1), rgba(8,10,22,.76) 58%);
    z-index:1;
}
.hamraz-home-card::after{
    inset:auto -34px -34px auto;
    width:150px;
    height:150px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(255,223,148,.24), transparent 68%);
    filter:blur(10px);
    z-index:1;
}
.hamraz-home-card > *{position:relative;z-index:2;}
.hamraz-home-art{
    position:absolute;
    inset:8px 6px 6px auto;
    width:148px;
    height:148px;
    z-index:0 !important;
    opacity:.95;
    filter:drop-shadow(0 18px 22px rgba(0,0,0,.25));
}
.hamraz-home-art img,
.hamraz-home-orb img,
.hamraz-onboarding-hero img,
.hamraz-purchase-symbol img,
.hamraz-purchase-symbols img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
}
.hamraz-home-orb{
    flex:0 0 58px;
    width:58px;
    height:58px;
    border-radius:18px;
    padding:10px;
    background:linear-gradient(180deg, rgba(255,236,181,.18), rgba(255,255,255,.03));
    border:1px solid rgba(255,224,143,.2);
    box-shadow:0 0 0 1px rgba(255,255,255,.05) inset, 0 16px 24px rgba(11,4,18,.18);
    backdrop-filter:blur(8px);
}
.hamraz-home-copy{
    flex:1;
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:4px;
}
.hamraz-home-copy small,
.hamraz-title small,
.hamraz-purchase-head small{
    font-size:11px;
    color:#d2bfd9;
}
.hamraz-home-copy b{
    font-size:30px;
    line-height:1.1;
    color:#ffe3a1;
}
.hamraz-home-copy em{
    font-style:normal;
    font-size:13px;
    color:#f6eefc;
    opacity:.92;
}
.hamraz-home-go{
    flex:0 0 42px;
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:16px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.1);
}
.hamraz-home-go svg{width:18px;height:18px;stroke:#fff2c0;fill:none;stroke-width:2.3;}
.hamraz-admin-badge{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin-top:2px;
    padding:5px 9px;
    width:max-content;
    border-radius:999px;
    font-size:10px;
    background:rgba(245,199,88,.12);
    border:1px solid rgba(245,199,88,.18);
    color:#f7d989;
}

.hamraz-page{
    background:linear-gradient(180deg, #090c18 0%, #121326 52%, #17102a 100%);
}
.hamraz-shell,
.hamraz-body{
    min-height:100%;
}
.hamraz-shell{
    color:#f5eefb;
}
.hamraz-topbar{
    position:sticky;
    top:0;
    z-index:7;
    display:flex;
    align-items:center;
    gap:10px;
    padding:14px 16px 12px;
    background:linear-gradient(180deg, rgba(9,12,24,.94), rgba(9,12,24,.72));
    backdrop-filter:blur(14px);
    border-bottom:1px solid rgba(255,255,255,.06);
}
.hamraz-title{flex:1;min-width:0;text-align:right;}
.hamraz-title b{display:block;font-size:20px;color:#ffe7ae;}
.hamraz-icon-btn,
.hamraz-quota{
    border:none;
    color:#fff3cc;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.hamraz-icon-btn{
    width:42px;
    height:42px;
    border-radius:14px;
    display:grid;
    place-items:center;
}
.hamraz-quota{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:0 12px;
    height:42px;
    border-radius:14px;
    font-size:13px;
}
.hamraz-quota::before{
    content:"";
    width:24px;
    height:24px;
    background:url('hamraz-chat.webp') center/contain no-repeat;
    filter:drop-shadow(0 6px 12px rgba(0,0,0,.18));
}
.hamraz-buy-shortcut{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-width:0;
    height:42px;
    padding:0 12px 0 8px;
    border:none;
    border-radius:14px;
    background:linear-gradient(135deg, rgba(255,218,128,.16), rgba(255,255,255,.06));
    color:#fff6db;
    border:1px solid rgba(255,219,133,.16);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.hamraz-buy-shortcut img{width:28px;height:28px;object-fit:contain;flex:0 0 28px;}
.hamraz-buy-shortcut span{display:grid;line-height:1.05;text-align:right;}
.hamraz-buy-shortcut small{font-size:10px;color:#d2bfd9;}
.hamraz-buy-shortcut b{font-size:12px;color:#ffe2a0;}
.hamraz-body{
    padding:16px;
}
.hamraz-onboarding-card,
.hamraz-modal-card,
.hamraz-drawer-panel{
    position:relative;
    border-radius:28px;
    border:1px solid rgba(255,255,255,.08);
    background:
        radial-gradient(circle at top, rgba(255,220,140,.12), transparent 36%),
        linear-gradient(180deg, rgba(22,16,41,.96), rgba(11,15,27,.98));
    box-shadow:0 18px 44px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06);
}
.hamraz-onboarding-card{
    padding:18px;
    overflow:hidden;
}
.hamraz-onboarding-hero{
    position:relative;
    height:220px;
    margin:-4px -2px 12px;
}
.hamraz-onboarding-main-art{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:contain;
    filter:drop-shadow(0 26px 28px rgba(0,0,0,.26));
}
.hamraz-onboarding-chip{
    position:absolute;
    display:grid;
    place-items:center;
    width:58px;
    height:58px;
    padding:8px;
    border-radius:18px;
    background:rgba(16,10,28,.72);
    border:1px solid rgba(255,223,140,.2);
    box-shadow:0 10px 18px rgba(0,0,0,.28);
    backdrop-filter:blur(10px);
}
.hamraz-onboarding-chip.is-eye{top:16px;right:6px;}
.hamraz-onboarding-chip.is-chat{left:8px;top:72px;}
.hamraz-onboarding-chip.is-heart{right:34px;bottom:12px;}
.hamraz-onboarding-head{
    display:grid;
    gap:8px;
    text-align:right;
}
.hamraz-onboarding-head i{
    width:66px;
    height:66px;
    padding:10px;
    border-radius:20px;
    background:linear-gradient(180deg, rgba(255,236,189,.16), rgba(255,255,255,.02));
    border:1px solid rgba(255,227,156,.2);
}
.hamraz-onboarding-head h2{margin:0;font-size:25px;color:#ffe29d;}
.hamraz-onboarding-head p{margin:0;color:#e6dfee;line-height:1.8;font-size:14px;}
.hamraz-form{display:grid;gap:12px;margin-top:16px;}
.hamraz-cta-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;}
.hamraz-soft-action{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:54px;
    padding:10px 12px;
    border-radius:18px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.07);
    color:#fff5d5;
    text-align:right;
}
.hamraz-soft-action img{width:36px;height:36px;object-fit:contain;flex:0 0 36px;}
.hamraz-soft-action span{display:grid;gap:3px;min-width:0;}
.hamraz-soft-action small{font-size:10px;color:#d4c6dc;}
.hamraz-soft-action b{font-size:13px;color:#ffe2a0;}
.hamraz-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.hamraz-field,
.hamraz-toggle-row{
    display:grid;
    gap:8px;
    color:#f3eef9;
    font-size:13px;
}
.hamraz-field > span,
.hamraz-toggle-row > span{color:#eedfb2;font-weight:700;}
.hamraz-field input,
.hamraz-field textarea,
.hamraz-field select,
.hamraz-textbox textarea{
    width:100%;
    border:none;
    outline:none;
    border-radius:16px;
    background:rgba(255,255,255,.06);
    color:#ffffff;
    padding:14px 15px;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);
}
.hamraz-field textarea{min-height:106px;resize:vertical;}
.hamraz-field select{appearance:none;}
.hamraz-toggle-row{
    align-items:center;
    grid-template-columns:1fr auto;
    padding:14px 15px;
    border-radius:18px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.06);
}
.hamraz-toggle-row input{accent-color:#f0c96a;width:19px;height:19px;}
.hamraz-primary,
.hamraz-payment-submit,
.hamraz-payment-success button,
.hamraz-mini-action,
.hamraz-payment-back{
    border:none;
    cursor:pointer;
}
.hamraz-primary,
.hamraz-payment-submit,
.hamraz-payment-success button{
    min-height:54px;
    border-radius:18px;
    font-weight:800;
    color:#28140c;
    background:linear-gradient(135deg, #ffd78d, #f5bf62);
    box-shadow:0 14px 26px rgba(245,191,98,.22);
}
.hamraz-chat{
    position:relative;
    min-height:calc(100dvh - 116px);
    border-radius:28px;
    overflow:hidden;
    background:linear-gradient(180deg, rgba(20,17,33,.96), rgba(8,10,22,.98));
    border:1px solid rgba(255,255,255,.06);
}
.hamraz-chat::before{
    content:"";
    position:absolute;
    inset:0;
    background:url('hamraz-crescent.webp') top center/360px auto no-repeat;
    opacity:.08;
    pointer-events:none;
}
.hamraz-messages{
    position:relative;
    min-height:calc(100dvh - 240px);
    padding:18px 16px 110px;
}
.hamraz-composer-wrap{
    position:sticky;
    bottom:0;
    z-index:6;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom, 0px));
    background:linear-gradient(180deg, rgba(9,12,24,.18), rgba(9,12,24,.92));
    backdrop-filter:blur(18px);
}
.hamraz-reply-bar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-bottom:8px;
    padding:10px 12px;
    border-radius:16px;
    background:rgba(255,255,255,.07);
}
.hamraz-reply-bar button,
.hamraz-modal-head button,
.hamraz-receipt-preview button{
    border:none;
    background:transparent;
    color:#fff;
    font-size:22px;
}
.hamraz-composer{
    display:grid;
    grid-template-columns:56px minmax(0,1fr);
    gap:10px;
    align-items:end;
}
.hamraz-send{
    width:56px;
    height:56px;
    border:none;
    border-radius:19px;
    background:linear-gradient(135deg, #ffd78d, #f1bf60);
    color:#351a0f;
    font-size:24px;
    font-weight:900;
    box-shadow:0 12px 24px rgba(241,191,96,.22);
}
.hamraz-textbox{
    position:relative;
    padding:8px;
    border-radius:22px;
    background:rgba(255,255,255,.07);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}
.hamraz-textbox textarea{
    min-height:60px;
    max-height:180px;
    padding-inline-end:60px;
    resize:none;
    background:transparent;
    box-shadow:none;
}
.hamraz-counter{
    position:absolute;
    left:14px;
    bottom:10px;
    font-size:11px;
    color:#dbcde2;
}
.hamraz-scroll-bottom{
    position:absolute;
    left:16px;
    bottom:94px;
    z-index:4;
    width:40px;
    height:40px;
    border:none;
    border-radius:14px;
    background:rgba(255,255,255,.08);
    color:#fff;
}
.hamraz-drawer{position:fixed;inset:0;z-index:30;background:rgba(0,0,0,.45);backdrop-filter:blur(6px);}
.hamraz-drawer-panel{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    width:min(90vw,380px);
    padding:18px;
    border-radius:28px 0 0 28px;
    overflow:auto;
}
.hamraz-drawer-head,
.hamraz-modal-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:12px;
}
.hamraz-mini-action,
.hamraz-payment-back{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:46px;
    border-radius:16px;
    margin-top:8px;
    color:#fff8df;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.06);
}
.hamraz-modal{
    position:fixed;
    inset:0;
    z-index:35;
    display:grid;
    place-items:center;
    padding:18px;
    background:rgba(3,5,12,.52);
    backdrop-filter:blur(8px);
}
.hamraz-modal-card{
    width:min(100%, 540px);
    max-height:min(90vh, 860px);
    overflow:auto;
    padding:18px;
}
.hamraz-purchase-card{
    background:
        radial-gradient(circle at top left, rgba(255,209,124,.16), transparent 24%),
        radial-gradient(circle at bottom right, rgba(110,72,213,.18), transparent 28%),
        linear-gradient(180deg, rgba(24,15,46,.98), rgba(10,12,25,.99));
}
.hamraz-purchase-head{margin-bottom:10px;}
.hamraz-purchase-head h3{margin:2px 0 0;font-size:28px;color:#ffe4a4;}
.hamraz-purchase-alert{
    margin:0 0 14px;
    padding:12px 14px;
    border-radius:16px;
    background:rgba(255,113,113,.12);
    color:#ffd6d6;
}
.hamraz-purchase-hero{
    display:grid;
    grid-template-columns:90px minmax(0,1fr) auto;
    gap:14px;
    align-items:center;
    padding:16px;
    border-radius:24px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.06);
}
.hamraz-purchase-symbol{
    width:90px;
    height:90px;
}
.hamraz-purchase-hero b{display:block;font-size:24px;color:#ffe2a0;margin-bottom:6px;}
.hamraz-purchase-hero p{margin:0;color:#efe8f9;line-height:1.8;font-size:13px;}
.hamraz-purchase-symbols{display:grid;gap:10px;}
.hamraz-purchase-symbols img{width:54px;height:54px;}
.hamraz-packages-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-top:16px;
}
.hamraz-packages-grid > *{
    position:relative;
    min-height:168px;
    padding:16px 14px 14px;
    border-radius:22px;
    background:
        radial-gradient(circle at top, rgba(255,214,124,.12), transparent 36%),
        linear-gradient(180deg, rgba(31,19,54,.96), rgba(14,18,31,.98));
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 12px 22px rgba(0,0,0,.18);
    color:#f8f4fd;
    text-align:right;
    overflow:hidden;
}
.hamraz-packages-grid > *::before{
    content:"";
    position:absolute;
    top:10px;
    left:10px;
    width:54px;
    height:54px;
    background:center/contain no-repeat;
    opacity:.96;
    filter:drop-shadow(0 10px 14px rgba(0,0,0,.24));
}
.hamraz-packages-grid > :nth-child(1)::before{background-image:url('hamraz-eye.webp');}
.hamraz-packages-grid > :nth-child(2)::before{background-image:url('hamraz-chat.webp');}
.hamraz-packages-grid > :nth-child(3)::before{background-image:url('hamraz-heart.webp');}
.hamraz-packages-grid > :nth-child(4)::before{background-image:url('hamraz-crescent.webp');}
.hamraz-packages-grid > *.is-selected,
.hamraz-packages-grid > *[aria-pressed="true"],
.hamraz-packages-grid > *[data-selected="true"]{
    border-color:rgba(255,214,124,.42);
    transform:translateY(-2px);
    box-shadow:0 18px 30px rgba(245,191,98,.18);
}
.hamraz-packages-grid > * > *{position:relative;z-index:1;}
.hamraz-purchase-note{
    display:flex;
    gap:10px;
    margin-top:14px;
    padding:14px 16px;
    border-radius:18px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.06);
}
.hamraz-purchase-note span{color:#f4cb76;font-weight:900;}
.hamraz-purchase-note p{margin:0;color:#e6ddec;line-height:1.8;font-size:13px;}
.hamraz-payment-box{display:grid;gap:14px;}
.hamraz-payment-stage{
    display:grid;
    grid-template-columns:62px minmax(0,1fr);
    gap:12px;
    align-items:center;
    padding:14px;
    border-radius:22px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.07);
}
.hamraz-payment-stage-icon{width:62px;height:62px;padding:6px;border-radius:18px;background:linear-gradient(180deg, rgba(255,236,189,.14), rgba(255,255,255,.03));}
.hamraz-payment-stage-icon img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;}
.hamraz-purchase-card img{max-width:100%;}
.hamraz-payment-stage-copy b{display:block;color:#ffe3a4;font-size:16px;margin-bottom:3px;}
.hamraz-payment-stage-copy small{display:block;color:#d5c9dd;line-height:1.8;}
.hamraz-selected-package,
.hamraz-payment-methods > * ,
.hamraz-receipt-picker,
.hamraz-receipt-preview,
.hamraz-payment-success{
    border-radius:22px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.07);
}
.hamraz-selected-package,
.hamraz-payment-success{padding:16px;}
.hamraz-selected-package{
    position:relative;
    overflow:hidden;
    padding-left:98px;
    background:
        radial-gradient(circle at left center, rgba(255,214,124,.12), transparent 30%),
        rgba(255,255,255,.05);
}
.hamraz-selected-package::before{
    content:"";
    position:absolute;
    left:12px;
    top:50%;
    width:70px;
    height:70px;
    transform:translateY(-50%);
    background:url('hamraz-heart.webp') center/contain no-repeat;
    filter:drop-shadow(0 10px 16px rgba(0,0,0,.24));
}
.hamraz-selected-package strong,
.hamraz-selected-package b{display:block;color:#ffe5a9;font-size:18px;margin-bottom:5px;}
.hamraz-selected-package small,
.hamraz-selected-package span,
.hamraz-selected-package div{color:#efe7f7;line-height:1.8;}
.hamraz-payment-methods > *{
    position:relative;
    overflow:hidden;
    padding-left:82px;
    min-height:92px;
    display:grid;
    align-content:center;
    gap:5px;
}
.hamraz-payment-methods > *::before{
    content:"";
    position:absolute;
    left:12px;
    top:50%;
    width:54px;
    height:54px;
    transform:translateY(-50%);
    background:url('hamraz-crescent.webp') center/contain no-repeat;
    filter:drop-shadow(0 8px 12px rgba(0,0,0,.22));
}
.hamraz-payment-methods > * strong,
.hamraz-payment-methods > * b{display:block;color:#fff2c8;font-size:16px;margin-bottom:2px;}
.hamraz-payment-methods > * code,
.hamraz-payment-methods > * .card-number{display:inline-block;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.06);color:#fff;direction:ltr;font-size:13px;}
.hamraz-payment-methods > * small,
.hamraz-payment-methods > * span,
.hamraz-payment-methods > * div{color:#dbd0e3;line-height:1.8;}
.hamraz-payment-methods > *.is-selected,
.hamraz-payment-methods > *[aria-pressed="true"],
.hamraz-payment-methods > *[data-selected="true"],
.hamraz-payment-methods > *[data-active="true"]{border-color:rgba(255,216,143,.28);box-shadow:0 14px 28px rgba(244,190,99,.14);}
.hamraz-payment-title b{display:block;color:#ffe3a4;font-size:16px;margin-bottom:3px;}
.hamraz-payment-title small{color:#d3c7dc;}
.hamraz-payment-methods{display:grid;gap:12px;}
.hamraz-payment-methods > *{padding:14px;}
.hamraz-receipt-picker{
    position:relative;
    display:grid;
    grid-template-columns:52px minmax(0,1fr) auto;
    gap:12px;
    align-items:center;
    padding:14px;
    cursor:pointer;
}
.hamraz-receipt-picker input{position:absolute;inset:0;opacity:0;cursor:pointer;}
.hamraz-receipt-icon{
    width:52px;height:52px;border-radius:18px;display:grid;place-items:center;
    background:linear-gradient(180deg, rgba(255,231,177,.15), rgba(255,255,255,.02));
}
.hamraz-receipt-icon svg{width:24px;height:24px;stroke:#ffe2a1;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.hamraz-receipt-copy b{display:block;color:#fff3ca;margin-bottom:3px;}
.hamraz-receipt-copy small{color:#d2c8dc;line-height:1.7;}
.hamraz-receipt-picker i{
    font-style:normal;
    padding:10px 14px;
    border-radius:14px;
    background:rgba(245,191,98,.14);
    color:#ffe0a0;
}
.hamraz-receipt-preview{
    display:grid;
    grid-template-columns:88px minmax(0,1fr) auto;
    gap:12px;
    align-items:center;
    padding:12px;
}
.hamraz-receipt-preview img{width:88px;height:88px;border-radius:18px;object-fit:cover;}
.hamraz-receipt-preview strong{display:block;color:#fff3cd;margin-bottom:3px;}
.hamraz-receipt-preview small{color:#d3c6db;line-height:1.7;}
.hamraz-payment-success{text-align:center;}
.hamraz-payment-success span{display:inline-grid;place-items:center;width:72px;height:72px;border-radius:50%;margin-bottom:12px;background:rgba(245,191,98,.15);color:#ffe3a4;font-size:34px;}
.hamraz-payment-success h3{margin:0 0 8px;color:#ffe5a9;font-size:26px;}
.hamraz-payment-success p{margin:0 0 12px;color:#efe7f7;line-height:1.8;}
.hamraz-payment-success code{display:block;margin:0 auto 14px;padding:10px 12px;max-width:100%;border-radius:14px;background:rgba(255,255,255,.06);color:#fff;direction:ltr;}

@media (max-width: 720px){
    .hamraz-purchase-hero{grid-template-columns:76px minmax(0,1fr);}
    .hamraz-purchase-symbols{grid-column:1/-1;grid-auto-flow:column;justify-content:flex-start;}
}
@media (max-width: 560px){
    .home-feature-pair{grid-template-columns:1fr;}
    .hamraz-home-card{min-height:156px;}
    .hamraz-home-art{width:128px;height:128px;}
    .hamraz-grid-2{grid-template-columns:1fr;}
    .hamraz-packages-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
    .hamraz-packages-grid > *{min-height:152px;padding:13px 11px;}
    .hamraz-body{padding:12px;}
    .hamraz-topbar{padding:12px;gap:8px;}
    .hamraz-onboarding-hero{height:184px;}
    .hamraz-purchase-hero{grid-template-columns:1fr;text-align:right;}
    .hamraz-purchase-symbol{width:88px;height:88px;}
    .hamraz-purchase-symbols{justify-content:flex-start;}
    .hamraz-receipt-picker,
    .hamraz-receipt-preview{grid-template-columns:1fr;}
    .hamraz-receipt-preview img{width:100%;height:180px;}
}

@media (max-width: 720px){
    .hamraz-buy-shortcut span{display:none;}
    .hamraz-buy-shortcut{padding:0 8px;justify-content:center;width:42px;}
    .hamraz-buy-shortcut img{width:24px;height:24px;}
}
@media (max-width: 560px){
    .hamraz-cta-row{grid-template-columns:1fr;}
    .hamraz-payment-stage{grid-template-columns:54px minmax(0,1fr);padding:12px;}
    .hamraz-payment-stage-icon{width:54px;height:54px;}
}

/* Hamraz compact purchase + rich chat — 2026-09 repair */
#hamrazPurchaseModal .hamraz-purchase-card{
    width:min(100%,480px)!important;
    max-height:min(88dvh,760px)!important;
    padding:14px!important;
    border-radius:22px!important;
}
#hamrazPurchaseModal .hamraz-modal-head{margin-bottom:8px!important;}
#hamrazPurchaseModal .hamraz-purchase-head h3{font-size:22px!important;line-height:1.25!important;}
#hamrazPurchaseModal .hamraz-purchase-head small{font-size:9.5px!important;}
#hamrazPurchaseModal .hamraz-purchase-hero{
    grid-template-columns:58px minmax(0,1fr) auto!important;
    gap:10px!important;
    padding:11px 12px!important;
    border-radius:18px!important;
}
#hamrazPurchaseModal .hamraz-purchase-symbol{width:58px!important;height:58px!important;}
#hamrazPurchaseModal .hamraz-purchase-hero b{font-size:17px!important;margin-bottom:3px!important;}
#hamrazPurchaseModal .hamraz-purchase-hero p{font-size:10.5px!important;line-height:1.65!important;}
#hamrazPurchaseModal .hamraz-purchase-symbols{gap:5px!important;}
#hamrazPurchaseModal .hamraz-purchase-symbols img{width:32px!important;height:32px!important;}
#hamrazPurchaseModal .hamraz-packages-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:10px!important;
}
#hamrazPurchaseModal .hamraz-packages-grid > *{
    min-height:112px!important;
    padding:11px 10px!important;
    border-radius:17px!important;
    box-shadow:0 7px 16px rgba(0,0,0,.14)!important;
}
#hamrazPurchaseModal .hamraz-packages-grid > *::before{
    width:38px!important;
    height:38px!important;
    top:8px!important;
    left:8px!important;
}
#hamrazPurchaseModal .hamraz-packages-grid button,
#hamrazPurchaseModal .hamraz-packages-grid [role="button"]{font-size:11px!important;line-height:1.5!important;}
#hamrazPurchaseModal .hamraz-purchase-note{
    margin-top:9px!important;
    padding:9px 11px!important;
    border-radius:14px!important;
}
#hamrazPurchaseModal .hamraz-purchase-note p{font-size:10px!important;line-height:1.55!important;}
#hamrazPurchaseModal .hamraz-payment-box{gap:9px!important;}
#hamrazPurchaseModal .hamraz-payment-back{min-height:38px!important;margin-top:0!important;border-radius:13px!important;font-size:11px!important;}
#hamrazPurchaseModal .hamraz-selected-package{
    min-height:68px!important;
    padding:10px 70px 10px 11px!important;
    border-radius:17px!important;
}
#hamrazPurchaseModal .hamraz-selected-package::before{
    left:auto!important;
    right:10px!important;
    width:48px!important;
    height:48px!important;
}
#hamrazPurchaseModal .hamraz-selected-package strong,
#hamrazPurchaseModal .hamraz-selected-package b{font-size:14px!important;margin-bottom:2px!important;}
#hamrazPurchaseModal .hamraz-selected-package small,
#hamrazPurchaseModal .hamraz-selected-package span,
#hamrazPurchaseModal .hamraz-selected-package div{font-size:10.5px!important;line-height:1.55!important;}
#hamrazPurchaseModal .hamraz-payment-stage{
    grid-template-columns:44px minmax(0,1fr)!important;
    gap:9px!important;
    padding:9px 10px!important;
    border-radius:16px!important;
}
#hamrazPurchaseModal .hamraz-payment-stage-icon{width:44px!important;height:44px!important;padding:4px!important;border-radius:13px!important;}
#hamrazPurchaseModal .hamraz-payment-stage-icon img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;max-width:100%!important;}
#hamrazPurchaseModal .hamraz-payment-stage-copy b{font-size:13px!important;margin-bottom:1px!important;}
#hamrazPurchaseModal .hamraz-payment-stage-copy small{font-size:9.5px!important;line-height:1.55!important;}
#hamrazPurchaseModal .hamraz-payment-methods{gap:7px!important;}
#hamrazPurchaseModal .hamraz-payment-methods > *{
    min-height:70px!important;
    padding:9px 62px 9px 10px!important;
    border-radius:16px!important;
    gap:2px!important;
}
#hamrazPurchaseModal .hamraz-payment-methods > *::before{
    left:auto!important;
    right:10px!important;
    width:40px!important;
    height:40px!important;
}
#hamrazPurchaseModal .hamraz-payment-methods > * strong,
#hamrazPurchaseModal .hamraz-payment-methods > * b{font-size:13px!important;margin-bottom:1px!important;}
#hamrazPurchaseModal .hamraz-payment-methods > * code,
#hamrazPurchaseModal .hamraz-payment-methods > * .card-number{padding:5px 7px!important;border-radius:9px!important;font-size:11px!important;}
#hamrazPurchaseModal .hamraz-payment-methods > * small,
#hamrazPurchaseModal .hamraz-payment-methods > * span,
#hamrazPurchaseModal .hamraz-payment-methods > * div{font-size:10px!important;line-height:1.5!important;}
#hamrazPurchaseModal .hamraz-receipt-picker{
    grid-template-columns:40px minmax(0,1fr) auto!important;
    gap:9px!important;
    padding:9px 10px!important;
    border-radius:16px!important;
}
#hamrazPurchaseModal .hamraz-receipt-icon{width:40px!important;height:40px!important;border-radius:12px!important;}
#hamrazPurchaseModal .hamraz-receipt-icon svg{width:20px!important;height:20px!important;}
#hamrazPurchaseModal .hamraz-receipt-copy b{font-size:12px!important;margin-bottom:1px!important;}
#hamrazPurchaseModal .hamraz-receipt-copy small{font-size:9.5px!important;line-height:1.5!important;}
#hamrazPurchaseModal .hamraz-receipt-picker i{padding:7px 9px!important;border-radius:10px!important;font-size:10px!important;}
#hamrazPurchaseModal .hamraz-receipt-preview{
    grid-template-columns:58px minmax(0,1fr) auto!important;
    gap:9px!important;
    padding:8px!important;
    border-radius:16px!important;
}
#hamrazPurchaseModal .hamraz-receipt-preview img{width:58px!important;height:58px!important;border-radius:12px!important;}
#hamrazPurchaseModal .hamraz-payment-submit{min-height:46px!important;border-radius:15px!important;font-size:12.5px!important;}

/* Rich assistant text: safe Markdown rendered by hamraz-enhance.js */
#hamrazMessages .hz-rich-text{
    display:grid!important;
    gap:3px!important;
    min-width:0!important;
    color:#f7f1fb!important;
    font-size:13.5px!important;
    line-height:1.9!important;
    direction:rtl!important;
    text-align:right!important;
}
#hamrazMessages .hz-md-line,
#hamrazMessages .hz-md-heading,
#hamrazMessages .hz-md-bullet,
#hamrazMessages .hz-md-number,
#hamrazMessages .hz-md-quote{min-width:0!important;overflow-wrap:anywhere!important;}
#hamrazMessages .hz-md-gap{display:block!important;height:5px!important;}
#hamrazMessages .hz-md-heading{
    margin:3px 0 1px!important;
    color:#ffe1a0!important;
    font-weight:850!important;
    font-size:14.5px!important;
}
#hamrazMessages .hz-rich-text strong{
    font-weight:850!important;
    color:#fff0bd!important;
}
#hamrazMessages .hz-rich-text em{font-style:normal!important;color:#e9d9ff!important;}
#hamrazMessages .hz-rich-text code{
    display:inline-block!important;
    padding:1px 6px!important;
    border-radius:7px!important;
    background:rgba(255,255,255,.07)!important;
    color:#ffe7a8!important;
    font-size:.92em!important;
    direction:ltr!important;
    unicode-bidi:isolate!important;
}
#hamrazMessages .hz-md-bullet{position:relative!important;padding-right:15px!important;}
#hamrazMessages .hz-md-bullet::before{
    content:""!important;
    position:absolute!important;
    right:2px!important;
    top:.78em!important;
    width:5px!important;
    height:5px!important;
    border-radius:50%!important;
    background:#efc66d!important;
    box-shadow:0 0 9px rgba(239,198,109,.38)!important;
}
#hamrazMessages .hz-md-number{display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;gap:6px!important;align-items:start!important;}
#hamrazMessages .hz-md-number-badge{
    display:grid!important;
    place-items:center!important;
    width:20px!important;
    height:20px!important;
    margin-top:3px!important;
    border-radius:7px!important;
    background:rgba(239,198,109,.12)!important;
    color:#f6d991!important;
    font-size:9px!important;
    font-weight:800!important;
}
#hamrazMessages .hz-md-quote{
    margin:3px 0!important;
    padding:7px 10px!important;
    border-right:2px solid rgba(239,198,109,.48)!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.035)!important;
    color:#ded3e8!important;
}
#hamrazMessages .hz-md-divider{display:block!important;height:1px!important;margin:5px 0!important;background:linear-gradient(90deg,transparent,rgba(239,198,109,.24),transparent)!important;}
#hamrazMessages .hz-ai-actions{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:8px!important;}
#hamrazMessages .hz-ai-action{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    min-height:38px!important;
    padding:7px 12px!important;
    border:1px solid rgba(239,198,109,.22)!important;
    border-radius:12px!important;
    background:linear-gradient(135deg,rgba(238,193,94,.14),rgba(118,78,165,.14))!important;
    color:#ffe6aa!important;
    font:inherit!important;
    font-size:11.5px!important;
    font-weight:750!important;
}
#hamrazMessages .hz-ai-action i{font-style:normal!important;font-size:13px!important;}

@media(max-width:560px){
    #hamrazPurchaseModal .hamraz-purchase-card{max-height:90dvh!important;padding:12px!important;}
    #hamrazPurchaseModal .hamraz-purchase-hero{grid-template-columns:50px minmax(0,1fr)!important;}
    #hamrazPurchaseModal .hamraz-purchase-symbol{width:50px!important;height:50px!important;}
    #hamrazPurchaseModal .hamraz-purchase-symbols{display:none!important;}
    #hamrazPurchaseModal .hamraz-packages-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;}
    #hamrazPurchaseModal .hamraz-packages-grid > *{min-height:104px!important;padding:9px!important;}
    #hamrazPurchaseModal .hamraz-selected-package{padding:9px 62px 9px 9px!important;}
    #hamrazPurchaseModal .hamraz-payment-stage{grid-template-columns:40px minmax(0,1fr)!important;padding:8px 9px!important;}
    #hamrazPurchaseModal .hamraz-payment-stage-icon{width:40px!important;height:40px!important;}
    #hamrazPurchaseModal .hamraz-receipt-picker{grid-template-columns:36px minmax(0,1fr) auto!important;}
    #hamrazPurchaseModal .hamraz-receipt-icon{width:36px!important;height:36px!important;}
}

/* Payment step stays one-screen-ish on Telegram mobile view */
#hamrazPurchaseModal .hamraz-payment-box{
    gap:7px!important;
}
#hamrazPurchaseModal .hamraz-payment-back{
    min-height:32px!important;
    padding:0 10px!important;
}
#hamrazPurchaseModal .hamraz-selected-package{
    min-height:54px!important;
    padding:7px 56px 7px 9px!important;
}
#hamrazPurchaseModal .hamraz-selected-package::before{
    right:8px!important;
    width:38px!important;
    height:38px!important;
}
#hamrazPurchaseModal .hamraz-payment-stage{
    grid-template-columns:36px minmax(0,1fr)!important;
    gap:7px!important;
    padding:6px 8px!important;
    border-radius:14px!important;
}
#hamrazPurchaseModal .hamraz-payment-stage-icon{
    width:36px!important;
    height:36px!important;
    border-radius:11px!important;
}
#hamrazPurchaseModal .hamraz-payment-stage-copy b{font-size:12px!important;}
#hamrazPurchaseModal .hamraz-payment-stage-copy small{font-size:8.8px!important;line-height:1.45!important;}
#hamrazPurchaseModal .hamraz-payment-methods > *{
    min-height:58px!important;
    padding:7px 50px 7px 8px!important;
}
#hamrazPurchaseModal .hamraz-payment-methods > *::before{
    right:7px!important;
    width:32px!important;
    height:32px!important;
}
#hamrazPurchaseModal .hamraz-payment-methods > * strong,
#hamrazPurchaseModal .hamraz-payment-methods > * b{font-size:12px!important;}
#hamrazPurchaseModal .hamraz-payment-methods > * code,
#hamrazPurchaseModal .hamraz-payment-methods > * .card-number{padding:4px 6px!important;font-size:10.5px!important;}
#hamrazPurchaseModal .hamraz-receipt-picker{
    grid-template-columns:34px minmax(0,1fr) auto!important;
    gap:7px!important;
    padding:7px 8px!important;
}
#hamrazPurchaseModal .hamraz-receipt-icon{width:34px!important;height:34px!important;}
#hamrazPurchaseModal .hamraz-receipt-picker i{padding:6px 8px!important;font-size:9px!important;}
#hamrazPurchaseModal .hamraz-payment-submit{min-height:42px!important;}

/* Hamraz response controls + strict draft limit feedback */
#hamrazMessages .hz-feedback-row{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
    margin-top:8px;
    padding-top:7px;
    border-top:1px solid rgba(255,255,255,.06);
}
#hamrazMessages .hz-feedback-row button{
    min-height:30px;
    padding:5px 9px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:999px;
    background:rgba(255,255,255,.045);
    color:#cfc4d7;
    font:inherit;
    font-size:10px;
    line-height:1.2;
}
#hamrazMessages .hz-feedback-row button:active{transform:translateY(1px);}
#hamrazMessages .hz-feedback-row button:disabled{opacity:.45;}
#hamrazMessages .hz-feedback-row .hz-dislike{padding-inline:8px;}
.hamraz-counter.is-over-limit{color:#ff9b9b!important;font-weight:800;}
#hamrazComposer.is-over-limit{box-shadow:inset 0 0 0 1px rgba(255,111,111,.5)!important;}
#hamrazMessages .hz-feedback-row{
    align-items:center;
}
#hamrazMessages .hz-feedback-row .hz-feedback-toggle{
    min-height:28px;
    padding:4px 9px;
    color:#bdb3c9;
    background:transparent;
}
#hamrazMessages .hz-feedback-row .hz-dislike{
    min-height:28px;
    margin-inline-start:auto;
    background:transparent;
}
#hamrazMessages .hz-feedback-options{
    flex:0 0 100%;
    width:100%;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:5px;
    padding-top:2px;
}
#hamrazMessages .hz-feedback-options[hidden]{display:none!important;}
#hamrazMessages .hz-feedback-options button{
    width:100%;
    min-width:0;
    padding-inline:6px;
}
@media(max-width:390px){
    #hamrazMessages .hz-feedback-options{grid-template-columns:repeat(2,minmax(0,1fr));}
}