/* Web Solutions V3.7 — scoped upgrade: pricing + industries only. */
.ws-main .ws-v32 .pricing {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;align-items:stretch}
.ws-main .ws-v32 .pricecard.ws-v37-pricecard {display:flex;flex-direction:column;min-width:0;min-height:0;padding:25px 19px 20px;border-radius:17px;box-shadow:0 8px 22px rgba(6,33,71,.035)}
.ws-main .ws-v32 .pricecard.ws-v37-pricecard.accent {border:2px solid #1676f3;box-shadow:0 14px 35px rgba(20,98,215,.12)}
.ws-main .ws-v32 .pricecard.ws-v37-pricecard .smallcaps {font-size:11px;letter-spacing:.09em;color:#2164b3}
.ws-main .ws-v32 .pricecard.ws-v37-pricecard h3 {font-size:18px;margin:13px 0 8px;line-height:1.26;min-height:45px}
.ws-main .ws-v32 .pricecard.ws-v37-pricecard .cost {font-size:clamp(22px,2vw,27px);letter-spacing:-.035em;line-height:1.2;margin:0 0 10px;overflow-wrap:anywhere}
/* V3.7.3 — billing period or "Sekali bayar" remains visually subordinate to the amount.
   Wrap the label safely on narrow cards; the stored Gutenberg price stays editable. */
.ws-main .ws-v32 .pricecard.ws-v37-pricecard .cost.ws-v372-price {
 display:flex;align-items:baseline;column-gap:5px;row-gap:2px;flex-wrap:wrap;min-width:0;
 overflow-wrap:normal;word-break:normal;
}
.ws-main .ws-v32 .pricecard.ws-v37-pricecard .cost.ws-v372-price .ws-v372-price-amount {
 font:inherit;letter-spacing:inherit;color:inherit;white-space:nowrap;min-width:0;
}
.ws-main .ws-v32 .pricecard.ws-v37-pricecard .cost.ws-v372-price .ws-v372-price-period {
 display:inline-block;flex:none;font-size:clamp(12px,1vw,14px);font-weight:600;
 line-height:1.2;letter-spacing:0;color:#607a96;white-space:nowrap;
}
@media(max-width:380px){
 .ws-main .ws-v32 .pricecard.ws-v37-pricecard .cost.ws-v372-price {font-size:clamp(21px,6vw,26px)}
}
.ws-main .ws-v32 .pricecard.ws-v37-pricecard .ws-v37-price-description {font-size:12.5px!important;line-height:1.65!important;color:#637991;min-height:60px}
.ws-main .ws-v32 .pricecard.ws-v37-pricecard .ws-v37-feature-list {padding:0;margin:18px 0 26px;list-style:none;display:grid;gap:10px;flex-grow:1;align-content:start}
.ws-main .ws-v32 .pricecard.ws-v37-pricecard .ws-v37-feature-list li {display:flex;align-items:flex-start;gap:9px;font-size:12.5px;line-height:1.55;color:#344c66;min-width:0}
.ws-main .ws-v32 .pricecard.ws-v37-pricecard .ws-v37-feature-list li .ic {color:#0b9f86;width:15px;height:15px;margin-top:2px;flex:none}
.ws-main .ws-v32 .pricecard.ws-v37-pricecard .ws-v37-feature-list li span {min-width:0}
.ws-main .ws-v32 .pricecard.ws-v37-pricecard .btn {margin-top:auto;white-space:normal;text-align:center;min-height:46px;font-size:12.5px}
.ws-main .ws-v32 .pricecard.ws-v37-pricecard .ws-v37-recommended {display:inline-flex;align-self:flex-start;max-width:100%;font-size:10px;font-weight:700;color:#fff;background:#126ef0;border-radius:99px;padding:5px 11px;margin:-9px 0 10px}
.ws-main .ws-v32 .showcase-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.ws-main .ws-v32 .showcase.ws-v37-showcase {display:flex;flex-direction:column;min-width:0;border-radius:17px;box-shadow:0 10px 30px rgba(12,41,77,.045);transition:transform .2s,box-shadow .2s}
.ws-main .ws-v32 .showcase.ws-v37-showcase:hover {transform:translateY(-3px);box-shadow:0 16px 35px rgba(12,41,77,.1)}
.ws-main .ws-v32 .showcase.ws-v37-showcase .showcase-art {height:186px;padding:0;background:#e7f0f9}
.ws-main .ws-v32 .showcase.ws-v37-showcase .showcase-art>img.ws-v32-portfolio-image {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1}
.ws-main .ws-v32 .showcase.ws-v37-showcase .showcase-body {padding:19px 18px 23px;flex:1}
.ws-main .ws-v32 .showcase.ws-v37-showcase .showcase-body h3 {font-size:17px;line-height:1.33;margin-top:9px}
.ws-main .ws-v32 .showcase.ws-v37-showcase .showcase-body p {font-size:13px;line-height:1.65;margin-top:8px}
@media(max-width:1100px){
 .ws-main .ws-v32 .pricing,.ws-main .ws-v32 .showcase-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
 .ws-main .ws-v32 .pricecard.ws-v37-pricecard h3 {min-height:0}
 .ws-main .ws-v32 .pricecard.ws-v37-pricecard .ws-v37-price-description {min-height:0}
}
@media(max-width:640px){
 .ws-main .ws-v32 .pricing,.ws-main .ws-v32 .showcase-grid {grid-template-columns:minmax(0,1fr);gap:17px}
 .ws-main .ws-v32 .pricecard.ws-v37-pricecard {padding:24px 21px}
 .ws-main .ws-v32 .pricecard.ws-v37-pricecard .ws-v37-feature-list li {font-size:14px;line-height:1.5}
 .ws-main .ws-v32 .pricecard.ws-v37-pricecard .ws-v37-price-description {font-size:14px!important;min-height:0}
 .ws-main .ws-v32 .showcase.ws-v37-showcase .showcase-art {height:210px}
 .ws-main .ws-v32 .showcase.ws-v37-showcase .showcase-body p {font-size:14px}
}
@media(prefers-reduced-motion:reduce){
 .ws-main .ws-v32 .showcase.ws-v37-showcase {transition:none}
 .ws-main .ws-v32 .showcase.ws-v37-showcase:hover {transform:none}
}
