/* Faisal Traders Wholesale Portal */
.ftw-wrap{max-width:1000px;margin:40px auto;padding:0 18px;font-family:Arial,sans-serif}
.ftw-box{background:#f7f5ef;border:1px solid #e8e2d7;padding:38px 40px;margin:24px auto}
.ftw-kicker{display:block;color:#b78a49;font-size:10px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;margin-bottom:12px}
.ftw-box h2{font-family:Georgia,serif;font-size:34px;line-height:1.15;font-weight:500;color:#171a17;margin:0 0 12px}
.ftw-intro{font-size:14px;line-height:1.8;color:#6d716b;margin:0 0 28px}
.ftw-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}
.ftw-form label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600;color:#20231f}
.ftw-form input:not([type=checkbox]),.ftw-form select,.ftw-form textarea{width:100%;max-width:100%;min-height:49px;padding:13px 14px;border:1px solid #ddd8cf;border-radius:0;background:#fff;color:#222;font-size:14px;box-shadow:none}
.ftw-form textarea{min-height:110px;resize:vertical}
.ftw-form input:focus,.ftw-form select:focus,.ftw-form textarea:focus{outline:none;border-color:#b78a49}
.ftw-full{grid-column:1/-1}
.ftw-button,.ftw-button-link{display:inline-block;margin-top:22px;padding:15px 23px;background:#b78a49;border:1px solid #b78a49;color:#fff!important;text-decoration:none;font-size:10px;font-weight:700;letter-spacing:1.1px;cursor:pointer}
.ftw-button:hover,.ftw-button-link:hover{background:#173b30;border-color:#173b30}
.ftw-small{font-size:12px;color:#777;margin:15px 0 0}
.ftw-login-wrap{max-width:560px}
.ftw-login-box label{margin:14px 0}
.ftw-check{display:flex!important;flex-direction:row!important;align-items:center}
.ftw-lost{display:block;margin-top:15px;color:#173b30;font-size:13px}
.ftw-notice{padding:14px 17px;margin:15px 0;border-left:4px solid #b78a49;background:#fff;font-size:13px;line-height:1.6}
.ftw-success{border-color:#24734d}.ftw-warning{border-color:#b78a49}.ftw-error{border-color:#b33a32}
.ftw-wholesale-price-label{display:block;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#b78a49;font-weight:700}
@media(max-width:650px){.ftw-box{padding:25px 18px}.ftw-grid{grid-template-columns:1fr}.ftw-full{grid-column:auto}.ftw-box h2{font-size:28px}.ftw-button,.ftw-button-link{width:100%;text-align:center}}


/* Layout compatibility overrides: prevent theme/Elementor button stretching */
.ftw-wrap {
    width: 100% !important;
    max-width: 1120px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.ftw-box {
    width: 100% !important;
    max-width: 100% !important;
}

.ftw-form {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

.ftw-form .ftw-grid {
    display: grid !important;
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: start !important;
}

.ftw-form .ftw-field,
.ftw-form label {
    min-width: 0 !important;
}

.ftw-form .ftw-button,
.ftw-form button.ftw-button,
.ftw-form input[type="submit"].ftw-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
    position: static !important;
    inset: auto !important;
    width: auto !important;
    min-width: 235px !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 52px !important;
    margin: 22px 0 0 !important;
    padding: 15px 24px !important;
    background: #b78a49 !important;
    border: 1px solid #b78a49 !important;
    color: #fff !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    box-shadow: none !important;
    transform: none !important;
}

.ftw-form .ftw-button:hover,
.ftw-form button.ftw-button:hover {
    background: #173b30 !important;
    border-color: #173b30 !important;
}

.ftw-form .ftw-small {
    display: block !important;
    width: 100% !important;
}

.ftw-login-box .ftw-form .ftw-button {
    min-width: 220px !important;
}

@media (max-width: 650px) {
    .ftw-wrap {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
    .ftw-box {
        padding: 25px 18px !important;
    }
    .ftw-form .ftw-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }
    .ftw-form .ftw-button,
    .ftw-form button.ftw-button,
    .ftw-login-box .ftw-form .ftw-button {
        display: flex !important;
        width: 100% !important;
        min-width: 0 !important;
    }
}