.mail-sales-page{
    background:#f7f8f9;
    color:#122033;
    font-family:Arial,"Segoe UI",sans-serif;
}
.mail-sales-wrap{
    max-width:1440px;
    margin:0 auto;
    padding:28px 18px 36px;
}
.mail-sales-hero-block{
    position:relative;
    padding:4px 0 18px;
    min-height:148px;
}
.mail-sales-title-wrap{
    text-align:center;
    max-width:820px;
    margin:16px auto 0;
}
.mail-sales-title-wrap h1{
    margin:0;
    font-size:3.55rem;
    line-height:1.06;
    font-weight:900;
    letter-spacing:-0.03em;
    color:#0f1734;
}
.mail-sales-title-wrap h1 span{
    color:#149636;
}
.mail-sales-title-wrap p{
    margin:12px auto 0;
    font-size:1.02rem;
    line-height:1.6;
    color:#5e6675;
}
.mail-sales-hero-art{
    position:absolute;
    right:12px;
    top:4px;
    width:250px;
    height:170px;
    pointer-events:none;
}
.mail-sales-hero-blob{
    position:absolute;
    right:6px;
    top:26px;
    width:210px;
    height:110px;
    background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(236,239,241,.85));
    border-radius:26px;
    box-shadow:0 18px 40px rgba(21,32,48,.08);
}
.mail-sales-hero-envelope,
.mail-sales-hero-shield{
    position:absolute;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#13a238;
}
.mail-sales-hero-envelope{
    right:84px;
    top:10px;
    font-size:6rem;
    color:#d9dde3;
    transform:rotate(-8deg);
}
.mail-sales-hero-shield{
    right:58px;
    top:58px;
    width:70px;
    height:70px;
    border-radius:18px;
    background:#14a63a;
    color:#fff;
    font-size:2.15rem;
    box-shadow:0 12px 24px rgba(20,166,58,.26);
}
.mail-sales-hero-dots{
    position:absolute;
    right:0;
    top:6px;
    width:84px;
    height:48px;
    background-image:radial-gradient(#17a63c 1.6px, transparent 1.6px);
    background-size:12px 12px;
    opacity:.8;
}
.mail-sales-products-section{
    margin-top:4px;
}
.mail-sales-products{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
    align-items:stretch;
}
.mail-sales-product-card{
    position:relative;
    background:#fff;
    border:1px solid #e4e8ec;
    border-radius:28px;
    padding:26px 24px 22px;
    box-shadow:0 14px 36px rgba(17,24,39,.05);
    display:flex;
    flex-direction:column;
    min-width:0;
}
.mail-sales-product-card.featured{
    border:2px solid #16a63c;
    box-shadow:0 18px 42px rgba(22,166,60,.12);
}
.mail-sales-badge{
    position:absolute;
    left:50%;
    top:-17px;
    transform:translateX(-50%);
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 22px;
    border-radius:999px;
    background:linear-gradient(90deg,#11a135,#28bb4c);
    color:#fff;
    font-size:.9rem;
    font-weight:800;
    box-shadow:0 10px 22px rgba(17,161,53,.22);
}
.mail-sales-card-head{
    text-align:center;
}
.mail-sales-card-icon{
    width:74px;
    height:74px;
    margin:0 auto 16px;
    border-radius:50%;
    background:#edf8ef;
    color:#159a37;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:2.15rem;
}
.mail-sales-card-head h3{
    margin:0;
    font-size:1.08rem;
    line-height:1.25;
    color:#111826;
    font-weight:900;
}
.mail-sales-card-head p{
    margin:10px auto 0;
    max-width:290px;
    min-height:54px;
    color:#5b6473;
    font-size:.93rem;
    line-height:1.35;
}
.mail-sales-divider{
    height:1px;
    background:#e7eaee;
    margin:18px 0 16px;
}
.mail-sales-divider.muted{
    margin-top:18px;
    margin-bottom:18px;
}
.mail-sales-spec-list{
    display:grid;
    gap:10px;
}
.mail-sales-spec-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(100px,42%);
    align-items:start;
    gap:12px;
    font-size:.92rem;
    color:#233142;
    min-width:0;
}
.mail-sales-spec-row span{
    display:flex;
    align-items:flex-start;
    gap:6px;
    line-height:1.4;
    min-width:0;
    overflow-wrap:anywhere;
}
.mail-sales-spec-row span i{
    color:#18a53a;
    font-size:1rem;
    line-height:1.2;
}
.mail-sales-spec-row strong{
    text-align:right;
    color:#111827;
    font-weight:800;
    white-space:normal;
    overflow-wrap:anywhere;
    word-break:normal;
    min-width:0;
    line-height:1.4;
}
.mail-sales-feature-list{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:9px;
}
.mail-sales-feature-list li{
    display:flex;
    align-items:flex-start;
    gap:10px;
    color:#273547;
    font-size:.92rem;
    line-height:1.4;
    min-width:0;
    overflow-wrap:anywhere;
}
.mail-sales-feature-list i{
    color:#18a53a;
    margin-top:1px;
    flex:0 0 auto;
}
.mail-sales-card-footer{
    margin-top:auto;
    padding-top:18px;
}
.mail-sales-price-box{
    display:flex;
    justify-content:center;
    align-items:flex-end;
    gap:6px;
    margin-bottom:16px;
}
.mail-sales-price-box strong{
    font-size:1.7rem;
    line-height:1;
    color:#0f972f;
    font-weight:900;
}
.mail-sales-price-box span{
    color:#596272;
    font-size:.95rem;
    font-weight:700;
}
.mail-sales-action{
    width:100%;
    min-height:54px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    text-decoration:none;
    font-weight:800;
    font-size:1rem;
    transition:all .15s ease;
}
.mail-sales-action.primary{
    background:#149d35;
    color:#fff !important;
    border:1px solid #149d35;
}
.mail-sales-action.outline{
    background:#fff;
    color:#149d35 !important;
    border:2px solid #1daf41;
}
.mail-sales-action.disabled,
.mail-sales-action[disabled]{
    opacity:.65;
    cursor:not-allowed;
}
.mail-sales-cart-form{
    width:100%;
    margin:0;
}
.mail-sales-cart-form .mail-sales-action{
    width:100%;
    cursor:pointer;
}
.mail-sales-empty{
    background:#fff;
    border:1px solid #e4e8ec;
    border-radius:24px;
    padding:42px 18px;
    text-align:center;
    display:flex;
    flex-direction:column;
    gap:8px;
    color:#607085;
}
.mail-sales-empty i{
    font-size:2.25rem;
    color:#18a53a;
}
.mail-sales-empty strong{
    color:#1e2b3d;
    font-size:1.08rem;
}
.mail-sales-benefits{
    margin-top:20px;
    background:#fff;
    border:1px solid #e4e8ec;
    border-radius:22px;
    box-shadow:0 14px 36px rgba(17,24,39,.04);
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
}
.mail-sales-benefits article{
    display:flex;
    align-items:center;
    gap:14px;
    padding:22px 24px;
    border-right:1px solid #eceff2;
}
.mail-sales-benefits article:last-child{
    border-right:0;
}
.benefit-icon{
    width:56px;
    height:56px;
    border-radius:50%;
    background:#edf8ef;
    color:#149d35;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.85rem;
    flex:0 0 56px;
}
.mail-sales-benefits h3{
    margin:0 0 5px;
    font-size:1rem;
    font-weight:800;
    color:#172233;
}
.mail-sales-benefits p{
    margin:0;
    color:#637084;
    font-size:.9rem;
    line-height:1.45;
}
@media (max-width:1320px){
    .mail-sales-title-wrap h1{font-size:3.45rem}
    .mail-sales-products{grid-template-columns:repeat(2,minmax(0,1fr))}
    .mail-sales-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
    .mail-sales-benefits article:nth-child(2){border-right:0}
}
@media (max-width:991px){
    .mail-sales-wrap{padding:20px 14px 30px}
    .mail-sales-title-wrap{padding-right:0}
    .mail-sales-title-wrap h1{font-size:2.7rem}
    .mail-sales-title-wrap p{font-size:.98rem}
    .mail-sales-hero-block{padding-bottom:10px}
    .mail-sales-hero-art{position:relative;right:auto;top:auto;width:100%;height:120px;margin-top:8px}
    .mail-sales-hero-blob{right:20px;left:auto;top:14px;width:180px;height:88px}
    .mail-sales-hero-envelope{right:92px;top:0;font-size:4.5rem}
    .mail-sales-hero-shield{right:72px;top:44px;width:58px;height:58px;font-size:1.8rem}
    .mail-sales-hero-dots{right:14px;top:8px}
}
@media (max-width:767px){
    .mail-sales-products,.mail-sales-benefits{grid-template-columns:1fr}
    .mail-sales-benefits article{border-right:0;border-bottom:1px solid #eceff2}
    .mail-sales-benefits article:last-child{border-bottom:0}
    .mail-sales-title-wrap h1{font-size:2.15rem}
    .mail-sales-card-head p{min-height:0}
    .mail-sales-product-card{padding:22px 18px 20px}
}

/* v3.0.47 - aylik/yillik fiyat secimi, tasma duzeltmeleri ve tek logo */
.mail-sales-billing-switch{
    display:flex;
    justify-content:center;
    gap:6px;
    width:max-content;
    max-width:100%;
    margin:0 auto 28px;
    padding:6px;
    background:#eef7f1;
    border:1px solid #d9e9de;
    border-radius:999px;
}
.mail-sales-billing-switch button{
    border:0;
    background:transparent;
    color:#52635a;
    font-weight:800;
    min-width:118px;
    padding:11px 22px;
    border-radius:999px;
    cursor:pointer;
    font-size:1rem;
}
.mail-sales-billing-switch button.active{
    background:#149d35;
    color:#fff;
    box-shadow:0 6px 16px rgba(20,157,53,.18);
}
.mail-sales-renewal{
    min-height:18px;
    text-align:center;
    margin:-7px 0 14px;
    color:#7a8492;
    font-size:.78rem;
    font-weight:600;
}
.mail-sales-unavailable{
    margin-top:10px;
    padding:9px 11px;
    text-align:center;
    border:1px solid #efd8aa;
    border-radius:10px;
    background:#fff8ea;
    color:#8b5a00;
    font-size:.82rem;
    font-weight:700;
}
.mail-sales-action:disabled{
    opacity:.55;
    cursor:not-allowed;
}
@media (max-width:480px){
    .mail-sales-billing-switch{width:100%}
    .mail-sales-billing-switch button{flex:1;min-width:0}
}

@media (max-width:420px){.mail-sales-spec-row{grid-template-columns:minmax(0,1fr) minmax(82px,40%);gap:8px}.mail-sales-product-card{border-radius:22px}.mail-sales-title-wrap h1{font-size:1.9rem}}

/* v3.0.49 - bilgi rehberi, karsilastirma, SSS ve Ulak crown */
.mail-sales-card-icon .bi-crown-fill,
.comparison-package-icon .bi-crown-fill{font-size:2rem}
.mail-sales-detail-section{margin-top:34px}
.mail-sales-section-heading{text-align:center;max-width:900px;margin:0 auto 22px}
.mail-sales-section-heading>span{display:inline-block;margin-bottom:8px;color:#16983a;font-size:.76rem;font-weight:900;letter-spacing:.12em}
.mail-sales-section-heading h2{margin:0;color:#111827;font-size:2rem;line-height:1.2;font-weight:900;letter-spacing:-.02em}
.mail-sales-section-heading p{margin:10px auto 0;color:#647184;line-height:1.7;font-size:.98rem;max-width:780px}
.mail-sales-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.mail-sales-info-grid article{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #e4e9ed;border-radius:20px;padding:21px 19px;box-shadow:0 10px 26px rgba(17,24,39,.04);min-width:0}
.mail-sales-info-icon{width:48px;height:48px;border-radius:14px;background:#edf8ef;color:#159a37;display:flex;align-items:center;justify-content:center;font-size:1.35rem;flex:0 0 48px}
.mail-sales-info-grid h3{margin:1px 0 7px;color:#172033;font-size:1rem;font-weight:900;line-height:1.3}
.mail-sales-info-grid p{margin:0;color:#657286;font-size:.9rem;line-height:1.62;overflow-wrap:anywhere}
.mail-sales-comparison-wrap{overflow-x:auto;background:#fff;border:1px solid #e1e7e3;border-radius:22px;box-shadow:0 12px 30px rgba(15,23,42,.05)}
.mail-sales-comparison-table{width:100%;min-width:1040px;border-collapse:separate;border-spacing:0;font-size:.9rem}
.mail-sales-comparison-table th,.mail-sales-comparison-table td{padding:14px 15px;border-right:1px solid #edf1ee;border-bottom:1px solid #edf1ee;text-align:center;vertical-align:middle;overflow-wrap:anywhere;word-break:normal}
.mail-sales-comparison-table th:last-child,.mail-sales-comparison-table td:last-child{border-right:0}
.mail-sales-comparison-table tr:last-child td{border-bottom:0}
.mail-sales-comparison-table thead th{background:#f4faf6;color:#16351f;font-weight:900;min-width:190px}
.mail-sales-comparison-table thead th:first-child{position:sticky;left:0;z-index:3;min-width:230px;text-align:left;background:#149d35;color:#fff;border-top-left-radius:21px}
.mail-sales-comparison-table thead th:last-child{border-top-right-radius:21px}
.mail-sales-comparison-table tbody td:first-child{position:sticky;left:0;z-index:2;text-align:left;background:#fbfdfb;color:#24352b;font-weight:800;min-width:230px}
.mail-sales-comparison-table tbody tr:nth-child(even) td:not(:first-child){background:#fcfdfc}
.comparison-package-icon{display:flex;width:36px;height:36px;margin:0 auto 8px;border-radius:50%;align-items:center;justify-content:center;background:#e8f7ed;color:#159a37;font-size:1.05rem}
.comparison-price-row td:not(:first-child){color:#0f9236;font-size:1rem;font-weight:900}
.comparison-yes{color:#16a23b;font-size:1.15rem}
.comparison-empty{color:#a1a9b2}
.mail-sales-faq-list{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mail-sales-faq-list details{background:#fff;border:1px solid #e2e8e4;border-radius:16px;overflow:hidden;box-shadow:0 8px 22px rgba(15,23,42,.035)}
.mail-sales-faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 19px;color:#172033;font-weight:800;line-height:1.45}
.mail-sales-faq-list summary::-webkit-details-marker{display:none}
.mail-sales-faq-list summary i{color:#169b3b;transition:transform .18s ease;flex:0 0 auto}
.mail-sales-faq-list details[open] summary i{transform:rotate(45deg)}
.mail-sales-faq-list details>div{padding:0 19px 19px;color:#647184;font-size:.92rem;line-height:1.72}
.mail-sales-support-cta{margin-top:34px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:25px 28px;border-radius:22px;background:linear-gradient(115deg,#0d8d34,#1cac46);color:#fff;box-shadow:0 16px 34px rgba(13,141,52,.18)}
.mail-sales-support-icon{width:58px;height:58px;border-radius:18px;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;font-size:1.8rem}
.mail-sales-support-cta h2{margin:0 0 5px;color:#fff;font-size:1.2rem;font-weight:900}
.mail-sales-support-cta p{margin:0;color:rgba(255,255,255,.85);font-size:.92rem;line-height:1.55}
.mail-sales-support-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border-radius:12px;background:#fff;color:#0e8f36!important;text-decoration:none;font-weight:900;white-space:nowrap}
@media(max-width:1180px){.mail-sales-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.mail-sales-faq-list{grid-template-columns:1fr}.mail-sales-support-cta{grid-template-columns:auto 1fr}.mail-sales-support-button{grid-column:1/-1}.mail-sales-section-heading h2{font-size:1.65rem}}
@media(max-width:620px){.mail-sales-info-grid{grid-template-columns:1fr}.mail-sales-support-cta{grid-template-columns:1fr;padding:21px}.mail-sales-support-icon{width:50px;height:50px}.mail-sales-comparison-table{font-size:.84rem}.mail-sales-comparison-table th,.mail-sales-comparison-table td{padding:12px 11px}}

/* v3.0.50 - Ulak crown SVG + popular card center position */
.dh-mail-crown-svg{
    display:block;
    width:42px;
    height:42px;
    color:#159a37;
    flex:0 0 auto;
}
.comparison-package-icon .dh-mail-crown-svg,
.comparison-crown-svg{
    width:24px;
    height:24px;
}

/* v3.0.53 - Mail Server hizmet alan adı */
.mail-sales-domain-form{width:100%;display:flex;flex-direction:column;gap:12px}
.mail-sales-domain-field{text-align:left;background:#f7fbf8;border:1px solid #dcebe1;border-radius:14px;padding:13px 14px}
.mail-sales-domain-field label{display:flex;align-items:center;gap:7px;margin-bottom:7px;font-size:.86rem;font-weight:800;color:#173321}
.mail-sales-domain-field label i{color:#159b3b}
.mail-sales-domain-field .form-control{width:100%;min-height:45px;border:1px solid #cfded4;border-radius:10px;background:#fff;padding:10px 12px;font-size:.94rem;color:#152438;outline:0}
.mail-sales-domain-field .form-control:focus{border-color:#149d3a;box-shadow:0 0 0 .18rem rgba(20,157,58,.12)}
.mail-sales-domain-field small{display:block;margin-top:7px;color:#6b776f;font-size:.77rem;line-height:1.45}