/* =========================================================
   WESTBROOK DEVELOPMENT
   EXO TEBEX CUSTOM THEME
   CLEAN VERSION
========================================================= */


/* =========================================================
   GLOBAL
========================================================= */

body {

    background:#050505;

    color:#e5e5e5;

    font-family:Inter,"Segoe UI",Arial,sans-serif;

}


.site {

    background:#050505;

}


.site a {

    text-decoration:none;

    transition:.2s ease;

}



/* =========================================================
   HEADER
========================================================= */


.site-header {

    background:#050505;

    border-bottom:1px solid rgba(193,18,31,.45);

}


.site-header-inner {

    max-width:1400px;

    margin:0 auto;

    padding:15px 40px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:30px;

}



.site-title {

    flex-shrink:0;

}



.site-title img {

    max-height:85px;

    width:auto;

    display:block;

}



.site-header .user-actions {

    display:flex;

    align-items:center;

    gap:12px;

}



/* Header buttons only */

.site-header .btn-primary,
.site-header .btn-secondary,
.site-header .log-in {

    display:flex;

    align-items:center;

    justify-content:center;

    height:42px;

    padding:0 25px;

    line-height:1;

    border-radius:8px;

}



/* Header colors */

.site-header .btn-primary {

    background:#c1121f;

    border:1px solid #c1121f;

    color:white;

}


.site-header .btn-primary:hover {

    background:#ff3448;

}



.site-header .btn-secondary,
.site-header .log-in {

    background:#111;

    border:1px solid rgba(193,18,31,.6);

    color:white;

}


.site-header .btn-secondary:hover,
.site-header .log-in:hover {

    background:#c1121f;

}



/* =========================================================
   NAVIGATION
========================================================= */


.site-navigation {

    background:#080808;

    border-bottom:1px solid rgba(193,18,31,.35);

}



.site-navigation .navigation-list {

    max-width:1400px;

    margin:0 auto;

    padding:15px 40px;

    display:flex;

    justify-content:center;

    gap:35px;

}



.site-navigation .navigation-list li {

    list-style:none;

}



.site-navigation .navigation-list a {

    color:#d6d6d6;

    font-size:14px;

    font-weight:800;

    letter-spacing:1.5px;

    text-transform:uppercase;

}



.site-navigation .navigation-list a:hover {

    color:#ff3448;

}



.site-navigation .link-active,
.site-navigation li.active > a {

    color:#c1121f;

}



/* =========================================================
   WESTBROOK HOMEPAGE
========================================================= */


.westbrook-home {

    background:#050505;

}



/* HERO */

.westbrook-hero {

    position:relative;

    overflow:hidden;

    text-align:center;

    padding:90px 30px;

    border-bottom:1px solid rgba(193,18,31,.35);

    background:

    radial-gradient(
        circle at top,
        rgba(193,18,31,.25),
        transparent 45%
    );

}



.westbrook-hero::after {

    content:"";

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(0,0,0,.5),
        transparent,
        rgba(0,0,0,.5)
    );

}



.westbrook-hero-content {

    position:relative;

    z-index:2;

    max-width:900px;

    margin:auto;

}



.westbrook-eyebrow {

    display:inline-block;

    padding:8px 18px;

    background:#111;

    border:1px solid rgba(193,18,31,.5);

    border-radius:50px;

    color:#c1121f;

    font-weight:900;

    letter-spacing:3px;

    text-transform:uppercase;

}



.westbrook-hero h1 {

    color:white;

    font-size:80px;

    font-weight:900;

    letter-spacing:6px;

    margin:25px 0;

}



.westbrook-hero h1 span {

    display:block;

    color:#c1121f;

}



.westbrook-hero p {

    max-width:750px;

    margin:30px auto;

    color:#b8b8b8;

    font-size:20px;

    line-height:1.8;

}



/* Hero buttons */

.westbrook-hero-actions {

    display:flex;

    justify-content:center;

    gap:20px;

}



.westbrook-button {

    display:inline-flex;

    align-items:center;

    justify-content:center;

    height:52px;

    padding:0 35px;

    border-radius:10px;

    font-weight:900;

    letter-spacing:1.5px;

    text-transform:uppercase;

    line-height:1;

}



.westbrook-button-primary {

    background:#c1121f;

    color:white;

}



.westbrook-button-primary:hover {

    background:#ff3448;

    color:white;

}



.westbrook-button-secondary {

    background:#111;

    border:1px solid rgba(193,18,31,.7);

    color:white;

}



.westbrook-button-secondary:hover {

    background:#c1121f;

    color:white;

}

/* =========================================================
   STATS
========================================================= */


.westbrook-stats {

    display:flex;

    justify-content:center;

    gap:25px;

    margin-top:60px;

}



.westbrook-stats .stat {

    background:#111;

    border:1px solid rgba(193,18,31,.35);

    border-radius:12px;

    padding:25px;

    min-width:200px;

    transition:.25s ease;

}



.westbrook-stats .stat:hover {

    transform:translateY(-8px);

    border-color:#c1121f;

    box-shadow:

    0 15px 40px rgba(0,0,0,.45);

}



.westbrook-stats strong {

    display:block;

    color:white;

    font-size:22px;

}



.westbrook-stats span {

    color:#999;

}



/* =========================================================
   FEATURES
========================================================= */


.westbrook-features {

    max-width:1400px;

    margin:70px auto;

    padding:0 40px;

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

}



.westbrook-features .feature {

    background:#111;

    border:1px solid rgba(193,18,31,.35);

    border-radius:15px;

    padding:35px;

    transition:.25s ease;

}



.westbrook-features .feature:hover {

    transform:translateY(-8px);

    border-color:#c1121f;

    box-shadow:

    0 20px 50px rgba(193,18,31,.15);

}



.westbrook-features h2 {

    color:#c1121f;

    font-size:22px;

}



.westbrook-features p {

    color:#aaa;

    line-height:1.7;

}



/* =========================================================
   CITYNET SHOWCASE
========================================================= */


.westbrook-showcase {

    max-width:1400px;

    margin:80px auto;

    padding:0 40px;

}



.showcase-card {

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:50px;

    align-items:center;

    background:

    linear-gradient(
        135deg,
        #151515,
        #080808
    );

    border:1px solid rgba(193,18,31,.45);

    border-radius:20px;

    padding:60px;

    box-shadow:

    0 15px 40px rgba(0,0,0,.45);

}



.showcase-image {

    min-height:350px;

    display:flex;

    align-items:center;

    justify-content:center;

    overflow:hidden;

    border-radius:15px;

    border:1px solid rgba(193,18,31,.35);

    background:

    linear-gradient(
        135deg,
        #111,
        #050505
    );

}



.showcase-image img {

    width:100%;

    display:block;

}



.showcase-content span {

    color:#c1121f;

    font-weight:900;

    letter-spacing:3px;

}



.showcase-content h2 {

    color:white;

    font-size:48px;

    text-transform:uppercase;

    text-shadow:

    0 0 20px rgba(193,18,31,.25);

}



.showcase-content p {

    color:#aaa;

    line-height:1.8;

}



.showcase-features {

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:15px;

    margin:30px 0;

}



.showcase-features div {

    background:#050505;

    border:1px solid rgba(193,18,31,.25);

    padding:15px;

    border-radius:8px;

    color:#ddd;

    transition:.25s ease;

}



.showcase-features div:hover {

    border-color:#c1121f;

    transform:translateX(5px);

}



/* =========================================================
   STORE CATEGORY CARDS
========================================================= */


.westbrook-store {

    max-width:1400px;

    margin:auto;

    padding:80px 40px;

}



.westbrook-store h2 {

    text-align:center;

    color:white;

    font-size:40px;

    letter-spacing:2px;

    text-transform:uppercase;

}



.westbrook-store h2::after {

    content:"";

    display:block;

    width:90px;

    height:3px;

    background:#c1121f;

    margin:20px auto;

}



.westbrook-category-grid {

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));

    gap:35px;

}



.westbrook-category {

    position:relative;

    background:#111;

    border:1px solid rgba(193,18,31,.35);

    border-radius:18px;

    overflow:hidden;

    transition:.3s ease;

}



.westbrook-category:hover {

    transform:translateY(-10px);

    border-color:#c1121f;

    box-shadow:

    0 20px 50px rgba(193,18,31,.20);

}



.westbrook-category img {

    width:100%;

    height:220px;

    object-fit:cover;

    transition:.4s ease;

}



.westbrook-category:hover img {

    transform:scale(1.05);

}



.westbrook-category .category-info {

    padding:30px;

}



.westbrook-category h3 {

    color:white;

    font-size:24px;

    font-weight:900;

    text-transform:uppercase;

}



.westbrook-category span {

    color:#c1121f;

    font-weight:800;

    text-transform:uppercase;

    letter-spacing:1px;

}

/* =========================================================
   TEBEX CATEGORY PAGES
========================================================= */


/* Main category layout */

.page-category .site-content-widgets {

    max-width:1400px;

    margin:60px auto;

    padding:0 40px;

    display:grid;

    grid-template-columns:260px 1fr;

    gap:40px;

}



/* Category description */

.category-description {

    background:#0b0b0b;

    border:1px solid rgba(193,18,31,.35);

    border-radius:15px;

    padding:30px;

    margin-bottom:40px;

    color:#d6d6d6;

}



/* Product area */

.store-products {

    width:100%;

}



/* Product grid */

.store-products > div {

    display:grid;

    grid-template-columns:

    repeat(auto-fit,minmax(280px,1fr));

    gap:30px;

}



/* =========================================================
   PRODUCT CARDS
========================================================= */


.store-product {

    background:#0b0b0b;

    border:1px solid rgba(193,18,31,.35);

    border-radius:16px;

    overflow:hidden;

    transition:.25s ease;

}



.store-product:hover {

    transform:translateY(-8px);

    border-color:#c1121f;

    box-shadow:

    0 20px 50px rgba(193,18,31,.15);

}



/* Product image */

.store-product .image-link {

    display:block;

}



.store-product .image {

    width:100%;

    height:220px;

    object-fit:cover;

    display:block;

}



/* Product title */

.store-product .product-title {

    text-align:center;

    padding:20px;

    margin:0;

}



.store-product .product-title a {

    color:white;

    font-size:22px;

    font-weight:900;

    text-transform:uppercase;

}



.store-product .product-title a:hover {

    color:#ff3448;

}



/* Product actions */

.store-product .actions {

    padding:0 25px 25px;

}



.store-product .price {

    text-align:center;

    color:white;

    font-size:22px;

    font-weight:900;

}



/* Product card buttons */

.store-product .actions a {

    display:flex;

    align-items:center;

    justify-content:center;

    width:100%;

    min-height:48px;

    border-radius:8px;

    line-height:1;

}



/* =========================================================
   SIDEBAR
========================================================= */


.sidebar {

    background:#0b0b0b;

    border:1px solid rgba(193,18,31,.25);

    border-radius:15px;

    padding:20px;

}



.sidebar h3,
.sidebar .widget-title {

    color:white;

    text-transform:uppercase;

    letter-spacing:2px;

}



.sidebar a {

    color:#ccc;

}



.sidebar a:hover {

    color:#c1121f;

}



/* =========================================================
   PRODUCT DETAIL PAGE
========================================================= */


.store-product-full {

    max-width:1200px;

    margin:60px auto;

    padding:50px;

    background:#0b0b0b;

    border:1px solid rgba(193,18,31,.35);

    border-radius:20px;

}



/* Product title */

.store-product-full .product-title {

    color:white;

    font-size:42px;

    font-weight:900;

    text-transform:uppercase;

    letter-spacing:2px;

}



.store-product-full .product-title::after {

    content:"";

    display:block;

    width:100px;

    height:3px;

    background:#c1121f;

    margin-top:15px;

}



/* Product media */

.media-slider {

    border-radius:15px;

    overflow:hidden;

}



.slide-image {

    width:100%;

    border-radius:15px;

}



/* Product description */

.store-product-full .descr {

    margin-top:40px;

    color:#d6d6d6;

    line-height:1.8;

}



.store-product-full .descr h1,
.store-product-full .descr h2 {

    color:white;

    text-transform:uppercase;

}



.store-product-full .descr strong {

    color:#c1121f;

}



/* =========================================================
   PURCHASE BOX
========================================================= */


.product-actions {

    margin-top:35px;

    padding:30px;

    background:#111;

    border:1px solid rgba(193,18,31,.3);

    border-radius:15px;

}



.product-actions .price {

    color:white;

    font-size:30px;

    font-weight:900;

}



/* Purchase buttons ONLY */

.product-actions .btn-primary,
.product-actions .btn-secondary {

    display:flex;

    align-items:center;

    justify-content:center;

    width:100%;

    min-height:52px;

    border-radius:10px;

    line-height:1;

}



/* Primary purchase */

.product-actions .btn-primary {

    background:#c1121f;

    color:white;

}



.product-actions .btn-primary:hover {

    background:#ff3448;

}



/* Secondary purchase */

.product-actions .btn-secondary {

    background:#111;

    border:1px solid rgba(193,18,31,.6);

    color:white;

}



/* =========================================================
   FOOTER
========================================================= */


.site-footer {

    background:#050505;

    border-top:1px solid rgba(193,18,31,.35);

    padding:40px 0;

}



.site-footer-inner {

    max-width:1400px;

    margin:auto;

}



.copyright {

    color:#777;

}

/* =========================================================
   FINAL POLISH
========================================================= */


/* Remove unwanted default spacing */

.store-text {

    color:#d6d6d6;

}



.text-content h1,
.text-content h2,
.text-content h3 {

    color:white;

}



/* Global images */

img {

    max-width:100%;

}



/* =========================================================
   MOBILE CLEANUP
========================================================= */


@media(max-width:900px) {



/* Header */

.site-header-inner {

    flex-direction:column;

    padding:20px;

}



.site-title img {

    max-height:70px;

}



.site-header .user-actions {

    justify-content:center;

}



/* Navigation */

.site-navigation .navigation-list {

    flex-direction:column;

    gap:20px;

    padding:20px;

    text-align:center;

}



/* Hero */

.westbrook-hero {

    padding:60px 20px;

}



.westbrook-hero h1 {

    font-size:45px;

    letter-spacing:3px;

}



.westbrook-hero p {

    font-size:16px;

}



.westbrook-hero-actions {

    flex-direction:column;

}



/* Stats */

.westbrook-stats {

    flex-direction:column;

    align-items:center;

}



.westbrook-stats .stat {

    width:100%;

    max-width:320px;

}



/* Features */

.westbrook-features {

    grid-template-columns:1fr;

    padding:0 20px;

}



/* CityNet */

.westbrook-showcase {

    padding:0 20px;

}



.showcase-card {

    grid-template-columns:1fr;

    padding:30px;

}



.showcase-content h2 {

    font-size:34px;

}



.showcase-features {

    grid-template-columns:1fr;

}



/* Store categories */

.westbrook-store {

    padding:50px 20px;

}



.westbrook-category-grid {

    grid-template-columns:1fr;

}



/* Category pages */

.page-category .site-content-widgets {

    display:block;

    padding:0 20px;

}



.sidebar {

    margin-bottom:30px;

}



.store-products > div {

    grid-template-columns:1fr;

}



/* Product page */

.store-product-full {

    margin:30px 20px;

    padding:25px;

}



.store-product-full .product-title {

    font-size:30px;

}



.product-actions {

    padding:20px;

}



}

/* =========================================================
   HOMEPAGE DESCRIPTION ALIGNMENT FIX
========================================================= */


.page-index .store-text {

    max-width:900px;

    margin:0 auto;

    text-align:center;

}



.page-index .text-content {

    color:#d6d6d6;

    line-height:1.8;

}



.page-index .text-content h1,
.page-index .text-content h2,
.page-index .text-content h3 {

    text-align:center;

    color:white;

}



.page-index .text-content p {

    text-align:center;

    color:#b8b8b8;

}

/* =========================================================
   HOMEPAGE DESCRIPTION FIX
========================================================= */


.page-index .store-content,
.page-index .store-text {

    max-width:1200px;

    margin:60px auto;

    padding:0 40px;

}



.page-index .text-content {

    background:transparent;

    border:none;

    padding:0;

    text-align:left;

    color:#d6d6d6;

    line-height:1.8;

}



/* keep headings clean */

.page-index .text-content h1,
.page-index .text-content h2,
.page-index .text-content h3 {

    color:white;

}

/* =========================================================
   WESTBROOK HOMEPAGE DESCRIPTION SECTION FIX
========================================================= */


.page-index .store-text {

    max-width:1100px;

    margin:80px auto;

    padding:40px;

    text-align:left;

}


/* Description text */

.page-index .store-text.text-content {

    color:#d6d6d6;

    line-height:1.8;

}



/* Main title */

.page-index .store-text h1 {

    color:#ffffff;

    font-size:42px;

    font-weight:900;

    text-transform:uppercase;

    letter-spacing:2px;

    margin-bottom:25px;

}



/* Section titles */

.page-index .store-text h2,
.page-index .store-text h3 {

    color:#c1121f;

    font-weight:900;

    text-transform:uppercase;

    margin-top:35px;

}



/* Paragraph spacing */

.page-index .store-text p {

    color:#b8b8b8;

    font-size:17px;

    margin-bottom:20px;

}



/* Lists */

.page-index .store-text ul {

    padding-left:25px;

}



.page-index .store-text li {

    color:#d6d6d6;

    margin-bottom:8px;

}
.page-index .site-content {
    max-width:1400px;
    margin:0 auto;
}

.page-index .store-text {
    width:100%;
    max-width:900px;
    margin:0 auto;
}

/* =========================================================
   HOMEPAGE DESCRIPTION SECTION
========================================================= */


.page-index .store-text {

    max-width:1100px;

    margin:70px auto;

    padding:35px 45px;

    background:#0b0b0b;

    border:1px solid rgba(193,18,31,.35);

    border-radius:16px;

    color:#d6d6d6;

    line-height:1.8;

}



/* Title */

.page-index .store-text h1 {

    color:#ffffff;

    font-size:38px;

    font-weight:900;

    text-transform:uppercase;

    margin-bottom:20px;

}



/* Sections */

.page-index .store-text h2,
.page-index .store-text h3 {

    color:#c1121f;

    text-transform:uppercase;

    margin-top:30px;

}



/* Normal text */

.page-index .store-text p {

    color:#cfcfcf;

    margin-bottom:15px;

}



/* Lists */

.page-index .store-text ul {

    padding-left:25px;

}



.page-index .store-text li {

    margin-bottom:8px;

    color:#e0e0e0;

}

/* =========================================================
   FIX WESTBROOK HOME DESCRIPTION BLOCK
========================================================= */


.store-text.text-content {

    max-width:1100px !important;

    margin:60px auto !important;

    padding:35px !important;

    text-align:left;

}



.page-index .site-content {

    max-width:1200px !important;

    margin-left:auto !important;

    margin-right:auto !important;

}



.page-index .store-text.text-content {

    background:#0b0b0b;

    border:1px solid rgba(193,18,31,.35);

    border-radius:15px;

}

/* =========================================================
   WESTBROOK DESCRIPTION SECTION
========================================================= */

.westbrook-description {

    max-width:1100px;

    margin:60px auto;

    padding:40px;

    background:#0b0b0b;

    border:1px solid rgba(193,18,31,.35);

    border-radius:16px;

    color:#d6d6d6;

    line-height:1.8;

}


/* Title */

.westbrook-description h1 {

    color:#ffffff;

    font-size:40px;

    font-weight:900;

    text-transform:uppercase;

    margin-bottom:20px;

}


/* Section headings */

.westbrook-description h2,
.westbrook-description h3 {

    color:#c1121f;

    text-transform:uppercase;

    margin-top:30px;

}


/* Paragraphs */

.westbrook-description p {

    color:#d6d6d6;

    margin-bottom:15px;

}


/* Lists */

.westbrook-description ul {

    padding-left:25px;

}


.westbrook-description li {

    margin-bottom:8px;

}
/* =========================================================
   WESTBROOK DESCRIPTION TEXT SCALE FIX
========================================================= */

.westbrook-description {

    font-size:16px;

}


.westbrook-description p {

    font-size:16px;

    line-height:1.8;

    color:#d6d6d6;

}


.westbrook-description li {

    font-size:15px;

    line-height:1.8;

}


.westbrook-description h1 {

    font-size:42px;

}


.westbrook-description h2 {

    font-size:24px;

}


.westbrook-description h3 {

    font-size:20px;

}

/* =========================================================
   WESTBROOK FOOTER CTA
========================================================= */


.westbrook-footer-cta {

    width:100%;

    margin-top:60px;

    padding:35px 0;

    background:
    linear-gradient(
        90deg,
        rgba(193,18,31,.12),
        transparent
    );

    border-top:1px solid rgba(193,18,31,.35);

    border-bottom:1px solid rgba(193,18,31,.35);

}



.westbrook-footer-cta-content {

    max-width:1200px;

    margin:auto;

    padding:0 40px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:40px;

}



.westbrook-footer-cta-text {

    display:flex;

    align-items:center;

    gap:25px;

}



.westbrook-footer-cta-icon {

    font-size:50px;

    color:#c1121f;

}



.westbrook-footer-cta-text h2 {

    margin:0;

    color:white;

    font-size:28px;

    font-weight:900;

    letter-spacing:1px;

}



.westbrook-footer-cta-text p {

    margin-top:8px;

    color:#b8b8b8;

}



/* Divider */

.westbrook-footer-cta-divider {

    height:55px;

    width:1px;

    background:rgba(193,18,31,.5);

}



/* Discord button */


.westbrook-discord-button {

    display:flex;

    align-items:center;

    gap:15px;

    padding:15px 30px;

    border:1px solid #c1121f;

    border-radius:10px;

    background:#111;

    color:white;

    text-decoration:none;

    transition:.25s ease;

}



.westbrook-discord-button:hover {

    background:#c1121f;

}



.westbrook-discord-button strong {

    display:block;

    font-size:16px;

}



.westbrook-discord-button small {

    display:block;

    color:#bbb;

    margin-top:4px;

}



.westbrook-discord-button:hover small {

    color:white;

}

.discord-icon {

    font-size:28px;

    color:#5865F2;

    display:flex;

    align-items:center;

}


.westbrook-discord-button:hover .discord-icon {

    color:white;

}

.discord-icon svg {

    width:32px;

    height:32px;

    color:#5865F2;

    display:block;

}


.westbrook-discord-button:hover .discord-icon svg {

    color:white;

}

/* =========================================================
   FOOTER CTA POLISH
========================================================= */


.westbrook-footer-cta-text {

    gap:18px;

}


.westbrook-footer-cta-icon {

    font-size:42px;

}


.westbrook-footer-cta-divider {

    height:45px;

    margin:0 20px;

}


.westbrook-discord-button {

    min-width:260px;

    padding:18px 30px;

}


.discord-icon svg {

    width:36px;

    height:36px;

}

/* =========================================================
   WESTBROOK CUSTOMER / PAYMENTS CARDS
========================================================= */


.top-customer,
.recent-payments {

    max-width:420px;

    margin:30px auto;

    padding:25px 30px;

    background:#0b0b0b;

    border:1px solid rgba(193,18,31,.35);

    border-radius:14px;

    text-align:center;

}


.top-customer h2,
.recent-payments h2 {

    color:#ffffff;

    font-size:22px;

    font-weight:800;

    text-transform:uppercase;

    margin-bottom:15px;

}


.top-customer p,
.recent-payments p {

    color:#aaa;

    font-size:14px;

}

/* ==========================================
   WESTBROOK CUSTOMER / PAYMENTS WIDGETS
========================================== */


.widget-top-donor,
.widget-recent {

    max-width:420px;

    margin:30px auto;

    padding:25px 30px;

    background:#0b0b0b;

    border:1px solid rgba(193,18,31,.45);

    border-radius:14px;

    text-align:center;

}


.widget-top-donor .widget-title,
.widget-recent .widget-title {

    color:#ffffff;

    font-size:22px;

    font-weight:800;

    text-transform:uppercase;

    margin-bottom:15px;

}


.widget-top-donor .widget-content,
.widget-recent .widget-content {

    color:#aaa;

    font-size:14px;

}

/* ==========================================
   WESTBROOK TOP CUSTOMER FIX
========================================== */

.widget-top-donator {

    max-width:420px !important;

    margin:30px auto !important;

    padding:25px 30px !important;

    background:#0b0b0b !important;

    border:1px solid rgba(193,18,31,.45) !important;

    border-radius:14px !important;

    text-align:center !important;

}


.widget-top-donator .widget-title {

    color:#ffffff !important;

    font-size:22px !important;

    font-weight:800 !important;

    text-transform:uppercase !important;

    margin-bottom:15px !important;

}


.widget-top-donator .widget-content {

    color:#aaa !important;

    font-size:14px !important;

}

/* ==========================================
   WESTBROOK PRODUCT CARDS
========================================== */


article.store-product {

    background:#0b0b0b;

    border:1px solid rgba(193,18,31,.45);

    border-radius:14px;

    overflow:hidden;

    transition:.25s ease;

}


article.store-product:hover {

    transform:translateY(-5px);

    border-color:rgba(193,18,31,.85);

}


/* Product Image */

article.store-product .image {

    border-bottom:1px solid rgba(193,18,31,.35);

}


/* Product Title */

article.store-product .product-title {

    color:white;

    font-size:22px;

    font-weight:800;

    text-align:center;

    padding:15px;

    text-transform:uppercase;

}


/* Price */

article.store-product .price {

    color:white;

    font-size:24px;

    font-weight:900;

    text-align:center;

}


/* Add to Basket */

article.store-product .btn-primary {

    background:#c1121f;

    border:none;

    color:white;

    font-weight:800;

    border-radius:8px;

    padding:14px 25px;

    transition:.2s ease;

}


article.store-product .btn-primary:hover {

    background:#ff1f32;

}

article.store-product .image {

    border-radius:10px;

    overflow:hidden;

    margin:20px;

}


article.store-product .image img {

    width:100%;

    display:block;

}

article.store-product .btn-primary {

    text-transform:uppercase;

    letter-spacing:1px;

}

/* =====================================
   WESTBROOK PACKAGE DETAIL
===================================== */

.store-product-full {

    background:#0b0b0b;

    border:1px solid rgba(193,18,31,.55);

    border-radius:14px;

    overflow:hidden;

}


/* Title */

.store-product-full .product-title {

    color:white;

    font-size:32px;

    font-weight:900;

    text-transform:uppercase;

    text-align:center;

    padding:25px;

}


/* Description */

.store-product-full .descr {

    color:#d6d6d6;

    line-height:1.7;

    padding:25px;

}


/* Price + button area */

.store-product-full .product-actions {

    border-top:1px solid rgba(193,18,31,.35);

    padding:20px;

}


/* Price */

.store-product-full .price {

    color:white;

    font-size:28px;

    font-weight:900;

}

/* =====================================
   WESTBROOK PACKAGE BUY BUTTON
===================================== */

.store-product-full .product-actions .add.btn-primary {

    background:#c1121f;

    color:white;

    width:100%;

    min-height:52px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:10px;

    font-size:16px;

    font-weight:900;

    text-transform:uppercase;

    letter-spacing:1px;

    border:1px solid rgba(255,255,255,.05);

    transition:.25s ease;

}


.store-product-full .product-actions .add.btn-primary:hover {

    background:#ff1f32;

    transform:translateY(-2px);

}

/* =====================================
   WESTBROOK PRODUCT GALLERY REFINEMENT
===================================== */

.store-product-full .media-slider {

    background:#0b0b0b;

    border:1px solid rgba(193,18,31,.45);

    border-radius:14px;

    padding:20px;

}


.store-product-full .slide-image {

    width:100%;

    max-height:520px;

    object-fit:cover;

    border-radius:12px;

}


/* Thumbnail row */

.store-product-full .thumbs img {

    border-radius:8px;

    border:1px solid rgba(193,18,31,.35);

}

/* =====================================
   WESTBROOK PRODUCT DESCRIPTION
===================================== */

.store-product-full .descr.text-content {

    background:#0b0b0b;

    border:1px solid rgba(193,18,31,.35);

    border-radius:14px;

    padding:30px;

    margin-top:25px;

    color:#d8d8d8;

    line-height:1.8;

}


.store-product-full .descr.text-content h1,
.store-product-full .descr.text-content h2,
.store-product-full .descr.text-content h3 {

    color:white;

    font-weight:900;

}


.store-product-full .descr.text-content strong {

    color:#c1121f;

}

/* WESTBROOK CART CHECKOUT BUTTON */

.basket .btn-primary.checkout {
    background: #c1121f !important;
    color: #ffffff !important;
    border: 1px solid #c1121f !important;
    border-radius: 8px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    height: 46px;
    transition: all .25s ease;
}

.basket .btn-primary.checkout:hover {
    background: #ff1f35 !important;
    border-color: #ff1f35 !important;
    transform: translateY(-2px);
}

/* WESTBROOK CART DRAWER */

.basket {
    background: #080808 !important;
    color: #ffffff !important;
    border-left: 1px solid rgba(193,18,31,.45);
}

.basket .basket-header {
    background: #0d0d0d !important;
    border-bottom: 1px solid rgba(193,18,31,.45);
}

.basket .basket-header h3 {
    color: #ffffff !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* CART ITEM */

.basket .basket-content {
    background: #080808 !important;
}

.basket .basket-item {
    background: #111111 !important;
    border: 1px solid rgba(193,18,31,.35);
    border-radius: 8px;
}

.basket .basket-item:hover {
    border-color: rgba(193,18,31,.8);
}

/* WESTBROOK CART QUANTITY */

.basket .quantity-field,
.basket .quantity-field button,
.basket .quantity-field input {
    background: #111111 !important;
    color: #ffffff !important;
    border: 1px solid rgba(193,18,31,.45) !important;
}

.basket .quantity-field {
    border-radius: 6px;
    overflow: hidden;
}

.basket .quantity-field button:hover {
    background: #c1121f !important;
}

/* WESTBROOK REMOVE BUTTON */

.basket .remove-item,
.basket .basket-remove,
.basket button[type="button"] {
    background: #111111 !important;
    color: #ffffff !important;
    border: 1px solid rgba(193,18,31,.45);
    border-radius: 6px;
}

.basket .remove-item:hover,
.basket .basket-remove:hover {
    background: #c1121f !important;
}

/* WESTBROOK CART PRICE */

.basket .price {
    color: #ffffff !important;
    font-weight: 700;
}

.basket .basket-content .product-price {
    color: #c1121f !important;
}

/* WESTBROOK CART HEADER TITLE */

.basket .basket-title {
    color: #ffffff !important;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 800;
    font-size: 18px;
}

.basket .basket-title::first-letter {
    color: #c1121f;
}

/* WESTBROOK CART HEADER */

.basket .basket-header {
    background: #0b0b0b !important;
    border-bottom: 1px solid rgba(193,18,31,.55);
    padding: 20px;
}

.basket .basket-header .basket-title {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* WESTBROOK CART USER HEADER */

.basket .basket-header {
    background: #0b0b0b !important;
    border-bottom: 1px solid rgba(193,18,31,.55);
    padding: 22px;
}

.basket .basket-title {
    color: #ffffff !important;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.basket .basket-title svg,
.basket .basket-title i {
    color: #c1121f !important;
}

/* WESTBROOK CHECKOUT PAYMENT BUTTON */

.v-btn {
    border-radius: 8px !important;
}

.v-btn--variant-elevated {
    background: #c1121f !important;
    color: #ffffff !important;
    border: 1px solid #c1121f !important;
}

.v-btn--variant-elevated:hover {
    background: #ff1f35 !important;
}

/* WESTBROOK CHECKOUT WINDOW */

.v-sheet {
    background: #0b0b0b !important;
    color: #ffffff !important;
}

/* WESTBROOK PAYMENT OPTIONS */

.v-card {
    background: #111111 !important;
    border: 1px solid rgba(193,18,31,.35);
}

/* WESTBROOK CHECKOUT MODAL */

.v-main,
.v-main--scrollable {
    background: #080808 !important;
}

.v-sheet,
.v-card {
    background: #0d0d0d !important;
    color: #ffffff !important;
}


/* PAYMENT BUTTON */

button.v-btn {
    background: #c1121f !important;
    color: white !important;
    border: 1px solid #c1121f !important;
}

button.v-btn:hover {
    background: #ff1f35 !important;
}


/* INPUT BOXES */

input,
.v-field,
.v-text-field input {
    background: #111111 !important;
    color: white !important;
}


/* PAYMENT METHOD BOXES */

.v-btn-toggle .v-btn,
.v-selection-control,
.v-card {
    background: #111111 !important;
    border-color: rgba(193,18,31,.5) !important;
}

/* Tebex Checkout Payment Button */
.v-btn.v-btn--elevated {
    background: #c1121f !important;
    color: #ffffff !important;
    border: 1px solid #ff1f35 !important;
}

/* Button text */
.v-btn .v-btn__content {
    color: #ffffff !important;
    font-weight: 800 !important;
    letter-spacing: 1px;
}

/* Hover */
.v-btn.v-btn--elevated:hover {
    background: #ff1f35 !important;
}


/* Checkout modal background */
.v-navigation-drawer,
.v-main {
    background: #080808 !important;
}


/* Left order panel */
.v-sheet {
    background: #0d0d0d !important;
}

/* Login username visibility */
.site-header .user-name .text-inner .text {
    color: #ffffff !important;
    opacity: 1 !important;
    display: block !important;
}

/* Logout hover text */
.site-header .user-name .text-hover {
    color: #c1121f !important;
}

/* Username button */
.site-header .user-name {
    color: #ffffff !important;
    background: #111111 !important;
    border: 1px solid #c1121f !important;
}

.site-header .user-name .text-inner {
    display: flex !important;
    align-items: center !important;
}

.site-header .user-name .text-inner .text {
    color: #ffffff !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}