.zpl-wrap{box-sizing:border-box;width:100%;max-width:100%;overflow:hidden;background:var(--zpl-bg);border-radius:var(--zpl-radius);padding:8px 14px;font-family:var(--zpl-font);color:var(--zpl-text)}
.zpl-wrap *{box-sizing:border-box}
.zpl-row{position:relative;display:grid;grid-template-columns:var(--zpl-is) minmax(0,1fr) minmax(155px,23%);column-gap:0;align-items:center;min-height:var(--zpl-row);margin-bottom:var(--zpl-gap)}
.zpl-row:last-child{margin-bottom:0}
/* Two continuous gold rails: they begin behind the icon and disappear under the price frame, visually joining it. */
.zpl-row:before,.zpl-row:after{content:"";position:absolute;left:calc(var(--zpl-is)/2);right:20.47%;height:1px;background:linear-gradient(90deg,var(--zpl-gold),#f0c86a 52%,var(--zpl-gold));opacity:.92;z-index:0;pointer-events:none}
/* The two rails belong to each service: they pass behind the icon, emerge from its right side, and meet the upper/lower edges of the price frame. */
.zpl-row:before{top:calc(50% - 24px)}.zpl-row:after{bottom:calc(50% - 24px)}
.zpl-icon{position:relative;z-index:3;width:var(--zpl-is);height:var(--zpl-is);border:1.6px solid var(--zpl-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--zpl-gold);background:#080a0b;box-shadow:0 0 7px rgba(215,164,59,.18);font-family:Arial,sans-serif;font-size:calc(var(--zpl-is)*.48);overflow:hidden}
.zpl-icon img{width:74%;height:74%;object-fit:contain;display:block}
.zpl-name{position:relative;z-index:2;font-family:var(--zpl-font);font-weight:700;font-size:var(--zpl-fs);letter-spacing:.015em;padding-left:var(--zpl-icon-gap);padding-right:14px;text-transform:uppercase;white-space:normal;line-height:1.05;text-shadow:0 1px 2px #000}
.zpl-price{position:relative;z-index:2;height:48px;margin-left:0;display:flex;align-items:center;justify-content:center;color:#f5e8c8;font-family:var(--zpl-font);font-weight:700;font-size:var(--zpl-ps);letter-spacing:.015em;filter:drop-shadow(0 0 4px rgba(215,164,59,.2));isolation:isolate}
.zpl-price:before,.zpl-price:after{content:"";position:absolute;inset:0;clip-path:polygon(11% 0,91% 0,100% 50%,91% 100%,11% 100%,0 50%)}
.zpl-price:before{background:linear-gradient(90deg,#e7b94f,var(--zpl-gold) 24%,#f0c66a 58%,var(--zpl-gold));z-index:-2}
.zpl-price:after{inset:1.5px;background:linear-gradient(90deg,#080a0b,#0b0b0b 72%,#11100d);clip-path:polygon(11% 0,91% 0,100% 50%,91% 100%,11% 100%,0 50%);z-index:-1}
.zpl-price span{position:relative;z-index:2;white-space:nowrap}
.zpl-price .zpl-tip-glow{position:absolute;left:-1px;top:50%;width:11px;height:28px;transform:translate(-12%,-50%);background:radial-gradient(ellipse at center,rgba(255,237,180,.62) 0,rgba(229,177,61,.20) 40%,transparent 72%);filter:blur(3px);pointer-events:none}
@media(max-width:767px){
 .zpl-wrap{padding:5px 6px}
 .zpl-row{grid-template-columns:46px minmax(0,1fr) minmax(96px,29%);min-height:58px;margin-bottom:min(var(--zpl-gap),12px)}
 .zpl-row:before,.zpl-row:after{left:23px;right:25.81%}
 .zpl-row:before{top:calc(50% - 19px)} .zpl-row:after{bottom:calc(50% - 19px)}
 .zpl-icon{width:46px;height:46px;border-width:1.4px;font-size:22px}
 .zpl-name{font-size:clamp(12px,3.6vw,17px);padding-left:min(var(--zpl-icon-gap),18px);padding-right:5px;letter-spacing:0;line-height:1.02}
 .zpl-price{height:38px;margin-left:0;font-size:clamp(14px,4vw,19px)}
 .zpl-price:after{inset:1.2px}
}