/* =====================================================================
   CSK Arena — Product Reviews widget
   Palette = logo colours: Black #111 + Yellow #FFCD02 (on white).
===================================================================== */
.csk-rv{
	--rv-yellow:#FFCD02;
	--rv-yellow-soft:#FFF6CC;
	--rv-black:#111111;
	--rv-gray:#6b6b6b;
	--rv-border:#ececec;
	--rv-card:#ffffff;
	--rv-track:#f1f1f1;
	margin:64px 0 0;padding:0;font-family:'Poppins',Arial,sans-serif;color:var(--rv-black);
	clear:both;grid-column:1/-1;scroll-margin-top:90px;
}
.csk-rv *{box-sizing:border-box;}
.csk-rv [hidden]{display:none!important;}
.csk-rv-title{font-size:28px;font-weight:800;text-align:center;margin:0 0 26px;letter-spacing:-.3px;}
.csk-rv-title::after{content:"";display:block;width:56px;height:4px;border-radius:4px;background:var(--rv-yellow);margin:12px auto 0;}

.csk-rv-stars{display:inline-flex;gap:2px;vertical-align:middle;}
.csk-rv-star{
	display:inline-block;
	background:linear-gradient(90deg,var(--rv-yellow) var(--fill,0%),#e3e3e3 var(--fill,0%));
	-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5l2.9 6.1 6.6.9-4.8 4.6 1.2 6.6L12 17.5 6.1 20.7l1.2-6.6L2.5 9.5l6.6-.9z'/%3E%3C/svg%3E") center/contain no-repeat;
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5l2.9 6.1 6.6.9-4.8 4.6 1.2 6.6L12 17.5 6.1 20.7l1.2-6.6L2.5 9.5l6.6-.9z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.csk-rv-summary{
	display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;gap:0;
	background:var(--rv-card);border:1px solid var(--rv-border);border-radius:16px;
	box-shadow:0 6px 24px rgba(0,0,0,.05);padding:28px 8px;
}
.csk-rv-summary > div{padding:0 32px;}
.csk-rv-avg{text-align:center;}
.csk-rv-avg + .csk-rv-bars{border-left:1px solid var(--rv-border);border-right:1px solid var(--rv-border);}
.csk-rv-avg-num{font-size:52px;line-height:1;font-weight:800;margin-bottom:8px;}
.csk-rv-avg-num small{font-size:16px;font-weight:500;color:var(--rv-gray);}
.csk-rv-avg-num--empty{color:#ccc;}
.csk-rv-avg-count{margin-top:8px;font-size:13.5px;color:var(--rv-gray);}

.csk-rv-bars{display:flex;flex-direction:column;gap:6px;}
.csk-rv-bar{
	display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:10px;
	background:none;border:0;padding:3px 6px;border-radius:8px;cursor:pointer;font-size:13px;color:var(--rv-black);text-align:left;
}
.csk-rv-bar:hover:not(:disabled){background:var(--rv-yellow-soft);}
.csk-rv-bar:disabled{cursor:default;opacity:.55;}
.csk-rv-bar.is-active{background:var(--rv-yellow-soft);box-shadow:inset 0 0 0 1.5px var(--rv-yellow);}
.csk-rv-bar-label{display:flex;align-items:center;gap:3px;font-weight:600;}
.csk-rv-mini-star{width:12px;height:12px;background:var(--rv-yellow);display:inline-block;
	-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5l2.9 6.1 6.6.9-4.8 4.6 1.2 6.6L12 17.5 6.1 20.7l1.2-6.6L2.5 9.5l6.6-.9z'/%3E%3C/svg%3E") center/contain no-repeat;
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5l2.9 6.1 6.6.9-4.8 4.6 1.2 6.6L12 17.5 6.1 20.7l1.2-6.6L2.5 9.5l6.6-.9z'/%3E%3C/svg%3E") center/contain no-repeat;}
.csk-rv-bar-track{height:9px;border-radius:9px;background:var(--rv-track);overflow:hidden;}
.csk-rv-bar-fill{display:block;height:100%;border-radius:9px;background:var(--rv-black);transition:width .5s ease;}
.csk-rv-bar.is-active .csk-rv-bar-fill,.csk-rv-bar:hover .csk-rv-bar-fill{background:var(--rv-yellow);}
.csk-rv-bar-n{color:var(--rv-gray);text-align:right;}

.csk-rv-cta{display:flex;flex-direction:column;gap:12px;}
.csk-rv-btn{
	display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 26px;border-radius:999px;
	font:700 14.5px/1 'Poppins',Arial,sans-serif;cursor:pointer;text-align:center;text-decoration:none;
	border:2px solid var(--rv-black);transition:background .2s,color .2s,transform .15s;
}
.csk-rv-btn--solid{background:var(--rv-black);color:var(--rv-yellow);}
.csk-rv-btn--solid:hover{background:var(--rv-yellow);color:var(--rv-black);border-color:var(--rv-yellow);}
.csk-rv-btn--ghost{background:transparent;color:var(--rv-black);}
.csk-rv-btn--ghost:hover{background:var(--rv-black);color:var(--rv-yellow);}
.csk-rv-btn:active{transform:scale(.98);}

.csk-rv-photos{margin-top:30px;}
.csk-rv-photos h3{font-size:15px;font-weight:700;margin:0 0 12px;color:var(--rv-gray);}
.csk-rv-photo-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin;}
.csk-rv-photo{padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:#eee;cursor:zoom-in;flex:0 0 auto;transition:border-color .2s;}
.csk-rv-photo:hover{border-color:var(--rv-yellow);}
.csk-rv-photo-row .csk-rv-photo{width:92px;height:92px;}
.csk-rv-photo img{width:100%;height:100%;object-fit:cover;display:block;}

.csk-rv-toolbar{display:flex;gap:12px;align-items:center;margin:30px 0 22px;flex-wrap:wrap;}
.csk-rv-search{flex:1 1 260px;}
.csk-rv-search input,.csk-rv-sort select{
	width:100%;height:46px;border-radius:999px;border:1.5px solid var(--rv-border);background:#fff;color:var(--rv-black);
	padding:0 20px;font:500 14px 'Poppins',Arial,sans-serif;outline:0;transition:border-color .2s,box-shadow .2s;
}
.csk-rv-sort select{padding-right:38px;cursor:pointer;appearance:none;
	background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23111' stroke-width='2'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 16px center;}
.csk-rv-search input:focus,.csk-rv-sort select:focus{border-color:var(--rv-yellow);box-shadow:0 0 0 3px rgba(255,205,2,.3);}
.csk-rv-clear{background:none;border:0;color:var(--rv-black);font:600 13px 'Poppins',Arial,sans-serif;text-decoration:underline;text-decoration-color:var(--rv-yellow);text-decoration-thickness:2px;text-underline-offset:3px;cursor:pointer;}

.csk-rv-list{column-count:3;column-gap:20px;}
.csk-rv-card{
	break-inside:avoid;display:inline-block;width:100%;margin:0 0 20px;
	background:var(--rv-card);border:1px solid var(--rv-border);border-radius:14px;padding:20px;
	box-shadow:0 2px 10px rgba(0,0,0,.04);transition:box-shadow .2s,border-color .2s;
}
.csk-rv-card:hover{box-shadow:0 10px 26px rgba(0,0,0,.09);border-color:var(--rv-yellow);}
.csk-rv-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;}
.csk-rv-date{font-size:12.5px;color:var(--rv-gray);}
.csk-rv-who{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.csk-rv-avatar{width:40px;height:40px;border-radius:50%;background:var(--rv-black);color:var(--rv-yellow);display:grid;place-items:center;font-weight:700;flex-shrink:0;}
.csk-rv-name{font-weight:700;font-size:14.5px;margin-right:6px;}
.csk-rv-verified{display:inline-flex;align-items:center;gap:3px;background:var(--rv-black);color:var(--rv-yellow);font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:5px;vertical-align:middle;}
.csk-rv-loc{display:block;font-size:12.5px;color:var(--rv-gray);margin-top:1px;}
.csk-rv-card-title{font-size:16px;font-weight:700;margin:0 0 6px;line-height:1.35;}
.csk-rv-text p{margin:0;font-size:14.5px;line-height:1.7;color:#3b3b3b;}
.csk-rv-text.is-clamped p{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;}
.csk-rv-readmore{background:none;border:0;padding:0;margin-top:6px;color:var(--rv-black);font:700 13px 'Poppins',Arial,sans-serif;border-bottom:2px solid var(--rv-yellow);cursor:pointer;}
.csk-rv-card-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;margin-top:14px;}
.csk-rv-card-photos .csk-rv-photo{width:100%;aspect-ratio:1;}
.csk-rv-pending{font-size:13px;color:var(--rv-gray);margin:0 0 10px;}

.csk-rv-reply{margin-top:16px;padding:14px 16px;border-radius:10px;background:var(--rv-yellow-soft);border-left:4px solid var(--rv-yellow);font-size:13.5px;}
.csk-rv-reply-head{margin-bottom:4px;font-size:13px;}
.csk-rv-reply-body p{margin:0;line-height:1.6;color:#333;}

.csk-rv-empty,.csk-rv-noreviews{text-align:center;color:var(--rv-gray);padding:30px 0;}
.csk-rv-more-wrap{text-align:center;margin-top:8px;}

.csk-rv-form-wrap{margin:34px auto 0;max-width:720px;background:var(--rv-card);border:1px solid var(--rv-border);border-top:5px solid var(--rv-yellow);border-radius:16px;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,.07);}
.csk-rv-form-wrap .comment-reply-title{display:block;font-size:20px;font-weight:800;margin-bottom:18px;}
.csk-rv-form-wrap label,.csk-rv-label{display:block;font-size:13.5px;font-weight:600;margin-bottom:6px;}
.csk-rv-form-wrap .required{color:#d62828;}
.csk-rv-form-wrap input[type=text],.csk-rv-form-wrap input[type=email],.csk-rv-form-wrap textarea{
	width:100%;padding:12px 16px;border:1.5px solid var(--rv-border);border-radius:12px;background:#fff;color:var(--rv-black);
	font:400 14.5px 'Poppins',Arial,sans-serif;outline:0;margin:0;transition:border-color .2s,box-shadow .2s;
}
.csk-rv-form-wrap input:focus,.csk-rv-form-wrap textarea:focus{border-color:var(--rv-yellow);box-shadow:0 0 0 3px rgba(255,205,2,.3);}
.csk-rv-form-wrap p{margin:0 0 16px;}
.csk-rv-field{margin-bottom:18px;}
.csk-rv-picker{display:inline-flex;gap:4px;}
.csk-rv-pick{
	width:38px;height:38px;border:0;padding:0;cursor:pointer;background:#dcdcdc;transition:background .15s,transform .15s;
	-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5l2.9 6.1 6.6.9-4.8 4.6 1.2 6.6L12 17.5 6.1 20.7l1.2-6.6L2.5 9.5l6.6-.9z'/%3E%3C/svg%3E") center/contain no-repeat;
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5l2.9 6.1 6.6.9-4.8 4.6 1.2 6.6L12 17.5 6.1 20.7l1.2-6.6L2.5 9.5l6.6-.9z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.csk-rv-pick.is-on{background:var(--rv-yellow);}
.csk-rv-pick:hover{transform:scale(1.12);}
.csk-rv-error{color:#d62828;font-size:13px;margin:6px 0 0!important;}
.csk-rv-drop{display:flex;align-items:center;justify-content:center;min-height:84px;border:2px dashed #d9d9d9;border-radius:12px;color:var(--rv-gray);font-size:13.5px;font-weight:500;cursor:pointer;text-align:center;padding:14px;transition:border-color .2s,background .2s;}
.csk-rv-drop:hover{border-color:var(--rv-yellow);background:var(--rv-yellow-soft);color:var(--rv-black);}
.csk-rv-previews{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;}
.csk-rv-previews img{width:72px;height:72px;object-fit:cover;border-radius:10px;border:2px solid var(--rv-yellow);}
.csk-rv-form-wrap .form-submit{margin:6px 0 0;}
.csk-rv-form-wrap .form-submit input[type=submit]{
	min-height:48px;padding:0 34px;border-radius:999px;border:2px solid var(--rv-black);background:var(--rv-black);color:var(--rv-yellow);
	font:700 14.5px 'Poppins',Arial,sans-serif;cursor:pointer;transition:background .2s,color .2s;
}
.csk-rv-form-wrap .form-submit input[type=submit]:hover{background:var(--rv-yellow);border-color:var(--rv-yellow);color:var(--rv-black);}
.csk-rv-verify{text-align:center;color:var(--rv-gray);margin-top:26px;}

.csk-rv-lightbox{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.88);display:flex;align-items:center;justify-content:center;padding:24px;}
.csk-rv-lightbox img{max-width:min(92vw,900px);max-height:88vh;border-radius:12px;border:3px solid var(--rv-yellow);}
.csk-rv-lb-close{position:absolute;top:16px;right:20px;width:44px;height:44px;border-radius:50%;border:0;background:var(--rv-yellow);color:#111;font-size:28px;line-height:1;cursor:pointer;}

@media (max-width:1024px){ .csk-rv-list{column-count:2;} }
@media (max-width:820px){
	.csk-rv-summary{grid-template-columns:1fr;gap:22px;padding:24px 4px;}
	.csk-rv-summary > div{padding:0 22px;}
	.csk-rv-avg + .csk-rv-bars{border:0;border-top:1px solid var(--rv-border);border-bottom:1px solid var(--rv-border);padding:20px 22px;}
	.csk-rv-cta{flex-direction:row;} .csk-rv-cta .csk-rv-btn{flex:1;padding:0 12px;}
}
@media (max-width:620px){
	.csk-rv{margin-top:44px;}
	.csk-rv-title{font-size:23px;}
	.csk-rv-list{column-count:1;}
	.csk-rv-form-wrap{padding:22px 18px;}
	.csk-rv-cta{flex-direction:column;}
	.csk-rv-sort{flex:1 1 100%;}
}

html[data-theme="dark"] .csk-rv{--rv-card:#1b1b1b;--rv-border:#2c2c2c;--rv-black:#f3f3f3;--rv-gray:#bdbdbd;--rv-track:#2e2e2e;--rv-yellow-soft:rgba(255,205,2,.12);}
html[data-theme="dark"] .csk-rv-text p,html[data-theme="dark"] .csk-rv-reply-body p{color:#d8d8d8;}
html[data-theme="dark"] .csk-rv-btn--solid,html[data-theme="dark"] .csk-rv-verified,html[data-theme="dark"] .csk-rv-avatar{background:#FFCD02;color:#111;}
html[data-theme="dark"] .csk-rv-btn--solid:hover{background:#fff;border-color:#fff;}
html[data-theme="dark"] .csk-rv-btn{border-color:#FFCD02;}
html[data-theme="dark"] .csk-rv-btn--ghost{color:#FFCD02;}
html[data-theme="dark"] .csk-rv-btn--ghost:hover{background:#FFCD02;color:#111;}
html[data-theme="dark"] .csk-rv-bar-fill{background:#8a8a8a;}
html[data-theme="dark"] .csk-rv-search input,html[data-theme="dark"] .csk-rv-sort select,
html[data-theme="dark"] .csk-rv-form-wrap input[type=text],html[data-theme="dark"] .csk-rv-form-wrap input[type=email],html[data-theme="dark"] .csk-rv-form-wrap textarea{background:#141414;color:#f3f3f3;border-color:#333;}
html[data-theme="dark"] .csk-rv-sort select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23fff' stroke-width='2'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E");}
html[data-theme="dark"] .csk-rv-form-wrap .form-submit input[type=submit]{background:#FFCD02;border-color:#FFCD02;color:#111;}
html[data-theme="dark"] .csk-rv-reply{border-left-color:#FFCD02;}