:root {
    --gold:#D9A11D;
    --gold-deep:#C58A0A;
    --gold-light:#F0D68A;
    --green-light:#7DBE1E;
    --green-medium:#67A63A;
    --green-dark:#4E8A35;
    --black:#000000;
    --off-white:#F7F5EF;
    --white:#FFFFFF;
    --gray-light:#F5F5F5;
    --gray:#999999;
    --gray-dark:#555555;
    --text-dark:#2D2D2D;
    --text-body:#555555;
    --shadow:0 2px 15px rgba(0,0,0,0.08);
    --shadow-hover:0 5px 25px rgba(0,0,0,0.12);
    --transition:all 0.3s ease;
    --radius:8px;
    --radius-lg:16px
}

* {
    box-sizing:border-box
}

body {
    font-family:'Cairo',sans-serif;
    background-color:var(--off-white);
    color:var(--text-body);
    line-height:1.8;
    overflow-x:hidden
}

.lang-en body,
.lang-en h1,
.lang-en h2,
.lang-en h3,
.lang-en h4,
.lang-en h5,
.lang-en h6 {
    font-family:'Playfair Display','Cairo',serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight:700;
    color:var(--text-dark)
}

a {
    color:var(--gold);
    text-decoration:none;
    transition:var(--transition)
}

a:hover {
    color:var(--gold-deep)
}

img {
    max-width:100%;
    height:auto
}

.top-bar {
    background:var(--black);
    color:var(--white);
    padding:6px 0;
    font-size:0.82rem
}

.top-bar a {
    color:rgba(255,255,255,0.85);
    margin:0 8px;
    font-size:0.82rem
}

.top-bar a:hover {
    color:var(--gold)
}

.lang-switch {
    background:var(--gold);
    color:var(--black) !important;
    padding:2px 12px;
    border-radius:3px;
    font-weight:600;
    font-size:0.78rem
}

.lang-switch:hover {
    background:var(--gold-deep);
    color:var(--white) !important
}

.top-bar-social a {
    margin:0 5px
}

.main-navbar {
    background:var(--white);
    box-shadow:var(--shadow);
    padding:10px 0;
    z-index:1030
}

.logo-img {
    height:45px;
    width:auto
}

.brand-text {
    font-family:'Playfair Display',serif;
    font-size:1.4rem;
    font-weight:700;
    color:var(--text-dark);
    margin:0 8px;
    letter-spacing:2px
}

.navbar-nav .nav-link {
    color:var(--text-dark);
    font-weight:600;
    padding:8px 14px;
    font-size:0.92rem;
    position:relative
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    color:var(--gold)
}

.navbar-nav .nav-link::after {
    content:'';
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    width:0;
    height:2px;
    background:var(--gold);
    transition:var(--transition)
}

.navbar-nav .nav-link:hover::after {
    width:60%
}

.nav-actions {
    gap:8px
}

.nav-action-btn {
    background:none;
    border:none;
    color:var(--text-dark);
    font-size:1.1rem;
    padding:8px;
    cursor:pointer;
    position:relative;
    transition:var(--transition)
}

.nav-action-btn:hover {
    color:var(--gold)
}

.cart-count {
    position:absolute;
    top:0;
    right:-2px;
    background:var(--gold);
    color:var(--white);
    font-size:0.65rem;
    width:18px;
    height:18px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700
}

.navbar-toggler {
    border:none;
    color:var(--text-dark);
    font-size:1.3rem;
    padding:5px 8px
}

.dropdown-menu {
    border:1px solid rgba(0,0,0,0.05);
    box-shadow:var(--shadow);
    border-radius:var(--radius)
}

.dropdown-item:hover {
    background:var(--off-white);
    color:var(--gold)
}

.search-overlay {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.9);
    z-index:9999;
    display:none;
    align-items:center;
    justify-content:center
}

.search-overlay.active {
    display:flex
}

.search-overlay-content {
    width:90%;
    max-width:600px
}

.search-close {
    position:absolute;
    top:30px;
    right:30px;
    background:none;
    border:none;
    color:var(--white);
    font-size:2rem;
    cursor:pointer
}

.search-form {
    display:flex;
    border-bottom:2px solid var(--gold)
}

.search-input {
    flex:1;
    background:transparent;
    border:none;
    color:var(--white);
    font-size:1.5rem;
    padding:15px 0;
    outline:none;
    font-family:'Cairo',sans-serif
}

.search-input::placeholder {
    color:rgba(255,255,255,0.5)
}

.search-submit {
    background:none;
    border:none;
    color:var(--gold);
    font-size:1.5rem;
    cursor:pointer
}

.hero-section {
    position:relative;
    overflow:hidden
}

.hero-image img {
    max-height:420px;
    filter:drop-shadow(0 10px 30px rgba(0,0,0,0.15))
}

.section {
    padding:70px 0
}

.section-title {
    text-align:center;
    margin-bottom:50px
}

.section-title h2 {
    font-size:2rem;
    font-weight:800;
    color:var(--text-dark);
    position:relative;
    display:inline-block;
    padding-bottom:15px
}

.section-title h2::after {
    content:'';
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    width:60px;
    height:3px;
    background:linear-gradient(to right,var(--green-medium),var(--gold));
    border-radius:2px
}

.section-title p {
    color:var(--gray);
    margin-top:10px;
    font-size:1rem
}

.section-bg {
    background:var(--white)
}

.product-card {
    background:var(--white);
    border-radius:var(--radius-lg);
    overflow:hidden;
    box-shadow:var(--shadow);
    transition:var(--transition);
    height:100%;
    display:flex;
    flex-direction:column
}

.product-card:hover {
    transform:translateY(-5px);
    box-shadow:var(--shadow-hover)
}

.product-card-image {
    position:relative;
    padding:20px;
    background:var(--gray-light);
    text-align:center;
    overflow:hidden
}

.product-card-image img {
    height:280px;
    width:auto;
    object-fit:contain;
    transition:var(--transition)
}

.product-card:hover .product-card-image img {
    transform:scale(1.05)
}

.product-badge {
    position:absolute;
    top:15px;
    left:15px;
    background:var(--gold);
    color:var(--white);
    padding:3px 12px;
    border-radius:20px;
    font-size:0.75rem;
    font-weight:700
}

[dir="rtl"] .product-badge {
    left:auto;
    right:15px
}

.product-card-body {
    padding:20px;
    flex:1;
    display:flex;
    flex-direction:column
}

.product-card-category {
    color:var(--green-medium);
    font-size:0.8rem;
    font-weight:600;
    text-transform:uppercase;
    margin-bottom:5px
}

.product-card-title {
    font-size:1rem;
    font-weight:700;
    color:var(--text-dark);
    margin-bottom:8px;
    line-height:1.4
}

.product-card-title a {
    color:var(--text-dark)
}

.product-card-title a:hover {
    color:var(--gold)
}

.product-card-desc {
    color:var(--gray);
    font-size:0.85rem;
    margin-bottom:12px;
    flex:1
}

.product-card-price {
    margin-bottom:15px
}

.current-price {
    font-size:1.2rem;
    font-weight:800;
    color:var(--gold-deep)
}

.old-price {
    font-size:0.9rem;
    color:var(--gray);
    text-decoration:line-through;
    margin:0 8px
}

.product-card-actions {
    display:flex;
    gap:8px
}

.product-card-actions .btn {
    flex:1;
    font-size:0.82rem;
    padding:8px 10px
}

.btn-add-cart {
    background:var(--gold);
    color:var(--white);
    border:none;
    border-radius:var(--radius);
    font-weight:600;
    transition:var(--transition)
}

.btn-add-cart:hover {
    background:var(--gold-deep);
    color:var(--white)
}

.btn-buy-now {
    background:var(--green-dark);
    color:var(--white);
    border:none;
    border-radius:var(--radius);
    font-weight:600;
    transition:var(--transition)
}

.btn-buy-now:hover {
    background:var(--green-medium);
    color:var(--white)
}

.why-card {
    text-align:center;
    padding:30px 20px;
    background:var(--white);
    border-radius:var(--radius-lg);
    box-shadow:var(--shadow);
    transition:var(--transition);
    height:100%
}

.why-card:hover {
    transform:translateY(-5px);
    box-shadow:var(--shadow-hover)
}

.why-card-icon {
    width:70px;
    height:70px;
    background:linear-gradient(135deg,var(--gold),var(--gold-deep));
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 20px;
    font-size:1.5rem;
    color:var(--white)
}

.why-card h5 {
    font-size:1rem;
    font-weight:700;
    margin-bottom:10px
}

.why-card p {
    font-size:0.88rem;
    color:var(--gray);
    margin:0
}

.cta-section {
    background:linear-gradient(135deg,var(--black) 0%,#1a1a1a 100%);
    padding:60px 0;
    text-align:center;
    color:var(--white)
}

.cta-section h2 {
    color:var(--white);
    font-size:2rem;
    margin-bottom:15px
}

.cta-section p {
    color:rgba(255,255,255,0.7);
    margin-bottom:30px;
    font-size:1.05rem
}

.btn-whatsapp {
    background:#25D366;
    color:var(--white);
    border:none;
    padding:12px 32px;
    border-radius:50px;
    font-weight:700;
    font-size:1rem;
    transition:var(--transition);
    display:inline-flex;
    align-items:center;
    gap:8px
}

.btn-whatsapp:hover {
    background:#128C7E;
    color:var(--white);
    transform:translateY(-2px)
}

.product-detail-section {
    padding:40px 0 70px
}

.product-gallery {
    position:relative
}

.product-main-image {
    background:var(--white);
    border-radius:var(--radius-lg);
    padding:30px;
    text-align:center;
    box-shadow:var(--shadow);
    margin-bottom:15px
}

.product-main-image img {
    max-height:400px;
    object-fit:contain
}

.product-thumbnails {
    display:flex;
    gap:10px;
    flex-wrap:wrap
}

.product-thumb {
    width:70px;
    height:70px;
    border:2px solid transparent;
    border-radius:var(--radius);
    padding:5px;
    background:var(--white);
    cursor:pointer;
    transition:var(--transition)
}

.product-thumb:hover,
.product-thumb.active {
    border-color:var(--gold)
}

.product-thumb img {
    width:100%;
    height:100%;
    object-fit:contain
}

.product-info h1 {
    font-size:1.8rem;
    margin-bottom:10px
}

.product-info .product-category {
    color:var(--green-medium);
    font-weight:600;
    font-size:0.9rem;
    margin-bottom:15px
}

.product-price-detail {
    margin:20px 0;
    padding:15px 0;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee
}

.product-price-detail .current-price {
    font-size:1.8rem
}

.product-price-detail .old-price {
    font-size:1.1rem
}

.stock-badge {
    display:inline-block;
    padding:4px 15px;
    border-radius:20px;
    font-size:0.85rem;
    font-weight:600
}

.stock-in {
    background:rgba(125,190,30,0.15);
    color:var(--green-dark)
}

.stock-out {
    background:rgba(220,53,69,0.15);
    color:#dc3545
}

.product-quantity {
    display:flex;
    align-items:center;
    gap:15px;
    margin:20px 0
}

.qty-control {
    display:flex;
    align-items:center;
    border:1px solid #ddd;
    border-radius:var(--radius);
    overflow:hidden
}

.qty-btn {
    background:var(--gray-light);
    border:none;
    width:40px;
    height:40px;
    font-size:1.1rem;
    cursor:pointer;
    transition:var(--transition)
}

.qty-btn:hover {
    background:var(--gold);
    color:var(--white)
}

.qty-input {
    width:60px;
    height:40px;
    text-align:center;
    border:none;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    font-weight:600;
    font-size:1rem
}

.product-actions {
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin:20px 0
}

.product-actions .btn {
    padding:12px 25px;
    font-weight:700
}

.product-tabs {
    margin-top:40px
}

.product-tabs .nav-tabs {
    border-bottom:2px solid #eee
}

.product-tabs .nav-link {
    color:var(--text-body);
    font-weight:600;
    border:none;
    padding:12px 20px;
    position:relative
}

.product-tabs .nav-link.active {
    color:var(--gold);
    background:none;
    border:none
}

.product-tabs .nav-link.active::after {
    content:'';
    position:absolute;
    bottom:-2px;
    left:0;
    width:100%;
    height:2px;
    background:var(--gold)
}

.product-tabs .tab-content {
    padding:25px 0
}

.cart-table {
    background:var(--white);
    border-radius:var(--radius-lg);
    box-shadow:var(--shadow);
    overflow:hidden
}

.cart-table table {
    margin:0
}

.cart-table th {
    background:var(--off-white);
    font-weight:700;
    color:var(--text-dark);
    padding:15px;
    font-size:0.9rem
}

.cart-table td {
    padding:15px;
    vertical-align:middle
}

.cart-product-info {
    display:flex;
    align-items:center;
    gap:15px
}

.cart-product-img {
    width:70px;
    height:70px;
    object-fit:contain;
    background:var(--gray-light);
    border-radius:var(--radius);
    padding:5px
}

.cart-summary {
    background:var(--white);
    border-radius:var(--radius-lg);
    box-shadow:var(--shadow);
    padding:25px
}

.cart-summary h4 {
    font-size:1.2rem;
    margin-bottom:20px;
    padding-bottom:15px;
    border-bottom:1px solid #eee
}

.cart-summary-row {
    display:flex;
    justify-content:space-between;
    padding:8px 0;
    font-size:0.95rem
}

.cart-summary-total {
    border-top:2px solid var(--gold);
    margin-top:10px;
    padding-top:15px;
    font-size:1.2rem;
    font-weight:800;
    color:var(--gold-deep)
}

.checkout-form {
    background:var(--white);
    border-radius:var(--radius-lg);
    box-shadow:var(--shadow);
    padding:30px
}

.checkout-form h4 {
    font-size:1.1rem;
    margin-bottom:20px;
    padding-bottom:10px;
    border-bottom:1px solid #eee;
    color:var(--gold-deep)
}

.form-label {
    font-weight:600;
    font-size:0.9rem;
    color:var(--text-dark)
}

.form-control,
.form-select {
    border:1px solid #ddd;
    border-radius:var(--radius);
    padding:10px 15px;
    font-family:'Cairo',sans-serif;
    transition:var(--transition)
}

.form-control:focus,
.form-select:focus {
    border-color:var(--gold);
    box-shadow:0 0 0 3px rgba(217,161,29,0.15)
}

.order-success {
    text-align:center;
    padding:60px 20px;
    background:var(--white);
    border-radius:var(--radius-lg);
    box-shadow:var(--shadow);
    max-width:600px;
    margin:40px auto
}

.order-success-icon {
    width:80px;
    height:80px;
    background:linear-gradient(135deg,var(--green-light),var(--green-dark));
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 25px;
    font-size:2rem;
    color:var(--white)
}

.order-success h2 {
    font-size:1.5rem;
    color:var(--green-dark);
    margin-bottom:10px
}

.order-success .order-num {
    font-size:1.1rem;
    color:var(--gold-deep);
    font-weight:700;
    margin:15px 0
}

.order-success p {
    color:var(--text-body);
    line-height:1.8
}

.order-success-actions {
    margin-top:30px;
    display:flex;
    gap:10px;
    justify-content:center;
    flex-wrap:wrap
}

.auth-page {
    min-height:70vh;
    display:flex;
    align-items:center;
    padding:40px 0
}

.auth-card {
    background:var(--white);
    border-radius:var(--radius-lg);
    box-shadow:var(--shadow);
    padding:40px;
    max-width:480px;
    margin:0 auto;
    width:100%
}

.auth-card h2 {
    text-align:center;
    margin-bottom:30px;
    font-size:1.5rem
}

.auth-card .auth-logo {
    text-align:center;
    margin-bottom:20px
}

.auth-card .auth-logo img {
    height:60px
}

.account-sidebar {
    background:var(--white);
    border-radius:var(--radius-lg);
    box-shadow:var(--shadow);
    padding:25px
}

.account-sidebar .nav-link {
    color:var(--text-body);
    padding:10px 15px;
    border-radius:var(--radius);
    font-weight:600;
    margin-bottom:3px
}

.account-sidebar .nav-link:hover,
.account-sidebar .nav-link.active {
    background:var(--off-white);
    color:var(--gold)
}

.account-content {
    background:var(--white);
    border-radius:var(--radius-lg);
    box-shadow:var(--shadow);
    padding:30px
}

.page-header {
    background:linear-gradient(135deg,var(--black) 0%,#2a2a2a 100%);
    padding:50px 0;
    text-align:center;
    color:var(--white)
}

.page-header h1 {
    color:var(--white);
    font-size:2rem;
    margin-bottom:10px
}

.page-header .breadcrumb {
    justify-content:center;
    margin:0
}

.page-header .breadcrumb-item a {
    color:var(--gold)
}

.page-header .breadcrumb-item.active {
    color:rgba(255,255,255,0.7)
}

.page-header .breadcrumb-item+.breadcrumb-item::before {
    color:rgba(255,255,255,0.5)
}

.page-content {
    padding:50px 0
}

.page-content .content-box {
    background:var(--white);
    border-radius:var(--radius-lg);
    box-shadow:var(--shadow);
    padding:40px
}

.page-content h2 {
    color:var(--gold-deep);
    font-size:1.5rem;
    margin-bottom:15px
}

.page-content h3 {
    color:var(--text-dark);
    font-size:1.2rem;
    margin:20px 0 10px
}

.faq-item {
    background:var(--white);
    border-radius:var(--radius);
    box-shadow:var(--shadow);
    margin-bottom:10px
}

.faq-item .accordion-button {
    font-weight:700;
    color:var(--text-dark);
    font-family:'Cairo',sans-serif
}

.faq-item .accordion-button:not(.collapsed) {
    background:var(--off-white);
    color:var(--gold-deep)
}

.faq-item .accordion-button:focus {
    box-shadow:none;
    border-color:var(--gold)
}

.contact-card {
    background:var(--white);
    border-radius:var(--radius-lg);
    box-shadow:var(--shadow);
    padding:30px;
    height:100%
}

.contact-card h4 {
    color:var(--gold-deep);
    margin-bottom:20px
}

.contact-info-item {
    display:flex;
    align-items:flex-start;
    gap:15px;
    margin-bottom:20px
}

.contact-info-item i {
    width:40px;
    height:40px;
    background:var(--off-white);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--gold);
    font-size:1rem;
    flex-shrink:0
}

.site-footer {
    background:var(--black);
    color:rgba(255,255,255,0.7);
    padding:60px 0 0
}

.footer-logo {
    height:50px;
    margin-bottom:15px
}

.site-footer h5 {
    color:var(--white);
    font-size:1.1rem
}

.footer-slogan {
    color:var(--gold);
    font-style:italic;
    font-size:0.95rem;
    margin-bottom:10px
}

.footer-desc {
    font-size:0.88rem;
    line-height:1.7
}

.footer-title {
    color:var(--white);
    font-size:1rem;
    font-weight:700;
    margin-bottom:20px;
    position:relative;
    padding-bottom:10px
}

.footer-title::after {
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    width:30px;
    height:2px;
    background:var(--gold)
}

[dir="rtl"] .footer-title::after {
    left:auto;
    right:0
}

.footer-links {
    list-style:none;
    padding:0;
    margin:0
}

.footer-links li {
    margin-bottom:8px
}

.footer-links a {
    color:rgba(255,255,255,0.6);
    font-size:0.88rem;
    transition:var(--transition)
}

.footer-links a:hover {
    color:var(--gold);
    padding-inline-start:5px
}

.footer-social {
    margin-top:15px
}

.footer-social a {
    display:inline-flex;
    width:36px;
    height:36px;
    border:1px solid rgba(255,255,255,0.2);
    border-radius:50%;
    align-items:center;
    justify-content:center;
    color:rgba(255,255,255,0.7);
    margin-inline-end:8px;
    transition:var(--transition)
}

.footer-social a:hover {
    background:var(--gold);
    border-color:var(--gold);
    color:var(--white)
}

.footer-contact-info {
    font-size:0.85rem
}

.footer-contact-info p {
    margin-bottom:5px
}

.footer-contact-info i {
    color:var(--gold);
    margin-inline-end:8px;
    width:16px
}

.footer-bottom {
    border-top:1px solid rgba(255,255,255,0.1);
    padding:20px 0;
    margin-top:40px;
    text-align:center;
    font-size:0.85rem
}

.whatsapp-float {
    position:fixed;
    bottom:25px;
    right:25px;
    width:55px;
    height:55px;
    background:#25D366;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--white);
    font-size:1.6rem;
    box-shadow:0 4px 15px rgba(37,211,102,0.4);
    z-index:999;
    transition:var(--transition)
}

.whatsapp-float:hover {
    transform:scale(1.1);
    color:var(--white);
    box-shadow:0 6px 20px rgba(37,211,102,0.5)
}

[dir="rtl"] .whatsapp-float {
    right:auto;
    left:25px
}

.filter-sidebar {
    background:var(--white);
    border-radius:var(--radius-lg);
    box-shadow:var(--shadow);
    padding:25px
}

.filter-sidebar h5 {
    font-size:1rem;
    margin-bottom:15px;
    padding-bottom:10px;
    border-bottom:1px solid #eee
}

.filter-sidebar .form-check {
    margin-bottom:8px
}

.filter-sidebar .form-check-label {
    font-size:0.9rem;
    cursor:pointer
}

.filter-sidebar .form-check-input:checked {
    background-color:var(--gold);
    border-color:var(--gold)
}

.breadcrumb-section {
    padding:15px 0;
    background:var(--white);
    border-bottom:1px solid #eee
}

.breadcrumb {
    margin:0;
    font-size:0.88rem
}

.breadcrumb-item a {
    color:var(--gold)
}

.alert {
    border:none;
    border-radius:var(--radius);
    font-size:0.92rem
}

.alert-success {
    background:rgba(125,190,30,0.15);
    color:var(--green-dark)
}

.alert-danger {
    background:rgba(220,53,69,0.15);
    color:#dc3545
}

.alert-info {
    background:rgba(217,161,29,0.15);
    color:var(--gold-deep)
}

.pagination .page-link {
    color:var(--text-dark);
    border:1px solid #ddd;
    margin:0 3px;
    border-radius:var(--radius) !important;
    font-weight:600
}

.pagination .page-link:hover {
    background:var(--gold);
    color:var(--white);
    border-color:var(--gold)
}

.pagination .page-item.active .page-link {
    background:var(--gold);
    border-color:var(--gold);
    color:var(--white)
}

@media (max-width:991px) {
    .hero-content h1 {
        font-size:1.8rem
    }

    .hero-image {
        margin-top:30px
    }

    .hero-image img {
        max-height:300px
    }

    .section {
        padding:50px 0
    }

    .section-title h2 {
        font-size:1.6rem
    }
}

@media (max-width:767px) {
    .hero-section {
        padding:40px 0;
        min-height:auto
    }

    .hero-content h1 {
        font-size:1.5rem
    }

    .hero-content p {
        font-size:1rem
    }

    .hero-buttons {
        flex-direction:column
    }

    .hero-buttons .btn {
        text-align:center
    }

    .product-card-image img {
        height:180px
    }

    .section {
        padding:40px 0
    }

    .auth-card {
        padding:25px
    }

    .checkout-form {
        padding:20px
    }

    .cart-table {
        overflow-x:auto
    }

    .page-header {
        padding:30px 0
    }

    .page-header h1 {
        font-size:1.5rem
    }

    .footer-bottom {
        font-size:0.8rem
    }

    .product-info h1 {
        font-size:1.4rem
    }

    .product-actions {
        flex-direction:column
    }

    .product-actions .btn {
        width:100%
    }
}

@media (max-width:575px) {
    .top-bar {
        font-size:0.75rem
    }

    .brand-text {
        font-size:1.1rem
    }

    .logo-img {
        height:35px
    }

    .product-card-actions {
        flex-direction:column
    }
}

:root {
    --shadow:0 10px 28px rgba(15,15,15,0.06);
    --shadow-hover:0 18px 42px rgba(15,15,15,0.10);
    --radius:12px;
    --radius-lg:22px;
    --border-soft:1px solid rgba(0,0,0,0.06);
    --surface-soft:#FCFBF8;
    --surface-card:#FFFFFF
}

body {
    background:linear-gradient(180deg,#F7F3EB 0%,#F8F5EE 45%,#F6F2EA 100%);
    color:var(--text-body)
}

.section {
    padding:78px 0
}

.section-title h2 {
    font-size:clamp(1.65rem,2.1vw,2.25rem);
    letter-spacing:-0.02em
}

.section-title p {
    max-width:700px;
    margin-inline:auto;
    color:#7d7d7d
}

.top-bar {
    padding:8px 0;
    border-bottom:1px solid rgba(255,255,255,0.08)
}

.top-bar-contact,
.top-bar-actions {
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap
}

.top-bar-announcement {
    color:#fff;
    font-size:13px;
    font-weight:700;
    text-align:center;
    flex:1;
    white-space:nowrap;
    justify-content:center;
    opacity:.92
}

.lang-switch {
    min-height:32px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:5px 14px;
    border-radius:999px;
    box-shadow:0 8px 18px rgba(217,161,29,0.18)
}

.main-navbar {
    padding:12px 0;
    border-bottom:1px solid rgba(0,0,0,0.03)
}

.navbar-brand {
    display:flex;
    align-items:center
}

.logo-img {
    height:48px
}

.brand-text {
    font-size:1.32rem;
    letter-spacing:0.18em;
    margin-inline-start:10px
}

.navbar-nav .nav-link {
    padding:10px 14px;
    border-radius:999px
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    background:rgba(217,161,29,0.08)
}

.nav-action-btn {
    width:42px;
    height:42px;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    border:1px solid rgba(0,0,0,0.05);
    box-shadow:0 8px 20px rgba(0,0,0,0.04)
}

.nav-action-btn:hover {
    background:#fffdf7;
    transform:translateY(-1px)
}

.cart-count {
    top:-1px;
    right:-1px;
    width:19px;
    height:19px
}

.dropdown-menu {
    border-radius:16px;
    padding:10px;
    margin-top:12px
}

.search-overlay {
    background:rgba(9,9,9,0.78);
    backdrop-filter:blur(8px)
}

.search-overlay-content {
    background:rgba(255,255,255,0.04);
    border:1px solid rgba(255,255,255,0.08);
    border-radius:24px;
    padding:28px 24px;
    box-shadow:0 30px 70px rgba(0,0,0,0.25)
}

.search-close {
    top:22px;
    right:24px;
    width:44px;
    height:44px;
    border-radius:50%;
    background:rgba(255,255,255,0.08);
    display:inline-flex;
    align-items:center;
    justify-content:center
}

.search-form {
    border-bottom:1px solid rgba(217,161,29,0.55)
}

.search-input {
    font-size:1.35rem;
    padding:12px 0
}

.btn-gold,
.btn-outline-gold,
.btn-whatsapp,
.btn-dark {
    min-height:48px;
    border-radius:999px;
    font-weight:700;
    font-size:0.95rem;
    box-shadow:0 12px 22px rgba(0,0,0,0.05)
}

.btn-gold {
    box-shadow:0 12px 24px rgba(217,161,29,0.22)
}

.btn-outline-gold {
    background:#fffdfa
}

.btn-dark {
    background:linear-gradient(135deg,#1f1f1f,#2d2d2d);
    color:#fff;
    border:none;
    padding:12px 30px;
    display:inline-flex;
    align-items:center;
    gap:8px
}

.btn-dark:hover {
    color:#fff;
    transform:translateY(-2px);
    box-shadow:0 14px 28px rgba(0,0,0,0.20)
}

.btn-whatsapp {
    box-shadow:0 12px 24px rgba(37,211,102,0.18)
}

.product-card,
.why-card,
.category-card-upgraded,
.feature-card-upgraded,
.cart-summary,
.account-sidebar,
.account-content,
.order-detail-card,
.order-success-card,
.cart-main-card,
.checkout-form {
    border:var(--border-soft);
    box-shadow:var(--shadow)
}

.product-card:hover,
.why-card:hover,
.category-card-upgraded:hover,
.feature-card-upgraded:hover {
    transform:translateY(-4px);
    box-shadow:var(--shadow-hover)
}

.hero-home-media {
    position:relative;
    padding:0 !important;
    min-height:auto !important;
    overflow:hidden;
    background:#f4efe6;
    border-bottom:1px solid rgba(0,0,0,0.04)
}

.hero-home-media .hero-media-layer {
    position:relative;
    z-index:0
}

.hero-home-media .hero-media-layer picture,
.hero-home-media .hero-media-layer img {
    display:block;
    width:100%;
    height:auto
}

.hero-home-media .hero-overlay {
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(0,0,0,0.10) 0%,rgba(0,0,0,0.20) 100%);
    z-index:1;
    pointer-events:none
}

.hero-home-media .container {
    position:absolute;
    inset:0;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:center
}

.hero-home-media .hero-content-centered {
    max-width:860px;
    margin:0 auto;
    padding:40px 20px;
    text-align:center
}

.hero-content-centered .hero-kicker {
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:rgba(255,255,255,0.16);
    border:1px solid rgba(255,255,255,0.28);
    color:#fff;
    padding:8px 14px;
    border-radius:999px;
    backdrop-filter:blur(5px);
    font-size:0.88rem;
    margin-bottom:14px
}

.hero-content-centered h1 {
    color:#fff;
    text-shadow:0 8px 30px rgba(0,0,0,0.22);
    font-size:clamp(2rem,4vw,3.2rem);
    line-height:1.2;
    margin-bottom:14px
}

.hero-content-centered h1 span {
    color:#F0D68A
}

.hero-content-centered p {
    color:rgba(255,255,255,0.95);
    max-width:720px;
    margin:0 auto 24px;
    font-size:1.02rem
}

.hero-content-centered .hero-buttons {
    justify-content:center
}

.hero-mini-points {
    display:flex;
    gap:14px;
    justify-content:center;
    flex-wrap:wrap;
    margin-top:18px
}

.hero-mini-points span {
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#fff;
    background:rgba(255,255,255,0.10);
    border:1px solid rgba(255,255,255,0.18);
    padding:8px 12px;
    border-radius:999px;
    backdrop-filter:blur(5px);
    font-size:0.88rem
}

.page-header {
    padding:58px 0;
    background:linear-gradient(135deg,#121212 0%,#252525 100%);
    box-shadow:inset 0 -1px 0 rgba(255,255,255,0.04)
}

.page-header h1 {
    font-size:clamp(1.7rem,3vw,2.15rem)
}

.site-footer {
    position:relative;
    padding:72px 0 0;
    background:linear-gradient(180deg,#111111 0%,#0A0A0A 100%)
}

.footer-brand h5 {
    letter-spacing:0.12em;
    margin-bottom:10px
}

.footer-desc {
    max-width:340px;
    color:rgba(255,255,255,0.62)
}

.footer-title {
    margin-bottom:22px
}

.footer-links li {
    margin-bottom:10px
}

.footer-social {
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap
}

.footer-social a {
    border-radius:50%;
    box-shadow:0 10px 22px rgba(0,0,0,0.18)
}

.footer-contact-info {
    display:flex;
    flex-direction:column;
    gap:10px
}

.footer-contact-item {
    display:flex;
    align-items:center;
    gap:10px;
    color:rgba(255,255,255,0.72);
    font-size:0.9rem
}

.footer-contact-item i {
    width:18px;
    color:var(--gold)
}

.footer-bottom {
    margin-top:12px;
    border-top:1px solid rgba(255,255,255,0.08);
    padding:18px 0 22px;
    text-align:center;
    color:rgba(255,255,255,0.55)
}

.whatsapp-float {
    width:58px;
    height:58px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 16px 30px rgba(37,211,102,0.28)
}

.whatsapp-float:hover {
    transform:translateY(-2px) scale(1.02)
}

.checkout-verify-overlay {
    position:fixed;
    inset:0;
    background:rgba(10,10,10,.55);
    backdrop-filter:blur(7px);
    z-index:9999;
    display:none;
    align-items:center;
    justify-content:center;
    padding:20px
}

.checkout-verify-box {
    width:100%;
    max-width:460px;
    background:#fff;
    border-radius:24px;
    padding:24px;
    position:relative;
    box-shadow:0 24px 54px rgba(0,0,0,.18)
}

.checkout-verify-box h3 {
    margin-bottom:10px;
    text-align:center
}

.checkout-verify-close {
    position:absolute;
    top:12px;
    right:14px;
    background:none;
    border:none;
    font-size:28px;
    line-height:1;
    cursor:pointer
}

[dir="rtl"] .checkout-verify-close {
    right:auto;
    left:14px
}

.checkout-code-grid {
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:10px
}

.checkout-code-box {
    height:52px;
    text-align:center;
    font-size:22px;
    font-weight:800;
    border:1px solid rgba(0,0,0,0.08);
    border-radius:14px
}

.checkout-verify-actions {
    display:grid;
    gap:12px
}

.checkout-resend-wrap {
    text-align:center
}

.checkout-resend-note {
    color:#7a7a7a;
    font-size:13px;
    line-height:1.7
}

.checkout-resend-btn {
    width:100%
}

@media (max-width:991.98px) {
    .section {
        padding:64px 0
    }

    .brand-text {
        font-size:1.18rem
    }

    .hero-home-media .hero-content-centered {
        padding:28px 18px
    }
}

@media (max-width:767.98px) {
    .top-bar {
        padding:6px 0
    }

    .top-bar-contact {
        gap:6px
    }

    .main-navbar {
        padding:10px 0
    }

    .logo-img {
        height:42px
    }

    .nav-action-btn {
        width:40px;
        height:40px
    }

    .hero-home-media .hero-content-centered {
        padding:22px 16px
    }

    .hero-content-centered p {
        font-size:0.95rem;
        line-height:1.8
    }

    .hero-mini-points {
        gap:10px
    }

    .hero-mini-points span {
        width:100%;
        justify-content:center
    }

    .search-overlay-content {
        padding:22px 18px;
        border-radius:20px
    }

    .page-header {
        padding:46px 0
    }
}

.checkout-summary-item {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:14px 0;
    border-bottom:1px solid #eee
}

.checkout-summary-item:last-of-type {
    border-bottom:none
}

.checkout-summary-item-main {
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
    flex:1
}

.checkout-summary-item-image-wrap {
    width:76px;
    height:76px;
    border-radius:16px;
    background:#fafafa;
    border:1px solid rgba(0,0,0,.06);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    overflow:hidden
}

.checkout-summary-thumb {
    width:58px;
    height:58px;
    object-fit:contain;
    display:block
}

.checkout-summary-item-info {
    min-width:0;
    flex:1
}

.checkout-summary-item-name {
    font-size:14px;
    font-weight:700;
    color:#222;
    line-height:1.55;
    margin-bottom:4px
}

.checkout-summary-item-meta {
    font-size:13px;
    color:#777;
    line-height:1.5
}

.checkout-summary-item-price {
    font-weight:800;
    color:var(--gold-deep);
    white-space:nowrap;
    flex-shrink:0;
    text-align:right
}

[dir="rtl"] .checkout-summary-item-price {
    text-align:left
}

.checkout-verify-overlay {
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.45);
    backdrop-filter:blur(4px);
    z-index:99999;
    display:none;
    align-items:center;
    justify-content:center;
    padding:18px
}

.checkout-verify-overlay.is-open {
    display:flex
}

.checkout-verify-box {
    width:100%;
    max-width:460px;
    background:#fff;
    border-radius:24px;
    padding:28px 24px 22px;
    position:relative;
    box-shadow:0 25px 70px rgba(0,0,0,.22);
    border:1px solid rgba(0,0,0,.06)
}

.checkout-verify-close {
    position:absolute;
    top:10px;
    right:14px;
    width:36px;
    height:36px;
    border:none;
    border-radius:50%;
    background:#f6f6f6;
    color:#555;
    font-size:24px;
    line-height:1;
    cursor:pointer
}

[dir="rtl"] .checkout-verify-close {
    right:auto;
    left:14px
}

.checkout-verify-close:hover {
    background:#ececec
}

.checkout-verify-icon {
    width:62px;
    height:62px;
    margin:0 auto 14px;
    border-radius:50%;
    background:linear-gradient(135deg,rgba(217,161,29,.16),rgba(217,161,29,.06));
    color:var(--gold,#D9A11D);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px
}

.checkout-verify-box h3 {
    text-align:center;
    margin-bottom:8px;
    font-size:1.45rem
}

.checkout-verify-desc {
    text-align:center;
    color:#777;
    font-size:14px;
    line-height:1.7;
    margin-bottom:18px
}

.checkout-verify-email-wrap {
    margin-bottom:12px
}

.checkout-verify-email {
    background:#fafafa
}

.checkout-verify-status {
    min-height:22px;
    text-align:center;
    font-weight:600
}

.checkout-code-grid {
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:10px
}

.checkout-code-slot {
    height:56px;
    border:1px solid rgba(0,0,0,.12);
    border-radius:16px;
    text-align:center;
    font-size:24px;
    font-weight:800;
    outline:none;
    transition:.2s ease
}

.checkout-code-slot:focus {
    border-color:var(--gold,#D9A11D);
    box-shadow:0 0 0 3px rgba(217,161,29,.15)
}

.checkout-verify-actions {
    display:grid;
    gap:10px;
    margin-top:18px
}

.checkout-verify-actions .btn {
    padding-top:12px;
    padding-bottom:12px
}

.checkout-verify-primary {
    order:1
}

.checkout-resend-wrap {
    order:2;
    text-align:center
}

.checkout-resend-note {
    color:#7a7a7a;
    font-size:13px;
    line-height:1.7
}

.checkout-resend-btn {
    width:100%
}

.text-gold {
    color:var(--gold)
}

.order-detail-card {
    background:linear-gradient(180deg,#ffffff 0%,#fffdf9 100%);
    border:1px solid rgba(0,0,0,0.06);
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 14px 34px rgba(0,0,0,0.05)
}

.order-detail-card-header {
    padding:20px 22px;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:14px;
    border-bottom:1px solid rgba(0,0,0,0.05);
    background:#fcfbf8
}

.order-detail-card-body {
    padding:22px
}

.order-detail-label {
    font-size:12px;
    color:#8a8a8a;
    margin-bottom:6px;
    text-transform:uppercase;
    letter-spacing:.4px
}

.order-status-badge {
    font-size:12px;
    padding:9px 12px;
    border-radius:999px;
    white-space:nowrap;
    box-shadow:0 6px 14px rgba(0,0,0,0.05)
}

.order-detail-note {
    margin-bottom:16px;
    color:#7a7a7a;
    font-size:14px
}

.order-summary-mini {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px
}

.summary-mini-box {
    background:#fff;
    border:1px solid rgba(0,0,0,0.05);
    border-radius:16px;
    padding:16px;
    text-align:center;
    box-shadow:0 8px 18px rgba(0,0,0,0.03)
}

.summary-mini-box span {
    display:block;
    font-size:13px;
    color:#777;
    margin-bottom:8px
}

.summary-mini-box strong {
    font-size:1.05rem;
    color:#222
}

.order-items-list {
    display:flex;
    flex-direction:column;
    gap:16px
}

.order-item-row {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    padding:14px;
    border:1px solid rgba(0,0,0,0.05);
    border-radius:18px;
    background:#fff;
    box-shadow:0 8px 20px rgba(0,0,0,0.03)
}

.order-item-left {
    display:flex;
    align-items:center;
    gap:14px;
    min-width:0;
    flex:1
}

.order-item-image-wrap {
    width:72px;
    height:72px;
    background:#fff;
    border:1px solid rgba(0,0,0,0.06);
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0
}

.order-item-image {
    width:54px;
    height:54px;
    object-fit:contain
}

.order-item-content {
    min-width:0
}

.order-item-name {
    font-weight:700;
    color:#222;
    margin-bottom:6px;
    line-height:1.45
}

.order-item-link {
    font-size:13px;
    color:var(--gold);
    text-decoration:none
}

.order-item-link:hover {
    text-decoration:underline
}

.order-item-right {
    min-width:180px;
    display:flex;
    flex-direction:column;
    gap:8px
}

.order-item-meta {
    display:flex;
    justify-content:space-between;
    gap:8px;
    font-size:14px
}

.order-item-meta span {
    color:#777
}

.total-meta strong {
    color:var(--gold)
}

.shipping-info-list {
    display:flex;
    flex-direction:column;
    gap:14px
}

.shipping-info-line {
    display:flex;
    flex-direction:column;
    gap:4px;
    padding-bottom:10px;
    border-bottom:1px dashed rgba(0,0,0,0.06)
}

.shipping-info-line:last-child {
    border-bottom:none;
    padding-bottom:0
}

.shipping-info-line .label,
.shipping-note-box .label {
    font-size:13px;
    color:#777
}

.shipping-note-box {
    background:#fafafa;
    border-radius:14px;
    padding:14px;
    border:1px solid rgba(0,0,0,0.05)
}

.order-success-card {
    max-width:780px;
    margin:0 auto;
    background:linear-gradient(180deg,#ffffff 0%,#fffdf8 100%);
    border-radius:28px;
    padding:44px 30px;
    text-align:center;
    border:1px solid rgba(0,0,0,0.06);
    box-shadow:0 18px 44px rgba(0,0,0,0.06)
}

.order-success-icon {
    width:92px;
    height:92px;
    margin:0 auto 22px;
    border-radius:50%;
    background:linear-gradient(135deg,#198754,#2ecc71);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:38px;
    box-shadow:0 12px 28px rgba(25,135,84,0.22)
}

.order-success-order-num {
    font-size:18px;
    margin-bottom:14px;
    color:#333
}

.order-success-text {
    max-width:620px;
    margin:0 auto 22px;
    color:#595959;
    line-height:1.9
}

.order-success-total {
    display:inline-flex;
    gap:14px;
    align-items:center;
    justify-content:center;
    padding:14px 22px;
    border-radius:18px;
    background:#fff;
    border:1px solid rgba(0,0,0,0.05);
    box-shadow:0 8px 18px rgba(0,0,0,0.03);
    font-size:18px
}

.order-success-total strong {
    color:var(--gold);
    font-size:24px
}

.order-success-actions {
    display:flex;
    gap:12px;
    justify-content:center;
    flex-wrap:wrap;
    margin-top:24px
}

.order-success-actions .btn {
    min-width:180px
}

@media (max-width:767.98px) {
    .checkout-summary-item {
        align-items:flex-start
    }

    .checkout-summary-item-image-wrap {
        width:64px;
        height:64px
    }

    .checkout-summary-thumb {
        width:50px;
        height:50px
    }

    .checkout-summary-item-name {
        font-size:13px
    }

    .checkout-summary-item-price {
        font-size:14px
    }

    .order-detail-card-header {
        flex-direction:column;
        align-items:flex-start
    }

    .order-summary-mini {
        grid-template-columns:1fr
    }

    .order-item-row {
        flex-direction:column;
        align-items:stretch
    }

    .order-item-right {
        min-width:unset
    }
}

@media (max-width:575.98px) {
    .checkout-verify-box {
        padding:24px 18px 18px;
        border-radius:20px
    }

    .checkout-code-grid {
        gap:8px
    }

    .checkout-code-slot {
        height:50px;
        font-size:22px;
        border-radius:14px
    }

    .order-success-card {
        padding:30px 18px;
        border-radius:22px
    }

    .order-success-total {
        flex-direction:column;
        width:100%
    }

    .order-success-actions .btn {
        width:100%;
        min-width:unset
    }
}

body.search-open {
    overflow:hidden
}

.toast-notification {
    position:fixed;
    top:20px;
    right:20px;
    padding:14px 18px;
    border-radius:16px;
    color:#fff;
    font-weight:700;
    font-size:0.92rem;
    z-index:99999;
    transform:translateX(120%);
    transition:transform 0.3s ease,opacity 0.3s ease;
    display:flex;
    align-items:center;
    gap:10px;
    font-family:'Cairo',sans-serif;
    box-shadow:0 14px 36px rgba(0,0,0,0.16);
    max-width:min(92vw,360px);
    opacity:0
}

[dir="rtl"] .toast-notification {
    right:auto;
    left:20px;
    transform:translateX(-120%)
}

.toast-notification.show {
    transform:translateX(0);
    opacity:1
}

.toast-success {
    background:linear-gradient(135deg,#4E8A35,#67A63A)
}

.toast-error {
    background:linear-gradient(135deg,#dc3545,#c82333)
}

@media (max-width:576px) {
    .toast-notification {
        top:auto;
        bottom:18px;
        right:12px;
        left:12px;
        max-width:none;
        transform:translateY(120%)
    }

    [dir="rtl"] .toast-notification {
        right:12px;
        left:12px;
        transform:translateY(120%)
    }

    .toast-notification.show {
        transform:translateY(0)
    }
}

.btn-gold,
.btn-gold:visited {
    background:linear-gradient(135deg,var(--gold),var(--gold-deep)) !important;
    color:#fff !important;
    border:none !important
}

.btn-gold:hover,
.btn-gold:focus,
.btn-gold:active {
    background:linear-gradient(135deg,var(--gold-deep),var(--gold)) !important;
    color:#fff !important;
    border:none !important;
    box-shadow:0 12px 24px rgba(217,161,29,0.22) !important
}

.btn-gold:focus {
    outline:none !important
}

.btn-gold:disabled,
.btn-gold.disabled {
    background:linear-gradient(135deg,#d8c28a,#cdb77d) !important;
    color:#fff !important;
    opacity:1 !important
}

.btn-outline-gold,
.btn-outline-gold:visited {
    background:#fffdfa !important;
    color:var(--gold-deep) !important;
    border:2px solid var(--gold) !important
}

.btn-outline-gold:hover,
.btn-outline-gold:focus,
.btn-outline-gold:active {
    background:linear-gradient(135deg,var(--gold),var(--gold-deep)) !important;
    color:#fff !important;
    border:2px solid var(--gold) !important;
    box-shadow:0 12px 24px rgba(217,161,29,0.18) !important
}

.btn-outline-gold:focus {
    outline:none !important
}

.btn-outline-gold:disabled,
.btn-outline-gold.disabled {
    background:#faf7ee !important;
    color:#b49a57 !important;
    border-color:#d8c28a !important;
    opacity:1 !important
}

.products-page-section .products-top-panel {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    flex-wrap:wrap
}

.products-page-section .products-top-search {
    flex:1;
    min-width:280px
}

.products-page-section .results-pill {
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#fff;
    border:1px solid rgba(0,0,0,0.06);
    border-radius:999px;
    padding:10px 14px;
    box-shadow:0 8px 20px rgba(0,0,0,0.04);
    color:#555
}

.products-page-section .filter-panel {
    background:#fff;
    border:1px solid rgba(0,0,0,0.06);
    border-radius:22px;
    padding:20px;
    box-shadow:0 10px 30px rgba(0,0,0,0.05);
    position:sticky;
    top:100px
}

.products-page-section .filter-panel-section+.filter-panel-section {
    margin-top:22px;
    padding-top:22px;
    border-top:1px solid rgba(0,0,0,0.06)
}

.products-page-section .filter-panel h5 {
    margin-bottom:14px
}

.products-page-section .filter-links,
.products-page-section .products-mobile-links {
    display:flex;
    flex-direction:column;
    gap:10px
}

.products-page-section .filter-link {
    display:block;
    padding:11px 13px;
    border-radius:14px;
    text-decoration:none;
    color:#444;
    background:#fafafa;
    transition:.2s ease
}

.products-page-section .filter-link:hover {
    color:var(--gold);
    background:#fff8ea
}

.products-page-section .filter-link.active {
    color:#111;
    font-weight:700;
    background:#fff3d8;
    border:1px solid rgba(201,160,58,0.22)
}

.products-page-section .results-header {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    margin-bottom:20px;
    padding:18px 20px;
    background:#fff;
    border:1px solid rgba(0,0,0,0.06);
    border-radius:20px;
    box-shadow:0 8px 20px rgba(0,0,0,0.04)
}

.products-page-section .products-empty-state {
    text-align:center;
    background:#fff;
    border:1px solid rgba(0,0,0,0.06);
    border-radius:24px;
    padding:50px 24px;
    box-shadow:0 15px 40px rgba(0,0,0,0.05)
}

.products-page-section .products-empty-state .empty-icon {
    width:90px;
    height:90px;
    margin:0 auto 18px;
    border-radius:50%;
    background:#faf7ef;
    color:var(--gold);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px
}

.products-page-section .products-empty-state p {
    color:#777;
    margin-bottom:0
}

.products-page-section .products-hero-note {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    flex-wrap:wrap;
    background:#fff;
    border:1px solid rgba(0,0,0,0.06);
    border-radius:24px;
    padding:18px 20px;
    box-shadow:0 10px 30px rgba(0,0,0,0.05)
}

.products-page-section .products-hero-note-title {
    font-size:1.05rem;
    font-weight:800;
    color:#222;
    margin-bottom:4px
}

.products-page-section .products-hero-note-text,
.products-page-section .products-hero-note-side {
    color:#6f6f6f;
    font-size:14px;
    line-height:1.8
}

.products-page-section .products-hero-note-side {
    max-width:360px
}

.products-page-section .results-header-badge {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:10px 14px;
    border-radius:999px;
    background:#fcfbf8;
    border:1px solid rgba(0,0,0,0.05);
    font-weight:800;
    color:#222
}

.products-page-section .products-mobile-toolbar,
.products-page-section .products-mobile-chips,
.products-mobile-backdrop,
.products-mobile-sheet {
    display:none
}

.products-page-section .products-grid {
    --bs-gutter-x:1.5rem;
    --bs-gutter-y:1.5rem
}

.products-page-section .product-card {
    height:100%;
    border-radius:20px
}

.products-page-section .product-card-image {
    padding:18px 16px 10px
}

.products-page-section .product-card-image img {
    height:210px
}

.products-page-section .product-card-body {
    padding:16px
}

.products-page-section .product-card-footer {
    margin-top:auto
}

.products-page-section .product-card-title {
    font-size:0.98rem;
    line-height:1.45;
    min-height:2.9em;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden
}

.products-page-section .product-card-desc {
    color:#8a8a8a;
    line-height:1.7;
    min-height:3.4em;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden
}

.products-page-section .product-card-price {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px 8px
}

.products-page-section .product-card-actions {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px
}

.products-page-section .product-card-actions .btn {
    min-height:42px;
    padding:10px 8px;
    font-size:0.79rem;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px
}

.products-page-section .btn-view-details {
    background:#f6f8f0;
    color:var(--green-dark);
    border:1px solid rgba(78,138,53,0.12)
}

.products-page-section .btn-view-details:hover {
    background:var(--green-dark);
    color:#fff
}

.products-page-section .product-badge {
    padding:4px 10px;
    font-size:0.68rem
}

@media (max-width:991.98px) {
    .products-page-section .filter-panel {
        position:static
    }

    .products-page-section .products-top-stats,
    .products-page-section .products-sidebar-col {
        display:none !important
    }

    .products-page-section .products-mobile-toolbar {
        display:grid;
        grid-template-columns:1fr 1fr auto;
        gap:10px;
        align-items:center
    }

    .products-page-section .products-mobile-toolbar-btn {
        min-height:46px;
        padding:0 14px;
        border:none;
        border-radius:16px;
        background:#fff;
        color:#2b2b2b;
        box-shadow:0 10px 25px rgba(0,0,0,0.05);
        border:1px solid rgba(0,0,0,0.06);
        display:inline-flex;
        align-items:center;
        justify-content:center;
        gap:8px;
        font-weight:700
    }

    .products-page-section .products-mobile-toolbar-count {
        min-height:46px;
        padding:0 14px;
        border-radius:16px;
        background:#fff;
        border:1px solid rgba(0,0,0,0.06);
        display:inline-flex;
        align-items:center;
        justify-content:center;
        font-weight:800;
        color:#222;
        white-space:nowrap
    }

    .products-page-section .products-mobile-chips {
        display:block
    }

    .products-page-section .products-mobile-chip-track {
        display:flex;
        gap:10px;
        overflow-x:auto;
        padding-bottom:6px;
        scrollbar-width:none
    }

    .products-page-section .products-mobile-chip-track::-webkit-scrollbar {
        display:none
    }

    .products-page-section .products-mobile-chip {
        flex:0 0 auto;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        min-height:40px;
        padding:0 14px;
        border-radius:999px;
        background:#fff;
        color:#444;
        border:1px solid rgba(0,0,0,0.06);
        white-space:nowrap;
        font-weight:700;
        box-shadow:0 8px 20px rgba(0,0,0,0.04)
    }

    .products-page-section .products-mobile-chip.active {
        background:#fff3d8;
        color:#111;
        border-color:rgba(201,160,58,0.22)
    }

    .products-mobile-backdrop {
        position:fixed;
        inset:0;
        background:rgba(10,10,10,0.45);
        backdrop-filter:blur(3px);
        z-index:1080
    }

    .products-mobile-backdrop.is-open {
        display:block
    }

    .products-mobile-sheet {
        position:fixed;
        inset-inline:0;
        bottom:0;
        z-index:1081;
        background:#fff;
        border-radius:24px 24px 0 0;
        box-shadow:0 -18px 40px rgba(0,0,0,0.16);
        transform:translateY(104%);
        transition:transform .28s ease;
        max-height:min(76vh,680px);
        overflow:hidden
    }

    .products-mobile-sheet.is-open {
        display:block;
        transform:translateY(0)
    }

    .products-mobile-sheet-header {
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:12px;
        padding:18px 18px 14px;
        border-bottom:1px solid rgba(0,0,0,0.06)
    }

    .products-mobile-sheet-body {
        padding:16px 18px 22px;
        overflow:auto;
        max-height:calc(76vh - 68px)
    }

    .products-mobile-sheet-close {
        width:40px;
        height:40px;
        border:none;
        border-radius:50%;
        background:#f6f6f6;
        color:#333;
        display:inline-flex;
        align-items:center;
        justify-content:center
    }

    .products-mobile-panel[hidden] {
        display:none !important
    }

    body.products-sheet-open {
        overflow:hidden
    }

    .products-page-section .results-header {
        padding:16px;
        margin-bottom:16px
    }

    .products-page-section .results-header .text-muted {
        display:none
    }
}

@media (max-width:767.98px) {
    .products-page-section .products-hero-note {
        padding:16px;
        border-radius:20px
    }

    .products-page-section .products-hero-note-side {
        display:none
    }

    .products-page-section .products-top-search {
        min-width:0;
        width:100%
    }

    .products-page-section .products-mobile-toolbar {
        grid-template-columns:1fr 1fr
    }

    .products-page-section .products-mobile-toolbar-count {
        grid-column:1 / -1
    }

    .products-page-section .results-header {
        align-items:flex-start;
        padding:14px 15px
    }

    .products-page-section .results-header h4 {
        font-size:1.05rem;
        margin-bottom:0
    }

    .products-page-section .results-header-badge {
        display:none
    }

    .products-page-section .products-grid {
        --bs-gutter-x:0.85rem;
        --bs-gutter-y:0.95rem
    }

    .products-page-section .product-card {
        border-radius:18px
    }

    .products-page-section .product-card-image {
        padding:14px 12px 8px
    }

    .products-page-section .product-card-image img {
        height:136px
    }

    .products-page-section .product-card-body {
        padding:12px
    }

    .products-page-section .product-card-category {
        font-size:0.72rem;
        margin-bottom:4px
    }

    .products-page-section .product-card-title {
        font-size:0.87rem;
        min-height:2.7em;
        margin-bottom:6px
    }

    .products-page-section .product-card-desc {
        display:none
    }

    .products-page-section .current-price {
        font-size:1rem
    }

    .products-page-section .old-price {
        font-size:0.78rem;
        margin:0
    }

    .products-page-section .product-card-actions {
        grid-template-columns:1fr 1fr;
        gap:6px
    }

    .products-page-section .product-card-actions .btn {
        min-height:37px;
        padding:8px 6px;
        font-size:0.72rem;
        border-radius:12px
    }

    .products-page-section .product-card-actions .btn i {
        margin:0
    }

    .products-page-section .product-badge {
        top:10px;
        padding:3px 8px;
        font-size:0.62rem
    }
}

@media (max-width:430px) {
    .products-page-section .product-card-image img {
        height:126px
    }

    .products-page-section .products-mobile-toolbar-btn {
        font-size:0.82rem;
        padding:0 12px
    }

    .products-page-section .products-mobile-toolbar-count {
        font-size:0.84rem
    }
}

.home-articles-section {
    background:linear-gradient(180deg,rgba(255,255,255,0.82) 0%,rgba(247,245,239,0.92) 100%)
}

.home-articles-grid {
    align-items:stretch
}

.home-article-card {
    height:100%;
    display:flex;
    flex-direction:column;
    background:#fff;
    border:1px solid rgba(0,0,0,0.06);
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 16px 34px rgba(0,0,0,0.06);
    transition:transform .25s ease,box-shadow .25s ease
}

.home-article-card:hover {
    transform:translateY(-5px);
    box-shadow:0 20px 40px rgba(0,0,0,0.09)
}

.home-article-cover-link {
    display:block
}

.home-article-cover {
    width:100%;
    height:240px;
    object-fit:cover;
    background:#f5f5f5;
    display:block
}

.home-article-card-body {
    padding:20px;
    display:flex;
    flex-direction:column;
    flex:1
}

.home-article-meta {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px 12px;
    color:#777;
    font-size:13px;
    margin-bottom:12px
}

.home-article-meta i,
.home-article-author i {
    color:var(--gold-deep);
    margin-inline-end:5px
}

.home-article-tag {
    display:inline-flex;
    align-items:center;
    min-height:30px;
    padding:4px 12px;
    border-radius:999px;
    background:#fcf7eb;
    color:#8b6b1e;
    font-size:12px;
    font-weight:700
}

.home-article-title {
    font-size:1.18rem;
    line-height:1.55;
    margin-bottom:10px
}

.home-article-title a {
    color:#222;
    text-decoration:none
}

.home-article-title a:hover {
    color:var(--gold-deep)
}

.home-article-excerpt {
    color:#666;
    line-height:1.9;
    margin-bottom:16px;
    flex:1
}

.home-article-footer {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
    padding-top:14px;
    border-top:1px solid rgba(0,0,0,0.06)
}

.home-article-author {
    color:#666;
    font-size:13px;
    font-weight:600
}

.home-article-read-more {
    color:var(--gold-deep);
    font-weight:800;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    gap:8px
}

.home-article-read-more:hover {
    color:var(--gold)
}

@media (max-width:767.98px) {
    .home-article-cover {
        height:212px
    }

    .home-article-card-body {
        padding:16px
    }

    .home-article-title {
        font-size:1.02rem;
        margin-bottom:8px
    }

    .home-article-excerpt {
        font-size:0.93rem;
        line-height:1.8;
        margin-bottom:14px
    }

    .home-article-footer {
        align-items:flex-start;
        flex-direction:column
    }

    .home-articles-cta .btn {
        width:100%
    }
}

.home-why-section .home-why-grid {
    align-items:stretch
}

.home-why-section .why-card {
    height:100%
}

@media (max-width:767.98px) {
    .home-why-section {
        padding-top:48px;
        padding-bottom:48px
    }

    .home-why-section .section-title {
        margin-bottom:28px
    }

    .home-why-section .home-why-grid {
        --bs-gutter-x:0.9rem;
        --bs-gutter-y:0.9rem
    }

    .home-why-section .why-card.feature-card-upgraded {
        padding:16px 12px;
        border-radius:18px;
        min-height:100%;
        box-shadow:0 10px 24px rgba(0,0,0,0.05)
    }

    .home-why-section .why-card-icon {
        width:52px;
        height:52px;
        margin:0 auto 12px;
        font-size:1.15rem
    }

    .home-why-section .why-card h5 {
        font-size:0.92rem;
        line-height:1.5;
        margin-bottom:6px;
        min-height:2.8em
    }

    .home-why-section .why-card p {
        font-size:0.78rem;
        line-height:1.7;
        margin:0;
        display:-webkit-box;
        -webkit-line-clamp:3;
        -webkit-box-orient:vertical;
        overflow:hidden;
        min-height:4.9em
    }
}

@media (max-width:480px) {
    .home-why-section .home-why-grid {
        --bs-gutter-x:0.75rem;
        --bs-gutter-y:0.75rem
    }

    .home-why-section .why-card.feature-card-upgraded {
        padding:14px 10px;
        border-radius:16px
    }

    .home-why-section .why-card-icon {
        width:48px;
        height:48px;
        margin-bottom:10px;
        font-size:1.05rem
    }

    .home-why-section .why-card h5 {
        font-size:0.86rem;
        min-height:2.9em
    }

    .home-why-section .why-card p {
        font-size:0.74rem;
        line-height:1.65;
        min-height:4.8em
    }
}

.navbar-brand.belleza-site-brand {
    display:inline-flex;
    align-items:center;
    padding:0;
    min-width:0
}

.site-logo-img {
    display:block;
    width:auto;
    height:54px;
    max-width:260px;
    object-fit:contain
}

.navbar-brand.belleza-site-brand .brand-text {
    display:none!important
}

.site-footer .footer-logo {
    width:auto;
    height:76px;
    max-width:190px;
    object-fit:contain;
    display:block;
    margin-bottom:14px
}

.site-footer h5,
.site-footer .footer-brand-name,
.site-footer .footer-brand-title {
    letter-spacing:.08em;
    font-weight:800
}

@media (max-width:991px) {
    .site-logo-img {
        height:44px;
        max-width:205px
    }
}

@media (max-width:420px) {
    .site-logo-img {
        height:38px;
        max-width:175px
    }

    .main-navbar .container {
        gap:8px
    }

    .nav-actions {
        gap:5px
    }

    .nav-action-btn {
        width:38px;
        height:38px
    }
}

.product-reviews-section {
    background:var(--white);
    border-radius:24px;
    padding:28px;
    box-shadow:var(--shadow);
    border:1px solid rgba(0,0,0,0.04)
}

.product-reviews-header {
    display:flex;
    justify-content:space-between;
    gap:18px;
    align-items:flex-start;
    margin-bottom:20px
}

.product-rating-summary {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px;
    color:var(--text-body)
}

.belleza-stars {
    display:inline-flex;
    gap:3px;
    color:var(--gold);
    font-size:18px;
    line-height:1
}

.belleza-stars-sm {
    font-size:14px
}

.product-reviews-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    margin:20px 0
}

.product-review-card {
    background:#fffdf8;
    border:1px solid rgba(217,161,29,0.18);
    border-radius:18px;
    padding:18px
}

.product-review-top {
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:flex-start;
    margin-bottom:10px
}

.product-review-card h5 {
    font-size:1rem;
    margin-bottom:8px
}

.product-review-card p {
    margin-bottom:10px;
    color:var(--text-body)
}

.product-review-card small {
    color:var(--gray)
}

.verified-review {
    display:inline-flex;
    align-items:center;
    gap:5px;
    margin-inline-start:8px;
    color:var(--green-dark);
    font-size:12px;
    font-weight:700
}

.product-review-form-card {
    margin-top:20px;
    padding:20px;
    border-radius:20px;
    background:#fdfbf5;
    border:1px dashed rgba(217,161,29,0.35)
}

.review-submit-form .form-control,
.review-submit-form .form-select {
    border-radius:14px;
    padding:12px 14px
}

@media (max-width:767.98px) {
    .product-reviews-section {
        padding:20px 14px;
        border-radius:20px
    }

    .product-reviews-grid {
        grid-template-columns:1fr
    }

    .product-review-top {
        flex-direction:column
    }
}

/* ===== Belleza FINAL Accessibility Contrast Override ===== */
/* Put this block at the very END of style.min.css */
/* Main CTA buttons */
body .btn.btn-gold,
body a.btn.btn-gold,
body .hero-buttons .btn.btn-gold,
body .product-actions .btn.btn-gold {
    background:#8A5700!important;
    background-image:none!important;
    color:#FFFFFF!important;
    border-color:#8A5700!important;
    text-shadow:none!important;
    opacity:1!important;
    font-weight:900!important;
}

body .btn.btn-gold:hover,
body .btn.btn-gold:focus,
body .btn.btn-gold:active {
    background:#6F4500!important;
    background-image:none!important;
    color:#FFFFFF!important;
    border-color:#6F4500!important;
}

/* WhatsApp / Offers green button */
body .btn.btn-whatsapp,
body a.btn.btn-whatsapp,
body .hero-buttons .btn.btn-whatsapp {
    background:#0B6B35!important;
    background-image:none!important;
    color:#FFFFFF!important;
    border-color:#0B6B35!important;
    text-shadow:none!important;
    opacity:1!important;
    font-weight:900!important;
}

body .btn.btn-whatsapp:hover,
body .btn.btn-whatsapp:focus,
body .btn.btn-whatsapp:active {
    background:#084F28!important;
    background-image:none!important;
    color:#FFFFFF!important;
    border-color:#084F28!important;
}

/* Outline gold button */
body .btn.btn-outline-gold,
body a.btn.btn-outline-gold {
    background:#FFFFFF!important;
    background-image:none!important;
    color:#5C3A00!important;
    border:2px solid #6F4500!important;
    text-shadow:none!important;
    opacity:1!important;
    font-weight:900!important;
}

body .btn.btn-outline-gold:hover,
body .btn.btn-outline-gold:focus,
body .btn.btn-outline-gold:active {
    background:#6F4500!important;
    background-image:none!important;
    color:#FFFFFF!important;
    border-color:#6F4500!important;
}

/* Add to cart buttons */
body button.btn.btn-add-cart,
body .product-card .btn.btn-add-cart,
body .product-card-actions .btn.btn-add-cart {
    background:#6F4500!important;
    background-image:none!important;
    color:#FFFFFF!important;
    border:1px solid #6F4500!important;
    text-shadow:none!important;
    opacity:1!important;
    font-weight:900!important;
}

body button.btn.btn-add-cart:hover,
body button.btn.btn-add-cart:focus,
body button.btn.btn-add-cart:active {
    background:#563600!important;
    background-image:none!important;
    color:#FFFFFF!important;
    border-color:#563600!important;
}

/* Details buttons */
body a.btn.btn-buy-now,
body a.btn.btn-view-details,
body .product-card .btn.btn-buy-now,
body .product-card .btn.btn-view-details {
    background:#245B2A!important;
    background-image:none!important;
    color:#FFFFFF!important;
    border:1px solid #245B2A!important;
    text-shadow:none!important;
    opacity:1!important;
    font-weight:900!important;
}

body a.btn.btn-buy-now:hover,
body a.btn.btn-buy-now:focus,
body a.btn.btn-view-details:hover,
body a.btn.btn-view-details:focus {
    background:#17431D!important;
    background-image:none!important;
    color:#FFFFFF!important;
    border-color:#17431D!important;
}

/* Sale / Featured badges */
body .product-badge,
body .product-badge.product-badge--sale,
body span.product-badge.product-badge--sale {
    background:#7A3F00!important;
    background-image:none!important;
    color:#FFFFFF!important;
    border-color:#7A3F00!important;
    text-shadow:none!important;
    opacity:1!important;
    font-weight:900!important;
}

body .product-badge.product-badge--featured,
body span.product-badge.product-badge--featured {
    background:#14532D!important;
    background-image:none!important;
    color:#FFFFFF!important;
    border-color:#14532D!important;
    text-shadow:none!important;
    opacity:1!important;
    font-weight:900!important;
}

/* Product card text */
body .product-card .product-card-category,
body .product-card-category {
    color:#3B2A00!important;
    opacity:1!important;
    font-weight:900!important;
}

body .product-card .product-card-title,
body .product-card .product-card-title a,
body .product-card-title,
body .product-card-title a {
    color:#111827!important;
    opacity:1!important;
}

body .product-card .product-card-desc,
body .product-card-desc {
    color:#374151!important;
    opacity:1!important;
}

body .product-card .current-price,
body .current-price {
    color:#5C2E00!important;
    opacity:1!important;
    font-weight:900!important;
}

body .product-card .old-price,
body .old-price {
    color:#4B5563!important;
    opacity:1!important;
}

/* Section subtitles / category / feature cards */
body .section-title p,
body .why-card p,
body .category-card-upgraded p,
body .feature-card-upgraded p {
    color:#374151!important;
    opacity:1!important;
}

body .why-card h3,
body .category-card-upgraded h3,
body .feature-card-upgraded h3,
body .why-card h5,
body .category-card-upgraded h5,
body .feature-card-upgraded h5 {
    color:#111827!important;
    opacity:1!important;
}

/* Article cards */
body .home-article-meta,
body .home-article-meta span,
body .home-article-author,
body .home-article-excerpt {
    color:#374151!important;
    opacity:1!important;
}

body .home-article-tag {
    color:#4A3600!important;
    background:#FFF4D6!important;
}

body .home-article-read-more,
body .home-article-read-more:visited {
    color:#5C3A00!important;
    font-weight:900!important;
}

body .home-article-read-more:hover,
body .home-article-read-more:focus {
    color:#3D2600!important;
}

/* Footer */
body .site-footer,
body .site-footer p,
body .footer-desc,
body .footer-slogan,
body .footer-contact-item,
body .footer-contact-item span,
body .footer-links a {
    color:#EDEDED!important;
    opacity:1!important;
}

body .footer-title {
    color:#FFFFFF!important;
    opacity:1!important;
}

/* ===== Belleza Product Card Image Fill Enhancement ===== */
/* Keeps product packshots safe while visually filling more of the product image area. */
body .product-card .product-card-image {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body .product-card .product-card-image img {
    object-fit: contain !important;
    object-position: center center !important;
    transform: scale(1.15) !important;
    transform-origin: center center !important;
    transition: transform 0.3s ease !important;
}

body .product-card:hover .product-card-image img {
    transform: scale(1.21) !important;
}

@media (max-width: 767.98px) {
    body .product-card .product-card-image img {
        transform: scale(1.12) !important;
    }

    body .product-card:hover .product-card-image img {
        transform: scale(1.16) !important;
    }

}