/* Brand color override for the Porto/demo26 theme (kept out of wwwroot/site/** on purpose).
   Mirrors every selector where the theme hardcodes its default orange (#ec7200) and
   restates it with MotoRisk red (#f52c2b); loaded after demo26.min.css so it wins the cascade. */

.bg-primary { background-color:#f52c2b!important }
.text-primary { color:#f52c2b!important }
.owl-theme .owl-dots .owl-dot span:before { content:"";display:block;width:0.7rem;height:0.7rem;position:absolute;left:50%;top:50%;margin-top:-0.35rem;margin-left:-0.35rem;background-color:#f52c2b;opacity:0;visibility:hidden;transform:scale(0);transition:all 0.3s;border-radius:50% }
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span { border-color:#f52c2b;background:transparent }
.owl-theme.owl-theme-light .owl-dots .owl-dot.active span,.owl-theme.owl-theme-light .owl-dots .owl-dot:hover span { border-color:#f52c2b;background:transparent }
.owl-theme.owl-theme-light .owl-dots .owl-dot.active span:before { border-color:#f52c2b }
.btn-primary { border-color:#f52c2b;background-color:#f52c2b;color:#fff;box-shadow:none }
.btn-primary.disabled,.btn-primary:disabled { border-color:#f52c2b;background-color:#f52c2b;color:#fff }
.btn-outline-primary { border-color:#f52c2b;background-color:transparent;background-image:none;color:#f52c2b }
.btn-outline-primary.focus,.btn-outline-primary:hover { border-color:#f52c2b;background-color:#f52c2b;color:#fff;box-shadow:none }
.btn-outline-primary.disabled,.btn-outline-primary:disabled { background-color:transparent;color:#f52c2b }
.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle { border-color:#f52c2b;background-color:#f52c2b;color:#fff }
.btn-gray.focus,.btn-gray:focus,.btn-gray:hover { border-color:#f52c2b;background-color:#f52c2b;color:#fff;box-shadow:none }
.btn-link { padding-top:0;padding-bottom:0;color:#f52c2b;font-family:"Open Sans",sans-serif;font-size:13px;letter-spacing:0;text-transform:initial }
.btn-link:focus,.btn-link:hover { color:#f52c2b;text-decoration:underline }
.btn-social-login { display:flex;margin-right:10px;margin-left:10px;background-color:#f52c2b;font-family:Poppins,sans-serif;text-decoration:none;text-transform:uppercase }
.mfp-container .mfp-preloader,.porto-loading-icon { content:"";display:inline-block;width:40px;height:40px;margin:0 auto;border:2px solid transparent;border-radius:50%;border-top-color:#f52c2b;border-image:none;text-indent:-9999px;-webkit-animation:spin 0.75s infinite linear;animation:spin 0.75s infinite linear;z-index:3 }
.card-header .card-edit { margin-top:0.1rem;float:right;color:#f52c2b;font-size:1.3rem;font-weight:400;text-transform:capitalize }
.product-countdown-container { display:flex;position:absolute;padding:1rem 0.7rem 0.9rem;justify-content:center;flex-wrap:wrap;left:1rem;right:1rem;bottom:1rem;opacity:0.7;letter-spacing:-0.01em;visibility:visible;text-transform:uppercase;font-family:Oswald,sans-serif;transition:opacity 0.3s ease;background:#f52c2b;z-index:6 }
.feature-box i { display:inline-block;margin-bottom:2.2rem;color:#f52c2b;font-size:5rem;line-height:1 }
.feature-box.border-top-primary .feature-box-content { border-top:4px solid #f52c2b;padding:30px 20px 10px 20px }
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before { background-color:#f52c2b }
.custom-radio .custom-control-input:checked~.custom-control-label:after { background-image:none;background-color:#f52c2b }
.page-header .breadcrumb a { color:#f52c2b }
.page-item.active .page-link { color:#706f6c;background-color:transparent;border-color:#f52c2b }
.page-link:focus,.page-link:hover { color:#706f6c;background-color:transparent;border-color:#f52c2b;box-shadow:none }
.layout-btn.active { color:#f52c2b }
.minipopup-box .product-detail .product-name:hover { color:#f52c2b }
.product-intro.owl-carousel.owl-theme .owl-dots .owl-dot.active span,.product-intro.owl-carousel.owl-theme .owl-dots .owl-dot:hover span { background:none;border-color:#f52c2b }
.product-intro.owl-carousel.owl-theme .owl-dots .owl-dot.active span:after,.product-intro.owl-carousel.owl-theme .owl-dots .owl-dot:hover span:after { content:"";position:absolute;left:3px;bottom:3px;right:3px;top:3px;border-radius:10px;background-color:#f52c2b }
.product-default a:hover { color:#f52c2b;text-decoration:none }
.product-default .product-label.label-number { display:flex;position:relative;padding:0;margin-left:auto;margin-right:auto;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-size:1.6rem;background-color:#f52c2b;color:#fff }
.product-select.type-image.checked,.product-select.type-image.hover { border:1px solid #f52c2b }
.product-single-qty .btn.btn-down-icon:hover:after,.product-single-qty .btn.btn-down-icon:hover:before,.product-single-qty .btn.btn-up-icon:hover:after,.product-single-qty .btn.btn-up-icon:hover:before { background-color:#f52c2b }
.config-swatch-list li:hover span:last-child { color:#f52c2b }
.add-cart-box { padding:19px 10px 20px!important;border-top:4px solid #f52c2b;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.6) }
.add-cart-box h4 { font-weight:500;color:#f52c2b;margin-bottom:1.8rem }
.inner-quickview figure .btn-quickview { position:absolute;padding:0.8rem 1.4rem;bottom:0;left:0;width:100%;height:auto;color:#fff;background-color:#f52c2b;font-size:1.3rem;font-weight:400;letter-spacing:0.025em;font-family:Poppins,sans-serif;text-transform:uppercase;visibility:hidden;opacity:0;transform:none;margin:0;border:none;line-height:1.82;transition:padding-top 0.2s,padding-bottom 0.2s;z-index:2 }
.inner-icon figure .btn-icon:hover { background-color:#f52c2b;border-color:#f52c2b;color:#fff }
.hidden-description .btn-quickview { transform:none;background-color:#f52c2b;color:#fff;width:50%;margin:0;border:none;height:45px;left:0;font-size:1.3rem;font-weight:400;letter-spacing:0.025em;font-family:Poppins,sans-serif;text-transform:uppercase;line-height:45px }
.product-overlay .product-details a:hover { color:#f52c2b }
.overlay-dark .product-details a:hover { color:#f52c2b }
.quantity-input .btn-add-cart:hover { background-color:#f52c2b;border-color:#f52c2b;color:#fff }
.product-list .btn-add-cart { margin:0 3px 5px 0;padding:0 1.4rem;background-color:#f52c2b;border-color:#f52c2b;color:#fff }
.testimonial blockquote { position:relative;margin:0 0 0 15px;padding:1rem 2rem;color:#f52c2b }
.social-icon { display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:#fff;background-color:#f52c2b;font-size:14px;line-height:3.2rem;text-align:center;text-decoration:none;opacity:1 }
.nav-tabs .nav-item .nav-link.active,.nav-tabs .nav-item.show .nav-link { border-bottom-color:#f52c2b;color:#f52c2b }
.nav-tabs .nav-link:hover { color:#f52c2b }
.tabs .nav-tabs .nav-item .nav-link.active,.tabs .nav-tabs .nav-item.show .nav-link { border-top-color:#f52c2b;color:#f52c2b;background:#fff }
.tabs .nav-tabs .nav-link:focus,.tabs .nav-tabs .nav-link:hover { border-top-color:#f52c2b }
.tabs-bottom .nav-tabs .nav-item .nav-link.active,.tabs-bottom .nav-tabs .nav-item.show .nav-link { border-top:none;border-bottom-color:#f52c2b }
.tabs-bottom .nav-tabs .nav-link:focus,.tabs-bottom .nav-tabs .nav-link:hover { border-bottom-color:#f52c2b }
.tabs-left .nav-tabs .nav-item .nav-link.active,.tabs-left .nav-tabs .nav-item.show .nav-link { border-left:3px solid #f52c2b }
.tabs-left .nav-tabs .nav-link:focus,.tabs-left .nav-tabs .nav-link:hover { border-left-color:#f52c2b }
.tabs-right .nav-tabs .nav-item .nav-link.active,.tabs-right .nav-tabs .nav-item.show .nav-link { border-right:3px solid #f52c2b }
.tabs-right .nav-tabs .nav-link:focus,.tabs-right .nav-tabs .nav-link:hover { border-right-color:#f52c2b }
::-moz-selection { background-color:#f52c2b;color:#fff }
::selection { background-color:#f52c2b;color:#fff }
a { transition:all 0.3s;color:#f52c2b;text-decoration:none }
a:focus,a:hover { color:#f52c2b;text-decoration:none }
.noUi-handle { background:#f52c2b }
.header-bottom.fixed .header-search-inline.header-search .header-search-wrapper { display:flex;position:absolute;margin-top:10px;border:5px solid #f52c2b }
.cart-dropdown .btn-remove:focus,.cart-dropdown .btn-remove:hover { color:#f52c2b }
.btn-remove:focus,.btn-remove:hover { color:#f52c2b }
.menu>li.active>a,.menu>li.show>a,.menu>li:hover>a { color:#f52c2b;background:transparent }
.menu .megamenu { display:none;position:absolute;z-index:999;background-color:#fff;box-shadow:0 1rem 2.5rem rgba(0,0,0,0.15);border:1px solid #eee;border-top:3px solid #f52c2b;left:15px;padding:10px 20px;width:580px }
.menu ul { display:none;position:absolute;min-width:200px;padding:5px 0;border-top:3px solid #f52c2b;top:100%;left:0;z-index:101;background-color:#fff;box-shadow:0 29px 29px rgba(0,0,0,0.1) }
.menu-banner.menu-banner-2 .banner-content b { color:#f52c2b }
.menu-vertical>li.active,.menu-vertical>li.show,.menu-vertical>li:hover { background:#f52c2b }
#scroll-top.fixed:hover { color:#f52c2b }
.sale-off { font-weight:700;display:inline-block;padding:8px 0.5em;margin-right:0.25em;background:linear-gradient(to right,#f52c2b,#ffaa01);color:#fff;transform:rotate(-1deg) }
.header .contact-widget a { color:#f52c2b;font-size:1.2rem;font-weight:500;line-height:1.7rem;text-decoration:underline }
.cart-count { top:-4px;right:-5px;background:#f52c2b;font-family:Poppins,sans-serif;font-size:1rem }
.nav-categories li.active a,.nav-categories li:active a,.nav-categories li:hover a { color:#fff;background-color:#f52c2b }
.post-media .prod-full-screen { display:flex;width:30px;height:30px;align-items:center;justify-content:center;background-color:#f52c2b;border-radius:50% }
.single .post-title { margin-bottom:-8px;font-size:3rem;color:#f52c2b;font-weight:700;font-family:Poppins,sans-serif;line-height:40px }
.post-author h4 { margin:1rem;font-weight:600;font-size:1.6rem;letter-spacing:0.03em;color:#f52c2b;font-family:"Open Sans",sans-serif }
.simple-post-list .post-info a { display:inline-block;margin-bottom:2px;font-weight:600;font-size:14px;line-height:18px;color:#f52c2b }
.cat-list li a:focus,.cat-list li a:hover { color:#f52c2b }
.config-size-list a.active,.config-size-list a:focus,.config-size-list a:hover { border-color:#f52c2b;background-color:#f52c2b;color:#fff;text-decoration:none }
.sort-list li.active,.sort-list li:focus,.sort-list li:hover { color:#f52c2b }
.filter-toggle.opened a { background-color:#f52c2b }
.sidebar-toggle:hover span { color:#f52c2b }
.product-single-details .clear-btn:hover { background-color:#f52c2b;color:#fff }
.product-single-filter .config-size-list li a:not(.disabled):hover { border-color:#f52c2b;background-color:#f52c2b;color:#fff }
.product-single-filter .config-size-list li.active a { border-color:#f52c2b;outline:none;color:#fff;background-color:#f52c2b }
.product-single-gallery .prod-thumbnail .owl-nav { font-size:1.6rem;color:#f52c2b }
.prod-thumbnail.owl-theme .owl-nav [class*=owl-]:hover { color:#f52c2b }
.transparent-dots .owl-dot.active img,.transparent-dots .owl-dot:hover img { border:1px solid #f52c2b;transition:border-color 0.2s }
.product-desc-content .feature-icon { display:flex;align-items:center;justify-content:center;margin:0 auto 1.9rem;border-style:solid;border-width:2px;width:64px;height:64px;line-height:60px;border-radius:60px;font-size:28px;color:#f52c2b;background:transparent;border-color:#f52c2b }
.products-section .owl-carousel.dots-top .owl-dot.active span { border-color:#f52c2b }
.widget-info i { min-width:40px;margin-right:15px;color:#f52c2b;font-size:4rem;line-height:1 }
.product-collapse-title a:after { display:block;position:absolute;bottom:-0.2rem;left:0;width:100%;height:0.2rem;transform-origin:left center;transform:scale(1,1);transition:transform 0.4s;background-color:#f52c2b;content:"" }
.maga-sale-container .mega-price-box:after,.maga-sale-container .mega-price-box:before { position:absolute;content:"";display:block;width:94px;border:0 solid #f52c2b;border-width:50px 0;border-bottom-color:transparent;border-radius:50% }
.newsletter-section .widget-newsletter { padding:1.6rem 2rem;border:1px solid #f52c2b }
.post-content .read-more { float:none;display:inline-block;color:#f52c2b;font-size:0.9em;font-weight:400 }
.sidebar-shop .config-swatch-list li a.active,.sidebar-shop .config-swatch-list li a:hover { color:#f52c2b }

/* Product card photos: our real product photos come in whatever aspect ratio the
   supplier shot them in, but the theme's own rule (width:100%;height:auto) lets each
   card grow to its image's natural height, so a grid of them looks jagged. Force every
   card photo into the same square box (cropped, centered) so the grid reads as uniform
   on both the homepage sections and the /Urunler listing, which both reuse this partial. */
.product-default figure {
    aspect-ratio: 1 / 1;
    overflow: hidden;
}
.product-default figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Category nav icons: replaces the theme's icon-font <i> (sized via font-size) with
   inline <svg> (see CategoryIconHelper) — same slot/spacing as the theme's own
   ".nav-categories li i" rule, just sized in px since font-size doesn't apply to svg. */
.nav-categories li svg {
    display: block;
    margin: 0 auto 4px;
    width: 32px;
    height: 32px;
}

/* Popup jitter fix: the theme has two same-specificity rules for .mfp-preloader —
   one hides it once Magnific Popup marks the container "mfp-s-ready", the other
   (a reused spinner look) redisplays it — and the redisplay rule sits later in
   demo26.min.css, so it always wins and the spinner never actually goes away.
   Its endless CSS animation keeps nudging the popup's centered position by a few
   px every cycle, which reads as the whole popup "shaking" on first visit. A
   selector one class more specific than both wins the tie without !important. */
.mfp-container.mfp-s-ready .mfp-preloader,
.mfp-container.mfp-s-error .mfp-preloader {
    display: none;
}

/* Mobile bottom sticky nav: the theme sizes each item at a fixed 20% (built for its
   own 5-item demo bar including a wishlist icon). We dropped wishlist, leaving 4
   items that still only claim 80% of the width and pack to the left instead of
   spreading evenly. Let each item share the row equally instead, however many there are. */
.sticky-navbar .sticky-info {
    flex: 1 1 0;
    max-width: none;
}