/* Crocoland — „Оцени покупката“ (/oceni/, drawing 6b-2): inside the theme, in the shop's colours. */
.crp-rate{padding:32px 16px 56px;background:#F4F6FA}
.crp-rate__box{max-width:720px;margin:0 auto;padding:28px;background:#fff;border:1px solid #E6E9F2;border-radius:24px;color:#1B1E3C;font-family:Nunito,Arial,sans-serif}
.crp-rate .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.crp-rate__h{margin:0 0 4px;font-family:Unbounded,'Arial Black',sans-serif;font-weight:700;font-size:26px;line-height:1.2;color:#24275A;font-feature-settings:"locl" 0}
.crp-rate__sub{margin:0 0 20px;color:#5B6275;font-weight:700}
.crp-rate__msg{margin:8px 0 18px;font-size:16px;line-height:1.55;color:#3E4462}
.crp-rate__form{display:flex;flex-direction:column;gap:14px}
.crp-rate__hp{position:absolute;left:-9999px}
.crp-rate__p{margin:0;padding:18px;border:1px solid #E6E9F2;border-radius:18px;min-width:0}
.crp-rate__p.is-done{background:#F4F6FA}
.crp-rate__head{display:flex;align-items:center;gap:14px}
.crp-rate__pic{flex:none;width:56px;height:56px;border-radius:14px;background:#E8F0FC;display:grid;place-items:center;overflow:hidden;color:#1F5FBF;font-size:22px}
.crp-rate__img{width:100%;height:100%;object-fit:contain}
.crp-rate__name{font-weight:800;font-size:15px;line-height:1.35}
.crp-rate__stars{display:flex;gap:6px;margin:14px 0 4px;flex-direction:row}
.crp-rate__stars input{position:absolute;opacity:0;width:1px;height:1px}
.crp-rate__stars label{font-size:36px;line-height:1;color:#D5D9E6;cursor:pointer;transition:color .12s;padding:2px}
.crp-rate__stars label.is-lit{color:#F2A417}
.crp-rate__stars input:focus-visible+label{outline:2.5px solid #24275A;outline-offset:2px;border-radius:8px}
.crp-rate__hint{margin:0;font-size:14px;font-weight:800;color:#A35E00;min-height:20px}
.crp-rate__more{display:none;flex-direction:column;gap:10px;margin-top:12px}
.crp-rate__p.is-on .crp-rate__more,.crp-rate__p:has(input:checked) .crp-rate__more{display:flex}
.crp-rate__in{width:100%;padding:13px 15px;border:1.5px solid #D5D9E6;border-radius:14px;background:#fff;font:inherit;font-size:15px;color:#1B1E3C}
.crp-rate__in:focus{outline:none;border-color:#24275A}
textarea.crp-rate__in{resize:vertical;min-height:84px}
.crp-rate__photo{align-self:flex-start;padding:8px 14px;border:1.5px dashed #D5D9E6;border-radius:12px;color:#8A90A2;font-weight:800;font-size:13px}
.crp-rate__done{margin:12px 0 0;font-weight:800;color:#157A38}
.crp-rate__who{display:flex;align-items:center;gap:12px}
.crp-rate__who .crp-rate__in{flex:1}
.crp-rate__anon{display:flex;align-items:center;gap:8px;font-weight:800;white-space:nowrap;cursor:pointer}
.crp-rate__anon input{width:20px;height:20px;accent-color:#24275A}
.crp-rate__btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border:0;border-radius:16px;background:#E30614;color:#fff;font:inherit;font-weight:800;font-size:16px;text-decoration:none;cursor:pointer}
.crp-rate__btn:hover{background:#B8050F;color:#fff}
.crp-rate__btn--out{background:#fff;color:#24275A;border:1.5px solid #D5D9E6}
.crp-rate__btn--out:hover{background:#fff;color:#24275A;border-color:#24275A}
.crp-rate__btn--wide{width:100%;min-height:58px;font-size:17px}
.crp-rate__small{margin:0;font-size:13px;color:#5B6275;text-align:center}
.crp-rate__ok{text-align:center;padding:12px 0}
.crp-rate__okicon{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#E6F5EB;color:#2FA552;font-size:32px;margin-bottom:10px}
@media (max-width:600px){
 .crp-rate{padding:16px 12px 40px}
 .crp-rate__box{padding:20px 16px;border-radius:20px}
 .crp-rate__h{font-size:22px}
 .crp-rate__stars label{font-size:40px}
 .crp-rate__who{flex-wrap:wrap}
}

/* The confetti (0.5.1, Denis): ≥1200 px static in the empty fields left and right of the card, muted and outside it;
   on a phone a thin strip at the top of the card; a small burst around the stars at 5 of 5 (rate.js); after
   „Изпрати“ the crocodile with the big confetti (the theme's crocoland_mascot_art()). */
.crp-rate--form{position:relative;overflow:hidden}
.crp-rate__side{display:none;position:absolute;top:40px;opacity:.38;pointer-events:none}
.crp-rate__side svg{display:block}
@media (min-width:1200px){
	.crp-rate__side{display:block}
	.crp-rate__side--l{right:calc(50% + 360px + 28px)}
	.crp-rate__side--r{left:calc(50% + 360px + 28px)}
}
.crp-rate__strip{display:none;margin:-10px -4px 12px;opacity:.6}
.crp-rate__strip svg{display:block;width:100%;height:18px}
@media (max-width:767px){.crp-rate__strip{display:block}}
.crp-rate__stars{position:relative}
.crp-rate__burst{position:absolute;left:var(--x);top:var(--y);width:8px;height:8px;border-radius:50%;background:var(--c);pointer-events:none;animation:crp-burst .8s ease-out forwards}
.crp-rate__burst.is-ribbon{width:12px;height:5px;border-radius:3px}
@keyframes crp-burst{from{transform:translate(-50%,-50%) rotate(0);opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--r));opacity:0}}
@media (prefers-reduced-motion:reduce){.crp-rate__burst{display:none}}
.crp-rate-done__art{position:relative;display:flex;align-items:center;justify-content:center;width:300px;height:230px;max-width:100%;margin:0 auto 4px}
.crp-rate-done__mascot{position:relative;z-index:1;width:200px;height:200px;filter:drop-shadow(0 18px 26px rgba(27,30,60,.2))}
.crp-rate-done__confetti{position:absolute;top:50%;left:50%;width:330px;height:257px;max-width:none;transform:translate(-50%,-50%)}
@media (max-width:767px){.crp-rate-done__art{width:220px;height:180px}.crp-rate-done__mascot{width:150px;height:150px}.crp-rate-done__confetti{width:250px;height:195px}}