/* =========================================================
   MODORA LUXURY GLOBAL THEME
   Black / Graphite / Gold
   ========================================================= */

:root {
    --modora-bg: #090909;
    --modora-bg-soft: #101010;
    --modora-panel: #151515;
    --modora-panel-2: #1a1a1a;
    --modora-gold: #d4af37;
    --modora-gold-light: #f0d77a;
    --modora-text: #f4f4f1;
    --modora-muted: #aaa9a4;
    --modora-border: rgba(212,175,55,.20);
}

/* GLOBAL */
html,
body {
    background: var(--modora-bg) !important;
    color: var(--modora-text) !important;
}

body {
    background:
        radial-gradient(circle at 80% 10%, rgba(212,175,55,.045), transparent 28%),
        #090909 !important;
}

#content,
.main-content,
.main-container,
.content-wrapper {
    background: transparent !important;
    color: var(--modora-text) !important;
}

/* TYPOGRAPHY */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #fff;
}

p,
li,
td,
th,
label {
    color: inherit;
}

a {
    color: #ededeb;
    transition: color .2s ease;
}

a:hover,
a:focus {
    color: var(--modora-gold-light);
}

/* HEADER / NAVIGATION */
header,
.header,
.header-container,
.navbar,
.navbar-default {
    background-color: #0b0b0b !important;
    border-color: rgba(255,255,255,.07) !important;
}

.navbar a,
header a,
.header a {
    color: #f3f3ef !important;
}

.navbar a:hover,
header a:hover,
.header a:hover {
    color: var(--modora-gold-light) !important;
}

/* BREADCRUMBS */
.breadcrumb {
    background: transparent !important;
    border-color: var(--modora-border) !important;
}

.breadcrumb,
.breadcrumb a,
.breadcrumb li {
    color: #aaa9a4 !important;
}

.breadcrumb a:hover {
    color: var(--modora-gold-light) !important;
}

/* PRODUCT CARDS */
.product-thumb,
.product-layout .product-thumb,
.product-box,
.product_item {
    background: var(--modora-panel) !important;
    border-color: rgba(255,255,255,.07) !important;
}

.product-thumb:hover,
.product-layout .product-thumb:hover {
    border-color: var(--modora-border) !important;
}

.caption,
.caption2 {
    color: var(--modora-text) !important;
}

.caption a,
.caption2 a,
.product-thumb .caption a,
.product-layout .caption a {
    color: #f5f5f2 !important;
}

.caption a:hover,
.caption2 a:hover,
.product-thumb .caption a:hover {
    color: var(--modora-gold-light) !important;
}

/* Keep product photography clean */
.product-thumb .image,
.product-layout .image,
.product_box .image {
    background: #f7f7f5;
}

/* PRICES */
.price,
.price-new,
.special-price,
.product-price,
.caption2 .price {
    color: var(--modora-gold-light) !important;
}

.price-old,
.old-price {
    color: #858580 !important;
}

/* BOXES / PANELS */
.box,
.panel,
.well,
.list-group-item {
    background-color: var(--modora-panel) !important;
    border-color: rgba(255,255,255,.08) !important;
    color: var(--modora-text) !important;
}

.box-heading,
.panel-heading {
    background: var(--modora-panel-2) !important;
    border-color: var(--modora-border) !important;
    color: #fff !important;
}

/* FORMS */
input,
textarea,
select,
.form-control {
    background-color: #111 !important;
    border-color: rgba(255,255,255,.14) !important;
    color: #fff !important;
}

input:focus,
textarea:focus,
select:focus,
.form-control:focus {
    border-color: var(--modora-gold) !important;
    box-shadow: 0 0 0 2px rgba(212,175,55,.08) !important;
}

::placeholder {
    color: #74746f !important;
}

/* BUTTONS */
.btn-default {
    background: #151515 !important;
    border-color: rgba(255,255,255,.14) !important;
    color: #eee !important;
}

.btn-default:hover {
    border-color: var(--modora-gold) !important;
    color: var(--modora-gold-light) !important;
}

.btn-primary {
    background: linear-gradient(135deg, #e0be52, #b68b20) !important;
    border-color: var(--modora-gold) !important;
    color: #090909 !important;
}

/* PAGINATION */
.pagination > li > a,
.pagination > li > span {
    background: #121212 !important;
    border-color: rgba(255,255,255,.09) !important;
    color: #ddd !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > li > a:hover {
    background: var(--modora-gold) !important;
    border-color: var(--modora-gold) !important;
    color: #090909 !important;
}

/* DROPDOWNS */
.dropdown-menu {
    background: #111 !important;
    border-color: var(--modora-border) !important;
}

.dropdown-menu > li > a {
    color: #eee !important;
}

.dropdown-menu > li > a:hover {
    background: #1b1b1b !important;
    color: var(--modora-gold-light) !important;
}

/* FOOTER */
footer,
.footer {
    background: #070707 !important;
    color: #aaa9a4 !important;
    border-color: rgba(212,175,55,.15) !important;
}

footer a,
.footer a {
    color: #d0d0cc !important;
}

footer a:hover,
.footer a:hover {
    color: var(--modora-gold-light) !important;
}

/* MUTED TEXT */
.text-muted,
.help-block,
.small {
    color: #999994 !important;
}

/* MOBILE */
@media (max-width: 767px) {
    body {
        background: #090909 !important;
    }

    .product-thumb,
    .product-layout .product-thumb {
        background: #121212 !important;
    }
}

/* =========================================================
   MODORA LUXURY - CATEGORY / BREADCRUMB HEADER
   ========================================================= */

.content-top-breadcum {
    background: #0b0b0b !important;
    background-image: none !important;

    width: 100%;
    min-height: auto !important;

    margin: 0 0 28px !important;
    padding: 24px 0 26px !important;

    display: flex;
    align-items: center;

    border-top: 1px solid rgba(255,255,255,.04);
    border-bottom: 1px solid rgba(212,175,55,.18);
}

.content-top-breadcum #title-content {
    width: 100%;
}

.content-top-breadcum .breadcrumb {
    margin: 0 0 12px !important;
    padding: 0 !important;
    background: transparent !important;
    text-align: center;
}

.content-top-breadcum .breadcrumb > li,
.content-top-breadcum .breadcrumb > li > a {
    color: #9a9a96 !important;
}

.content-top-breadcum .breadcrumb > li > a:hover {
    color: #f0d77a !important;
}

.content-top-breadcum .breadcrumb .fa-home {
    color: #d4af37 !important;
}

.content-top-breadcum #title-content h1,
.content-top-breadcum #title-content h2,
.content-top-breadcum #title-content .page-title {
    color: #ffffff !important;
    font-size: 28px !important;
    line-height: 1.25 !important;
    font-weight: 500 !important;
    letter-spacing: .03em !important;
    text-transform: none !important;
}

@media (max-width: 767px) {

    .content-top-breadcum {
        min-height: auto !important;
        padding: 16px 0 18px !important;
        margin-bottom: 14px !important;
    }

    .content-top-breadcum #title-content {
        margin: 0 15px !important;
    }

    .content-top-breadcum .breadcrumb {
        margin-bottom: 8px !important;
    }

    .content-top-breadcum #title-content h1,
    .content-top-breadcum #title-content h2,
    .content-top-breadcum #title-content .page-title {
        font-size: 23px !important;
    }
}

/* MODORA logo - white on dark header */
header img[src*="assets/img/logo.png"],
.header img[src*="assets/img/logo.png"],
img[src*="/assets/img/logo.png"] {
    filter: brightness(0) invert(1) !important;
    opacity: 1 !important;
}


/* ==========================================================
   MODORA GLOBAL UI — PREMIUM BUTTONS + FORMS
   ========================================================== */

:root {
    --modora-gold: #d4af37;
    --modora-gold-light: #f1d978;
    --modora-gold-deep: #a98218;

    --modora-black: #080808;
    --modora-surface: #111111;
    --modora-surface-2: #181818;

    --modora-white: #f8f8f4;
    --modora-muted: #a9aaa5;

    --modora-radius: 14px;
    --modora-radius-lg: 18px;
}


/* ==========================================================
   GLOBAL BUTTON FOUNDATION
   ========================================================== */

.btn,
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
a.button,
.button {
    border-radius: var(--modora-radius) !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        background .18s ease,
        border-color .18s ease,
        color .18s ease !important;

    -webkit-font-smoothing: antialiased;
}


/* PRIMARY / GOLD BUTTONS */

.btn-primary,
input.btn-primary,
button.btn-primary,
.product-thumb .button-group button,
.product-thumb .button-group1 button,
#cart .text-right .addtocart,
#cart .text-right .checkout,
.subscribe-btn .btn-lg,
.content .pull-right .btn.btn-primary,
.product-compare .btn-primary {
    color: #080808 !important;

    background:
        linear-gradient(
            135deg,
            #f3dc7c 0%,
            #d4af37 48%,
            #b78d1c 100%
        ) !important;

    border: 1px solid #e5c85d !important;

    border-radius: var(--modora-radius) !important;

    font-weight: 700 !important;
    letter-spacing: .025em;

    text-shadow: none !important;

    box-shadow:
        0 7px 20px rgba(212,175,55,.16),
        inset 0 1px 0 rgba(255,255,255,.38) !important;
}


/* PRIMARY HOVER */

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.product-thumb .button-group button:hover,
.product-thumb .button-group1 button:hover,
#cart .text-right .addtocart:hover,
#cart .text-right .checkout:hover,
.subscribe-btn .btn-lg:hover,
.content .pull-right .btn.btn-primary:hover,
.product-compare .btn-primary:hover {
    color: #000 !important;

    background:
        linear-gradient(
            135deg,
            #fff0a5 0%,
            #e1bd48 48%,
            #c69b23 100%
        ) !important;

    border-color: #f2d771 !important;

    transform: translateY(-2px);

    box-shadow:
        0 11px 28px rgba(212,175,55,.28),
        inset 0 1px 0 rgba(255,255,255,.48) !important;
}


/* BUTTON CLICK */

.btn:active,
button:active,
input[type="submit"]:active,
input[type="button"]:active {
    transform: translateY(0) scale(.98);
}


/* ==========================================================
   SECONDARY / DEFAULT BUTTONS
   ========================================================== */

.btn-default,
button.btn-default,
.btn-inverse {
    color: #ffffff !important;

    background:
        linear-gradient(
            180deg,
            #202020 0%,
            #121212 100%
        ) !important;

    border: 1px solid rgba(212,175,55,.62) !important;

    border-radius: var(--modora-radius) !important;

    font-weight: 600;

    text-shadow: none !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.055),
        0 5px 16px rgba(0,0,0,.25) !important;
}

.btn-default:hover,
.btn-default:focus,
.btn-inverse:hover,
.btn-inverse:focus {
    color: #080808 !important;

    background:
        linear-gradient(
            135deg,
            #f1d978,
            #d4af37
        ) !important;

    border-color: #efd56c !important;

    transform: translateY(-2px);

    box-shadow:
        0 10px 25px rgba(212,175,55,.22) !important;
}


/* ==========================================================
   INFO / SUCCESS / WARNING / DANGER
   Keep semantic distinction but luxury styling
   ========================================================== */

.btn-info,
.btn-success,
.btn-warning,
.btn-danger {
    border-radius: var(--modora-radius) !important;
    font-weight: 700 !important;
    text-shadow: none !important;
}

.btn-info {
    color: #080808 !important;
    background: #d4af37 !important;
    border-color: #eed46c !important;
}

.btn-success {
    color: #fff !important;
    background: #17633a !important;
    border-color: #2a8a56 !important;
}

.btn-warning {
    color: #111 !important;
    background: #e0ae34 !important;
    border-color: #f0c75d !important;
}

.btn-danger {
    color: #fff !important;
    background: #9d2b2b !important;
    border-color: #c84b4b !important;
}

.btn-info:hover,
.btn-success:hover,
.btn-warning:hover,
.btn-danger:hover {
    filter: brightness(1.12);
    transform: translateY(-2px);
}


/* ==========================================================
   BUTTON SIZES
   ========================================================== */

.btn {
    min-height: 42px;

    padding: 10px 18px !important;

    line-height: 1.25;
}

.btn-sm {
    min-height: 36px;
    padding: 7px 13px !important;
    border-radius: 11px !important;
}

.btn-xs {
    min-height: 31px;
    padding: 5px 10px !important;
    border-radius: 9px !important;
}

.btn-lg {
    min-height: 50px;
    padding: 13px 23px !important;
    border-radius: 16px !important;
}


/* ==========================================================
   ICON / SMALL ACTION BUTTONS
   ========================================================== */

.product-thumb .button-group button,
.product-thumb .button-group1 button,
.btn-group.wish-comp .btn,
.account-wishlist .table-responsive .btn,
.account-order .table-responsive .btn {
    border-radius: 12px !important;
}


/* ==========================================================
   FORM CONTROLS
   ========================================================== */

.form-control,
select.form-control,
textarea.form-control,
input[type="text"].form-control,
input[type="password"].form-control,
input[type="email"].form-control,
input[type="number"].form-control,
input[type="tel"].form-control,
input[type="url"].form-control,
input[type="search"].form-control,
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime"].form-control,
input[type="datetime-local"].form-control {
    min-height: 46px;

    padding: 10px 14px;

    color: #f7f7f3 !important;

    background:
        linear-gradient(
            180deg,
            #181818 0%,
            #111111 100%
        ) !important;

    border: 1px solid rgba(255,255,255,.15) !important;

    border-radius: var(--modora-radius) !important;

    box-shadow:
        inset 0 1px 2px rgba(0,0,0,.38) !important;

    outline: none !important;

    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        background .18s ease !important;
}


textarea.form-control {
    min-height: 120px;
    resize: vertical;
}


/* FORM FOCUS */

.form-control:focus,
select.form-control:focus,
textarea.form-control:focus,
input[type="text"].form-control:focus,
input[type="password"].form-control:focus,
input[type="email"].form-control:focus,
input[type="number"].form-control:focus,
input[type="tel"].form-control:focus,
input[type="search"].form-control:focus {
    color: #fff !important;

    background: #151515 !important;

    border-color: #d4af37 !important;

    box-shadow:
        0 0 0 3px rgba(212,175,55,.12),
        inset 0 1px 2px rgba(0,0,0,.25) !important;
}


/* PLACEHOLDERS */

.form-control::placeholder,
input::placeholder,
textarea::placeholder {
    color: #858681 !important;
    opacity: 1;
}


/* SELECT */

select.form-control {
    color-scheme: dark;
    cursor: pointer;
}

select.form-control option {
    color: #f5f5f1;
    background: #131313;
}


/* LABELS */

label,
.control-label,
.form-group label {
    color: #e7e7e3;
    font-weight: 500;
}


/* HELP / SMALL TEXT */

.help-block,
.form-text,
.text-muted {
    color: #969791 !important;
}


/* ==========================================================
   INPUT GROUPS
   ========================================================== */

.input-group .form-control:first-child,
.input-group-addon:first-child {
    border-radius:
        var(--modora-radius)
        0
        0
        var(--modora-radius) !important;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > button {
    border-radius:
        0
        var(--modora-radius)
        var(--modora-radius)
        0 !important;
}


/* ==========================================================
   HEADER SEARCH — PREMIUM PILL
   ========================================================== */

#search {
    overflow: visible;

    background: #121212;

    border: 1px solid rgba(212,175,55,.30);

    border-radius: 18px !important;

    box-shadow:
        0 7px 25px rgba(0,0,0,.25);
}

#search .form-control.input-lg {
    min-height: 48px;

    padding-left: 17px !important;

    color: #fff !important;

    background: transparent !important;

    border: 0 !important;

    border-radius:
        18px
        0
        0
        18px !important;

    box-shadow: none !important;
}

#search .form-control.input-lg:focus {
    box-shadow: none !important;
}

#search:focus-within {
    border-color: #d4af37;

    box-shadow:
        0 0 0 3px rgba(212,175,55,.10),
        0 8px 28px rgba(0,0,0,.32);
}


/* Search gold action */
#search .input-group-btn {
    padding: 4px;
}

#search .btn-lg,
#searchBtn {
    width: 42px !important;
    min-width: 42px !important;
    height: 40px !important;
    min-height: 40px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #090909 !important;

    background:
        linear-gradient(
            135deg,
            #f3dc7c,
            #d4af37
        ) !important;

    border: 1px solid #eed46a !important;

    border-radius: 13px !important;

    box-shadow:
        0 5px 14px rgba(212,175,55,.20) !important;
}

#search .btn-lg:hover,
#searchBtn:hover {
    background:
        linear-gradient(
            135deg,
            #fff0a2,
            #e0bc46
        ) !important;

    transform: scale(1.045);
}


/* ==========================================================
   CHECKBOX / RADIO
   ========================================================== */

input[type="checkbox"],
input[type="radio"] {
    accent-color: #d4af37;
}


/* ==========================================================
   DISABLED
   ========================================================== */

.btn[disabled],
.btn.disabled,
button[disabled],
input[disabled],
.form-control[disabled],
.form-control[readonly] {
    opacity: .48 !important;
    cursor: not-allowed !important;
    transform: none !important;
}


/* ==========================================================
   DROPDOWNS
   ========================================================== */

.dropdown-menu {
    padding: 8px !important;

    background: #111 !important;

    border: 1px solid rgba(212,175,55,.20) !important;

    border-radius: 14px !important;

    box-shadow:
        0 20px 50px rgba(0,0,0,.45) !important;
}

.dropdown-menu > li > a {
    padding: 10px 12px !important;

    color: #e7e7e3 !important;

    border-radius: 9px;

    transition:
        background .15s ease,
        color .15s ease;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: #090909 !important;
    background: #d4af37 !important;
}


/* ==========================================================
   TEXT CONTRAST SAFETY
   ========================================================== */

body,
p,
li,
td,
th,
.form-group,
.control-label {
    border-color: rgba(255,255,255,.09);
}

legend {
    color: #f2f2ee !important;
    border-bottom-color: rgba(212,175,55,.22) !important;
}


/* ==========================================================
   MOBILE BUTTON / FORM TOUCH TARGETS
   ========================================================== */

@media (max-width:767px) {

    .btn {
        min-height: 46px;
        border-radius: 14px !important;
    }

    .btn-lg {
        min-height: 52px;
        border-radius: 16px !important;
    }

    .form-control {
        min-height: 48px;
        font-size: 16px;
    }

    #search {
        border-radius: 16px !important;
    }

    #search .form-control.input-lg {
        min-height: 48px;
    }
}


/* ==========================================================
   MODORA REAL LEGACY CONTROLS — HIGH SPECIFICITY OVERRIDES
   ========================================================== */


/* ----------------------------------------------------------
   PRODUCT CARD ACTION BUTTONS
   Override legacy 36x36 white circles
   ---------------------------------------------------------- */

.product-thumb .button-group button,
.product-thumb .button-group1 button,
.product-thumb .button-group .wishlist,
.product-thumb .button-group1 .wishlist,
.product-thumb .button-group .compare,
.product-thumb .button-group .addtocart {

    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;

    margin: 0 0 8px !important;
    padding: 0 !important;

    float: none !important;
    display: block !important;

    background-color: #d4af37 !important;

    border: 1px solid #f0d66e !important;

    border-radius: 14px !important;

    box-shadow:
        0 8px 22px rgba(0,0,0,.32),
        0 3px 14px rgba(212,175,55,.18),
        inset 0 1px 0 rgba(255,255,255,.35) !important;

    opacity: 1 !important;

    transition:
        transform .18s ease,
        background-color .18s ease,
        border-color .18s ease,
        box-shadow .18s ease !important;
}


/* Wishlist icon: force dark icon on gold */
.product-thumb .button-group .wishlist,
.product-thumb .button-group1 .wishlist {

    background-image: url("../img/heart-solid.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 16px !important;
}


/* Hover remains gold/light instead of old dark circle */
.product-thumb .button-group button:hover,
.product-thumb .button-group1 button:hover,
.product-thumb .button-group .wishlist:hover,
.product-thumb .button-group1 .wishlist:hover,
.product-thumb .button-group .compare:hover,
.product-thumb .button-group .addtocart:hover {

    background-color: #f0d66e !important;

    border-color: #fff0a2 !important;

    border-radius: 14px !important;

    transform: translateY(-3px) scale(1.04) !important;

    box-shadow:
        0 12px 28px rgba(0,0,0,.38),
        0 5px 22px rgba(212,175,55,.34) !important;
}


/* Keep dark wishlist icon also on hover */
.product-thumb .button-group .wishlist:hover,
.product-thumb .button-group1 .wishlist:hover {

    background-image: url("../img/heart-solid.svg") !important;
}


/* Already-added favorite */
.product-thumb .button-group .wishlist.btn-added,
.product-thumb .button-group1 .wishlist.btn-added {

    background-color: #f1d978 !important;

    border-color: #fff1a5 !important;

    box-shadow:
        0 0 0 3px rgba(212,175,55,.12),
        0 9px 25px rgba(0,0,0,.32) !important;
}


/* ----------------------------------------------------------
   MOBILE FILTER BUTTONS
   ---------------------------------------------------------- */

#filterBTN,
#filterBTN2 {

    min-height: 48px !important;

    padding: 13px 22px !important;

    color: #080808 !important;

    background:
        linear-gradient(
            135deg,
            #f4df83 0%,
            #d4af37 55%,
            #b98e1d 100%
        ) !important;

    border: 1px solid #efd66e !important;

    border-radius: 16px !important;

    font-weight: 800 !important;

    letter-spacing: .065em !important;

    text-decoration: none !important;

    box-shadow:
        0 9px 24px rgba(212,175,55,.22),
        inset 0 1px 0 rgba(255,255,255,.42) !important;
}


#filterBTN:hover,
#filterBTN2:hover {

    color: #000 !important;

    background:
        linear-gradient(
            135deg,
            #fff1a1,
            #e1bd48
        ) !important;

    transform: translateY(-2px);

    box-shadow:
        0 13px 30px rgba(212,175,55,.32) !important;
}


/* Filter icon */
#filterBTN .fa {
    margin-right: 8px;
}


/* ----------------------------------------------------------
   FILTER PANEL TITLE
   ---------------------------------------------------------- */

#products-filters-title {

    padding: 13px 16px !important;

    color: #f7f7f3 !important;

    background: #151515 !important;

    border: 1px solid rgba(212,175,55,.32) !important;

    border-radius: 14px !important;

    font-weight: 700;
}


#products-filters-title .fa-remove {
    color: #d4af37 !important;
    cursor: pointer;
}


/* ----------------------------------------------------------
   SORT SELECT — #input-sort has no .form-control class
   ---------------------------------------------------------- */

#input-sort {

    min-width: 190px;
    min-height: 46px;

    padding: 9px 42px 9px 15px !important;

    color: #f7f7f3 !important;

    background-color: #151515 !important;

    border: 1px solid rgba(212,175,55,.55) !important;

    border-radius: 14px !important;

    outline: none !important;

    font-weight: 500;

    color-scheme: dark;

    cursor: pointer;

    box-shadow:
        inset 0 1px 1px rgba(255,255,255,.035),
        0 6px 18px rgba(0,0,0,.18) !important;

    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        background-color .18s ease !important;
}


#input-sort:hover {
    border-color: #d4af37 !important;
}


#input-sort:focus {

    background-color: #181818 !important;

    border-color: #f0d66e !important;

    box-shadow:
        0 0 0 3px rgba(212,175,55,.13),
        0 8px 22px rgba(0,0,0,.24) !important;
}


#input-sort option {
    color: #f7f7f3 !important;
    background: #111 !important;
}


.input-sort-label {

    margin-right: 10px !important;

    color: #bebfba !important;

    font-weight: 500 !important;
}


/* ----------------------------------------------------------
   CLEAR FILTERS
   ---------------------------------------------------------- */

.clear_filters {

    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    min-height: 40px;

    padding: 8px 15px !important;

    color: #f0d66e !important;

    background: #151515 !important;

    border: 1px solid rgba(212,175,55,.42) !important;

    border-radius: 13px !important;

    text-decoration: none !important;

    font-weight: 600 !important;
}


.clear_filters:hover {

    color: #090909 !important;

    background: #d4af37 !important;

    border-color: #efd66e !important;

    transform: translateY(-1px);
}


/* ----------------------------------------------------------
   FILTER CHECKBOXES
   ---------------------------------------------------------- */

.filterCHB,
.producerCHB,
.sizeCHB {

    accent-color: #d4af37 !important;
}


/* Filter text contrast */
.parent_filter,
.parent_filter label,
.parent_filter .subcat_title2 {

    color: #d1d1cc;
}


.parent_filter label:hover,
.parent_filter label:hover .subcat_title2 {

    color: #fff !important;
}


/* ----------------------------------------------------------
   SEARCH BUTTON — force rounded gold square
   ---------------------------------------------------------- */

.header-search #search #searchBtn {

    width: 42px !important;
    height: 42px !important;

    min-width: 42px !important;
    min-height: 42px !important;

    padding: 0 !important;
    margin: 2px !important;

    background-color: #d4af37 !important;

    border: 1px solid #f0d66e !important;

    border-radius: 13px !important;

    box-shadow:
        0 6px 18px rgba(212,175,55,.24) !important;
}


.header-search #search #searchBtn:hover {

    background-color: #f0d66e !important;

    border-radius: 13px !important;

    transform: scale(1.05);
}


/* ----------------------------------------------------------
   ALL GENERIC REAL BUTTONS
   Strong final rounding
   ---------------------------------------------------------- */

a.btn,
button.btn,
input.btn,
.btn-primary,
.btn-default,
.btn-info,
.btn-success,
.btn-warning,
.btn-danger {

    border-radius: 14px !important;
}


/* Mobile stronger touch targets */
@media (max-width: 767px) {

    #filterBTN,
    #filterBTN2 {

        width: 100%;

        min-height: 50px !important;

        border-radius: 16px !important;
    }

    #input-sort {

        width: 100%;
        min-width: 0;

        min-height: 48px;

        border-radius: 15px !important;
    }

    .product-thumb .button-group button,
    .product-thumb .button-group1 button,
    .product-thumb .button-group .wishlist,
    .product-thumb .button-group1 .wishlist {

        width: 46px !important;
        height: 46px !important;

        min-width: 46px !important;
        min-height: 46px !important;

        border-radius: 14px !important;
    }
}


/* ==========================================================
   MODORA CATEGORY / SUBCATEGORY CARDS
   ========================================================== */


/* All category labels must be clearly visible */
.subcat_title,
span.subcat_title,
a .subcat_title,
.subcategory .subcat_title,
.category-list .subcat_title {
    color: #ffffff !important;
    opacity: 1 !important;
    text-shadow: none !important;
}


/* Main subcategory cards above product grid */
a.subcat2 {
    position: relative;

    display: block;

    overflow: hidden;

    background:
        linear-gradient(
            180deg,
            #181818 0%,
            #101010 100%
        ) !important;

    border: 1px solid rgba(212,175,55,.24) !important;

    border-radius: 16px !important;

    text-decoration: none !important;

    box-shadow:
        0 8px 24px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.025) !important;

    transition:
        transform .20s ease,
        border-color .20s ease,
        box-shadow .20s ease,
        background .20s ease !important;
}


/* Category picture */
a.subcat2 .cat_bg {
    display: block;

    overflow: hidden;

    border-radius:
        15px
        15px
        0
        0 !important;

    background-size: cover !important;

    transition:
        transform .28s ease,
        filter .28s ease !important;
}


/* Category title */
a.subcat2 .subcat_title {
    display: flex !important;
    align-items: center;
    justify-content: center;

    min-height: 50px;

    padding: 10px 12px !important;

    color: #ffffff !important;

    background:
        linear-gradient(
            180deg,
            #171717 0%,
            #101010 100%
        ) !important;

    border-top: 1px solid rgba(255,255,255,.055);

    font-size: 13px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;

    text-align: center !important;

    opacity: 1 !important;

    transition:
        color .18s ease,
        background .18s ease !important;
}


/* Hover */
a.subcat2:hover {
    transform: translateY(-4px);

    background: #171717 !important;

    border-color: rgba(212,175,55,.70) !important;

    box-shadow:
        0 15px 35px rgba(0,0,0,.38),
        0 5px 18px rgba(212,175,55,.13) !important;
}


a.subcat2:hover .subcat_title {
    color: #f1d978 !important;

    background:
        linear-gradient(
            180deg,
            #1c1a13 0%,
            #12110d 100%
        ) !important;
}


a.subcat2:hover .cat_bg {
    transform: scale(1.035);
    filter: brightness(1.06);
}


/* Keyboard focus */
a.subcat2:focus {
    outline: none !important;

    border-color: #d4af37 !important;

    box-shadow:
        0 0 0 3px rgba(212,175,55,.13),
        0 14px 32px rgba(0,0,0,.35) !important;
}


/* Generic upper-level category text such as "Дрехи" */
.subcat_title:not(a.subcat2 .subcat_title) {
    color: #ffffff !important;
}


/* Mobile */
@media (max-width:767px) {

    a.subcat2 {
        border-radius: 14px !important;
    }

    a.subcat2 .cat_bg {
        border-radius:
            13px
            13px
            0
            0 !important;
    }

    a.subcat2 .subcat_title {
        min-height: 48px;

        padding: 9px 10px !important;

        font-size: 13px !important;
    }

}


/* ==========================================================
   MODORA SUBCATEGORY CARDS — FINAL CONSISTENT LAYOUT
   icon LEFT / title RIGHT
   ========================================================== */

a.subcat2 {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 14px !important;

    min-height: 86px !important;

    padding: 14px 16px !important;

    overflow: hidden !important;

    background:
        linear-gradient(
            145deg,
            #181818 0%,
            #101010 100%
        ) !important;

    border: 1px solid rgba(212,175,55,.28) !important;

    border-radius: 17px !important;

    box-shadow:
        0 8px 22px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.025) !important;

    text-decoration: none !important;

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        background .18s ease !important;
}


/* IMAGE / ICON — SAME SIZE EVERYWHERE */
a.subcat2 > .cat_bg {

    display: block !important;

    flex: 0 0 46px !important;

    width: 46px !important;
    height: 46px !important;

    min-width: 46px !important;
    min-height: 46px !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;

    background-size: cover !important;
    background-position: center center !important;

    border-radius: 11px !important;

    border: 1px solid rgba(255,255,255,.10) !important;

    box-shadow:
        0 4px 12px rgba(0,0,0,.22) !important;

    transform: none !important;
}


/* TITLE — ALWAYS BESIDE ICON */
a.subcat2 > .subcat_title {

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    flex: 1 1 auto !important;

    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;

    color: #ffffff !important;

    background: transparent !important;

    border: 0 !important;

    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 650 !important;

    letter-spacing: .015em !important;

    text-align: left !important;

    opacity: 1 !important;

    white-space: normal !important;
}


/* HOVER */
a.subcat2:hover {

    transform: translateY(-3px) !important;

    background:
        linear-gradient(
            145deg,
            #1c1b17 0%,
            #12110e 100%
        ) !important;

    border-color: rgba(212,175,55,.72) !important;

    box-shadow:
        0 14px 32px rgba(0,0,0,.34),
        0 4px 18px rgba(212,175,55,.12) !important;
}


a.subcat2:hover > .subcat_title {
    color: #f1d978 !important;
    background: transparent !important;
}


a.subcat2:hover > .cat_bg {
    transform: scale(1.05) !important;
}


/* MOBILE */
@media (max-width:767px) {

    a.subcat2 {

        min-height: 76px !important;

        gap: 12px !important;

        padding: 11px 13px !important;

        border-radius: 15px !important;
    }

    a.subcat2 > .cat_bg {

        flex-basis: 42px !important;

        width: 42px !important;
        height: 42px !important;

        min-width: 42px !important;
        min-height: 42px !important;

        border-radius: 10px !important;
    }

    a.subcat2 > .subcat_title {

        font-size: 13px !important;
    }
}


/* ==========================================================
   MODORA FILTER PRICE RANGE LINKS
   ========================================================== */

.div_link2,
.div_link2 a,
label.div_link2 a {
    color: #f5f5f2 !important;
    opacity: 1 !important;
    text-decoration: none !important;
}

.div_link2:hover,
.div_link2:hover a,
label.div_link2:hover a {
    color: #f1d978 !important;
}


/* selected / active state */
.div_link2.active,
.div_link2.active a,
.div_link2.sel_filter,
.div_link2.sel_filter a {
    color: #f1d978 !important;
    font-weight: 700 !important;
}


/* ==========================================================
   MODORA FIXED HEADER — BLACK LUXURY
   ========================================================== */

.headertop.fixed {
    position: fixed !important;

    top: 0 !important;
    left: 0 !important;
    right: 0 !important;

    width: 100% !important;

    padding: 0 !important;

    z-index: 10020 !important;

    background:
        linear-gradient(
            180deg,
            #101010 0%,
            #080808 100%
        ) !important;

    border-bottom: 1px solid rgba(212,175,55,.24) !important;

    box-shadow:
        0 12px 35px rgba(0,0,0,.48),
        inset 0 -1px 0 rgba(255,255,255,.025) !important;

    /*
     * IMPORTANT:
     * legacy fixedAnim makes the header repeatedly fall from above
     */
    animation: none !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;

    transition:
        background .20s ease,
        box-shadow .20s ease,
        border-color .20s ease !important;
}


/* Logo stays white on black sticky header */
.headertop.fixed #logo img {
    filter: brightness(0) invert(1) !important;
    opacity: 1 !important;
}


/* Header links */
.headertop.fixed a,
.headertop.fixed .accountimage,
.headertop.fixed #wishlist-total {
    color: #f7f7f3 !important;
}


.headertop.fixed a:hover,
.headertop.fixed #wishlist-total:hover {
    color: #f1d978 !important;
}


/* Search remains dark */
.headertop.fixed #search {
    background: #131313 !important;

    border-color: rgba(212,175,55,.38) !important;
}


/* Remove legacy gray glow */
.headertop.fixed {
    -webkit-box-shadow:
        0 12px 35px rgba(0,0,0,.48) !important;

    -moz-box-shadow:
        0 12px 35px rgba(0,0,0,.48) !important;
}


/* ==========================================================
   MODORA COMPACT STICKY HEADER
   Only active while .headertop has .fixed
   ========================================================== */

@media (min-width: 980px) {

    .headertop.fixed {
        min-height: 58px !important;
    }

    .headertop.fixed > .container {
        min-height: 58px !important;
    }

    .headertop.fixed .row {
        min-height: 58px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        margin: 0 !important;
    }


    /* LEFT — favorites */
    .headertop.fixed .header-left {
        display: flex !important;
        align-items: center !important;

        min-height: 58px !important;
    }

    .headertop.fixed .header-wishlist {
        margin: 0 !important;
        padding: 0 !important;
    }

    .headertop.fixed #wishlist-total {
        font-size: 12px !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
    }


    /* CENTER — logo */
    .headertop.fixed .headerinner.header-logo {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        min-height: 58px !important;

        padding: 0 15px !important;
        margin: 0 !important;
    }

    .headertop.fixed #logo {
        margin: 0 !important;
        padding: 0 !important;
    }

    .headertop.fixed #logo img {
        display: block !important;

        width: auto !important;
        height: auto !important;

        max-height: 30px !important;
        max-width: 150px !important;

        margin: 0 auto !important;
    }


    /* RIGHT */
    .headertop.fixed .header-right {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        gap: 10px !important;

        min-height: 58px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* SEARCH */
    .headertop.fixed .header-search {
        display: inline-flex !important;
        align-items: center !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .headertop.fixed #searchbox {
        margin: 0 !important;
    }

    .headertop.fixed #search {
        width: 250px !important;

        min-height: 38px !important;

        border-radius: 13px !important;
    }

    .headertop.fixed #search .form-control.input-lg {
        height: 38px !important;
        min-height: 38px !important;

        padding: 7px 12px !important;

        font-size: 13px !important;

        border-radius:
            13px
            0
            0
            13px !important;
    }

    .headertop.fixed #search .input-group-btn {
        padding: 2px !important;
    }

    .headertop.fixed #search #searchBtn {
        width: 34px !important;
        height: 34px !important;

        min-width: 34px !important;
        min-height: 34px !important;

        margin: 0 !important;

        border-radius: 10px !important;
    }


    /* ACCOUNT */
    .headertop.fixed .top-links {
        margin: 0 !important;
        padding: 0 !important;
    }

    .headertop.fixed .top-links > ul {
        margin: 0 !important;
    }

    .headertop.fixed .myaccount > a {
        display: flex !important;
        align-items: center !important;

        min-height: 38px !important;

        padding: 6px 10px !important;

        border: 1px solid rgba(212,175,55,.26) !important;
        border-radius: 12px !important;

        background: rgba(255,255,255,.025) !important;
    }

    .headertop.fixed .accountimage {
        font-size: 12px !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
    }


    /* Remove unnecessary vertical spacing inherited from old theme */
    .headertop.fixed .form-group,
    .headertop.fixed .list-inline,
    .headertop.fixed ul,
    .headertop.fixed li {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

}


/* Smaller laptops */
@media (min-width: 980px) and (max-width: 1250px) {

    .headertop.fixed #search {
        width: 210px !important;
    }

    .headertop.fixed #logo img {
        max-width: 125px !important;
        max-height: 27px !important;
    }

    .headertop.fixed #wishlist-total,
    .headertop.fixed .accountimage {
        font-size: 11px !important;
    }
}


/* ==========================================================
   MODORA ACCOUNT DROPDOWN — TEXT VISIBILITY FIX
   ========================================================== */

.myaccount > a,
.myaccount > a .accountimage,
.myaccount > a:hover,
.myaccount > a:hover .accountimage,
.myaccount.open > a,
.myaccount.open > a .accountimage,
.myaccount > a:focus,
.myaccount > a:focus .accountimage {
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: none !important;
}


/* Premium hover */
.myaccount > a:hover .accountimage,
.myaccount.open > a .accountimage {
    color: #f1d978 !important;
}


/* caret */
.myaccount .caret {
    border-top-color: #d4af37 !important;
    border-bottom-color: #d4af37 !important;
}


/* Account dropdown itself */
.myaccount-menu {
    background: #111111 !important;

    border: 1px solid rgba(212,175,55,.28) !important;

    border-radius: 14px !important;

    box-shadow:
        0 18px 45px rgba(0,0,0,.48) !important;
}


.myaccount-menu > li > a {
    color: #f5f5f2 !important;

    background: transparent !important;

    border-radius: 9px !important;
}


.myaccount-menu > li > a:hover,
.myaccount-menu > li > a:focus {
    color: #080808 !important;

    background: #d4af37 !important;
}


/* ==========================================================
   MODORA HEADER STACKING ORDER
   Account dropdown must stay above main category navigation
   ========================================================== */

header {
    position: relative !important;
    z-index: 20000 !important;
}


/* TOP HEADER: logo / search / account */
header .headertop {
    position: relative !important;
    z-index: 20040 !important;
}


/* Sticky version stays highest */
header .headertop.fixed {
    z-index: 20050 !important;
}


/* Account area */
header .top-links,
header .myaccount {
    position: relative !important;
    z-index: 20070 !important;
}


/* Actual profile dropdown */
header .dropdown-menu.myaccount-menu,
header .myaccount-menu {
    z-index: 20100 !important;
}


/* Category/navigation bar below account header */
header .header-bottom {
    position: relative !important;
    z-index: 20000 !important;
}


/* New MODORA mega menu */
header .modora-mega-v2 {
    position: relative !important;
    z-index: 20010 !important;
}


/* Mega category panels remain above page content */
header .mm-panel {
    z-index: 20020 !important;
}


/* ==========================================================
   MODORA QUICK ACCESS / BRAND FILTER CHIPS
   ========================================================== */

section.grid-2 .card {
    background:
        linear-gradient(
            145deg,
            #171717 0%,
            #0f0f0f 100%
        ) !important;

    border: 1px solid rgba(212,175,55,.22) !important;
    border-radius: 18px !important;

    box-shadow:
        0 10px 28px rgba(0,0,0,.24) !important;
}


/* Section headings */
section.grid-2 .section-title h2 {
    color: #ffffff !important;
}

section.grid-2 .section-title .stats {
    color: #d8d8d2 !important;
}


/* Chip container */
section.grid-2 ul.chips {
    display: flex !important;
    flex-wrap: wrap !important;

    gap: 9px !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


/* Individual chip */
section.grid-2 ul.chips li {
    margin: 0 !important;
    padding: 0 !important;
}


/* Luxury pill button */
section.grid-2 ul.chips li a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 38px !important;

    padding: 8px 15px !important;

    color: #ffffff !important;

    background:
        linear-gradient(
            180deg,
            #202020 0%,
            #141414 100%
        ) !important;

    border: 1px solid rgba(212,175,55,.58) !important;

    border-radius: 999px !important;

    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;

    text-decoration: none !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 4px 13px rgba(0,0,0,.18) !important;

    transition:
        transform .18s ease,
        background .18s ease,
        border-color .18s ease,
        color .18s ease,
        box-shadow .18s ease !important;
}


/* Strong hover contrast */
section.grid-2 ul.chips li a:hover,
section.grid-2 ul.chips li a:focus {
    color: #080808 !important;

    background:
        linear-gradient(
            135deg,
            #f3dd80 0%,
            #d4af37 60%,
            #bd921e 100%
        ) !important;

    border-color: #f0d66e !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 9px 22px rgba(212,175,55,.22) !important;

    outline: none !important;
}


/* Mobile */
@media (max-width:767px) {

    section.grid-2 ul.chips {
        gap: 8px !important;
    }

    section.grid-2 ul.chips li a {
        min-height: 40px !important;

        padding: 9px 14px !important;

        font-size: 12.5px !important;
    }
}


/* ==========================================================
   MODORA PRODUCT CARDS — GLOBAL PREMIUM V2
   ========================================================== */


/* ----------------------------------------------------------
   WHOLE CARD
   ---------------------------------------------------------- */

.box-product .product-items {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;

    margin-bottom: 24px !important;

    overflow: hidden !important;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(212,175,55,.055),
            transparent 30%
        ),
        linear-gradient(
            155deg,
            #171717 0%,
            #0d0d0d 100%
        ) !important;

    border: 1px solid rgba(255,255,255,.085) !important;

    border-radius: 20px !important;

    box-shadow:
        0 8px 28px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.025) !important;

    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease,
        background .22s ease !important;
}


/* Premium card hover */
.box-product .product-items:hover {
    transform: translateY(-6px) !important;

    border-color: rgba(212,175,55,.62) !important;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(212,175,55,.10),
            transparent 34%
        ),
        linear-gradient(
            155deg,
            #1a1916 0%,
            #10100e 100%
        ) !important;

    box-shadow:
        0 20px 45px rgba(0,0,0,.42),
        0 6px 24px rgba(212,175,55,.10),
        inset 0 1px 0 rgba(255,255,255,.035) !important;
}


/* Kill legacy card backgrounds/borders */
.box-product .product-items .product-block,
.box-product .product-items .product-thumb,
.box-product .product-items .product-block-inner {

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;
}


.box-product .product-items .product-block {
    flex: 1 1 auto !important;

    margin: 0 !important;
    padding: 0 !important;
}


.box-product .product-items .product-block-inner {
    position: relative !important;

    padding: 10px 10px 0 !important;
}


/* ----------------------------------------------------------
   IMAGE PANEL
   ---------------------------------------------------------- */

.box-product .product-items .image_link {

    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    aspect-ratio: 1 / 1;

    padding: 18px !important;

    overflow: hidden !important;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f4f4f0 100%
        ) !important;

    border: 1px solid rgba(255,255,255,.65) !important;

    border-radius: 15px !important;

    box-shadow:
        inset 0 0 25px rgba(0,0,0,.025) !important;
}


/* Actual product image */
.box-product .product-items .image_link img.image {

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: 100% !important;
    max-height: 100% !important;

    object-fit: contain !important;

    margin: 0 auto !important;

    background: transparent !important;

    border-radius: 10px !important;

    transform: scale(1);

    transition:
        transform .32s cubic-bezier(.2,.75,.25,1),
        filter .25s ease !important;
}


/* Image hover */
.box-product .product-items:hover .image_link img.image {

    transform: scale(1.045) !important;

    filter:
        contrast(1.02)
        saturate(1.025);
}


/* ----------------------------------------------------------
   DISCOUNT BADGE
   ---------------------------------------------------------- */

.box-product .product-items .promo_percent {

    position: absolute !important;

    z-index: 6 !important;

    top: 12px !important;
    left: 12px !important;

    min-width: 46px;

    padding: 7px 10px !important;

    color: #080808 !important;

    background:
        linear-gradient(
            135deg,
            #f4df84,
            #d4af37 62%,
            #bb901e
        ) !important;

    border: 1px solid #f0d66e !important;

    border-radius: 999px !important;

    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 800 !important;

    letter-spacing: .025em !important;

    box-shadow:
        0 6px 17px rgba(0,0,0,.24),
        0 3px 13px rgba(212,175,55,.18) !important;
}


/* ----------------------------------------------------------
   CARD ACTIONS / WISHLIST
   ---------------------------------------------------------- */

.box-product .product-items .button-group {

    position: absolute !important;

    z-index: 8 !important;

    top: 20px !important;
    right: 20px !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;

    opacity: 1 !important;
}


/* Legacy invisible "show more" action is unnecessary;
   we already have full CTA below */
.box-product .product-items .button-group > div:first-child {
    display: none !important;
}


/* Wishlist */
.box-product .product-items .button-group .wishlist {

    width: 42px !important;
    height: 42px !important;

    min-width: 42px !important;
    min-height: 42px !important;

    margin: 0 !important;
    padding: 0 !important;

    background-color: #d4af37 !important;

    border: 1px solid #f0d66e !important;

    border-radius: 13px !important;

    box-shadow:
        0 8px 22px rgba(0,0,0,.30),
        0 3px 13px rgba(212,175,55,.18) !important;

    transition:
        transform .18s ease,
        background-color .18s ease,
        box-shadow .18s ease !important;
}


.box-product .product-items .button-group .wishlist:hover {

    background-color: #f1d978 !important;

    border-radius: 13px !important;

    transform: translateY(-2px) scale(1.055) !important;

    box-shadow:
        0 12px 26px rgba(0,0,0,.34),
        0 5px 18px rgba(212,175,55,.25) !important;
}


/* ----------------------------------------------------------
   PRODUCT INFORMATION
   ---------------------------------------------------------- */

.box-product .product-items .product-details {

    padding: 16px 16px 9px !important;

    background: transparent !important;
}


.box-product .product-items .caption {

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    text-align: left !important;
}


/* Product title */
.box-product .product-items .caption h2 {

    min-height: 42px !important;

    margin: 0 0 11px !important;
    padding: 0 !important;

    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;

    text-transform: none !important;
}


/* Clamp excessively long feed titles visually.
   Full title remains in HTML / SEO. */
.box-product .product-items .caption h2 a {

    display: -webkit-box !important;

    overflow: hidden !important;

    color: #f7f7f3 !important;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    line-clamp: 2;

    text-decoration: none !important;

    transition: color .18s ease !important;
}


.box-product .product-items:hover .caption h2 a {
    color: #f1d978 !important;
}


/* ----------------------------------------------------------
   PRICE
   ---------------------------------------------------------- */

.box-product .product-items .caption .price {

    min-height: 28px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #f1d978 !important;

    font-size: 18px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;

    letter-spacing: -.015em !important;
}


/* Discount/current price */
.box-product .product-items .price .price-new {

    color: #f1d978 !important;

    font-size: 18px !important;
    font-weight: 800 !important;
}


/* Old price */
.box-product .product-items .price .price-old {

    margin-left: 7px !important;

    color: #868780 !important;

    font-size: 13px !important;
    font-weight: 500 !important;

    text-decoration: line-through !important;
}


/* ----------------------------------------------------------
   CARD FOOTER
   WEBSITE + CTA
   ---------------------------------------------------------- */

.box-product .product-items .caption2 {

    position: static !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 10px !important;

    width: 100% !important;
    height: auto !important;

    margin: auto 0 0 !important;
    padding: 12px 16px 16px !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;

    background: transparent !important;

    border-top: 1px solid rgba(255,255,255,.065) !important;
}


/* Source store */
.box-product .product-items .caption2 .website {

    max-width: 43%;

    overflow: hidden;

    color: #999a94 !important;

    font-size: 10.5px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;

    letter-spacing: .075em !important;

    text-transform: uppercase !important;

    text-overflow: ellipsis;
    white-space: nowrap;
}


/* Full CTA */
.box-product .product-items .caption2 .full-btn {

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 40px !important;

    margin: 0 !important;
    padding: 9px 15px !important;

    color: #080808 !important;

    background:
        linear-gradient(
            135deg,
            #f4df84 0%,
            #d4af37 60%,
            #bb901e 100%
        ) !important;

    border: 1px solid #f0d66e !important;

    border-radius: 13px !important;

    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 800 !important;

    letter-spacing: .055em !important;

    text-transform: uppercase !important;
    text-decoration: none !important;

    white-space: nowrap !important;

    box-shadow:
        0 6px 17px rgba(212,175,55,.15),
        inset 0 1px 0 rgba(255,255,255,.35) !important;

    transition:
        transform .18s ease,
        background .18s ease,
        box-shadow .18s ease !important;
}


/* CTA hover */
.box-product .product-items .caption2 .full-btn:hover {

    color: #000 !important;

    background:
        linear-gradient(
            135deg,
            #fff1a4,
            #e3c04c
        ) !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 10px 24px rgba(212,175,55,.27) !important;
}


/* ----------------------------------------------------------
   FOCUS / ACCESSIBILITY
   ---------------------------------------------------------- */

.box-product .product-items a:focus-visible,
.box-product .product-items button:focus-visible {

    outline: 2px solid #f1d978 !important;
    outline-offset: 2px !important;
}


/* ----------------------------------------------------------
   TABLET
   ---------------------------------------------------------- */

@media (max-width: 1199px) {

    .box-product .product-items {
        border-radius: 18px !important;
    }

    .box-product .product-items .image_link {
        padding: 15px !important;
        border-radius: 14px !important;
    }

    .box-product .product-items .caption h2 {
        font-size: 13.5px !important;
    }

}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width: 767px) {

    .box-product .product-items {

        margin-bottom: 18px !important;

        border-radius: 16px !important;
    }


    .box-product .product-items:hover {
        transform: translateY(-3px) !important;
    }


    .box-product .product-items .product-block-inner {
        padding: 8px 8px 0 !important;
    }


    .box-product .product-items .image_link {

        padding: 12px !important;

        border-radius: 13px !important;
    }


    .box-product .product-items .product-details {

        padding: 13px 12px 8px !important;
    }


    .box-product .product-items .caption h2 {

        min-height: 39px !important;

        margin-bottom: 8px !important;

        font-size: 12.5px !important;
        line-height: 1.4 !important;
    }


    .box-product .product-items .caption .price,
    .box-product .product-items .price .price-new {

        font-size: 16px !important;
    }


    .box-product .product-items .price .price-old {

        font-size: 11.5px !important;
    }


    .box-product .product-items .button-group {

        top: 15px !important;
        right: 15px !important;
    }


    .box-product .product-items .button-group .wishlist {

        width: 38px !important;
        height: 38px !important;

        min-width: 38px !important;
        min-height: 38px !important;

        border-radius: 12px !important;
    }


    .box-product .product-items .promo_percent {

        top: 10px !important;
        left: 10px !important;

        padding: 6px 8px !important;

        font-size: 11px !important;
    }


    .box-product .product-items .caption2 {

        flex-direction: column !important;
        align-items: stretch !important;

        gap: 9px !important;

        padding: 10px 12px 13px !important;
    }


    .box-product .product-items .caption2 .website {

        max-width: 100%;

        text-align: center;
    }


    .box-product .product-items .caption2 .full-btn {

        width: 100% !important;

        min-height: 42px !important;

        border-radius: 13px !important;
    }

}


/* ==========================================================
   MODORA PRODUCT CARDS — IMAGE CENTER + DEEP DISCOUNT
   ========================================================== */


/* TRUE IMAGE CENTERING */
.box-product .product-items .image_link {

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;

    box-sizing: border-box !important;
}


.box-product .product-items .image_link img.image {

    position: static !important;

    display: block !important;

    float: none !important;

    width: auto !important;
    height: auto !important;

    max-width: 100% !important;
    max-height: 100% !important;

    margin: auto !important;

    align-self: center !important;

    object-fit: contain !important;
    object-position: center center !important;

    vertical-align: middle !important;
}


/* ==========================================================
   DEEP DISCOUNT — OVER 50%
   Class is added automatically by scripts.js
   ========================================================== */

.box-product .product-items.modora-deep-discount .promo_percent {

    color: #ffffff !important;

    background:
        linear-gradient(
            135deg,
            #ff5a5f 0%,
            #dc242b 58%,
            #a90f16 100%
        ) !important;

    border-color: rgba(255,105,105,.95) !important;

    box-shadow:
        0 7px 18px rgba(0,0,0,.30),
        0 4px 16px rgba(220,36,43,.30) !important;
}


/* NEW PRICE — RED ONLY FOR >50% */
.box-product .product-items.modora-deep-discount .price,
.box-product .product-items.modora-deep-discount .price .price-new {

    color: #ff555b !important;
}


/* Old price remains subdued */
.box-product .product-items.modora-deep-discount .price .price-old {

    color: #858680 !important;
}


/* Slight red response on badge hover/card hover */
.box-product .product-items.modora-deep-discount:hover .promo_percent {

    background:
        linear-gradient(
            135deg,
            #ff7377 0%,
            #e72b32 55%,
            #b51119 100%
        ) !important;

    box-shadow:
        0 9px 22px rgba(0,0,0,.34),
        0 5px 20px rgba(220,36,43,.38) !important;
}


/* Mobile centering */
@media (max-width:767px) {

    .box-product .product-items .image_link img.image {

        width: auto !important;
        height: auto !important;

        max-width: 100% !important;
        max-height: 100% !important;

        margin: auto !important;
    }

}


/* ==========================================================
   MODORA BRANDS — GLOBAL PREMIUM BUTTONS
   ========================================================== */


/* Brand grid spacing */
.survey_producers {
    display: flex !important;
    flex-wrap: wrap !important;

    margin-left: -6px !important;
    margin-right: -6px !important;
}


.survey_producers > [class*="col-"] {
    padding-left: 6px !important;
    padding-right: 6px !important;
    margin-bottom: 12px !important;
}


/* Main brand button */
.survey_producers .survey_producer {

    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 64px !important;

    padding: 10px 13px !important;

    overflow: hidden !important;

    color: #f7f7f3 !important;

    background:
        linear-gradient(
            145deg,
            #1b1b1b 0%,
            #101010 100%
        ) !important;

    border: 1px solid rgba(212,175,55,.48) !important;

    border-radius: 15px !important;

    text-align: center !important;
    text-decoration: none !important;

    box-shadow:
        0 5px 16px rgba(0,0,0,.20),
        inset 0 1px 0 rgba(255,255,255,.035) !important;

    transition:
        transform .18s ease,
        border-color .18s ease,
        background .18s ease,
        color .18s ease,
        box-shadow .18s ease !important;
}


/* Brand text */
.survey_producers .survey_producer span {

    display: block !important;

    color: inherit !important;

    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 650 !important;

    letter-spacing: .01em !important;

    text-align: center !important;
}


/* Hover */
.survey_producers .survey_producer:hover,
.survey_producers .survey_producer:focus {

    color: #070707 !important;

    background:
        linear-gradient(
            135deg,
            #f5e28c 0%,
            #d4af37 60%,
            #b98b18 100%
        ) !important;

    border-color: #f0d66e !important;

    transform: translateY(-3px) !important;

    box-shadow:
        0 12px 26px rgba(0,0,0,.30),
        0 5px 18px rgba(212,175,55,.23) !important;

    outline: none !important;
}


.survey_producers .survey_producer:hover span,
.survey_producers .survey_producer:focus span {

    color: #070707 !important;
}


/* ----------------------------------------------------------
   BRAND LOGOS
   ---------------------------------------------------------- */

.survey_producers .survey_producer img {

    display: block !important;

    width: auto !important;
    height: auto !important;

    max-width: 88% !important;
    max-height: 44px !important;

    margin: auto !important;

    padding: 5px 8px !important;

    object-fit: contain !important;
    object-position: center !important;

    background: #ffffff !important;

    border-radius: 9px !important;

    box-shadow:
        0 3px 10px rgba(0,0,0,.12) !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease !important;
}


.survey_producers .survey_producer:hover img {

    transform: scale(1.035) !important;

    box-shadow:
        0 5px 14px rgba(0,0,0,.18) !important;
}


/* ==========================================================
   BRAND LETTERS A-Z
   ========================================================== */

.producers_letters {

    display: flex !important;
    flex-wrap: wrap !important;

    gap: 7px !important;

    margin: 22px 0 !important;

    color: transparent !important;
}


/* Hide old "|" visual separators */
.producers_letters {
    font-size: 0 !important;
}


.producers_letters .letter {

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 39px !important;
    min-height: 39px !important;

    padding: 7px 11px !important;

    color: #ffffff !important;

    background:
        linear-gradient(
            180deg,
            #1e1e1e,
            #121212
        ) !important;

    border: 1px solid rgba(212,175,55,.52) !important;

    border-radius: 11px !important;

    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 700 !important;

    text-decoration: none !important;

    box-shadow:
        0 4px 12px rgba(0,0,0,.18) !important;

    transition:
        transform .17s ease,
        background .17s ease,
        color .17s ease,
        border-color .17s ease,
        box-shadow .17s ease !important;
}


.producers_letters .letter:hover,
.producers_letters .letter:focus {

    color: #080808 !important;

    background:
        linear-gradient(
            135deg,
            #f5e28c,
            #d4af37
        ) !important;

    border-color: #f1da79 !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 8px 17px rgba(212,175,55,.20) !important;

    outline: none !important;
}


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

@media (max-width: 767px) {

    .survey_producers > [class*="col-"] {
        width: 50% !important;
        float: left !important;
    }

    .survey_producers .survey_producer {
        min-height: 58px !important;

        padding: 8px 10px !important;

        border-radius: 13px !important;
    }

    .survey_producers .survey_producer span {
        font-size: 12px !important;
    }

    .survey_producers .survey_producer img {
        max-height: 38px !important;
    }

    .producers_letters {
        gap: 6px !important;
    }

    .producers_letters .letter {

        min-width: 36px !important;
        min-height: 36px !important;

        padding: 6px 9px !important;

        border-radius: 10px !important;

        font-size: 12px !important;
    }
}


/* ==========================================================
   MODORA PRODUCT V2 — REAL REVIEWS PREMIUM UI
   ========================================================== */

.modora-v2-reviews-real {
    position: relative;
    overflow: hidden;
}

.modora-v2-reviews-real::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    right: -220px;
    top: -230px;
    pointer-events: none;
    background:
        radial-gradient(
            circle,
            rgba(212,175,55,.10),
            transparent 68%
        );
}


.modora-v2-review-intro {
    max-width: 680px;
    margin: 9px 0 0;
    color: #a9aaa4;
    font-size: 14px;
    line-height: 1.7;
}


/* Success */
.modora-v2-review-success {
    display: flex;
    align-items: center;
    gap: 13px;

    margin: 24px 0;
    padding: 15px 17px;

    color: #f7f7f3;

    background:
        linear-gradient(
            135deg,
            rgba(212,175,55,.13),
            rgba(212,175,55,.045)
        );

    border: 1px solid rgba(212,175,55,.42);
    border-radius: 15px;
}

.modora-v2-review-success-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 36px;
    height: 36px;

    flex: 0 0 36px;

    color: #090909;
    background: #d4af37;

    border-radius: 50%;
    font-weight: 900;
}


/* Errors */
.modora-v2-review-errors {
    margin: 24px 0;
    padding: 16px 18px;

    color: #fff;

    background: rgba(199,38,44,.12);

    border: 1px solid rgba(239,71,77,.48);
    border-radius: 15px;
}

.modora-v2-review-errors ul {
    margin: 8px 0 0 18px;
}


/* Rating cards */
.modora-v2-reviews-real .modora-v2-rating-card,
.modora-v2-reviews-real .modora-v2-review-form {

    position: relative;

    border: 1px solid rgba(212,175,55,.20) !important;
    border-radius: 22px !important;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(212,175,55,.07),
            transparent 36%
        ),
        linear-gradient(
            145deg,
            #171717,
            #0e0e0e
        ) !important;

    box-shadow:
        0 18px 45px rgba(0,0,0,.26),
        inset 0 1px 0 rgba(255,255,255,.025);
}


.modora-v2-rating-kicker {
    margin-bottom: 8px;

    color: #d4af37;

    font-size: 10px;
    line-height: 1;
    font-weight: 800;

    letter-spacing: .16em;
}


.modora-v2-stars-summary {
    display: flex;
    justify-content: center;
    gap: 3px;

    margin: 5px 0 8px;
}

.modora-v2-stars-summary span {
    color: #474741;
    font-size: 22px;
}

.modora-v2-stars-summary span.is-filled {
    color: #e1bf4f;

    text-shadow:
        0 3px 12px rgba(212,175,55,.20);
}


/* Rating distribution */
.modora-v2-rating-bars {
    display: grid;
    gap: 9px;

    margin-top: 24px;
}

.modora-v2-rating-bar-row {
    display: grid;
    grid-template-columns: 34px 1fr 26px;
    align-items: center;
    gap: 9px;
}

.modora-v2-rating-bar-label,
.modora-v2-rating-bar-count {
    color: #aaa9a2;
    font-size: 11px;
    font-weight: 700;
}

.modora-v2-rating-bar-count {
    text-align: right;
}

.modora-v2-rating-bar-track {
    display: block;
    height: 6px;

    overflow: hidden;

    background: #292925;
    border-radius: 99px;
}

.modora-v2-rating-bar-fill {
    display: block;
    height: 100%;

    background:
        linear-gradient(
            90deg,
            #b98d1f,
            #f0d66e
        );

    border-radius: inherit;
}


/* Form */
.modora-v2-review-form-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
}

.modora-v2-member-chip,
.modora-v2-review-badge {

    display: inline-flex;
    align-items: center;

    padding: 5px 9px;

    color: #e7cb69;

    background: rgba(212,175,55,.08);

    border: 1px solid rgba(212,175,55,.30);
    border-radius: 999px;

    font-size: 9px;
    font-weight: 800;

    letter-spacing: .08em;
}


.modora-v2-reviews-real .modora-v2-field input,
.modora-v2-reviews-real .modora-v2-field textarea {

    color: #fff !important;

    background:
        linear-gradient(
            180deg,
            #121212,
            #0d0d0d
        ) !important;

    border: 1px solid rgba(255,255,255,.12) !important;

    border-radius: 14px !important;

    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        background .18s ease !important;
}


.modora-v2-reviews-real .modora-v2-field input:focus,
.modora-v2-reviews-real .modora-v2-field textarea:focus {

    border-color: rgba(212,175,55,.72) !important;

    box-shadow:
        0 0 0 3px rgba(212,175,55,.08) !important;

    outline: none !important;
}


.modora-v2-reviews-real .modora-v2-field small {
    display: block;

    margin-top: 6px;

    color: #777872;

    font-size: 10px;
}


/* Star picker */
.modora-v2-star-picker {
    display: flex;
    gap: 6px;
}

.modora-v2-star-picker button {

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 46px !important;
    height: 46px !important;

    min-width: 46px !important;

    padding: 0 !important;

    color: #55554f !important;

    background:
        linear-gradient(
            145deg,
            #1b1b1b,
            #111
        ) !important;

    border: 1px solid rgba(255,255,255,.10) !important;

    border-radius: 13px !important;

    font-size: 23px !important;

    box-shadow:
        none !important;

    transition:
        transform .15s ease,
        color .15s ease,
        border-color .15s ease,
        background .15s ease !important;
}


.modora-v2-star-picker button:hover,
.modora-v2-star-picker button.is-selected {

    color: #070707 !important;

    background:
        linear-gradient(
            135deg,
            #f2db7a,
            #d4af37
        ) !important;

    border-color: #eed46f !important;

    transform: translateY(-2px) !important;
}


/* Submit */
.modora-v2-review-submit {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 28px !important;

    min-height: 50px !important;

    padding: 12px 19px !important;

    color: #080808 !important;

    background:
        linear-gradient(
            135deg,
            #f4df84,
            #d4af37 60%,
            #b98b18
        ) !important;

    border: 1px solid #f0d66e !important;
    border-radius: 15px !important;

    font-weight: 800 !important;

    box-shadow:
        0 10px 25px rgba(212,175,55,.16) !important;
}

.modora-v2-review-submit:hover {
    transform: translateY(-2px);

    box-shadow:
        0 15px 30px rgba(212,175,55,.27) !important;
}


/* Review list */
.modora-v2-review-list-head {

    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 20px;

    margin-top: 42px;
    margin-bottom: 16px;
}

.modora-v2-review-list-head h3 {
    margin: 4px 0 0;

    color: #fff;

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

.modora-v2-review-total {

    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 37px;
    height: 37px;

    padding: 0 10px;

    color: #090909;
    background: #d4af37;

    border-radius: 99px;

    font-size: 12px;
    font-weight: 900;
}


.modora-v2-review-list {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));

    gap: 14px;
}


.modora-v2-review-card {

    padding: 19px;

    background:
        linear-gradient(
            145deg,
            #161616,
            #0d0d0d
        );

    border: 1px solid rgba(255,255,255,.075);
    border-radius: 18px;

    box-shadow:
        0 10px 30px rgba(0,0,0,.18);

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

.modora-v2-review-card:hover {

    transform: translateY(-3px);

    border-color: rgba(212,175,55,.35);

    box-shadow:
        0 17px 35px rgba(0,0,0,.28);
}


.modora-v2-review-card-head {

    display: flex;
    justify-content: space-between;
    align-items: flex-start;

    gap: 16px;
}


.modora-v2-review-person {

    display: flex;
    align-items: center;

    gap: 11px;
}


.modora-v2-review-avatar {

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 41px;
    height: 41px;

    flex: 0 0 41px;

    color: #0b0b0b;

    background:
        linear-gradient(
            135deg,
            #f3dd80,
            #cba52d
        );

    border-radius: 13px;

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

    box-shadow:
        0 7px 17px rgba(212,175,55,.16);
}


.modora-v2-review-person strong {
    color: #f7f7f3;

    font-size: 13px;
    font-weight: 750;
}


.modora-v2-review-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 6px;

    margin-top: 4px;

    color: #777872;

    font-size: 9.5px;
}


.modora-v2-review-stars {
    display: flex;
    gap: 2px;

    color: #44443f;

    white-space: nowrap;
}

.modora-v2-review-stars span.is-filled {
    color: #e0bd4c;
}


.modora-v2-review-text {

    margin-top: 17px;
    padding-top: 15px;

    color: #c8c8c2;

    border-top: 1px solid rgba(255,255,255,.055);

    font-size: 12.5px;
    line-height: 1.75;
}


/* Responsive */
@media (max-width: 900px) {

    .modora-v2-review-list {
        grid-template-columns: 1fr;
    }

}


@media (max-width: 600px) {

    .modora-v2-review-form-top {
        flex-direction: column;
    }

    .modora-v2-star-picker {
        width: 100%;
    }

    .modora-v2-star-picker button {

        flex: 1 1 0 !important;

        width: auto !important;
        min-width: 0 !important;
    }

    .modora-v2-review-card-head {
        flex-direction: column;
    }

}


/* ==========================================================
   MODORA HOME — LUXURY AMBIENT BACKGROUND
   ========================================================== */

body.common-home {

    background-color: #090909 !important;

    background-image:

        /* soft gold glow — upper left */
        radial-gradient(
            ellipse at 12% 5%,
            rgba(212,175,55,.095) 0%,
            rgba(212,175,55,.045) 20%,
            transparent 44%
        ),

        /* subtle graphite light — upper right */
        radial-gradient(
            ellipse at 88% 18%,
            rgba(255,255,255,.042) 0%,
            rgba(255,255,255,.018) 22%,
            transparent 46%
        ),

        /* secondary warm depth */
        radial-gradient(
            ellipse at 64% 58%,
            rgba(181,143,38,.030) 0%,
            transparent 38%
        ),

        /* deep graphite base */
        linear-gradient(
            180deg,
            #101010 0%,
            #0b0b0b 24%,
            #080808 58%,
            #0c0c0c 82%,
            #090909 100%
        ) !important;

    background-repeat: no-repeat !important;
}


/* Keep homepage wrappers transparent so ambient background is visible */
body.common-home #content,
body.common-home .main-content,
body.common-home .main-container,
body.common-home .content-wrapper {

    background: transparent !important;
}


/* Very subtle separation behind major homepage sections */
body.common-home .products_container,
body.common-home .sub-container {

    position: relative;
}


/* Mobile — slightly calmer background */
@media (max-width: 767px) {

    body.common-home {

        background-image:

            radial-gradient(
                ellipse at 15% 4%,
                rgba(212,175,55,.075) 0%,
                transparent 38%
            ),

            radial-gradient(
                ellipse at 92% 20%,
                rgba(255,255,255,.025) 0%,
                transparent 40%
            ),

            linear-gradient(
                180deg,
                #0f0f0f 0%,
                #090909 45%,
                #0b0b0b 100%
            ) !important;
    }

}
/* ==========================================================
   MODORA PRODUCT PAGE V2 — FINAL LUXURY POLISH
   ========================================================== */


/* ----------------------------------------------------------
   Main product shell
   ---------------------------------------------------------- */

.modora-product-v2 {
    background:
        radial-gradient(
            circle at 14% 4%,
            rgba(212,175,55,.055),
            transparent 25%
        ),
        radial-gradient(
            circle at 88% 18%,
            rgba(255,255,255,.025),
            transparent 22%
        ),
        #090909 !important;
}


.modora-product-v2 .modora-v2-shell {
    max-width: 1420px !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


/* ----------------------------------------------------------
   HERO
   ---------------------------------------------------------- */

.modora-product-v2 .modora-v2-hero {

    position: relative !important;

    display: grid !important;
    grid-template-columns:
        minmax(0,1.08fr)
        minmax(390px,.92fr) !important;

    gap: clamp(30px,4.8vw,76px) !important;

    align-items: start !important;

    padding-top: 28px !important;
    padding-bottom: 48px !important;
}


/* Luxury divider below hero */
.modora-product-v2 .modora-v2-hero::after {

    content: "" !important;

    position: absolute !important;

    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    height: 1px !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(212,175,55,.32),
            rgba(255,255,255,.08),
            transparent
        ) !important;
}


/* ----------------------------------------------------------
   PRODUCT IMAGE / GALLERY
   ---------------------------------------------------------- */

.modora-product-v2 .modora-v2-gallery {

    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 620px !important;

    padding: clamp(24px,4vw,58px) !important;

    overflow: hidden !important;

    background:
        radial-gradient(
            circle at 50% 40%,
            #ffffff 0%,
            #fafafa 58%,
            #eeeeeb 100%
        ) !important;

    border:
        1px solid rgba(212,175,55,.18) !important;

    border-radius: 28px !important;

    box-shadow:
        0 28px 80px rgba(0,0,0,.42),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
}


/* subtle luxury highlight */
.modora-product-v2 .modora-v2-gallery::after {

    content: "" !important;

    position: absolute !important;

    width: 72% !important;
    height: 70px !important;

    left: 14% !important;
    bottom: -40px !important;

    pointer-events: none !important;

    background:
        radial-gradient(
            ellipse,
            rgba(0,0,0,.16),
            transparent 67%
        ) !important;

    filter: blur(9px) !important;
}


.modora-product-v2 .modora-v2-image-link {

    position: relative !important;

    z-index: 2 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 100% !important;

    min-height: 500px !important;

    text-decoration: none !important;
}


.modora-product-v2 .modora-v2-image {

    display: block !important;

    float: none !important;

    width: auto !important;
    height: auto !important;

    max-width: 100% !important;
    max-height: 560px !important;

    margin: auto !important;

    object-fit: contain !important;
    object-position: center center !important;

    transform: scale(1) !important;

    transition:
        transform .38s cubic-bezier(.2,.75,.3,1) !important;
}


.modora-product-v2 .modora-v2-gallery:hover .modora-v2-image {
    transform: scale(1.035) !important;
}


/* ----------------------------------------------------------
   DISCOUNT BADGE
   ---------------------------------------------------------- */

.modora-product-v2 .modora-v2-discount {

    position: absolute !important;

    z-index: 8 !important;

    top: 20px !important;
    left: 20px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 70px !important;
    min-height: 38px !important;

    padding: 7px 13px !important;

    color: #080808 !important;

    background:
        linear-gradient(
            135deg,
            #f4df83,
            #d4af37
        ) !important;

    border: 1px solid #f1d973 !important;

    border-radius: 12px !important;

    font-size: 14px !important;
    font-weight: 900 !important;

    letter-spacing: .02em !important;

    box-shadow:
        0 9px 24px rgba(0,0,0,.20),
        0 5px 18px rgba(212,175,55,.20) !important;
}


/* Over 50% = RED */
.modora-product-v2
.modora-v2-deep-discount
.modora-v2-discount {

    color: #fff !important;

    background:
        linear-gradient(
            135deg,
            #ff666b,
            #dc242b 58%,
            #a90f16
        ) !important;

    border-color: rgba(255,115,115,.92) !important;

    box-shadow:
        0 10px 25px rgba(0,0,0,.26),
        0 5px 20px rgba(220,36,43,.31) !important;
}


/* ----------------------------------------------------------
   PRODUCT INFORMATION
   ---------------------------------------------------------- */

.modora-product-v2 .modora-v2-info {

    position: relative !important;

    padding:
        clamp(10px,1vw,18px)
        0 0 !important;
}


/* Brand becomes a premium pill */
.modora-product-v2 .modora-v2-brand {

    display: inline-flex !important;
    align-items: center !important;

    width: auto !important;

    margin: 0 0 18px !important;

    padding: 8px 12px !important;

    color: #e7c85f !important;

    background:
        linear-gradient(
            145deg,
            rgba(212,175,55,.11),
            rgba(212,175,55,.035)
        ) !important;

    border:
        1px solid rgba(212,175,55,.30) !important;

    border-radius: 999px !important;

    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 800 !important;

    letter-spacing: .11em !important;
    text-transform: uppercase !important;

    text-decoration: none !important;

    transition:
        color .18s ease,
        background .18s ease,
        border-color .18s ease,
        transform .18s ease !important;
}


a.modora-v2-brand:hover {

    color: #090909 !important;

    background:
        linear-gradient(
            135deg,
            #f3dd7c,
            #d4af37
        ) !important;

    border-color: #eed36b !important;

    transform: translateY(-2px) !important;
}


/* Title */
.modora-product-v2 .modora-v2-title {

    max-width: 760px !important;

    margin:
        0 0 17px !important;

    color: #f8f8f5 !important;

    font-size:
        clamp(27px,2.6vw,43px) !important;

    line-height: 1.12 !important;

    font-weight: 650 !important;

    letter-spacing: -.025em !important;
}


/* ----------------------------------------------------------
   REAL TOP RATING
   ---------------------------------------------------------- */

.modora-product-v2 .modora-v2-rating-line {

    display: inline-flex !important;
    align-items: center !important;

    gap: 10px !important;

    width: auto !important;

    margin: 0 0 25px !important;

    padding: 8px 11px !important;

    color: #9b9c96 !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.035),
            rgba(255,255,255,.012)
        ) !important;

    border:
        1px solid rgba(255,255,255,.075) !important;

    border-radius: 11px !important;

    font-size: 11px !important;

    text-decoration: none !important;

    transition:
        border-color .18s ease,
        background .18s ease,
        transform .18s ease !important;
}


.modora-product-v2 .modora-v2-rating-line:hover {

    background:
        rgba(212,175,55,.055) !important;

    border-color:
        rgba(212,175,55,.30) !important;

    transform:
        translateY(-1px) !important;
}


.modora-product-v2
.modora-v2-rating-line
.modora-v2-stars {

    display: inline-flex !important;

    gap: 2px !important;

    color: #4e4e49 !important;

    letter-spacing: 0 !important;
}


.modora-product-v2
.modora-v2-rating-line
.modora-v2-stars span {

    color: #50504a !important;
}


.modora-product-v2
.modora-v2-rating-line
.modora-v2-stars span.is-filled {

    color: #e4c454 !important;

    text-shadow:
        0 3px 12px rgba(212,175,55,.20) !important;
}


.modora-product-v2 .modora-v2-rating-line.has-reviews {

    color: #d2d2cc !important;
}


.modora-product-v2 .modora-v2-rating-copy strong {

    color: #fff !important;

    font-weight: 800 !important;
}


.modora-v2-rating-dot {
    margin: 0 4px !important;

    color: #6e6f69 !important;
}


.modora-v2-rating-arrow {

    color: #d4af37 !important;

    font-size: 13px !important;

    transition:
        transform .18s ease !important;
}


.modora-v2-rating-line:hover
.modora-v2-rating-arrow {

    transform:
        translateY(2px) !important;
}


/* ----------------------------------------------------------
   PRICE CARD
   ---------------------------------------------------------- */

.modora-product-v2 .modora-v2-pricebox {

    position: relative !important;

    margin: 0 0 22px !important;

    padding: 20px 21px !important;

    overflow: hidden !important;

    background:
        radial-gradient(
            circle at 100% 0,
            rgba(212,175,55,.09),
            transparent 40%
        ),
        linear-gradient(
            145deg,
            #171717,
            #101010
        ) !important;

    border:
        1px solid rgba(212,175,55,.19) !important;

    border-radius: 19px !important;

    box-shadow:
        0 14px 34px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.025) !important;
}


.modora-product-v2 .modora-v2-price-row {

    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;

    gap: 9px 13px !important;
}


.modora-product-v2 .modora-v2-price {

    color: #f1d46f !important;

    font-size:
        clamp(27px,2.5vw,38px) !important;

    line-height: 1 !important;

    font-weight: 850 !important;

    letter-spacing: -.025em !important;
}


.modora-product-v2 .modora-v2-old-price {

    color: #777872 !important;

    font-size: 15px !important;

    font-weight: 600 !important;

    text-decoration-thickness: 1px !important;
}


.modora-product-v2 .modora-v2-sale {

    display: inline-flex !important;
    align-items: center !important;

    padding: 6px 9px !important;

    color: #e8cb67 !important;

    background:
        rgba(212,175,55,.08) !important;

    border:
        1px solid rgba(212,175,55,.24) !important;

    border-radius: 999px !important;

    font-size: 10px !important;

    font-weight: 800 !important;
}


/* Deep discount price */
.modora-product-v2
.modora-v2-deep-discount
.modora-v2-price {

    color: #ff555b !important;
}


.modora-product-v2
.modora-v2-deep-discount
.modora-v2-sale {

    color: #ff7377 !important;

    background:
        rgba(220,36,43,.09) !important;

    border-color:
        rgba(255,90,95,.33) !important;
}


/* ----------------------------------------------------------
   PRODUCT META
   ---------------------------------------------------------- */

.modora-product-v2 .modora-v2-meta {

    display: grid !important;

    gap: 8px !important;

    margin: 0 0 20px !important;
}


.modora-product-v2 .modora-v2-meta-row {

    display: grid !important;

    grid-template-columns:
        minmax(92px,120px) 1fr !important;

    align-items: center !important;

    gap: 14px !important;

    min-height: 43px !important;

    padding: 9px 12px !important;

    background:
        rgba(255,255,255,.022) !important;

    border:
        1px solid rgba(255,255,255,.055) !important;

    border-radius: 11px !important;
}


.modora-product-v2 .modora-v2-meta-label {

    color: #777872 !important;

    font-size: 10px !important;

    font-weight: 750 !important;

    letter-spacing: .07em !important;

    text-transform: uppercase !important;
}


.modora-product-v2 .modora-v2-meta-value {

    color: #f2f2ef !important;

    font-size: 12.5px !important;

    font-weight: 650 !important;
}


/* ----------------------------------------------------------
   MAIN CTA
   ---------------------------------------------------------- */

.modora-product-v2 .modora-v2-offer {
    margin-top: 22px !important;
}


.modora-product-v2 .modora-v2-cta {

    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;

    min-height: 58px !important;

    padding:
        14px 18px !important;

    overflow: hidden !important;

    color: #080808 !important;

    background:
        linear-gradient(
            135deg,
            #f4e18b 0%,
            #d4af37 58%,
            #b68818 100%
        ) !important;

    border:
        1px solid #f1d875 !important;

    border-radius: 17px !important;

    font-size: 13px !important;

    font-weight: 850 !important;

    letter-spacing: .015em !important;

    text-decoration: none !important;

    box-shadow:
        0 14px 34px rgba(212,175,55,.20),
        inset 0 1px 0 rgba(255,255,255,.36) !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        filter .18s ease !important;
}


.modora-product-v2 .modora-v2-cta::after {

    content: "↗" !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 31px !important;
    height: 31px !important;

    margin-left: 15px !important;

    color: #090909 !important;

    background:
        rgba(255,255,255,.25) !important;

    border:
        1px solid rgba(0,0,0,.08) !important;

    border-radius: 10px !important;

    font-size: 16px !important;

    transition:
        transform .18s ease !important;
}


.modora-product-v2 .modora-v2-cta:hover {

    color: #050505 !important;

    transform:
        translateY(-3px) !important;

    filter:
        brightness(1.045) !important;

    box-shadow:
        0 20px 42px rgba(212,175,55,.30),
        inset 0 1px 0 rgba(255,255,255,.40) !important;
}


.modora-product-v2
.modora-v2-cta:hover::after {

    transform:
        translate(2px,-2px) !important;
}


/* ----------------------------------------------------------
   FAVORITES
   ---------------------------------------------------------- */

.modora-product-v2 .modora-v2-favorite {

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 9px !important;

    width: 100% !important;

    min-height: 49px !important;

    margin-top: 10px !important;

    padding: 11px 15px !important;

    color: #f4f4ef !important;

    background:
        linear-gradient(
            145deg,
            #1a1a1a,
            #101010
        ) !important;

    border:
        1px solid rgba(212,175,55,.28) !important;

    border-radius: 15px !important;

    font-size: 11.5px !important;

    font-weight: 700 !important;

    box-shadow:
        0 8px 22px rgba(0,0,0,.17) !important;

    transition:
        color .18s ease,
        border-color .18s ease,
        background .18s ease,
        transform .18s ease !important;
}


.modora-product-v2 .modora-v2-favorite:hover {

    color: #e6c65d !important;

    background:
        #181818 !important;

    border-color:
        rgba(212,175,55,.56) !important;

    transform:
        translateY(-2px) !important;
}


.modora-product-v2
.modora-v2-favorite
.fa {

    color: #d4af37 !important;

    font-size: 15px !important;
}


/* ----------------------------------------------------------
   SOURCE / TRUST NOTE
   ---------------------------------------------------------- */

.modora-product-v2 .modora-v2-source-note {

    position: relative !important;

    margin-top: 14px !important;

    padding:
        12px 13px 12px 39px !important;

    color: #898a84 !important;

    background:
        rgba(255,255,255,.018) !important;

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

    border-radius: 12px !important;

    font-size: 10.5px !important;

    line-height: 1.55 !important;
}


.modora-product-v2
.modora-v2-source-note::before {

    content: "↗" !important;

    position: absolute !important;

    left: 12px !important;
    top: 50% !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 19px !important;
    height: 19px !important;

    color: #d4af37 !important;

    border:
        1px solid rgba(212,175,55,.25) !important;

    border-radius: 6px !important;

    transform:
        translateY(-50%) !important;
}


/* ----------------------------------------------------------
   PRODUCT DESCRIPTION SECTION
   ---------------------------------------------------------- */

.modora-product-v2
.modora-v2-section:not(#product-reviews) {

    margin-top: 34px !important;

    padding:
        clamp(24px,3vw,38px) !important;

    background:
        radial-gradient(
            circle at 100% 0,
            rgba(212,175,55,.045),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #131313,
            #0c0c0c
        ) !important;

    border:
        1px solid rgba(255,255,255,.065) !important;

    border-radius: 22px !important;

    box-shadow:
        0 16px 45px rgba(0,0,0,.20) !important;
}


.modora-product-v2
.modora-v2-section-title {

    color: #f7f7f3 !important;

    letter-spacing: -.018em !important;
}


.modora-product-v2
.modora-v2-description {

    color: #babbb5 !important;

    font-size: 14px !important;

    line-height: 1.82 !important;
}


.modora-product-v2
.modora-v2-description strong {

    color: #f1f1ed !important;
}


/* ----------------------------------------------------------
   SIMILAR PRODUCTS — make transition into cards elegant
   ---------------------------------------------------------- */

.modora-product-v2 .modora-v2-similar {

    margin-top: 42px !important;

    padding-top: 32px !important;

    border-top:
        1px solid rgba(212,175,55,.15) !important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1100px) {

    .modora-product-v2 .modora-v2-hero {

        grid-template-columns:
            minmax(0,1fr)
            minmax(340px,.9fr) !important;

        gap: 32px !important;
    }


    .modora-product-v2 .modora-v2-gallery {

        min-height: 520px !important;

        border-radius: 22px !important;
    }


    .modora-product-v2 .modora-v2-image-link {
        min-height: 420px !important;
    }


    .modora-product-v2 .modora-v2-image {
        max-height: 470px !important;
    }

}


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

@media (max-width: 767px) {

    .modora-product-v2 .modora-v2-shell {

        padding-left: 13px !important;
        padding-right: 13px !important;
    }


    .modora-product-v2 .modora-v2-hero {

        display: flex !important;
        flex-direction: column !important;

        gap: 23px !important;

        padding-top: 12px !important;
        padding-bottom: 31px !important;
    }


    .modora-product-v2 .modora-v2-gallery {

        width: 100% !important;

        min-height: 390px !important;

        padding: 24px !important;

        border-radius: 20px !important;
    }


    .modora-product-v2 .modora-v2-image-link {

        min-height: 335px !important;
    }


    .modora-product-v2 .modora-v2-image {

        max-width: 100% !important;
        max-height: 350px !important;
    }


    .modora-product-v2 .modora-v2-discount {

        top: 13px !important;
        left: 13px !important;

        min-width: 62px !important;
        min-height: 34px !important;

        padding: 6px 10px !important;

        border-radius: 10px !important;

        font-size: 12px !important;
    }


    .modora-product-v2 .modora-v2-info {

        width: 100% !important;

        padding-top: 0 !important;
    }


    .modora-product-v2 .modora-v2-brand {

        margin-bottom: 13px !important;

        padding: 7px 10px !important;

        font-size: 9.5px !important;
    }


    .modora-product-v2 .modora-v2-title {

        margin-bottom: 14px !important;

        font-size: 27px !important;

        line-height: 1.14 !important;
    }


    .modora-product-v2 .modora-v2-rating-line {

        margin-bottom: 18px !important;

        padding: 7px 9px !important;
    }


    .modora-product-v2 .modora-v2-pricebox {

        padding: 17px !important;

        border-radius: 16px !important;
    }


    .modora-product-v2 .modora-v2-price {

        font-size: 30px !important;
    }


    .modora-product-v2 .modora-v2-meta-row {

        grid-template-columns:
            84px 1fr !important;

        gap: 10px !important;
    }


    .modora-product-v2 .modora-v2-cta {

        min-height: 56px !important;

        border-radius: 15px !important;

        font-size: 12px !important;
    }


    .modora-product-v2 .modora-v2-favorite {

        min-height: 47px !important;
    }


    .modora-product-v2
    .modora-v2-section:not(#product-reviews) {

        margin-top: 23px !important;

        padding: 20px 16px !important;

        border-radius: 18px !important;
    }

}


/* Very small phones */
@media (max-width: 390px) {

    .modora-product-v2 .modora-v2-gallery {
        min-height: 345px !important;
    }

    .modora-product-v2 .modora-v2-image-link {
        min-height: 290px !important;
    }

    .modora-product-v2 .modora-v2-image {
        max-height: 305px !important;
    }

    .modora-product-v2 .modora-v2-title {
        font-size: 24px !important;
    }

}


/* ==========================================================
   MODORA REAL REVIEWS UI 2026
   ========================================================== */

.modora-v2-review-alert {
    margin: 0 0 24px;
    padding: 16px 18px;
    border-radius: 16px;
    line-height: 1.55;
}

.modora-v2-review-alert strong {
    display: block;
    margin-bottom: 4px;
}

.modora-v2-review-success {
    border: 1px solid rgba(212,175,55,.55);
    background: rgba(212,175,55,.10);
    color: #fff;
}

.modora-v2-review-error {
    border: 1px solid rgba(220,80,80,.55);
    background: rgba(160,30,30,.14);
    color: #fff;
}

.modora-v2-review-error ul {
    margin: 8px 0 0 18px;
}

.modora-v2-rating-small-label {
    margin-bottom: 8px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .14em;
    color: var(--modora-gold, #d4af37);
}

.modora-v2-stars span {
    color: rgba(255,255,255,.22);
}

.modora-v2-stars span.is-filled {
    color: var(--modora-gold, #d4af37);
}

.modora-v2-rating-breakdown {
    width: 100%;
    margin-top: 22px;
}

.modora-v2-rating-breakdown-row {
    display: grid;
    grid-template-columns: 42px minmax(80px,1fr) 32px;
    align-items: center;
    gap: 10px;
    margin: 8px 0;
}

.modora-v2-rating-breakdown-label,
.modora-v2-rating-breakdown-count {
    font-size: 12px;
    color: rgba(255,255,255,.72);
}

.modora-v2-rating-breakdown-count {
    text-align: right;
}

.modora-v2-rating-breakdown-bar {
    overflow: hidden;
    height: 7px;
    border-radius: 999px;
    background: rgba(255,255,255,.10);
}

.modora-v2-rating-breakdown-bar span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(
        90deg,
        #b99022,
        #f0d77c
    );
}

.modora-v2-review-login-note {
    margin: 14px 0 18px;
    padding: 12px 14px;
    border: 1px solid rgba(212,175,55,.32);
    border-radius: 14px;
    background: rgba(212,175,55,.07);
    color: rgba(255,255,255,.82);
}

.modora-v2-rating-help,
.modora-v2-field-note {
    margin-top: 7px;
    font-size: 12px;
    line-height: 1.45;
    color: rgba(255,255,255,.55);
}

.modora-v2-star-picker button {
    transition:
        transform .18s ease,
        color .18s ease,
        opacity .18s ease;
}

.modora-v2-star-picker button.is-active {
    color: var(--modora-gold, #d4af37) !important;
    opacity: 1 !important;
    transform: translateY(-1px);
}

.modora-v2-review-submit {
    min-height: 50px;
    border-radius: 999px !important;
    font-weight: 800 !important;
}

.modora-v2-review-honeypot {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

.modora-v2-review-list {
    margin-top: 30px;
}

.modora-v2-review-list-head {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 800;
    color: #fff;
}

.modora-v2-review-item {
    padding: 20px;
    margin-bottom: 14px;
    border: 1px solid rgba(212,175,55,.20);
    border-radius: 18px;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.045),
            rgba(255,255,255,.018)
        );
}

.modora-v2-review-item-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 14px;
}

.modora-v2-review-author {
    font-weight: 800;
    color: #fff;
}

.modora-v2-review-date {
    margin-top: 3px;
    font-size: 12px;
    color: rgba(255,255,255,.50);
}

.modora-v2-review-stars {
    white-space: nowrap;
    font-size: 15px;
}

.modora-v2-review-text {
    line-height: 1.7;
    color: rgba(255,255,255,.78);
    word-break: break-word;
}

@media (max-width: 767px) {

    .modora-v2-review-item {
        padding: 16px;
        border-radius: 15px;
    }

    .modora-v2-review-item-top {
        display: block;
    }

    .modora-v2-review-stars {
        margin-top: 10px;
    }

    .modora-v2-rating-breakdown-row {
        grid-template-columns: 38px minmax(70px,1fr) 28px;
    }
}