.dermelle-reviews{scroll-margin-top:96px;background:#fff;color:#2b2b2b;padding:72px 24px;font-family:var(--font-body--family)}
.dermelle-reviews__inner{width:min(100%,1100px);margin-inline:auto}
.dermelle-reviews h2{margin:0 0 32px;font-family:var(--font-heading--family);font-size:clamp(30px,4vw,40px);line-height:1.2;text-align:center}
.dermelle-reviews__summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,1.3fr) 190px;align-items:center;gap:32px;padding:12px 0 36px;border-bottom:1px solid #e6e6e6}
.dermelle-reviews__average{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left}
.dermelle-reviews__score-row{display:flex;align-items:center;gap:14px;white-space:nowrap}
.dermelle-reviews__score{font-size:52px;line-height:1;font-weight:600}
.dermelle-reviews__star-icons{position:relative;display:inline-block;width:118px;height:22px;vertical-align:middle}
.dermelle-reviews__star-layer{display:flex;gap:2px;width:100%;height:100%;overflow:hidden;color:#ded8df;white-space:nowrap}
.dermelle-reviews__star-layer--filled{position:absolute;inset:0 auto 0 0;color:#f5a623}
.dermelle-reviews__star-layer svg{flex:0 0 22px;width:22px;height:22px}
.dermelle-reviews__based{color:#5e5e5e;font-size:15px}
.dermelle-reviews__no-reviews{margin:0;font-size:24px;font-weight:600}
.dermelle-reviews__distribution{display:grid;gap:4px}
.dermelle-reviews__distribution-row{display:grid;grid-template-columns:64px minmax(0,1fr) 42px;align-items:center;gap:12px;width:100%;padding:4px 6px;border:0;border-radius:4px;background:none;color:#4b1f4e;font:inherit;font-size:15px;text-align:left;cursor:pointer}
.dermelle-reviews__distribution-row>span:first-child{display:flex;align-items:center;gap:3px}
.dermelle-reviews__distribution-row svg{width:14px;height:14px;color:#f5a623}
.dermelle-reviews__distribution-row:hover,.dermelle-reviews__distribution-row[aria-pressed=true]{background:#f4eef5}
.dermelle-reviews__bar{height:10px;overflow:hidden;border-radius:20px;background:#ededed}
.dermelle-reviews__bar>span{display:block;height:100%;border-radius:inherit;background:#4b1f4e}
.dermelle-reviews__distribution-count{text-align:right;color:#5e5e5e}
.dermelle-reviews__button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 22px;border:1px solid #4b1f4e;border-radius:6px;background:#4b1f4e;color:#fff;font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.dermelle-reviews__button:hover{background:#3b173e}
.dermelle-reviews__form-panel{margin:28px auto;padding:24px;max-width:800px;border:1px solid #e6e6e6;border-radius:8px}
.dermelle-reviews__form-panel[hidden],.dermelle-reviews [hidden]{display:none!important}
.dermelle-reviews__form-panel h3{margin:0 0 20px;font-family:var(--font-heading--family);font-size:24px}
.dermelle-reviews__form-panel form,.dermelle-reviews__form-grid{display:grid;gap:16px}
.dermelle-reviews__form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.dermelle-reviews__form-panel label{display:grid;gap:6px;font-size:15px;font-weight:600}
.dermelle-reviews__form-panel input,.dermelle-reviews__form-panel select,.dermelle-reviews__form-panel textarea{width:100%;min-height:42px;padding:10px;border:1px solid #ccc;border-radius:4px;background:#fff;color:#2b2b2b;font:inherit;font-size:16px}
.dermelle-reviews__form-panel p{margin:0;color:#5e5e5e;font-size:14px}
.dermelle-reviews__sample-notice{margin:24px 0 0;color:#6b6b6b;font-size:13px;letter-spacing:.04em;text-transform:uppercase}
.dermelle-reviews__toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:28px 0 8px}
.dermelle-reviews__toolbar h3{margin:0;font-family:var(--font-heading--family);font-size:20px;font-weight:600}
.dermelle-reviews__toolbar label{display:flex;align-items:center;gap:10px;font-size:15px}
.dermelle-reviews__toolbar select{min-height:40px;padding:6px 30px 6px 10px;border:1px solid #d6d6d6;border-radius:4px;background:#fff;color:#2b2b2b;font:inherit}
.dermelle-reviews__card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:start;gap:18px;padding:28px 0;border-bottom:1px solid #e6e6e6;font-size:16px}
.dermelle-reviews__card-main{min-width:0}
.dermelle-reviews__author-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 8px}
.dermelle-reviews__avatar{display:block;width:44px;height:44px;overflow:hidden;border:1px solid #dedede;border-radius:50%;background:#ececee;transform:translateX(8px)}
.dermelle-reviews__avatar img{width:100%;height:100%;object-fit:cover}
.dermelle-reviews__author-row strong{font-size:15px}
.dermelle-reviews__verified{display:inline-flex;align-items:center;gap:4px;color:#4b1f4e;font-size:13px}
.dermelle-reviews__verified svg{width:16px;height:16px}
.dermelle-reviews__date{justify-self:end;color:#707070;font-size:14px;white-space:nowrap}
.dermelle-reviews__card h3{margin:10px 0 8px;font-family:var(--font-heading--family);font-size:16px;font-weight:700}
.dermelle-reviews__body{margin:0;color:#4a4a4a;font-size:15px;line-height:1.65}
.dermelle-reviews__photos{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.dermelle-reviews__photos button{width:70px;height:70px;overflow:hidden;padding:0;border:1px solid #e6e6e6;border-radius:5px;background:none;cursor:zoom-in}
.dermelle-reviews__photos img{width:100%;height:100%;object-fit:cover}
.dermelle-reviews__media-thumb,.dermelle-reviews__media-placeholder{position:relative;display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin-top:14px;padding:0;overflow:hidden;box-sizing:border-box;border:1px solid #E7E3E8;border-radius:10px;background:#ECEBEE}
.dermelle-reviews__media-placeholder{border:1px dashed #D9D2DA;color:#B9B3BC}
.dermelle-reviews__media-placeholder>svg{width:26px;height:26px}
.dermelle-reviews__media-thumb{cursor:zoom-in;transition:transform 150ms,border-color 150ms}
.dermelle-reviews__media-thumb>img,.dermelle-reviews__media-thumb>video{width:100%;height:100%;object-fit:cover;pointer-events:none}
.dermelle-reviews__media-thumb:hover{border-color:#4B1F4E;transform:scale(1.03)}
.dermelle-reviews__media-play{position:absolute;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;color:#4B1F4E;pointer-events:none}
.dermelle-reviews__media-play svg{width:16px;height:16px}
.dermelle-reviews__media-viewer{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:56px;border:0;box-sizing:border-box;background:transparent;overflow:hidden;color:#fff}
.dermelle-reviews__media-viewer[open]{display:flex;align-items:center;justify-content:center}
.dermelle-reviews__media-viewer::backdrop{background:rgba(31,18,32,.4);backdrop-filter:none}
.dermelle-reviews__media-viewer figure{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:100%;max-height:100%;margin:0}
.dermelle-reviews__media-viewer figure>img,.dermelle-reviews__media-viewer figure>video{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 152px);object-fit:contain;border-radius:12px}
.dermelle-reviews__media-viewer figcaption{flex:none;margin:0;font:400 14px/1.4 Inter,var(--font-body--family),sans-serif;text-align:center;color:#fff}
.dermelle-reviews__media-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #E7E3E8;border-radius:50%;background:#fff;color:#1F1F1F;font:28px/1 sans-serif;cursor:pointer}
@media(max-width:749px){.dermelle-reviews__media-viewer{padding:16px}}
@media(prefers-reduced-motion:reduce){.dermelle-reviews__media-thumb{transition:none}.dermelle-reviews__media-thumb:hover{transform:none}}
.dermelle-reviews__helpful{display:flex;align-items:center;gap:10px;margin-top:20px;color:#6B6B6B;font-family:Inter,var(--font-body--family),sans-serif;font-size:13px}
.dermelle-reviews__helpful button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;border:1px solid #E7E3E8;border-radius:999px;background:#fff;color:#1F1F1F;font:500 13px/1 Inter,var(--font-body--family),sans-serif;cursor:pointer}
.dermelle-reviews__helpful button svg{width:16px;height:16px}
.dermelle-reviews__helpful button:hover{border-color:#4B1F4E}
.dermelle-reviews__helpful button[aria-pressed="true"]{border-color:#4B1F4E;background:#4B1F4E;color:#fff;cursor:default}
.dermelle-reviews__helpful button[aria-pressed="true"]:hover{border-color:#4B1F4E}
.dermelle-reviews__helpful-pop{animation:dermelle-helpful-pop 150ms ease-out}
@keyframes dermelle-helpful-pop{50%{transform:scale(1.08)}}
@media(prefers-reduced-motion:reduce){.dermelle-reviews__helpful-pop{animation:none}}
.dermelle-reviews__empty,.dermelle-reviews__no-match{margin:32px 0;color:#5e5e5e;font-size:16px;text-align:center}
.dermelle-reviews__load-more{display:block;margin:30px auto 0;padding:11px 22px;border:1px solid #4b1f4e;border-radius:5px;background:#fff;color:#4b1f4e;font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.dermelle-reviews__load-more[disabled],.dermelle-reviews__load-more[aria-disabled="true"]{opacity:.45;cursor:not-allowed}
.dermelle-reviews__load-more[disabled]:hover{background:#fff;color:#4b1f4e}
.dermelle-reviews__no-match--photos{color:#6b6b6b;font-size:14px}
.dermelle-reviews__lightbox{max-width:min(92vw,900px);max-height:90vh;padding:30px;border:0;border-radius:8px;background:#fff}
.dermelle-reviews__lightbox::backdrop{background:rgba(0,0,0,.75)}
.dermelle-reviews__lightbox img{display:block;max-width:100%;max-height:calc(90vh - 60px);object-fit:contain}
.dermelle-reviews__lightbox button{position:absolute;top:0;right:4px;border:0;background:none;color:#2b2b2b;font-size:30px;cursor:pointer}
.dermelle-reviews :is(button,input,select,textarea):focus-visible{outline:2px solid #4b1f4e;outline-offset:3px}
@media(max-width:749px){.dermelle-reviews{padding:56px 16px}.dermelle-reviews__summary{grid-template-columns:1fr;gap:24px}.dermelle-reviews__average{align-items:center;text-align:center}.dermelle-reviews__distribution{width:100%}.dermelle-reviews__write-wrap,.dermelle-reviews__write-wrap button{width:100%}.dermelle-reviews__form-grid{grid-template-columns:1fr}.dermelle-reviews__toolbar{align-items:flex-start;flex-direction:column}.dermelle-reviews__toolbar label,.dermelle-reviews__toolbar select{width:100%}.dermelle-reviews__card{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:24px 0}.dermelle-reviews__avatar{width:40px;height:40px}.dermelle-reviews__date{grid-column:2;justify-self:start;white-space:normal}.dermelle-reviews__card-main{grid-column:2}}
