/* OVEY v13 UX FINAL - yüksek kontrast, görünür menü, modern kartlar ve yumuşak animasyonlar */
:root{
  --ux-bg:#f3f8f8;
  --ux-bg-2:#eaf4f2;
  --ux-ink:#10222b;
  --ux-text:#263c43;
  --ux-muted:#667d84;
  --ux-line:rgba(16,34,43,.12);
  --ux-card:#ffffff;
  --ux-card-soft:#f8fcfc;
  --ux-dark:#052629;
  --ux-dark-2:#073d3f;
  --ux-teal:#0db7a5;
  --ux-teal-2:#14d6c0;
  --ux-gold:#c9982c;
  --ux-red:#e5484d;
  --ux-green:#16a34a;
  --ux-shadow:0 18px 52px rgba(9,33,39,.12);
  --ux-shadow-soft:0 10px 28px rgba(9,33,39,.08);
  --ux-radius:24px;
  --ux-ease:cubic-bezier(.22,1,.36,1);
}
html,body{max-width:100%;overflow-x:hidden!important;}
body{
  min-height:100vh!important;
  background:
    radial-gradient(circle at 0 -8%,rgba(20,214,192,.17),transparent 34rem),
    radial-gradient(circle at 100% 0,rgba(201,152,44,.14),transparent 28rem),
    linear-gradient(180deg,var(--ux-bg),#ffffff 46%,var(--ux-bg-2))!important;
  color:var(--ux-text)!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:inherit;text-decoration:none!important;}
a:hover{color:var(--ux-teal)!important;}
img{max-width:100%;height:auto;}

/* Header: renk zemine göre okunur */
.site-header{
  position:sticky!important;top:0!important;z-index:2500!important;
  background:rgba(255,255,255,.94)!important;
  border-bottom:1px solid rgba(8,38,41,.08)!important;
  box-shadow:0 10px 34px rgba(7,40,45,.08)!important;
  backdrop-filter:saturate(140%) blur(16px)!important;
  -webkit-backdrop-filter:saturate(140%) blur(16px)!important;
}
.top-bar{
  background:linear-gradient(90deg,var(--ux-dark),#063c3e 55%,#0a5452)!important;
  color:#fff!important;
  border:0!important;
}
.top-links a,.top-links i{color:rgba(255,255,255,.96)!important;}
.top-links a:hover{color:#fff!important;text-decoration:underline!important;text-underline-offset:4px;}
.main-header{background:rgba(255,255,255,.92)!important;}
.header-content{min-width:0!important;}
.logo img{filter:drop-shadow(0 6px 16px rgba(3,25,28,.09));}
.search-form{
  background:#fff!important;border:1px solid rgba(11,59,63,.15)!important;
  box-shadow:0 8px 24px rgba(8,38,41,.08)!important;
}
.search-input{color:var(--ux-ink)!important;caret-color:var(--ux-teal)!important;}
.search-input::placeholder{color:#7c9297!important;opacity:1!important;}
.search-button{
  background:linear-gradient(135deg,var(--ux-teal),#087b73)!important;
  color:#fff!important;border:0!important;
}
.search-button i{color:#fff!important;}
.header-icon{
  color:var(--ux-ink)!important;background:#fff!important;border:1px solid rgba(11,59,63,.13)!important;
  box-shadow:0 9px 24px rgba(8,38,41,.08)!important;transition:transform .2s var(--ux-ease),box-shadow .2s var(--ux-ease),border-color .2s var(--ux-ease),background .2s var(--ux-ease)!important;
}
.header-icon i{color:#087b73!important;}
.header-icon span{color:var(--ux-ink)!important;}
.header-icon:hover{transform:translateY(-2px)!important;background:#f3fbfa!important;border-color:rgba(13,183,165,.32)!important;box-shadow:0 14px 30px rgba(8,38,41,.12)!important;}
.cart-badge{background:var(--ux-red)!important;color:#fff!important;border-color:#fff!important;}

/* Ana menü: koyu zeminde beyaz yazı, masaüstü dropdown net */
.main-nav{
  display:block!important;position:relative!important;z-index:2490!important;
  background:linear-gradient(135deg,#052326 0%,#06464a 52%,#08766d 100%)!important;
  border:0!important;box-shadow:0 16px 34px rgba(4,44,48,.18)!important;
}
.nav-container{min-height:58px!important;display:flex!important;align-items:center!important;gap:12px!important;}
.main-menu{display:flex!important;align-items:center!important;gap:8px!important;list-style:none!important;margin:0!important;padding:8px 0!important;flex-wrap:wrap!important;}
.main-menu>.menu-item{position:relative!important;list-style:none!important;}
.main-menu>.menu-item>a{
  color:#fff!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important;
  min-height:42px!important;padding:0 15px!important;border-radius:999px!important;display:flex!important;align-items:center!important;gap:8px!important;
  font-weight:850!important;font-size:13.5px!important;letter-spacing:.01em!important;line-height:1!important;white-space:nowrap!important;
  text-shadow:0 1px 0 rgba(0,0,0,.12)!important;transition:background .18s var(--ux-ease),transform .18s var(--ux-ease),border-color .18s var(--ux-ease)!important;
}
.main-menu>.menu-item>a i{color:#fff!important;}
.main-menu>.menu-item>a:hover,.main-menu>.menu-item:focus-within>a,.main-menu>.menu-item.is-open>a{
  color:#fff!important;background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.28)!important;transform:translateY(-1px)!important;
}
.main-menu .dropdown-menu{
  background:#fff!important;border:1px solid rgba(9,37,43,.12)!important;border-radius:22px!important;box-shadow:var(--ux-shadow)!important;
  color:var(--ux-ink)!important;padding:14px!important;z-index:2600!important;
}
.main-menu .menu-item:hover>.dropdown-menu,.main-menu .menu-item:focus-within>.dropdown-menu,.main-menu .menu-item.is-open>.dropdown-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important;}
.dropdown-category h3,.dropdown-category h3 a{color:#075e59!important;font-weight:900!important;}
.dropdown-category li a{color:var(--ux-ink)!important;background:transparent!important;border-radius:14px!important;font-weight:780!important;}
.dropdown-category li a:hover{background:#ecfbf8!important;color:#076c66!important;}

/* Mobil menü butonu görünür ve okunur */
.menu-toggle{
  color:#fff!important;background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 24px rgba(0,0,0,.12)!important;
  min-height:46px!important;border-radius:17px!important;padding:0 17px!important;align-items:center!important;justify-content:center!important;gap:9px!important;
  font-weight:900!important;letter-spacing:.02em!important;line-height:1!important;
}
.menu-toggle i{color:#fff!important;font-size:23px!important;}
.menu-toggle:hover,.menu-toggle:focus-visible{background:rgba(255,255,255,.22)!important;color:#fff!important;outline:2px solid rgba(255,255,255,.25)!important;outline-offset:2px!important;}

.mobile-menu-overlay{z-index:5000!important;background:rgba(3,14,17,.58)!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;}
.mobile-menu{
  z-index:5010!important;background:#ffffff!important;color:var(--ux-ink)!important;border-radius:0 28px 28px 0!important;
  box-shadow:34px 0 80px rgba(2,20,24,.28)!important;transform:translateX(-108%)!important;
}
.mobile-menu.active{transform:translateX(0)!important;}
.mobile-menu-header{
  background:linear-gradient(135deg,var(--ux-dark),#075956)!important;color:#fff!important;border:0!important;position:sticky;top:0;z-index:2;
}
.mobile-menu-header strong{color:#fff!important;font-size:18px!important;}
.mobile-menu-close{background:rgba(255,255,255,.16)!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:14px!important;}
.mobile-menu-content{background:#fff!important;}
.mobile-menu-links,.mobile-categories{background:transparent!important;}
.mobile-category-title{color:#075e59!important;font-weight:950!important;letter-spacing:.06em;text-transform:uppercase;font-size:12px!important;margin:18px 6px 9px!important;}
.mobile-menu-links a,.mobile-category-parent,.mobile-subcategories a{
  color:var(--ux-ink)!important;background:#f6fbfb!important;border:1px solid rgba(7,61,63,.10)!important;border-radius:18px!important;
  margin-bottom:9px!important;font-weight:850!important;min-height:50px!important;display:flex!important;align-items:center!important;gap:10px!important;
}
.mobile-menu-links a i,.mobile-category-parent i{color:#087b73!important;}
.mobile-menu-links a:hover,.mobile-category-parent:hover,.mobile-subcategories a:hover{background:#eafdF9!important;color:#075e59!important;border-color:rgba(13,183,165,.28)!important;}
.mobile-category-group.is-open>.mobile-category-parent{background:#e7faf7!important;color:#075e59!important;}
.mobile-subcategories{display:none!important;margin:0 0 10px 12px!important;padding-left:10px!important;border-left:2px solid rgba(13,183,165,.22)!important;}
.mobile-category-group.is-open>.mobile-subcategories{display:block!important;animation:uxFadeDown .18s var(--ux-ease) both;}
.mobile-subcategories a{background:#fff!important;min-height:42px!important;font-size:13px!important;margin-bottom:7px!important;}
html.mobile-menu-is-open,body.mobile-menu-is-open{overflow:hidden!important;}

/* Genel metin kontrastı */
main,.homepage,.modern-homepage,.category-page,.brand-page,.search-page,.favorites-page,.cart-page,.product-detail-page,.contact-page{color:var(--ux-text)!important;}
.section-eyebrow,.category-eyebrow,.brand-eyebrow{color:#087b73!important;font-weight:900!important;}
.section-title,.page-title,.product-title-detail,.contact-header h2,.brand-hero h1,.category-title{color:var(--ux-ink)!important;letter-spacing:-.03em!important;}
p,.slide-desc,.category-description,.brand-hero p,.contact-subtitle,.empty-state p{color:var(--ux-muted)!important;}

/* Bölümler ve ürün kartları */
.premium-section,.brand-section,.category-hero,.brand-hero,.page-hero,.cart-page-hero,.contact-info-card,.sidebar,.filter-sidebar,.product-gallery,.product-info-detail,.product-tabs,.related-products,.bg-white,.p20{
  background:rgba(255,255,255,.92)!important;border:1px solid rgba(9,37,43,.10)!important;border-radius:28px!important;box-shadow:var(--ux-shadow-soft)!important;color:var(--ux-text)!important;
}
.products-grid,.brand-products-grid,.search-page .products-grid,.brand-products-scroll,.products-scroll{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important;align-items:stretch!important;
}
.product-item{min-width:0!important;height:100%!important;}
.product-card,.brand-product-card{
  height:100%!important;position:relative!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;
  background:linear-gradient(180deg,#fff 0%,#fbfefe 100%)!important;border:1px solid rgba(8,43,48,.11)!important;border-radius:26px!important;
  box-shadow:0 16px 38px rgba(9,33,39,.08)!important;padding:13px!important;color:var(--ux-ink)!important;
  transition:transform .24s var(--ux-ease),box-shadow .24s var(--ux-ease),border-color .24s var(--ux-ease),background .24s var(--ux-ease)!important;
  isolation:isolate!important;
}
.product-card::before,.brand-product-card::before{
  content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--ux-teal),var(--ux-gold));opacity:.9;z-index:1;
}
.product-card:hover,.brand-product-card:hover{transform:translateY(-6px)!important;border-color:rgba(13,183,165,.34)!important;box-shadow:0 28px 62px rgba(9,33,39,.14)!important;}
.product-img,.product-image-container,.product-image-link{
  background:linear-gradient(180deg,#f3faf9,#ffffff)!important;border:1px solid rgba(8,43,48,.08)!important;border-radius:21px!important;
  overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:214px!important;height:214px!important;width:100%!important;
}
.product-img img,.product-image-container img,.product-image{
  width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:12px!important;mix-blend-mode:multiply;transition:transform .24s var(--ux-ease)!important;
}
.product-card:hover .product-img img,.product-card:hover .product-image-container img,.brand-product-card:hover .product-image{transform:scale(1.045)!important;}
.product-info{display:flex!important;flex-direction:column!important;gap:10px!important;flex:1!important;padding:14px 4px 2px!important;min-width:0!important;}
.product-title{
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;min-height:42px!important;
  color:var(--ux-ink)!important;font-weight:900!important;font-size:15px!important;line-height:1.35!important;letter-spacing:-.015em!important;
}
.product-title:hover{color:#087b73!important;}
.product-price{display:flex!important;align-items:baseline!important;gap:8px!important;flex-wrap:wrap!important;margin:0!important;}
.current-price,.price,.price-current,.favorite-item-price{color:#076c66!important;font-weight:950!important;font-size:20px!important;letter-spacing:-.025em!important;}
.old-price,.price-old{color:#98a8ad!important;text-decoration:line-through!important;font-size:13px!important;font-weight:700!important;}
.product-badge,.discount-badge,.price-discount{
  position:absolute!important;top:13px!important;left:13px!important;z-index:4!important;background:linear-gradient(135deg,var(--ux-red),#b91c1c)!important;color:#fff!important;
  border-radius:999px!important;padding:6px 10px!important;font-size:12px!important;font-weight:950!important;box-shadow:0 10px 18px rgba(229,72,77,.22)!important;
}
.product-actions,.product-actions-stacked,.action-buttons,.favorite-item-actions{display:grid!important;gap:8px!important;margin-top:auto!important;width:100%!important;}
.product-actions-overlay{position:absolute!important;right:14px!important;top:14px!important;display:flex!important;gap:7px!important;z-index:5!important;opacity:1!important;transform:none!important;}
.action-btn{
  width:38px!important;height:38px!important;border-radius:14px!important;background:#fff!important;color:#087b73!important;border:1px solid rgba(8,43,48,.12)!important;
  box-shadow:0 12px 26px rgba(7,40,45,.12)!important;display:grid!important;place-items:center!important;
}
.action-btn i{color:#087b73!important;font-size:20px!important;}
.btn,.btn-primary,.btn-outline,.btn-add-cart,.btn-buy-now,.btn-favorite,.favorite-btn,.btn-slider,.coupon-form button{
  min-height:44px!important;border-radius:15px!important;font-weight:950!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  border:1px solid transparent!important;text-align:center!important;line-height:1.1!important;transition:transform .18s var(--ux-ease),box-shadow .18s var(--ux-ease),background .18s var(--ux-ease),border-color .18s var(--ux-ease)!important;
}
.btn-primary,.btn-add-cart,.btn-slider,.coupon-form button{
  background:linear-gradient(135deg,var(--ux-teal),#077c73)!important;color:#fff!important;border-color:rgba(255,255,255,.12)!important;box-shadow:0 12px 25px rgba(13,183,165,.22)!important;
}
.btn-primary i,.btn-add-cart i,.btn-slider i{color:#fff!important;}
.btn-buy-now{
  background:linear-gradient(135deg,#ffd166,var(--ux-gold))!important;color:#321f00!important;border-color:rgba(50,31,0,.08)!important;box-shadow:0 12px 25px rgba(201,152,44,.22)!important;
}
.btn-buy-now i{color:#321f00!important;}
.btn-outline,.btn-favorite,.favorite-btn{
  background:#fff!important;color:#075e59!important;border-color:rgba(13,183,165,.24)!important;box-shadow:0 9px 20px rgba(8,38,41,.07)!important;
}
.btn-outline i,.btn-favorite i,.favorite-btn i{color:#075e59!important;}
.btn:hover,.btn-primary:hover,.btn-outline:hover,.btn-add-cart:hover,.btn-buy-now:hover,.btn-favorite:hover,.favorite-btn:hover,.action-btn:hover{transform:translateY(-2px)!important;box-shadow:0 18px 34px rgba(8,38,41,.14)!important;filter:saturate(1.04);}
.btn:disabled,button:disabled{opacity:.62!important;cursor:not-allowed!important;transform:none!important;}

/* Slider / hero */
.hero-slide,.slide-image,.slide-image img{border-radius:30px!important;overflow:hidden!important;}
.slide-content{background:linear-gradient(90deg,rgba(5,28,32,.88),rgba(5,28,32,.48),rgba(5,28,32,.08))!important;color:#fff!important;}
.slide-title{color:#fff!important;text-shadow:0 3px 18px rgba(0,0,0,.28)!important;}
.slide-desc{color:rgba(255,255,255,.92)!important;text-shadow:0 2px 14px rgba(0,0,0,.24)!important;}
.owl-theme .owl-controls .owl-page span{background:#087b73!important;opacity:.35!important;}
.owl-theme .owl-controls .owl-page.active span{opacity:1!important;}

/* Formlar / hesap sayfaları */
input,select,textarea,.form-control{
  background:#fff!important;color:var(--ux-ink)!important;border:1px solid rgba(8,43,48,.15)!important;border-radius:15px!important;box-shadow:none!important;
}
input::placeholder,textarea::placeholder{color:#86989d!important;opacity:1!important;}
input:focus,select:focus,textarea:focus,.form-control:focus{border-color:rgba(13,183,165,.7)!important;box-shadow:0 0 0 5px rgba(13,183,165,.12)!important;outline:0!important;}
.table,.cart-table{color:var(--ux-text)!important;background:#fff!important;}
.modal-content{border:0!important;border-radius:24px!important;box-shadow:var(--ux-shadow)!important;color:var(--ux-text)!important;}
#sepete_ekle_durum{background:#fff!important;color:var(--ux-ink)!important;border:1px solid rgba(8,43,48,.12)!important;border-radius:18px!important;box-shadow:var(--ux-shadow)!important;}
.basari{color:var(--ux-green)!important}.hata{color:var(--ux-red)!important;}

/* Footer */
.site-footer{background:linear-gradient(135deg,#041e22,#052e31 58%,#074d4b)!important;color:#dff7f4!important;margin-top:58px!important;}
.site-footer h3,.site-footer strong{color:#fff!important;}
.site-footer p,.site-footer li,.site-footer span{color:rgba(223,247,244,.78)!important;}
.site-footer a{color:rgba(255,255,255,.92)!important;}
.site-footer a:hover{color:#7fffe5!important;}
.footer-column{min-width:0!important;}
.footer-bottom{color:rgba(255,255,255,.72)!important;border-top:1px solid rgba(255,255,255,.12)!important;}

/* Animasyonlar */
@keyframes uxFadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes uxFadeDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@keyframes uxSoftPulse{0%,100%{box-shadow:0 0 0 0 rgba(13,183,165,.0)}50%{box-shadow:0 0 0 8px rgba(13,183,165,.08)}}
.ux-ready .product-card,.ux-ready .brand-section,.ux-ready .premium-section,.ux-ready .category-hero,.ux-ready .brand-hero,.ux-ready .product-gallery,.ux-ready .product-info-detail{animation:uxFadeUp .52s var(--ux-ease) both;}
.ux-ready .product-card:nth-child(2n){animation-delay:.04s}.ux-ready .product-card:nth-child(3n){animation-delay:.08s}.ux-ready .product-card:nth-child(4n){animation-delay:.12s}
.header-icon:hover,.menu-toggle:hover{animation:uxSoftPulse .85s ease both;}

@media (max-width:1200px){
  .products-grid,.brand-products-grid,.search-page .products-grid,.brand-products-scroll,.products-scroll{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (max-width:820px){
  .site-header{position:sticky!important;}
  .top-bar{display:none!important;}
  .main-header{padding:10px 0!important;}
  .header-content{display:grid!important;grid-template-columns:minmax(0,112px) minmax(0,1fr)!important;grid-template-areas:"logo icons" "search search"!important;gap:10px!important;align-items:center!important;}
  .logo{grid-area:logo!important}.logo img{max-width:108px!important;max-height:48px!important;}
  .search-and-icons{display:contents!important;}
  .search-container{grid-area:search!important;width:100%!important;}
  .search-form{height:44px!important;border-radius:16px!important;}
  .search-button{min-height:44px!important;width:50px!important;flex-basis:50px!important;}
  .header-icons{grid-area:icons!important;display:flex!important;justify-content:flex-end!important;gap:7px!important;}
  .header-icon{width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;border-radius:15px!important;}
  .header-icon span{display:none!important;}
  .header-icon i{font-size:21px!important;}
  .main-nav{padding:8px 0!important;}
  .nav-container{min-height:auto!important;justify-content:space-between!important;}
  .menu-toggle{display:inline-flex!important;width:100%!important;}
  .main-menu{display:none!important;}
  .products-grid,.brand-products-grid,.search-page .products-grid,.brand-products-scroll,.products-scroll{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px!important;}
  .product-img,.product-image-container,.product-image-link{height:170px!important;min-height:170px!important;}
  .product-card,.brand-product-card{border-radius:23px!important;padding:11px!important;}
  .product-title{font-size:14px!important;min-height:39px!important;}
  .current-price,.price,.price-current{font-size:18px!important;}
  .product-actions .btn,.product-actions button,.product-actions a,.product-actions-stacked .btn,.product-actions-stacked button,.product-actions-stacked a{min-height:42px!important;font-size:12.5px!important;padding:8px 10px!important;}
  .premium-section,.brand-section,.category-hero,.brand-hero,.page-hero,.cart-page-hero,.contact-info-card,.sidebar,.filter-sidebar,.product-gallery,.product-info-detail,.product-tabs,.related-products,.bg-white,.p20{border-radius:23px!important;padding:18px!important;}
  .hero-slide,.slide-image,.slide-image img{height:300px!important;min-height:300px!important;}
  .slide-content{padding:22px!important;background:linear-gradient(90deg,rgba(5,28,32,.88),rgba(5,28,32,.44))!important;}
  .footer-content{grid-template-columns:1fr 1fr!important;gap:14px!important;}
  .footer-column{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:22px!important;padding:17px!important;}
}
@media (max-width:560px){
  .container{padding-left:14px!important;padding-right:14px!important;}
  .products-grid,.brand-products-grid,.search-page .products-grid,.brand-products-scroll,.products-scroll{grid-template-columns:1fr!important;gap:14px!important;}
  .product-card,.brand-product-card{display:grid!important;grid-template-columns:122px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;padding:12px!important;}
  .product-img,.product-image-container,.product-image-link,.product-card .product-img,.product-card .product-image-container{height:128px!important;min-height:128px!important;border-radius:18px!important;}
  .product-img img,.product-image-container img,.product-image{padding:8px!important;}
  .product-info{padding:0!important;gap:7px!important;}
  .product-title{font-size:14px!important;min-height:auto!important;}
  .product-actions,.product-actions-stacked{gap:6px!important;}
  .btn,.btn-primary,.btn-outline,.btn-add-cart,.btn-buy-now,.btn-favorite,.favorite-btn{min-height:40px!important;font-size:12.4px!important;padding:8px 10px!important;border-radius:13px!important;}
  .product-actions-overlay{display:none!important;}
  .product-badge,.discount-badge{top:9px!important;left:9px!important;font-size:11px!important;padding:5px 8px!important;}
  .current-price,.price,.price-current{font-size:17px!important;}
  .hero-slide,.slide-image,.slide-image img{height:250px!important;min-height:250px!important;}
  .slide-title,.section-title,.page-title{font-size:clamp(24px,8vw,30px)!important;}
  .mobile-menu{width:min(94vw,370px)!important;border-radius:0 22px 22px 0!important;}
  .cart-sidebar{width:100vw!important;}
  .footer-content{grid-template-columns:1fr!important;}
  .footer-column{padding:16px!important;}
}
@media (max-width:390px){
  .product-card,.brand-product-card{grid-template-columns:106px minmax(0,1fr)!important;gap:10px!important;}
  .product-img,.product-image-container,.product-image-link,.product-card .product-img,.product-card .product-image-container{height:112px!important;min-height:112px!important;}
  .header-content{grid-template-columns:minmax(0,100px) minmax(0,1fr)!important;}
  .logo img{max-width:98px!important}.header-icon{width:38px!important;height:38px!important;min-width:38px!important;}
  .btn,.btn-primary,.btn-outline,.btn-add-cart,.btn-buy-now,.btn-favorite,.favorite-btn{font-size:11.6px!important;padding:7px 8px!important;}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important;}
}
