#herbatica-tip{box-sizing:border-box;width:100%;margin:28px 0;padding:24px;border:1px solid #e5eadf;border-radius:18px;background:#fbfdf8;text-align:center;overflow:hidden}
#herbatica-tip *{box-sizing:border-box}
#herbatica-tip h2{margin:0 0 6px;font-size:clamp(19px,2.1vw,24px);line-height:1.25}
#herbatica-tip>p{margin:0 0 20px;color:#666;font-size:15px;line-height:1.45}
.herbatica-tip-options{display:grid;grid-template-columns:repeat(4,minmax(0,108px));justify-content:center;gap:18px;width:100%}
.herbatica-tip-form{min-width:0;margin:0}
.herbatica-tip-form button{display:flex;width:100%;min-width:0;min-height:148px;padding:10px 8px;border:2px solid transparent;border-radius:16px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.08);align-items:center;justify-content:center;flex-direction:column;cursor:pointer;transition:border-color .2s,transform .2s,background-color .2s}
.herbatica-tip-form button:hover,.herbatica-tip-form button:focus-visible{border-color:#67bd4b;transform:translateY(-2px);outline:0}
.herbatica-tip-form button:disabled{border-color:#00a376;background:#f0faf5;cursor:default;transform:none}
.herbatica-tip-form button.is-loading{opacity:.72}
.herbatica-tip-form img{display:block;width:76px;height:76px;max-width:100%;object-fit:contain;background:#fff;border-radius:50%}
.herbatica-tip-form strong{display:block;margin-top:7px;color:#222;font-size:17px;line-height:1.2;font-weight:700}
.herbatica-tip-form small{display:block;color:#068361;font-size:12px;line-height:1.3}
.herbatica-tip-row .p-quantity .quantity-form{display:none}
.herbatica-tip-row .p-quantity:after{content:'1';font-weight:700}
.herbatica-tip-row .p-availability{display:table-cell;visibility:hidden}
@media(max-width:767px){#herbatica-tip{margin:22px 0;padding:20px 14px}.herbatica-tip-options{grid-template-columns:repeat(2,minmax(0,132px));gap:12px}.herbatica-tip-form button{min-height:136px}.herbatica-tip-form img{width:68px;height:68px}}
@media(max-width:359px){#herbatica-tip{padding:18px 10px}.herbatica-tip-options{gap:8px}.herbatica-tip-form button{min-height:126px;padding:8px 5px}.herbatica-tip-form img{width:58px;height:58px}.herbatica-tip-form strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.herbatica-tip-form button{transition:none}}