:root {
    --font-sans: "Roboto", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
        "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    --color-1: #FB6104;
    --color-1-hover: #e75a04;
    --color-2: #252525;
    --color-2-sub: #25252510;
    --white: #fff;
    --black-soft: #1b1b1b;
    --text-heading: #222;
    --text-title: #242424;
    --text-body: #666;
    --text-body-2: #5f5f5f;
    --text-body-3: #555;
    --text-muted: #999;
    --text-subtle: #777;
    --text-nav: #4d4d4d;
    --text-icon: #8c8c8c;
    --text-icon-2: #8b8b8b;
    --text-meta: #9a9a9a;
    --text-brown: #9a6b49;
    --text-price-sub: #b66a3f;
    --text-price-sub-2: #c77f55;
    --border-light: #ececec;
    --border-soft: #dedede;
    --border-section: #f0e5db;
    --border-card: #f1d8c4;
    --border-card-2: #f1e2d6;
    --border-card-3: #f1e4d9;
    --border-card-4: #f1e6dd;
    --border-card-5: #f0dfd1;
    --border-card-6: #f0e7e0;
    --border-card-7: #f1e3d8;
    --border-card-8: #f2c7a9;
    --border-highlight: #f4d7c1;
    --border-active: #f5be97;
    --bg-soft: #fffaf6;
    --bg-soft-2: #fff8f2;
    --bg-soft-3: #fff7f1;
    --bg-soft-4: #fff3eb;
    --bg-pill: #f5f2ef;
    --bg-badge: #ff8a3d;
    --bg-gradient-form-start: #ff7a1f;
    --bg-gradient-form-end: #ff983f;
    --bg-button-strong: #f9690b;
    --separator: #d7d7d7;
}

.home-banner .grid.wide,
.home-category .grid.wide,
.home-prices .grid.wide,
.home-hero .grid.wide,
.home-camera .grid.wide,
.home-steps .grid.wide,
.home-form .grid.wide,
.home-faq .grid.wide,
.home-news .grid.wide {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.home-banner .wrap-item.right img,
.home-hero-item .icon img,
.home-camera .p-camera-item .img img,
.home-steps-item .img img,
.home-form .img img,
.p-news-item .img img {
    object-fit: cover;
    pointer-events: none;
}

html {
    overflow-x: hidden;
    max-width: 100%;
}

input {
    user-select: none;
}

img {
    object-fit: cover;
    pointer-events: none;
}

body {
    font-family: var(--font-sans);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    max-width: 100%;
    width: 100%;
}

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.p-title {}

.p-description {}

.p-detail {}

a {
    color: inherit;
    text-decoration: none;
}

@media (prefers-color-scheme: dark) {
    html {
        color-scheme: dark;
    }
}

/* width */
*::-webkit-scrollbar {
    width: 6px;
}

/* Track */
*::-webkit-scrollbar-track {
    background: transparent;
}

/* Handle */
*::-webkit-scrollbar-thumb {
    background: #11111178;
    border-radius: 5px;
}

/* Handle on hover */
*::-webkit-scrollbar-thumb:hover {
    background: var(--color-1);
}