.dgrna-shell,
.dgrna-widget,
.dgrna-widget * { box-sizing: border-box; }

.dgrna-shell {
    display: block !important;
    width: min(1180px, calc(100vw - 36px)) !important;
    max-width: min(1180px, calc(100vw - 36px)) !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    direction: rtl !important;
}

.dgrna-widget {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    padding: 22px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 12px 35px rgba(15, 23, 42, .07) !important;
    color: #1f2937 !important;
    font-family: inherit !important;
    line-height: 1.5 !important;
    direction: rtl !important;
    overflow: hidden !important;
}

.dgrna-main {
    display: grid !important;
    grid-template-columns: 220px minmax(0, 1fr) !important;
    gap: 20px !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    direction: ltr !important;
}

.dgrna-summary {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 24px 18px !important;
    border: 1px solid #e8edf3 !important;
    border-radius: 17px !important;
    background: linear-gradient(180deg, #fff 0%, #f8fafc 100%) !important;
    text-align: center !important;
    direction: rtl !important;
    overflow: hidden !important;
}

.dgrna-google-g {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 0 12px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: 0 5px 14px rgba(15, 23, 42, .08) !important;
    color: #4285f4 !important;
    font: 800 27px/1 Arial, sans-serif !important;
}

.dgrna-business { display:block !important; width:100% !important; margin:0 0 6px !important; color:#111827 !important; font-size:16px !important; font-weight:800 !important; line-height:1.7 !important; }
.dgrna-rating-number { margin:0 !important; color:#4b5563 !important; font-size:13px !important; font-weight:700 !important; }
.dgrna-stars, .dgrna-review-stars { display:block !important; direction:ltr !important; white-space:nowrap !important; letter-spacing:1px !important; line-height:1 !important; }
.dgrna-stars { margin:10px 0 8px !important; font-size:24px !important; }
.dgrna-review-stars { margin:14px 0 11px !important; font-size:18px !important; text-align:right !important; }
.dgrna-stars-on { color:#fbbc04 !important; }
.dgrna-stars-off { color:#d1d5db !important; }
.dgrna-total { margin:0 !important; color:#6b7280 !important; font-size:12px !important; font-weight:600 !important; }
.dgrna-google-word { margin-top:10px !important; color:#4285f4 !important; font:700 22px/1 Arial, sans-serif !important; }

.dgrna-slider-wrap { position:relative !important; display:flex !important; align-items:stretch !important; width:100% !important; min-width:0 !important; margin:0 !important; direction:rtl !important; }
.dgrna-track {
    display:grid !important;
    grid-auto-flow:column !important;
    grid-auto-columns:calc((100% - 28px) / 3) !important;
    gap:14px !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:1px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory !important;
    scrollbar-width:none !important;
    direction:rtl !important;
    -webkit-overflow-scrolling:touch;
}
.dgrna-track::-webkit-scrollbar { display:none !important; }

.dgrna-review {
    position:relative !important;
    display:flex !important;
    flex-direction:column !important;
    width:auto !important;
    min-width:0 !important;
    min-height:232px !important;
    margin:0 !important;
    padding:18px !important;
    border:1px solid #e5e7eb !important;
    border-radius:17px !important;
    background:#fff !important;
    box-shadow:0 6px 18px rgba(15,23,42,.055) !important;
    scroll-snap-align:start !important;
    direction:rtl !important;
    overflow:hidden !important;
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}
.dgrna-review:hover { transform:translateY(-2px) !important; border-color:#d7dee8 !important; box-shadow:0 12px 26px rgba(15,23,42,.09) !important; }
.dgrna-review::before { content:"" !important; position:absolute !important; top:0 !important; right:0 !important; left:0 !important; height:3px !important; background:linear-gradient(90deg, #4285f4, #34a853, #fbbc04, #ea4335) !important; }
.dgrna-review-head { display:flex !important; align-items:center !important; gap:10px !important; width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important; }
.dgrna-avatar { display:flex !important; flex:0 0 46px !important; align-items:center !important; justify-content:center !important; width:46px !important; height:46px !important; min-width:46px !important; margin:0 !important; padding:0 !important; border:2px solid #fff !important; border-radius:50% !important; background:#eef2f7 !important; box-shadow:0 0 0 1px #e5e7eb !important; color:#475569 !important; font-weight:800 !important; overflow:hidden !important; }
.dgrna-avatar img { display:block !important; width:100% !important; height:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:50% !important; object-fit:cover !important; }
.dgrna-person { display:flex !important; flex:1 1 auto !important; flex-direction:column !important; min-width:0 !important; margin:0 !important; text-align:right !important; }
.dgrna-person strong { display:block !important; margin:0 !important; overflow:hidden !important; color:#111827 !important; font-size:14px !important; font-weight:800 !important; line-height:1.45 !important; text-overflow:ellipsis !important; white-space:nowrap !important; }
.dgrna-person small { display:block !important; margin:3px 0 0 !important; color:#7c8798 !important; font-size:11px !important; line-height:1.4 !important; }
.dgrna-google-icon { display:flex !important; flex:0 0 28px !important; align-items:center !important; justify-content:center !important; width:28px !important; height:28px !important; min-width:28px !important; margin:0 !important; border:1px solid #e5e7eb !important; border-radius:50% !important; background:#fff !important; color:#4285f4 !important; font:800 16px/1 Arial, sans-serif !important; }
.dgrna-review-text { display:-webkit-box !important; margin:0 !important; color:#374151 !important; font-size:13px !important; line-height:1.95 !important; text-align:right !important; overflow:hidden !important; overflow-wrap:anywhere !important; -webkit-box-orient:vertical !important; -webkit-line-clamp:4 !important; }
.dgrna-review-text p { margin:0 !important; padding:0 !important; }
.dgrna-no-text { color:#94a3b8 !important; }

.dgrna-nav { position:absolute !important; top:50% !important; z-index:10 !important; display:flex !important; align-items:center !important; justify-content:center !important; width:38px !important; height:38px !important; min-width:38px !important; margin:-19px 0 0 !important; padding:0 0 3px !important; border:1px solid #dfe5ec !important; border-radius:50% !important; background:#fff !important; box-shadow:0 6px 18px rgba(15,23,42,.14) !important; color:#334155 !important; font:700 27px/1 Arial,sans-serif !important; cursor:pointer !important; }
.dgrna-prev { right:-12px !important; left:auto !important; }
.dgrna-next { left:-12px !important; right:auto !important; }
.dgrna-nav.is-hidden { display:none !important; }

.dgrna-buttons { display:flex !important; justify-content:center !important; gap:12px !important; flex-wrap:wrap !important; width:100% !important; margin:20px 0 0 !important; padding:18px 0 0 !important; border-top:1px solid #eef1f5 !important; }
.dgrna-btn { display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:8px !important; min-height:46px !important; margin:0 !important; padding:11px 22px !important; border:1px solid transparent !important; border-radius:12px !important; font-size:13px !important; font-weight:800 !important; line-height:1.4 !important; text-decoration:none !important; box-shadow:0 5px 14px rgba(15,23,42,.08) !important; transition:transform .2s ease, box-shadow .2s ease, background .2s ease !important; }
.dgrna-btn:hover { transform:translateY(-1px) !important; box-shadow:0 9px 20px rgba(15,23,42,.12) !important; }
.dgrna-btn svg { width:18px !important; height:18px !important; flex:0 0 18px !important; }
.dgrna-btn-primary { border-color:#1f9d55 !important; background:linear-gradient(135deg, #34a853, #249447) !important; color:#fff !important; }
.dgrna-btn-primary:hover { background:linear-gradient(135deg, #2f9d4e, #1f823d) !important; color:#fff !important; }
.dgrna-btn-outline { border-color:#cfd8e5 !important; background:#fff !important; color:#1769d2 !important; }
.dgrna-btn-outline:hover { border-color:#aebed3 !important; background:#f7faff !important; color:#1157b0 !important; }
.dgrna-empty { width:100% !important; padding:28px !important; border:1px dashed #b6b7b8 !important; border-radius:12px !important; background:#f8fafc !important; color:#50575e !important; text-align:center !important; }

@media (max-width: 1024px) {
    .dgrna-shell { width:100% !important; max-width:100% !important; }
    .dgrna-main { grid-template-columns: 200px minmax(0, 1fr) !important; gap:16px !important; }
    .dgrna-track { grid-auto-columns: calc((100% - 14px) / 2) !important; }
}

@media (max-width: 767px) {
    .dgrna-shell { width:100% !important; max-width:100% !important; }
    .dgrna-widget { padding:16px !important; }
    .dgrna-main { grid-template-columns: 1fr !important; direction: rtl !important; }
    .dgrna-summary { padding:18px !important; }
    .dgrna-track { grid-auto-columns: 82% !important; }
    .dgrna-nav { display:none !important; }
}

@media (max-width: 560px) {
    .dgrna-track { grid-auto-columns: 92% !important; }
    .dgrna-buttons { flex-direction:column !important; }
    .dgrna-btn { width:100% !important; }
    .dgrna-review { min-height:220px !important; }
}