/* =========================================================

   EMAIL SERVICE DOMAINS

========================================================= */



.stockage-domains {



    background: #020817;



    padding: 24px 2rem 0;



    position: relative;



    overflow: hidden;



}



/* =========================================================

   GRID

========================================================= */



.stockage-domains__grid {



    display: grid;



    grid-template-columns: 360px 1fr;



    gap: 18px;



    align-items: stretch;



}



/* =========================================================

   LEFT

========================================================= */



.stockage-domains__left {



    padding: 14px 6px 0 6px;



}



/* =========================================================

   TITLE

========================================================= */



.stockage-domains__title {



    font-size: 18px;



    line-height: 1.25;



    font-weight: 800;



    color: #ffffff;



    margin-bottom: 14px;



    letter-spacing: -0.02em;



}



/* =========================================================

   LINE

========================================================= */



.stockage-domains__line {



    width: 42px;



    height: 2px;



    background: #2563eb;



    margin-bottom: 20px;



    border-radius: 999px;



}



/* =========================================================

   LIST

========================================================= */



.stockage-domains__list {



    display: flex;



    flex-direction: column;



    gap: 14px;



}



/* =========================================================

   ITEM

========================================================= */



.stockage-domains__item {



    display: flex;



    align-items: flex-start;



    gap: 10px;



}



.stockage-domains__item svg {



    width: 16px;

    height: 16px;



    stroke: #2563eb;



    stroke-width: 2;



    flex-shrink: 0;



    margin-top: 2px;



}



.stockage-domains__item span {



    font-size: 12px;



    line-height: 1.7;



    color: rgba(255,255,255,0.84);



    font-weight: 500;



}



/* =========================================================

   RIGHT

========================================================= */



.stockage-domains__right {



    position: relative;



    display: flex;



    align-items: center;



    justify-content: space-between;



    border: 1px solid rgba(255,255,255,0.05);



    border-radius: 18px;



    overflow: hidden;



    background:

        radial-gradient(

            circle at center,

            rgba(37,99,235,0.12),

            transparent 70%

        ),

        linear-gradient(

            180deg,

            rgba(255,255,255,0.015),

            rgba(255,255,255,0.005)

        );



    min-height: 310px;



    box-shadow:

        0 0 0 1px rgba(255,255,255,0.02),

        0 20px 60px rgba(0,0,0,0.32);



}



/* =========================================================

   VISUAL

========================================================= */



.stockage-domains__visual {



    width: 420px;



    flex-shrink: 0;



    display: flex;



    align-items: center;



    justify-content: center;



    padding-left: 20px;



}



.stockage-domains__visual img {



    width: 100%;



    display: block;



    object-fit: contain;



}



/* =========================================================

   CONTENT

========================================================= */



.stockage-domains__content {



    max-width: 500px;



    padding: 36px 34px 36px 10px;



}



/* =========================================================

   CONTENT TITLE

========================================================= */



.stockage-domains__content-title {



    font-size: 18px;



    line-height: 1.3;



    font-weight: 800;



    color: #ffffff;



    margin-bottom: 14px;



    letter-spacing: -0.02em;



}



/* =========================================================

   CONTENT TEXT

========================================================= */



.stockage-domains__content-text {



    font-size: 13px;



    line-height: 1.9;



    color: rgba(255,255,255,0.74);



    max-width: 420px;



}



/* =========================================================

   CONTENT LINE

========================================================= */



.stockage-domains__content-line {



    width: 42px;



    height: 1px;



    background: rgba(37,99,235,0.55);



    margin: 22px 0;



}



/* =========================================================

   FEATURES

========================================================= */



.stockage-domains__features {



    display: flex;



    align-items: flex-start;



    gap: 0;



}



/* =========================================================

   FEATURE

========================================================= */



.stockage-domains__feature {



    display: flex;



    flex-direction: column;



    align-items: center;



    justify-content: center;



    text-align: center;



    gap: 10px;



    padding-right: 22px;



    margin-right: 22px;



    border-right: 1px solid rgba(255,255,255,0.08);



    min-height: 72px;



}



.stockage-domains__feature:last-child {



    border-right: none;



    padding-right: 0;



    margin-right: 0;



}



.stockage-domains__feature svg {



    width: 22px;

    height: 22px;



    stroke: #2563eb;



    stroke-width: 1.8;



    flex-shrink: 0;



}



.stockage-domains__feature span {



    font-size: 11px;



    line-height: 1.7;



    color: rgba(255,255,255,0.84);



    font-weight: 500;



    max-width: 110px;



}



/* =========================================================

   RESPONSIVE

========================================================= */



@media (max-width: 1300px) {



    .stockage-domains__grid {



        grid-template-columns: 320px 1fr;



    }



    .stockage-domains__visual {



        width: 340px;



    }



}



@media (max-width: 1100px) {



    .stockage-domains__grid {



        grid-template-columns: 1fr;



    }



    .stockage-domains__right {



        flex-direction: column;



        align-items: center;



    }



    .stockage-domains__visual {



        width: 100%;



        max-width: 420px;



        padding: 30px 20px 0;



    }



    .stockage-domains__content {



        max-width: 100%;



        padding: 28px;



    }



}



@media (max-width: 768px) {



    .stockage-domains {



        padding: 20px 1rem 0;



    }



    .stockage-domains__title {



        font-size: 16px;



    }



    .stockage-domains__content-title {



        font-size: 16px;



    }



    .stockage-domains__item span {



        font-size: 12px;



    }



    .stockage-domains__content-text {



        font-size: 13px;



        line-height: 1.8;



    }



    .stockage-domains__visual {



        width: 100%;



        padding: 24px 18px 0;



    }



    .stockage-domains__content {



        padding: 24px 18px;



    }



    .stockage-domains__features {



        flex-direction: row;



        gap: 20px;



    }



    .stockage-domains__feature {



        border-right: none;



        padding-right: 0;



        margin-right: 0;



    }



}