:root{--orange:#ffad00;--orange2:#f28a00;--ink:#171d24;--muted:#717b85;--line:#e7ebef;--soft:#f7f9fb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff}
a{text-decoration:none;color:inherit}.navbar{min-height:78px;border-bottom:1px solid var(--line);background:#fff}.logo{width:170px;height:58px;object-fit:contain}
.btn-orange{background:linear-gradient(135deg,#ffb800,#ff9200);border:0;color:#111;font-weight:800;border-radius:9px}.btn-orange:hover{color:#111;filter:brightness(.98)}
.btn-outline-orange{border:1px solid #ffb83f;color:#e98c00;border-radius:9px;font-weight:700}.btn-outline-orange:hover{background:#fff6e7;color:#d87e00}
.search{position:relative}.search input{padding-right:45px;border-radius:9px;border:1px solid #dfe5ea;height:42px}.search button{position:absolute;right:0;top:0;border:0;background:none;height:42px;width:44px;font-size:23px;color:#79838d}
.header-actions{display:flex;gap:20px;align-items:center}.header-actions a{font-size:12px;font-weight:700;white-space:nowrap}.badge-orange{background:var(--orange);color:#111}
.page{padding:28px 0 60px}.breadcrumbs{font-size:12px;color:#8b949d;margin-bottom:22px}.page-title{font-size:34px;font-weight:850;letter-spacing:-1px}.muted{color:var(--muted)}
.card-soft{border:1px solid var(--line);border-radius:16px;background:#fff}.section-title{font-size:25px;font-weight:800}
.hero{border:1px solid var(--line);border-radius:24px;overflow:hidden;min-height:500px}.hero-copy{padding:55px}.hero h1{font-size:56px;line-height:1.02;font-weight:900;letter-spacing:-2px}.hero h1 span{color:var(--orange)}.hero-visual{min-height:500px;background:#fafbfd}.hero-visual img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}
.category-card{border:1px solid var(--line);border-radius:14px;padding:22px 10px;text-align:center;transition:.2s;height:125px}.category-card:hover{transform:translateY(-3px);border-color:#ffc45c;box-shadow:0 12px 30px rgba(20,30,40,.06)}.category-icon{font-size:34px;color:var(--orange);margin-bottom:9px}
.benefit{padding:20px;border:1px solid var(--line);border-radius:14px}.benefit b{display:block}.benefit small{color:var(--muted)}
.product-card{position:relative;border:1px solid var(--line);border-radius:15px;padding:12px;height:100%;transition:.2s}.product-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(20,30,40,.08)}.product-img{height:185px;border-radius:11px;background:linear-gradient(145deg,#f7f9fb,#edf1f4);display:grid;place-items:center;font-size:75px}.product-card h3{font-size:14px;line-height:1.3;margin:12px 0 7px;font-weight:750}.rating{font-size:12px;color:#ff9f00}.price{font-weight:850;font-size:16px;margin-top:5px}.heart{position:absolute;right:12px;top:10px;border:0;background:#fff;font-size:22px;color:#8b949d;z-index:2}
.sidebar{position:sticky;top:95px}.filter{padding:18px;border-bottom:1px solid var(--line)}.filter:last-child{border-bottom:0}.filter h6{font-weight:800}.form-check-label{font-size:12px}.range{accent-color:var(--orange)}
.table-clean td,.table-clean th{padding:16px;border-color:var(--line);vertical-align:middle}.status{padding:5px 9px;border-radius:20px;font-size:11px;font-weight:700;background:#eef8ee;color:#369143}.status.danger{background:#fff0ef;color:#c34d43}
.footer{background:#141a21;color:#fff;padding:48px 0 22px}.footer-logo{width:170px;height:55px;object-fit:contain;filter:brightness(0) invert(1)}.footer a,.footer p,.footer span{display:block;color:#9da7b0;font-size:12px;margin:9px 0}.footer h5{font-size:13px;font-weight:800;margin-bottom:15px}.footer-bottom{border-top:1px solid #2b343d;margin-top:28px;padding-top:18px;color:#6f7a85;font-size:11px}
.auth{max-width:480px;margin:20px auto}.auth .card-soft{padding:30px}.form-control,.form-select{border-radius:9px;border-color:#dfe5ea;min-height:44px}.map{height:280px;border-radius:15px;background:linear-gradient(135deg,#eef2f4,#dfe6eb);display:grid;place-items:center;color:#68747e;font-weight:700}
@media(max-width:1199px){.header-actions{margin-top:14px}.hero h1{font-size:46px}.hero-copy{padding:40px}.sidebar{position:static}}
@media(max-width:767px){.logo{width:145px}.hero-copy{padding:30px}.hero h1{font-size:38px}.hero-visual{min-height:280px}.page-title{font-size:28px}.header-actions{gap:12px;flex-wrap:wrap}.product-img{height:145px}.footer{padding-top:35px}}
.request-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;

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

    padding: 20px;
}

.request-modal.active {
    display: flex;
}

.request-modal__overlay {
    position: absolute;
    inset: 0;

    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(5px);
}

.request-modal__content {
    position: relative;
    z-index: 2;

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

    background: #fff;
    border-radius: 20px;

    padding: 32px;

    box-shadow: 0 20px 70px rgba(0, 0, 0, 0.2);

    animation: modalShow 0.25s ease;
}

@keyframes modalShow {
    from {
        opacity: 0;
        transform: translateY(20px) scale(0.97);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.request-modal__close {
    position: absolute;
    top: 15px;
    right: 15px;

    width: 36px;
    height: 36px;

    border: none;
    border-radius: 50%;

    background: #f3f3f3;

    font-size: 25px;
    line-height: 1;

    cursor: pointer;

    transition: 0.2s;
}

.request-modal__close:hover {
    background: #e7e7e7;
}

.request-modal__header {
    margin-bottom: 25px;
}

.request-modal__header h2 {
    margin: 0 0 8px;

    font-size: 26px;
    font-weight: 700;
}

.request-modal__header p {
    margin: 0;

    color: #777;
    font-size: 14px;
}

.form-group {
    margin-bottom: 18px;
}

.form-group label {
    display: block;

    margin-bottom: 7px;

    font-size: 14px;
    font-weight: 600;
}

.form-group input,
.form-group textarea {
    width: 100%;

    box-sizing: border-box;

    padding: 13px 15px;

    border: 1px solid #ddd;
    border-radius: 10px;

    outline: none;

    font-size: 15px;

    transition: 0.2s;
}

.form-group input:focus,
.form-group textarea:focus {
    border-color: #222;

    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.06);
}

.form-group textarea {
    resize: vertical;
}

.request-modal__submit {
    width: 100%;

    padding: 14px 20px;

    border: none;
    border-radius: 10px;

    background: #111;
    color: #fff;

    font-size: 15px;
    font-weight: 600;

    cursor: pointer;

    transition: 0.2s;
}

.request-modal__submit:hover {
    background: #333;
}