/* ---------- /reviews/ (templates/reviews.php, sections/reviews-*.php) ---------- */
/* Page block for site.css (KIT 9): merge it after the wave-2 blocks, like them scoped to
   body.dgn-page[data-page="reviews"]. The old /reviews/ body under the new chrome (route not live)
   and /customer-stories/ (which passes 'reviews' as its page) have no .dgn-page, so nothing here
   restyles them.
   Most rules below dress the [dgea_reviews] and [dgea_review_form] markup of WPCode snippet 3846
   (dgea-* classes) in the kit's look, so the shortcodes stay the data source. The snippet prints
   its own inline <style> inside <body> (after site.css), at (0,1,0) to (0,2,1); every rule here
   starts at (0,3,1), so it wins without !important. The few !important below only answer
   !important elsewhere (the snippet's, and the Astra Additional CSS rules for .dgea-badge) or the
   snippet's inline style="" attributes, and each says so. */

/* ---- hero: the "How reviews are checked" card ---- */
body.dgn-page[data-page="reviews"] .dgn-rv-card .dgn-proofcard__head{flex-wrap:wrap;row-gap:6px}
body.dgn-page[data-page="reviews"] .dgn-rv-card__s{font-size:12.5px;line-height:1.4;color:var(--dgn-dim);white-space:nowrap}
body.dgn-page[data-page="reviews"] .dgn-rv-checks{list-style:none;margin:4px 0 0;padding:0}
body.dgn-page[data-page="reviews"] .dgn-rv-checks li{display:flex;gap:20px;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--dgn-line)}
body.dgn-page[data-page="reviews"] .dgn-rv-checks b{flex:none;min-width:1.15em;font-family:var(--dgn-fd);font-stretch:72%;font-weight:850;font-size:40px;line-height:.9;color:transparent;-webkit-text-stroke:1px var(--dgn-gold);font-variant-numeric:tabular-nums}
body.dgn-page[data-page="reviews"] .dgn-rv-checks span{display:block;min-width:0;font-size:14px;line-height:1.55;color:var(--dgn-muted)}
body.dgn-page[data-page="reviews"] .dgn-rv-checks strong{display:block;margin-bottom:3px;font-family:var(--dgn-fd);font-stretch:96%;font-weight:700;font-size:18px;line-height:1.3;color:#fff}
body.dgn-page[data-page="reviews"] .dgn-rv-card__vf{display:flex;gap:10px;align-items:center;margin-top:16px;font-size:14px;line-height:1.5;color:#e2e2e8}
body.dgn-page[data-page="reviews"] .dgn-rv-card__vf svg{flex:none;color:var(--dgn-prop)}

/* ---- the archive: the section heading and the snippet's score share one grid (the score head);
   .dgea-reviews is display:contents, so its score, sort form, list and pagination are grid items ---- */
body.dgn-page[data-page="reviews"] .dgn-rv-board{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:64px;align-items:start}
body.dgn-page[data-page="reviews"] .dgn-rv-board>:where(*),
body.dgn-page[data-page="reviews"] .dgn-rv-board>:where(.dgea-reviews)>:where(*){grid-column:1/-1;min-width:0}
body.dgn-page[data-page="reviews"] .dgn-rv-board .dgea-reviews{display:contents}
body.dgn-page[data-page="reviews"] .dgn-rv-board__head{grid-column:1;grid-row:1;align-self:end}
body.dgn-page[data-page="reviews"] .dgn-rv-board__head .dgn-eyebrow{margin-bottom:16px}
body.dgn-page[data-page="reviews"] .dgn-rv-board__head .dgn-lead{margin-top:20px}

/* score head: the average as the kit's big gold figure, stars and count beside it, then the rating bars */
body.dgn-page[data-page="reviews"] .dgea-agg{grid-column:2;grid-row:1;align-self:end;display:flex;flex-wrap:nowrap;align-items:center;gap:40px;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
body.dgn-page[data-page="reviews"] .dgea-agg-score{flex:0 0 auto;display:grid;grid-template-columns:auto auto;grid-template-areas:"avg stars" "avg count";justify-content:start;column-gap:18px;row-gap:6px;align-items:center;min-width:0;text-align:left}
body.dgn-page[data-page="reviews"] .dgea-avg{grid-area:avg;display:block;font-family:var(--dgn-fd);font-stretch:70%;font-weight:900;font-size:104px;line-height:.8;letter-spacing:-.03em;color:var(--dgn-gold);font-variant-numeric:tabular-nums}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  body.dgn-page[data-page="reviews"] .dgea-avg{background:var(--dgn-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
}
body.dgn-page[data-page="reviews"] .dgea-avg-stars{grid-area:stars;align-self:end;display:block;margin:0;font-size:18px;line-height:1}
body.dgn-page[data-page="reviews"] .dgea-avg-count{grid-area:count;align-self:start;font-size:13px;line-height:1.5;color:var(--dgn-muted)}
body.dgn-page[data-page="reviews"] .dgea-agg-bars{flex:0 0 240px;min-width:0}
body.dgn-page[data-page="reviews"] .dgea-bar-row{display:flex;align-items:center;gap:12px;margin:0;padding:3px 0;font-size:12px;line-height:1.4;color:var(--dgn-dim)}
body.dgn-page[data-page="reviews"] .dgea-bar-label{flex:none;width:26px;font-family:var(--dgn-fd);font-stretch:100%;font-weight:700;color:#cfcfd6;font-variant-numeric:tabular-nums}
body.dgn-page[data-page="reviews"] .dgea-bar{flex:1;height:4px;border-radius:2px;background:rgba(255,255,255,.08);overflow:hidden}
body.dgn-page[data-page="reviews"] .dgea-bar-fill{display:block;height:100%;border-radius:2px;background:var(--dgn-grad)}
body.dgn-page[data-page="reviews"] .dgea-bar-count{flex:none;width:24px;text-align:right;font-variant-numeric:tabular-nums}

/* stars (the snippet prints them as text; empty ones stay visible, dimmed) */
body.dgn-page[data-page="reviews"] .dgea-star-set{color:var(--dgn-gold);letter-spacing:3px;white-space:nowrap}
body.dgn-page[data-page="reviews"] .dgea-star-empty{color:rgba(255,255,255,.16)}

/* sort and filter: kit labels and kit selects, above the grid's top rule */
/* (the snippet stacks these at <=560px with flex-direction:column and stretches each select; restated here) */
body.dgn-page[data-page="reviews"] .dgea-controls{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px 28px;margin:52px 0 0;padding:0 0 22px}
body.dgn-page[data-page="reviews"] .dgea-control{display:inline-flex;align-items:center;justify-content:flex-start;gap:12px;min-width:0}
body.dgn-page[data-page="reviews"] .dgea-control-lbl{font-family:var(--dgn-fd);font-stretch:112%;font-weight:700;font-size:11px;line-height:1.3;letter-spacing:.16em;text-transform:uppercase;color:var(--dgn-dim)}
body.dgn-page[data-page="reviews"] .dgea-controls select{flex:0 0 auto;display:block;width:220px;min-width:0;height:46px;margin:0;padding:0 44px 0 16px;border:1px solid var(--dgn-line2);border-radius:10px;background-color:rgba(255,255,255,.03);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23fbbf24' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;box-shadow:none;color:var(--dgn-text);font:400 14.5px/1.4 var(--dgn-fb);outline:0;cursor:pointer;-webkit-appearance:none;appearance:none;transition:border-color .2s,box-shadow .2s}
body.dgn-page[data-page="reviews"] .dgea-controls select option{background:#0b0b0f;color:var(--dgn-text)}
body.dgn-page[data-page="reviews"] .dgea-controls select:hover{border-color:var(--dgn-line3)}
body.dgn-page[data-page="reviews"] .dgea-controls select:focus{border-color:var(--dgn-gold);box-shadow:0 0 0 3px rgba(251,191,36,.25);outline:0}
/* the no-JS "Apply" button: an outline button (the page's one solid gold button is the hero CTA) */
body.dgn-page[data-page="reviews"] .dgea-filter-apply{height:46px;min-height:0;padding:0 20px;border:1px solid var(--dgn-line3);border-radius:10px;background:rgba(255,255,255,.02);box-shadow:none;color:var(--dgn-text);font:600 14px/1.2 var(--dgn-fb);cursor:pointer}
body.dgn-page[data-page="reviews"] .dgea-filter-apply:is(:hover,:focus-visible){border-color:var(--dgn-gold);background:rgba(255,255,255,.02);color:var(--dgn-gold)}

/* ---- the review grid: hairline columns (2 up, 1 at <=900), each review in the
   .dgn-rev look: stars and date, the quote under a gold quote mark, then the author row
   (initial chip or photo, name and country, the green Verified tag). .dgea-item-main and
   .dgea-item-head are display:contents, so their children are placed straight on the review's grid. ---- */
body.dgn-page[data-page="reviews"] .dgea-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--dgn-line2);border-bottom:1px solid var(--dgn-line)}
body.dgn-page[data-page="reviews"] .dgea-list>.dgea-item{display:grid;grid-template-columns:40px minmax(0,1fr) auto;grid-template-rows:repeat(7,auto) 1fr;grid-template-areas:"stars stars date" "title title title" "body body body" "imgs imgs imgs" "fx fx fx" "reply reply reply" "note note note" "av name badge";gap:0 12px;align-items:start;min-width:0;margin:0;padding:30px 40px 30px 0;border:0;border-radius:0;background:none;box-shadow:none}
body.dgn-page[data-page="reviews"] .dgea-list>.dgea-item:nth-child(even){padding:30px 0 30px 40px;border-left:1px solid var(--dgn-line)}
body.dgn-page[data-page="reviews"] .dgea-list>.dgea-item:nth-child(n+3){border-top:1px solid var(--dgn-line)}
body.dgn-page[data-page="reviews"] .dgea-item :is(.dgea-item-main,.dgea-item-head){display:contents}
body.dgn-page[data-page="reviews"] .dgea-item-stars{grid-area:stars;align-self:center;margin:0;font-size:14px;line-height:1.4}
body.dgn-page[data-page="reviews"] .dgea-date{grid-area:date;align-self:center;width:auto;margin:0;font-size:12.5px;line-height:1.4;color:var(--dgn-dim);white-space:nowrap;font-variant-numeric:tabular-nums}
body.dgn-page[data-page="reviews"] .dgea-mine-title{grid-area:title;margin:16px 0 0;font-family:var(--dgn-fd);font-stretch:96%;font-weight:700;font-size:17px;line-height:1.35;color:#fff}
body.dgn-page[data-page="reviews"] .dgea-body{grid-area:body;max-width:68ch;margin-top:4px;font-size:15.5px;line-height:1.65;color:#e2e2e8;overflow-wrap:anywhere;text-wrap:pretty}
body.dgn-page[data-page="reviews"] .dgea-body::before{content:"\201C";display:block;height:28px;margin-bottom:4px;font-family:var(--dgn-fd);font-weight:900;font-size:66px;line-height:.9;color:var(--dgn-gold)}
body.dgn-page[data-page="reviews"] .dgea-review-images{grid-area:imgs;display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
body.dgn-page[data-page="reviews"] .dgea-review-image{display:block;width:72px;height:72px;border:1px solid var(--dgn-line2);border-radius:10px;overflow:hidden;background:#000}
body.dgn-page[data-page="reviews"] .dgea-review-image:focus-visible{outline:2px solid var(--dgn-gold);outline-offset:2px}
body.dgn-page[data-page="reviews"] .dgea-fx{grid-area:fx;justify-self:start;display:inline-flex;margin-top:16px;padding-bottom:2px;border-bottom:1px solid rgba(251,191,36,.35);color:var(--dgn-gold);font-size:13px;font-weight:600;line-height:1.4;text-decoration:none}
body.dgn-page[data-page="reviews"] .dgea-fx:is(:hover,:focus){color:var(--dgn-gold);border-bottom-color:var(--dgn-gold);text-decoration:none}
body.dgn-page[data-page="reviews"] .dgea-reply{grid-area:reply;margin:18px 0 0;padding:2px 0 2px 16px;border:0;border-left:2px solid rgba(251,191,36,.55);border-radius:0;background:none}
body.dgn-page[data-page="reviews"] .dgea-reply-head{margin-bottom:5px;font-family:var(--dgn-fd);font-stretch:112%;font-weight:700;font-size:11px;line-height:1.35;letter-spacing:.14em;text-transform:uppercase;color:var(--dgn-gold)}
body.dgn-page[data-page="reviews"] .dgea-reply-body{font-size:14px;line-height:1.6;color:var(--dgn-muted)}
body.dgn-page[data-page="reviews"] .dgea-mine-note{grid-area:note;margin-top:12px;font-size:12.5px;line-height:1.5;color:var(--dgn-gold);font-style:normal;opacity:1}
/* author row, pushed to the bottom of the review so names line up across a row */
body.dgn-page[data-page="reviews"] .dgea-item-avatar{grid-area:av;align-self:end;margin-top:22px}
body.dgn-page[data-page="reviews"] .dgea-name{grid-area:name;align-self:end;min-width:0;margin-top:22px;padding:9px 0;font-size:14.5px;font-weight:600;line-height:1.4;color:#fff}
body.dgn-page[data-page="reviews"] .dgea-country{font-size:13px;font-weight:400;color:var(--dgn-muted)}
/* the green "Verified" tag (.dgn-vtag look). !important answers the Astra Additional CSS (custom_css
   post 3584, loaded on every page), which draws .dgea-badge as a glowing pill with !important */
body.dgn-page[data-page="reviews"] .dgea-badge{grid-area:badge;align-self:end;display:inline-flex!important;align-items:center;margin:22px 0 0;padding:0 0 0 20px!important;border:0!important;border-radius:0!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3 7-7' fill='none' stroke='%234ade80' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") left center/14px no-repeat!important;box-shadow:none;color:var(--dgn-prop)!important;font-size:12.5px!important;font-weight:500!important;letter-spacing:0;line-height:40px;white-space:nowrap}
body.dgn-page[data-page="reviews"] .dgea-badge::first-letter{color:inherit!important;text-shadow:none;font-weight:inherit}
body.dgn-page[data-page="reviews"] .dgea-badge:hover{box-shadow:none}
/* the initial chip (.dgn-cc look) or the buyer's photo; !important answers the snippet's inline width/height/font-size */
body.dgn-page[data-page="reviews"] .dgea-item .dgea-av{display:grid;place-items:center;width:40px!important;height:40px!important;border:1px solid var(--dgn-line3);border-radius:10px;background:rgba(255,255,255,.03);overflow:hidden}
body.dgn-page[data-page="reviews"] .dgea-item .dgea-av-initial{color:#e7e7ea;font-family:var(--dgn-fd);font-stretch:112%;font-weight:800;font-size:15px!important;line-height:1;letter-spacing:.04em}
body.dgn-page[data-page="reviews"] .dgea-item .dgea-av img{display:block;width:100%;height:100%;object-fit:cover}
/* a buyer's own pending review (added from localStorage): the snippet boxes it in gold with !important; give it room */
body.dgn-page[data-page="reviews"] .dgea-list>.dgea-item.dgea-item-mine{padding:26px 26px 28px}
/* no review for this filter */
body.dgn-page[data-page="reviews"] .dgea-list>.dgea-empty,
body.dgn-page[data-page="reviews"] .dgea-reviews-empty .dgea-empty{grid-column:1/-1;margin:0;padding:30px 0;border:0;border-radius:0;background:none;color:var(--dgn-muted);font-family:var(--dgn-fb);font-size:15px;text-align:left}

/* pagination: hairline squares; the current page in gold outline, never a solid gold block */
body.dgn-page[data-page="reviews"] .dgea-pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:30px 0 0}
body.dgn-page[data-page="reviews"] .dgea-page{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 10px;border:1px solid var(--dgn-line2);border-radius:10px;background:transparent;color:#d8d8de;font-family:var(--dgn-fd);font-stretch:96%;font-weight:700;font-size:15px;line-height:1;text-decoration:none;font-variant-numeric:tabular-nums;transition:border-color .2s,color .2s}
body.dgn-page[data-page="reviews"] a.dgea-page:is(:hover,:focus){border-color:var(--dgn-gold);color:var(--dgn-gold);text-decoration:none}
body.dgn-page[data-page="reviews"] a.dgea-page:focus-visible{outline:2px solid var(--dgn-gold);outline-offset:3px}
body.dgn-page[data-page="reviews"] .dgea-page-current{border-color:var(--dgn-gold);background:rgba(251,191,36,.1);color:var(--dgn-gold)}

body.dgn-page[data-page="reviews"] .dgn-rv-note{margin-top:18px}

/* ---- leave a review: the lead-in points, then the form in a kit accordion row ---- */
body.dgn-page[data-page="reviews"] .dgn-rv-leave .dgn-h2{text-wrap:balance}
body.dgn-page[data-page="reviews"] .dgn-rv-points{list-style:none;display:grid;gap:10px;margin:20px 0 0;padding:0}
body.dgn-page[data-page="reviews"] .dgn-rv-points li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;line-height:1.55;color:#d9d9df}
body.dgn-page[data-page="reviews"] .dgn-rv-points svg{flex:none;margin-top:3px;color:var(--dgn-prop)}
body.dgn-page[data-page="reviews"] .dgn-rv-form{margin-top:38px;border-top:1px solid var(--dgn-line2);border-bottom:1px solid var(--dgn-line2)}
body.dgn-page[data-page="reviews"] .dgn-rv-form__sum{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;cursor:pointer;font-family:var(--dgn-fd);font-stretch:96%;font-weight:700;font-size:21px;line-height:1.3;color:var(--dgn-text);transition:color .2s}
body.dgn-page[data-page="reviews"] .dgn-rv-form__sum::-webkit-details-marker{display:none}
body.dgn-page[data-page="reviews"] .dgn-rv-form__sum::marker{content:""}
body.dgn-page[data-page="reviews"] .dgn-rv-form__sum:hover{color:var(--dgn-gold)}
body.dgn-page[data-page="reviews"] .dgn-rv-form__sum:focus-visible{outline:2px solid var(--dgn-gold);outline-offset:2px}
body.dgn-page[data-page="reviews"] .dgn-rv-form[open] .dgn-faq__i{border-color:var(--dgn-gold);background:rgba(251,191,36,.1)}
body.dgn-page[data-page="reviews"] .dgn-rv-form[open] .dgn-faq__i::after{transform:translate(-50%,-50%) rotate(0)}
body.dgn-page[data-page="reviews"] .dgn-rv-form__body{padding:10px 0 40px}

/* the form: two columns for the short fields (with :has(); one column where it is missing) */
body.dgn-page[data-page="reviews"] .dgea-formwrap{max-width:none;margin:0;color:var(--dgn-text);font-family:var(--dgn-fb)}
body.dgn-page[data-page="reviews"] .dgea-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px;margin:0;padding:0;border:0;border-radius:0;background:none}
body.dgn-page[data-page="reviews"] .dgea-form>*{grid-column:1/-1;min-width:0}
body.dgn-page[data-page="reviews"] .dgea-form>.dgea-field:has(>input:is([name="dgea_name"],[name="dgea_email"],[name="dgea_order"],[name="dgea_country"],[type="file"])){grid-column:auto}
body.dgn-page[data-page="reviews"] .dgea-field{display:grid;align-content:start;gap:8px;margin:0}
/* labels in the kit's tag style (the snippet keeps their colour white with !important) */
body.dgn-page[data-page="reviews"] .dgea-formwrap .dgea-field>label{display:block;margin:0;font-family:var(--dgn-fd);font-stretch:112%;font-weight:700;font-size:11px;line-height:1.4;letter-spacing:.16em;text-transform:uppercase}
body.dgn-page[data-page="reviews"] .dgea-formwrap .dgea-hint{font-family:var(--dgn-fb);font-stretch:100%;font-weight:400;font-size:12px;letter-spacing:0;text-transform:none}
/* text fields: .dgn-input (48px, 10px radius, faint fill, gold focus ring) */
body.dgn-page[data-page="reviews"] .dgea-formwrap .dgea-field :is(input[type="text"],input[type="email"],input[type="url"],textarea){display:block;width:100%;height:48px;margin:0;padding:0 16px;border:1px solid var(--dgn-line2);border-radius:10px;background:rgba(255,255,255,.03);box-shadow:none;font:400 15px/1.4 var(--dgn-fb);outline:0;-webkit-appearance:none;appearance:none;transition:border-color .2s,box-shadow .2s,background-color .2s}
body.dgn-page[data-page="reviews"] .dgea-formwrap .dgea-field textarea{height:auto;min-height:150px;padding:12px 16px;line-height:1.6;resize:vertical}
body.dgn-page[data-page="reviews"] .dgea-formwrap .dgea-field :is(input,textarea)::placeholder{color:#74747e;opacity:1}
body.dgn-page[data-page="reviews"] .dgea-formwrap .dgea-field :is(input[type="text"],input[type="email"],input[type="url"],textarea):hover{border-color:var(--dgn-line3)}
body.dgn-page[data-page="reviews"] .dgea-formwrap .dgea-field :is(input[type="text"],input[type="email"],input[type="url"],textarea):focus{border-color:var(--dgn-gold);box-shadow:0 0 0 3px rgba(251,191,36,.25);outline:0;background-color:rgba(255,255,255,.04)}
/* photo uploads: a dashed drop row with a kit outline button */
body.dgn-page[data-page="reviews"] .dgea-formwrap .dgea-field input[type="file"]{display:block;width:100%;height:auto;margin:0;padding:10px 12px;border:1px dashed var(--dgn-line2);border-radius:10px;background:rgba(255,255,255,.02);box-shadow:none;color:var(--dgn-muted);font:400 13.5px/1.4 var(--dgn-fb);cursor:pointer}
body.dgn-page[data-page="reviews"] .dgea-formwrap .dgea-field input[type="file"]::file-selector-button{height:36px;margin:0 14px 0 0;padding:0 16px;border:1px solid var(--dgn-line3);border-radius:8px;background:transparent;color:var(--dgn-text);font:600 13px/1 var(--dgn-fb);cursor:pointer;transition:border-color .2s,color .2s}
body.dgn-page[data-page="reviews"] .dgea-formwrap .dgea-field input[type="file"]::-webkit-file-upload-button{height:36px;margin:0 14px 0 0;padding:0 16px;border:1px solid var(--dgn-line3);border-radius:8px;background:transparent;color:var(--dgn-text);font:600 13px/1 var(--dgn-fb);cursor:pointer}
body.dgn-page[data-page="reviews"] .dgea-formwrap .dgea-field input[type="file"]:hover::file-selector-button{border-color:var(--dgn-gold);color:var(--dgn-gold)}
body.dgn-page[data-page="reviews"] .dgea-formwrap .dgea-field input[type="file"]:focus-visible{outline:2px solid var(--dgn-gold);outline-offset:2px}
/* rating: five star labels over hidden radios (the snippet's row-reverse keeps the hover fill) */
body.dgn-page[data-page="reviews"] .dgea-stars-input{position:relative;display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px}
body.dgn-page[data-page="reviews"] .dgea-stars-input label{margin:0;padding:0 2px;border-radius:6px;color:rgba(255,255,255,.18);font-size:32px;line-height:1.1;cursor:pointer;transition:color .15s}
body.dgn-page[data-page="reviews"] .dgea-stars-input input:checked~label,
body.dgn-page[data-page="reviews"] .dgea-stars-input label:hover,
body.dgn-page[data-page="reviews"] .dgea-stars-input label:hover~label{color:var(--dgn-gold)}
body.dgn-page[data-page="reviews"] .dgea-stars-input input:focus-visible+label{outline:2px solid var(--dgn-gold);outline-offset:2px}
/* submit: the kit's gold outline button (one solid gold button per view: the hero and the closer carry it) */
body.dgn-page[data-page="reviews"] .dgea-submit{justify-self:start;display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:240px;height:56px;margin:4px 0 0;padding:0 32px;border:1px solid rgba(251,191,36,.6);border-radius:12px;background:transparent;box-shadow:none;color:var(--dgn-gold);font:600 15px/1.2 var(--dgn-fb);letter-spacing:0;text-transform:none;cursor:pointer;filter:none;transform:none;transition:background .25s,border-color .25s}
body.dgn-page[data-page="reviews"] .dgea-submit:is(:hover,:focus){border-color:var(--dgn-gold);background:rgba(251,191,36,.12);color:var(--dgn-gold);filter:none;transform:none}
body.dgn-page[data-page="reviews"] .dgea-submit:focus-visible{outline:2px solid var(--dgn-gold);outline-offset:3px}
/* the snippet's thank-you and error notices (errors are always written out; red is never alone) */
body.dgn-page[data-page="reviews"] .dgea-notice{margin:0 0 24px;padding:14px 16px;border-radius:10px;font-size:14.5px;line-height:1.5}
/* the snippet focuses its notice (tabindex="-1") so screen readers read it; no focus ring on a non-control */
body.dgn-page[data-page="reviews"] .dgea-notice:focus{outline:0}
body.dgn-page[data-page="reviews"] .dgea-ok{border:1px solid rgba(74,222,128,.45);background:rgba(74,222,128,.08);color:var(--dgn-prop)}
body.dgn-page[data-page="reviews"] .dgea-err{border:1px solid rgba(248,113,113,.5);background:rgba(248,113,113,.08);color:var(--dgn-error)}

/* the photo lightbox (appended to <body> by the snippet) */
body.dgn-page[data-page="reviews"] .dgea-lightbox-close{font-family:var(--dgn-fb)}
body.dgn-page[data-page="reviews"] .dgea-lightbox-close:is(:hover,:focus){background:#15151c;border-color:var(--dgn-gold);color:#fff}
body.dgn-page[data-page="reviews"] .dgea-lightbox-close:focus-visible{outline:2px solid var(--dgn-gold);outline-offset:3px}

/* ---- wide ---- */
/* the grid stays two up: a page holds ten reviews, so two columns fill every row, where three would
   leave a lone review and an empty band at 1920 (brief: no lopsided bands); the quote keeps a reading measure */
@media (min-width:1600px){
  body.dgn-page[data-page="reviews"] .dgn-rv-board{column-gap:88px}
  body.dgn-page[data-page="reviews"] .dgea-agg-bars{flex-basis:280px}
  body.dgn-page[data-page="reviews"] .dgea-list>.dgea-item{padding:34px 56px 34px 0}
  body.dgn-page[data-page="reviews"] .dgea-list>.dgea-item:nth-child(even){padding:34px 0 34px 56px}
  body.dgn-page[data-page="reviews"] .dgea-list>.dgea-item.dgea-item-mine{padding:28px 28px 30px}
  body.dgn-page[data-page="reviews"] .dgea-body{font-size:16px}
}

/* ---- narrow ---- */
@media (max-width:1140px){
  body.dgn-page[data-page="reviews"] .dgn-rv-board{grid-template-columns:minmax(0,1fr)}
  body.dgn-page[data-page="reviews"] .dgea-agg{grid-column:1;grid-row:2;align-self:start;margin-top:36px}
  body.dgn-page[data-page="reviews"] .dgea-controls{margin-top:44px}
}
@media (max-width:900px){
  body.dgn-page[data-page="reviews"] .dgea-list{grid-template-columns:minmax(0,1fr)}
  body.dgn-page[data-page="reviews"] .dgea-list>.dgea-item,
  body.dgn-page[data-page="reviews"] .dgea-list>.dgea-item:nth-child(even){padding:26px 0 28px;border-left:0}
  body.dgn-page[data-page="reviews"] .dgea-list>.dgea-item:nth-child(n+2){border-top:1px solid var(--dgn-line)}
  body.dgn-page[data-page="reviews"] .dgea-list>.dgea-item.dgea-item-mine{padding:22px 18px 24px}
}
@media (max-width:720px){
  body.dgn-page[data-page="reviews"] .dgn-rv-checks li{gap:16px;padding:15px 0}
  body.dgn-page[data-page="reviews"] .dgn-rv-checks b{font-size:32px}
  body.dgn-page[data-page="reviews"] .dgn-rv-checks strong{font-size:17px}
  body.dgn-page[data-page="reviews"] .dgea-agg{flex-wrap:wrap;gap:24px 36px}
  body.dgn-page[data-page="reviews"] .dgea-avg{font-size:92px}
  body.dgn-page[data-page="reviews"] .dgea-agg-bars{flex:1 1 220px;max-width:360px}
  body.dgn-page[data-page="reviews"] .dgea-controls{gap:14px}
  body.dgn-page[data-page="reviews"] .dgea-control{flex:1 1 180px;flex-direction:column;align-items:stretch;gap:8px}
  body.dgn-page[data-page="reviews"] .dgea-controls select{width:100%;min-width:0}
  body.dgn-page[data-page="reviews"] .dgea-body{font-size:15px}
  body.dgn-page[data-page="reviews"] .dgn-rv-form__sum{font-size:18px;padding:18px 0}
  body.dgn-page[data-page="reviews"] .dgea-form{grid-template-columns:minmax(0,1fr);gap:20px}
  body.dgn-page[data-page="reviews"] .dgea-form>.dgea-field:has(>input:is([name="dgea_name"],[name="dgea_email"],[name="dgea_order"],[name="dgea_country"],[type="file"])){grid-column:1/-1}
  body.dgn-page[data-page="reviews"] .dgea-submit{justify-self:stretch;width:100%;min-width:0}
}
@media (max-width:380px){
  body.dgn-page[data-page="reviews"] .dgea-list>.dgea-item{grid-template-areas:"stars stars stars" "date date date" "title title title" "body body body" "imgs imgs imgs" "fx fx fx" "reply reply reply" "note note note" "av name name" "av badge badge";grid-template-rows:repeat(8,auto) 1fr auto}
  body.dgn-page[data-page="reviews"] .dgea-date{margin-top:2px}
  body.dgn-page[data-page="reviews"] .dgea-name{padding:0}
  body.dgn-page[data-page="reviews"] .dgea-badge{margin-top:0;line-height:1.6}
}

/* phones: a button never shrinks below its label; when two do not fit side by side, each takes the full row
   (the kit gives them flex:1 1 220px, which clipped the longer labels at 500px; integration, 24 Sep 2026) */
@media (max-width:720px){
  body.dgn-page[data-page="reviews"] .dgn-cta-row .dgn-btn{min-width:-webkit-max-content;min-width:max-content}
}