.agsc {
--agsc-bg: #ffffff;
--agsc-surface: #ffffff;
--agsc-text: #172033;
--agsc-muted: #667085;
--agsc-border: #dde3ea;
--agsc-accent: #2563eb;
--agsc-star: #f59e0b;
--agsc-radius: 8px;
--agsc-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
--agsc-card-gap: 0.75rem;
--agsc-card-padding: 1rem;
--agsc-text-lines: 4;
box-sizing: border-box;
color: var(--agsc-text);
font-family: inherit;
margin: 0 !important;
max-width: min(100%, 760px);
min-width: 0;
}
.agsc *,
.agsc *::before,
.agsc *::after {
box-sizing: inherit;
}
.wp-block-shortcode:has(> .agsc),
.wp-block-shortcode:has(> .agsc-widget) {
margin: 0 !important;
}
.agsc--theme-soft {
--agsc-bg: #f6f8fb;
--agsc-surface: #ffffff;
--agsc-border: #d8e0ea;
--agsc-accent: #0f766e;
}
.agsc--theme-dark {
--agsc-bg: #151922;
--agsc-surface: #1d2430;
--agsc-text: #f7fafc;
--agsc-muted: #b8c0cc;
--agsc-border: #374151;
--agsc-accent: #60a5fa;
}
.agsc-review {
background: var(--agsc-surface);
border: 1px solid var(--agsc-border);
border-radius: var(--agsc-radius);
box-shadow: var(--agsc-shadow);
display: flex;
flex-direction: column;
gap: var(--agsc-card-gap);
min-width: 0;
overflow: hidden;
padding: var(--agsc-card-padding);
}
.agsc--compact {
max-width: 520px;
}
.agsc--compact .agsc-review {
gap: 0.65rem;
padding: 0.85rem;
}
.agsc--quote .agsc-review {
background: var(--agsc-bg);
border-left: 4px solid var(--agsc-accent);
}
.agsc--design-official {
--agsc-accent: #4285F4;
--agsc-star: #FBBC05;
--agsc-border: #DADCE0;
--agsc-card-gap: 1.15rem;
--agsc-card-padding: 2.35rem 2.55rem;
--agsc-radius: 20px;
--agsc-shadow: 0 8px 28px rgba(60, 64, 67, 0.14);
--agsc-text: #202124;
max-width: min(100%, 733px);
}
.agsc--design-official .agsc-review {
box-shadow: var(--agsc-shadow);
}
.agsc--design-official .agsc-review__header {
align-items: flex-start;
gap: 1.45rem;
}
.agsc--design-official .agsc-review__avatar {
background: #5e35b1;
color: #ffffff;
flex-basis: 64px;
font-size: 2rem;
height: 64px;
width: 64px;
}
.agsc--design-official .agsc-review__author {
font-size: 1.55rem;
font-weight: 800;
line-height: 1.18;
}
.agsc--design-official .agsc-review__date {
color: #858585;
font-size: 1.28rem;
line-height: 1.25;
margin-top: 0.25rem;
}
.agsc--design-official .agsc-google-badge {
flex-basis: 40px;
height: 40px;
width: 40px;
}
.agsc--design-official .agsc-google-mark {
background: transparent;
border: 0;
height: 40px;
line-height: 1;
width: 40px;
}
.agsc--design-official .agsc-review__scoreline {
gap: 0.85rem;
}
.agsc--design-official .agsc-review__rating {
align-items: center;
gap: 0.45rem;
}
.agsc--design-official .agsc-stars {
font-size: 2rem;
gap: 0.16rem;
}
.agsc--design-official .agsc-verified-badge {
align-items: center;
display: inline-flex;
height: 28px;
justify-content: center;
line-height: 1;
margin-left: 0;
width: 28px;
}
.agsc--design-official .agsc__place-name {
display: none;
}
.agsc--design-official .agsc-review__text {
font-size: 1.55rem;
line-height: 1.42;
}
.agsc--design-official.agsc--text-read-more .agsc-review__ellipsis {
color: var(--agsc-text);
display: block;
font-size: 1.3rem;
font-weight: 700;
line-height: 1;
margin-top: -0.35rem;
}
.agsc--design-official.agsc--text-read-more .agsc-review__more {
align-self: flex-start;
background: transparent;
border: 0;
color: #8a8a8a;
cursor: pointer;
display: inline-flex;
font: inherit;
font-size: 1.35rem;
line-height: 1.25;
margin: -0.15rem 0 0;
padding: 0;
}
.agsc--design-official.agsc--text-read-more .agsc-review__more:hover {
color: #5f6368;
text-decoration: underline;
}
.agsc--design-official .agsc-review__footer {
display: none;
}
.agsc--design-column {
--agsc-accent: #0f6b49;
--agsc-card-gap: 0.7rem;
--agsc-card-padding: 1rem 1.2rem;
--agsc-radius: 16px;
--agsc-shadow: 0 6px 18px rgba(15, 23, 42, 0.10);
container-type: inline-size;
max-width: min(100%, 1280px);
}
.agsc--design-column .agsc-review {
display: grid;
grid-template-columns: minmax(220px, 28%) minmax(0, 1fr);
grid-template-rows: minmax(0, 1fr) auto;
min-height: 135px;
position: relative;
row-gap: 0.35rem;
}
.agsc--design-column .agsc-review__header {
align-items: flex-start;
display: flex;
flex-direction: column;
gap: 0.4rem;
grid-column: 1;
grid-row: 1;
min-width: 0;
padding-right: 1rem;
width: 100%;
}
.agsc--design-column .agsc-review__profile {
align-items: center;
display: flex;
gap: 0.55rem;
min-width: 0;
width: 100%;
}
.agsc--design-column .agsc-review__avatar {
background: #edf6f1;
color: #0f6b49;
flex-basis: 30px;
font-size: 0.83rem;
font-weight: 700;
height: 30px;
width: 30px;
}
.agsc--design-column .agsc-review__identity {
align-self: center;
flex: 1 1 auto;
gap: 0.02rem;
min-width: 0;
}
.agsc--design-column .agsc-review__author {
font-size: 0.94rem;
font-weight: 700;
line-height: 1.18;
overflow-wrap: break-word;
word-break: normal;
}
.agsc--design-column .agsc-review__date {
color: #334155;
font-size: 0.82rem;
line-height: 1.2;
margin-top: 0.12rem;
}
.agsc--design-column .agsc-google-badge {
align-self: flex-start;
flex: 0 0 24px;
height: 24px;
margin: 0 0 0 auto;
position: static;
width: 24px;
z-index: auto;
}
.agsc--design-column .agsc-google-mark {
height: 24px;
width: 24px;
}
.agsc--design-column .agsc-review__scoreline {
align-items: flex-start;
align-self: auto;
flex-direction: column;
flex-wrap: nowrap;
gap: 0.35rem;
grid-column: 1 / -1;
max-width: 100%;
padding-right: 0;
}
.agsc--design-column .agsc-review__rating {
align-items: center;
gap: 0.55rem;
}
.agsc--design-column .agsc-stars {
font-size: 1.35rem;
gap: 0.1rem;
}
.agsc--design-column .agsc-verified-badge {
height: 22px;
margin-left: 0;
width: 22px;
}
.agsc--design-column .agsc__place-name {
display: none;
}
.agsc--design-column .agsc-review__text,
.agsc--design-column .agsc-review__ellipsis,
.agsc--design-column .agsc-review__more {
border-left: 1px solid #e5e7eb;
grid-column: 2;
padding-left: 1.25rem;
padding-right: 0.3rem;
}
.agsc--design-column .agsc-review__text {
align-self: start;
font-size: 0.94rem;
grid-row: 1;
line-height: 1.45;
min-height: 0;
}
.agsc--design-column .agsc-review__ellipsis,
.agsc--design-column .agsc-review__more {
grid-row: 2;
}
.agsc--design-column .agsc-review__scoreline .agsc-google-badge {
align-self: center;
flex: 0 0 18px;
height: 18px;
margin: 0;
min-width: 18px;
width: 18px;
}
.agsc--design-column .agsc-review__scoreline .agsc-google-mark {
height: 18px;
width: 18px;
}
.agsc--design-column .agsc-review__powered {
color: #0f6b49;
font-size: 0.98rem;
font-weight: 800;
}
.agsc--design-column .agsc-review__google-link,
.agsc--design-column .agsc-review__google-label {
align-items: center;
display: inline-flex;
flex: 0 0 auto;
gap: 0.42rem;
text-decoration: none;
white-space: nowrap;
}
.agsc--design-column .agsc-review__google-link:hover {
text-decoration: underline;
}
.agsc--design-column .agsc-review__source {
align-items: center;
color: #0f6b49;
display: inline-flex;
font-size: 0.98rem;
font-weight: 800;
margin-left: auto;
text-decoration: none;
white-space: nowrap;
}
.agsc--design-column .agsc-review__source::after {
content: "↗";
display: inline-block;
font-size: 1.25rem;
margin-left: 0.75rem;
transform: translateY(-0.04em);
}
.agsc--design-column .agsc-review__source::after {
content: "\2197";
}
.agsc-widget.agsc--design-column .agsc-widget__reviews {
grid-template-columns: 1fr;
}
.agsc--design-column.agsc--text-scroll .agsc-review__text {
max-height: calc(1.45em * var(--agsc-text-lines));
}
@container (max-width: 640px) {
.agsc--design-column .agsc-review {
display: flex;
flex-direction: column;
}
.agsc--design-column .agsc-review__header,
.agsc--design-column .agsc-review__scoreline {
padding-right: 0;
}
.agsc--design-column .agsc-review__text,
.agsc--design-column .agsc-review__ellipsis,
.agsc--design-column .agsc-review__more,
.agsc--design-column .agsc-review__footer {
border-left: 0;
padding-left: 0;
padding-right: 0;
}
}
.agsc--design-minimal {
--agsc-shadow: none;
}
.agsc--design-minimal .agsc-review {
border-left: 0;
border-right: 0;
border-top: 0;
}
.agsc--design-premium .agsc-review {
border-width: 1px;
}
.agsc--shadow-none {
--agsc-shadow: none;
}
.agsc--shadow-soft {
--agsc-shadow: 0 1px 2px rgba(60, 64, 67, 0.12), 0 1px 3px rgba(60, 64, 67, 0.08);
}
.agsc--shadow-medium {
--agsc-shadow: 0 10px 24px rgba(15, 23, 42, 0.14);
}
.agsc--density-compact {
--agsc-card-gap: 0.55rem;
--agsc-card-padding: 0.8rem;
}
.agsc--density-comfortable {
--agsc-card-gap: 1rem;
--agsc-card-padding: 1.2rem;
}
.agsc-review__header {
align-items: center;
display: flex;
gap: 0.75rem;
min-width: 0;
}
.agsc-review__identity {
display: grid;
gap: 0.1rem;
min-width: 0;
}
.agsc-google-badge {
align-items: center;
border-radius: 50%;
display: inline-flex;
flex: 0 0 28px;
height: 28px;
justify-content: center;
margin-left: auto;
min-width: 28px;
text-decoration: none;
width: 28px;
}
.agsc-google-mark {
align-items: center;
background: transparent;
border: 0;
border-radius: 50%;
display: inline-flex;
height: 28px;
justify-content: center;
line-height: 1;
width: 28px;
}
.agsc-google-logo {
display: block;
height: 100%;
width: 100%;
}
.agsc__summary {
align-items: center;
background: var(--agsc-bg);
border: 1px solid var(--agsc-border);
border-radius: var(--agsc-radius);
display: flex;
gap: 1rem;
justify-content: space-between;
padding: 0.85rem;
}
.agsc__summary-main {
display: grid;
gap: 0.2rem;
min-width: 0;
}
.agsc__place-name {
font-size: 1rem;
line-height: 1.3;
overflow-wrap: anywhere;
}
.agsc__source-label {
color: var(--agsc-muted);
font-size: 0.86rem;
line-height: 1.3;
}
.agsc-review__scoreline {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.agsc__google-link,
.agsc-review__source {
color: var(--agsc-accent);
font-size: 0.9rem;
font-weight: 700;
text-decoration: none;
white-space: nowrap;
}
.agsc__google-link:hover,
.agsc-review__source:hover {
text-decoration: underline;
}
.agsc-review__rating,
.agsc-stars {
align-items: center;
display: inline-flex;
gap: 0.12rem;
line-height: 1;
}
.agsc-stars {
color: #cbd5e1;
font-size: 1rem;
letter-spacing: 0;
}
.agsc-stars .is-filled {
color: var(--agsc-star);
}
.agsc-review__ellipsis,
.agsc-review__more {
display: none;
}
.agsc-verified-badge {
align-items: center;
display: inline-flex;
flex: 0 0 auto;
height: 20px;
justify-content: center;
line-height: 1;
margin-left: 0.3rem;
width: 20px;
}
.agsc-verified-badge__svg {
display: block;
height: 100%;
width: 100%;
}
.agsc-review__text {
color: var(--agsc-text);
font-size: 0.98rem;
line-height: 1.6;
margin: 0;
overflow-wrap: anywhere;
word-break: break-word;
}
.agsc--text-read-more .agsc-review__text {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: var(--agsc-text-lines);
}
.agsc--text-read-more .agsc-review.is-expanded .agsc-review__text {
display: block;
overflow: visible;
}
.agsc--text-read-more .agsc-review__ellipsis {
display: block;
font-weight: 700;
line-height: 1;
margin-top: -0.25rem;
}
.agsc--text-read-more .agsc-review.is-expanded .agsc-review__ellipsis {
display: none;
}
.agsc--text-read-more .agsc-review__more {
align-self: flex-start;
background: transparent;
border: 0;
color: var(--agsc-muted);
cursor: pointer;
display: inline-flex;
font: inherit;
font-size: 0.95rem;
font-weight: 600;
line-height: 1.25;
margin: -0.1rem 0 0;
padding: 0;
}
.agsc--text-read-more .agsc-review__more:hover {
color: var(--agsc-accent);
text-decoration: underline;
}
.agsc--text-read-more .agsc-review__more.is-hidden,
.agsc--text-read-more .agsc-review__ellipsis.is-hidden {
display: none;
}
.agsc--text-scroll .agsc-review__text {
max-height: calc(1.6em * var(--agsc-text-lines));
overflow-y: auto;
padding-right: 0.6rem;
scrollbar-color: #c8cdd4 transparent;
scrollbar-width: thin;
}
.agsc--text-scroll .agsc-review__text::-webkit-scrollbar {
width: 8px;
}
.agsc--text-scroll .agsc-review__text::-webkit-scrollbar-thumb {
background: #c8cdd4;
border-radius: 999px;
}
.agsc--design-official.agsc--text-scroll .agsc-review__text {
max-height: calc(1.42em * var(--agsc-text-lines));
}
.agsc--quote .agsc-review__text {
font-size: 1.05rem;
}
.agsc-review__footer {
align-items: center;
display: flex;
gap: 0.7rem;
margin-top: auto;
min-width: 0;
}
.agsc-review__avatar {
align-items: center;
background: #e6eef8;
border-radius: 50%;
color: #1d4ed8;
display: inline-flex;
flex: 0 0 40px;
font-size: 0.95rem;
font-weight: 800;
height: 40px;
justify-content: center;
object-fit: cover;
width: 40px;
}
.agsc--theme-dark .agsc-review__avatar {
background: #2d3b50;
color: #bfdbfe;
}
.agsc-review__meta {
display: grid;
gap: 0.1rem;
min-width: 0;
}
.agsc-review__author {
color: var(--agsc-text);
font-size: 0.94rem;
font-weight: 700;
line-height: 1.3;
overflow-wrap: anywhere;
word-break: break-word;
}
.agsc-review__date {
color: var(--agsc-muted);
font-size: 0.86rem;
line-height: 1.3;
}
.agsc-review__source {
margin-left: auto;
}
.agsc-review__powered {
color: var(--agsc-muted);
font-size: 0.84rem;
font-weight: 600;
}
.agsc--notice {
background: #fff8e6;
border: 1px solid #f5c451;
border-radius: var(--agsc-radius);
color: #533f03;
padding: 0.9rem 1rem;
}
.agsc--notice p {
margin: 0;
}
.agsc-widget {
margin: 0 !important;
max-width: min(100%, 1120px);
min-width: 0;
}
.agsc-widget__header {
align-items: center;
background: var(--agsc-bg);
border: 1px solid var(--agsc-border);
border-radius: var(--agsc-radius);
display: flex;
gap: 1rem;
justify-content: space-between;
margin-bottom: 0.85rem;
padding: 0.9rem 1rem;
}
.agsc--design-minimal .agsc-widget__header {
background: transparent;
border-left: 0;
border-right: 0;
border-top: 0;
}
.agsc--design-premium .agsc-widget__header {
box-shadow: var(--agsc-shadow);
}
.agsc-widget__title {
display: block;
font-size: 1rem;
line-height: 1.3;
}
.agsc-widget__subtitle {
color: var(--agsc-muted);
display: block;
font-size: 0.88rem;
margin-top: 0.15rem;
}
.agsc-widget__reviews {
display: grid;
gap: 0.85rem;
grid-template-columns: repeat(3, minmax(0, 1fr));
min-width: 0;
}
.agsc-widget__reviews > .agsc {
margin: 0;
max-width: none;
}
.agsc-widget--cols-1 .agsc-widget__reviews {
grid-template-columns: 1fr;
}
.agsc-widget--cols-2 .agsc-widget__reviews {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.agsc-widget--cols-3 .agsc-widget__reviews {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.agsc-widget--cols-4 .agsc-widget__reviews {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.agsc-widget--list {
max-width: 820px;
}
.agsc-widget--list .agsc-widget__reviews {
grid-template-columns: 1fr;
}
.agsc-widget--slider .agsc-widget__reviews {
grid-auto-flow: column;
grid-template-columns: none;
overflow-x: auto;
overscroll-behavior-inline: contain;
padding-bottom: 0.45rem;
scroll-snap-type: x mandatory;
scrollbar-width: thin;
}
.agsc-widget--slider.agsc-widget--cols-1 .agsc-widget__reviews {
grid-auto-columns: minmax(280px, 100%);
}
.agsc-widget--slider.agsc-widget--cols-2 .agsc-widget__reviews {
grid-auto-columns: minmax(280px, calc((100% - 0.85rem) / 2));
}
.agsc-widget--slider.agsc-widget--cols-3 .agsc-widget__reviews {
grid-auto-columns: minmax(280px, calc((100% - 1.7rem) / 3));
}
.agsc-widget--slider.agsc-widget--cols-4 .agsc-widget__reviews {
grid-auto-columns: minmax(260px, calc((100% - 2.55rem) / 4));
}
.agsc-widget--slider .agsc-widget__reviews > .agsc {
scroll-snap-align: start;
}
@media (max-width: 640px) {
.agsc {
max-width: 100%;
}
.agsc-widget__reviews {
grid-template-columns: 1fr;
}
.agsc-widget--slider .agsc-widget__reviews {
grid-auto-columns: minmax(82%, 1fr);
}
.agsc__summary,
.agsc-widget__header {
align-items: flex-start;
flex-direction: column;
}
.agsc--design-official {
--agsc-card-padding: 1.25rem;
}
.agsc--design-official .agsc-review__header {
gap: 0.9rem;
}
.agsc--design-official .agsc-review__avatar {
flex-basis: 52px;
font-size: 1.55rem;
height: 52px;
width: 52px;
}
.agsc--design-official .agsc-review__author {
font-size: 1.18rem;
}
.agsc--design-official .agsc-review__date,
.agsc--design-official .agsc-review__more {
font-size: 1rem;
}
.agsc--design-official .agsc-stars {
font-size: 1.45rem;
}
.agsc--design-official .agsc-review__text {
font-size: 1.12rem;
}
.agsc--design-column {
--agsc-card-padding: 1rem;
}
.agsc--design-column .agsc-review {
display: flex;
flex-direction: column;
}
.agsc--design-column .agsc-review__header,
.agsc--design-column .agsc-review__scoreline {
padding-right: 0;
}
.agsc--design-column .agsc-google-badge {
margin-left: auto;
}
.agsc--design-column .agsc-review__text,
.agsc--design-column .agsc-review__ellipsis,
.agsc--design-column .agsc-review__more,
.agsc--design-column .agsc-review__footer {
border-left: 0;
padding-left: 0;
padding-right: 0;
}
.agsc--design-column .agsc-review__text {
font-size: 0.95rem;
order: 4;
}
.agsc--design-column .agsc-review__ellipsis {
order: 5;
}
.agsc--design-column .agsc-review__more {
order: 6;
}
.agsc--design-column .agsc-review__source {
margin-left: 0;
}
.agsc-review__footer {
align-items: flex-start;
}
.agsc-review__source {
margin-left: 0;
}
}