.project-detail-page{padding-top:var(--spacing-8);padding-bottom:var(--spacing-12);background-color:var(--color-background-default);direction:rtl}.project-detail-container{max-width:1200px;margin-inline:auto}.detail-breadcrumb{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--spacing-8);display:flex}.detail-breadcrumb a{color:var(--color-text-secondary);transition:color var(--transition-fast)}.detail-breadcrumb a:hover{color:var(--color-action-primary-default)}.breadcrumb-separator{color:var(--color-secondary-900)}.breadcrumb-current{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.project-hero{margin-bottom:var(--spacing-12);text-align:center}.project-hero-header{max-width:800px;margin-inline:auto;margin-bottom:var(--spacing-6);flex-direction:column;align-items:center;display:flex}.hero-category-tag{margin-bottom:var(--spacing-3)}.category-label{padding:var(--spacing-1) var(--spacing-3);background-color:var(--color-action-primary-default);color:var(--color-neutral-50);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);display:inline-block}.hero-project-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-black);color:var(--color-text-primary);margin-bottom:var(--spacing-4);line-height:1.3}.hero-project-desc{font-size:var(--font-size-sm);font-weight:var(--font-weight-light);color:var(--color-text-secondary);line-height:1.8}.project-gallery-wrapper{align-items:center;gap:var(--spacing-3);flex-direction:column;width:100%;max-width:1040px;margin-inline:auto;display:flex}.gallery-main-display{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.gallery-image-frame{aspect-ratio:16/9;background:linear-gradient(135deg, #9913250f, transparent 40%), repeating-conic-gradient(from 45deg, #f7f7f7 0 25%, #f1f1f1 0 50%) 50% / 20px 20px;border:var(--border-width-thick) solid var(--color-border-default);border-radius:var(--radius-lg);cursor:pointer;isolation:isolate;width:100%;box-shadow:7px 7px 0 var(--color-border-default);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.gallery-image-frame:hover{border-color:var(--color-action-primary-default);box-shadow:7px 7px 0 var(--color-action-primary-default)}.gallery-main-img{object-fit:contain;width:100%;height:100%;padding:var(--spacing-3);display:block}.gallery-hover-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(#1111110a,#11111194);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gallery-image-frame:hover .gallery-hover-overlay{opacity:1}.gallery-image-frame:focus-visible{outline:3px solid var(--color-action-primary-default);outline-offset:4px}.gallery-zoom-badge{align-items:center;gap:var(--spacing-2);color:var(--color-neutral-50);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background-color:#111111e6;border:1px solid #fff3;border-radius:20px;padding:8px 18px;display:inline-flex;box-shadow:0 4px 16px #0000004d}.gallery-counter-badge{bottom:var(--spacing-3);left:var(--spacing-3);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);direction:ltr;background-color:#111111bf;padding:4px 10px;position:absolute}.gallery-inline-nav{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:var(--border-width-thick) solid var(--color-border-default);width:42px;height:42px;color:var(--color-text-primary);cursor:pointer;z-index:5;transition:all var(--transition-fast);background-color:#ffffffd9;border-radius:50%;justify-content:center;align-items:center;font-size:24px;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 10px #0000001a}.gallery-inline-nav:hover{background-color:var(--color-action-primary-default);color:#fff;border-color:var(--color-action-primary-default)}.gallery-inline-nav.prev-btn{right:var(--spacing-4)}.gallery-inline-nav.next-btn{left:var(--spacing-4)}.gallery-thumbnails-strip{justify-content:center;gap:var(--spacing-3);padding-block:var(--spacing-2);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;max-width:100%;display:flex;overflow-x:auto}.gallery-thumbnails-strip::-webkit-scrollbar{display:none}.gallery-thumb-item{background:var(--color-surface-card);border:var(--border-width-thick) solid transparent;border-radius:var(--radius-sm);cursor:pointer;width:96px;height:64px;transition:all var(--transition-fast);flex-shrink:0;padding:3px;overflow:hidden}.gallery-thumb-item img{object-fit:cover;border-radius:calc(var(--radius-sm) - 2px);width:100%;height:100%}.gallery-thumb-item.active,.gallery-thumb-item:hover{border-color:var(--color-action-primary-default);transform:translateY(-2px)}@media (max-width:767px){.hero-project-title{font-size:var(--font-size-lg)}.gallery-image-frame{aspect-ratio:4/5;box-shadow:5px 5px 0 var(--color-border-default)}.gallery-image-frame:hover{box-shadow:5px 5px 0 var(--color-border-default);transform:none}.gallery-hover-overlay{opacity:1;padding:var(--spacing-3);pointer-events:none;background:linear-gradient(#0000 55%,#1111118f);justify-content:flex-start;align-items:flex-end}.gallery-zoom-badge{padding:6px 10px;font-size:12px}.gallery-thumb-item{width:72px;height:48px}.gallery-inline-nav{width:34px;height:34px;font-size:18px}.gallery-inline-nav.prev-btn{right:var(--spacing-2)}.gallery-inline-nav.next-btn{left:var(--spacing-2)}}.project-meta-section{margin-bottom:var(--spacing-12)}.meta-cards-row{gap:var(--spacing-6);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:767px){.meta-cards-row{grid-template-columns:1fr}}.meta-card{padding:var(--spacing-6);background-color:var(--color-surface-card);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);text-align:right;flex-direction:column;justify-content:center;display:flex}.meta-card-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-2)}.meta-card-value{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.3}.project-content-layout{gap:var(--spacing-8);margin-bottom:var(--spacing-12);grid-template-columns:8fr 4fr;display:grid}@media (max-width:1199px){.project-content-layout{grid-template-columns:1fr}}.project-main-body{gap:var(--spacing-10);flex-direction:column;display:flex}.detail-section-block{padding:var(--spacing-8);background-color:var(--color-neutral-50);border:1px solid var(--color-border-default);border-radius:var(--radius-sm)}@media (max-width:767px){.detail-section-block{padding:var(--spacing-4)}.block-title{font-size:var(--font-size-sm)}}.section-block-header{align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-secondary-900);display:flex}.block-number{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-action-primary-default)}.block-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.block-paragraph{font-size:var(--font-size-sm);font-weight:var(--font-weight-light);color:var(--color-text-secondary);line-height:1.8}.metrics-cards-grid{gap:var(--spacing-4);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:767px){.metrics-cards-grid{grid-template-columns:1fr}}.metric-result-card{text-align:center;padding:var(--spacing-6);background-color:var(--color-surface-card);border:1px solid var(--color-secondary-900);border-radius:var(--radius-sm);flex-direction:column;align-items:center;display:flex}.metric-card-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-black);color:var(--color-action-primary-default);margin-bottom:var(--spacing-2);line-height:1.1}.metric-card-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.metric-card-desc{color:var(--color-text-secondary);font-size:12px}.tech-tags-list{gap:var(--spacing-3);flex-wrap:wrap;display:flex}.tech-tag-pill{background-color:var(--color-surface-card);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary);padding-block:6px;padding-inline:16px;display:inline-block}.project-sidebar{gap:var(--spacing-6);flex-direction:column;display:flex}.sidebar-action-card{padding:var(--spacing-6);background-color:var(--color-surface-card);border:1px solid var(--color-border-default)}.sidebar-card-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.sidebar-card-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--spacing-5);line-height:1.6}.sidebar-form-element{gap:var(--spacing-4);flex-direction:column;display:flex}.sidebar-success-state{padding:var(--spacing-6);background-color:var(--color-surface-card);border:1px solid var(--color-action-primary-default);border-radius:var(--radius-sm);text-align:center}.success-circle{border-radius:var(--radius-full);background-color:var(--color-action-primary-default);width:36px;height:36px;color:var(--color-neutral-50);margin-bottom:var(--spacing-2);justify-content:center;align-items:center;font-weight:700;display:inline-flex}.success-msg-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:4px;display:block}.success-msg-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.sidebar-spec-card{padding:var(--spacing-6);background-color:var(--color-neutral-50);border:1px solid var(--color-secondary-900)}.spec-card-heading{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-primary);padding-bottom:var(--spacing-3);margin-bottom:var(--spacing-4);border-bottom:1px solid var(--color-secondary-900)}.spec-row-item{font-size:var(--font-size-xs);margin-bottom:var(--spacing-3);justify-content:space-between;align-items:center;display:flex}.spec-row-item:last-child{margin-bottom:0}.spec-row-label{color:var(--color-text-secondary)}.spec-row-val{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.project-not-found{padding:var(--spacing-12) var(--spacing-4);text-align:center}.project-not-found-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.project-not-found-text{margin-top:var(--spacing-4);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.project-not-found-action{margin-top:var(--spacing-7)}.insta-lightbox-backdrop{z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);direction:rtl;background-color:#0a0a0af0;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.insta-lightbox-modal{flex-direction:column;width:100vw;height:100vh;display:flex}.insta-toolbar{height:60px;padding-inline:var(--spacing-6);background-color:#121212;border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.insta-toolbar-info{align-items:center;gap:var(--spacing-3);font-size:var(--font-size-xs);display:flex}.insta-project-title{color:#fff;font-weight:var(--font-weight-bold)}.insta-slide-counter{color:var(--color-text-secondary)}.insta-toolbar-actions{align-items:center;gap:var(--spacing-3);display:flex}.insta-zoom-controls{background-color:#1a1a1a;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:4px;padding:3px 6px;display:flex}.insta-control-btn{color:#fff;cursor:pointer;width:32px;height:32px;transition:background-color var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.insta-control-btn:hover:not(:disabled){background-color:#ffffff26}.insta-control-btn:disabled{opacity:.3;cursor:not-allowed}.reset-zoom-btn{width:auto;font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-action-primary-default);padding-inline:8px}.insta-consult-btn{background-color:var(--color-action-primary-default);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);cursor:pointer;transition:background-color var(--transition-fast), transform var(--transition-fast);white-space:nowrap;border:none;border-radius:20px;padding:6px 16px}.insta-consult-btn:hover{background-color:#b51c2e;transform:scale(1.02)}.insta-close-btn{color:#fff;cursor:pointer;width:36px;height:36px;transition:background-color var(--transition-fast);background-color:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.insta-close-btn:hover{background-color:var(--color-action-primary-default)}@media (max-width:640px){.insta-toolbar{padding-inline:var(--spacing-3)}.insta-consult-btn{padding:5px 10px;font-size:11px}}.insta-stage{padding:var(--spacing-6);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.insta-stage-arrow svg{width:20px;height:20px}.insta-stage-arrow{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;z-index:20;width:48px;height:48px;transition:all var(--transition-fast);background-color:#ffffff26;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;font-size:28px;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.insta-stage-arrow:hover{background-color:var(--color-action-primary-default);border-color:var(--color-action-primary-default);transform:translateY(-50%)scale(1.1)}.insta-stage-arrow.arrow-next{left:var(--spacing-6)}.insta-stage-arrow.arrow-prev{right:var(--spacing-6)}@media (max-width:767px){.insta-stage-arrow{width:36px;height:36px;font-size:20px}.insta-stage-arrow.arrow-next{left:var(--spacing-2)}.insta-stage-arrow.arrow-prev{right:var(--spacing-2)}}.insta-image-container{scrollbar-width:none;touch-action:pan-y pinch-zoom;cursor:zoom-in;justify-content:center;align-items:center;width:min(100%,1240px);height:100%;display:flex;overflow:hidden}.insta-image-container::-webkit-scrollbar{display:none}.insta-image{object-fit:contain;transform-origin:50%;border-radius:var(--radius-sm);width:auto;max-width:100%;height:auto;max-height:100%;transition:transform .18s cubic-bezier(.2,0,.2,1);box-shadow:0 10px 40px #0009}.insta-image-container.is-zoomed{cursor:grab;touch-action:none}.insta-image-container.is-panning,.insta-image-container.is-panning .insta-image{cursor:grabbing;transition:none}.insta-bottom-strip{height:80px;padding-inline:var(--spacing-4);background-color:#121212;border-top:1px solid #ffffff1a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.insta-dots-container{align-items:center;gap:var(--spacing-2);max-width:100%;padding-block:var(--spacing-2);scrollbar-width:none;display:flex;overflow-x:auto}.insta-dots-container::-webkit-scrollbar{display:none}.insta-dot{border-radius:var(--radius-sm);cursor:pointer;width:60px;height:40px;transition:all var(--transition-fast);opacity:.5;background:0 0;border:1px solid #fff3;flex-shrink:0;padding:2px;overflow:hidden}.insta-dot img{object-fit:cover;border-radius:calc(var(--radius-sm) - 2px);width:100%;height:100%}.insta-dot.active,.insta-dot:hover{opacity:1;border-color:var(--color-action-primary-default);transform:translateY(-2px)}@media (max-width:640px){.insta-lightbox-modal{height:100dvh}.insta-toolbar{height:auto;min-height:58px;padding-block:var(--spacing-2);gap:var(--spacing-2)}.insta-toolbar-info{gap:var(--spacing-1);min-width:0}.insta-project-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.insta-toolbar-actions{gap:var(--spacing-1)}.insta-zoom-controls{padding:2px}.insta-control-btn{width:30px;height:30px}.insta-consult-btn{display:none}.insta-stage{padding:var(--spacing-2)}.insta-image-container{width:100%}.insta-bottom-strip{height:66px;padding-inline:var(--spacing-3);justify-content:flex-start}.insta-dots-container{width:100%}.insta-dot{width:52px;height:36px}}