:root{--surface: #f9f9ff;--surface-dim: #d3daef;--surface-bright: #f9f9ff;--surface-container-lowest: #ffffff;--surface-container-low: #f1f3ff;--surface-container: #e9edff;--surface-container-high: #e1e8fd;--surface-container-highest: #dce2f7;--on-surface: #141b2b;--primary: #c59b3f;--on-primary: #ffffff;--primary-container: #9a731c;--on-primary-container: #fcf8ee;--secondary: #0c4a34;--on-secondary: #ffffff;--secondary-container: #003221;--on-secondary-container: #7fb99c;--tertiary: #00321e;--on-tertiary: #ffffff;--tertiary-container: #004b30;--on-tertiary-container: #67be91;--error: #ba1a1a;--on-error: #ffffff;--error-container: #ffdad6;--on-error-container: #93000a;--background: #f9f9ff;--on-background: #141b2b;--surface-variant: #dce2f7;--brand-gradient: linear-gradient(90deg,#c59b3f 0%,#1e7b54 100%);--brand-gradient-hover: linear-gradient(90deg,#9a731c 0%,#7a5900 100%);--primary-surface: #f3f6f4;--primary-border: #eadbb6;--accent-glow: rgba(197,155,63,0.35);--success: #1e7b54;--warning: #f59e0b;--danger: #ef4444;--bg-pink-start: #ffafbd;--bg-pink-end: #ffc3a0;--site-font: 'Tajawal',sans-serif}.bg-surface{background: var(--surface)}.text-on-surface{color: var(--on-surface)}body{margin: 0;padding: 0;min-height: 100vh;font-family: var(--site-font);background: #f9f9ff;background-size: cover;background-repeat: no-repeat}section,.view-section{background: transparent !important}.glass-effect{backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px)}body{font-family: 'Tajawal',sans-serif;color: #111111;overflow-x: hidden}@keyframes skeleton-loading{0%{background-position: -200px 0}100%{background-position: calc(200px + 100%) 0}}.skeleton{background:#f0f0f0;border-radius:8px}.skeleton-img{background:#f5f5f5}.skeleton-text{height: 16px;margin: 8px 0}.skeleton-title{height: 24px;width: 70%;margin: 12px 0}@keyframes low-stock-pulse{0%,100%{box-shadow: 0 0 0 0 rgba(249,115,22,0.4);transform: scale(1)}50%{box-shadow: 0 0 0 10px rgba(249,115,22,0);transform: scale(1.02)}}.low-stock-alert{animation: low-stock-pulse 2s ease-in-out infinite}@keyframes heart-bounce{0%,100%{transform: scale(1)}50%{transform: scale(1.3)}}@keyframes heart-fill{0%{transform: scale(1)}25%{transform: scale(1.2)}50%{transform: scale(0.9)}75%{transform: scale(1.1)}100%{transform: scale(1)}}@keyframes ripple{0%{transform: scale(0);opacity: 1}100%{transform: scale(4);opacity: 0}}.favorite-active .heart-icon{animation: heart-fill 0.5s cubic-bezier(0.68,-0.55,0.265,1.55);color: #ec135b}.heart-icon{transition: all 0.3s cubic-bezier(0.19,1,0.22,1)}.heart-icon:hover{transform: scale(1.3)}.favorite-btn{cursor: pointer;position: relative;overflow: hidden;transition: all 0.3s cubic-bezier(0.19,1,0.22,1)}.favorite-btn:hover{transform: scale(1.15) rotate(5deg);box-shadow: 0 8px 20px rgba(236,19,91,0.3)}.favorite-btn:active{transform: scale(0.95)}.favorite-btn::after{content: '';position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;background: radial-gradient(circle,rgba(236,19,91,0.3) 0%,transparent 70%);transform: translate(-50%,-50%) scale(0);border-radius: 50%;opacity: 0;transition: all 0.6s ease;pointer-events: none}.favorite-btn:active::after{animation: ripple 0.6s ease-out}#favorites-grid{gap: 2rem}#favorites-grid .product-card{background: linear-gradient(145deg,#ffffff,#fafafa);border: 2px solid rgba(236,19,91,0.08);box-shadow: 0 10px 30px rgba(236,19,91,0.08),0 2px 10px rgba(0,0,0,0.03),inset 0 0 0 1px rgba(255,255,255,0.8);position: relative;overflow: visible;transition: all 0.5s cubic-bezier(0.19,1,0.22,1)}#favorites-grid .product-card::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(135deg,rgba(236,19,91,0.03) 0%,transparent 50%,rgba(236,19,91,0.02) 100%);opacity: 0;transition: opacity 0.5s ease;pointer-events: none;z-index: 0}#favorites-grid .product-card:hover::before{opacity: 1}#favorites-grid .product-card:hover{border-color: rgba(236,19,91,0.3);box-shadow: 0 20px 50px rgba(236,19,91,0.15),0 5px 20px rgba(0,0,0,0.06),inset 0 0 0 1px rgba(255,255,255,1);transform: translateY(-8px) scale(1.02)}#favorites-grid .product-image-bg{background: linear-gradient(135deg,#f8f9fa 0%,#fff0f5 100%);border-radius: 20px;box-shadow: 0 4px 15px rgba(236,19,91,0.05),inset 0 0 0 1px rgba(255,255,255,0.5)}#favorites-grid .product-card:hover .product-image-bg{background: linear-gradient(135deg,#fce7ee 0%,#fff5f8 100%);box-shadow: 0 8px 25px rgba(236,19,91,0.12),inset 0 0 0 1px rgba(255,255,255,0.8)}#favorites-grid .favorite-btn{background: linear-gradient(135deg,rgba(255,255,255,0.95),rgba(255,255,255,0.85));backdrop-filter: blur(10px);border: 2px solid transparent;box-shadow: 0 4px 15px rgba(0,0,0,0.1);transition: all 0.4s cubic-bezier(0.19,1,0.22,1)}#favorites-grid .favorite-btn:hover{border-color: #ec135b;box-shadow: 0 8px 25px rgba(236,19,91,0.4);background: linear-gradient(135deg,rgba(236,19,91,0.1),rgba(255,255,255,0.95))}#favorites-grid .favorite-btn.favorite-active{background: linear-gradient(135deg,rgba(255,255,255,0.95),rgba(255,255,255,0.85));box-shadow: 0 4px 15px rgba(0,0,0,0.1)}#favorites-grid .favorite-btn.favorite-active:hover{background: linear-gradient(135deg,rgba(236,19,91,0.1),rgba(255,255,255,0.95));box-shadow: 0 8px 25px rgba(236,19,91,0.4)}#favorites-grid .product-card::after{content: '';position: absolute;top: -2px;left: -2px;right: -2px;bottom: -2px;background: linear-gradient(45deg,#ec135b,#ff4d8d,#ec135b,#ff6ba3);background-size: 400% 400%;border-radius: 26px;z-index: -1;opacity: 0;transition: opacity 0.5s ease;animation: gradientBorder 3s ease infinite}#favorites-grid .product-card:hover::after{opacity: 0.6}@keyframes gradientBorder{0%{background-position: 0% 50%}50%{background-position: 100% 50%}100%{background-position: 0% 50%}}#favorites-grid .low-stock-alert{animation: pulseWarning 2s ease-in-out infinite;box-shadow: 0 4px 15px rgba(249,115,22,0.4)}@keyframes pulseWarning{0%,100%{transform: scale(1);opacity: 1}50%{transform: scale(1.05);opacity: 0.9}}nav{transition: top 0.3s ease}@keyframes fadeUp{from{opacity: 0;transform: translateY(20px)}to{opacity: 1;transform: translateY(0)}}@keyframes fadeInUp{from{opacity: 0;transform: translateY(30px)}to{opacity: 1;transform: translateY(0)}}@keyframes slideDown{from{transform: translateY(-100%);opacity: 0}to{transform: translateY(0);opacity: 1}}@keyframes pulse{0%,100%{opacity: 1}50%{opacity: 0.7}}.animate-fade-in-up{animation: fadeInUp 0.6s cubic-bezier(0.19,1,0.22,1) forwards}.view-section{display: none}.view-section.active{display: block}.category-card{position: relative;background: #ffffff;border-radius: 40px;padding: 40px 30px;cursor: pointer;border: 1px solid #f3f4f6;transition: all 0.5s cubic-bezier(0.23,1,0.32,1);overflow: hidden}.category-content{display: flex;flex-direction: column;align-items: center;position: relative;z-index: 2}.category-circle{width: 180px;height: 180px;background: #fdf2f5;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-bottom: 30px;transition: all 0.6s cubic-bezier(0.23,1,0.32,1);position: relative}.category-circle::after{content: '';position: absolute;width: 100%;height: 100%;border: 2px dashed #ec135b;border-radius: 50%;opacity: 0;transform: scale(1.1) rotate(0deg);transition: all 0.6s ease}.category-img{width: 70%;height: 70%;object-fit: contain;mix-blend-mode: multiply;transition: transform 0.6s ease}.category-title{font-size: 1.5rem;font-weight: 800;color: #111;margin-bottom: 8px}.category-desc{color: #9ca3af;font-size: 0.9rem;margin-bottom: 25px}.category-btn{display: inline-block;padding: 10px 25px;background: #111;color: #fff;font-size: 11px;font-weight: 800;border-radius: 50px;text-transform: uppercase;transition: all 0.4s ease}.category-card:hover{transform: translateY(-15px);box-shadow: 0 30px 60px rgba(236,19,91,0.12)}.category-card:hover .category-circle{background: #ec135b;transform: scale(0.9)}.category-card:hover .category-circle::after{opacity: 0.3;transform: scale(1.2) rotate(45deg)}.category-card:hover .category-img{transform: scale(1.2) rotate(-5deg)}.category-card:hover .category-btn{background: #ec135b;box-shadow: 0 10px 20px rgba(236,19,91,0.3)}.product-card{display: flex;flex-direction: column;height: 100%;padding: 1rem;border-radius: 24px;border: 1px solid transparent;transition: all 0.5s cubic-bezier(0.19,1,0.22,1)}.product-image-bg{background-color: #f9f9f9;aspect-ratio: 4/5;display: flex;align-items: center;justify-content: center;padding: 2rem;position: relative;overflow: hidden;border-radius: 18px;transition: background-color 0.4s ease}.product-image-bg img{transition: transform 0.8s cubic-bezier(0.19,1,0.22,1);mix-blend-mode: multiply}.product-card:hover{border-color: #fce7ee;background-color: #ffffff;box-shadow: 0 15px 35px rgba(236,19,91,0.08)}.product-card:hover .product-image-bg{background-color: #fce7ee}.product-card:hover .product-image-bg img{transform: scale(1.08)}#favorites-grid .product-card:hover .product-image-bg img{transform: scale(1.12) rotate(-2deg)}.badge-premium{background: linear-gradient(135deg,#ec135b 0%,#c70d4c 100%);color: #ffffff;padding: 6px 14px;font-size: 10px;font-weight: 800;border-radius: 30px;box-shadow: 0 5px 15px rgba(236,19,91,0.25)}.btn-pill{padding: 12px 10px;font-size: 10px;font-weight: 800;text-transform: uppercase;border-radius: 50px;transition: all 0.3s ease;cursor: pointer;text-align: center}.btn-add-cart-minimal{border: 1.5px solid #ec135b;color: #ec135b;background: transparent}.btn-add-cart-minimal:hover{background: #ec135b;color: #fff}.btn-buy-now-premium{background: #111;color: #fff;border: 1.5px solid #111}.btn-buy-now-premium:hover{background: #ec135b;border-color: #ec135b}.nav-link{color: #464556;transition: color 0.3s;position: relative;font-weight: 600}.nav-link.text-primary{color: #c59b3f}.catalog-tab-btn{font-size: 0.8rem;font-weight: 800;padding: 0.55rem 1.25rem;border-radius: 9999px;color: #464556;background: #f3f6f4;border: 1px solid rgba(197,155,63,0.12);transition: all 0.25s ease;cursor: pointer}.catalog-tab-btn:hover{background: rgba(197,155,63,0.12);color: #c59b3f}.catalog-tab-btn.active{background: linear-gradient(135deg,#c59b3f 0%,#1e7b54 100%);color: #fff;border-color: transparent;box-shadow: 0 8px 20px rgba(197,155,63,0.25)}@media (max-width: 768px){.product-image-bg{padding: 1rem !important}.category-circle{width: 140px;height: 140px}.hero-main-image{border-radius: 1rem}#cart-sidebar{width: 100% !important;max-width: 100vw !important}#catalog-grid,#related-products-grid,#favorites-grid{grid-template-columns: repeat(2,minmax(0,1fr))}h2.text-3xl,h2.text-4xl{font-size: 1.5rem !important}h3.text-2xl{font-size: 1.25rem !important}.overflow-x-auto{-webkit-overflow-scrolling: touch}}@media (max-width: 480px){#catalog-grid,#related-products-grid,#favorites-grid{grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.625rem}.btn-fav,header button.w-9{width: 2rem !important;height: 2rem !important}#mobile-search-input{font-size: 0.8rem}footer .grid{grid-template-columns: 1fr !important;gap: 1.5rem !important}.pro-product-card .font-bold{font-size: 0.78rem}}::-webkit-scrollbar{width: 4px}.toast-container{position: fixed;bottom: 20px;left: 50%;transform: translateX(-50%);z-index: 9999;display: flex;flex-direction: column;gap: 10px;max-width: 320px;width: calc(100% - 40px);pointer-events: none}.toast-notification{display: flex;align-items: center;gap: 10px;padding: 10px 16px;border-radius: 50px;backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);box-shadow: 0 8px 32px rgba(0,0,0,0.15),0 0 0 1px rgba(255,255,255,0.1);pointer-events: auto;transform: translateY(120%);opacity: 0;transition: all 0.4s cubic-bezier(0.19,1,0.22,1);position: relative;overflow: hidden;min-height: auto}.toast-notification.slide-in{transform: translateY(0);opacity: 1}.toast-notification.slide-out{transform: translateY(120%);opacity: 0}.toast-progress{position: absolute;bottom: 0;left: 0;height: 3px;width: 100%;transform-origin: left;animation: toast-progress linear forwards}@keyframes toast-progress{from{transform: scaleX(1)}to{transform: scaleX(0)}}.toast-icon{flex-shrink: 0;width: 20px;height: 20px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 12px;font-weight: bold}.toast-content{flex: 1;min-width: 0}.toast-title{font-size: 12px;font-weight: 600;line-height: 1.4;margin-bottom: 0}.toast-message{font-size: 11px;line-height: 1.4;opacity: 0.9;display: none}.toast-close{flex-shrink: 0;width: 20px;height: 20px;border: none;background: rgba(255,255,255,0.2);border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.2s ease;color: inherit;opacity: 0.7}.toast-close:hover{opacity: 1;background: rgba(255,255,255,0.3);transform: scale(1.1)}.toast-close svg{width: 12px;height: 12px}.toast-success{background: rgba(34,197,94,0.95);color: #ffffff}.toast-success .toast-icon{background: rgba(255,255,255,0.25)}.toast-success .toast-progress{background: rgba(255,255,255,0.5)}.toast-error{background: rgba(239,68,68,0.95);color: #ffffff}.toast-error .toast-icon{background: rgba(255,255,255,0.25)}.toast-error .toast-progress{background: rgba(255,255,255,0.5)}.toast-warning{background: rgba(249,115,22,0.95);color: #ffffff}.toast-warning .toast-icon{background: rgba(255,255,255,0.25)}.toast-warning .toast-progress{background: rgba(255,255,255,0.5)}.toast-info{background: rgba(59,130,246,0.95);color: #ffffff}.toast-info .toast-icon{background: rgba(255,255,255,0.25)}.toast-info .toast-progress{background: rgba(255,255,255,0.5)}@media (max-width: 480px){.toast-container{bottom: 12px;width: calc(100% - 24px);max-width: 280px}.toast-notification{padding: 8px 14px}}#breadcrumb-category{transition: color 0.3s ease}.tab-btn{position: relative;overflow: hidden}.tab-btn::before{content: '';position: absolute;bottom: 0;left: 50%;width: 0;height: 2px;background: #ec135b;transition: all 0.3s ease;transform: translateX(-50%)}.tab-btn:hover::before{width: 80%}.tab-content{animation: fadeInTab 0.4s ease forwards}@keyframes fadeInTab{from{opacity: 0;transform: translateY(10px)}to{opacity: 1;transform: translateY(0)}}#product-qty{-moz-appearance: textfield}#product-qty::-webkit-outer-spin-button,#product-qty::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0}#related-products{scroll-margin-top: 100px}#main-product-img{cursor: zoom-in}.thumbnail-btn{position: relative;overflow: hidden}.thumbnail-btn::after{content: '';position: absolute;inset: 0;background: rgba(236,19,91,0.1);opacity: 0;transition: opacity 0.3s ease}.thumbnail-btn:hover::after{opacity: 1}.low-stock-alert{position: relative}.low-stock-alert::before{content: '';position: absolute;inset: -2px;background: linear-gradient(45deg,#f97316,#fb923c,#f97316);background-size: 200% 200%;border-radius: inherit;z-index: -1;opacity: 0;animation: lowStockGlow 2s ease infinite}@keyframes lowStockGlow{0%,100%{opacity: 0}50%{opacity: 0.5}}button[onclick*="addToCart"]{position: relative;overflow: hidden}button[onclick*="addToCart"]::before{content: '';position: absolute;top: 50%;left: 50%;width: 0;height: 0;border-radius: 50%;background: rgba(255,255,255,0.3);transform: translate(-50%,-50%);transition: width 0.6s,height 0.6s}button[onclick*="addToCart"]:hover::before{width: 300px;height: 300px}button[onclick*="buyNow"]{position: relative;overflow: hidden}button[onclick*="buyNow"]::after{content: '';position: absolute;top: -50%;left: -50%;width: 200%;height: 200%;background: linear-gradient( 45deg,transparent 30%,rgba(255,255,255,0.1) 50%,transparent 70% );transform: rotate(45deg);transition: transform 0.6s}button[onclick*="buyNow"]:hover::after{transform: rotate(45deg) translate(50%,50%)}#tab-reviews .text-yellow-400{display: inline-block;animation: starShine 2s ease infinite}@keyframes starShine{0%,100%{filter: brightness(1)}50%{filter: brightness(1.3)}}#tab-reviews .bg-gray-50{transition: all 0.3s ease}#tab-reviews .bg-gray-50:hover{transform: translateX(-5px);box-shadow: 0 5px 15px rgba(0,0,0,0.05)}#image-zoom-modal{backdrop-filter: blur(10px)}#zoomed-image{transition: opacity 0.3s ease,transform 0.3s ease}@media (max-width: 768px){#product-details-container .grid{gap: 2rem}#product-details-container h1{font-size: 1.75rem}.thumbnail-btn{width: 60px;height: 60px}}@media (max-width: 640px){.mobile-sticky-cart{position: fixed;bottom: 0;left: 0;right: 0;background: white;padding: 1rem;box-shadow: 0 -5px 20px rgba(0,0,0,0.1);z-index: 100;display: flex;gap: 1rem;align-items: center}}[data-favorite-btn]{transition: all 0.3s cubic-bezier(0.19,1,0.22,1)}[data-favorite-btn]:hover{transform: scale(1.1)}[data-favorite-btn].favorite-active{background: linear-gradient(135deg,#ec135b,#ff4d8d);border-color: #ec135b;color: white}#product-details-container .text-primary.font-bold.text-\[10px\]{letter-spacing: 0.2em;position: relative;padding-left: 20px}#product-details-container .text-primary.font-bold.text-\[10px\]::before{content: '';position: absolute;left: 0;top: 50%;width: 15px;height: 2px;background: #ec135b;transform: translateY(-50%)}#product-details-container .text-3xl.font-bold.text-primary{position: relative;display: inline-block}#product-details-container .text-3xl.font-bold.text-primary::after{content: '';position: absolute;bottom: -5px;left: 0;width: 40px;height: 3px;background: linear-gradient(90deg,#ec135b,transparent);border-radius: 2px}#product-details-container .border-b{position: relative}#product-details-container .border-b::after{content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 1px;background: linear-gradient(90deg,#e5e7eb,#ec135b,#e5e7eb);opacity: 0.5}.carousel-container{perspective: 1000px}.carousel-slide{position: absolute;inset: 0;opacity: 0;visibility: hidden;transform: translateX(100%) scale(0.9);transition: all 0.8s cubic-bezier(0.23,1,0.32,1)}.carousel-slide.active{opacity: 1;visibility: visible;transform: translateX(0) scale(1)}.carousel-slide.prev{transform: translateX(-100%) scale(0.9)}.carousel-item{animation: floating 4s ease-in-out infinite}@keyframes floating{0%,100%{transform: translateY(0px)}50%{transform: translateY(-15px)}}.carousel-dot{transition: all 0.3s ease}.carousel-dot.active{background: #ec135b !important;border-color: #ec135b !important;transform: scale(1.3);box-shadow: 0 0 15px rgba(236,19,91,0.5)}#carousel-progress{animation: progressAnimation 5s linear infinite}@keyframes progressAnimation{from{width: 0%}to{width: 100%}}@keyframes float{0%,100%{transform: translateY(0px) translateX(0px);opacity: 0.3}50%{transform: translateY(-30px) translateX(15px);opacity: 0.6}}.animate-float{animation: float 6s ease-in-out infinite}#carousel-prev:hover,#carousel-next:hover{transform: translateY(-50%) scale(1.1)}@media (max-width: 768px){.carousel-slide{transform: translateX(50%) scale(0.85)}#carousel-prev,#carousel-next{width: 40px;height: 40px}#carousel-prev svg,#carousel-next svg{width: 20px;height: 20px}}.carousel-slide:hover .carousel-item{animation-play-state: paused}.carousel-slide:hover img:not(:hover){opacity: 0.6;filter: blur(1px)}.carousel-slide img:hover{z-index: 50 !important;filter: brightness(1.05)}.floating-card{transition: all 0.4s cubic-bezier(0.165,0.84,0.44,1);box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}.floating-card:hover{transform: translateY(-10px);box-shadow: 0 20px 25px -5px rgba(236,19,91,0.1),0 10px 10px -5px rgba(236,19,91,0.04)}.product-visual-glass{background: linear-gradient( 135deg,rgba(255,255,255,0.4) 0%,rgba(236,19,91,0.05) 100% );backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px);border: 1px solid rgba(255,255,255,0.3);border-radius: 20px;display: flex;align-items: center;justify-content: center;overflow: hidden;transition: all 0.3s ease}.product-card:hover .product-visual-glass{background: rgba(255,255,255,0.6);transform: scale(1.02)}.category-glass-card{background: linear-gradient( 135deg,rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.1) 100% );backdrop-filter: blur(25px);-webkit-backdrop-filter: blur(25px);border: 1px solid rgba(255,255,255,0.4);border-radius: 40px;transition: all 0.5s cubic-bezier(0.23,1,0.32,1);position: relative;overflow: hidden}.category-glass-card:hover{transform: translateY(-10px);background: rgba(255,255,255,0.5);border-color: rgba(236,19,91,0.4);box-shadow: 0 25px 50px -12px rgba(0,0,0,0.1)}body{font-family: 'Tajawal','Cairo',sans-serif;background-color: #F3F6F4;color: #141b2b;overflow-x: hidden}.btn-gradient-shimmer{background: linear-gradient(135deg,#c59b3f 0%,#1e7b54 100%);position: relative;overflow: hidden;transition: all 0.35s cubic-bezier(0.4,0,0.2,1);box-shadow: 0 10px 25px -4px rgba(197,155,63,0.4)}.btn-gradient-shimmer::after{content: '';position: absolute;top: -50%;right: -50%;bottom: -50%;left: -50%;background: linear-gradient(to right,transparent,rgba(255,255,255,0.35),transparent);transform: rotate(30deg) translate(-100%,0);animation: glossSweep 4.5s ease-in-out infinite}@keyframes glossSweep{0%{transform: rotate(30deg) translate(-120%,0)}25%,100%{transform: rotate(30deg) translate(120%,0)}}.btn-gradient-shimmer:hover{transform: translateY(-2px) scale(1.01);box-shadow: 0 14px 30px -2px rgba(30,123,84,0.5);filter: brightness(1.06)}.btn-dark{background: linear-gradient(90deg,#9a731c,#c59b3f,#e6c878,#c59b3f,#9a731c);background-size: 200% auto;animation: badgeShine 3s linear infinite;color: #ffffff;border-radius: 9999px;transition: all 0.25s ease,animation-duration 0.25s ease}.btn-dark:hover{animation-duration: 1.1s;transform: translateY(-2px);box-shadow: 0 6px 18px rgba(197,155,63,0.35)}.btn-add-cart{background-color: #0c4a34;color: #ffffff;border-radius: 9999px;transition: all 0.25s ease}.btn-add-cart:hover{background-color: #083324;transform: translateY(-2px);box-shadow: 0 6px 18px rgba(12,74,52,0.3)}.btn-outline{border: 1.5px solid #c59b3f;color: #c59b3f;border-radius: 9999px;transition: all 0.3s ease;background: rgba(255,255,255,0.95)}.btn-outline:hover{background: #c59b3f;color: #ffffff;transform: translateY(-2px);box-shadow: 0 8px 20px rgba(197,155,63,0.25)}.glass-nav{background: rgba(255,255,255,0.97);border-bottom: 1px solid rgba(226,232,240,0.85)}.glass-card-frosted{background: rgba(255,255,255,0.78);backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);border: 1px solid rgba(255,255,255,0.9);box-shadow: 0 14px 34px -10px rgba(197,155,63,0.1)}.badge-gradient{background: linear-gradient(135deg,#c59b3f 0%,#1e7b54 100%);color: #ffffff}.text-gradient{background: linear-gradient(135deg,#c59b3f 0%,#1e7b54 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent}.pro-product-card{transition: all 0.35s cubic-bezier(0.34,1.56,0.64,1);border-radius: 24px;background: #ffffff}.pro-product-card:hover{transform: translateY(-8px);box-shadow: 0 22px 35px -8px rgba(197,155,63,0.16);border-color: #eadbb6}.btn-fav{transition: all 0.2s cubic-bezier(0.175,0.885,0.32,1.275)}.btn-fav:hover{transform: scale(1.18)}.btn-fav:active{transform: scale(0.9)}.badge-shimmer{background: linear-gradient(90deg,#e11d48,#f43f5e,#fb7185,#e11d48);background-size: 200% auto;animation: badgeShine 3s linear infinite}@keyframes badgeShine{to{background-position: 200% center}}.badge-gold-shimmer{background: linear-gradient(90deg,#9a731c,#c59b3f,#e6c878,#c59b3f,#9a731c);background-size: 200% auto;animation: badgeShine 3s linear infinite}@keyframes marqueeRTL{0%{transform: translateX(0)}100%{transform: translateX(50%)}}.marquee-track{display: inline-flex;white-space: nowrap;animation: marqueeRTL 25s linear infinite}.marquee-container:hover .marquee-track{animation-play-state: paused}@keyframes toastSlide{0%{transform: translateY(120%) scale(0.9);opacity: 0}15%,85%{transform: translateY(0) scale(1);opacity: 1}100%{transform: translateY(120%) scale(0.9);opacity: 0}}.animate-social-toast{animation: toastSlide 9s cubic-bezier(0.16,1,0.3,1) infinite}::-webkit-scrollbar{width: 8px}::-webkit-scrollbar-track{background: #F1F5F9}::-webkit-scrollbar-thumb{background: #eadbb6;border-radius: 4px}::-webkit-scrollbar-thumb:hover{background: #1e7b54}@keyframes testimonialsScrollLeft{0%{transform: translateX(0)}100%{transform: translateX(-50%)}}.testimonials-track{animation: testimonialsScrollLeft 45s linear infinite;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none}.testimonials-track.is-paused{animation-play-state: paused}.testimonial-card{will-change: transform;margin: 0}#cust-payment,#cust-governorate{-webkit-appearance: none;-moz-appearance: none;appearance: none;background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23c59b3f' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: left 1rem center;background-size: 1.05em;padding-left: 2.75rem;padding-right: 1rem}#catalog-grid .pro-product-card .flex.items-baseline.justify-between,#bundles-grid .pro-product-card .flex.items-baseline.justify-between,#related-products-grid .pro-product-card .flex.items-baseline.justify-between,#favorites-grid .pro-product-card .flex.items-baseline.justify-between{flex-wrap: wrap;row-gap: 3px}#offer-countdown-wrap{opacity: 0;transition: opacity 0.35s ease}#offer-countdown-wrap.is-ready{opacity: 1}@media (max-width: 479.98px){#catalog-grid .pro-product-card .grid-cols-2,#bundles-grid .pro-product-card .grid-cols-2,#related-products-grid .pro-product-card .grid-cols-2,#favorites-grid .pro-product-card .grid-cols-2{grid-template-columns: minmax(0,1fr);gap: 0.5rem}#catalog-grid .pro-product-card .grid-cols-2 .btn-dark,#bundles-grid .pro-product-card .grid-cols-2 .btn-dark,#related-products-grid .pro-product-card .grid-cols-2 .btn-dark,#favorites-grid .pro-product-card .grid-cols-2 .btn-dark,#catalog-grid .pro-product-card .grid-cols-2 .btn-add-cart,#bundles-grid .pro-product-card .grid-cols-2 .btn-add-cart,#related-products-grid .pro-product-card .grid-cols-2 .btn-add-cart,#favorites-grid .pro-product-card .grid-cols-2 .btn-add-cart{padding: 0.65rem 0}}body.show-mobile-bar #view-product{padding-bottom: 84px}.welcome-offer-banner{--wo-bottom:16px;position:fixed;bottom:var(--wo-bottom);right:16px;left:16px;max-width:420px;margin-inline:auto;z-index:99999;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;color:#fff;background:linear-gradient(90deg,var(--primary-container),var(--primary));box-shadow:0 10px 30px rgba(154,115,28,.35);font-family:Tajawal,sans-serif}.welcome-offer-text{flex:1;font-size:14px;line-height:1.6}.welcome-offer-action{background:#fff;color:var(--primary-container);border:0;border-radius:999px;padding:8px 14px;font-weight:800;font-size:13px;white-space:nowrap;cursor:pointer}.welcome-offer-close{background:transparent;color:#fff;border:0;font-size:22px;line-height:1;cursor:pointer}body.show-mobile-bar .toast-container{bottom: 92px}body.show-mobile-bar .welcome-offer-banner{bottom:max(var(--wo-bottom),92px)}@media (max-width: 480px){body.show-mobile-bar .toast-container{bottom: 88px}body.show-mobile-bar .welcome-offer-banner{bottom:max(var(--wo-bottom),88px)}}.hero-main-image{opacity: 1}.trust-stat-value{font-size: 1.05rem;white-space: nowrap}.trust-stat-value i{flex-shrink: 0}@media (min-width: 640px){.trust-stat-value{font-size: 1.5rem}}@media (max-width: 360px){.trust-stats-bar{gap: 0.5rem}.trust-stat-col{padding-right: 0.5rem}.trust-stat-value{font-size: 0.9rem}}.text-shimmer-gold{background-image: linear-gradient( 100deg,#c59b3f 0%,#c59b3f 35%,#f6e6bd 48%,#ffffff 50%,#f6e6bd 52%,#c59b3f 65%,#c59b3f 100% );background-size: 250% 100%;background-position: 100% 0;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;display: inline-block;animation: textShimmerSweep 9s ease-in-out infinite}@keyframes textShimmerSweep{0%{background-position: 130% 0}55%,100%{background-position: -30% 0}}html{scroll-behavior: auto;scrollbar-gutter: stable;-webkit-text-size-adjust: 100%}i.fa-solid,i.fa-regular,i.fa-brands{display: inline-block;min-width: 1em;height: 1em;line-height: 1;text-align: center}img{height: auto}@media (max-width: 1023.98px){#home .blur-3xl,#home .blur-2xl{display: none !important}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important}}
/* Cir Search — redesigned only; keeps the existing responsive width and 36px bar height */
.cir-search{display:flex;align-items:center;gap:8px;width:100%;height:36px;box-sizing:border-box;padding:0 6px 0 12px;background:#fff;border:1px solid #e3e8ee;border-radius:999px;box-shadow:0 1px 1px rgba(14,17,22,.03),0 10px 24px -18px rgba(14,17,22,.18);font-family:inherit;transition:border-color 220ms cubic-bezier(.22,1,.36,1),box-shadow 220ms cubic-bezier(.22,1,.36,1)}
.cir-search__icon{width:15px;height:15px;color:#8a93a3;flex:0 0 auto}
.cir-search__field{flex:1;min-width:0;width:0;height:100%;border:0;outline:0;background:transparent;font:inherit;font-size:12px;color:#172033;direction:rtl;text-align:right}
.cir-search__field::placeholder{color:#94a0b2}
.cir-search__kbd{display:inline-flex;align-items:center;justify-content:center;height:24px;min-width:38px;padding:0 7px;box-sizing:border-box;background:#f3f6fa;border:1px solid #eef2f6;border-radius:999px;font-family:inherit;font-size:9px;font-weight:600;color:#697487;letter-spacing:.02em;direction:ltr;flex:0 0 auto}
.cir-search:focus-within{border-color:#c59b3f;box-shadow:0 10px 24px -18px rgba(14,17,22,.2)}.cir-search,.cir-search:focus,.cir-search:focus-visible,.cir-search__field,.cir-search__field:focus,.cir-search__field:focus-visible{outline:none!important} .cir-search__field::-moz-focus-inner{border:0}.cir-search__field{appearance:none;-webkit-appearance:none;-moz-appearance:none}
@media (max-width:1279.98px){.cir-search__kbd{display:none}}
.cir-search{outline:0!important;border-color:#e3e8ee!important}.cir-search:focus,.cir-search:focus-visible,.cir-search:active{outline:0!important;border-color:#e3e8ee!important;box-shadow:0 10px 24px -18px rgba(14,17,22,.2)!important}.cir-search__field,.cir-search__field:focus,.cir-search__field:focus-visible,.cir-search__field:active{outline:0!important;border:0!important;box-shadow:none!important;background:transparent!important}