.riz-grind{margin:4px 0 22px;}
.riz-grind__label{font-size:16px;font-weight:400;letter-spacing:.2px;margin-bottom:10px;color:#999;}
.riz-grind__error{display:block;margin:0 0 14px;padding:11px 13px;font-size:14px;line-height:1.35;color:#b94347;background:#fbf1f1;box-shadow:0 0 0 1px #e7b9bb;border-radius:2px;}
.riz-grind--invalid .riz-grind__grid{outline:1px dashed #D35155;outline-offset:6px;border-radius:2px;}
.riz-grind__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;grid-auto-rows:1fr;}
@media(max-width:600px){.riz-grind__grid{grid-template-columns:repeat(3,1fr);}}
.riz-grind__opt{position:relative;margin:0;display:flex;}
.riz-grind__opt input{position:absolute;opacity:0;width:0;height:0;}
.riz-grind__card{
	flex:1 1 auto;width:100%;
	display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
	padding:16px 8px 13px;min-height:112px;text-align:center;cursor:pointer;
	background:#fff;border-radius:2px;box-shadow:0 0 0 1px #dcdcdc;color:#222;
	transition:box-shadow .16s ease,background .16s ease,color .16s ease,transform .16s ease;
}
.riz-grind__card:hover{box-shadow:0 0 0 1px #222;transform:translateY(-1px);}
.riz-grind__icon{width:46px;height:46px;color:#222;transition:color .16s ease,transform .2s ease;}
.riz-grind__icon svg{width:100%;height:100%;display:block;}
/* The briki is landscape (long handle), so it renders shorter than the portrait icons.
   Scale just this one up so its visual height matches the rest. */
.riz-grind__opt input[value="ellinikos"] + .riz-grind__card .riz-grind__icon svg,
.riz-grind__opt input[value="greek"] + .riz-grind__card .riz-grind__icon svg{transform:scale(1.5);}
.riz-grind__name{font-size:16px;line-height:1.35;font-weight:400;letter-spacing:.1px;
	min-height:2.7em;display:flex;align-items:center;justify-content:center;}
.riz-grind__opt input:focus-visible + .riz-grind__card{outline:2px solid #D35155;outline-offset:2px;}
.riz-grind__opt input:checked + .riz-grind__card{
	background:#fbf1f1;box-shadow:0 0 0 2px #D35155;color:#D35155;
}
.riz-grind__opt input:checked + .riz-grind__card .riz-grind__icon{color:#D35155;transform:scale(1.04);}
.riz-grind__opt input:checked + .riz-grind__card .riz-grind__name{font-weight:700;}
@media(prefers-reduced-motion:reduce){.riz-grind__card{transition:none;}}
