/* =========================================================
   CKEDITOR GRID FIX
========================================================= */

.ck-content .row,
.ck-content .col,
.ck-content [class*="col-"]{
    padding-left:2px !important;
    padding-right:2px !important;
    margin:0 !important;
}


/* =========================================================
   BUTON ALANI
========================================================= */

.ot-button-wrap{
    display:grid;
    grid-template-columns:repeat(2, 1fr);

    column-gap:4px;
    row-gap:2px;

    width:100%;
    max-width:500px;

    margin:0 auto;
}


/* =========================================================
   BAŞLIK VE GÖRSEL MESAFE AYARI
========================================================= */

h2{
    margin-bottom:6px !important;
}

img{
    margin-bottom:6px;
}


/* =========================================================
   TÜM BUTONLAR
========================================================= */

.ot-regular-btn,
.ot-child-btn,
.ot-regular-hoodie-btn,
.ot-child-hoodie-btn,
.ot-regular-sweatshirt-btn,
.ot-child-sweatshirt-btn,
.ot-passive-btn,
.ot-passive-raglan-btn,
.ot-passive-hoodie-btn,
.ot-passive-raglan-hoodie-btn,
.ot-passive-sweatshirt-btn,
.ot-passive-raglan-sweatshirt-btn{

    width:100%;
    height:42px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin:0 !important;

    border-radius:12px;

    font-size:13px;
    font-weight:700;
    line-height:1;

    text-align:center;
    text-decoration:none;

    box-sizing:border-box;
}


/* =========================================================
   AKTİF BUTONLAR
========================================================= */

.ot-regular-btn,
.ot-child-btn,
.ot-regular-hoodie-btn,
.ot-child-hoodie-btn,
.ot-regular-sweatshirt-btn,
.ot-child-sweatshirt-btn{

    border:1px solid #dfe6ef;
    background:#ffffff;
    color:#064b72;

    transition:.2s ease;
    cursor:pointer;
}

.ot-regular-btn:hover,
.ot-child-btn:hover,
.ot-regular-hoodie-btn:hover,
.ot-child-hoodie-btn:hover,
.ot-regular-sweatshirt-btn:hover,
.ot-child-sweatshirt-btn:hover{

    border-color:#c81934;
    background:#fff4f6;
    color:#c81934;

    transform:translateY(-1px);
}


/* =========================================================
   PASİF BUTONLAR
========================================================= */

.ot-passive-btn,
.ot-passive-raglan-btn,
.ot-passive-hoodie-btn,
.ot-passive-raglan-hoodie-btn,
.ot-passive-sweatshirt-btn,
.ot-passive-raglan-sweatshirt-btn{

    border:1px solid #e5e7eb;
    background:#f3f4f6;
    color:#9ca3af;

    cursor:default;
    pointer-events:none;

    opacity:.85;

    margin-top:8px !important;
}


/* =========================================================
   MOBİL
========================================================= */

@media (max-width:768px){

    .ot-button-wrap{
        max-width:100%;
        column-gap:4px;
        row-gap:2px;
    }

    .ot-regular-btn,
    .ot-child-btn,
    .ot-regular-hoodie-btn,
    .ot-child-hoodie-btn,
    .ot-regular-sweatshirt-btn,
    .ot-child-sweatshirt-btn,
    .ot-passive-btn,
    .ot-passive-raglan-btn,
    .ot-passive-hoodie-btn,
    .ot-passive-raglan-hoodie-btn,
    .ot-passive-sweatshirt-btn,
    .ot-passive-raglan-sweatshirt-btn{

        height:40px;
        font-size:12px;
        border-radius:10px;
    }

    .ot-passive-btn,
    .ot-passive-raglan-btn,
    .ot-passive-hoodie-btn,
    .ot-passive-raglan-hoodie-btn,
    .ot-passive-sweatshirt-btn,
    .ot-passive-raglan-sweatshirt-btn{

        margin-top:6px !important;
    }
}
.ot-regular-long-btn{
    width:100%;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 !important;
    border-radius:12px;
    font-size:13px;
    font-weight:700;
    line-height:1;
    text-align:center;
    text-decoration:none;
    box-sizing:border-box;
    border:1px solid #dfe6ef;
    background:#ffffff;
    color:#064b72;
    transition:.2s ease;
    cursor:pointer;
}

.ot-regular-long-btn:hover{
    border-color:#c81934;
    background:#fff4f6;
    color:#c81934;
    transform:translateY(-1px);
}