/* SONTEKLIF_DUKKAN_RETRO_V1 */

.st19-page {
    max-width:1000px !important;
    margin:18px auto 35px !important;
}

.st19-page .st19-box {
    border:1px solid #d7d7d7 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    margin-bottom:13px !important;
}

.st19-page .st19-box-title {
    background:#f8f8f8 !important;
    border-bottom:1px solid #d7d7d7 !important;
    border-radius:0 !important;
    color:#333 !important;
    font:13px Arial,sans-serif !important;
    text-align:center !important;
    padding:10px !important;
}

.st19-page .st19-hero {
    display:flex !important;
    align-items:center !important;
    justify-content:space-around !important;
    gap:25px !important;
    padding:30px 28px !important;
    background:#fff !important;
    min-height:235px !important;
}

.st19-page .st19-hero > div:first-child {
    flex:1;
    text-align:center;
}

.st19-page .st19-hero h1 {
    font:normal 22px/1.45 Arial,sans-serif !important;
    color:#333 !important;
    margin:0 0 12px !important;
}

.st19-page .st19-hero p {
    font:12px/1.6 Arial,sans-serif !important;
    color:#666 !important;
    margin:0 0 15px !important;
}

.st19-page .st19-actions {
    display:flex !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    gap:9px !important;
}

.st19-page .st19-button {
    display:inline-block !important;
    padding:10px 17px !important;
    background:#2297ca !important;
    border:1px solid #1686b8 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    color:white !important;
    font:bold 12px Arial,sans-serif !important;
    text-decoration:none !important;
}

.st19-page .st19-button:hover {
    background:#1686b8 !important;
}

.st19-retro-store {
    position:relative;
    flex:0 0 195px;
    width:195px;
    height:190px;
    margin:0 auto;
    padding-top:15px;
    filter:drop-shadow(2px 4px 2px #ddd);
}

.st19-retro-roof {
    width:175px;
    height:16px;
    margin:auto;
    background:#c6a27b;
    border:3px solid #98734d;
    border-bottom:0;
    clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);
}

.st19-retro-sign {
    width:166px;
    margin:auto;
    height:29px;
    line-height:29px;
    background:#fff4d9;
    border:4px solid #b88c5e;
    text-align:center;
    color:#915d31;
    font:bold 13px Georgia,serif;
}

.st19-retro-awning {
    display:flex;
    width:178px;
    height:43px;
    margin:auto;
    border:3px solid #a9794a;
    border-top:0;
    overflow:hidden;
}

.st19-retro-awning span {
    flex:1;
    background:#e87525;
    border-bottom:7px solid #d35e1c;
}

.st19-retro-awning span:nth-child(even) {
    background:#fff5dd;
    border-bottom-color:#e6d9bd;
}

.st19-retro-front {
    display:flex;
    gap:10px;
    width:168px;
    height:75px;
    padding:8px;
    margin:auto;
    background:#f5d4a8;
    border:5px solid #a9794a;
    border-top:0;
}

.st19-retro-window {
    flex:1;
    background:#a4d8dc;
    border:4px solid #8d613b;
    text-align:center;
    color:#6c543a;
    font:bold 10px Arial,sans-serif;
    padding-top:6px;
}

.st19-retro-shelf {
    height:9px;
    margin:14px 4px 0;
    background:#db8246;
    border-top:3px solid #8f5a32;
}

.st19-retro-door {
    width:37px;
    background:#bbd8cb;
    border:5px solid #91633c;
}

.st19-retro-step {
    width:188px;
    height:10px;
    margin:auto;
    background:#b7a38e;
    border-bottom:4px solid #8e7d6b;
}

.st19-page .st19-plans {
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:12px !important;
    padding:18px !important;
}

.st19-page .st19-plan {
    border:1px solid #d8d8d8 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    text-align:center !important;
    padding:22px 10px !important;
}

.st19-page .st19-plan h2 {
    font:bold 20px Arial,sans-serif !important;
    color:#222 !important;
}

.st19-page .st19-features {
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:0 !important;
}

.st19-page .st19-feature {
    border-right:1px solid #e4e4e4 !important;
    border-bottom:1px solid #e4e4e4 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    padding:18px !important;
}

.st19-page .st19-feature-icon {
    color:#f7931e !important;
}

@media(max-width:650px) {
    .st19-page {
        margin:12px !important;
    }

    .st19-page .st19-hero {
        flex-direction:column !important;
        padding:20px 12px !important;
    }

    .st19-page .st19-hero h1 {
        font-size:17px !important;
    }

    .st19-page .st19-plans,
    .st19-page .st19-features {
        grid-template-columns:1fr !important;
    }
}