.kh-customer-photos{--cp-primary:var(--c-primary, #0f4f59);--cp-border:var(--c-border, #dde8ea);max-width:1300px;margin:28px auto;padding:0 24px;box-sizing:border-box;direction:rtl}@media (max-width:768px){.kh-customer-photos{padding:0 16px}}.kh-cp-title{font-size:18px;font-weight:700;color:var(--cp-primary);margin:0 0 16px;display:flex;align-items:center;gap:8px}.kh-cp-title::before{content:'';width:6px;height:20px;background:var(--c-gold,#c9a84c);border-radius:4px;display:inline-block}.kh-cp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.kh-cp-item{padding:0;border:none;background:none;cursor:pointer;border-radius:12px;overflow:hidden;aspect-ratio:1 / 1;position:relative;box-shadow:0 2px 8px rgb(15 79 89 / .08);transition:transform .2s ease,box-shadow .2s ease}.kh-cp-item:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgb(15 79 89 / .18)}.kh-cp-item img{width:100%;height:100%;object-fit:cover;display:block}.kh-cp-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgb(0 0 0 / .25);color:#fff;pointer-events:none}.kh-cp-play svg{width:34px;height:34px;filter:drop-shadow(0 2px 6px rgb(0 0 0 / .5))}.kh-cp-video{max-width:90vw;max-height:78vh;border-radius:10px;background:#000}.kh-cp-lightbox{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center}.kh-cp-lightbox-overlay{position:absolute;inset:0;background:rgb(0 0 0 / .85);backdrop-filter:blur(3px)}.kh-cp-figure{position:relative;z-index:1;margin:0;max-width:90vw;max-height:85vh;display:flex;flex-direction:column;align-items:center;gap:12px}.kh-cp-full{max-width:90vw;max-height:78vh;object-fit:contain;border-radius:10px}.kh-cp-caption{color:#fff;font-size:14px;font-weight:600}.kh-cp-close,.kh-cp-nav{position:absolute;z-index:2;background:rgb(255 255 255 / .15);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.kh-cp-close{top:20px;left:20px;width:44px;height:44px;border-radius:50%}.kh-cp-nav{top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;font-size:32px;line-height:1}.kh-cp-prev{right:16px}.kh-cp-next{left:16px}.kh-cp-close:hover,.kh-cp-nav:hover{background:rgb(255 255 255 / .3)}@media (max-width:768px){.kh-cp-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.kh-cp-nav{width:40px;height:40px;font-size:26px}}