.portfolio-page{max-width:1400px;margin:0 auto;padding:24px 20px 60px;direction:rtl}.portfolio-intro{color:#666;font-size:.95rem;margin:0 0 24px;line-height:1.8}.portfolio-loading,.portfolio-empty{text-align:center;color:#888;padding:60px 0}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.portfolio-card{border:1px solid #eee;border-radius:14px;overflow:hidden;background:#fff;padding:0;cursor:pointer;text-align:right;font-family:inherit;transition:transform .2s ease,box-shadow .2s ease}.portfolio-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #0000001f}.portfolio-card-image{position:relative;aspect-ratio:4 / 3;background:#f4f4f4}.portfolio-card-image img{width:100%;height:100%;object-fit:cover;display:block}.portfolio-card-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#f0f0f0,#e4e4e4)}.portfolio-count{position:absolute;bottom:8px;left:8px;background:#0000009e;color:#fff;font-size:12px;padding:3px 9px;border-radius:12px}.portfolio-card-body{padding:12px 14px 16px}.portfolio-card-body h3{margin:0 0 4px;font-size:.95rem;color:#3d2410;font-weight:600;line-height:1.5}.portfolio-card-body p{margin:0;font-size:.8rem;color:#888}.portfolio-lightbox{position:fixed;inset:0;background:#000000d1;z-index:3000;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:30px 16px}.portfolio-lightbox-inner{background:#fff;border-radius:16px;max-width:1100px;width:100%;padding:22px;position:relative;direction:rtl}.portfolio-lightbox-inner h2{margin:0 0 6px;font-size:1.2rem;color:#3d2410;padding-left:44px}.portfolio-desc{color:#666;font-size:.9rem;line-height:1.8;margin:0 0 16px}.portfolio-close{position:absolute;top:14px;left:14px;width:34px;height:34px;border-radius:50%;border:none;background:#f0f0f0;font-size:1.5rem;line-height:1;cursor:pointer;color:#444}.portfolio-close:hover{background:peru;color:#fff}.portfolio-lightbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.portfolio-lightbox-grid img{width:100%;border-radius:10px;display:block}@media(max-width:768px){.portfolio-page{padding:16px 12px 40px}.portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.portfolio-card-body h3{font-size:.82rem}.portfolio-lightbox-inner{padding:16px}.portfolio-lightbox-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}}