/* JGKIT Custom Soccer Product Template v1.0.0 */
body.jgkit-custom-soccer-template .jgkit-cs-summary-box,
body.jgkit-custom-soccer-template .jgkit-cs-conversion,
body.jgkit-custom-soccer-template .jgkit-cs-conversion *{box-sizing:border-box}

body.jgkit-custom-soccer-template .summary.entry-summary,
body.jgkit-custom-soccer-template .woocommerce-product-details__short-description{min-width:0}
body.jgkit-custom-soccer-template .summary.entry-summary .price{margin:8px 0 11px!important;color:#f26a16!important;font-size:19px!important;line-height:1.25!important;font-weight:800!important}
body.jgkit-custom-soccer-template .woocommerce-product-details__short-description{color:#5e6f84!important;line-height:1.58!important}

.jgkit-cs-summary-box{margin:18px 0 10px;padding:16px;border:1px solid #dfe6ee;border-radius:14px;background:#f7f9fb}
.jgkit-cs-status-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:13px}
.jgkit-cs-status-row span{display:inline-flex;gap:5px;align-items:center;padding:7px 9px;border-radius:999px;font-size:11px;font-weight:700;line-height:1.25}
.jgkit-cs-status-row .is-on{background:#e8f6ee;color:#17663a}.jgkit-cs-status-row .is-check{background:#eef3f8;color:#42556a}.jgkit-cs-status-row b{font-weight:900}
.jgkit-cs-summary-cta,.jgkit-cs-actions{display:flex;flex-wrap:wrap;gap:9px}.jgkit-cs-summary-note{margin:11px 0 0;color:#68778a;font-size:12px;line-height:1.5}
.jgkit-cs-btn{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:10px 15px;border-radius:9px;text-decoration:none!important;font-size:13px;font-weight:850;line-height:1.2}
.jgkit-cs-btn.primary{background:#ff6900;color:#fff!important}.jgkit-cs-btn.whatsapp{background:#27a844;color:#fff!important}

.jgkit-cs-conversion{clear:both;width:min(1180px,calc(100vw - 40px));margin:38px auto 50px;color:#122136;font-family:inherit}
.jgkit-cs-head{max-width:820px;margin-bottom:24px}.jgkit-cs-section-label{color:#f16a17;font-size:11px;font-weight:900;letter-spacing:.10em;line-height:1.3}
.jgkit-cs-head h2,.jgkit-cs-related h2,.jgkit-cs-faq h2{margin:7px 0 9px;font-size:clamp(27px,3vw,40px);line-height:1.08;letter-spacing:-.035em;color:#10243a}.jgkit-cs-head p{margin:0;color:#637287;font-size:15px;line-height:1.65}

.jgkit-cs-colorways{margin:0 0 20px;padding:22px;border:1px solid #e2e8ee;border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(15,39,66,.06)}
.jgkit-cs-colorways.generic h3{margin:8px 0 7px;font-size:22px;color:#15283e}.jgkit-cs-colorways.generic p{margin:0;color:#68778a;font-size:13px;line-height:1.6}
.jgkit-cs-option-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.jgkit-cs-option-chips span{padding:7px 10px;border-radius:999px;background:#eef3f8;color:#42556a;font-size:11px;font-weight:800}
.jgkit-cs-swatch-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-top:13px}
.jgkit-cs-swatch{min-height:112px;padding:12px;border-radius:13px;background:#f5f7fa}.jgkit-cs-swatch i{display:block;width:100%;height:42px;margin-bottom:10px;border-radius:8px}.jgkit-cs-swatch strong,.jgkit-cs-swatch span{display:block}.jgkit-cs-swatch strong{font-size:13px;color:#15283e}.jgkit-cs-swatch span{margin-top:3px;font-size:11px;color:#758296}
.jgkit-cs-swatch.purple i{background:linear-gradient(135deg,#0d1118 0 48%,#682f9d 48% 68%,#f07a1f 68%)}
.jgkit-cs-swatch.red i{background:linear-gradient(135deg,#101216 0 50%,#b72632 50% 72%,#ef7a1f 72%)}
.jgkit-cs-swatch.blue i{background:linear-gradient(135deg,#101318 0 50%,#1359a5 50% 74%,#49a1ff 74%)}
.jgkit-cs-swatch.sky i{background:linear-gradient(135deg,#f6f7f8 0 48%,#78c9ed 48% 73%,#1f6b99 73%)}
.jgkit-cs-swatch.green i{background:linear-gradient(135deg,#123a31 0 53%,#d0a03c 53% 71%,#0b1918 71%)}

.jgkit-cs-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.jgkit-cs-panel{padding:24px;border-radius:18px;background:#0d2238;color:#fff}.jgkit-cs-panel h3{margin:8px 0 16px;color:#fff;font-size:23px;line-height:1.15}.jgkit-cs-chip-grid{display:flex;flex-wrap:wrap;gap:8px}.jgkit-cs-chip-grid span{padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.06);font-size:12px;font-weight:750}.jgkit-cs-footnote{margin:14px 0 0;color:#aebdca;font-size:11px;line-height:1.55}
.jgkit-cs-panel.order-ref{background:#f5f7fa;color:#122136;border:1px solid #e2e8ee}.jgkit-cs-panel.order-ref .jgkit-cs-footnote{color:#697789}.jgkit-cs-spec-list{margin-top:12px}.jgkit-cs-spec-list div{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid #dde4eb}.jgkit-cs-spec-list span{color:#6f7c8d;font-size:12px}.jgkit-cs-spec-list strong{color:#162a40;font-size:12px;text-align:right}

.jgkit-cs-process-wrap{padding:23px;border:1px solid #e2e8ee;border-radius:18px;background:#fff;margin-bottom:20px}.jgkit-cs-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.jgkit-cs-process>div{padding:16px;border-radius:13px;background:#f5f7fa}.jgkit-cs-process b{display:flex;width:29px;height:29px;align-items:center;justify-content:center;margin-bottom:10px;border-radius:50%;background:#ff6900;color:#fff;font-size:11px}.jgkit-cs-process strong,.jgkit-cs-process span{display:block}.jgkit-cs-process strong{font-size:13px;color:#12263d}.jgkit-cs-process span{margin-top:5px;color:#6c7b8f;font-size:11px;line-height:1.45}

.jgkit-cs-quote-band{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px;padding:25px;border-radius:18px;background:linear-gradient(135deg,#102941,#183e60);color:#fff}.jgkit-cs-quote-band h3{margin:7px 0 6px;color:#fff;font-size:24px}.jgkit-cs-quote-band p{margin:0;max-width:690px;color:#cad7e3;font-size:13px;line-height:1.55}.jgkit-cs-quote-band .jgkit-cs-actions{justify-content:flex-end;flex:0 0 auto}

.jgkit-cs-related{margin:34px 0}.jgkit-cs-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:15px}.jgkit-cs-related-card{overflow:hidden;border:1px solid #e1e7ed;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(15,39,66,.05)}
.jgkit-cs-related-media{display:block;position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:#f3f6f9;text-decoration:none}.jgkit-cs-related-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.jgkit-cs-related-card:hover img{transform:scale(1.02)}.jgkit-cs-related-media.is-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0d2238,#193f61);color:#fff}.jgkit-cs-related-media.is-placeholder span{font-size:16px;font-weight:900;letter-spacing:.06em}
.jgkit-cs-related-body{padding:15px}.jgkit-cs-related-body>span{font-size:10px;font-weight:900;color:#f16a17;letter-spacing:.08em}.jgkit-cs-related-card h3{margin:6px 0 9px;font-size:16px;line-height:1.3}.jgkit-cs-related-card h3 a{color:#14283f;text-decoration:none}.jgkit-cs-related-link{font-size:12px;font-weight:850;text-decoration:none;color:#14558d}

.jgkit-cs-faq{margin-top:34px}.jgkit-cs-faq details{margin-top:9px;border:1px solid #e0e7ee;border-radius:12px;background:#fff;padding:0 15px}.jgkit-cs-faq summary{cursor:pointer;padding:14px 0;font-size:13px;font-weight:850;color:#15293f}.jgkit-cs-faq details p{padding:0 0 14px;margin:0;color:#667589;font-size:13px;line-height:1.6}

@media(max-width:900px){.jgkit-cs-swatch-grid{grid-template-columns:repeat(3,1fr)}.jgkit-cs-two-col{grid-template-columns:1fr}.jgkit-cs-process{grid-template-columns:1fr 1fr}.jgkit-cs-quote-band{align-items:flex-start;flex-direction:column}.jgkit-cs-quote-band .jgkit-cs-actions{justify-content:flex-start}.jgkit-cs-related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.jgkit-cs-conversion{width:calc(100vw - 28px);margin:25px auto 36px}.jgkit-cs-summary-cta .jgkit-cs-btn{width:100%}.jgkit-cs-colorways,.jgkit-cs-panel,.jgkit-cs-process-wrap{padding:17px}.jgkit-cs-swatch-grid{grid-template-columns:1fr 1fr}.jgkit-cs-swatch{min-height:100px}.jgkit-cs-process{grid-template-columns:1fr 1fr;gap:8px}.jgkit-cs-related-grid{grid-template-columns:1fr}.jgkit-cs-quote-band{padding:20px}.jgkit-cs-quote-band .jgkit-cs-actions,.jgkit-cs-quote-band .jgkit-cs-btn{width:100%}.jgkit-cs-spec-list div{flex-direction:column;gap:3px}.jgkit-cs-spec-list strong{text-align:left}}
