/* Review Photos — scoped storefront design */
#review{margin:22px 0 34px}
#review table.table{display:block;margin:0 0 22px;border:1px solid #e4e7ea!important;border-radius:3px;background:#fff;box-shadow:none;overflow:hidden}
#review table.table tbody{display:block}
#review table.table tr{display:flex;border:0!important;background:transparent!important}
#review table.table tr:first-child{align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #f0f2f4!important}
#review table.table tr:last-child{display:block;padding:20px 22px 22px}
#review table.table td{display:block;width:auto!important;padding:0!important;border:0!important;background:transparent!important}
#review table.table tr:first-child td:first-child strong{font-size:16px;color:#20262e}
#review .review-verified{display:block;width:max-content;margin-top:5px;color:#299765;font-size:12px;font-weight:600;line-height:1.3}
#review .review-verified .fa{margin-right:4px}
#review table.table tr:first-child td:last-child{font-size:13px;color:#8a929d}
#review table.table p{margin:0 0 16px;color:#4d5662;line-height:1.65}
#review .rating{margin-top:16px}
#review .rating .fa-star{color:#ffbd18}
#review .rating .fa-star-o{color:#d7dce2}

.review-photo-gallery-title{margin:12px 0 14px;font-size:21px;font-weight:700;color:#20262e}
.review-photo-preview,.review-photo-list,.review-photo-gallery{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}
.review-photo-gallery{margin:0 0 28px;padding:0;border:0;border-radius:0;background:transparent}
.review-photo-list a,.review-photo-gallery a{position:relative;display:block;width:108px;height:108px;border-radius:3px;overflow:hidden;background:#fff;border:1px solid #e1e4e8;box-shadow:none;transition:border-color .2s ease,opacity .2s ease}
.review-photo-list a:hover,.review-photo-gallery a:hover{transform:none;border-color:#54b5d1;box-shadow:none;opacity:.9}
.review-photo-preview img,.review-photo-list img,.review-photo-gallery img{display:block;width:100%;height:100%;object-fit:cover;border-radius:2px}

#form-review{margin-top:28px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
#form-review h4{margin:0 0 24px;font-size:24px;font-weight:700;color:#20262e}
#form-review .form-control{border-radius:9px;border-color:#dfe3e8;box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease}
#form-review .form-control:focus{border-color:#54b5d1;box-shadow:0 0 0 3px rgba(84,181,209,.14)}
#form-review .rate{display:flex;align-items:center;gap:8px;min-height:40px}
#form-review .rate span{font-size:13px;color:#858d97}
#form-review .rate input[type="radio"]{-webkit-appearance:none;appearance:none;display:inline-block!important;width:31px;height:31px;margin:0!important;border:0!important;border-radius:0;background:#d8dde3;clip-path:polygon(50% 2%,61% 35%,96% 35%,68% 56%,79% 91%,50% 70%,21% 91%,32% 56%,4% 35%,39% 35%);cursor:pointer;transition:transform .16s ease,background-color .16s ease}
#form-review .rate input[type="radio"]:hover{transform:scale(1.12);background:#ffd35a}
#form-review .rate input[type="radio"].review-star-active,#form-review .rate input[type="radio"]:checked{background:#ffbd18}

.review-photo-picker{margin:20px 0!important;padding-top:0;border-top:0}
.review-photo-picker>label.control-label{font-weight:600;color:#343b44}
.review-photo-picker>.col-sm-10{display:flex;flex-direction:column;align-items:flex-start}
.review-photo-picker input{display:none!important}
.review-photo-button{display:inline-flex;align-items:center;gap:9px;padding:11px 16px;border:1px solid #cfd5da;border-radius:4px;cursor:pointer;background:#fff;color:#343b44;font-weight:600;transition:border-color .2s ease,color .2s ease}
.review-photo-button:hover{background:#fff;border-color:#54b5d1;color:#247f9a;transform:none}
.review-photo-button .fa{font-size:18px}
.review-photo-picker .help-block{display:block;margin:9px 0 0;color:#858d97;font-size:13px;line-height:1.45}
.review-photo-picker #review-photo-preview{width:100%;margin-top:14px}
.review-photo-preview-item{position:relative;width:104px;height:104px;border-radius:11px;box-shadow:0 5px 16px rgba(20,32,50,.12)}
.review-photo-remove{position:absolute;right:-7px;top:-7px;width:25px;height:25px;border:2px solid #fff;border-radius:50%;background:#dc3545;color:#fff;line-height:19px;padding:0;font-size:17px;box-shadow:0 3px 8px rgba(0,0,0,.18)}
#form-review #button-review{min-height:48px;border:0;border-radius:3px;font-weight:700;letter-spacing:.03em;box-shadow:none}

@media(max-width:767px){#form-review{padding:0}.review-photo-picker .help-block{display:block;margin:9px 0 0}.review-photo-list a,.review-photo-gallery a{width:86px;height:86px}#review table.table tr:first-child{padding:15px}#review table.table tr:last-child{padding:17px 15px}#form-review .rate{gap:5px}#form-review .rate input[type="radio"]{width:28px;height:28px}}
