{"id":271,"date":"2026-09-19T00:51:05","date_gmt":"2026-09-18T21:21:05","guid":{"rendered":"https:\/\/liosastudio.ir\/?page_id=271"},"modified":"2026-10-09T05:31:52","modified_gmt":"2026-10-09T02:01:52","slug":"%da%af%d8%a7%d9%84%d8%b1%db%8c-%d8%b9%da%a9%d8%b3","status":"publish","type":"page","link":"https:\/\/liosastudio.ir\/?page_id=271","title":{"rendered":""},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>\u06af\u0627\u0644\u0631\u06cc \u0627\u0633\u062a\u0648\u062f\u06cc\u0648 \u0639\u06a9\u0633 \u0644\u06cc\u0648\u0633\u0627<\/title>\n<style>\n\/* =========================================\n\ud83c\udfa8 \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc \u0631\u0646\u06af - \u0627\u06cc\u0646\u062c\u0627 \u0631\u0646\u06af\u200c\u0647\u0627 \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f\n========================================= *\/\n:root {\n    --menu-btn-bg: #d4af37;\n    --menu-btn-border: #d4af37;\n    --menu-btn-text: #ffffff;\n    --menu-btn-hover-bg: #1a1a2e;\n    --menu-btn-hover-border: #1a1a2e;\n    --menu-btn-hover-text: #ffffff;\n    --home-btn-bg: #f0f0f0;\n    --home-btn-border: #ddd;\n    --home-btn-text: #333;\n    --home-btn-hover-bg: #1a1a2e;\n    --home-btn-hover-border: #1a1a2e;\n    --home-btn-hover-text: #ffffff;\n}\n\n* { margin: 0; padding: 0; box-sizing: border-box; }\n\nbody {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    background-color: #ffffff;\n    color: #333333;\n    display: flex;\n    flex-direction: column;\n    min-height: 100vh;\n    overflow-x: hidden;\n}\n\n.main-header {\n    position: relative;\n    width: 100%;\n    padding: 20px 40px;\n    background: rgba(255, 255, 255, 0.95);\n    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    z-index: 1000;\n    min-height: 80px;\n}\n\n.main-header h1 { \n    font-size: 1.8rem; \n    font-weight: 700; \n    color: #1a1a2e; \n    letter-spacing: 1px; \n}\n\n.header-btn {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    text-decoration: none;\n    padding: 10px 24px;\n    border-radius: 25px;\n    font-size: 0.95rem;\n    font-weight: 600;\n    transition: all 0.3s ease;\n    border: 2px solid;\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    white-space: nowrap;\n}\n\n.home-btn {\n    left: 30px;\n    background: var(--home-btn-bg);\n    border-color: var(--home-btn-border);\n    color: var(--home-btn-text);\n}\n\n.home-btn:hover {\n    background: var(--home-btn-hover-bg);\n    border-color: var(--home-btn-hover-border);\n    color: var(--home-btn-hover-text);\n}\n\n.menu-btn {\n    right: 30px;\n    background: var(--menu-btn-bg);\n    border-color: var(--menu-btn-border);\n    color: var(--menu-btn-text);\n}\n\n.menu-btn:hover {\n    background: var(--menu-btn-hover-bg);\n    border-color: var(--menu-btn-hover-border);\n    color: var(--menu-btn-hover-text);\n}\n\n.menu-btn.active {\n    background: var(--menu-btn-hover-bg);\n    border-color: var(--menu-btn-hover-border);\n    color: var(--menu-btn-hover-text);\n}\n\n.dropdown-menu {\n    display: none;\n    position: absolute;\n    top: 85px;\n    right: 30px;\n    background: #fff;\n    min-width: 350px;\n    max-width: 400px;\n    max-height: 70vh;\n    overflow-y: auto;\n    border-radius: 15px;\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);\n    z-index: 2000;\n    animation: slideDown 0.3s ease;\n    border: 1px solid #e9ecef;\n}\n\n.dropdown-menu.active { display: block; }\n\n.dropdown-header {\n    background: #1a1a2e;\n    color: #fff;\n    padding: 15px 20px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    position: sticky;\n    top: 0;\n    z-index: 10;\n    border-radius: 15px 15px 0 0;\n}\n\n.dropdown-header h3 { font-size: 1.1rem; }\n\n.dropdown-close {\n    background: rgba(255, 255, 255, 0.1);\n    border: none;\n    color: #fff;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    cursor: pointer;\n    font-size: 1.2rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: background 0.3s ease;\n}\n\n.dropdown-close:hover { background: rgba(255, 255, 255, 0.2); }\n\n.dropdown-body { padding: 15px; }\n\n.category-all-btn {\n    background: var(--menu-btn-bg);\n    color: #fff;\n    padding: 12px 20px;\n    border-radius: 10px;\n    cursor: pointer;\n    text-align: center;\n    font-weight: 600;\n    margin-bottom: 15px;\n    transition: all 0.3s ease;\n    border: none;\n    width: 100%;\n    font-size: 0.95rem;\n}\n\n.category-all-btn:hover { \n    background: var(--menu-btn-hover-bg); \n    transform: translateY(-2px); \n}\n\n.category-list {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.category-item {\n    background: #f8f9fa;\n    border-radius: 10px;\n    overflow: hidden;\n    border: 1px solid #e9ecef;\n    transition: all 0.3s ease;\n}\n\n.category-item:hover {\n    border-color: var(--menu-btn-bg);\n    box-shadow: 0 3px 10px rgba(212, 175, 55, 0.15);\n}\n\n.category-main {\n    padding: 12px 15px;\n    cursor: pointer;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    font-weight: 600;\n    color: #1a1a2e;\n    transition: background 0.2s ease;\n}\n\n.category-main:hover { background: #e9ecef; }\n\n.category-main .arrow {\n    transition: transform 0.3s ease;\n    font-size: 0.7rem;\n    color: #888;\n}\n\n.category-item.active .category-main .arrow { transform: rotate(180deg); }\n.category-item.active { border-color: var(--menu-btn-bg); }\n\n.category-sub {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.3s ease;\n    background: #fff;\n}\n\n.category-item.active .category-sub { max-height: 400px; }\n\n.subcategory-list {\n    list-style: none;\n    padding: 5px 15px 10px;\n}\n\n.subcategory-list li {\n    padding: 8px 12px;\n    cursor: pointer;\n    border-radius: 6px;\n    margin-bottom: 4px;\n    transition: all 0.2s ease;\n    color: #555;\n    font-size: 0.85rem;\n}\n\n.subcategory-list li:hover {\n    background: var(--menu-btn-bg);\n    color: #fff;\n    padding-right: 17px;\n}\n\n.gallery-section {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    padding: 40px 20px;\n    position: relative;\n}\n\n.gallery-info {\n    margin-bottom: 20px;\n    text-align: center;\n    background: #f8f9fa;\n    padding: 15px 30px;\n    border-radius: 15px;\n    border: 2px solid #e9ecef;\n}\n\n.gallery-info h3 {\n    font-size: 1.3rem;\n    color: #1a1a2e;\n    margin-bottom: 8px;\n}\n\n.gallery-info p {\n    color: #666;\n    font-size: 0.9rem;\n}\n\n.instruction {\n    margin-top: 25px;\n    margin-bottom: 0;\n    font-size: 0.75rem;\n    color: #888;\n    background: transparent;\n    padding: 5px 15px;\n    border-radius: 15px;\n    border: 1px solid #e0e0e0;\n    text-align: center;\n    letter-spacing: 0.3px;\n}\n\n.scene { width: 260px; height: 360px; perspective: 1200px; position: relative; }\n\n.carousel {\n    width: 100%; height: 100%; position: absolute;\n    transform-style: preserve-3d; transition: transform 0.1s ease-out;\n}\n\n.carousel__cell {\n    position: absolute; width: 220px; height: 320px; left: 20px; top: 20px;\n    border-radius: 16px; overflow: hidden; border: 3px solid #ffffff;\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); background: #f5f5f5;\n    transform: rotateY(var(--r-y)) translateZ(var(--t-z));\n    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s ease, border-color 0.4s ease;\n    cursor: pointer;\n}\n\n.carousel__cell img { width: 100%; height: 100%; object-fit: cover; pointer-events: none; transition: transform 0.4s ease; }\n\n.carousel__cell:hover {\n    transform: rotateY(var(--r-y)) translateZ(calc(var(--t-z) + 100px)) scale(1.3) !important;\n    z-index: 1000; border-color: var(--menu-btn-bg); box-shadow: 0 25px 60px rgba(0, 0, 0, 0.3);\n}\n\n.carousel__cell::after {\n    content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%;\n    background: linear-gradient(to right, transparent, rgba(255,255,255,0.4), transparent);\n    transform: skewX(-25deg); transition: 0.6s; z-index: 2;\n}\n\n.carousel__cell:hover::after { left: 150%; }\n\n.modal {\n    display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n    background-color: rgba(0, 0, 0, 0.95); z-index: 9999;\n    justify-content: center; align-items: center; animation: fadeIn 0.3s ease;\n}\n\n.modal.active { display: flex; }\n\n.modal-content {\n    max-width: 90%; max-height: 90%; object-fit: contain; border-radius: 8px;\n    box-shadow: 0 0 50px rgba(212, 175, 55, 0.3); animation: zoomIn 0.4s ease;\n}\n\n.modal-close {\n    position: absolute; top: 20px; right: 20px; width: 40px; height: 40px;\n    background-color: rgba(255, 255, 255, 0.1); border: 2px solid rgba(255, 255, 255, 0.3);\n    border-radius: 50%; color: #ffffff; font-size: 24px; font-weight: bold; cursor: pointer;\n    display: flex; justify-content: center; align-items: center; transition: all 0.3s ease; z-index: 10000;\n}\n\n.modal-close:hover { background-color: var(--menu-btn-bg); border-color: var(--menu-btn-bg); transform: rotate(90deg); }\n\n@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\n@keyframes zoomIn { from { transform: scale(0.7); opacity: 0; } to { transform: scale(1); opacity: 1; } }\n@keyframes slideDown { from { transform: translateY(-20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }\n\n\/* =========================================\n   \u0641\u0648\u062a\u0631 (Footer) - \u062a\u06a9 \u0633\u062a\u0648\u0646\u0647 \u0648 \u0645\u062a\u0645\u0631\u06a9\u0632\n   ========================================= *\/\n.main-footer {\n    background-color: #f8f9fa; color: #333; padding: 60px 40px 20px;\n    margin-top: auto; border-top: 1px solid #e9ecef;\n}\n\n.footer-container {\n    max-width: 800px; \n    margin: 0 auto; \n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n}\n\n.footer-info { \n    text-align: center; \n    width: 100%;\n}\n\n.footer-info .subtitle { font-size: 1rem; color: #666; margin-bottom: 5px; }\n.footer-info .studio-name { font-size: 2.5rem; font-weight: 300; color: #1a1a2e; margin-bottom: 20px; letter-spacing: 1px; }\n.footer-info .description { font-size: 0.95rem; line-height: 1.8; color: #555; margin-bottom: 30px; max-width: 600px; margin-left: auto; margin-right: auto; }\n\n.contact-list { \n    list-style: none; \n    display: flex; \n    flex-direction: column; \n    gap: 15px;\n    max-width: 500px;\n    margin: 0 auto;\n}\n\n.contact-item {\n    display: flex; \n    align-items: center; \n    justify-content: center; \n    gap: 15px;\n    padding: 12px 15px; \n    background: #ffffff; \n    border-radius: 10px;\n    border: 1px solid #e9ecef; \n    transition: all 0.3s ease;\n}\n\n.contact-item:hover { border-color: var(--menu-btn-bg); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); }\n.contact-item .icon { width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n.contact-item .icon svg { width: 24px; height: 24px; stroke: #1a1a2e; }\n.contact-item .text { font-size: 0.95rem; color: #444; }\n.contact-item .text strong { color: #1a1a2e; margin-left: 5px; }\n\n.social-section {\n    max-width: 1200px; margin: 40px auto 0; padding-top: 30px;\n    border-top: 1px solid #e9ecef; text-align: center;\n}\n\n.social-section p { font-size: 1rem; color: #555; margin-bottom: 20px; }\n.social-section p strong { color: #1a1a2e; }\n\n.social-icons { display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; }\n\n.social-icon {\n    width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center;\n    justify-content: center; text-decoration: none; transition: all 0.3s ease;\n    background: #ffffff; border: 2px solid #e9ecef; padding: 8px; overflow: hidden;\n}\n\n.social-icon img { width: 100%; height: 100%; object-fit: contain; transition: transform 0.3s ease; }\n.social-icon:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); border-color: var(--menu-btn-bg); }\n.social-icon:hover img { transform: scale(1.1); }\n\n.footer-bottom {\n    max-width: 1200px; margin: 30px auto 0; padding-top: 20px;\n    border-top: 1px solid #e9ecef; text-align: center; color: #888; font-size: 0.85rem; line-height: 1.8;\n}\n\n.footer-bottom a { color: var(--menu-btn-bg); text-decoration: none; }\n.footer-bottom a:hover { text-decoration: underline; }\n\n.dropdown-menu::-webkit-scrollbar { width: 6px; }\n.dropdown-menu::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; }\n.dropdown-menu::-webkit-scrollbar-thumb { background: var(--menu-btn-bg); border-radius: 10px; }\n.dropdown-menu::-webkit-scrollbar-thumb:hover { background: var(--menu-btn-hover-bg); }\n\n@media (max-width: 768px) {\n    .main-header { padding: 15px 20px; }\n    .main-header h1 { font-size: 1.2rem; }\n    .home-btn { left: 15px; padding: 8px 15px; font-size: 0.8rem; }\n    .menu-btn { right: 15px; padding: 8px 15px; font-size: 0.8rem; }\n    .dropdown-menu { right: 15px; left: 15px; min-width: auto; max-width: none; top: 75px; }\n    .scene { width: 200px; height: 280px; }\n    .carousel__cell { width: 160px; height: 240px; left: 20px; top: 20px; }\n    .modal-close { top: 15px; right: 15px; width: 35px; height: 35px; font-size: 20px; }\n    .main-footer { padding: 40px 20px 20px; }\n    .footer-info .studio-name { font-size: 2rem; }\n    .contact-item { justify-content: center; }\n    .social-icon { width: 45px; height: 45px; }\n    .gallery-info { padding: 12px 20px; }\n    .gallery-info h3 { font-size: 1.1rem; }\n    .instruction { font-size: 0.7rem; }\n}\n<\/style>\n\n<header class=\"main-header\">\n    <a href=\"https:\/\/liosastudio.ir\/\" class=\"header-btn home-btn\">Home<\/a>\n    <h1>\u0627\u0633\u062a\u0648\u062f\u06cc\u0648 \u0639\u06a9\u0633 \u0644\u06cc\u0648\u0633\u0627<\/h1>\n    <button class=\"header-btn menu-btn\" id=\"menuBtn\" onclick=\"toggleDropdown()\">\n        \ud83d\udcf7 \u0645\u0646\u0648 \u06af\u0627\u0644\u0631\u06cc \u0639\u06a9\u0633 \u25bc\n    <\/button>\n    <div class=\"dropdown-menu\" id=\"dropdownMenu\">\n        <div class=\"dropdown-header\">\n            <h3>\u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u06af\u0627\u0644\u0631\u06cc \u0639\u06a9\u0633<\/h3>\n            <button class=\"dropdown-close\" onclick=\"toggleDropdown()\">\u2715<\/button>\n        <\/div>\n        <div class=\"dropdown-body\">\n            <button class=\"category-all-btn\" onclick=\"selectCategory('all')\">\ud83d\udcf8 \u0646\u0645\u0627\u06cc\u0634 \u0647\u0645\u0647 \u0639\u06a9\u0633\u200c\u0647\u0627<\/button>\n            <div class=\"category-list\" id=\"categoryList\"><\/div>\n        <\/div>\n    <\/div>\n<\/header>\n\n<main class=\"gallery-section\">\n    <div class=\"gallery-info\">\n        <h3 id=\"currentCategory\">\u0647\u0645\u0647 \u0639\u06a9\u0633\u200c\u0647\u0627<\/h3>\n        <p id=\"photoCount\">\u062f\u0631 \u062d\u0627\u0644 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc&#8230;<\/p>\n    <\/div>\n    <div class=\"scene\">\n        <div class=\"carousel\" id=\"carousel\"><\/div>\n    <\/div>\n    <p class=\"instruction\">\u0645\u0627\u0648\u0633 \u0631\u0627 \u0646\u06af\u0647 \u062f\u0627\u0631\u06cc\u062f \u0648 \u0628\u06a9\u0634\u06cc\u062f \u062a\u0627 \u0628\u0686\u0631\u062e\u0627\u0646\u06cc\u062f | \u0631\u0648\u06cc \u0639\u06a9\u0633 \u06a9\u0644\u06cc\u06a9 \u06a9\u0646\u06cc\u062f \u062a\u0627 \u0628\u0632\u0631\u06af \u0634\u0648\u062f<\/p>\n<\/main>\n\n<div class=\"modal\" id=\"imageModal\">\n    <button class=\"modal-close\" id=\"modalClose\">\u2715<\/button>\n    <img decoding=\"async\" class=\"modal-content\" id=\"modalImage\" src=\"\" alt=\"\u0639\u06a9\u0633 \u0628\u0632\u0631\u06af\">\n<\/div>\n\n<footer class=\"main-footer\">\n    <div class=\"footer-container\">\n        <div class=\"footer-info\">\n            <p class=\"subtitle\">\u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627:<\/p>\n            <h2 class=\"studio-name\">liosastudio<\/h2>\n            <p class=\"description\">\n                \u0628\u0647 \u062f\u0646\u06cc\u0627\u06cc \u0644\u06cc\u0648\u0633\u0627 \u062e\u0648\u0634 \u0622\u0645\u062f\u06cc\u062f\u061b \u0627\u0633\u062a\u0648\u062f\u06cc\u0648\u06cc \u062a\u062e\u0635\u0635\u06cc \u0639\u06a9\u0627\u0633\u06cc \u0646\u0648\u0632\u0627\u062f\u060c \u06a9\u0648\u062f\u06a9 \u0648 \u062e\u0627\u0646\u0648\u0627\u062f\u0647.\n                \u0647\u062f\u0641 \u0645\u0627 \u0641\u0631\u0627\u062a\u0631 \u0627\u0632 \u062b\u0628\u062a \u06cc\u06a9 \u062a\u0635\u0648\u06cc\u0631 \u0633\u0627\u062f\u0647 \u0627\u0633\u062a\u061b \u0645\u0627 \u0645\u062a\u0639\u0647\u062f \u0628\u0647 \u062e\u0644\u0642 \u062a\u062c\u0631\u0628\u0647\u200c\u0627\u06cc \u0627\u0645\u0646\u060c\n                \u0644\u0630\u062a\u200c\u0628\u062e\u0634 \u0648 \u0628\u0627\u06a9\u06cc\u0641\u06cc\u062a \u0628\u0631\u0627\u06cc \u0634\u0645\u0627 \u0648 \u0641\u0631\u0632\u0646\u062f \u062f\u0644\u0628\u0646\u062f\u062a\u0627\u0646 \u0647\u0633\u062a\u06cc\u0645.\n            <\/p>\n            <ul class=\"contact-list\">\n                <li class=\"contact-item\">\n                    <span class=\"text\"><strong>\u0645\u0648\u0628\u0627\u06cc\u0644 :<\/strong> 09120821030<\/span>\n                    <span class=\"icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"><\/line><\/svg><\/span>\n                <\/li>\n                <li class=\"contact-item\">\n                    <span class=\"text\"><strong>\u062a\u0644\u0641\u0646 :<\/strong> 03136688204<\/span>\n                    <span class=\"icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg><\/span>\n                <\/li>\n                <li class=\"contact-item\">\n                    <span class=\"text\"><strong>\u0633\u0627\u0639\u0627\u062a \u06a9\u0627\u0631\u06cc :<\/strong> \u0634\u0646\u0628\u0647 \u062a\u0627 \u067e\u0646\u062c\u0634\u0646\u0628\u0647 10:00 \u2013 18:00<\/span>\n                    <span class=\"icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg><\/span>\n                <\/li>\n                <li class=\"contact-item\">\n                    <span class=\"text\"><strong>\u0622\u062f\u0631\u0633 :<\/strong> \u0627\u0635\u0641\u0647\u0627\u0646 \u2013 \u062e\u06cc\u0627\u0628\u0627\u0646 \u0634\u06cc\u062e \u0635\u062f\u0648\u0642 \u062c\u0646\u0648\u0628\u06cc \u2013 \u06a9\u0648\u0686\u0647 \u0634\u0645\u0627\u0631\u0647 14- \u067e\u0644\u0627\u06a9 84<\/span>\n                    <span class=\"icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg><\/span>\n                <\/li>\n            <\/ul>\n        <\/div>\n    <\/div>\n\n    <div class=\"social-section\">\n        <p><strong>\u0645\u0627 \u0631\u0627 \u062f\u0631 \u0634\u0628\u06a9\u0647\u200c\u0647\u0627\u06cc \u0627\u062c\u062a\u0645\u0627\u0639\u06cc \u062f\u0646\u0628\u0627\u0644 \u06a9\u0646\u06cc\u062f:<\/strong><\/p>\n        <div class=\"social-icons\">\n            <a href=\"https:\/\/liosastudio.ir\/\" target=\"_blank\" class=\"social-icon\" title=\"\u0648\u0628\u0633\u0627\u06cc\u062a \u0644\u06cc\u0648\u0633\u0627\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a1a2e\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path><\/svg>\n            <\/a>\n            <a href=\"https:\/\/www.instagram.com\/liosastudio\" target=\"_blank\" class=\"social-icon\" title=\"\u0627\u06cc\u0646\u0633\u062a\u0627\u06af\u0631\u0627\u0645 \u0644\u06cc\u0648\u0633\u0627\">\n                <img decoding=\"async\" src=\"http:\/\/liosastudio.ir\/wp-content\/uploads\/2026\/06\/instagram-2.png\" alt=\"\u0627\u06cc\u0646\u0633\u062a\u0627\u06af\u0631\u0627\u0645\">\n            <\/a>\n            <a href=\"https:\/\/wa.me\/989120821030\" target=\"_blank\" class=\"social-icon\" title=\"\u0648\u0627\u062a\u0633\u200c\u0627\u067e \u0644\u06cc\u0648\u0633\u0627\">\n                <img decoding=\"async\" src=\"http:\/\/liosastudio.ir\/wp-content\/uploads\/2026\/06\/whatsapp.png\" alt=\"\u0648\u0627\u062a\u0633\u200c\u0627\u067e\">\n            <\/a>\n            <a href=\"https:\/\/t.me\/liosastudio\" target=\"_blank\" class=\"social-icon\" title=\"\u062a\u0644\u06af\u0631\u0627\u0645 \u0644\u06cc\u0648\u0633\u0627\">\n                <img decoding=\"async\" src=\"http:\/\/liosastudio.ir\/wp-content\/uploads\/2026\/06\/telegram.png\" alt=\"\u062a\u0644\u06af\u0631\u0627\u0645\">\n            <\/a>\n            <a href=\"#\" target=\"_blank\" class=\"social-icon\" title=\"\u0632\u06cc\u062a\u0627 \u0644\u06cc\u0646\u06a9\">\n                <img decoding=\"async\" src=\"http:\/\/liosastudio.ir\/wp-content\/uploads\/2026\/06\/zlink.png\" alt=\"Zlink\">\n            <\/a>\n            <a href=\"https:\/\/neshan.org\/maps\/places\/20a4d175facbc5c84b042d39dad27b82#c32.615-51.675-15z-0p\" target=\"_blank\" class=\"social-icon\" title=\"\u0646\u0634\u0627\u0646\">\n                <img decoding=\"async\" src=\"http:\/\/liosastudio.ir\/wp-content\/uploads\/2026\/06\/neshan.png\" alt=\"\u0646\u0634\u0627\u0646\">\n            <\/a>\n            <a href=\"#\" target=\"_blank\" class=\"social-icon\" title=\"\u0627\u06cc\u062a\u0627\">\n                <img decoding=\"async\" src=\"http:\/\/liosastudio.ir\/wp-content\/uploads\/2026\/06\/eitaa.png\" alt=\"\u0627\u06cc\u062a\u0627\">\n            <\/a>\n            <a href=\"#\" target=\"_blank\" class=\"social-icon\" title=\"\u0628\u0644\u0647\">\n                <img decoding=\"async\" src=\"http:\/\/liosastudio.ir\/wp-content\/uploads\/2026\/06\/bale.png\" alt=\"\u0628\u0644\u0647\">\n            <\/a>\n            <a href=\"#\" target=\"_blank\" class=\"social-icon\" title=\"\u0631\u0648\u0628\u06cc\u06a9\u0627\">\n                <img decoding=\"async\" src=\"http:\/\/liosastudio.ir\/wp-content\/uploads\/2026\/06\/robika.png\" alt=\"\u0631\u0648\u0628\u06cc\u06a9\u0627\">\n            <\/a>\n        <\/div>\n    <\/div>\n\n    <div class=\"footer-bottom\">\n        <p>\u00a9 \u06f1\u06f0\u06f5 \u0627\u0633\u062a\u0648\u062f\u06cc\u0648 \u0639\u06a9\u0627\u0633\u06cc \u0644\u06cc\u0648\u0633\u0627. \u062a\u0645\u0627\u0645\u06cc \u062d\u0642\u0648\u0642 \u0645\u0627\u062f\u06cc \u0648 \u0645\u0639\u0646\u0648\u06cc \u0645\u062d\u0641\u0648\u0638 \u0627\u0633\u062a.<\/p>\n        <p>\u0637\u0631\u0627\u062d\u06cc \u0648 \u062a\u0648\u0633\u0639\u0647: <a href=\"https:\/\/liosastudio.ir\/\" target=\"_blank\">\u062a\u06cc\u0645 \u0634\u0647\u0628\u0627\u0632\u06cc<\/a><\/p>\n    <\/div>\n<\/footer>\n\n<script>\n    const categories = [\n        { name: \"\u0646\u0648\u0632\u0627\u062f\u06cc\", subcategories: [\"\u062f\u06cc\u062a\u06cc\u0644\", \"\u0646\u0648\u0632\u0627\u062f\", \"\u0646\u0648\u0632\u0627\u062f \u0628\u0627 \u0645\u0627\u062f\u0631\", \"\u0646\u0648\u0632\u0627\u062f \u0628\u0627 \u067e\u062f\u0631\", \"\u0646\u0648\u0632\u0627\u062f \u0628\u0627 \u062e\u0648\u0627\u0647\u0631 \u0648 \u0628\u0631\u0627\u062f\u0631\", \"\u0646\u0648\u0632\u0627\u062f \u0628\u0627 \u0648\u0627\u0644\u062f\u06cc\u0646\"] },\n        { name: \"\u06a9\u0648\u062f\u06a9\", subcategories: [\"\u06f0 \u062a\u0627 \u06f3 \u0645\u0627\u0647\", \"\u06f3 \u0645\u0627\u0647 \u062a\u0627 \u06f6 \u0645\u0627\u0647\", \"\u06f6 \u0645\u0627\u0647 \u062a\u0627 \u06f1\u06f2 \u0645\u0627\u0647\", \"\u06f1 \u0633\u0627\u0644 \u062a\u0627 \u06f4 \u0633\u0627\u0644\", \"\u06f3 \u0633\u0627\u0644 \u062a\u0627 \u06f5 \u0633\u0627\u0644\", \"\u06f5 \u0633\u0627\u0644 \u062a\u0627 \u06f1\u06f0 \u0633\u0627\u0644\"] },\n        { name: \"\u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc\", subcategories: [\"\u0628\u0627\u0631\u062f\u0627\u0631\u06cc\", \"\u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc\", \"\u0645\u0627\u062f\u0631 \u0648 \u06a9\u0648\u062f\u06a9\", \"\u067e\u062f\u0631 \u0648 \u06a9\u0648\u062f\u06a9\"] },\n        { name: \"\u0646\u0648\u062c\u0648\u0627\u0646\", subcategories: [] },\n        { name: \"\u062c\u0648\u0627\u0646\", subcategories: [] },\n        { name: \"\u0628\u0632\u0631\u06af\u0633\u0627\u0644\", subcategories: [] },\n        { name: \"\u062f\u0648 \u0646\u0641\u0631\u0647\u200c\u0647\u0627\u06cc \u06a9\u0648\u062f\u06a9\", subcategories: [] },\n        { name: \"\u062a\u0645\u200c\u0647\u0627\", subcategories: [\"\u062f\u0646\u062f\u0648\u0646\u06cc\", \"\u062a\u0648\u0644\u062f\", \"\u0645\u0648\u0633\u06cc\u0642\u06cc\", \"\u0645\u0648\u062a\u0648\u0631 \u0633\u06cc\u06a9\u0644\u062a\", \"\u0645\u062f\u0631\u0633\u0647\"] },\n        { name: \"\u0641\u0636\u0627\u06cc \u0628\u0627\u0632 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0627\u0633\u062a\u0648\u062f\u06cc\u0648\", subcategories: [] },\n        { name: \"\u067e\u0631\u062a\u0631\u0647\", subcategories: [] },\n        { name: \"\u0645\u0646\u0627\u0633\u0628\u062a\u06cc\", subcategories: [\"\u0646\u0648\u0631\u0648\u0632\", \"\u062a\u0627\u0628\u0633\u062a\u0627\u0646\", \"\u067e\u0627\u06cc\u06cc\u0632\", \"\u06cc\u0644\u062f\u0627\", \"\u06a9\u0631\u06cc\u0633\u0645\u0633\"] }\n    ];\n\n    const allPhotos = [\n        { src: \"http:\/\/liosastudio.ir\/wp-content\/uploads\/2026\/09\/5-scaled.webp\", category: \"\u0646\u0648\u0632\u0627\u062f\u06cc\", subcategory: \"\u0646\u0648\u0632\u0627\u062f\" },\n        { src: \"http:\/\/liosastudio.ir\/wp-content\/uploads\/2026\/09\/4-scaled.webp\", category: \"\u0646\u0648\u0632\u0627\u062f\u06cc\", subcategory: \"\u0646\u0648\u0632\u0627\u062f\" },\n        { src: \"http:\/\/liosastudio.ir\/wp-content\/uploads\/2026\/09\/1-scaled.webp\", category: \"\u0646\u0648\u0632\u0627\u062f\u06cc\", subcategory: \"\u0646\u0648\u0632\u0627\u062f\" },\n        { src: \"http:\/\/liosastudio.ir\/wp-content\/uploads\/Gallery\/detail\/1-2.webp?w=600&h=800&fit=crop\", category: \"\u0646\u0648\u0632\u0627\u062f\u06cc\", subcategory: \"\u062f\u06cc\u062a\u06cc\u0644\" },\n        { src: \"http:\/\/liosastudio.ir\/wp-content\/uploads\/Gallery\/detail\/2.webp?w=400&h=600&fit=crop\", category: \"\u0646\u0648\u0632\u0627\u062f\u06cc\", subcategory: \"\u062f\u06cc\u062a\u06cc\u0644\" },\n        { src: \"http:\/\/liosastudio.ir\/wp-content\/uploads\/Gallery\/detail\/3.webp?w=400&h=600&fit=crop\", category: \"\u0646\u0648\u0632\u0627\u062f\u06cc\", subcategory: \"\u062f\u06cc\u062a\u06cc\u0644\" },\n        { src: \"http:\/\/liosastudio.ir\/wp-content\/uploads\/Gallery\/detail\/4.webp?w=400&h=600&fit=crop\", category: \"\u0646\u0648\u0632\u0627\u062f\u06cc\", subcategory: \"\u062f\u06cc\u062a\u06cc\u0644\" },\n        { src: \"http:\/\/liosastudio.ir\/wp-content\/uploads\/Gallery\/detail\/5.webp?w=400&h=600&fit=crop\", category: \"\u0646\u0648\u0632\u0627\u062f\u06cc\", subcategory: \"\u062f\u06cc\u062a\u06cc\u0644\" },\n        { src: \"http:\/\/liosastudio.ir\/wp-content\/uploads\/Gallery\/detail\/6.webp?w=400&h=600&fit=crop\", category: \"\u0646\u0648\u0632\u0627\u062f\u06cc\", subcategory: \"\u062f\u06cc\u062a\u06cc\u0644\" },\n        { src: \"http:\/\/liosastudio.ir\/wp-content\/uploads\/Gallery\/detail\/7.webp?w=400&h=600&fit=crop\", category: \"\u0646\u0648\u0632\u0627\u062f\u06cc\", subcategory: \"\u062f\u06cc\u062a\u06cc\u0644\" },\n        { src: \"http:\/\/liosastudio.ir\/wp-content\/uploads\/Gallery\/detail\/8.webp?w=400&h=600&fit=crop\", category: \"\u0646\u0648\u0632\u0627\u062f\u06cc\", subcategory: \"\u062f\u06cc\u062a\u06cc\u0644\" },\n        { src: \"http:\/\/liosastudio.ir\/wp-content\/uploads\/Gallery\/detail\/9.webp?w=400&h=600&fit=crop\", category: \"\u0646\u0648\u0632\u0627\u062f\u06cc\", subcategory: \"\u062f\u06cc\u062a\u06cc\u0644\" },\n\n        { src: \"https:\/\/images.unsplash.com\/photo-1544779499-9a6464265b49?w=400&h=600&fit=crop\", category: \"\u0646\u0648\u0632\u0627\u062f\u06cc\", subcategory: \"\u0646\u0648\u0632\u0627\u062f \u0628\u0627 \u0645\u0627\u062f\u0631\" },\n        { src: \"https:\/\/images.unsplash.com\/photo-1515488042361-ee00e0ddd4e4?w=400&h=600&fit=crop\", category: \"\u0646\u0648\u0632\u0627\u062f\u06cc\", subcategory: \"\u0646\u0648\u0632\u0627\u062f \u0628\u0627 \u067e\u062f\u0631\" },\n        { src: \"https:\/\/images.unsplash.com\/photo-1516627193975-40aa4b3816f8?w=400&h=600&fit=crop\", category: \"\u0646\u0648\u0632\u0627\u062f\u06cc\", subcategory: \"\u0646\u0648\u0632\u0627\u062f \u0628\u0627 \u062e\u0648\u0627\u0647\u0631 \u0648 \u0628\u0631\u0627\u062f\u0631\" },\n        { src: \"https:\/\/images.unsplash.com\/photo-1503454537195-1dcabb10316d?w=400&h=600&fit=crop\", category: \"\u0646\u0648\u0632\u0627\u062f\u06cc\", subcategory: \"\u0646\u0648\u0632\u0627\u062f \u0628\u0627 \u0648\u0627\u0644\u062f\u06cc\u0646\" },\n        { src: \"https:\/\/images.unsplash.com\/photo-1503454537195-1dcabb10316d?w=400&h=600&fit=crop\", category: \"\u06a9\u0648\u062f\u06a9\", subcategory: \"\u06f0 \u062a\u0627 \u06f3 \u0645\u0627\u0647\" },\n        { src: \"https:\/\/images.unsplash.com\/photo-1566004100631-35d7159bfc5e?w=400&h=600&fit=crop\", category: \"\u06a9\u0648\u062f\u06a9\", subcategory: \"\u06f3 \u0645\u0627\u0647 \u062a\u0627 \u06f6 \u0645\u0627\u0647\" },\n        { src: \"https:\/\/images.unsplash.com\/photo-1514890547357-a9ee288728e0?w=400&h=600&fit=crop\", category: \"\u06a9\u0648\u062f\u06a9\", subcategory: \"\u06f6 \u0645\u0627\u0647 \u062a\u0627 \u06f1\u06f2 \u0645\u0627\u0647\" },\n        { src: \"https:\/\/images.unsplash.com\/photo-1503919545889-aef6d2480a7f?w=400&h=600&fit=crop\", category: \"\u06a9\u0648\u062f\u06a9\", subcategory: \"\u06f1 \u0633\u0627\u0644 \u062a\u0627 \u06f4 \u0633\u0627\u0644\" },\n        { src: \"https:\/\/images.unsplash.com\/photo-1485290334039-a3c69043e541?w=400&h=600&fit=crop\", category: \"\u06a9\u0648\u062f\u06a9\", subcategory: \"\u06f3 \u0633\u0627\u0644 \u062a\u0627 \u06f5 \u0633\u0627\u0644\" },\n        { src: \"https:\/\/images.unsplash.com\/photo-1502086223501-7ea6ecd79368?w=400&h=600&fit=crop\", category: \"\u06a9\u0648\u062f\u06a9\", subcategory: \"\u06f5 \u0633\u0627\u0644 \u062a\u0627 \u06f1\u06f0 \u0633\u0627\u0644\" },\n        { src: \"https:\/\/images.unsplash.com\/photo-1511895426330-d3fc2014616f?w=400&h=600&fit=crop\", category: \"\u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc\", subcategory: \"\u0628\u0627\u0631\u062f\u0627\u0631\u06cc\" },\n        { src: \"https:\/\/images.unsplash.com\/photo-1511895426330-d3fc2014616f?w=400&h=600&fit=crop\", category: \"\u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc\", subcategory: \"\u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc\" },\n        { src: \"https:\/\/images.unsplash.com\/photo-1544779499-9a6464265b49?w=400&h=600&fit=crop\", category: \"\u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc\", subcategory: \"\u0645\u0627\u062f\u0631 \u0648 \u06a9\u0648\u062f\u06a9\" },\n        { src: \"https:\/\/images.unsplash.com\/photo-1516627193975-40aa4b3816f8?w=400&h=600&fit=crop\", category: \"\u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc\", subcategory: \"\u067e\u062f\u0631 \u0648 \u06a9\u0648\u062f\u06a9\" },\n        { src: \"https:\/\/images.unsplash.com\/photo-1529626455594-4ff0802cfb7e?w=400&h=600&fit=crop\", category: \"\u0646\u0648\u062c\u0648\u0627\u0646\", subcategory: \"\" },\n        { src: \"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?w=400&h=600&fit=crop\", category: \"\u0646\u0648\u062c\u0648\u0627\u0646\", subcategory: \"\" },\n        { src: \"https:\/\/images.unsplash.com\/photo-1524504388940-b1c1722653e1?w=400&h=600&fit=crop\", category: \"\u062c\u0648\u0627\u0646\", subcategory: \"\" },\n        { src: \"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?w=400&h=600&fit=crop\", category: \"\u062c\u0648\u0627\u0646\", subcategory: \"\" },\n        { src: \"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=400&h=600&fit=crop\", category: \"\u0628\u0632\u0631\u06af\u0633\u0627\u0644\", subcategory: \"\" },\n        { src: \"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?w=400&h=600&fit=crop\", category: \"\u0628\u0632\u0631\u06af\u0633\u0627\u0644\", subcategory: \"\" },\n        { src: \"https:\/\/images.unsplash.com\/photo-1516627193975-40aa4b3816f8?w=400&h=600&fit=crop\", category: \"\u062f\u0648 \u0646\u0641\u0631\u0647\u200c\u0647\u0627\u06cc \u06a9\u0648\u062f\u06a9\", subcategory: \"\" },\n        { src: \"https:\/\/images.unsplash.com\/photo-1519689680255-8618b15c6a79?w=400&h=600&fit=crop\", category: \"\u062f\u0648 \u0646\u0641\u0631\u0647\u200c\u0647\u0627\u06cc \u06a9\u0648\u062f\u06a9\", subcategory: \"\" },\n        { src: \"https:\/\/images.unsplash.com\/photo-1530023367847-a683933f417b?w=400&h=600&fit=crop\", category: \"\u062a\u0645\u200c\u0647\u0627\", subcategory: \"\u062f\u0646\u062f\u0648\u0646\u06cc\" },\n        { src: \"https:\/\/images.unsplash.com\/photo-1530103862676-de3c9a59aa38?w=400&h=600&fit=crop\", category: \"\u062a\u0645\u200c\u0647\u0627\", subcategory: \"\u062a\u0648\u0644\u062f\" },\n        { src: \"https:\/\/images.unsplash.com\/photo-1511379938547-c1f69419868d?w=400&h=600&fit=crop\", category: \"\u062a\u0645\u200c\u0647\u0627\", subcategory: \"\u0645\u0648\u0633\u06cc\u0642\u06cc\" },\n        { src: \"https:\/\/images.unsplash.com\/photo-1558618666-fcd25c85cd64?w=400&h=600&fit=crop\", category: \"\u062a\u0645\u200c\u0647\u0627\", subcategory: \"\u0645\u0648\u062a\u0648\u0631 \u0633\u06cc\u06a9\u0644\u062a\" },\n        { src: \"https:\/\/images.unsplash.com\/photo-1509062522246-3755977927d7?w=400&h=600&fit=crop\", category: \"\u062a\u0645\u200c\u0647\u0627\", subcategory: \"\u0645\u062f\u0631\u0633\u0647\" },\n        { src: \"https:\/\/images.unsplash.com\/photo-1500964757637-c85e8a162699?w=400&h=600&fit=crop\", category: \"\u0641\u0636\u0627\u06cc \u0628\u0627\u0632 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0627\u0633\u062a\u0648\u062f\u06cc\u0648\", subcategory: \"\" },\n        { src: \"https:\/\/images.unsplash.com\/photo-1470071459604-3b5ec3a7fe05?w=400&h=600&fit=crop\", category: \"\u0641\u0636\u0627\u06cc \u0628\u0627\u0632 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0627\u0633\u062a\u0648\u062f\u06cc\u0648\", subcategory: \"\" },\n        { src: \"https:\/\/images.unsplash.com\/photo-1531746020798-e6953c6e8e04?w=400&h=600&fit=crop\", category: \"\u067e\u0631\u062a\u0631\u0647\", subcategory: \"\" },\n        { src: \"https:\/\/images.unsplash.com\/photo-1544005313-94ddf0286df2?w=400&h=600&fit=crop\", category: \"\u067e\u0631\u062a\u0631\u0647\", subcategory: \"\" },\n        { src: \"https:\/\/images.unsplash.com\/photo-1515488042361-ee00e0ddd4e4?w=400&h=600&fit=crop\", category: \"\u0645\u0646\u0627\u0633\u0628\u062a\u06cc\", subcategory: \"\u0646\u0648\u0631\u0648\u0632\" },\n        { src: \"https:\/\/images.unsplash.com\/photo-1566004100631-35d7159bfc5e?w=400&h=600&fit=crop\", category: \"\u0645\u0646\u0627\u0633\u0628\u062a\u06cc\", subcategory: \"\u062a\u0627\u0628\u0633\u062a\u0627\u0646\" },\n        { src: \"https:\/\/images.unsplash.com\/photo-1503454537195-1dcabb10316d?w=400&h=600&fit=crop\", category: \"\u0645\u0646\u0627\u0633\u0628\u062a\u06cc\", subcategory: \"\u067e\u0627\u06cc\u06cc\u0632\" },\n        { src: \"https:\/\/images.unsplash.com\/photo-1544779499-9a6464265b49?w=400&h=600&fit=crop\", category: \"\u0645\u0646\u0627\u0633\u0628\u062a\u06cc\", subcategory: \"\u06cc\u0644\u062f\u0627\" },\n        { src: \"https:\/\/images.unsplash.com\/photo-1516627193975-40aa4b3816f8?w=400&h=600&fit=crop\", category: \"\u0645\u0646\u0627\u0633\u0628\u062a\u06cc\", subcategory: \"\u06a9\u0631\u06cc\u0633\u0645\u0633\" }\n    ];\n\n    let currentPhotos = [...allPhotos];\n    let currentAngle = 0, targetAngle = 0, isDragging = false, startX = 0, autoRotateSpeed = 0.15, isHovered = false;\n    const MAX_VISIBLE_PHOTOS = 7;\n    let carouselInterval;\n\n    const carousel = document.getElementById('carousel');\n    const modal = document.getElementById('imageModal');\n    const modalImage = document.getElementById('modalImage');\n    const modalClose = document.getElementById('modalClose');\n    const dropdownMenu = document.getElementById('dropdownMenu');\n    const menuBtn = document.getElementById('menuBtn');\n    const categoryList = document.getElementById('categoryList');\n    const currentCategoryEl = document.getElementById('currentCategory');\n    const photoCountEl = document.getElementById('photoCount');\n\n    function toggleDropdown() {\n        dropdownMenu.classList.toggle('active');\n        menuBtn.classList.toggle('active');\n    }\n\n    document.addEventListener('click', (e) => {\n        if (!dropdownMenu.contains(e.target) && !menuBtn.contains(e.target)) {\n            dropdownMenu.classList.remove('active');\n            menuBtn.classList.remove('active');\n        }\n    });\n\n    function buildCategoryMenu() {\n        categoryList.innerHTML = '';\n        categories.forEach((cat, index) => {\n            const catDiv = document.createElement('div');\n            catDiv.className = 'category-item';\n            const hasSubcats = cat.subcategories && cat.subcategories.length > 0;\n            catDiv.innerHTML = `\n                <div class=\"category-main\" onclick=\"toggleCategory(${index}, event)\">\n                    <span>${cat.name}<\/span>\n                    ${hasSubcats ? '<span class=\"arrow\">\u25bc<\/span>' : ''}\n                <\/div>\n                ${hasSubcats ? `\n                    <div class=\"category-sub\">\n                        <ul class=\"subcategory-list\">\n                            ${cat.subcategories.map(sub => `\n                                <li onclick=\"selectSubcategory('${cat.name}', '${sub}')\">${sub}<\/li>\n                            `).join('')}\n                        <\/ul>\n                    <\/div>\n                ` : ''}\n            `;\n            categoryList.appendChild(catDiv);\n        });\n    }\n\n    function toggleCategory(index, event) {\n        event.stopPropagation();\n        const items = document.querySelectorAll('.category-item');\n        items.forEach((item, i) => { if (i !== index) item.classList.remove('active'); });\n        items[index].classList.toggle('active');\n    }\n\n    function filterPhotos(category, subcategory = null) {\n        if (category === 'all') {\n            currentPhotos = [...allPhotos];\n            currentCategoryEl.textContent = '\u0647\u0645\u0647 \u0639\u06a9\u0633\u200c\u0647\u0627';\n        } else if (subcategory) {\n            currentPhotos = allPhotos.filter(p => p.category === category && p.subcategory === subcategory);\n            currentCategoryEl.textContent = `${category} - ${subcategory}`;\n        } else {\n            currentPhotos = allPhotos.filter(p => p.category === category);\n            currentCategoryEl.textContent = category;\n        }\n        photoCountEl.textContent = `\u062a\u0639\u062f\u0627\u062f \u0639\u06a9\u0633: ${currentPhotos.length} | \u0646\u0645\u0627\u06cc\u0634 ${Math.min(MAX_VISIBLE_PHOTOS, currentPhotos.length)} \u0639\u06a9\u0633 \u0647\u0645\u0632\u0645\u0627\u0646`;\n        renderCarousel();\n        toggleDropdown();\n    }\n\n    function selectCategory(category) { filterPhotos(category); }\n    function selectSubcategory(category, subcategory) { filterPhotos(category, subcategory); }\n\n    function renderCarousel() {\n        carousel.innerHTML = '';\n        const photosToShow = currentPhotos.slice(0, MAX_VISIBLE_PHOTOS);\n        const count = photosToShow.length;\n        const theta = 360 \/ count;\n        const cellWidth = 220;\n        const radius = Math.round((cellWidth \/ 2) \/ Math.tan(Math.PI \/ count)) + 60;\n        \n        photosToShow.forEach((photo, i) => {\n            const cell = document.createElement('div');\n            cell.className = 'carousel__cell';\n            const angle = theta * i;\n            cell.style.setProperty('--r-y', `${angle}deg`);\n            cell.style.setProperty('--t-z', `${radius}px`);\n            const img = document.createElement('img');\n            img.src = photo.src;\n            img.alt = photo.category;\n            cell.appendChild(img);\n            carousel.appendChild(cell);\n            cell.addEventListener('mouseenter', () => { isHovered = true; });\n            cell.addEventListener('mouseleave', () => { isHovered = false; });\n            cell.addEventListener('click', () => {\n                if (!isDragging) {\n                    modalImage.src = photo.src;\n                    modal.classList.add('active');\n                    document.body.style.overflow = 'hidden';\n                }\n            });\n        });\n        currentAngle = 0;\n        targetAngle = 0;\n        startAutoRotate();\n    }\n\n    function startAutoRotate() {\n        if (carouselInterval) clearInterval(carouselInterval);\n        carouselInterval = setInterval(() => {\n            if (!isHovered && !isDragging && currentPhotos.length > MAX_VISIBLE_PHOTOS) {\n                rotateToNext();\n            }\n        }, 3000);\n    }\n\n    function rotateToNext() {\n        if (currentPhotos.length > MAX_VISIBLE_PHOTOS) {\n            const first = currentPhotos.shift();\n            currentPhotos.push(first);\n            renderCarousel();\n        }\n    }\n\n    modalClose.addEventListener('click', closeModal);\n    modal.addEventListener('click', (e) => { if (e.target === modal) closeModal(); });\n    document.addEventListener('keydown', (e) => { \n        if (e.key === 'Escape') { \n            if (modal.classList.contains('active')) closeModal(); \n            if (dropdownMenu.classList.contains('active')) toggleDropdown(); \n        } \n    });\n\n    function closeModal() {\n        modal.classList.remove('active');\n        document.body.style.overflow = 'auto';\n    }\n\n    function animate() {\n        if (!isHovered && !isDragging) targetAngle += autoRotateSpeed;\n        currentAngle += (targetAngle - currentAngle) * 0.05;\n        const count = Math.min(MAX_VISIBLE_PHOTOS, currentPhotos.length);\n        const radius = Math.round((220 \/ 2) \/ Math.tan(Math.PI \/ count)) + 60;\n        carousel.style.transform = `translateZ(-${radius}px) rotateY(${currentAngle}deg)`;\n        requestAnimationFrame(animate);\n    }\n    animate();\n\n    let dragDistance = 0;\n    document.addEventListener('mousedown', (e) => {\n        if (e.target.closest('.main-header') || e.target.closest('.main-footer') || e.target.closest('.modal') || e.target.closest('.dropdown-menu')) return;\n        isDragging = true; dragDistance = 0; startX = e.clientX; carousel.style.transition = 'none';\n    });\n    document.addEventListener('mousemove', (e) => {\n        if (!isDragging) return;\n        const deltaX = e.clientX - startX; dragDistance += Math.abs(deltaX); targetAngle += deltaX * 0.2; startX = e.clientX;\n    });\n    document.addEventListener('mouseup', () => { isDragging = false; carousel.style.transition = 'transform 0.1s ease-out'; setTimeout(() => { dragDistance = 0; }, 100); });\n\n    document.addEventListener('touchstart', (e) => {\n        if (e.target.closest('.main-header') || e.target.closest('.main-footer') || e.target.closest('.modal') || e.target.closest('.dropdown-menu')) return;\n        isDragging = true; dragDistance = 0; startX = e.touches[0].clientX;\n    });\n    document.addEventListener('touchmove', (e) => {\n        if (!isDragging) return;\n        const deltaX = e.touches[0].clientX - startX; dragDistance += Math.abs(deltaX); targetAngle += deltaX * 0.3; startX = e.touches[0].clientX;\n    });\n    document.addEventListener('touchend', () => { isDragging = false; setTimeout(() => { dragDistance = 0; }, 100); });\n\n    buildCategoryMenu();\n    renderCarousel();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u06af\u0627\u0644\u0631\u06cc \u0627\u0633\u062a\u0648\u062f\u06cc\u0648 \u0639\u06a9\u0633 \u0644\u06cc\u0648\u0633\u0627 Home \u0627\u0633\u062a\u0648\u062f\u06cc\u0648 \u0639\u06a9\u0633 \u0644\u06cc\u0648\u0633\u0627 \ud83d\udcf7 \u0645\u0646\u0648 \u06af\u0627\u0644\u0631\u06cc \u0639\u06a9\u0633 \u25bc \u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u06af\u0627\u0644\u0631\u06cc \u0639\u06a9\u0633 \u2715 \ud83d\udcf8 \u0646\u0645\u0627\u06cc\u0634 \u0647\u0645\u0647 \u0639\u06a9\u0633\u200c\u0647\u0627 \u0647\u0645\u0647 \u0639\u06a9\u0633\u200c\u0647\u0627 \u062f\u0631 \u062d\u0627\u0644 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc&#8230; \u0645\u0627\u0648\u0633 \u0631\u0627 \u0646\u06af\u0647 \u062f\u0627\u0631\u06cc\u062f \u0648 \u0628\u06a9\u0634\u06cc\u062f \u062a\u0627 \u0628\u0686\u0631\u062e\u0627\u0646\u06cc\u062f | \u0631\u0648\u06cc \u0639\u06a9\u0633 \u06a9\u0644\u06cc\u06a9 \u06a9\u0646\u06cc\u062f \u062a\u0627 \u0628\u0632\u0631\u06af \u0634\u0648\u062f \u2715 \u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627: liosastudio \u0628\u0647 \u062f\u0646\u06cc\u0627\u06cc \u0644\u06cc\u0648\u0633\u0627 \u062e\u0648\u0634 \u0622\u0645\u062f\u06cc\u062f\u061b \u0627\u0633\u062a\u0648\u062f\u06cc\u0648\u06cc \u062a\u062e\u0635\u0635\u06cc \u0639\u06a9\u0627\u0633\u06cc [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"full-width","meta":{"footnotes":""},"class_list":["post-271","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/liosastudio.ir\/index.php?rest_route=\/wp\/v2\/pages\/271","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/liosastudio.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/liosastudio.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/liosastudio.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/liosastudio.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=271"}],"version-history":[{"count":10,"href":"https:\/\/liosastudio.ir\/index.php?rest_route=\/wp\/v2\/pages\/271\/revisions"}],"predecessor-version":[{"id":483,"href":"https:\/\/liosastudio.ir\/index.php?rest_route=\/wp\/v2\/pages\/271\/revisions\/483"}],"wp:attachment":[{"href":"https:\/\/liosastudio.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}