.product-rating{margin-top:1rem}
.product-rating .product-rating-card{width:min(100%,330px);display:grid;grid-template-columns:38px 1fr 18px;align-items:center;gap:.7rem;padding:.55rem .65rem;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,var(--surface),var(--soft));text-align:left;cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s}
.product-rating .product-rating-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 42%,var(--line));box-shadow:0 10px 24px rgba(28,35,31,.07)}
.product-rating .product-rating-star{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#fff4d9;color:#b78035}
.product-rating .product-rating-star svg{width:18px;height:18px;fill:currentColor}
.product-rating .product-rating-copy{display:grid;gap:.18rem;color:var(--ink)}
.product-rating .product-rating-copy strong{font-size:.69rem}
.product-rating .product-rating-copy small{color:var(--muted);font-size:0.6875rem}
.product-rating .product-rating-arrow{width:16px;height:16px;color:var(--accent)}
.review-section-header{display:flex;align-items:end;justify-content:space-between;gap:1rem}
.review-section-header>div>p{margin:.35rem 0 0;color:var(--muted);font-size:0.6875rem}
.review-open-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:0 .9rem;border:1px solid var(--accent);border-radius:99px;background:var(--accent);color:#fff;font-size:0.6875rem;font-weight:850;text-decoration:none;cursor:pointer}
.review-open-button svg{width:17px;height:17px;fill:currentColor}
.review-modal{width:min(920px,calc(100% - 2rem));max-height:calc(100dvh - 2rem);overflow:visible;padding:0;border:0;border-radius:28px;background:transparent;color:var(--ink)}
.review-modal::backdrop{background:rgba(20,24,21,.56);backdrop-filter:blur(7px)}
.review-modal-card{max-width:none;max-height:calc(100dvh - 2rem);margin:0;overflow:auto;overscroll-behavior:contain}
.review-modal-card>header{position:sticky;z-index:2;top:0;display:grid;grid-template-columns:46px 1fr 42px;align-items:center;gap:.9rem;padding:1rem 1.2rem;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(15px)}
.review-modal-card>header>span:nth-child(2){display:grid;gap:.2rem}
.review-modal-card>header strong{font-size:.8rem}
.review-modal-card>header small{color:var(--muted);font-size:0.6875rem}
.review-modal-card>header>button{width:42px;height:42px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--soft);color:var(--ink);cursor:pointer}
.review-modal-card>header>button svg{width:18px;height:18px;transform:rotate(45deg)}
.review-modal-card>form{display:grid;gap:1.15rem;margin:0;padding:1.25rem;border-top:0}
.review-modal-error{display:flex;align-items:flex-start;gap:.5rem;margin:1rem 1.25rem 0;padding:.75rem .85rem;border:1px solid color-mix(in srgb,var(--danger) 35%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--danger) 8%,var(--surface));color:var(--danger);font-size:0.6875rem;line-height:1.5}
.review-modal-error svg{width:17px;height:17px;flex:0 0 auto}
.review-field-error{display:flex!important;align-items:flex-start;gap:.4rem;padding:.65rem .75rem;border:1px solid color-mix(in srgb,var(--danger) 35%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--danger) 8%,var(--surface));color:var(--danger)!important;font-size:0.6875rem!important;line-height:1.5}
.review-field-error svg{width:16px;height:16px;flex:0 0 auto}
body.review-modal-open{overflow:hidden}

.review-image-dialog{width:min(960px,calc(100% - 2rem));max-width:960px;margin:auto;padding:0;border:0;background:transparent;color:var(--ink);overflow:visible}.review-image-dialog::backdrop{background:rgba(12,18,16,.78);backdrop-filter:blur(7px)}.review-image-lightbox{position:relative;display:grid;place-items:center;min-height:calc(100dvh - 3rem);padding:3.5rem 4.5rem 2.2rem}.review-image-lightbox>img{display:block;max-width:100%;max-height:calc(100dvh - 7rem);border-radius:18px;background:var(--surface);box-shadow:0 24px 70px rgba(0,0,0,.38);object-fit:contain}.review-image-close,.review-image-nav{position:absolute;display:grid;place-items:center;border:1px solid color-mix(in srgb,#fff 34%,transparent);background:rgba(255,255,255,.14);color:#fff;cursor:pointer;backdrop-filter:blur(12px);transition:background .2s,transform .2s}.review-image-close:hover,.review-image-nav:hover{background:rgba(255,255,255,.26);transform:scale(1.04)}.review-image-close{top:.8rem;right:.8rem;width:44px;height:44px;border-radius:50%}.review-image-close svg{width:20px;height:20px;transform:rotate(45deg)}.review-image-nav{top:50%;width:46px;height:46px;border-radius:50%;transform:translateY(-50%)}.review-image-nav:hover{transform:translateY(-50%) scale(1.04)}.review-image-nav svg{width:20px;height:20px}.review-image-nav.previous{left:.5rem}.review-image-nav.previous svg{transform:rotate(180deg)}.review-image-nav.next{right:.5rem}.review-image-lightbox>p{position:absolute;bottom:.55rem;left:50%;margin:0;padding:.32rem .55rem;border-radius:99px;background:rgba(0,0,0,.45);color:#fff;font-size:0.6875rem;font-weight:800;transform:translateX(-50%)}.review-image-lightbox>p:empty{display:none}
.review-images button{overflow:hidden;aspect-ratio:1;padding:0;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:zoom-in}.review-images button:hover img,.review-images button:focus-visible img{transform:scale(1.04)}

.review-form{max-width:920px;margin-top:1.5rem;overflow:hidden;padding:0;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:0 14px 40px rgba(27,33,30,.06)}
.review-form>summary{min-height:84px;display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:.9rem;padding:1rem 1.15rem;cursor:pointer;list-style:none;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 56%,var(--surface)),var(--surface))}
.review-form>summary::-webkit-details-marker{display:none}
.review-summary-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:var(--accent);color:#fff;box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 24%,transparent)}
.review-summary-icon svg{width:21px;height:21px;fill:currentColor}
.review-form>summary>span:nth-child(2){display:grid;gap:.22rem}
.review-form>summary strong{font-size:.78rem}
.review-form>summary small{color:var(--muted);font-size:0.6875rem;font-weight:500}
.review-form>summary em{display:flex;align-items:center;gap:.4rem;padding:.55rem .7rem;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:99px;background:var(--surface);color:var(--accent);font-size:0.6875rem;font-style:normal;font-weight:800}
.review-form>summary em svg{width:15px;height:15px;transition:transform .2s}
.review-form[open]>summary em svg{transform:rotate(45deg)}
.review-form>form{display:grid;gap:1.15rem;margin:0;padding:1.25rem;border-top:1px solid var(--line)}
.review-score{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin:0;padding:1rem;border:0;border-radius:18px;background:var(--soft)}
.review-score legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.review-score:before{content:"Puanınız";font-size:0.6875rem;font-weight:800}
.review-star-picker{display:flex;align-items:center;gap:.32rem}
.review-star-picker label{display:block;cursor:pointer}
.review-star-picker input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}
.review-star-picker svg{width:27px;height:27px;fill:transparent;color:#c9c4b9;transition:color .16s,fill .16s,transform .16s}
.review-star-picker label:hover svg{transform:scale(1.12)}
.review-star-picker label.is-selected svg{fill:#c18a32;color:#c18a32}
.review-star-picker input:focus-visible+svg{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
.review-score output{min-width:76px;padding:.38rem .6rem;border-radius:99px;background:var(--surface);color:var(--accent);font-size:0.6875rem;font-weight:850;text-align:center}
.review-fields{display:grid;gap:.9rem}
.review-fields label{display:grid;gap:.42rem}
.review-fields label>span{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.review-fields b{font-size:0.6875rem}
.review-fields small{color:var(--faint);font-size:0.6875rem;font-weight:500}
.review-fields i{font-style:normal}
.review-fields input,.review-fields textarea{width:100%;padding:.82rem .9rem;border:1px solid var(--line);border-radius:15px;outline:0;background:color-mix(in srgb,var(--soft) 52%,var(--surface));color:var(--ink);font:inherit;transition:border-color .2s,box-shadow .2s,background .2s}
.review-fields input{height:48px}
.review-fields textarea{min-height:132px;resize:vertical;line-height:1.55}
.review-fields input:focus,.review-fields textarea:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 4px var(--accent-soft)}
.review-upload{display:grid!important;grid-template-columns:48px 1fr auto;align-items:center;gap:.8rem;min-height:82px;padding:.8rem;border:1px dashed color-mix(in srgb,var(--accent) 42%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--accent-soft) 35%,var(--surface));cursor:pointer;transition:border-color .2s,background .2s}
.review-upload:hover{border-color:var(--accent);background:var(--accent-soft)}
.review-upload.is-dragging{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-soft) 72%,transparent)}
.review-upload>input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.review-upload-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:var(--surface);color:var(--accent);box-shadow:0 5px 15px rgba(27,33,30,.06)}
.review-upload-icon svg{width:22px;height:22px}
.review-upload>span:nth-of-type(2){display:grid;gap:.25rem}
.review-upload strong{font-size:0.6875rem}
.review-upload small{color:var(--muted);font-size:0.6875rem;line-height:1.45}
.review-upload em{padding:.5rem .7rem;border-radius:99px;background:var(--ink);color:var(--bg);font-size:0.6875rem;font-style:normal;font-weight:800}
.review-photo-preview{display:flex;gap:.55rem;overflow-x:auto}
.review-photo-preview:empty{display:none}
.review-photo-preview img{width:78px;height:78px;flex:0 0 auto;object-fit:cover;border:1px solid var(--line);border-radius:14px;background:var(--soft)}
.review-submit{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid var(--line)}
.review-submit>span{display:flex;align-items:center;gap:.45rem;color:var(--muted)}
.review-submit>span svg{width:18px;height:18px;color:var(--accent)}
.review-submit small{font-size:0.6875rem}
.review-submit .primary-button{display:flex;align-items:center;justify-content:center;gap:.55rem;min-width:210px}
.review-submit .primary-button svg{width:16px;height:16px}
.review-submit .primary-button:disabled{opacity:.7;cursor:wait}

@media(max-width:760px){
  .product-rating .product-rating-card{width:100%}
  .review-form{border-radius:20px}
  .review-form>summary{grid-template-columns:42px 1fr;min-height:76px;padding:.85rem}
  .review-summary-icon{width:42px;height:42px}
  .review-form>summary em{grid-column:2;justify-self:start;margin-top:-.2rem;padding:0;border:0;background:none}
  .review-form>form{padding:.9rem}
  .review-score{grid-template-columns:1fr auto;gap:.65rem}
  .review-score:before{grid-column:1/-1}
  .review-star-picker svg{width:25px;height:25px}
  .review-upload{grid-template-columns:42px 1fr}
  .review-upload-icon{width:42px;height:42px}
  .review-upload em{grid-column:2;justify-self:start}
  .review-submit{align-items:stretch;flex-direction:column}
  .review-submit .primary-button{width:100%;min-width:0}
  .review-section-header{align-items:stretch;flex-direction:column}
  .review-open-button{align-self:flex-start}
  .review-modal-card>header{grid-template-columns:42px 1fr 40px;padding:.85rem}
}