عینک های زنانه | دهکده عینک</<link rel="icon" type="image/png" href="https://dehkadeeynak.ir/files/images/logo.png"> <link rel="shortcut icon" type="image/png" href="https://dehkadeeynak.ir/files/images/logo.png"> <link rel="apple-touch-icon" href="https://dehkadeeynak.ir/files/images/logo.png"> <meta property="og:site_name" content="دهکده عینک"> <meta property="og:type" content="website"> <meta property="og:title" content="دهکده عینک"> <meta property="og:description" content="فروشگاه آنلاین دهکده عینک"> <meta property="og:image" content="https://dehkadeeynak.ir/files/images/logo.png"> <meta property="og:image:secure_url" content="https://dehkadeeynak.ir/files/images/logo.png"> <meta property="og:image:type" content="image/png"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="دهکده عینک"> <meta name="twitter:description" content="فروشگاه آنلاین دهکده عینک"> <meta name="twitter:image" content="https://dehkadeeynak.ir/files/images/logo.png">title> <link rel="stylesheet" href="https://dehkadeeynak.ir/files/css/default.css"> <style> :root { --women-yellow: #e7ba31; --women-dark: #171612; --women-cream: #fffaf0; } body { overflow-x: hidden; } .women-page { width: min(1250px, calc(100% - 26px)); margin: 0 auto; padding: 42px 0 125px; } .women-hero { position: relative; overflow: hidden; margin-bottom: 30px; padding: 35px 28px; border: 1px solid var(--border); border-radius: 30px; background: radial-gradient( circle at 100% 0%, rgba(231,186,49,.20), transparent 34% ), radial-gradient( circle at 0% 100%, rgba(231,186,49,.11), transparent 35% ), var(--surface); box-shadow: 0 20px 60px rgba(0,0,0,.06); animation: womenHeroIn .7s ease both; } .women-hero::before { content: ""; position: absolute; width: 180px; height: 180px; top: -90px; left: -90px; border-radius: 50%; background: rgba(231,186,49,.13); filter: blur(4px); } .women-label { display: inline-flex; align-items: center; justify-content: center; min-height: 33px; padding: 0 13px; border-radius: 999px; background: var(--women-yellow); color: var(--women-dark); font-size: 10px; font-weight: 950; box-shadow: 0 8px 22px rgba(231,186,49,.22); } .women-title { position: relative; margin: 17px 0 8px; color: var(--text); font-size: clamp(28px, 5vw, 48px); line-height: 1.05; font-weight: 1000; letter-spacing: -1.4px; } .women-description { position: relative; max-width: 650px; margin: 0; color: var(--muted); font-size: 12px; line-height: 2; font-weight: 700; } .women-products-heading { display: flex; align-items: end; justify-content: space-between; gap: 15px; margin: 28px 2px 16px; } .women-products-heading h2 { margin: 0; color: var(--text); font-size: 22px; font-weight: 950; } .women-products-count { color: var(--muted); font-size: 10px; font-weight: 850; } .women-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 17px; } .women-card { position: relative; min-width: 0; overflow: hidden; border: 1px solid var(--border); border-radius: 24px; background: var(--surface); box-shadow: 0 12px 38px rgba(0,0,0,.055); cursor: pointer; transform: translateY(0); transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease; animation: womenCardIn .65s ease both; } .women-card::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient( 135deg, rgba(255,255,255,.28), transparent 40% ); opacity: .8; } .women-card:hover { transform: translateY(-8px); box-shadow: 0 22px 55px rgba(0,0,0,.12); border-color: rgba(231,186,49,.45); } .women-image-wrap { position: relative; height: 225px; padding: 20px; display: flex; align-items: center; justify-content: center; background: radial-gradient( circle at 50% 50%, rgba(231,186,49,.09), transparent 68% ); } .women-image { position: relative; z-index: 1; display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; background: transparent; transition: transform .45s cubic-bezier(.2,.75,.2,1), } .women-card:hover .women-image { transform: scale(1.075) translateY(-3px); } .women-image-placeholder { position: relative; z-index: 1; width: 115px; height: 80px; border: 2px dashed rgba(23,22,18,.13); border-radius: 20px; } .women-content { position: relative; padding: 17px 16px 16px; } .women-name { display: block; min-height: 44px; color: var(--text); font-size: 15px; line-height: 1.7; font-weight: 950; } .women-brand { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; margin-top: 3px; color: var(--muted); font-size: 10px; line-height: 1.8; font-weight: 850; } .women-brand strong { color: var(--text); font-weight: 950; } .women-purchase-row { display: flex; align-items: end; justify-content: space-between; gap: 10px; margin-top: 13px; } .women-price { display: block; color: var(--yellow-dark); font-size: 13px; line-height: 1.5; font-weight: 1000; white-space: nowrap; } .women-stock { display: block; margin-top: 2px; color: var(--muted); font-size: 9px; line-height: 1.6; font-weight: 850; white-space: nowrap; } .women-cart-form { margin-top: 15px; } .women-cart-button { position: relative; width: 100%; min-height: 47px; overflow: hidden; border: 1px solid rgba(23,22,18,.07); border-radius: 14px; background: var(--women-dark); color: var(--women-cream); font-family: inherit; font-size: 11px; font-weight: 950; cursor: pointer; transition: transform .2s ease, background .2s ease, color .2s ease; } .women-cart-button::before { content: ""; position: absolute; top: 0; right: -120%; width: 70%; height: 100%; transform: skewX(-25deg); background: rgba(255,255,255,.13); transition: right .45s ease; } .women-cart-button:hover::before { right: 135%; } .women-cart-button:hover { transform: translateY(-2px); background: var(--women-yellow); color: var(--women-dark); } .women-cart-button:active { transform: translateY(1px) scale(.985); } .women-empty { padding: 60px 20px; border: 1px dashed var(--border); border-radius: 24px; background: var(--surface); color: var(--muted); text-align: center; font-size: 13px; font-weight: 800; } .server-cart-button { position: fixed !important; z-index: 2147483646 !important; left: 50% !important; bottom: 18px !important; transform: translateX(-50%) !important; width: min(330px, calc(100vw - 28px)) !important; min-height: 54px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; padding: 0 20px !important; border: 1px solid rgba(23,22,18,.08) !important; border-radius: 18px !important; background: #e7ba31 !important; color: #171612 !important; box-shadow: 0 14px 40px rgba(0,0,0,.22), 0 4px 12px rgba(0,0,0,.12) !important; font-family: inherit !important; font-size: 12px !important; font-weight: 950 !important; text-decoration: none !important; } .server-cart-count { min-width: 25px; height: 25px; padding: 0 7px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50px; background: #171612; color: #fffaf0; font-size: 10px; } .server-cart-page { width: min(760px, calc(100% - 24px)); margin: 35px auto 110px; } .server-cart-header { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 20px; } .server-cart-title { margin: 0; color: var(--text); font-size: 30px; font-weight: 950; } .server-cart-back { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 7px 15px; border-radius: 12px; background: var(--surface); border: 1px solid var(--border); color: var(--text); font-size: 11px; font-weight: 900; } .server-cart-item { display: flex; align-items: center; gap: 14px; margin-bottom: 12px; padding: 11px; border: 1px solid var(--border); border-radius: 18px; background: var(--surface); } .server-cart-image { width: 90px; height: 90px; flex: 0 0 90px; overflow: hidden; border-radius: 14px; background: var(--bg-soft); } .server-cart-image img { width: 100%; height: 100%; object-fit: contain; background: transparent; } .server-cart-info { min-width: 0; flex: 1; } .server-cart-name { display: block; color: var(--text); font-size: 15px; font-weight: 950; } .server-cart-brand { display: block; margin-top: 3px; color: var(--muted); font-size: 10px; font-weight: 800; } .server-cart-price { display: block; margin-top: 6px; color: var(--yellow-dark); font-size: 11px; font-weight: 950; } .server-cart-stock { display: block; margin-top: 4px; color: var(--muted); font-size: 9px; font-weight: 800; } .server-cart-remove { flex: 0 0 auto; min-height: 38px; padding: 5px 10px; border: 0; border-radius: 10px; background: #171612; color: #fffaf0; font-family: inherit; font-size: 10px; font-weight: 900; cursor: pointer; } .server-cart-empty { padding: 55px 20px; border: 1px dashed var(--border); border-radius: 20px; background: var(--surface); color: var(--muted); text-align: center; font-size: 13px; } .server-cart-clear { width: 100%; min-height: 46px; margin-top: 10px; border: 0; border-radius: 13px; background: #171612; color: #fffaf0; font-family: inherit; font-size: 11px; font-weight: 900; cursor: pointer; } @keyframes womenHeroIn { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: translateY(0); } } @keyframes womenCardIn { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: translateY(0); } } @media (min-width: 981px) { .women-card:nth-child(4n + 1) { animation-delay: .05s; } .women-card:nth-child(4n + 2) { animation-delay: .10s; } .women-card:nth-child(4n + 3) { animation-delay: .15s; } .women-card:nth-child(4n + 4) { animation-delay: .20s; } } @media (max-width: 980px) { .women-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 720px) { .women-page { padding-top: 25px; } .women-hero { padding: 26px 20px; border-radius: 23px; } .women-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .women-image-wrap { height: 185px; padding: 14px; } .women-content { padding: 14px 12px 13px; } .women-name { min-height: 48px; font-size: 13px; } .women-brand { font-size: 9px; } .women-price { font-size: 11px; } .women-stock { font-size: 8px; } .women-cart-button { min-height: 44px; font-size: 10px; } } @media (max-width: 430px) { .women-grid { grid-template-columns: 1fr 1fr; gap: 10px; } .women-image-wrap { height: 155px; padding: 10px; } .women-card { border-radius: 19px; } .women-content { padding: 12px 10px; } .women-name { font-size: 12px; line-height: 1.65; } .women-purchase-row { display: block; } .women-stock { margin-top: 4px; } .server-cart-button { bottom: 14px !important; width: calc(100vw - 28px) !important; } .server-cart-item { align-items: flex-start; } .server-cart-image { width: 75px; height: 75px; flex-basis: 75px; } .server-cart-remove { align-self: center; } } </style> </head> <body> <page-loader> <loader-content> <loader-name>دهکده عینک</loader-name> <loader-line></loader-line> </loader-content> </page-loader> <site-header> <header-content> <site-brand> <brand-name> <brand-name-main>دهکده</brand-name-main> <brand-name-sub>عینک</brand-name-sub> </brand-name> <brand-extra> عینک برای استایل بهتر </brand-extra> </site-brand> <site-actions> <theme-button type="button" role="button" tabindex="0" > ◐ </theme-button> <mobile-menu-button type="button" role="button" tabindex="0" aria-label="باز کردن منو" aria-expanded="false" > ☰ </mobile-menu-button> </site-actions> </header-content> <site-navigation> <nav-item> <a href="/">خانه</a> </nav-item> <nav-item> <a href="zanane.php">عینک زنانه</a> </nav-item> <nav-item> <a href="mardane.php">عینک مردانه</a> </nav-item> <nav-item> <a href="bachegane.php">عینک بچه‌گانه</a> </nav-item> <nav-item> <a href="posts/index.php">پست‌ها</a> </nav-item> <nav-item> <a href="https://eitaa.com/Iran2024sh">خرید از ایتا</a> </nav-item> </site-navigation> <mobile-navigation> <nav-item> <a href="/">خانه</a> </nav-item> <nav-item> <a href="zanane.php">عینک زنانه</a> </nav-item> <nav-item> <a href="mardane.php">عینک مردانه</a> </nav-item> <nav-item> <a href="bachegane.php">عینک بچه‌گانه</a> </nav-item> <nav-item> <a href="posts/index.php">پست‌ها</a> </nav-item> <nav-item> <a href="#">دایرکت اینستاگرام</a> </nav-item> <nav-item> <a href="https://eitaa.com/Iran2024sh">خرید از ایتا</a> </nav-item> </mobile-navigation> </site-header> <main class="women-page"> <section class="women-hero"> <span class="women-label"> دهکده عینک </span> <h1 class="women-title"> عینک های زنانه </h1> <p class="women-description"> مدل های زنانه دهکده عینک را ببین، مدل مورد علاقت را انتخاب کن و مستقیم به سبد خرید اضافه کن. </p> </section> <div class="women-products-heading"> <span class="women-products-count"> 7 محصول </span> </div> <section class="women-grid"> <article class="women-card" data-product-url="/g?id=e0ff8b67-3104-4cea-b03f-d2f4ef743b55" > <div class="women-image-wrap"> <img class="women-image" src="/files/images/fromp/1000864551.jpg" alt="گوچی طرح هنداونه" loading="lazy" > </div> <div class="women-content"> <span class="women-name"> گوچی طرح هنداونه </span> <span class="women-brand"> <strong>برند</strong> <span>ِگوچی</span> </span> <div class="women-purchase-row"> <div> <span class="women-price"> 800 هزار تومان </span> <span class="women-stock"> 1 تا موجود است </span> </div> </div> <form class="women-cart-form" method="post" > <input type="hidden" name="action" value="add_to_cart" > <input type="hidden" name="product_id" value="e0ff8b67-3104-4cea-b03f-d2f4ef743b55" > <button class="women-cart-button" type="button" > افزودن به سبد خرید </button> </form> </div> </article> <article class="women-card" data-product-url="/g?id=afa34a88-0b30-4f32-8100-75d2a298d058" > <div class="women-image-wrap"> <img class="women-image" src="/files/images/fromp/1000864555.jpg" alt="دید در شب و روز عدسی پلاستیک uy400" loading="lazy" > </div> <div class="women-content"> <span class="women-name"> دید در شب و روز عدسی پلاستیک uy400 </span> <span class="women-brand"> <strong>برند</strong> <span>ِuy400</span> </span> <div class="women-purchase-row"> <div> <span class="women-price"> 1,500 هزار تومان </span> <span class="women-stock"> 1 تا موجود است </span> </div> </div> <form class="women-cart-form" method="post" > <input type="hidden" name="action" value="add_to_cart" > <input type="hidden" name="product_id" value="afa34a88-0b30-4f32-8100-75d2a298d058" > <button class="women-cart-button" type="button" > افزودن به سبد خرید </button> </form> </div> </article> <article class="women-card" data-product-url="/g?id=d277c34a-470a-48f6-88c2-37d6287f0411" > <div class="women-image-wrap"> <img class="women-image" src="/files/images/fromp/1000864556.jpg" alt="شوپارت دسته استپ‌دار" loading="lazy" > </div> <div class="women-content"> <span class="women-name"> شوپارت دسته استپ‌دار </span> <span class="women-brand"> <strong>برند</strong> <span>ِشوپارت</span> </span> <div class="women-purchase-row"> <div> <span class="women-price"> 2,700 هزار تومان </span> <span class="women-stock"> 1 تا موجود است </span> </div> </div> <form class="women-cart-form" method="post" > <input type="hidden" name="action" value="add_to_cart" > <input type="hidden" name="product_id" value="d277c34a-470a-48f6-88c2-37d6287f0411" > <button class="women-cart-button" type="button" > افزودن به سبد خرید </button> </form> </div> </article> <article class="women-card" data-product-url="/g?id=6bf8daaf-c430-4f62-9357-ba8d780f8837" > <div class="women-image-wrap"> <img class="women-image" src="/files/images/fromp/1000088323.jpg" alt="عینک آفتابی هایلایت مشکی زرد" loading="lazy" > </div> <div class="women-content"> <span class="women-name"> عینک آفتابی هایلایت مشکی زرد </span> <span class="women-brand"> <strong>برند</strong> <span>ِ.</span> </span> <div class="women-purchase-row"> <div> <span class="women-price"> 900 هزار تومان </span> <span class="women-stock"> 1 تا موجود است </span> </div> </div> <form class="women-cart-form" method="post" > <input type="hidden" name="action" value="add_to_cart" > <input type="hidden" name="product_id" value="6bf8daaf-c430-4f62-9357-ba8d780f8837" > <button class="women-cart-button" type="button" > افزودن به سبد خرید </button> </form> </div> </article> <article class="women-card" data-product-url="/g?id=58679938-816f-451b-92ae-a79496ef03ff" > <div class="women-image-wrap"> <img class="women-image" src="/files/images/fromp/1000088324.jpg" alt="عینک آفتابي فرم پروانه‌ای VE4388" loading="lazy" > </div> <div class="women-content"> <span class="women-name"> عینک آفتابي فرم پروانه‌ای VE4388 </span> <span class="women-brand"> <strong>برند</strong> <span>ِورساچه</span> </span> <div class="women-purchase-row"> <div> <span class="women-price"> 1,000 هزار تومان </span> <span class="women-stock"> 1 تا موجود است </span> </div> </div> <form class="women-cart-form" method="post" > <input type="hidden" name="action" value="add_to_cart" > <input type="hidden" name="product_id" value="58679938-816f-451b-92ae-a79496ef03ff" > <button class="women-cart-button" type="button" > افزودن به سبد خرید </button> </form> </div> </article> <article class="women-card" data-product-url="/g?id=9ed6e0d8-59a1-4e7b-b4db-981f6ae7b465" > <div class="women-image-wrap"> <img class="women-image" src="/files/images/fromp/1000088339.jpg" alt="عینک آفتابی لوئی ویتون مدل 1.1" loading="lazy" > </div> <div class="women-content"> <span class="women-name"> عینک آفتابی لوئی ویتون مدل 1.1 </span> <span class="women-brand"> <strong>برند</strong> <span>ِلوئی ویتون</span> </span> <div class="women-purchase-row"> <div> <span class="women-price"> 2,000 هزار تومان </span> <span class="women-stock"> 2 تا موجود است </span> </div> </div> <form class="women-cart-form" method="post" > <input type="hidden" name="action" value="add_to_cart" > <input type="hidden" name="product_id" value="9ed6e0d8-59a1-4e7b-b4db-981f6ae7b465" > <button class="women-cart-button" type="button" > افزودن به سبد خرید </button> </form> </div> </article> <article class="women-card" data-product-url="/g?id=adf6fe8f-a2e0-421f-82d8-36e1f44e2062" > <div class="women-image-wrap"> <img class="women-image" src="/files/images/fromp/1000088343.jpg" alt="عینک آفتابی لوئی ویتون مدل 1.1 رنگ مشکی" loading="lazy" > </div> <div class="women-content"> <span class="women-name"> عینک آفتابی لوئی ویتون مدل 1.1 رنگ مشکی </span> <span class="women-brand"> <strong>برند</strong> <span>ِلوئی ویتون</span> </span> <div class="women-purchase-row"> <div> <span class="women-price"> 2,000 هزار تومان </span> <span class="women-stock"> 2 تا موجود است </span> </div> </div> <form class="women-cart-form" method="post" > <input type="hidden" name="action" value="add_to_cart" > <input type="hidden" name="product_id" value="adf6fe8f-a2e0-421f-82d8-36e1f44e2062" > <button class="women-cart-button" type="button" > افزودن به سبد خرید </button> </form> </div> </article> </section> </main> <site-footer> <footer-content> <footer-brand> <footer-brand-name> دهکده عینک </footer-brand-name> <footer-brand-description> عینک مناسب برای استایل بهتر. </footer-brand-description> </footer-brand> <footer-column> <footer-column-title> دسترسی سریع </footer-column-title> <footer-link> <a href="/">خانه</a> </footer-link> <footer-link> <a href="zanane.php">عینک زنانه</a> </footer-link> <footer-link> <a href="mardane.php">عینک مردانه</a> </footer-link> <footer-link> <a href="bachegane.php">عینک بچه‌گانه</a> </footer-link> </footer-column> <footer-column> <footer-column-title> ارتباط با ما </footer-column-title> <footer-link> <a href="https://eitaa.com/Iran2024sh"> ایتا </a> </footer-link> <footer-link> <a href="#"> اینستاگرام </a> </footer-link> </footer-column> </footer-content> <footer-bottom> <copyright> دهکده عینک - کپی‌رایت ۱۴۰۵ </copyright> <footer-credit> Dehkade Eynak </footer-credit> </footer-bottom> </site-footer> <div class="online-support" id="onlineSupport"> <button class="online-support-close" id="onlineSupportClose" type="button">×</button> <a href="/support.php?from=index" class="online-support-link"> <img src="/files/images/support.png" alt="پشتیبانی"> <div class="online-support-text"> <div class="online-support-title"> <span class="online-dot"></span> پشتیبانی آنلاین </div> <div class="online-support-desc"> سوالی دارید؟ مشکلی پیش اومده؟<br> اینجا کلیک کنید. </div> </div> </a> </div> <style> .online-support { position: fixed; left: 18px; bottom: 95px; width: 310px; max-width: calc(100vw - 36px); box-sizing: border-box; padding: 13px; direction: rtl; background: var(--surface, #fff); color: var(--text, #222); border: 1px solid color-mix(in srgb, var(--sky, #5ebcff) 25%, transparent); border-radius: 18px; box-shadow: 0 10px 35px rgba(0,0,0,.16); z-index: 9998; transform: translateY(150px); opacity: 0; visibility: hidden; transition: transform .65s cubic-bezier(.22,1,.36,1), opacity .4s ease, visibility .4s ease; } .online-support.show { transform: translateY(0); opacity: 1; visibility: visible; } .online-support-link { display: flex; align-items: center; gap: 12px; text-decoration: none; color: inherit; } .online-support img { width: 55px; height: 55px; min-width: 55px; border-radius: 50%; object-fit: cover; border: 2px solid var(--sky, #5ebcff); } .online-support-text { min-width: 0; } .online-support-title { display: flex; align-items: center; gap: 7px; color: var(--main-text, var(--text, #222)); font-size: 16px; font-weight: 800; margin-bottom: 5px; } .online-dot { width: 9px; height: 9px; min-width: 9px; border-radius: 50%; background: #20c968; box-shadow: 0 0 0 3px rgba(32,201,104,.15); } .online-support-desc { color: var(--secondary-text, var(--muted, #777)); font-size: 12px; line-height: 1.7; } .online-support-close { position: absolute; top: 6px; left: 7px; width: 25px; height: 25px; padding: 0; border: 0; border-radius: 50%; background: var(--sky, #5ebcff); color: var(--surface, #fff); font-size: 20px; line-height: 23px; cursor: pointer; } .online-support-close:hover { opacity: .8; } @media (max-width: 500px) { .online-support { left: 12px; right: 12px; bottom: 90px; width: auto; max-width: none; } } </style> <script> setTimeout(function () { var support = document.getElementById('onlineSupport'); if (!sessionStorage.getItem('supportClosed')) { support.classList.add('show'); } }, 10000); document.getElementById('onlineSupportClose').addEventListener('click', function (e) { e.preventDefault(); e.stopPropagation(); var support = document.getElementById('onlineSupport'); support.classList.remove('show'); sessionStorage.setItem('supportClosed', '1'); }); </script> <a class="server-cart-button" href="?cart=1" aria-label="دیدن سبد خرید" > <span> دیدن سبد خرید </span> <span class="server-cart-count"> 0 </span> </a> <script> document.addEventListener("DOMContentLoaded", function () { const loader = document.querySelector("page-loader"); if (loader) { window.setTimeout(function () { loader.classList.add("hidden"); }, 350); } const menuButton = document.querySelector("mobile-menu-button"); const mobileNavigation = document.querySelector("mobile-navigation"); if (menuButton && mobileNavigation) { menuButton.addEventListener("click", function (event) { event.preventDefault(); event.stopPropagation(); const isOpen = mobileNavigation.classList.toggle("open"); menuButton.classList.toggle("active", isOpen); menuButton.setAttribute( "aria-expanded", isOpen ? "true" : "false" ); }); mobileNavigation.addEventListener("click", function (event) { event.stopPropagation(); }); document.addEventListener("click", function (event) { if ( !mobileNavigation.contains(event.target) && !menuButton.contains(event.target) ) { mobileNavigation.classList.remove("open"); menuButton.classList.remove("active"); menuButton.setAttribute("aria-expanded", "false"); } }); mobileNavigation.querySelectorAll("a").forEach(function (link) { link.addEventListener("click", function () { mobileNavigation.classList.remove("open"); menuButton.classList.remove("active"); menuButton.setAttribute("aria-expanded", "false"); }); }); } const productButtons = document.querySelectorAll(".women-cart-button"); productButtons.forEach(function (button) { button.addEventListener("click", function (event) { event.preventDefault(); event.stopPropagation(); const form = button.closest("form"); if (form) { form.submit(); } }); button.addEventListener("mousedown", function (event) { event.stopPropagation(); }); button.addEventListener( "touchstart", function (event) { event.stopPropagation(); }, { passive: true } ); }); const productCards = document.querySelectorAll( ".women-card[data-product-url]" ); productCards.forEach(function (card) { card.addEventListener("click", function (event) { if ( event.target.closest(".women-cart-button") || event.target.closest("form") || event.target.closest("a") || event.target.closest("input") || event.target.closest("button") ) { return; } const url = card.getAttribute("data-product-url"); if (url) { window.location.href = url; } }); }); const themeButton = document.querySelector("theme-button"); if (localStorage.getItem("dehkade-dark") === "1") { document.body.classList.add("dark"); } if (themeButton) { themeButton.addEventListener("click", function (event) { event.preventDefault(); document.body.classList.toggle("dark"); localStorage.setItem( "dehkade-dark", document.body.classList.contains("dark") ? "1" : "0" ); }); } }); </script> </body> </html>