.detail-page{max-width:600px;margin:0 auto;background:#f5f6fa;min-height:100vh;padding:0 0 calc(90px + env(safe-area-inset-bottom,0px));direction:rtl}@media (max-width:768px){.desktop-only-nav{display:none!important}}.detail-error,.detail-loading{text-align:center;padding:80px 20px;font-family:var(--font-noto-kufi-arabic)}.detail-loading .spinner{width:44px;height:44px;border:3px solid #e8e8e8;border-top-color:var(--primary);border-radius:50%;animation:.8s linear infinite spin;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.detail-error h2{font-size:3rem;margin-bottom:12px}.detail-error p{color:#666;font-size:1rem}.gallery-slider{position:relative;width:100%;background:#e5e7eb;aspect-ratio:4/3;overflow:hidden;direction:ltr}.gallery-back-btn{position:absolute;top:max(16px,env(safe-area-inset-top,16px));right:16px;width:44px;height:44px;background:rgba(0,0,0,.4);color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:background .2s}.gallery-back-btn:active{background:rgba(0,0,0,.6)}.fullscreen-btn{display:none}.gallery-slides{display:flex;height:100%;transition:transform .3s ease-out}.gallery-slide{min-width:100%;height:100%}.gallery-slide img{width:100%;height:100%;object-fit:cover;display:block}.gallery-next,.gallery-prev{display:none}.gallery-dots{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:6px;z-index:10}.gallery-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.6);border:none;cursor:pointer;padding:0;transition:background .2s,transform .2s}.gallery-dot.active{background:#f84269;transform:scale(1.1);box-shadow:0 0 4px rgba(0,0,0,.2)}.gallery-thumbnails{display:flex;gap:10px;padding:12px 16px;overflow-x:auto;scrollbar-width:none}.gallery-thumbnails::-webkit-scrollbar{display:none}.gallery-thumb{width:70px;height:70px;border-radius:12px;overflow:hidden;flex-shrink:0;border:2px solid transparent;cursor:pointer;opacity:.65;transition:.2s}.gallery-thumb.active{border-color:#f84269;opacity:1}.gallery-thumb img{width:100%;height:100%;object-fit:cover}.detail-header,.detail-section{position:relative;background:#fff;border-radius:16px;padding:16px;margin:0 16px 16px;box-shadow:0 4px 20px rgba(0,0,0,.04)}.detail-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.detail-logo{width:80px;height:80px;border-radius:16px;object-fit:cover;border:1px solid #f0f0f0;flex-shrink:0;background:#fff}.detail-title{font-size:1.25rem;font-weight:800;color:#111827;line-height:1.4;margin:0}.detail-subtitle{display:none}.detail-badges{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;border-top:1px solid #f0f0f0;padding-top:16px;width:100%}.detail-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:700}.badge-city{background:rgba(248,66,105,.08);color:#f84269}.badge-category{background:#f3f4f6;color:#4b5563}.detail-section-title{font-size:1.05rem;font-weight:800;color:#111827;margin:0 0 16px}.detail-description{font-size:.95rem;line-height:1.8;color:#4b5563}.detail-info-row{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid #f3f4f6;font-size:.95rem}.detail-info-row:last-child{border-bottom:none}.detail-info-icon{font-size:1.25rem;flex-shrink:0;width:24px;text-align:center;color:#9ca3af}.detail-info-label{font-weight:700;color:#374151;margin-bottom:2px}.detail-info-value{color:#6b7280}.detail-contact-list{display:flex;flex-direction:column;gap:12px}.detail-contact-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#fff;border:1px solid #f0f0f0;border-radius:12px;text-decoration:none;transition:background .2s,border-color .2s}.detail-contact-row:active{background:#f9fafb;border-color:#e5e7eb}.contact-chevron{color:#9ca3af;flex-shrink:0}.contact-text-group{flex:1;text-align:right;margin-right:14px;margin-left:14px;display:flex;flex-direction:column;justify-content:center}.contact-label{font-size:.75rem;color:#6b7280;margin-bottom:2px;font-weight:600}.contact-value{font-size:1.05rem;font-weight:800;color:#111827;direction:ltr;text-align:right}.contact-icon-circle{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#eef2ff;color:#4f46e5}.contact-icon-circle.wa-bg{background:#dcfce7}.contact-value.wa-color{color:#16a34a}.detail-brands-grid{display:flex;flex-wrap:wrap;gap:10px}.detail-brand-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:50px;font-size:.85rem;font-weight:700;color:#374151}.detail-brand-chip img{width:20px;height:20px;object-fit:contain;border-radius:4px}.detail-actions{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));box-shadow:0 -4px 20px rgba(0,0,0,.08);display:flex;gap:12px;z-index:100;max-width:600px;margin:0 auto}.detail-phone-btn,.detail-wa-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-noto-kufi-arabic);font-size:.95rem;font-weight:800;border-radius:12px;height:52px;text-decoration:none;transition:transform .15s,opacity .2s}.detail-phone-btn:active,.detail-wa-btn:active{transform:scale(.96)}.detail-phone-btn{background:#fff;border:2px solid #f84269;color:#f84269}.detail-wa-btn{background:#f84269;border:2px solid #f84269;color:#fff}.detail-wa-btn svg{width:22px;height:22px}.detail-phone-btn svg{width:20px;height:20px}@media (min-width:768px){.detail-page{padding-top:24px;max-width:800px}.desktop-only-nav{display:block!important}.detail-header{flex-direction:row;align-items:center;justify-content:space-between;text-align:right}.detail-logo{width:90px;height:90px}.detail-title{flex:1;text-align:right;padding:0 16px}.detail-badges{border-top:none;padding-top:0;justify-content:flex-end;width:auto}.gallery-slider{border-radius:16px;aspect-ratio:16/9}.gallery-next,.gallery-prev{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.85);border:none;width:44px;height:44px;border-radius:50%;cursor:pointer;font-size:1.2rem;z-index:20;line-height:1}.gallery-prev{left:16px}.gallery-next{right:16px}.detail-actions{max-width:800px;border-radius:16px 16px 0 0}}