:root{
    --primary:#111111;
    --accent:#dc2626;
    --accent-dark:#a91c1c;
    --dark:#111111;
    --white:#ffffff;
    --soft:#f7f7f7;
    --line:#e2e2e2;
    --shadow:0 5px 18px rgba(0,0,0,.07);
}

html,
body,
button,
input,
select,
textarea,
a,
span,
div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
label,
table,
th,
td{
    font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif !important;
}

body{
    color:var(--dark);
    background:#fff;
    line-height:1.6;
}

.topbar,
.site-header{
    background:rgba(255,255,255,.97) !important;
    color:#111 !important;
    border-bottom:1px solid #e5e5e5 !important;
    box-shadow:0 4px 16px rgba(0,0,0,.06);
}

.main-nav a,
.topbar a,
.site-header a{
    color:#111;
}

.main-nav a:hover,
.topbar a:hover,
.site-header a:hover{
    color:var(--accent);
}

.btn,
button,
.detail-button,
.search-button{
    border-radius:7px !important;
    font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif !important;
}

.btn,
.search-button{
    background:var(--accent);
    color:#fff;
    border:1px solid var(--accent);
}

.btn:hover,
.search-button:hover{
    background:var(--accent-dark);
    border-color:var(--accent-dark);
}

.offer-card,
.product-card,
.detail-box,
.panel,
.side-filter,
.top-search,
.toolbar{
    border:1px solid var(--line) !important;
    border-top:1px solid var(--line) !important;
    border-radius:10px !important;
    box-shadow:var(--shadow) !important;
    background:#fff;
}

.offer-card:hover,
.product-card:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 26px rgba(0,0,0,.10) !important;
}

.offer-price,
.price,
.product-bottom strong{
    color:var(--accent) !important;
}

.detail-button{
    border:1px solid var(--accent) !important;
    color:var(--accent);
    background:#fff;
}

.detail-button:hover{
    background:var(--accent);
    color:#fff;
}

.footer,
footer{
    background:#111 !important;
    color:#fff !important;
    border-top:3px solid var(--accent) !important;
}