* {margin: 0;padding: 0;box-sizing: border-box;}body {font-family: 'Montserrat', sans-serif;background: #ffffff;color: #000000;line-height: 1.6;overflow-x: hidden;height: 100vh;}.promo-banner {width: 100%;height: 20px;background-color: black ;overflow: hidden;position: relative;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);display: flex;align-items: center;}.promo-scroll {display: flex;white-space: nowrap;align-items: center;height: 100%;}.promo-item {display: flex;align-items: center;justify-content: center;gap: 8px;margin: 0 15px;padding: 0 12px;color: white;font-weight: bold;font-size: 11px;height: 100%;line-height: 20px;border-radius: 10px;transition: all 0.2s ease;min-width: max-content;}.promo-icon {font-size: 11px;display: flex;align-items: center;}.promo-text {direction: rtl;unicode-bidi: plaintext;display: flex;align-items: center;}@media (max-width: 768px) {.promo-banner {height: 25px;}.promo-item {font-size: 10px;margin: 0 10px;padding: 0 8px;gap: 5px;}.promo-icon {font-size: 10px;}}@media (max-width: 480px) {.promo-banner {height: 16px;}.promo-item {font-size: 9px;margin: 0 8px;padding: 0 6px;gap: 4px;}.promo-icon {font-size: 9px;}}.page {position: fixed;top: 0;left: 0;width: 100%;height: 100%;overflow-y: auto;background: #ffffff;transform: translateX(100%);opacity: 0;transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);z-index: 1;}.page.active {transform: translateX(0);opacity: 1;z-index: 2;}.main-page {background: #ffffff;}.header {background: black;position: sticky;top: 0;z-index: 100;box-shadow: 0 2px 10px rgba(0,0,0,0.1);}.header-container {display: flex;justify-content: space-between;align-items: center;padding: 30px 35px;max-width: 1400px;margin: 0 auto;}.logo-container {display: flex;align-items: center;gap: 15px;}.logo {height: 45px;width: 45px;}.logo-text {font-weight: 300;letter-spacing: 4px;color: white;text-align: center;display: block;margin: 0 auto;font-size: clamp(22px, 5vw, 26px);}.shopping-bag {position: relative;font-size: 22px;cursor: pointer;padding: 12px;border-radius: 50%;transition: all 0.3s ease;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;color: white;}.shopping-bag:hover {background: rgba(255, 255, 255, 0.2);transform: translateY(-2px);}.bag-dot {position: absolute;top: 14px;right: 10px;width: 10px;height: 10px;background:#ffbd40 ;border-radius: 50%;opacity: 0;transform: scale(0);transition: all 0.3s ease;border: 2px solid #000000;}.bag-dot.active {opacity: 1;transform: scale(1);}.hero-image {position: relative;width: 100%;height: 100%;overflow: hidden;}.hero-image img {width: 100%;height: 100%;object-fit: containt;}.hero-image{position: relative;}.scroll-arrow{position: absolute;bottom: 15px;left: 50%;z-index:3;transform: translateX(-50%);cursor: pointer;}.scroll-arrow span{display: block;width: 18px;height: 18px;border-right: 3px solid white ;border-bottom: 3px solid white;transform: rotate(45deg);animation: arrowBounce 1.6s infinite;}@keyframes arrowBounce{0%{transform: rotate(45deg) translate(0,0);opacity: 1;}50%{transform: rotate(45deg) translate(6px,6px);opacity: 0.6;}100%{transform: rotate(45deg) translate(0,0);opacity: 1;}}.hero-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;padding: 20px;}.hero-title {font-size: 3rem;font-weight: 700;margin-bottom: 15px;color: #ffffff;text-shadow: 2px 2px 4px rgba(0,0,0,0.5);letter-spacing: 1px;}.hero-subtitle {font-size: 1.1rem;color: rgba(255, 255, 255, 0.9);max-width: 500px;line-height: 1.6;}.categories {padding: 40px 20px 20px;background: #ffffff;border-bottom: 1px solid #f0f0f0;}.categories-title {text-align: center;margin-bottom: 30px;}.categories-title h2 {font-size: 28px;font-weight: 500;margin-bottom: 10px;letter-spacing: 3px;text-transform: uppercase;background: linear-gradient(to right, orange, black);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}.categories-subtitle {color: #666666;font-size: 16px;max-width: 600px;margin: 0 auto;}.categories-container {max-width: 800px;margin: 0 auto;display: flex;justify-content: center;gap: 40px;position: relative;}.category-btn {background: none;border: none;font-size: 18px;font-weight: 500;cursor: pointer;padding: 10px 0;position: relative;color: #666666;transition: all 0.3s ease;letter-spacing: 0.5px;}.category-btn:hover {color: #000000;}.category-btn.active {color: #000000;font-weight: 600;}.underline {position: absolute;bottom: 0;height: 2px;background: #ffb22b;border-radius: 3px;transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);}.products-section {padding: 40px 20px;max-width: 1400px;margin: 0 auto;}.products-wrapper {display: flex;gap: 25px;padding: 20px 10px;overflow-x: auto;scroll-behavior: smooth;scrollbar-width: thin;scrollbar-color: #000000 #f0f0f0;}.products-wrapper::-webkit-scrollbar {height: 6px;}.products-wrapper::-webkit-scrollbar-track {background: #f0f0f0;border-radius: 10px;}.products-wrapper::-webkit-scrollbar-thumb {background: #000000;border-radius: 10px;}.product-card {flex: 0 0 auto;width: 230px;background: #ffffff;border-radius: 12px;overflow: hidden;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);transition: all 0.3s ease;position: relative;border: 1px solid #f0f0f0;}.product-card:hover {transform: translateY(-5px);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);}.product-img {width: 100%;height: 200px;background: white ;display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;}.product-img img {width: 100%;height: 80%;border-radius: 20%;object-fit: contain;transition: transform 0.5s ease;}.add-to-cart {position: absolute;right: 15px;top: 15px;width: 40px;height: 40px;border: none;background: #ffb22b;color: white;font-size: 18px;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;opacity: 0.9;z-index: 2;}.add-to-cart:hover {background: #333333;transform: scale(1.1);}.product-info {padding: 20px;text-align: center;}.product-card h3 {font-size: 18px;font-weight: 600;margin-bottom: 8px;color: #000000;}.price {display: block;font-size: 18px;font-weight: 400;color: #1f1f1f;}.voir-plus {text-align: center;margin: 40px 0 60px;}.voir-plus-link {display: inline-block;padding: 15px 40px;background: #000000;color: #ffffff;text-decoration: none;border-radius: 50px;font-size: 16px;font-weight: 600;transition: all 0.3s ease;border: 2px solid #000000;}.voir-plus-link:hover {background: #ffffff;color: #000000;transform: translateY(-2px);}.voir-plus-link i {color:#ffc72b;margin-left: 10px;transition: transform 0.3s ease;}.voir-plus-link:hover i {transform: translateX(5px);color:black;}.gallery-section {max-width: 800px;margin: 0 auto;display: flex;flex-direction: column;gap: 30px;background:black;}.image-container {background-color: white;overflow: hidden;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);transition: transform 0.3s ease, box-shadow 0.3s ease;display: flex;flex-direction: column;position: relative;aspect-ratio: 1/1;}.image-container a.image-link {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 5;text-decoration: none;cursor: pointer;}.image-container:hover {box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);}.image-container img {width: 100%;height: 100%;object-fit: cover;display: block;}.btn {position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);z-index: 10;pointer-events: none;}.btn a {display: flex;justify-content: center;align-items: center;gap: 8px;background-color: white;color: #3a2c1c;padding: 15px 30px;border-radius: 6px;font-size: 1rem;text-decoration: none;min-width: 180px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);transition: all 0.3s ease;white-space: nowrap;pointer-events: auto;}.btn a:hover {background-color: #f8f8f8;transform: scale(1.05);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);letter-spacing: 3px;}.image-container:active {transform: translateY(-2px);}@media (max-width: 768px) {.gallery-section {gap: 0px;}.btn a {padding: 12px 25px;min-width: 160px;font-size: 1rem;letter-spacing: 1.5px;}}@media (max-width: 480px) {body {padding: 10px;}.gallery-section {gap: 0px;}.btn a {padding: 10px 20px;min-width: 140px;font-size: 0.95rem;letter-spacing: 1px;gap: 5px;}}.cart-page {background: #ffffff;}.cart-header {position: sticky;top: 0;background: #000000;color: #ffffff;padding: 20px 30px;display: flex;align-items: center;gap: 20px;z-index: 10;box-shadow: 0 2px 10px rgba(0,0,0,0.1);}.back-btn {background: rgba(255, 255, 255, 0.1);border: none;color: #ffffff;width: 45px;height: 45px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 20px;cursor: pointer;transition: all 0.3s ease;}.back-btn:hover {background: rgba(255, 255, 255, 0.2);transform: translateX(-2px);}.cart-header h2 {flex: 1;font-size: 24px;font-weight: 600;}.cart-count {font-size: 16px;opacity: 0.9;}.cart-content {padding: 30px;min-height: calc(100vh - 140px);display: flex;flex-direction: column;}.cart-items-section {flex: 1;}.cart-item {display: flex;align-items: center;padding: 25px;background:black ;border-radius: 15px;margin-bottom: 20px;gap: 25px;animation: itemSlideIn 0.3s ease;}@keyframes itemSlideIn {from {opacity: 0;transform: translateX(-20px);}to {opacity: 1;transform: translateX(0);}}.cart-item-img {width: 120px;height: 120px;background: white;border-radius: 12px;display: flex;align-items: center;justify-content: center;border: 1px solid #f0f0f0;flex-shrink: 0;}.cart-item-img img {width: auto;height: 80%;object-fit: contain;}.cart-item-details {flex: 1;}.cart-item-title {font-weight: 600;font-size: 20px;margin-bottom: 10px;color: white;animation: colorBlink 1s infinite alternate;}.cart-item-price {font-weight: 700;font-size: 20px;margin-bottom: 20px;color:white;}@keyframes colorBlink {0% {color: white;}100% {color: black;}}.cart-item-controls {display: flex;align-items: center;gap: 15px;}.quantity-btn {width: 40px;height: 40px;border: 2px solid white;background: transparent;border-radius: 50%;font-size: 20px;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;color: white;}.quantity-btn:hover {background: black;color:#f3aa00 ;}.item-quantity {font-weight: 600;font-size: 20px;color: #f3aa00 ;min-width: 40px;text-align: center;}.remove-item {margin-left: auto;background: none;border: none;color: white;cursor: pointer;font-size: 20px;padding: 10px;transition: all 0.3s ease;}.remove-item:hover {color: red;transform: scale(1.2);}.cart-summary {background: #f8f8f8;border-radius: 20px;padding: 30px;margin-top: 30px;}.summary-details {margin-bottom: 30px;}.summary-row {display: flex;justify-content: space-between;padding: 15px 0;border-bottom: 1px solid #e0e0e0;font-size: 18px;}.summary-row.total {border-bottom: none;font-weight: 700;font-size: 24px;padding-top: 20px;}.checkout-btn {width: 100%;padding: 20px;background: #000000;color: #ffffff;border: none;border-radius: 12px;font-size: 20px;font-weight: 600;cursor: pointer;transition: all 0.3s ease;display: flex;align-items: center;justify-content: center;gap: 12px;}.checkout-btn:hover {background: #333333;transform: translateY(-2px);}.empty-cart-message {text-align: center;padding: 80px 20px;display: none;}.empty-cart-message.active {display: block;}.empty-cart-message i {font-size: 80px;margin-bottom: 30px;opacity: 0.3;color: #000000;}.empty-cart-message h3 {font-size: 28px;margin-bottom: 15px;color: #000000;}.empty-cart-message p {color: #666666;font-size: 18px;margin-bottom: 40px;}.back-to-shop-btn {padding: 18px 40px;background: #000000;color: #ffffff;border: none;border-radius: 12px;font-size: 18px;font-weight: 600;cursor: pointer;transition: all 0.3s ease;display: inline-flex;align-items: center;gap: 12px;}.back-to-shop-btn:hover {background: #333333;transform: translateY(-2px);}.order-page {background: #ffffff;}.order-header {position: sticky;top: 0;background: #000000;color: #ffffff;padding: 20px 30px;display: flex;align-items: center;gap: 20px;z-index: 10;box-shadow: 0 2px 10px rgba(0,0,0,0.1);}.order-header h2 {flex: 1;font-size: 24px;font-weight: 600;}.order-content {padding: 30px;max-width: 800px;margin: 0 auto;}.order-section {background: #f8f8f8;border-radius: 20px;padding: 30px;margin-bottom: 30px;}.order-section h3 {font-size: 22px;font-weight: 600;margin-bottom: 30px;color: #000000;display: flex;align-items: center;gap: 12px;}.form-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 25px;margin-bottom: 25px;}.input-group {margin-bottom: 25px;}.input-group label {display: block;font-weight: 600;margin-bottom: 10px;color: black;font-size: 16px;}.input-group input, .input-group select, .input-group textarea {width: 100%;padding: 18px 25px;border: 2px solid #e0e0e0;background: #ffffff;border-radius: 12px;font-size: 16px;font-family: 'Montserrat', sans-serif;color: #000000;outline: none;transition: all 0.3s ease;resize: vertical;}.input-group input:focus, .input-group select:focus, .input-group textarea:focus {border-color: #000000;background: #ffffff;box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);}.input-group input::placeholder, .input-group textarea::placeholder {color: #999999;}.input-group select {appearance: none;cursor: pointer;background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat: no-repeat;background-position: right 25px center;background-size: 18px;padding-right: 60px;}.order-summary {background: #ffffff;border-radius: 15px;padding: 25px;border: 2px solid #f0f0f0;}.order-item {display: flex;justify-content: space-between;padding: 20px 0;border-bottom: 1px solid #f0f0f0;}.order-item:last-child {border-bottom: none;}.order-item-total {font-weight: 700;font-size: 20px;color: #000000;padding-top: 20px;border-top: 2px solid #000000;}.order-actions {margin-top: 40px;padding: 30px;background: #f8f8f8;border-radius: 20px;}.submit-order-btn {width: 100%;padding: 22px;background: #25D366;color: #ffffff;border: none;border-radius: 15px;font-size: 20px;font-weight: 600;cursor: pointer;transition: all 0.3s ease;display: flex;align-items: center;justify-content: center;gap: 15px;}.footer {background: #000000;color: #ffffff;padding: 60px 20px 30px;margin-top: 80px;}.footer-logo {width: 100%;display: flex;justify-content: center;align-items: center;margin-bottom: 20px;}.logo-footer {width: 90px;height: 90px;object-fit: contain;}.footer-content {max-width: 1200px;margin: 0 auto;display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 40px;margin-bottom: 40px;}.footer-section h3 {font-size: 22px;font-weight: 600;margin-bottom: 20px;color: #ffffff;}.footer-section p {color: #cccccc;margin: 10px 0;line-height: 1.8;}.footer-section i {margin-right: 10px;color: #ffffff;}.social-icons {display: flex;gap: 15px;margin-top: 20px;}.social-icons a {display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;background: rgba(255,255,255,0.1);border-radius: 50%;color: #ffffff;font-size: 18px;transition: all 0.3s ease;}.social-icons a:hover {background: #ffffff;color: #000000;transform: translateY(-3px);}.footer-bottom {text-align: center;padding-top: 30px;border-top: 1px solid rgba(255,255,255,0.1);color: #999999;font-size: 14px;}@media (max-width: 768px) {.header-container {padding: 15px 20px;}.logo-text {font-size: 30px;text-align: center;}.hero-title {font-size: 2.2rem;}.hero-subtitle {font-size: 1rem;}.categories-container {gap: 20px;}.category-btn {font-size: 16px;}.product-card {width: 240px;}.product-img {height: 180px;}.form-grid {grid-template-columns: 1fr;gap: 20px;}.cart-item {flex-direction: column;text-align: center;gap: 20px;}.cart-item-img {width: 150px;height: 150px;}.cart-item-controls {justify-content: center;}.remove-item {margin-left: 0;}.cart-header, .order-header {padding: 15px 20px;}.cart-content, .order-content {padding: 20px;}}@media (max-width: 480px) {.header-container {padding: 12px 15px;}.logo {height: 40px;}.logo-text {font-size: 10px;text-align: center;display: block;margin: 0 auto;}.hero-image {height: 300px;}.hero-title {font-size: 1.8rem;}.categories-title h2 {font-size: 26px;}.product-card {width: 220px;}.voir-plus-link {padding: 12px 30px;font-size: 14px;}}@media (max-width: 780px) {.hero-image {position: relative;width: 100%;height: auto;overflow: hidden;}}.hero-section {width: 100%;max-width: 1200px;margin: 0 auto;}.hero-image {position: relative;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}.hero-image img {width: 100%;height: 100%;object-fit: cover;object-position: center 30%;display: block;}.hero-filter {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.7) 100%);z-index: 1;}.hero-content {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;color: white;z-index: 2;padding: 2rem;}.hero-title {font-family: 'El Messiri', sans-serif;font-size: 4rem;font-weight: 700;margin-bottom: 2rem;text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);line-height: 1.2;position: relative;z-index: 3;flex-shrink: 0;min-height: 160px;display: flex;flex-direction: column;justify-content: flex-end;align-items: center;}.company-name {display: block;color:#e9b64e ;font-size: 4.2rem;letter-spacing: 1px;margin-bottom: 0.5rem;}.company-tagline {display: block;font-size: 2.5rem;font-weight: 500;color: #e9b64e;margin-top: 0.5rem;}.changing-text-container {min-height: 200px;max-height: 200px;width: 100%;max-width: 900px;margin: 1.5rem 0;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;position: relative;flex-shrink: 0;}.changing-text-arabic {font-family: 'El Messiri', sans-serif;font-size: 2.2rem;font-weight: 700;line-height: 1.6;margin-bottom: 1.2rem;min-height: 70px;max-height: 70px;display: flex;align-items: center;justify-content: center;text-align: center;overflow: hidden;letter-spacing: 2px;text-transform: uppercase;background: linear-gradient(to right, orange, white);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}.changing-text-french {font-family: 'Playfair Display', serif;font-size: 1.8rem;font-weight: 400;font-style: italic;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);line-height: 1.5;min-height: 80px;max-height: 80px;display: flex;color:white;align-items: center;justify-content: center;text-align: center;border-top: 1px solid rgba(248, 227, 193, 0.3);padding-top: 1.2rem;max-width: 100%;margin: 0 auto;overflow: hidden;white-space: nowrap;padding-left: 15px;padding-right: 15px;}.french-text-wrapper {display: inline-block;white-space: nowrap;position: relative;}.french-first-half {color: #ffbd15;display: inline;}.french-second-half {color: #FFB347;display: inline;background: linear-gradient(45deg, #FFB347, #FFCC80);-webkit-background-clip: text;background-clip: text;color: transparent;text-shadow: none;position: relative;}.french-second-half-fallback {color: #FFB347;display: inline;text-shadow: 0 0 5px rgba(255, 179, 71, 0.3);}.cursor {display: inline-block;width: 2px;background-color: white;margin-left: 2px;animation: blink 1s infinite;height: 1.3em;vertical-align: middle;}@keyframes blink {0%, 50% {opacity: 1;}51%, 100% {opacity: 0;}}.hero-buttons {display: flex;justify-content: center;gap: 2rem;margin-top: 1.5rem;flex-shrink: 0;}.btn {padding: 1rem 2.5rem;font-size: 1.3rem;font-family: 'El Messiri', sans-serif;border-radius: 50px;text-decoration: none;font-weight: 600;transition: all 0.3s ease;display: inline-flex;align-items: center;justify-content: center;min-width: 200px;}.btn-primary {background-color: #a67c52;color: white;border: 2px solid #a67c52;}.btn-primary:hover {background-color: #8c6845;border-color: #8c6845;transform: translateY(-3px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);}.btn-secondary {background-color: transparent;color: #f8e3c1;border: 2px solid #f8e3c1;}.btn-secondary:hover {background-color: rgba(248, 227, 193, 0.1);transform: translateY(-3px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);}.particles-container {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;pointer-events: none;}.particle {position: absolute;background-color: rgba(248, 227, 193, 0.5);border-radius: 50%;pointer-events: none;}@keyframes float {0%, 100% {transform: translateY(0) rotate(0deg);}50% {transform: translateY(-20px) rotate(180deg);}}@keyframes fadeInUp {from {opacity: 0;transform: translateY(30px);}to {opacity: 1;transform: translateY(0);}}.hero-title, .changing-text-container, .hero-buttons {animation: fadeInUp 1s ease-out;}.hero-buttons {animation-delay: 0.5s;animation-fill-mode: both;}.static-layout {display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;width: 100%;}@media (max-width: 1200px) {.hero-title {font-size: 3.5rem;min-height: 140px;}.company-name {font-size: 4rem;}.company-tagline {font-size: 2.2rem;}.changing-text-arabic {font-size: 2rem;}.changing-text-french {font-size: 1.6rem;}}@media (max-width: 992px) {.hero-title {font-size: 3rem;min-height: 130px;}.company-name {font-size: 3.5rem;}.company-tagline {font-size: 2rem;}.changing-text-arabic {font-size: 1.8rem;min-height: 65px;}.changing-text-french {font-size: 1.5rem;min-height: 70px;white-space: normal;max-height: none;min-height: 60px;line-height: 1.4;}.changing-text-container {min-height: 170px;max-height: 170px;}.hero-buttons {flex-direction: column;align-items: center;gap: 1.5rem;}}@media (max-width: 768px) {.hero-title {font-size: 2.5rem;min-height: 110px;margin-bottom: 1.5rem;}.company-name {font-size: 2.8rem;}.company-tagline {font-size: 1.6rem;}.changing-text-arabic {font-size: 1.5rem;min-height: 55px;margin-bottom: 1rem;}.changing-text-french {font-size: 1.3rem;min-height: 55px;padding-top: 1rem;white-space: normal;line-height: 1.3;}.changing-text-container {min-height: 140px;max-height: 140px;margin: 1rem 0;}.btn {min-width: 180px;padding: 0.9rem 2rem;font-size: 1.2rem;}}@media (max-width: 576px) {.hero-content {padding: 1rem;}.hero-title {font-size: 2rem;min-height: 90px;margin-bottom: 1rem;}.company-name {font-size: 2.2rem;}.company-tagline {font-size: 1.3rem;}.changing-text-arabic {font-size: 1.2rem;min-height: 50px;max-height: 50px;}.changing-text-french {font-size: 1.1rem;min-height: 45px;padding-top: 0.8rem;line-height: 1.2;}.changing-text-container {min-height: 120px;max-height: 120px;margin: 0.8rem 0;}.hero-buttons {margin-top: 1rem;}}@media (max-width: 400px) {.hero-title {font-size: 1.8rem;min-height: 80px;}.company-name {font-size: 2rem;}.company-tagline {font-size: 1.2rem;}.changing-text-arabic {font-size: 1.1rem;min-height: 45px;max-height: 45px;}.changing-text-french {font-size: 1rem;min-height: 40px;line-height: 1.2;}.changing-text-container {min-height: 110px;max-height: 110px;}.btn {min-width: 160px;padding: 0.8rem 1.5rem;font-size: 1.1rem;}}.hero-video-container {width: 100%;max-width: 800px;margin: 0 auto;overflow: hidden;box-shadow: 0 10px 25px rgba(0,0,0,0.3);border-radius: 0;}.hero-video-container video {width: 100%;height: 100%;display: block;object-fit: cover;vertical-align: top;}@media (max-width: 992px) {.hero-video-container {max-width: 600px;}}@media (max-width: 768px) {.hero-video-container {max-width: 100%;margin: 0 auto;}}@media (max-width: 576px) {.hero-video-container {max-width: 100%;margin: 0 auto;}}.hero-video-container {position: relative;}.video-loader {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: black;display: flex;justify-content: center;align-items: center;z-index: 10;}.spinner {width: 70px;height: 70px;border: 6px solid rgba(255,255,255,0.2);border-top: 6px solid white;border-radius: 50%;animation: spin 1s linear infinite;}@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}.perfume-section {display: flex;justify-content: center;align-items: center;min-height: 100vh;padding: 20px;width: 100%;}.perfume-card {background-color: white;border-radius: 20px;padding: 40px;text-align: center;width: 100%;max-width: 500px;position: relative;overflow: hidden;}.perfume-card::before {content: '';position: absolute;top: 0;right: 0;width: 100%;height: 5px;background: linear-gradient(to left, black, #8b7355, black);}.perfume-image {width: 180px;height: 180px;margin: 0 auto 30px;border-radius: 15px;overflow: hidden;box-shadow: 0 8px 20px rgba(176, 141, 87, 0.25);position: relative;transition: transform 0.3s ease, box-shadow 0.3s ease;}.perfume-image img {width: 100%;height: 100%;object-fit: cover;display: block;}.title {font-family: 'Georgia', 'Times New Roman', serif;color: black;font-size: 24px;margin-bottom: 25px;letter-spacing: 1px;text-transform: uppercase;position: relative;padding-bottom: 15px;}.title::after {content: '';position: absolute;bottom: 0;right: 50%;transform: translateX(50%);width: 80px;height: 3px;background: linear-gradient(to right, #ffc72b, black);border-radius: 2px;}.description {color: black;line-height: 1.8;font-size: 16px;background: #faf9f7;padding: 25px;border-radius: 12px;border-right: 4px solid #black;text-align: justify;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);}.description p {margin: 0;}@media (max-width: 600px) {.perfume-section {padding: 15px;}.perfume-card {padding: 25px;max-width: 90%;}.perfume-image {width: 150px;height: 150px;margin-bottom: 25px;}.title {font-size: 24px;margin-bottom: 20px;}.description {padding: 20px;font-size: 15px;}}@media (max-width: 400px) {.perfume-section {padding: 10px;}.perfume-card {padding: 20px;}.perfume-image {width: 130px;height: 130px;}.title {font-size: 22px;}.description {padding: 15px;font-size: 14px;}}.slideshow-wrapper {width: 100%;max-width: 1400px;display: flex;justify-content: center;align-items: center;padding: 20px;}.slideshow-container {position: relative;width: 100%;max-width: 1200px;overflow: hidden;border-radius: 20px;box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);background-color: #000;height: 80vh;min-height: 500px;max-height: 800px;}.slide {display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;animation: fadeIn 1s ease-in-out;}.slide.active {display: block;}.image-container {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden;}.slide img {width: 100%;height: 100%;object-fit:contain;display: block;background:white;}.caption {position: absolute;bottom: 0;left: 0;width: 100%;padding: 25px;background: linear-gradient(transparent, rgba(0, 0, 0, 0.9));color: white;font-size: 1.8rem;font-weight: 600;text-align: center;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;z-index: 5;}.control-btn {position: absolute;top: 50%;transform: translateY(-50%);background-color: rgba(255, 255, 255, 0.15);backdrop-filter: blur(5px);color: white;border: 2px solid rgba(255, 255, 255, 0.3);width: 70px;height: 70px;border-radius: 50%;font-size: 28px;cursor: pointer;transition: all 0.3s ease;display: flex;align-items: center;justify-content: center;z-index: 10;}.control-btn:hover {background-color: rgba(255, 255, 255, 0.3);border-color: rgba(255, 255, 255, 0.6);transform: translateY(-50%) scale(1.1);}.prev-btn {left: 25px;}.next-btn {right: 25px;}.dots-container {position: absolute;bottom: 35px;left: 0;width: 100%;display: flex;justify-content: center;z-index: 10;padding: 15px 0;}.dot {width: 18px;height: 18px;border-radius: 50%;background-color: rgba(255, 255, 255, 0.4);margin: 0 10px;cursor: pointer;transition: all 0.3s ease;border: 2px solid transparent;}.dot:hover {background-color: rgba(255, 255, 255, 0.8);transform: scale(1.3);}.dot.active {background-color: #ffffff;transform: scale(1.3);box-shadow: 0 0 15px rgba(255, 255, 255, 0.8);}@keyframes fadeIn {from {opacity: 0.7;}to {opacity: 1;}}.slideshow-container::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(45deg, rgba(0, 0, 0, 0.1), transparent);pointer-events: none;z-index: 1;}@media (max-width: 1024px) {.slideshow-container {height: 75vh;max-height: 700px;}.caption {font-size: 1.6rem;padding: 22px;}.control-btn {width: 65px;height: 65px;font-size: 26px;}}@media (max-width: 768px) {.slideshow-container {height: 70vh;max-height: 600px;border-radius: 15px;}.caption {font-size: 1.4rem;padding: 20px;}.control-btn {width: 55px;height: 55px;font-size: 22px;}.prev-btn {left: 15px;}.next-btn {right: 15px;}.dot {width: 16px;height: 16px;margin: 0 8px;}}@media (max-width: 576px) {body {padding: 15px;}.slideshow-wrapper {padding: 10px;}.slideshow-container {height: 65vh;min-height: 400px;border-radius: 12px;}.caption {font-size: 1.2rem;padding: 15px;}.control-btn {width: 48px;height: 48px;font-size: 20px;border-width: 1.5px;}.prev-btn {left: 10px;}.next-btn {right: 10px;}.dots-container {bottom: 25px;}.dot {width: 14px;height: 14px;margin: 0 6px;}}@media (max-width: 400px) {.slideshow-container {height: 60vh;min-height: 350px;}.caption {font-size: 1.1rem;padding: 12px;}.control-btn {width: 42px;height: 42px;font-size: 18px;}.dot {width: 12px;height: 12px;}}@media (max-height: 600px) and (orientation: landscape) {.slideshow-container {height: 90vh;max-height: none;}.caption {font-size: 1.2rem;padding: 15px;}}@media (min-width: 1600px) {.slideshow-container {max-width: 1400px;height: 85vh;max-height: 900px;}.caption {font-size: 2rem;padding: 30px;}.control-btn {width: 80px;height: 80px;font-size: 32px;}.dot {width: 20px;height: 20px;margin: 0 12px;}}.discount-badge {position: absolute;top: 15px;left: 15px;width: 50px;height: 50px;background-color: #e74c3c;color: white;font-weight: bold;border-radius: 50%;font-size: 0.8rem;z-index: 10;box-shadow: 0 3px 8px rgba(231, 76, 60, 0.3);display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center;line-height: 1.2;}.qty-badge {position: absolute;top: 60px;right: 10px;z-index: 10;display: flex;flex-direction: column;align-items: flex-end;}.qty-indicator {background-color: rgba(255, 255, 255, 0.95);color: #2c3e50;font-weight: bold;padding: 3px 6px;border-radius: 10px;font-size: 0.65rem;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);min-width: 50px;text-align: center;display: flex;flex-direction: column;align-items: center;transition: all 0.3s ease;backdrop-filter: blur(5px);border: 1px solid rgba(0,0,0,0.08);}.qty-label {font-size: 0.55rem;color: #7f8c8d;margin-bottom: 1px;font-weight: 600;letter-spacing: 0.5px;}.qty-number {font-size: 0.75rem;font-weight: 800;line-height: 1;}.qty-indicator.high {background-color: rgba(46, 204, 113, 0.15);color: #27ae60;border-color: rgba(46, 204, 113, 0.3);}.qty-indicator.medium {background-color: rgba(241, 196, 15, 0.15);color: #f39c12;border-color: rgba(241, 196, 15, 0.3);}.qty-indicator.low {background-color: rgba(231, 76, 60, 0.15);color: #c0392b;border-color: rgba(231, 76, 60, 0.3);}.qty-indicator.critical {background-color: rgba(192, 57, 43, 0.2);color: #c0392b;border-color: rgba(192, 57, 43, 0.4);animation: pulse 1.5s infinite;}@keyframes pulse {0% {transform: scale(1);}50% {transform: scale(0.98);}100% {transform: scale(1);}}.price-wrapper {display: flex;flex-direction: column;align-items: center;justify-content: center;margin-top: 10px;gap: 4px;width: 100%;text-align: center;}.new-price {color: #2c3e50;font-weight: bold;font-size: 1.6rem;line-height: 1;}.old-price {color: #95a5a6;font-size: 0.9rem;position: relative;display: inline-block;line-height: 1;}.price-strike {position: absolute;top: 50%;left: -2px;right: -2px;height: 1.5px;background: linear-gradient(90deg, rgba(231, 76, 60, 0) 0%, rgba(231, 76, 60, 1) 20%, rgba(231, 76, 60, 1) 80%, rgba(231, 76, 60, 0) 100%);transform: translateY(-50%);}.discount-tag {background-color: #e74c3c;color: white;font-size: 0.7rem;font-weight: bold;padding: 1px 4px;border-radius: 3px;display: inline-block;margin-left: 5px;vertical-align: text-top;}.qty-tooltip {position: absolute;top: 40px;right: 0;background-color: #2c3e50;color: white;padding: 5px 8px;border-radius: 6px;font-size: 0.65rem;white-space: nowrap;opacity: 0;visibility: hidden;transition: all 0.2s ease;z-index: 20;}.qty-badge:hover .qty-tooltip {opacity: 1;visibility: visible;top: 35px;}.sold-out-marker {position: absolute;top: 60px;right: 10px;background-color: rgba(231, 76, 60, 0.9);color: white;padding: 3px 6px;border-radius: 10px;font-size: 0.6rem;font-weight: bold;z-index: 10;display: none;}.product-card.sold-out .sold-out-marker {display: block;}.product-card.sold-out .qty-badge {opacity: 0.5;}.product-img-container {position: relative;width: 100%;height: 200px;perspective: 1000px;}.flip-card {width: 100%;height: 100%;position: relative;cursor: pointer;}.flip-card-inner {position: relative;width: 100%;height: 100%;text-align: center;transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);transform-style: preserve-3d;border-radius: 12px;}.flip-card:hover .flip-card-inner {transform: rotateY(180deg);}.flip-card-front, .flip-card-back {position: absolute;width: 100%;height: 100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;border-radius: 12px 12px 0 0;display: flex;align-items: center;justify-content: center;overflow: hidden;}.flip-card-front img {width: 100%;height: auto;object-fit: contain;transition: transform 0.5s ease;}.flip-card:hover .flip-card-front img {transform: scale(1.05);}.flip-card-back {background:black;color: white;transform: rotateY(180deg);padding: 25px;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;}.ingredients-content {display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 15px;}.ingredients-content h3 {color: #fff;font-size: 1.3rem;margin-bottom: 5px;position: relative;padding-bottom: 10px;font-weight: 600;}.ingredients-content h3::after {content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 50px;height: 2px;background: linear-gradient(to right, transparent, #f0a500, transparent);}.ingredients-text {color: #e0e0e0;font-size: 0.60rem;line-height: 1;margin-bottom: -5px;text-align: center;padding: 0 10px;}.ingredients-footer {margin-top: 10px;padding-top: 15px;border-top: 1px solid rgba(255, 255, 255, 0.1);width: 100%;}.ingredients-footer span {color: #f0a500;font-size: 0.85rem;font-style: italic;}.flip-card {transition: transform 0.1s ease;}.flip-card:hover {transform: translateY(-5px);}.flip-card-back::before {content: '';position: absolute;top: -50%;left: -50%;width: 200%;height: 200%;background: radial-gradient(circle, rgba(240,190,0,0.1) 0%, transparent 70%);opacity: 0;transition: opacity 0.5s ease;}.flip-card:hover .flip-card-back::before {opacity: 1;}.promo-badge {position: absolute;top:19%;right: -6px;transform: translateY(-50%);background-color: red;color: white;padding: 8px 5px;font-size: 12px;font-weight: bold;text-align: center;width: 25px;height: auto;min-height: 80px;writing-mode: vertical-rl;text-orientation: mixed;line-height: 1.4;z-index: 10;border-radius: 3px 0 0 3px;box-shadow: -2px 2px 5px rgba(0,0,0,0.2);}.promo-badge span {display: inline-block;transform: rotate(180deg);padding: 5px 0;}.promo-badge::before {content: '';position: absolute;top: 8%;right: 100%;transform: translateY(-50%);width: 0;height: 0;border-right: 8px solid red;border-top: 8px solid transparent;border-bottom: 8px solid transparent;}.product-card {position: relative;overflow: hidden;}.product-card .purchase-badge {position: absolute;bottom: 40%;left: 12px;width: 45px;height: 45px;background: radial-gradient(circle, #FFD700 0%, #D4AF37 70%, #B8860B 100%);border-radius: 50%;display: flex;flex-direction: column;align-items: center;justify-content: center;color: #8B4513;font-weight: bold;box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4);z-index: 10;border: 2px solid rgba(255, 215, 0, 0.8);overflow: hidden;transition: all 0.3s ease;}.product-card .purchase-badge::before {content: '';position: absolute;top: -2px;left: -2px;right: -2px;bottom: -2px;background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.3), transparent);border-radius: 50%;animation: goldShine 3s infinite linear;z-index: -1;}.product-card .purchase-badge:hover {transform: scale(1.05);box-shadow: 0 6px 16px rgba(212, 175, 55, 0.6);}.product-card .purchase-count {font-size: 11px;font-weight: 800;line-height: 1;text-align: center;z-index: 2;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);}.product-card .purchase-count .number {font-size: 14px;display: block;margin-bottom: 1px;}.product-card .purchase-count .text {font-size: 7px;display: block;opacity: 0.9;font-weight: 700;letter-spacing: 0.5px;}@keyframes goldShine {0% {transform: rotate(0deg);opacity: 0.5;}50% {opacity: 0.8;}100% {transform: rotate(360deg);opacity: 0.5;}}@keyframes goldPulse {0% {transform: scale(1);box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4);}50% {transform: scale(1.1);box-shadow: 0 6px 18px rgba(212, 175, 55, 0.7);}100% {transform: scale(1);box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4);}}.purchase-badge.updating {animation: goldPulse 0.8s ease-in-out;}.purchase-update-notification {position: absolute;bottom: 0px;right: 5px;background:red;color: white;font-size: 5px;padding: 2px 5px;border-radius: 8px;font-weight: bold;animation: notificationFade 2s ease-in-out;z-index: 20;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);white-space: nowrap;}@keyframes notificationFade {0%, 100% {opacity: 0;transform: translateY(0) scale(0.8);}20%, 80% {opacity: 1;transform: translateY(-3px) scale(1);}}@keyframes numberChange {0% {transform: scale(1);color: #8B4513;}50% {transform: scale(1.3);color: #FF4500;}100% {transform: scale(1);color: #8B4513;}}.number-changing {animation: numberChange 0.5s ease-in-out;}.product-info {position: relative;padding: 20px;text-align: center;}.product-card h3 {position: relative;display: inline-block;background-color: white;color: black;padding: 6px 12px;font-size: 16px;font-weight: 600;text-transform: uppercase;border-radius: 4px;letter-spacing: 1px;}.product-card h3::before {content: '';position: absolute;top: -10px;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 8px solid #222;}.product-card h3::after {content: '';position: absolute;top: 0;left: 0;width: 50%;height: 100%;background: linear-gradient(120deg, rgba(255,255,255,0.2), rgba(255,255,255,0));border-radius: 4px;pointer-events: none;transform: skewX(-20deg);}.luxur-title {font-family: 'Cairo', 'Amiri', 'Scheherazade', Arial, sans-serif;text-align: center;font-size: 32px;font-weight: 700;color: #ffa815d4;text-shadow: 1px 1px 2px #000;margin: 20px 0 10px 0;direction: rtl;}.fancy-arrow {font-size: 60px;color:black;text-align: center;animation: bounce 1.2s infinite;margin-top: 10px;}@keyframes bounce {0%, 100% {transform: translateY(0);}50% {transform: translateY(25px);}}.products-wolp {min-height: 100vh;display: flex;justify-content: center;align-items: center;padding: 0px 0;}.luxury-product {flex: 0 0 auto;width: 280px;background: linear-gradient(145deg, #ffffff 0%, #f8f8f8 50%, #ffffff 100%);border-radius: 16px;overflow: hidden;transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);position: relative;border: 1px solid rgb(255, 255, 255);backdrop-filter: blur(10px);box-shadow: 0 2px 6px rgba(0, 0, 0, 0.596);}.luxury-product::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 1px;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0.9) 80%, transparent);z-index: 2;}.luxury-img-container {width: 100%;height: 240px;background:black;display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;border-bottom: 1px solid rgba(255, 255, 255, 0.5);}.image-slider {width: 100%;height: 100%;position: relative;overflow: hidden;}.image-slider img {width: 100%;height: 100%;object-fit: contain;position: absolute;top: 0;left: 0;transition: transform 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);border-radius: 12px;padding: 20px;}.image-slider img.active {transform: translateX(0) rotateY(0);opacity: 1;z-index: 2;}.image-slider img.next {transform: translateX(-100%) rotateY(-90deg);opacity: 0;z-index: 1;}.image-slider img.leaving {animation: slideOutLeft 0.8s forwards;}.image-slider img.entering {animation: slideInRight 0.8s forwards;}@keyframes slideOutLeft {0% {transform: translateX(0) rotateY(0);opacity: 1;}100% {transform: translateX(-100%) rotateY(-90deg);opacity: 0;}}@keyframes slideInRight {0% {transform: translateX(100%) rotateY(90deg);opacity: 0;}100% {transform: translateX(0) rotateY(0);opacity: 1;}}.image-counter {position: absolute;bottom: 10px;right: 10px;background: rgba(0, 0, 0, 0.7);color: white;padding: 4px 10px;border-radius: 12px;font-size: 12px;font-weight: bold;z-index: 3;}.luxury-info {display: flex;flex-direction: column;align-items: center;padding: 20px;text-align: center;background: rgba(255, 255, 255, 0.7);}.luxury-info h3 {margin-bottom: 12px;font-size: 20px;color:black;font-weight: 700;text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);}.stars {display: flex;justify-content: center;gap: 4px;margin: 10px 0 15px;padding: 8px 15px;background: black;border-radius: 20px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);}.stars i {color:rgb(219, 189, 19);font-size: 16px;text-shadow: 0 0 8px rgb(255, 255, 255) transition: transform 0.3s ease;}.stars i:hover {transform: scale(1.3);}.choose-pack-btn {display: inline-block;background: linear-gradient(135deg, #8B7355 0%, #D4AF37 100%);color: white;text-decoration: none;font-weight: 800;font-size: 16px;padding: 12px 25px;border-radius: 10px;text-align: center;position: relative;overflow: hidden;cursor: pointer;letter-spacing: 0.5px;margin-top: 10px;width: 160px;text-transform: uppercase;animation: shakeBtn 3s ease-in-out infinite;}@keyframes shakeBtn {0% {transform: translateX(0);}2% {transform: translateX(-3px);}4% {transform: translateX(3px);}6% {transform: translateX(-3px);}8% {transform: translateX(3px);}10% {transform: translateX(0);}100% {transform: translateX(0);}}.luxury-badge {position: absolute;top: 15px;left: 15px;background: linear-gradient(135deg, #8B7355 0%, #D4AF37 100%);color: white;padding: 5px 12px;border-radius: 20px;font-size: 11px;font-weight: bold;text-transform: uppercase;letter-spacing: 1px;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);z-index: 10;border: 1px solid rgba(255, 255, 255, 0.3);}.luxury-product::after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;pointer-events: none;z-index: 1;border-radius: 16px;}.container {text-align: center;width: 100%;max-width: 900px;min-height: 300px;margin: 50px auto;padding: 30px 20px;background-image: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("../images/Hero99.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);display: flex;flex-direction: column;justify-content: center;align-items: center;color: white;}.changing-text {font-size: 2rem;font-weight: 600;color: rgb(255, 255, 255);text-transform: uppercase;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 5px;}.text-part {color: rgb(255, 255, 255);font-size: 2rem;text-transform: uppercase;}.changing-word {color: #ffa815;font-weight: 600;min-width: 120px;text-align: center;font-size: 2rem;text-transform: uppercase;position: relative;padding: 0 3px;}.changing-word::after {content: '|';color: #ffd000;font-weight: 300;margin-left: 2px;animation: blink 1s infinite;}@keyframes blink {0%, 50% {opacity: 1;}51%, 100% {opacity: 0;}}.scroll-arrow {font-size: 2.5rem;color: #ffc400;margin-top: 20px;animation: bounce 1.5s infinite;}@keyframes bounce {0%, 100% {transform: translateY(0);}50% {transform: translateY(15px);}}@media (max-width: 768px) {.container {padding: 20px;min-height: 250px;max-width: 500px;margin: 30px auto;}.changing-text, .text-part, .changing-word {font-size: 1.5rem;}.changing-word {min-width: 90px;}.scroll-arrow {font-size: 2rem;}}@media (max-width: 480px) {.container {padding: 15px;min-height: 200px;max-width: 400px;}.changing-text, .text-part, .changing-word {font-size: 1.1rem;}.changing-word {min-width: 70px;}.scroll-arrow {font-size: 1.5rem;}}