/* Asael Google Reviews - light, RTL, no dependencies */
.agr{--agr-star:#fb8e28;--agr-star-off:#d6d6d6;--agr-card:#f4f4f4;--agr-name:#154fc1;--agr-muted:#777;--agr-text:#222;--agr-radius:10px;--agr-gap:20px;
	font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6;color:var(--agr-text);box-sizing:border-box}
.agr-name,.agr-head-name{font-size:16px}
.agr [hidden]{display:none!important}
.agr *,.agr *:before,.agr *:after{box-sizing:border-box}
.agr a{text-decoration:none;color:inherit}

/* stars: one string, partial fill from the right */
.agr-stars{--agr-s:20px;position:relative;display:inline-block;width:max-content;align-self:flex-start;line-height:0;vertical-align:middle}
.agr-stars svg{width:var(--agr-s);height:var(--agr-s);margin-left:2px;flex:none}
.agr-stars-off,.agr-stars-on{display:flex;white-space:nowrap}
.agr-stars-off svg{fill:var(--agr-star-off)}
.agr-stars-on{position:absolute;top:0;right:0;overflow:hidden}
.agr-stars-on svg{fill:var(--agr-star)}
.agr-g{display:inline-block;vertical-align:middle;flex:none}

/* header */
.agr-head{display:flex;align-items:center;gap:12px;margin:0 0 var(--agr-gap);background:var(--agr-card);border-radius:var(--agr-radius);padding:16px 18px}
.agr-head-mini{background:none;padding:0;margin-bottom:12px}
.agr-head-photo{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:none}
.agr-head-icon{width:48px;height:48px;border-radius:50%;background:#fff;color:#4285f4;display:inline-flex;align-items:center;justify-content:center;flex:none;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.agr-scale{font-weight:700;font-size:15px}
.agr-head-name{font-weight:700;font-size:17px;color:var(--agr-name)}
.agr-head-name a{color:var(--agr-name)}
.agr-head-rating{display:flex;align-items:center;gap:6px}
.agr-num{color:var(--agr-star);font-weight:700;font-size:18px}
.agr-based{color:var(--agr-muted);font-size:13px;display:flex;align-items:center;gap:4px}

/* card */
.agr-card{min-width:0}
.agr-card-in{background:var(--agr-card);border-radius:var(--agr-radius);padding:16px 18px;height:100%;display:flex;flex-direction:column;gap:8px}
.agr-card-top{display:flex;align-items:center;gap:10px}
.agr-ava{width:40px;height:40px;border-radius:50%;flex:none;object-fit:cover}
.agr-ava-txt{display:inline-flex;align-items:center;justify-content:center;background:hsl(var(--agr-h) 45% 45%);color:#fff;font-weight:700;font-size:17px}
.agr-who{flex:1;min-width:0}
.agr-name{font-weight:700;color:var(--agr-name);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.agr-name a{color:var(--agr-name)}
.agr-time{color:var(--agr-muted);font-size:12.5px}
.agr-src{flex:none;align-self:flex-start}
.agr-text{white-space:normal;word-wrap:break-word}
.agr-clamp{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.agr-clamp.agr-open{display:block;-webkit-line-clamp:unset}
.agr-more{all:unset;cursor:pointer;color:var(--agr-name);font-size:13.5px;font-weight:600}
.agr-more:focus-visible{outline:2px solid var(--agr-name);outline-offset:2px}
.agr-reply{border-right:3px solid #c9c9c9;padding:2px 10px 2px 0;margin-top:4px;font-size:13px;color:#555}
.agr-reply b{color:#333}
.agr-loadmore{all:unset;cursor:pointer;display:block;margin:14px auto 0;padding:6px 16px;color:#333;font-size:14px;text-align:center}
.agr-loadmore:hover,.agr-loadmore:focus-visible{text-decoration:underline}

/* grid */
.agr-grid .agr-cards{display:grid;grid-template-columns:repeat(var(--agr-cols,4),minmax(0,1fr));gap:var(--agr-gap)}
@media (max-width:1024px){.agr-grid .agr-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.agr-grid .agr-cards{grid-template-columns:1fr}}

/* list */
.agr-list .agr-cards{display:flex;flex-direction:column;gap:12px}

/* slider */
.agr-slider-wrap{position:relative;display:flex;align-items:center;gap:8px}
.agr-track{flex:1;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--agr-cols,4) - 1) * var(--agr-gap)) / var(--agr-cols,4));
	gap:var(--agr-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:2px}
.agr-track::-webkit-scrollbar{display:none}
.agr-track>.agr-card{scroll-snap-align:start}
@media (max-width:1024px){.agr-track{grid-auto-columns:calc((100% - var(--agr-gap)) / 2)}}
@media (max-width:640px){.agr-track{grid-auto-columns:88%}}
.agr-nav{all:unset;cursor:pointer;flex:none;width:32px;height:32px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.18);position:relative}
.agr-nav:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-top:2px solid #555;border-right:2px solid #555}
.agr-prev:before{transform:translate(-65%,-50%) rotate(45deg)}
.agr-next:before{transform:translate(-35%,-50%) rotate(-135deg)}
.agr-nav:focus-visible{outline:2px solid var(--agr-name)}
.agr-nav[disabled]{opacity:.35;cursor:default}
.agr-dots{display:flex;justify-content:center;gap:8px;margin-top:14px}
.agr-dots button{all:unset;cursor:pointer;width:7px;height:7px;border-radius:50%;background:#ccc}
.agr-dots button.agr-on{background:var(--agr-star)}
@media (max-width:640px){.agr-nav{display:none}}

/* badge */
.agr-badge{display:inline-block}
.agr-badge-body{all:unset;cursor:pointer;display:flex;align-items:center;gap:10px;background:#fff;border-radius:6px;padding:10px 14px;
	box-shadow:0 2px 8px rgba(0,0,0,.15);border-top:4px solid #4fce6a;font-family:inherit}
div.agr-badge-body{cursor:default}
.agr-badge-info{display:flex;flex-direction:column;line-height:1.3}
.agr-badge-name{font-weight:700;font-size:14px;color:#333}
.agr-badge .agr-stars{--agr-s:16px}
.agr-badge .agr-num{font-size:16px}
.agr-badge-right,.agr-badge-left{position:fixed;bottom:20px;z-index:9990}
.agr-badge-right{right:20px}
.agr-badge-left{left:20px}
.agr-badge-x{all:unset;cursor:pointer;position:absolute;top:-8px;left:-8px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);
	font-size:14px;line-height:20px;text-align:center;color:#555}
.agr-badge-x:before{content:"×"}
.agr-badge-right .agr-badge-x{left:auto;right:-8px}
@media (max-width:640px){.agr-badge-right,.agr-badge-left{bottom:80px}}
@media (max-width:767px){.agr-hide-mobile{display:none!important}}

/* side panel opened from the badge */
.agr-panel{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.35)}
.agr-panel[hidden]{display:none}
.agr-panel-box{position:absolute;top:0;bottom:0;right:0;width:min(420px,100%);background:#fff;overflow-y:auto;padding:44px 18px 18px;box-shadow:-4px 0 18px rgba(0,0,0,.2)}
.agr-panel-x{all:unset;cursor:pointer;position:absolute;top:10px;left:12px;font-size:26px;line-height:1;color:#555}
.agr-panel-x:before{content:"×"}

/* Themes style <button> aggressively (Elementor kits, dark themes): neutralise them inside our widgets. */
.agr button.agr-more,.agr button.agr-nav,.agr button.agr-badge-body,.agr button.agr-badge-x,.agr button.agr-loadmore,.agr-panel button.agr-panel-x,.agr .agr-dots button{
	-webkit-appearance:none!important;appearance:none!important;border:0!important;box-shadow:none;text-transform:none!important;letter-spacing:normal!important;
	min-height:0!important;min-width:0!important;line-height:inherit;font-family:inherit!important;text-shadow:none!important;border-radius:0}
.agr button.agr-more,.agr button.agr-loadmore{background:transparent!important;padding:0!important;color:var(--agr-name)!important;font-size:13.5px!important;font-weight:600!important;width:auto!important}
.agr button.agr-loadmore{color:#333!important;margin:14px auto 0!important;padding:6px 16px!important}
.agr button.agr-more:hover,.agr button.agr-loadmore:hover{background:transparent!important;color:var(--agr-name)!important;text-decoration:underline}
.agr button.agr-nav{background:#fff!important;width:32px!important;height:32px!important;padding:0!important;border-radius:50%!important;box-shadow:0 1px 4px rgba(0,0,0,.18)!important}
.agr button.agr-badge-body{background:#fff!important;color:#333!important;padding:10px 14px!important;border-radius:6px!important;border-top:4px solid #4fce6a!important;box-shadow:0 2px 8px rgba(0,0,0,.15)!important;font-size:14px!important;text-align:right!important}
.agr button.agr-badge-x{background:#fff!important;width:20px!important;height:20px!important;padding:0!important;border-radius:50%!important;color:#555!important}
.agr-panel button.agr-panel-x{background:transparent!important;padding:0!important;color:#555!important}
.agr .agr-dots button{width:7px!important;height:7px!important;padding:0!important;border-radius:50%!important;background:#ccc!important}
.agr .agr-dots button.agr-on{background:var(--agr-star)!important}
.agr-badge .agr-badge-name,.agr-badge .agr-based{color:#555}
.agr-badge .agr-badge-name{color:#333}
.agr-head-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.agr a.agr-btn{display:inline-flex;align-items:center;gap:6px;background:#1a73e8;color:#fff!important;border-radius:6px;padding:6px 12px;font-size:13.5px;font-weight:600;line-height:1.3;text-decoration:none!important}
.agr a.agr-btn:hover{background:#1557b0}
.agr a.agr-btn svg{background:#fff;border-radius:50%;padding:1px}
/* slider with the header as a side column (old RichPlugins layout) */
.agr-side{display:flex;align-items:center;gap:var(--agr-gap)}
.agr-side>.agr-head{flex:0 0 auto;max-width:240px;margin:0;background:none;padding:0 4px;align-items:flex-start}
.agr-side>.agr-head .agr-head-name{font-size:15px;line-height:1.35}
.agr-side-main{flex:1;min-width:0}
@media (max-width:767px){.agr-side{display:block}.agr-side>.agr-head{max-width:none;margin:0 0 var(--agr-gap)}}
/* cols="auto": the card count follows the available width (min ~280px a card), pure CSS so it is right before JS runs */
.agr-cols-auto .agr-slider-wrap{container-type:inline-size}
.agr-cols-auto .agr-track{--agr-cols:1;grid-auto-columns:calc((100% - (var(--agr-cols) - 1) * var(--agr-gap)) / var(--agr-cols))!important}
@container (min-width:660px){.agr-cols-auto .agr-track{--agr-cols:2}}
@container (min-width:960px){.agr-cols-auto .agr-track{--agr-cols:3}}
@container (min-width:1260px){.agr-cols-auto .agr-track{--agr-cols:4}}
@container (min-width:1560px){.agr-cols-auto .agr-track{--agr-cols:5}}
@container (min-width:1860px){.agr-cols-auto .agr-track{--agr-cols:6}}
@media (max-width:640px){.agr-cols-auto .agr-track{grid-auto-columns:88%!important}}
/* every slider: never more cards than fit (min ~220px a card); narrow places (sidebars, phones) get one card with a peek */
.agr-slider .agr-slider-wrap{container-type:inline-size}
.agr-slider:not(.agr-cols-auto) .agr-track{--agr-fit:1;grid-auto-columns:calc((100% - (min(var(--agr-cols,4),var(--agr-fit)) - 1) * var(--agr-gap)) / min(var(--agr-cols,4),var(--agr-fit)))}
@container (min-width:550px){.agr-slider:not(.agr-cols-auto) .agr-track{--agr-fit:2}}
@container (min-width:790px){.agr-slider:not(.agr-cols-auto) .agr-track{--agr-fit:3}}
@container (min-width:1030px){.agr-slider:not(.agr-cols-auto) .agr-track{--agr-fit:4}}
@container (min-width:1270px){.agr-slider:not(.agr-cols-auto) .agr-track{--agr-fit:5}}
@container (min-width:1510px){.agr-slider:not(.agr-cols-auto) .agr-track{--agr-fit:6}}
@container (max-width:549px){.agr-slider .agr-track{grid-auto-columns:100%!important}}
@media (max-width:640px){.agr-slider .agr-track{grid-auto-columns:88%!important}}
/* Latin names keep their own direction ("Mirit E." not ".Mirit E") */
.agr-name{unicode-bidi:plaintext}
@media (max-width:640px){.agr .agr-slider-wrap button.agr-nav{display:none!important}.agr .agr-slider-wrap{gap:0}}