@import url(https://db.onlinewebfonts.com/c/ba155473d72fb574bd945b20f4598560?family=Montserrat-Alt1+SemBd);@import url(https://db.onlinewebfonts.com/c/29295d2928c6bd76a76c9e789982bc85?family=Montserrat-Alt1+Med);@font-face{font-family: "Montserrat-Alt1 SemBd";src: url("https://db.onlinewebfonts.com/t/ba155473d72fb574bd945b20f4598560.eot");src: url("https://db.onlinewebfonts.com/t/ba155473d72fb574bd945b20f4598560.eot?#iefix") format("embedded-opentype"), url("https://db.onlinewebfonts.com/t/ba155473d72fb574bd945b20f4598560.woff2") format("woff2"), url("https://db.onlinewebfonts.com/t/ba155473d72fb574bd945b20f4598560.woff") format("woff"), url("https://db.onlinewebfonts.com/t/ba155473d72fb574bd945b20f4598560.ttf") format("truetype"), url("https://db.onlinewebfonts.com/t/ba155473d72fb574bd945b20f4598560.svg#Montserrat-Alt1 SemBd") format("svg");}@font-face{font-family: "Montserrat-Alt";src: url("https://db.onlinewebfonts.com/t/29295d2928c6bd76a76c9e789982bc85.eot");src: url("https://db.onlinewebfonts.com/t/29295d2928c6bd76a76c9e789982bc85.eot?#iefix") format("embedded-opentype"), url("https://db.onlinewebfonts.com/t/29295d2928c6bd76a76c9e789982bc85.woff2") format("woff2"), url("https://db.onlinewebfonts.com/t/29295d2928c6bd76a76c9e789982bc85.woff") format("woff"), url("https://db.onlinewebfonts.com/t/29295d2928c6bd76a76c9e789982bc85.ttf") format("truetype"), url("https://db.onlinewebfonts.com/t/29295d2928c6bd76a76c9e789982bc85.svg#Montserrat-Alt1 Med") format("svg");}:root{--orange: #ff6b35;--teal: #004e89;--dark-teal: #023e5c;--beige: #f5e6d3;--cream: #fdf8f3;}*{margin: 0;padding: 0;box-sizing: border-box;}body{font-family: "El Messiri", sans-serif;font-weight: 400;}h1, h2, h3, h4, h5, h6{font-family: "El Messiri", serif;font-weight: 600;}.tulip-navbar{padding: 0.3rem 0;}.navbar-wrapper{max-width: 1300px;margin: 3px auto;background: white;border-radius: 50px;padding: 0.4rem 2rem;display: flex;align-items: center;justify-content: space-between;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);}.navbar-logo{display: flex;align-items: center;gap: 0.15rem;text-decoration: none;font-family: "Montserrat-Alt1 SemBd";font-size: 2.1rem;text-transform: uppercase;}.logo-t{color: #ff6b35;font-weight: 1200;}.logo-girl{width: 50px;height: 50px;object-fit: contain;margin: 0 0.3rem;}.logo-lip{color: #2a7080;font-weight: 1200;}.navbar-search-wrapper{flex: 1;max-width: 500px;position: relative;}.navbar-search{background: #0d464c2a;border-radius: 30px;padding: 0.6rem 1.5rem;display: flex;align-items: center;gap: 1rem;}.navbar-search i{color: #999;font-size: 1rem;cursor: pointer;}.navbar-search input{flex: 1;border: none;background: transparent;outline: none;text-align: center;font-size: 0.85rem;color: #666;}.navbar-search input::placeholder{color: #999;font-family: "El Messiri", sans-serif;}.search-dropdown{position: absolute;top: calc(100% + 0.5rem);left: 0;right: 0;background: white;border-radius: 20px;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);padding: 1.2rem;opacity: 0;visibility: hidden;transform: translateY(-10px);transition: all 0.3s ease;z-index: 1000;max-height: 400px;overflow-y: auto;}.search-dropdown::-webkit-scrollbar{width: 8px;}.search-dropdown::-webkit-scrollbar-track{background: #f1f1f1;border-radius: 10px;}.search-dropdown::-webkit-scrollbar-thumb{background: #2a7080;border-radius: 10px;}.search-dropdown::-webkit-scrollbar-thumb:hover{background: #1f5a68;}.search-dropdown.active{opacity: 1;visibility: visible;transform: translateY(0);font-family: "El Messiri", sans-serif;}.search-dropdown-header{text-align: center;margin-bottom: 1rem;font-size: 0.9rem;color: #666;font-weight: 600;font-family: "El Messiri", sans-serif;}.search-chips{display: flex;flex-wrap: wrap;gap: 0.6rem;justify-content: center;}.search-chip{background: #f0f0f0;border: none;padding: 0.4rem 1rem;border-radius: 20px;font-family: "El Messiri", sans-serif;font-size: 0.8rem;color: #666;cursor: pointer;transition: all 0.2s ease;}.search-chip:hover{background: #2a7080;color: white;}.search-results{display: flex;flex-direction: column;gap: 0.8rem;}.search-result-item{display: flex;align-items: center;gap: 1rem;padding: 0.6rem;border-radius: 12px;cursor: pointer;transition: background 0.2s ease;}.search-result-item:hover{background: #f5f5f5;}.search-result-img{width: 50px;height: 50px;border-radius: 8px;object-fit: cover;}.search-result-info{flex: 1;text-align: right;}.search-result-name{font-family: "El Messiri", sans-serif;font-size: 0.9rem;font-weight: 600;color: #333;margin-bottom: 0.2rem;}.search-result-price{font-size: 0.8rem;color: #2a7080;font-weight: 600;}.search-result-icon{color: #999;font-size: 1rem;}.navbar-icons{display: flex;align-items: center;gap: 1.5rem;}.nav-icon-item{position: relative;display: flex;align-items: center;cursor: pointer;}.nav-icon-item > i{font-size: 1.4rem;transition: opacity 0.3s ease;}.icon-gift{color: #ff6b35;}.icon-store{color: #9c27b0;}.icon-cart, .icon-user{color: #2a7080;}.icon-label{display: flex;align-items: center;gap: 0.6rem;padding: 0.5rem 1.2rem;border-radius: 25px;font-family: "El Messiri", sans-serif;font-size: 0.85rem;font-weight: 600;white-space: nowrap;max-width: 0;opacity: 0;overflow: hidden;transition: all 0.3s ease;padding-left: 0;padding-right: 0;}.icon-label i{font-size: 1.2rem;}.user-label, .cart-label{background: #2a7080;color: white;}.gift-label{background: #ff6b35;color: white;}.store-label{background: #9c27b0;color: white;}.label-badge{background: #ff6b35;padding: 0.15rem 0.5rem;border-radius: 12px;font-size: 0.75rem;font-weight: 700;}.cart-icon-container{position: relative;}.cart-badge-icon{position: absolute;top: -6px;right: -6px;background: #ff6b35;color: white;font-size: 0.7rem;font-weight: 700;min-width: 18px;height: 18px;border-radius: 9px;display: flex;align-items: center;justify-content: center;padding: 0 4px;border: 2px solid white;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);z-index: 100;pointer-events: none;transition: opacity 0.3s ease;}.cart-badge-label{color: white;font-size: 0.85rem;font-weight: 700;display: inline-flex;align-items: center;justify-content: center;margin: 0 0.3rem;padding: 0.15rem 0.5rem;border: 2px solid #ff6b35;border-radius: 12px;min-width: 24px;background: rgba(255, 107, 53, 0.1);}.cart-icon-container:hover .cart-badge-icon{opacity: 0;}.nav-icon-item:hover > i:not(.icon-favorite){opacity: 0;transition: opacity 0.3s ease;cursor: default;}.nav-icon-item:hover .icon-label:not(.favorite-label){max-width: 300px;opacity: 1;padding-left: 1.2rem;padding-right: 1.2rem;margin-left: 0.5rem;}.nav-icon-item:hover .icon-favorite{opacity: 1;}.cart-count{background: #ff6b35;padding: 0.15rem 0.5rem;border-radius: 12px;font-size: 0.75rem;font-weight: 700;}.badge{position: absolute;top: -6px;right: -6px;background: #ff6b35;color: white;min-width: 20px;height: 20px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 0.65rem;font-weight: 700;border: 2px solid white;}.login-btn{display: none;background: #2a6f7f;color: white;border: none;padding: 0.5rem 1.2rem;border-radius: 25px;font-size: 0.85rem;font-weight: 600;cursor: pointer;}.user-icon:hover .login-btn{display: block;}.user-icon:hover .icon-only{display: none;}.hero{position: relative;margin: 1.5rem auto 0 auto;max-width: 1280px;}.hero-card{border-radius: 32px;overflow: hidden;box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);}.hero-card-img{display: block;width: 100%;height: auto;}.main-page{background-color: #faf3e9;padding: 3rem 0 0 0;}.section{padding: 2rem 0;}.section-inner{max-width: 1200px;margin: 0 auto;padding: 0 1rem;}.section-title{font-size: 1.6rem;font-weight: 700;color: #3a3a3a;text-align: center;margin-bottom: 0.5rem;}.section-subtitle{font-size: 0.9rem;color: #898989;text-align: center;margin-bottom: 2rem;}.range-grid{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 1.5rem;}.range-card{overflow: hidden;border-radius: 12px;background-color: #0351ed;text-align: center;font-weight: 600;color: #3a3a3a;font-size: 0.9rem;}.range-card img{width: 100%;height: 180px;object-fit: cover;display: block;}.range-card span{display: block;padding: 0.8rem 0;}.products-grid{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 1.5rem;}.product-card{background-color: #f30707;border-radius: 12px;overflow: hidden;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);}.product-card img{width: 100%;height: 180px;object-fit: cover;}.product-info{padding: 0.8rem 1rem 1rem 1rem;}.product-name{font-size: 0.95rem;font-weight: 600;color: #3a3a3a;}.product-meta{font-size: 0.8rem;color: #898989;margin: 0.2rem 0 0.8rem 0;}.product-bottom{display: flex;align-items: center;justify-content: space-between;}.product-price{font-size: 1rem;font-weight: 700;color: #3a3a3a;}.btn-add{border: 1px solid #3a3a3a;background-color: transparent;padding: 0.4rem 0.8rem;border-radius: 4px;font-size: 0.8rem;cursor: pointer;}.inspiration-inner{display: grid;grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.3fr);gap: 2rem;align-items: center;}.inspiration-text h2{font-size: 1.8rem;margin-bottom: 0.8rem;}.inspiration-text p{font-size: 0.9rem;color: #898989;margin-bottom: 1.2rem;}.btn-primary{background-color: var(--orange);color: white;border: none;padding: 0.6rem 1.4rem;border-radius: 4px;font-size: 0.85rem;cursor: pointer;}.inspiration-grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 1rem;}.inspiration-grid img{width: 100%;height: 260px;object-fit: cover;border-radius: 12px;}.hashtag{text-transform: uppercase;}.gallery-grid{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1rem;margin-top: 1.5rem;}.gallery-grid img{width: 100%;height: 160px;object-fit: cover;border-radius: 12px;}@media (max-width: 1024px){.nav-wrapper{gap: 1rem;}.search-container{max-width: 300px;}.hero-title{font-size: 2.5rem;}.flower-img{max-width: 250px;}}@media (max-width: 768px){.nav-wrapper{flex-wrap: wrap;gap: 1rem;}.search-container{order: 3;flex-basis: 100%;max-width: 100%;}.hero-content{flex-direction: column;text-align: center;gap: 2rem;}.hero-title{font-size: 1.8rem;}.flower-img{max-width: 200px;}.hero-watermark{font-size: 3rem;bottom: 20px;}}@media (max-width: 480px){.navbar{padding: 0.8rem 1rem;}.logo{font-size: 1.4rem;}.icons-container{gap: 1rem;}.nav-dropdown{right: 1rem;min-width: 250px;}.hero{min-height: 350px;margin: 1rem 0.5rem;}.hero-title{font-size: 1.5rem;}.flower-img{max-width: 150px;}}.nav-item:hover .item-label{display: flex;}.nav-item:hover .item-icon, .nav-item:hover i:not(.item-label i){display: none;}@media (max-width: 768px){.navbar-wrapper{padding: 0.4rem 1rem;gap: 1rem;}.navbar-logo{font-size: 1.5rem;}.logo-girl{width: 40px;height: 40px;}.navbar-search-wrapper{max-width: 300px;}.navbar-search{padding: 0.4rem 1rem;gap: 0.5rem;}.navbar-search input{font-size: 0.75rem;}.navbar-icons{gap: 1rem;}.nav-icon-item > i{font-size: 1.2rem;}.icon-label{font-size: 0.75rem;padding: 0.4rem 0.8rem;}.search-dropdown{max-height: 300px;}.search-chip{font-size: 0.75rem;padding: 0.3rem 0.8rem;}.products-grid, .range-grid{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 1rem;}.section-title{font-size: 1.3rem;}.section-subtitle{font-size: 0.8rem;}}@media (max-width: 480px){.tulip-navbar{padding: 0.3rem 0;}.navbar-wrapper{flex-wrap: wrap;padding: 0.3rem 0.8rem;gap: 0.8rem;}.navbar-logo{font-size: 1.3rem;order: 2;}.logo-girl{width: 35px;height: 35px;}.navbar-icons{order: 1;gap: 0.8rem;}.nav-icon-item{cursor: pointer;}.nav-icon-item > i{font-size: 1.1rem;}.navbar-search-wrapper{order: 3;flex-basis: 100%;max-width: 100%;}.navbar-search{padding: 0.35rem 1rem;}.navbar-search input{font-size: 0.7rem;}.icon-label{display: none !important;}.nav-icon-item:active > i{transform: scale(1.2);transition: transform 0.1s;}.search-dropdown{max-height: 250px;padding: 0.8rem;}.search-dropdown-header{font-size: 0.8rem;margin-bottom: 0.6rem;}.search-chips{gap: 0.4rem;}.search-chip{font-size: 0.7rem;padding: 0.25rem 0.6rem;}.search-result-item{gap: 0.6rem;padding: 0.4rem;}.search-result-img{width: 40px;height: 40px;}.search-result-name{font-size: 0.8rem;}.search-result-price{font-size: 0.75rem;}.products-grid, .range-grid{grid-template-columns: 1fr;gap: 0.8rem;}.section-title{font-size: 1.1rem;}.section-subtitle{font-size: 0.75rem;}.section-inner{padding: 0 0.8rem;}.hero{margin: 1rem 0.5rem 0;}.hero-card{border-radius: 20px;}}.user-logged-in{position: relative;cursor: pointer;}.user-name-pill{display: flex;align-items: center;background: #2a7080;color: white;padding: 0.5rem 1.2rem;border-radius: 20px;font-family: "El Messiri", sans-serif;font-size: 0.85rem;font-weight: 600;white-space: nowrap;}.user-dropdown{position: absolute;top: calc(100% + 0.5rem);left: 50%;transform: translateX(-50%) translateY(-10px);background: #e8f4f6;border-radius: 20px;min-width: 220px;padding: 0.8rem;opacity: 0;visibility: hidden;transition: all 0.3s ease;z-index: 1000;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);direction: rtl;}.user-dropdown.show{opacity: 1;visibility: visible;transform: translateX(-50%) translateY(0);}[dir="ltr"] .user-dropdown{direction: rtl;}[dir="ltr"] .user-dropdown .dropdown-item{text-align: right;}.user-dropdown .dropdown-item{display: flex;align-items: center;gap: 0.8rem;padding: 0.7rem 1rem;border-radius: 12px;cursor: pointer;transition: background 0.2s ease;font-family: "El Messiri", sans-serif;font-size: 0.9rem;color: #2a7080;margin-bottom: 0.3rem;}.user-dropdown .dropdown-item:hover{background: rgba(42, 112, 128, 0.1);}.user-dropdown .dropdown-item i{width: 20px;text-align: center;font-size: 1rem;}.user-dropdown .logout-item{color: #ef4444;border-top: 1px solid rgba(42, 112, 128, 0.2);margin-top: 0.5rem;padding-top: 0.8rem;}.user-dropdown .logout-item:hover{background: rgba(239, 68, 68, 0.1);}.user-dropdown .dropdown-item.disabled{color: #999;cursor: not-allowed;opacity: 0.5;}.user-dropdown .dropdown-item.disabled:hover{background: transparent;}.dropdown-item.has-submenu{position: relative;}.submenu-arrow{margin-left: auto;font-size: 0.8rem;transition: transform 0.3s ease;}.dropdown-item.has-submenu:hover .submenu-arrow{transform: translateX(3px);}.dropdown-submenu{position: absolute;right: 100%;top: 0;background: #e8f4f6;border-radius: 12px;min-width: 180px;padding: 0.5rem;opacity: 0;visibility: hidden;transform: translateX(10px);transition: all 0.3s ease;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);margin-right: 0.5rem;}.dropdown-item.has-submenu:hover .dropdown-submenu{opacity: 1;visibility: visible;transform: translateX(0);}.flag-icon{width: 24px;height: 16px;border-radius: 3px;object-fit: cover;}.dropdown-item.active-lang{background: rgba(42, 112, 128, 0.15);font-weight: 600;}.lang-check{margin-left: auto;color: #2a7080;font-size: 0.9rem;}.product-card{background: white;border-radius: 20px;overflow: hidden;box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);cursor: pointer;position: relative;}.product-image-wrapper{position: relative;width: 100%;height: 200px;overflow: hidden;background: #f5f5f5;border-radius: 20px 20px 0 0;cursor: pointer;}.product-img{width: 100%;height: 100%;object-fit: cover;border-radius: 20px 20px 0 0;}.product-info{padding: 0.8rem;text-align: center;}.product-name{font-family: "El Messiri", sans-serif;font-size: 0.9rem;font-weight: 700;color: #0f4f55;margin-bottom: 0.5rem;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;min-height: 2.2rem;}.product-price-rating-wrapper{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.6rem;padding: 0 0.3rem;}.product-price-wrapper{display: flex;align-items: center;gap: 0.3rem;}.product-price{font-size: 1.1rem;font-weight: 700;color: #0f4f55;}.product-old-price{font-size: 0.85rem;color: #999;text-decoration: line-through;}.product-rating{display: flex;align-items: center;gap: 0.1rem;font-size: 0.85rem;color: #f39c12;}.product-card-actions{display: flex;gap: 0.4rem;padding: 0 0.7rem 0.7rem;}.product-card-btn{flex: 1;padding: 0.4rem 0.5rem;border: none;border-radius: 7px;font-size: 0.75rem;font-weight: 600;cursor: pointer;transition: all 0.3s ease;}.product-card-btn-cart{background: #ff6b35;color: white;}.product-card-btn-cart:hover{background: #ff8c5a;transform: translateY(-2px);box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3);}.product-card-btn-share{background: white;color: #0f4f55;border: 2px solid #0f4f55;}.product-card-btn-share:hover{background: #0f4f55;color: white;transform: translateY(-2px);box-shadow: 0 4px 12px rgba(15, 79, 85, 0.3);}.product-expanded-details{max-height: 0;overflow: hidden;opacity: 0;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}.product-description{color: #666;line-height: 1.6;margin-bottom: 1rem;font-size: 0.95rem;}.product-actions{display: flex;gap: 0.8rem;margin-top: 1rem;opacity: 0;transform: translateY(10px);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;}.product-btn{flex: 1;background: #0f4f55;color: white;border: none;padding: 0.8rem 1.2rem;border-radius: 10px;font-size: 0.95rem;font-weight: 600;cursor: pointer;transition: all 0.3s ease;display: flex;align-items: center;justify-content: center;gap: 0.5rem;}.product-btn:hover{transform: translateY(-2px);box-shadow: 0 4px 15px rgba(15, 79, 85, 0.3);}.product-btn-cart{background: #e74c3c;}.product-btn-cart:hover{background: #c0392b;box-shadow: 0 4px 15px rgba(231, 76, 60, 0.3);}.product-btn-share{background: #3498db;}.product-btn-share:hover{background: #2980b9;box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3);}.product-close-btn{display: none;}body.dark-mode .product-card{background: #2d2d2d;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);}body.dark-mode .product-card.expanded{background: #2d2d2d;}body.dark-mode .products-container h2{color: #e0e0e0;}body.dark-mode .product-name{color: #e0e0e0;}body.dark-mode .product-description{color: #b0b0b0;}body.dark-mode .product-image-wrapper{background: #1a1a1a;}body.dark-mode .product-close-btn{background: #3a3a3a;color: #e0e0e0;}body.dark-mode .product-close-btn:hover{background: #e74c3c;}@media (max-width: 768px){.product-card:hover{transform: scale(1.02);}.product-card:hover .product-image-wrapper{height: 300px;}.product-actions{flex-direction: column;}.product-btn{padding: 0.7rem 1rem;font-size: 0.9rem;}.product-card:hover .product-name{font-size: 1.1rem;}}.product-card{overflow: hidden !important;}.product-expanded-details{display: none !important;}.product-image-wrapper{cursor: pointer;border-radius: 15px 15px 0 0;}.product-modal-backdrop{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0);z-index: 9998;opacity: 0;visibility: hidden;transition: opacity 0.5s ease, visibility 0.5s ease, backdrop-filter 0.5s ease;backdrop-filter: blur(0px);pointer-events: none;}.product-modal-backdrop.active{opacity: 1;visibility: visible;background: rgba(0, 0, 0, 0.85);backdrop-filter: blur(8px);pointer-events: auto;}.product-floating-view{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0.85) translateY(30px);z-index: 9999;max-width: 500px;width: 90%;opacity: 0;visibility: hidden;transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), visibility 0s linear 0.6s;pointer-events: none;}.product-floating-view.active{opacity: 1;visibility: visible;transform: translate(-50%, -50%) scale(1) translateY(0);transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), visibility 0s linear 0s;pointer-events: auto;}.floating-image-container{width: 100%;height: 250px;background: transparent;overflow: visible;margin-bottom: 1.5rem;opacity: 0;transform: translateY(-20px) scale(0.9);transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 0.1s;position: relative;display: flex;align-items: center;justify-content: center;}.product-floating-view.active .floating-image-container{opacity: 1;transform: translateY(0) scale(1);}.floating-image-container::before{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 75%;height: 75%;background: radial-gradient( circle, rgba(255, 107, 53, 0.2) 0%, rgba(15, 79, 85, 0.12) 50%, transparent 70% );filter: blur(30px);z-index: -1;opacity: 0;transition: opacity 0.6s ease 0.3s;}.product-floating-view.active .floating-image-container::before{opacity: 1;}.floating-image{max-width: 90%;max-height: 90%;object-fit: contain;border-radius: 35px;box-shadow: 0 15px 40px rgba(0, 0, 0, 0.35);}.floating-details{background: transparent;padding: 0;text-align: center;opacity: 0;transform: translateY(20px);transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 0.2s;}.product-floating-view.active .floating-details{opacity: 1;transform: translateY(0);}.floating-name{font-family: "El Messiri", sans-serif;font-size: 1.6rem;font-weight: 700;color: white;margin-bottom: 0.8rem;text-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);}.floating-description{color: rgba(255, 255, 255, 0.9);font-size: 0.95rem;line-height: 1.6;margin-bottom: 1rem;text-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);}.floating-price-wrapper{margin-bottom: 1.5rem;}.floating-price{font-size: 1.8rem;font-weight: 700;color: #ff6b35;text-shadow: 0 2px 15px rgba(255, 107, 53, 0.5);}.floating-old-price{font-size: 1.2rem;color: rgba(255, 255, 255, 0.6);text-decoration: line-through;margin-left: 0.8rem;text-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);}.floating-rating{display: flex;align-items: center;justify-content: center;gap: 0.3rem;font-size: 0.95rem;color: #f39c12;margin-bottom: 1.5rem;filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.5));}.floating-actions{display: flex;gap: 0.8rem;margin-bottom: 1rem;}.floating-btn{flex: 1;padding: 0.7rem 1rem;border: none;border-radius: 12px;font-family: "El Messiri", sans-serif;font-size: 0.95rem;font-weight: 600;cursor: pointer;transition: all 0.3s ease;display: flex;align-items: center;justify-content: center;gap: 0.5rem;}.floating-btn-cart{background: linear-gradient(135deg, #ff6b35 0%, #ff8c5a 100%);color: white;box-shadow: 0 4px 20px rgba(255, 107, 53, 0.4);}.floating-btn-cart:hover{transform: translateY(-2px);box-shadow: 0 6px 25px rgba(255, 107, 53, 0.5);}.floating-btn-share{background: linear-gradient(135deg, #0f4f55 0%, #1a6b73 100%);color: white;box-shadow: 0 4px 20px rgba(15, 79, 85, 0.4);}.floating-btn-share:hover{transform: translateY(-2px);box-shadow: 0 6px 25px rgba(15, 79, 85, 0.5);}.floating-view-details{color: rgba(255, 255, 255, 0.8);font-size: 0.9rem;text-decoration: none;cursor: pointer;transition: all 0.3s ease;display: inline-block;border-bottom: 1px solid rgba(255, 255, 255, 0.3);padding-bottom: 2px;}.floating-view-details:hover{color: #ff6b35;border-bottom-color: #ff6b35;text-shadow: 0 0 10px rgba(255, 107, 53, 0.5);}.floating-close{display: none;}body.dark-mode .floating-name{color: white;}body.dark-mode .floating-description{color: rgba(255, 255, 255, 0.85);}body.dark-mode .floating-view-details{color: rgba(255, 255, 255, 0.7);}@media (max-width: 768px){.floating-image-container{height: 280px;}.floating-name{font-size: 1.3rem;}.floating-price{font-size: 1.5rem;}.floating-actions{flex-direction: column;gap: 0.6rem;}.floating-btn{padding: 0.65rem 0.9rem;font-size: 0.9rem;}}.products-grid{display: grid;grid-template-columns: repeat(5, 1fr);gap: 2rem 1.5rem;}@media (max-width: 1400px){.products-grid{grid-template-columns: repeat(4, 1fr);}}@media (max-width: 1024px){.products-grid{grid-template-columns: repeat(3, 1fr);}}@media (max-width: 768px){.products-grid{grid-template-columns: repeat(2, 1fr);gap: 1.5rem 1rem;}}@media (max-width: 480px){.products-grid{grid-template-columns: 1fr;}}.product-card{position: relative;cursor: pointer;transition: box-shadow 0.3s ease;}.product-card:hover{box-shadow: 0 12px 35px rgba(0, 0, 0, 0.25);}.product-card > *{position: relative;z-index: 0;}.icon-favorite{color: #666;transition: all 0.3s ease;}.nav-icon-item:hover .icon-favorite{color: #ff4757;filter: drop-shadow(0 0 8px rgba(255, 71, 87, 0.6));}.favorite-label .fa-heart{color: #ff4757;}.favorite-btn{background: white;border: 2px solid #e0e0e0;border-radius: 50%;width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);}.favorite-btn i{color: #999;font-size: 1.2rem;transition: all 0.3s ease;}.favorite-btn:hover{border-color: #ff4757;transform: scale(1.05);}.favorite-btn:hover i{color: #ff4757;filter: drop-shadow(0 0 6px rgba(255, 71, 87, 0.5));}.favorite-btn.active{background: linear-gradient(135deg, #ff4757 0%, #ff6b81 100%);border-color: #ff4757;}.favorite-btn.active i{color: white;animation: heartBeat 0.5s ease;}@keyframes heartBeat{0%, 100%{transform: scale(1);}25%{transform: scale(1.3);}50%{transform: scale(1.1);}75%{transform: scale(1.2);}}.product-favorite-btn{position: absolute;top: 0.8rem;left: 0.8rem;background: rgba(255, 255, 255, 0.95);border: none;border-radius: 50%;width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 10;transition: all 0.3s ease;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);}.product-favorite-btn i{color: #999;font-size: 1.1rem;transition: all 0.3s ease;}.product-favorite-btn:hover{transform: scale(1.1);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);}.product-favorite-btn:hover i{color: #ff4757;}.product-favorite-btn.active{background: #ff4757;}.product-favorite-btn.active i{color: white;}.product-favorite-btn.animating{animation: heartPop 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);}@keyframes heartPop{0%{transform: scale(1);}25%{transform: scale(1.3);}50%{transform: scale(0.9);}75%{transform: scale(1.2);}100%{transform: scale(1);}}.product-card{position: relative;}@media (max-width: 1024px){.navbar-wrapper{flex-direction: column;gap: 1rem;padding: 1rem 1.5rem;}.navbar-search-wrapper{order: 3;width: 100%;max-width: 100%;}.navbar-icons{order: 2;justify-content: center;width: 100%;}.navbar-logo{order: 1;}}@media (max-width: 768px){.navbar-wrapper{padding: 0.8rem 1rem;border-radius: 30px;}.navbar-icons{flex-wrap: wrap;gap: 0.5rem;}.nav-icon-item{font-size: 1.2rem;}.icon-label{display: none !important;}.navbar-search input{font-size: 0.9rem;}.user-dropdown{right: 0;left: auto;min-width: 200px;}.user-name-pill{font-size: 0.85rem;padding: 0.4rem 0.8rem !important;}}@media (max-width: 480px){.navbar-logo{transform: scale(0.8);}.logo-girl{width: 40px;height: 40px;}.nav-icon-item{font-size: 1rem;}.navbar-search{padding: 0.6rem 1rem;}.navbar-wrapper{padding: 0.6rem 0.8rem;}}.cart-check-icon{transition: all 0.3s ease;font-size: 0.9rem;margin-right: 0.3rem;}.cart-check-icon.in-cart{color: #27ae60 !important;animation: checkPop 0.4s ease;}@keyframes checkPop{0%, 100%{transform: scale(1);}50%{transform: scale(1.3);}}.add-to-cart-btn{display: flex;align-items: center;justify-content: center;gap: 0.5rem;}@keyframes cartBounce{0%, 100%{transform: scale(1) rotate(0deg);}20%{transform: scale(1.3) rotate(-10deg);}40%{transform: scale(1.2) rotate(10deg);}60%{transform: scale(1.15) rotate(-5deg);}80%{transform: scale(1.1) rotate(5deg);}}.cart-icon-container.cart-bounce{animation: cartBounce 0.6s ease;}.cart-badge.badge-pop{animation: badgePop 0.4s ease;}@keyframes badgePop{0%{transform: scale(1);}50%{transform: scale(1.5);}100%{transform: scale(1);}}.toast-notification{position: fixed;bottom: 30px;left: 50%;transform: translateX(-50%) translateY(100px);background: linear-gradient(135deg, #2a7080, #1a5060);color: white;padding: 1rem 2rem;border-radius: 50px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);display: flex;align-items: center;gap: 0.75rem;z-index: 9999;opacity: 0;transition: all 0.3s ease;font-weight: 500;font-family: "El Messiri", sans-serif;}.toast-notification.show{transform: translateX(-50%) translateY(0);opacity: 1;}.toast-notification i{font-size: 1.2rem;color: #4caf50;}