﻿
@media all and (min-width: 992px) {
    .navbar .dropdown-menu { will-change: opacity, transform; }
    .navbar .dropdown-menu { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); }
    .navbar .dropdown-menu-end { right: 0; left: auto; }
    .navbar .nav-item .dropdown-menu { display: block; opacity: 0; visibility: hidden; transition: .3s; margin-top: 0; }
    .navbar .dropdown-menu.fade-down { top: 80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
    .navbar .dropdown-menu.fade-up { top: 180%; }
    .navbar .nav-item:hover .dropdown-menu { transition: .3s; opacity: 1; visibility: visible; top: 100%; transform: rotateX(0deg); }

    .navbar-nav > .nav-item > .nav-link { position: relative; font-size: 1.1rem; font-weight: 600; padding: 0.5rem 1rem; transition: color 0.2s ease-in-out; }
    .navbar-nav > .nav-item > .nav-link::before { content: ""; position: absolute; left: 50%; bottom: 0.2rem; width: 0%; height: 2px; transition: width 0.2s ease-out, left 0.2s ease-out; z-index: 0; }
    .navbar-nav > .nav-item > .nav-link:hover::before { width: 100%; left: 0; }
    .navbar-nav > .nav-item.dropdown > .nav-link.dropdown-toggle::after { margin-left: 0.35em; vertical-align: middle; }
}

.card-coupon { border: 4px dashed #c0392b; border-radius: 12px; background: #fff; position: relative; padding: 1rem; box-shadow: 0 4px 10px rgba(0,0,0,0.05); background-image: repeating-linear-gradient( 45deg, #ffffff, #ffffff 10px, #f8f8f8 10px, #f8f8f8 20px ); transition: transform 0.2s ease, box-shadow 0.2s ease; }
.card-coupon:hover { transform: scale(1.02); box-shadow: 0 6px 16px rgba(0,0,0,0.15); }

.card-coupon::before { content: ""; position: absolute; top: -4px; right: -4px; width: 44px; height: 44px; background: linear-gradient(135deg, #c0392b 0%, #a93226 100%); clip-path: polygon(100% 0, 0 0, 100% 100%); z-index: 2; border-top-right-radius: 12px; }
.card-coupon::after { content: ""; position: absolute; top: -4px; right: -4px; width: 44px; height: 44px; box-shadow: -5px 5px 5px rgba(0,0,0,0.15); clip-path: polygon(100% 0, 0 0, 100% 100%); z-index: 1; }
.card-coupon h3 {font-weight:bold}
.card-coupon .text-muted.small { margin-top: 0.75rem; font-style: italic; }

.card.card-reviews { position: relative; border: 1px solid #f0f0f0; background: #fffdfa; border-radius: 1rem; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
.card.card-reviews::after { content: ""; position: absolute; bottom: -10px; left: 3rem; border-width: 10px 10px 0; border-style: solid; border-color: #fffdfa transparent transparent transparent; display: block; width: 0; filter: drop-shadow(0 -2px -2px rgba(0, 0, 0, 0.05)); }
.card.card-reviews::before { content: ""; position: absolute; bottom: -11px; left: 3rem; border-width: 11px 11px 0; border-style: solid; border-color: #f0f0f0 transparent transparent transparent; z-index: -1; }

.svg-icon > svg { width: 3rem; height: 3rem; }

.card-faq { border-width: 0; box-shadow: 0 .375rem 1.5rem 0 rgba(140, 152, 164, .125); background-color: #fff; background-clip: border-box;  border-radius: .3125rem; }
.accordion-collapse.show, .accordion-collapse.collapsing { background-color: var(--bs-accordion-active-bg); color: var(--bs-accordion-active-color); }
.accordion-button:focus { box-shadow:none; }

.card-hoverzoom { transition: all .2s ease; }
.card-hoverzoom:hover { box-shadow: 5px 6px 6px 2px #e9ecef; transform: scale(1.05); }

.hoverzoom { transition: all .2s ease; }
.hoverzoom:hover { transform: scale(1.05); }

.frmico {max-width:128px; }
.object-fit-cover { object-fit: cover; height: 100%; }

.footer-reviews { position: relative; text-align: center; padding: 0 10px; font-size: 14px; }
.footer-reviews span.star-rating { display: inline-block; vertical-align: middle; margin: 0 7px; font-size: 14px; font-weight: 700; color: #ddbf27; padding: 0 8px; }
.footer-reviews span img { margin-top: -8px; margin-left: 6px; }
