@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;600&display=swap');
body {
    margin: 0;
    font-family: "Tajawal", sans-serif;
    background: #111;
    color: #fff;
    overflow-x: hidden;
}

.container {
    width: 90%;
    max-width: 700px;
    margin: 40px auto;
    background: #1b1b1b;
    padding: 30px;
    border-radius: 18px;
}

h1 {
    margin-bottom: 5px;
    letter-spacing: 2px;
}

h2 {
    color: #b7b7b7;
    font-weight: normal;
    margin-top: 0;
}

label {
    display: block;
    margin-bottom: 7px;
    font-weight: bold;
}

input,
select,
textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 12px;
    margin-bottom: 18px;
    border: 1px solid #444;
    border-radius: 10px;
    background: #262626;
    color: #fff;
}

button {
    width: 100%;
    padding: 13px;
    border: none;
    border-radius: 10px;
    background: #fff;
    color: #111;
    font-weight: bold;
    cursor: pointer;
}

button:hover {
    opacity: 0.9;
}

.success-message {
    margin-top: 20px;
    padding: 12px;
    border-radius: 10px;
    background: #153a22;
    color: #b8f2c7;
}

a {
    color: #fff;
}
.main-header {
    width: 92%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 14px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #6f4d2d;
}

.brand h1 {
    margin: 0;
    color: #c79a63;
    letter-spacing: 8px;
    font-size: 30px;
}

.brand span {
    font-size: 10px;
    letter-spacing: 5px;
    color: #aaa;
}

nav {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

nav a {
    color: #ddd;
    text-decoration: none;
    font-size: 14px;
}

nav a:hover {
    color: #c79a63;
}

nav a[href="/suppliers"],
nav a[href="/careers"] {
    color: #d6b086;
}

.hero {
    min-height: 75vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 40px 20px;
}

.hero-content {
    max-width: 850px;
}

.gold-text {
    color: #c79a63;
    letter-spacing: 5px;
}

.hero h2 {
    font-family: "Tajawal", sans-serif;
    font-weight: 400;
    letter-spacing: 0;
}

.hero p {
    color: #ccc;
    font-size: 18px;
    line-height: 1.9;
}

.hero-buttons {
    margin-top: 35px;
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

.primary-btn,
.secondary-btn {
    display: inline-block;
    padding: 13px 28px;
    border-radius: 8px;
    text-decoration: none;
}

.primary-btn {
    background: #c79a63;
    color: #111;
}

.secondary-btn {
    border: 1px solid #c79a63;
    color: #c79a63;
}
.brand-logo {
    display: block;
    width: 225px;
    height: 122px;
    flex-shrink: 0;
}

.brand-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

@media (max-width: 600px) {
    .main-header {
        width: 90%;
        padding: 12px 0 15px;
        flex-direction: column;
        gap: 8px;
    }

    .brand-logo {
        width: 180px;
        height: 108px;
    }

    nav {
        justify-content: center;
        gap: 9px 15px;
    }

    nav a {
        font-size: 13px;
    }

    nav a[href="/suppliers"],
    nav a[href="/careers"] {
        padding: 5px 9px;
        border: 1px solid rgba(214, 165, 111, .28);
        border-radius: 999px;
        background: rgba(214, 165, 111, .06);
    }
}

/* ===== VANTA MOBILE NAVIGATION ===== */
.mobile-nav-toggle {
    display: none;
}

@media (max-width: 700px) {
    .main-header {
        width: 100%;
        min-height: 78px;
        box-sizing: border-box;
        padding: 8px 18px;
        flex-direction: row;
        gap: 0;
        position: relative;
        z-index: 100;
        background: rgba(10, 10, 10, .98);
    }

    .brand-logo {
        width: 132px;
        height: 70px;
    }

    .mobile-nav-toggle {
        display: grid;
        place-items: center;
        width: 46px;
        height: 46px;
        padding: 0;
        border: 1px solid rgba(214, 165, 111, .55);
        border-radius: 50%;
        background: rgba(214, 165, 111, .06);
        color: #d6a56f;
        font-size: 0;
    }

    .mobile-nav-toggle::before {
        content: "☰";
        font-size: 23px;
        line-height: 1;
    }

    .main-header.nav-open .mobile-nav-toggle::before {
        content: "×";
        font-size: 31px;
    }

    .main-header nav {
        position: absolute;
        top: calc(100% + 1px);
        right: 12px;
        left: 12px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0;
        padding: 12px;
        border: 1px solid rgba(214, 165, 111, .38);
        border-radius: 0 0 18px 18px;
        background: rgba(10, 10, 10, .98);
        box-shadow: 0 22px 55px rgba(0, 0, 0, .65);
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
        transition: .22s ease;
    }

    .main-header.nav-open nav {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .main-header nav a,
    .main-header nav a[href="/suppliers"],
    .main-header nav a[href="/careers"] {
        display: grid;
        place-items: center;
        min-height: 46px;
        padding: 5px 8px;
        border: 0;
        border-bottom: 1px solid rgba(214, 165, 111, .13);
        border-radius: 0;
        background: transparent;
        color: #e7ded4;
        font-size: 14px;
        text-align: center;
    }

    .main-header nav a:nth-last-child(-n+2) {
        border-bottom: 0;
    }
}

/* ===== VANTA RECEPTION DASHBOARD ===== */

.reception-page {
    width: 94%;
    max-width: 1450px;
    min-width: 0;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 58px 0 100px;
}

.reception-heading {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 36px;
}

.reception-heading h1 {
    margin: 10px 0;
    color: #d6a56f;
    font-size: 40px;
    font-weight: 400;
}

.reception-heading div > p:last-child {
    margin: 0;
    color: #aaa;
}

.new-booking-btn {
    display: inline-block;
    padding: 13px 22px;
    border-radius: 10px;
    background: #d6a56f;
    color: #111;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.reception-stats {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 26px;
}

.stat-card {
    min-width: 0;
    box-sizing: border-box;
    padding: 23px 24px;
    border: 1px solid #403326;
    border-radius: 16px;
    background: linear-gradient(145deg, #171717, #0d0d0d);
}

.stat-card span {
    display: block;
    color: #aaa;
    font-size: 14px;
}

.stat-card strong {
    display: block;
    margin-top: 8px;
    color: #fff;
    font-size: 31px;
    font-weight: 500;
}

.stat-new { border-color: rgba(214, 165, 111, 0.62); }
.stat-active { border-color: rgba(116, 152, 185, 0.5); }
.stat-complete { border-color: rgba(82, 147, 103, 0.55); }

.requests-panel {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid #403326;
    border-radius: 18px;
    background: #0d0d0d;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.3);
}

.requests-panel-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px 25px;
    border-bottom: 1px solid #30271f;
}

.requests-panel-title h2 {
    margin: 0;
    color: #fff;
    font-size: 21px;
}

.requests-panel-title span {
    color: #d6a56f;
}

.requests-table-wrap {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
}

.requests-table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    min-width: 980px;
}

.requests-table th,
.requests-table td {
    padding: 18px 20px;
    text-align: right;
    vertical-align: middle;
    border-bottom: 1px solid #28221c;
}

.requests-table th {
    color: #b9b9b9;
    background: #121212;
    font-size: 13px;
    font-weight: 500;
}

.requests-table tbody tr:hover {
    background: rgba(214, 165, 111, 0.035);
}

.requests-table td strong,
.requests-table td span,
.requests-table td small,
.requests-table td > a {
    display: block;
}

.requests-table td > a {
    margin-top: 5px;
    color: #d6a56f;
    text-decoration: none;
}

.requests-table td small,
.requests-table td span {
    margin-top: 4px;
    color: #969696;
}

.service-pill {
    display: inline-block !important;
    width: fit-content;
    margin: 0 !important;
    padding: 7px 10px;
    border: 1px solid #4d3928;
    border-radius: 999px;
    color: #d6a56f !important;
    background: rgba(214, 165, 111, 0.07);
    white-space: nowrap;
}

.notes-text {
    max-width: 260px;
    line-height: 1.7;
}

.status-form {
    display: flex;
    align-items: center;
    gap: 9px;
}

.status-form select {
    min-width: 145px;
    margin: 0;
    padding: 10px 11px;
    border-color: #4d3928;
    background: #171717;
}

.status-form button {
    width: auto;
    padding: 10px 13px;
    border-radius: 8px;
    background: #d6a56f;
    color: #111;
}

.delete-booking-form {
    margin-top: 9px;
}

.delete-booking-form button {
    width: auto;
    padding: 9px 15px;
    border: 1px solid rgba(211, 92, 92, 0.65);
    border-radius: 8px;
    background: rgba(122, 31, 31, 0.2);
    color: #f1b0b0;
    cursor: pointer;
}

.delete-booking-form button:hover {
    background: rgba(154, 39, 39, 0.42);
    border-color: #d35c5c;
}

.empty-requests {
    padding: 70px 25px;
    text-align: center;
}

.empty-requests h3 {
    margin: 0 0 10px;
    color: #d6a56f;
    font-size: 24px;
}

.empty-requests p {
    color: #999;
}

.empty-requests a {
    display: inline-block;
    margin-top: 12px;
    color: #d6a56f;
}

@media (max-width: 900px) {
    .reception-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .reception-page {
        width: 90%;
        padding: 42px 0 75px;
    }

    .reception-heading {
        align-items: stretch;
        flex-direction: column;
        margin-bottom: 28px;
    }

    .reception-heading h1 {
        font-size: 31px;
    }

    .new-booking-btn {
        text-align: center;
    }

    .reception-stats {
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }

    .stat-card {
        padding: 18px 16px;
    }

    .stat-card strong {
        font-size: 26px;
    }

    .requests-table {
        min-width: 0;
    }

    .requests-table thead {
        display: none;
    }

    .requests-table,
    .requests-table tbody,
    .requests-table tr,
    .requests-table td {
        display: block;
        width: auto;
    }

    .requests-table tr {
        padding: 14px 18px;
        border-bottom: 1px solid #34291f;
    }

    .requests-table td {
        display: grid;
        grid-template-columns: 92px 1fr;
        gap: 12px;
        padding: 10px 0;
        border: 0;
    }

    .requests-table td::before {
        content: attr(data-label);
        color: #d6a56f;
        font-size: 13px;
    }

    .status-form {
        align-items: stretch;
        flex-direction: column;
    }

    .status-form select,
    .status-form button {
        width: 100%;
    }

    .delete-booking-form button {
        width: 100%;
    }
}

/* ===== VANTA BOOKING PAGE ===== */

.booking-page {
    width: 92%;
    max-width: 1050px;
    margin: 0 auto;
    padding: 65px 0 100px;
}

.booking-intro {
    max-width: 720px;
    margin: 0 auto 38px;
    text-align: center;
}

.booking-intro h1 {
    color: #d6a56f;
    font-size: 40px;
    font-weight: 400;
    margin: 12px 0;
}

.booking-intro > p:last-child {
    color: #bdbdbd;
    line-height: 1.9;
}

.booking-card {
    padding: 46px;
    border: 1px solid rgba(214, 165, 111, 0.58);
    border-radius: 22px;
    background:
        radial-gradient(circle at 85% 0%, rgba(214, 165, 111, 0.08), transparent 34%),
        linear-gradient(145deg, #111111, #080808);
    box-shadow:
        0 28px 80px rgba(0, 0, 0, 0.52),
        inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.booking-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 26px 24px;
}

.form-field label {
    margin-bottom: 11px;
    color: #f1f1f1;
    font-size: 15px;
    font-weight: 600;
}

.form-field input,
.form-field select,
.form-field textarea {
    margin: 0;
    min-height: 56px;
    padding: 16px 17px;
    border: 1px solid #5a432e;
    border-radius: 12px;
    background: #181818;
    color: #ffffff;
    font-family: "Tajawal", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.form-field textarea {
    min-height: 125px;
    resize: vertical;
}

.form-field input::placeholder,
.form-field textarea::placeholder {
    color: #9c9c9c;
    opacity: 1;
}

.form-field select {
    cursor: pointer;
}

.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus {
    outline: none;
    border-color: #d6a56f;
    box-shadow: 0 0 0 3px rgba(214, 165, 111, 0.12);
}

.form-field-wide,
.booking-submit {
    grid-column: 1 / -1;
}

.booking-submit {
    min-height: 56px;
    margin-top: 7px;
    padding: 16px;
    background: #d6a56f;
    color: #111;
    font-family: "Tajawal", sans-serif;
    font-size: 17px;
    font-weight: 600;
    box-shadow: 0 10px 30px rgba(214, 165, 111, 0.16);
}

.success-message {
    margin: 0 0 24px;
}

.back-to-services {
    display: table;
    margin: 24px auto 0;
    color: #d6a56f;
    text-decoration: none;
}

@media (max-width: 600px) {
    .booking-page {
        padding: 45px 0 75px;
    }

    .booking-intro h1 {
        font-size: 31px;
    }

    .booking-card {
        padding: 28px 22px;
    }

    .booking-form {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .form-field-wide,
    .booking-submit {
        grid-column: auto;
    }
}
.hero h2 {
    color: #d6a56f;
    font-size: 46px;
    font-weight: 400;
    line-height: 1.4;
}

.hero p {
    font-weight: 300;
}

.gold-text {
    color: #d6a56f;
    font-weight: 500;
    letter-spacing: 5px;
}
/* ===== VANTA SERVICES PAGE ===== */

.services-page {
    width: 92%;
    max-width: 1250px;
    margin: 0 auto;
    padding: 70px 0 100px;
}

.section-heading {
    max-width: 750px;
    margin: 0 auto 55px;
    text-align: center;
}

.section-heading h1 {
    color: #d6a56f;
    font-size: 42px;
    font-weight: 400;
    margin: 12px 0;
}

.section-heading p {
    color: #bdbdbd;
    line-height: 1.9;
}

.services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.service-card {
    background: linear-gradient(145deg, #181818, #101010);
    border: 1px solid #4d3928;
    border-radius: 14px;
    padding: 30px;
    min-height: 250px;
    box-sizing: border-box;
    transition: 0.3s ease;
}

.service-card:hover {
    transform: translateY(-5px);
    border-color: #d6a56f;
}

.service-card h2 {
    color: #d6a56f;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 2px;
    margin: 0 0 8px;
}

.service-card h3 {
    color: #ffffff;
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 15px;
}

.service-card p {
    color: #aaa;
    line-height: 1.8;
}

.service-card a {
    display: inline-block;
    margin-top: 18px;
    color: #d6a56f;
    text-decoration: none;
    border-bottom: 1px solid #d6a56f;
    padding-bottom: 3px;
}

@media (max-width: 900px) {
    .services-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .services-grid {
        grid-template-columns: 1fr;
    }

    .section-heading h1 {
        font-size: 32px;
    }
}
/* ===== VANTA OPENING GIFTS ===== */

.gifts-page {
    width: 92%;
    max-width: 1250px;
    margin: 0 auto;
    padding: 70px 0 100px;
}

.gifts-hero {
    max-width: 800px;
    margin: 0 auto 70px;
    text-align: center;
}

.gifts-hero h1 {
    color: #d6a56f;
    font-size: 46px;
    font-weight: 400;
    margin: 15px 0 20px;
}

.gifts-intro {
    color: #bdbdbd;
    font-size: 18px;
    line-height: 2;
    max-width: 650px;
    margin: 0 auto 30px;
}

.gift-main-btn {
    display: inline-block;
    background: #d6a56f;
    color: #111;
    padding: 14px 28px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 500;
    transition: 0.3s;
}

.gift-main-btn:hover {
    transform: translateY(-3px);
}

.gifts-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.gift-card {
    position: relative;
    background: linear-gradient(145deg, #181818, #0e0e0e);
    border: 1px solid #4d3928;
    border-radius: 14px;
    padding: 35px 30px;
    min-height: 210px;
}

.gift-number {
    color: #d6a56f;
    font-size: 14px;
    letter-spacing: 3px;
}

.gift-card h2 {
    color: #fff;
    font-size: 25px;
    font-weight: 400;
    margin: 20px 0 12px;
}

.gift-card p {
    color: #aaa;
    line-height: 1.9;
}

.gift-note {
    margin-top: 60px;
    padding: 35px;
    text-align: center;
    border-top: 1px solid #4d3928;
}

.gift-note h2 {
    color: #d6a56f;
    font-weight: 400;
}

.gift-note p {
    color: #999;
}

@media (max-width: 800px) {

    .gifts-grid {
        grid-template-columns: 1fr;
    }

    .gifts-hero h1 {
        font-size: 34px;
    }
}
/* ===== VANTA HOME HERO BACKGROUND ===== */
/* ===== PRODUCT ORDER FLOW ===== */
.product-order-page{width:92%;max-width:1050px;margin:0 auto;padding:55px 0 100px}.product-order-summary{position:relative;isolation:isolate;min-height:330px;display:flex;align-items:flex-end;overflow:hidden;padding:38px;border:1px solid rgba(214,165,111,.45);border-radius:20px;background-image:var(--order-image);background-size:cover;background-position:center top}.product-order-summary::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(5,5,5,.98),rgba(5,5,5,.55),rgba(5,5,5,.1))}.product-order-summary h1{margin:8px 0 2px;color:#d6a56f;font-family:Georgia,serif;font-size:34px;direction:ltr;text-align:right}.product-order-summary h2{margin:0 0 9px;color:#fff}.product-order-summary div>p:last-child{max-width:650px;color:#ccc}.product-order-card{margin-top:24px;padding:42px;border:1px solid #403326;border-radius:20px;background:linear-gradient(145deg,#141414,#090909)}.product-order-heading h2{margin:0;color:#d6a56f;font-size:28px;font-weight:400}.product-order-heading p{color:#999}.product-order-form{display:grid;grid-template-columns:1fr 1fr 160px;gap:21px;margin-top:28px}.product-order-form label{color:#eee}.product-order-form input,.product-order-form textarea{min-height:54px;margin:8px 0 0;padding:15px;background:#181818;border-color:#59422e;font-size:16px}.product-order-form textarea{min-height:115px}.product-order-form .order-wide{grid-column:1/-1}.product-order-form button{min-height:54px;background:#d6a56f;color:#111;font-family:"Tajawal",sans-serif;font-size:16px}.product-order-back{display:table;margin:22px auto 0;color:#999;text-decoration:none}.product-orders-panel{margin-top:26px}
@media(max-width:700px){.product-order-page{width:90%;padding:42px 0 75px}.product-order-summary{min-height:390px;padding:27px 22px}.product-order-card{padding:30px 22px}.product-order-form{grid-template-columns:1fr}.product-order-form .order-wide{grid-column:auto}}

/* ===== VANTA HOME HERO BACKGROUND ===== */
/* ===== PRODUCT DETAIL PAGE ===== */
.product-detail-page{width:92%;max-width:1200px;margin:0 auto;padding:48px 0 100px}.product-back{display:inline-block;margin-bottom:24px;color:#a98a67;text-decoration:none}.product-detail-hero{display:grid;grid-template-columns:.9fr 1.1fr;min-height:610px;overflow:hidden;border:1px solid rgba(214,165,111,.45);border-radius:22px;background:#0b0b0b}.product-detail-image{min-height:610px;background-size:cover;background-position:center top}.product-detail-copy{display:flex;flex-direction:column;justify-content:center;padding:52px}.product-detail-copy h1{margin:11px 0 3px;color:#d6a56f;font-family:Georgia,serif;font-size:39px;font-weight:400;direction:ltr;text-align:right}.product-detail-copy h2{margin:0 0 20px;color:#fff;font-size:27px}.product-lead{color:#bbb;font-size:17px;line-height:1.9}.product-proof{margin-top:19px;padding:20px;border-right:3px solid #d6a56f;background:rgba(214,165,111,.07)}.product-proof strong{color:#d6a56f}.product-proof p{margin:7px 0 0;color:#aaa;line-height:1.8}.product-detail-actions{display:flex;gap:12px;margin-top:27px;flex-wrap:wrap}.product-detail-actions a{padding:13px 23px;border:1px solid #d6a56f;border-radius:9px;color:#d6a56f;text-decoration:none}.product-detail-actions a:first-child{background:#d6a56f;color:#111}.product-benefits{margin-top:65px}.product-benefits-heading{text-align:center}.product-benefits-heading h2{margin:8px 0 28px;color:#d6a56f;font-size:31px;font-weight:400}.product-benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-benefits-grid article{padding:28px 25px;border:1px solid #403326;border-radius:16px;background:linear-gradient(145deg,#171717,#0b0b0b)}.product-benefits-grid span{color:#d6a56f;letter-spacing:3px}.product-benefits-grid p{margin:16px 0 0;color:#ddd;font-size:17px;line-height:1.8}.product-quality-note{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:38px;padding:38px 42px;border:1px solid rgba(214,165,111,.4);border-radius:18px;background:linear-gradient(125deg,rgba(214,165,111,.09),#0d0d0d 55%)}.product-quality-note h2{margin:8px 0;color:#d6a56f;font-weight:400}.product-quality-note div>p:last-child{max-width:750px;margin:0;color:#999;line-height:1.8}.product-quality-note>a{padding:13px 22px;border-radius:9px;background:#d6a56f;color:#111;text-decoration:none;white-space:nowrap}
@media(max-width:800px){.product-detail-hero{grid-template-columns:1fr}.product-detail-image{min-height:520px}.product-benefits-grid{grid-template-columns:1fr}.product-quality-note{align-items:stretch;flex-direction:column;text-align:center}.product-quality-note>a{text-align:center}}
@media(max-width:600px){.product-detail-page{width:90%;padding:35px 0 75px}.product-detail-image{min-height:460px}.product-detail-copy{padding:32px 23px}.product-detail-copy h1{font-size:31px}.product-detail-copy h2{font-size:23px}.product-quality-note{padding:30px 22px}}

/* ===== VANTA HOME HERO BACKGROUND ===== */
/* ===== PRODUCT AD CARDS ===== */
.catalog-product-card{position:relative!important;isolation:isolate;min-height:470px;display:flex;align-items:flex-end;background-image:var(--product-image)!important;background-size:cover!important;background-position:center top!important}
.catalog-product-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(4,4,4,.99) 0%,rgba(4,4,4,.94) 34%,rgba(4,4,4,.48) 66%,rgba(4,4,4,.08) 100%)}
.catalog-product-image{display:none!important}.catalog-product-content{width:100%;padding:27px 23px 25px!important;box-sizing:border-box}.catalog-product-content>span{color:#c3a27c!important}.catalog-product-content h3{font-size:18px!important}.catalog-product-content p{color:#fff!important;font-size:18px!important;font-weight:500}.catalog-product-content small{display:block;min-height:66px;margin-top:10px;color:#b8b8b8;font-size:14px;line-height:1.65}.catalog-product-content a{display:inline-block;margin-top:15px;color:#d6a56f;text-decoration:none;border-bottom:1px solid #d6a56f;padding-bottom:3px}
@media(max-width:520px){.catalog-product-card{min-height:500px}.catalog-product-content small{min-height:0}}

/* ===== VANTA HOME HERO BACKGROUND ===== */
/* ===== VANTA PRODUCT CATALOG ===== */
.products-catalog-section{scroll-margin-top:25px}.catalog-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px}.catalog-heading h2{margin:8px 0 0;color:#d6a56f;font-size:32px;font-weight:400}.catalog-heading>p{max-width:480px;margin:0;color:#999;line-height:1.8}.products-catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.catalog-product-card{overflow:hidden;border:1px solid rgba(214,165,111,.38);border-radius:18px;background:linear-gradient(145deg,#171717,#0a0a0a);transition:.3s ease}.catalog-product-card:hover{transform:translateY(-5px);border-color:#d6a56f}.catalog-product-image{height:245px;overflow:hidden;background:#f2f2f2}.catalog-product-image img{width:100%;height:100%;object-fit:cover;object-position:left top;transition:transform .35s ease}.catalog-product-card:hover img{transform:scale(1.035)}.catalog-product-content{padding:21px 20px 23px}.catalog-product-content>span{color:#a98a67;font-size:12px}.catalog-product-content h3{margin:10px 0 7px;color:#d6a56f;font-size:17px;font-weight:500;letter-spacing:.5px;direction:ltr;text-align:right}.catalog-product-content p{margin:0;color:#e5e5e5;font-size:17px}.products-catalog-section+.products-note{margin-top:45px}
@media(max-width:1050px){.products-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.products-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.products-catalog{grid-template-columns:1fr}.catalog-product-image{height:290px}.catalog-heading h2{font-size:27px}}

/* ===== VANTA HOME HERO BACKGROUND ===== */
/* ===== VANTA ADMIN LOGIN ===== */
.admin-login-body{min-height:100vh;background:radial-gradient(circle at 50% 0%,#211a14,#0b0b0b 48%,#060606)}
.admin-login-page{width:90%;max-width:920px;min-height:100vh;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:55px 0;box-sizing:border-box}.admin-login-brand{text-align:center}.admin-login-brand img{width:270px;max-width:100%;height:auto}.admin-login-brand h1{margin:10px 0;color:#d6a56f;font-size:34px;font-weight:400}.admin-login-brand>p:last-child{color:#999;line-height:1.8}.admin-login-card{padding:38px;border:1px solid rgba(214,165,111,.48);border-radius:20px;background:linear-gradient(145deg,#151515,#090909);box-shadow:0 28px 80px rgba(0,0,0,.45)}.admin-login-form label{margin:0 0 9px;color:#eee;font-weight:500}.admin-login-form input{min-height:54px;margin:0 0 21px;padding:15px 16px;border-color:#59422e;background:#181818;font-size:16px}.admin-login-form button{min-height:54px;background:#d6a56f;color:#111;font-family:"Tajawal",sans-serif;font-size:16px}.login-error{margin-bottom:20px;padding:13px 15px;border:1px solid #75453f;border-radius:10px;background:#2d1715;color:#f0b8b2}.admin-back-link{display:table;margin:22px auto 0;color:#aaa;text-decoration:none}.reception-actions{display:flex;align-items:center;gap:10px}.reception-actions form{margin:0}.logout-btn{width:auto;padding:13px 18px;border:1px solid #6f4d2d;background:transparent;color:#d6a56f;white-space:nowrap}
@media(max-width:700px){.admin-login-page{grid-template-columns:1fr;gap:20px;padding:40px 0 65px}.admin-login-brand img{width:200px}.admin-login-card{padding:30px 22px}.reception-actions{align-items:stretch;flex-direction:column}.logout-btn{width:100%}}

/* ===== VANTA HOME HERO BACKGROUND ===== */
/* ===== VANTA ABOUT PAGE ===== */
.about-page,.contact-page{width:92%;max-width:1250px;margin:0 auto;padding:65px 0 105px}
.about-hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:55px;min-height:460px;padding:45px;border:1px solid rgba(214,165,111,.4);border-radius:22px;background:radial-gradient(circle at 100% 0%,rgba(214,165,111,.1),transparent 42%),#0c0c0c}
.about-copy h1{max-width:690px;margin:14px 0 18px;color:#d6a56f;font-size:44px;font-weight:400;line-height:1.5}.about-copy>p:last-of-type{color:#aaa;font-size:17px;line-height:2}.about-actions{display:flex;gap:13px;margin-top:28px;flex-wrap:wrap}.about-actions a{padding:13px 23px;border:1px solid #d6a56f;border-radius:9px;color:#d6a56f;text-decoration:none}.about-actions a:first-child{background:#d6a56f;color:#111}.about-mark{text-align:center}.about-mark img{width:min(100%,380px);height:auto;object-fit:contain}.about-values{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}.about-values article{padding:28px 24px;border:1px solid #403326;border-radius:16px;background:linear-gradient(145deg,#171717,#0c0c0c)}.about-values span{color:#d6a56f;letter-spacing:3px;font-size:13px}.about-values h2{margin:18px 0 10px;color:#fff;font-size:23px}.about-values p{margin:0;color:#999;line-height:1.8}.about-statement{max-width:850px;margin:75px auto 0;text-align:center}.about-statement h2{margin:12px 0;color:#d6a56f;font-size:34px;font-weight:400}.about-statement>p:last-child{color:#aaa;line-height:1.9}
/* ===== VANTA CONTACT PAGE ===== */
.contact-heading{max-width:760px;margin:0 auto 48px;text-align:center}.contact-heading h1{margin:13px 0;color:#d6a56f;font-size:42px;font-weight:400}.contact-heading>p:last-child{color:#aaa;line-height:1.9}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-info{display:grid;gap:16px}.contact-method{padding:24px 26px;border:1px solid #403326;border-radius:16px;background:#0d0d0d}.contact-method span{float:left;color:#71583e;letter-spacing:2px}.contact-method p{margin:0 0 8px;color:#999}.contact-method a{color:#d6a56f;font-size:18px;text-decoration:none;word-break:break-word}.contact-card{display:flex;flex-direction:column;justify-content:center;padding:42px;border:1px solid rgba(214,165,111,.48);border-radius:20px;background:radial-gradient(circle at 100% 0%,rgba(214,165,111,.12),transparent 42%),linear-gradient(145deg,#171717,#090909)}.contact-card h2{margin:9px 0 12px;color:#fff;font-size:30px}.contact-card>p:not(.gold-text){color:#aaa;line-height:1.8}.contact-email-btn{display:inline-block;width:fit-content;margin-top:18px;padding:14px 24px;border-radius:9px;background:#d6a56f;color:#111;text-decoration:none}.contact-card small{margin-top:14px;color:#777}.contact-note{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:38px;padding:36px 40px;border:1px solid #403326;border-radius:18px;background:#0d0d0d}.contact-note h2{margin:8px 0;color:#d6a56f;font-weight:400}.contact-note div>p:last-child{margin:0;color:#999}.contact-note>a{padding:13px 25px;border-radius:9px;background:#d6a56f;color:#111;text-decoration:none;white-space:nowrap}
@media(max-width:900px){.about-hero{grid-template-columns:1fr}.about-mark{order:-1}.about-mark img{width:280px}.about-values{grid-template-columns:repeat(2,1fr)}.contact-layout{grid-template-columns:1fr}}
@media(max-width:600px){.about-page,.contact-page{width:90%;padding:48px 0 75px}.about-hero{padding:30px 22px}.about-copy h1{font-size:32px}.about-values{grid-template-columns:1fr}.about-statement h2{font-size:27px}.contact-heading h1{font-size:33px}.contact-card{padding:30px 22px}.contact-note{align-items:stretch;flex-direction:column;padding:30px 22px;text-align:center}.contact-note>a{text-align:center}}

/* ===== VANTA HOME HERO BACKGROUND ===== */
/* ===== VANTA PRODUCTS PAGE ===== */
.products-page { width:92%; max-width:1250px; margin:0 auto; padding:65px 0 105px; }
.products-hero { max-width:820px; margin:0 auto 58px; text-align:center; }
.products-hero h1 { margin:14px 0 18px; color:#d6a56f; font-size:44px; font-weight:400; }
.products-hero > p:last-of-type { max-width:680px; margin:0 auto; color:#bdbdbd; font-size:17px; line-height:1.9; }
.products-actions { display:flex; justify-content:center; gap:14px; margin-top:30px; flex-wrap:wrap; }
.product-primary-btn,.product-secondary-btn { display:inline-block; padding:13px 25px; border-radius:9px; text-decoration:none; }
.product-primary-btn { background:#d6a56f; color:#111; }
.product-secondary-btn { border:1px solid #d6a56f; color:#d6a56f; }
.product-categories { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.product-category { position:relative; overflow:hidden; min-height:300px; padding:31px 28px; box-sizing:border-box; border:1px solid rgba(214,165,111,.4); border-radius:18px; background:radial-gradient(circle at 100% 0%,rgba(214,165,111,.12),transparent 38%),linear-gradient(145deg,#181818,#0b0b0b); transition:.3s ease; }
.product-category:hover { transform:translateY(-5px); border-color:#d6a56f; }
.category-number { color:#d6a56f; font-size:13px; letter-spacing:3px; }
.category-icon { display:flex; align-items:center; justify-content:center; width:48px; height:48px; margin:22px 0; border:1px solid #6f4d2d; border-radius:50%; color:#d6a56f; font-family:Georgia,serif; font-size:20px; }
.product-category h2 { margin:0 0 12px; color:#fff; font-size:24px; font-weight:400; }
.product-category p { margin:0; color:#aaa; line-height:1.85; }
.category-status { display:inline-block; margin-top:22px; color:#8e806f; font-size:13px; }
.products-note { display:flex; align-items:center; justify-content:space-between; gap:35px; margin-top:42px; padding:38px 42px; border:1px solid rgba(214,165,111,.45); border-radius:18px; background:linear-gradient(125deg,rgba(214,165,111,.09),#0d0d0d 55%); }
.products-note h2 { margin:8px 0 10px; color:#d6a56f; font-size:28px; font-weight:400; }
.products-note div > p:last-child { margin:0; color:#999; line-height:1.8; }
.products-note > a { padding:13px 24px; border-radius:9px; background:#d6a56f; color:#111; text-decoration:none; white-space:nowrap; }
@media(max-width:900px){.product-categories{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.products-page{width:90%;padding:48px 0 75px}.products-hero h1{font-size:33px}.product-categories{grid-template-columns:1fr}.product-category{min-height:275px}.products-note{align-items:stretch;flex-direction:column;padding:30px 22px;text-align:center}.products-note>a{text-align:center}}

/* ===== VANTA HOME HERO BACKGROUND ===== */
/* ===== VANTA OPENING GIFTS ENHANCED ===== */
.gift-card { overflow:hidden; display:flex; flex-direction:column; min-height:275px; padding:34px 30px 30px; box-sizing:border-box; border-radius:18px; border-color:rgba(214,165,111,.42); background:radial-gradient(circle at 100% 0%,rgba(214,165,111,.12),transparent 38%),linear-gradient(145deg,#181818,#0b0b0b); transition:.3s ease; }
.gift-card:hover { transform:translateY(-5px); border-color:#d6a56f; }
.gift-card-top { display:flex; align-items:center; justify-content:space-between; gap:15px; }
.gift-badge { padding:6px 10px; border:1px solid rgba(214,165,111,.35); border-radius:999px; color:#cfc0ae; background:rgba(214,165,111,.06); font-size:12px; }
.gift-card > p { margin:0; }
.gift-card > a { align-self:flex-start; margin-top:auto; padding-top:24px; color:#d6a56f; text-decoration:none; border-bottom:1px solid #d6a56f; }
.gift-steps { margin-top:75px; padding:48px 42px; border:1px solid #403326; border-radius:20px; background:#0d0d0d; }
.gift-steps-heading { margin-bottom:34px; text-align:center; }
.gift-steps-heading h2 { margin:10px 0 0; color:#fff; font-size:30px; font-weight:400; }
.gift-steps-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.gift-steps-grid article { padding:24px; border-right:1px solid #3b2e23; }
.gift-steps-grid article:last-child { border-right:0; }
.gift-steps-grid span { color:#d6a56f; font-size:13px; letter-spacing:3px; }
.gift-steps-grid h3 { margin:14px 0 10px; color:#fff; font-size:20px; font-weight:500; }
.gift-steps-grid p { margin:0; color:#999; line-height:1.8; }
.gift-note { display:flex; align-items:center; justify-content:space-between; gap:35px; margin-top:38px; padding:38px 42px; text-align:right; border:1px solid rgba(214,165,111,.45); border-radius:18px; background:linear-gradient(125deg,rgba(214,165,111,.09),#0d0d0d 55%); }
.gift-note h2 { margin:8px 0 10px; }
.gift-note p { max-width:700px; margin:0; line-height:1.8; }
@media (max-width:800px) { .gift-steps-grid{grid-template-columns:1fr}.gift-steps-grid article,.gift-steps-grid article:last-child{border-right:0;border-bottom:1px solid #3b2e23}.gift-steps-grid article:last-child{border-bottom:0}.gift-note{align-items:stretch;flex-direction:column;text-align:center} }
@media (max-width:600px) { .gifts-page{width:90%;padding:48px 0 75px}.gift-card{min-height:250px}.gift-steps,.gift-note{padding:30px 22px}.gift-steps-heading h2{font-size:25px} }

/* Opening draw */
.draw-page{width:min(1080px,90%);margin:auto;padding:62px 0 90px}.draw-hero{text-align:center}.draw-hero h1,.draw-success h1{margin:12px 0 14px;color:#d6a56f;font-size:clamp(34px,5vw,56px);font-weight:400}.draw-hero>p:last-of-type{max-width:680px;margin:0 auto;color:#aaa;font-size:18px;line-height:1.9}.draw-progress{display:grid;grid-template-columns:repeat(3,1fr);max-width:760px;margin:42px auto 32px;border:1px solid #3b3026;border-radius:16px;overflow:hidden;background:#0b0b0b}.draw-progress span{padding:18px;color:#777;border-left:1px solid #30271f}.draw-progress span:last-child{border-left:0}.draw-progress span.active{color:#f0d3b2;background:rgba(214,165,111,.1)}.draw-progress b{display:block;margin-bottom:5px;color:#d6a56f;font-size:12px;letter-spacing:2px}.draw-form{max-width:930px;margin:auto}.draw-step{display:none;padding:42px;border:1px solid rgba(214,165,111,.42);border-radius:22px;background:radial-gradient(circle at 90% 0,rgba(214,165,111,.09),transparent 34%),linear-gradient(145deg,#151515,#090909);box-shadow:0 28px 80px rgba(0,0,0,.38)}.draw-step.active{display:block}.draw-step-heading{display:flex;align-items:center;gap:18px;margin-bottom:32px}.draw-step-heading>span{display:grid;place-items:center;width:54px;height:54px;border:1px solid #9c6e44;border-radius:50%;color:#d6a56f}.draw-step-heading p{margin:0 0 4px;color:#a47a53;font-size:11px;letter-spacing:4px}.draw-step-heading h2{margin:0;color:#fff;font-size:30px;font-weight:400}.draw-fields{display:grid;gap:22px}.draw-fields.two-cols{grid-template-columns:repeat(2,1fr)}.draw-fields label{display:grid;gap:9px;color:#e8e1d8}.draw-fields input{width:100%;min-height:58px;padding:16px 17px;box-sizing:border-box;border:1px solid #57412e;border-radius:11px;background:#191919;color:#fff;font:16px Tajawal,sans-serif}.draw-fields input::placeholder{color:#777}.draw-choice-group{margin:30px 0 0;padding:0;border:0}.draw-choice-group legend{margin-bottom:14px;color:#eee;font-size:18px}.draw-choice-grid{display:grid;gap:12px}.draw-choice-grid.two{grid-template-columns:repeat(2,1fr)}.draw-choice-grid.services{grid-template-columns:repeat(3,1fr)}.draw-choice-grid.prizes{grid-template-columns:repeat(4,1fr)}.draw-choice-grid label{cursor:pointer}.draw-choice-grid input{position:absolute;opacity:0;pointer-events:none}.draw-choice-grid span{display:grid;place-items:center;min-height:56px;padding:10px;border:1px solid #493a2e;border-radius:12px;background:#141414;color:#bbb;text-align:center;transition:.2s}.draw-choice-grid input:checked+span{border-color:#d6a56f;background:rgba(214,165,111,.14);color:#f0d3b2;box-shadow:0 0 0 1px rgba(214,165,111,.2)}.draw-primary-btn,.draw-secondary-btn{display:inline-grid;place-items:center;min-height:55px;margin-top:32px;padding:0 28px;border-radius:11px;font:16px Tajawal,sans-serif;text-decoration:none;cursor:pointer}.draw-primary-btn{border:1px solid #d6a56f;background:#d6a56f;color:#111}.draw-secondary-btn{border:1px solid #725234;background:transparent;color:#d6a56f}.draw-actions{display:flex;justify-content:space-between;gap:14px}.draw-consent{display:flex;align-items:flex-start;gap:12px;margin-top:30px;padding:16px;border:1px solid #3d332a;border-radius:12px;background:#101010;color:#aaa;line-height:1.7;cursor:pointer}.draw-consent input{width:18px;height:18px;margin-top:4px;accent-color:#d6a56f}.draw-error{max-width:900px;margin:0 auto 22px;padding:14px 18px;border:1px solid #7b463d;border-radius:12px;background:#2a1715;color:#efb5ac}.draw-privacy{max-width:850px;margin:18px auto 0;color:#777;font-size:13px;text-align:center}.draw-success{max-width:800px;margin:45px auto;padding:60px 45px;text-align:center;border:1px solid #9a6b42;border-radius:24px;background:radial-gradient(circle at center,rgba(214,165,111,.13),transparent 58%),#0b0b0b}.draw-success-icon{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 24px;border:1px solid #d6a56f;border-radius:50%;color:#d6a56f;font-size:34px}.draw-success>p{color:#aaa;line-height:1.8}.registration-code{display:block;width:max-content;margin:26px auto;padding:15px 25px;border:1px dashed #d6a56f;border-radius:10px;color:#fff;font-size:26px;letter-spacing:3px;direction:ltr}.draw-entries-panel{margin-top:28px}.draw-entries-table{min-width:1050px}
@media(max-width:700px){.draw-page{width:92%;padding:44px 0 72px}.draw-progress span{padding:13px 5px;font-size:12px}.draw-step{padding:28px 20px}.draw-step-heading h2{font-size:25px}.draw-fields.two-cols,.draw-choice-grid.two,.draw-choice-grid.services,.draw-choice-grid.prizes{grid-template-columns:1fr}.draw-actions{align-items:stretch;flex-direction:column-reverse}.draw-actions button,.draw-step>.draw-primary-btn{width:100%}.draw-success{padding:42px 22px}.registration-code{font-size:22px}}
.field-hint{margin-top:-5px;color:#806d5b;font-size:12px;font-weight:400}.draw-fields input[list]{padding-left:42px;background-color:#191919;background-image:linear-gradient(45deg,transparent 50%,#d6a56f 50%),linear-gradient(135deg,#d6a56f 50%,transparent 50%);background-position:20px calc(50% - 3px),14px calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}
.supplier-page{width:min(1120px,90%);margin:auto;padding:60px 0 95px}.supplier-hero{display:grid;grid-template-columns:1fr 190px;align-items:center;gap:50px;padding:45px 50px;border:1px solid #463528;border-radius:24px;background:radial-gradient(circle at 90% 20%,rgba(214,165,111,.15),transparent 32%),linear-gradient(135deg,#141414,#080808)}.supplier-hero h1{margin:12px 0;color:#d6a56f;font-size:clamp(38px,5vw,64px);font-weight:400}.supplier-hero>div>p:last-child{max-width:710px;color:#aaa;font-size:18px;line-height:1.9}.supplier-hero aside{display:grid;place-items:center;min-height:170px;border:1px solid rgba(214,165,111,.45);border-radius:50%;color:#aaa}.supplier-hero aside strong{color:#d6a56f;font-size:55px;font-weight:300}.supplier-progress{display:grid;grid-template-columns:repeat(4,1fr);margin:28px 0;border:1px solid #362b22;border-radius:15px;overflow:hidden;background:#0b0b0b}.supplier-progress span{padding:16px;text-align:center;color:#666;border-left:1px solid #30261e}.supplier-progress span:last-child{border:0}.supplier-progress b{display:block;color:#9b704c;font-size:11px;letter-spacing:3px}.supplier-progress .active{color:#efd2b0;background:rgba(214,165,111,.1)}.supplier-step{display:none;padding:44px;border:1px solid rgba(214,165,111,.4);border-radius:22px;background:linear-gradient(145deg,#151515,#090909);box-shadow:0 28px 80px #0008}.supplier-step.active{display:block}.supplier-step>header{display:flex;align-items:center;gap:18px;margin-bottom:32px}.supplier-step>header>span{display:grid;place-items:center;width:55px;height:55px;border:1px solid #a57348;border-radius:50%;color:#d6a56f}.supplier-step header p{margin:0;color:#9e7552;font-size:11px;letter-spacing:4px}.supplier-step h2{margin:4px 0 0;color:#fff;font-size:30px;font-weight:400}.supplier-fields{display:grid;gap:21px}.supplier-fields.two{grid-template-columns:repeat(2,1fr)}.supplier-fields label,.wide-label,.supplier-value label{display:grid;gap:9px;color:#eee}.supplier-fields .full{grid-column:1/-1}.supplier-fields input,.supplier-fields select,.supplier-fields textarea,.wide-label textarea,.supplier-value textarea{width:100%;min-height:57px;padding:15px 16px;box-sizing:border-box;border:1px solid #55412f;border-radius:11px;background:#181818;color:#fff;font:16px Tajawal,sans-serif}.supplier-fields textarea,.wide-label textarea,.supplier-value textarea{min-height:115px;resize:vertical}.supplier-step fieldset{margin:0 0 28px;padding:0;border:0}.supplier-step legend{margin-bottom:13px;color:#eee;font-size:18px}.supplier-options{display:grid;gap:11px}.supplier-options.types{grid-template-columns:repeat(4,1fr)}.supplier-options.categories{grid-template-columns:repeat(3,1fr)}.supplier-options input{position:absolute;opacity:0}.supplier-options span{display:grid;place-items:center;min-height:55px;padding:9px;border:1px solid #47382c;border-radius:11px;background:#131313;color:#aaa;text-align:center;cursor:pointer}.supplier-options input:checked+span{border-color:#d6a56f;background:#2b2118;color:#f3d3af}.supplier-actions{display:flex;justify-content:space-between;gap:14px;margin-top:30px}.supplier-primary,.supplier-back{display:inline-grid;place-items:center;min-height:55px;padding:0 28px;border-radius:11px;font:16px Tajawal,sans-serif;text-decoration:none;cursor:pointer}.supplier-primary{border:1px solid #d6a56f;background:#d6a56f;color:#111}.supplier-back{border:1px solid #735233;background:transparent;color:#d6a56f}.supplier-step>.supplier-primary{margin-top:30px}.supplier-value{display:grid;gap:22px}.supplier-value textarea{min-height:145px}.supplier-consent{display:flex;gap:12px;margin-top:25px;padding:17px;border:1px solid #3f3328;border-radius:12px;color:#aaa;line-height:1.8;cursor:pointer}.supplier-consent input{width:19px;height:19px;accent-color:#d6a56f}.supplier-note{text-align:center;color:#777;font-size:13px}.supplier-success{max-width:780px;margin:45px auto;padding:60px 45px;text-align:center;border:1px solid #a2734b;border-radius:25px;background:radial-gradient(circle,rgba(214,165,111,.13),transparent 60%),#0b0b0b}.supplier-success>span{display:grid;place-items:center;width:72px;height:72px;margin:auto;border:1px solid #d6a56f;border-radius:50%;color:#d6a56f;font-size:34px}.supplier-success h1{color:#d6a56f;font-size:43px;font-weight:400}.supplier-success p,.supplier-success small{display:block;color:#aaa;line-height:1.8}.supplier-success strong{display:block;width:max-content;margin:25px auto;padding:14px 23px;border:1px dashed #d6a56f;border-radius:9px;color:#fff;font-size:25px;direction:ltr}.supplier-success .supplier-primary{margin-top:25px}.supplier-admin-panel{margin-top:28px}.supplier-table{min-width:1200px}
@media(max-width:750px){.supplier-page{width:92%;padding:42px 0 75px}.supplier-hero{grid-template-columns:1fr;padding:32px 23px;text-align:center}.supplier-hero aside{display:none}.supplier-progress span{padding:12px 3px;font-size:11px}.supplier-step{padding:29px 20px}.supplier-fields.two,.supplier-options.types,.supplier-options.categories{grid-template-columns:1fr}.supplier-fields .full{grid-column:auto}.supplier-actions{flex-direction:column-reverse}.supplier-actions button,.supplier-step>.supplier-primary{width:100%}.supplier-success{padding:42px 22px}.supplier-success h1{font-size:34px}}
.career-page{width:min(1120px,90%);margin:auto;padding:60px 0 95px}.career-hero{display:grid;grid-template-columns:1fr 210px;align-items:center;gap:50px;padding:48px 52px;border:1px solid #49372a;border-radius:25px;background:radial-gradient(circle at 88% 28%,rgba(214,165,111,.18),transparent 28%),linear-gradient(135deg,#141414,#070707)}.career-hero h1{margin:10px 0;color:#d6a56f;font-size:clamp(42px,6vw,70px);font-weight:350}.career-hero>div>p:last-of-type{max-width:700px;color:#aaa;font-size:19px;line-height:1.9}.career-hero aside{display:grid;place-items:center;height:190px;border:1px solid #715035;border-radius:50%}.career-hero aside b{color:#d6a56f;font:80px Georgia}.career-hero aside span{color:#997251;letter-spacing:6px}.career-values{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.career-values span{padding:7px 14px;border:1px solid #49382c;border-radius:999px;color:#c5ad94}.career-progress{display:grid;grid-template-columns:repeat(4,1fr);margin:28px 0;border:1px solid #382b22;border-radius:15px;overflow:hidden}.career-progress span{padding:15px;text-align:center;color:#666;border-left:1px solid #30261e}.career-progress b{display:block;color:#9d724e;font-size:11px}.career-progress .active{color:#efd1ae;background:#21170f}.career-step{display:none;padding:44px;border:1px solid rgba(214,165,111,.4);border-radius:22px;background:linear-gradient(145deg,#151515,#080808)}.career-step.active{display:block}.career-step>header{display:flex;align-items:center;gap:18px;margin-bottom:30px}.career-step>header>span{display:grid;place-items:center;width:55px;height:55px;border:1px solid #a4744a;border-radius:50%;color:#d6a56f}.career-step header p{margin:0;color:#9e7552;font-size:11px;letter-spacing:4px}.career-step h2{margin:4px 0 0;color:#fff;font-size:30px;font-weight:400}.career-fields{display:grid;gap:21px}.career-fields.two{grid-template-columns:repeat(2,1fr)}.career-fields label{display:grid;gap:9px;color:#eee}.career-fields .full{grid-column:1/-1}.career-fields input,.career-fields select,.career-fields textarea{width:100%;min-height:57px;padding:15px 16px;box-sizing:border-box;border:1px solid #55412f;border-radius:11px;background:#181818;color:#fff;font:16px Tajawal,sans-serif}.career-fields textarea{min-height:125px;resize:vertical}.career-step fieldset{margin:28px 0;padding:0;border:0}.career-step legend{margin-bottom:14px;color:#eee;font-size:18px}.career-options{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.career-options input{position:absolute;opacity:0}.career-options span{display:grid;place-items:center;min-height:55px;padding:9px;border:1px solid #46372b;border-radius:11px;background:#131313;color:#aaa;text-align:center;cursor:pointer}.career-options input:checked+span{border-color:#d6a56f;background:#2b2118;color:#f3d3af}.career-primary,.career-back{display:inline-grid;place-items:center;min-height:55px;padding:0 28px;border-radius:11px;font:16px Tajawal,sans-serif;cursor:pointer;text-decoration:none}.career-primary{border:1px solid #d6a56f;background:#d6a56f;color:#111}.career-back{border:1px solid #735233;background:transparent;color:#d6a56f}.career-step>.career-primary{margin-top:30px}.career-actions{display:flex;justify-content:space-between;gap:14px;margin-top:30px}.career-consent{display:flex;gap:12px;margin-top:25px;padding:17px;border:1px solid #403329;border-radius:12px;color:#aaa;line-height:1.8}.career-consent input{width:19px;height:19px;accent-color:#d6a56f}.career-note{text-align:center;color:#777}.career-success{max-width:780px;margin:45px auto;padding:60px 45px;text-align:center;border:1px solid #a2734b;border-radius:25px;background:#0b0b0b}.career-success>span{display:grid;place-items:center;width:72px;height:72px;margin:auto;border:1px solid #d6a56f;border-radius:50%;color:#d6a56f;font-size:34px}.career-success h1{color:#d6a56f;font-size:43px;font-weight:400}.career-success p,.career-success small{display:block;color:#aaa;line-height:1.8}.career-success strong{display:block;width:max-content;margin:24px auto;padding:14px 22px;border:1px dashed #d6a56f;border-radius:9px;color:#fff;font-size:24px;direction:ltr}.career-success .career-primary{margin-top:25px}.career-admin-panel{margin-top:28px}.career-table{min-width:1200px}
@media(max-width:750px){.career-page{width:92%;padding:42px 0 75px}.career-hero{grid-template-columns:1fr;padding:33px 23px;text-align:center}.career-hero aside{display:none}.career-values{justify-content:center}.career-progress span{padding:12px 3px;font-size:11px}.career-step{padding:29px 20px}.career-fields.two,.career-options{grid-template-columns:1fr}.career-fields .full{grid-column:auto}.career-actions{flex-direction:column-reverse}.career-actions button,.career-step>.career-primary{width:100%}.career-success{padding:42px 22px}}
.optional-field{margin-inline-start:5px;color:#816c59;font-size:12px;font-weight:400}.supplier-validation{min-height:20px;margin:18px 0 -10px;color:#e8a89e;font-size:13px}

/* ===== VANTA HOME HERO BACKGROUND ===== */

.hero {
    min-height: calc(100vh - 100px);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 80px 8%;

    background-image:
        linear-gradient(
            90deg,
            rgba(0, 0, 0, 0.92) 0%,
            rgba(0, 0, 0, 0.72) 35%,
            rgba(0, 0, 0, 0.20) 65%,
            rgba(0, 0, 0, 0.05) 100%
        ),
        url("/static/images/home/hero-covered-car.jfif");

    background-size: 90% auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.hero-content {
    position: relative;
    z-index: 2;
    width: 46%;
    max-width: 620px;
}

/* الجوال */
@media (max-width: 900px) {
    .hero {
        min-height: calc(100svh - 79px);
        box-sizing: border-box;
        padding: 28px 18px;
        align-items: center;
        justify-content: center;

        background-attachment: scroll;
        background-position: center center;
        background-size: cover;
    }

    .hero-content {
        width: 100%;
        max-width: 640px;
        box-sizing: border-box;
        padding: 24px 18px;
        background: rgba(0, 0, 0, 0.64);
        backdrop-filter: blur(4px);
        border-radius: 18px;
    }

    .hero .gold-text { margin-top: 0; font-size: 12px; letter-spacing: 4px; }
    .hero h2 { margin: 10px 0; font-size: clamp(30px, 9vw, 44px); line-height: 1.3; }
    .hero p { margin: 0; font-size: 16px; line-height: 1.8; }
    .hero-buttons { margin-top: 20px; gap: 10px; }
    .primary-btn, .secondary-btn { padding: 12px 18px; }
    }
.service-image {
    width: 100%;
    height: 300px;
    margin-bottom: 28px;

    border-radius: 18px;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.ppf-image {
    background-image: url("/static/images/services/ppf-hero.jfif");
}
.detailing-image { display:block; width:100%; height:300px; min-height:300px; margin-bottom:28px; border-radius:18px; background-image:url("/static/images/services/detailing-hero.jfif") !important; background-size:cover !important; background-position:center !important; background-repeat:no-repeat !important; }
.service-card .ppf-image {
    display: block;
    width: 100%;
    height: 300px;
    min-height: 300px;
    margin-bottom: 28px;
    border-radius: 18px;

    background-image: url("/static/images/services/ppf-hero.jfif") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
/* ===== PPF FEATURE CARD ===== */

.ppf-card {
    position: relative;
    overflow: hidden;
    min-height: 420px;

    background-image:
        linear-gradient(
            to top,
            rgba(0, 0, 0, 0.95) 0%,
            rgba(0, 0, 0, 0.72) 45%,
            rgba(0, 0, 0, 0.18) 100%
        ),
        url("/static/images/services/ppf-hero.jfif");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.ppf-card h2,
.ppf-card h3,
.ppf-card p,
.ppf-card a {
    position: relative;
    z-index: 2;
}
.service-card.ppf-card {
    position: relative;
    overflow: hidden;
    min-height: 420px;

    background:
        linear-gradient(
            to top,
            rgba(0, 0, 0, 0.95) 0%,
            rgba(0, 0, 0, 0.70) 45%,
            rgba(0, 0, 0, 0.15) 100%
        ),
        url("/static/images/services/ppf-hero.jfif") center/cover no-repeat !important;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.tint-card {
    min-height: 420px;

    background:
        linear-gradient(
            to top,
            rgba(0, 0, 0, 0.95),
            rgba(0, 0, 0, 0.65),
            rgba(0, 0, 0, 0.15)
        ),
        url("/static/images/services/window-tint-hero.jfif");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.polishing-card {
    min-height: 420px;

    background:
        linear-gradient(
            to top,
            rgba(0, 0, 0, 0.95),
            rgba(0, 0, 0, 0.65),
            rgba(0, 0, 0, 0.15)
        ),
        url("/static/images/services/polishing-hero.jfif");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.nano-card {
    min-height: 420px;

    background:
        linear-gradient(
            to top,
            rgba(0, 0, 0, 0.95),
            rgba(0, 0, 0, 0.65),
            rgba(0, 0, 0, 0.15)
        ),
        url("/static/images/services/nano-ceramic-hero.png");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.premium-wash-card {
    position: relative;
    overflow: hidden;
    min-height: 420px;

    background:
        linear-gradient(
            to top,
            rgba(0, 0, 0, 0.95) 0%,
            rgba(0, 0, 0, 0.68) 48%,
            rgba(0, 0, 0, 0.12) 100%
        ),
        url("/static/images/services/premium-wash-hero.png") center/cover no-repeat;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.premium-wash-card > * {
    position: relative;
    z-index: 1;
}


.service-card:has(.detailing-image) {
    position: relative;
    overflow: hidden;
}

.service-card .detailing-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    margin: 0;
    border-radius: 18px;
    background-image: url("/static/images/services/detailing-hero.jfif") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    z-index: 0;
}

.service-card:has(.detailing-image)::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0.20),
        rgba(0,0,0,0.72)
    );
    z-index: 1;
    pointer-events: none;
}

.service-card:has(.detailing-image) > *:not(.detailing-image) {
    position: relative;
    z-index: 2;
}

/* ===== UNIFIED SERVICE CARDS ===== */

.services-grid .service-card {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 440px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border: 1px solid rgba(214, 165, 111, 0.48);
    border-radius: 18px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.services-grid .service-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(
        to top,
        rgba(5, 5, 5, 0.98) 0%,
        rgba(5, 5, 5, 0.86) 32%,
        rgba(5, 5, 5, 0.48) 64%,
        rgba(5, 5, 5, 0.16) 100%
    );
    pointer-events: none;
}

.services-grid .ppf-card {
    background-image: url("/static/images/services/ppf-hero.jfif") !important;
}

.services-grid .tint-card {
    background-image: url("/static/images/services/window-tint-hero.jfif") !important;
}

.services-grid .nano-card {
    background-image: url("/static/images/services/nano-ceramic-hero.png") !important;
}

.services-grid .polishing-card {
    background-image: url("/static/images/services/polishing-hero.jfif") !important;
}

.services-grid .detailing-card {
    background-image: url("/static/images/services/detailing-hero.jfif") !important;
}

.services-grid .premium-wash-card {
    background-image: url("/static/images/services/premium-wash-hero.png") !important;
}

.services-grid .service-card > *:not(.service-image) {
    position: relative;
    z-index: 2;
}

.services-grid .service-card h2 {
    min-height: 25px;
    margin: 0 0 8px;
}

.services-grid .service-card h3 {
    min-height: 34px;
    margin: 0 0 12px;
}

.services-grid .service-card p {
    min-height: 78px;
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
}

.services-grid .service-card a {
    align-self: flex-start;
    margin-top: 18px;
}

.detailing-card .detailing-image {
    display: none;
}

.services-grid .service-card.detailing-card::after {
    display: none;
}

@media (max-width: 600px) {
    .services-grid .service-card {
        min-height: 360px;
        padding: 24px;
        background-position: center;
    }

    .services-grid .service-card::before {
        background: linear-gradient(
            to top,
            rgba(5, 5, 5, 0.98) 0%,
            rgba(5, 5, 5, 0.82) 42%,
            rgba(5, 5, 5, 0.22) 100%
        );
    }

    .services-grid .service-card h2,
    .services-grid .service-card h3,
    .services-grid .service-card p {
        min-height: 0;
    }
}