{"product_id":"onyx-training-shorts-airforce","title":"Onyx Training Shorts Airforce","description":"\u003cstyle\u003e\n  :root{\n    --cream:#FBF8F2;\n    --cream-deep:#F1EBDF;\n    --white:#FFFFFF;\n    --ink:#26251F;\n    --ink-soft:#645F52;\n    --line:#DDD5C4;\n    --accent:#2F2B22;\n    --accent-soft:#8B8368;\n    --tag-bg:#EFE9DA;\n  }\n  *{box-sizing:border-box;}\n  body{\n    margin:0;\n    background:var(--cream);\n    color:var(--ink);\n    font-family:'Inter', sans-serif;\n    -webkit-font-smoothing:antialiased;\n  }\n  .wrap{\n    max-width:820px;\n    margin:0 auto;\n    padding:64px 24px 100px;\n  }\n\n  \/* ---------- HERO ---------- *\/\n  .eyebrow{\n    font-family:'IBM Plex Mono', monospace;\n    font-size:10px;\n    letter-spacing:.14em;\n    text-transform:uppercase;\n    color:var(--accent-soft);\n    margin-bottom:14px;\n    display:flex;\n    align-items:center;\n    gap:8px;\n  }\n  .eyebrow::before{\n    content:\"\";\n    width:18px;height:1px;\n    background:var(--accent-soft);\n    display:inline-block;\n  }\n  h1.title{\n    font-family:'Space Grotesk', sans-serif;\n    font-weight:700;\n    font-size:28px;\n    line-height:1.15;\n    margin:0 0 12px;\n    letter-spacing:-0.01em;\n  }\n  .desc{\n    font-size:13px;\n    line-height:1.65;\n    color:var(--ink-soft);\n    max-width:560px;\n    margin:0 0 18px;\n  }\n  [contenteditable=\"true\"]{\n    outline:none;\n    border-radius:6px;\n    padding:2px 4px;\n    margin:-2px -4px;\n    transition:background .15s ease, box-shadow .15s ease;\n    cursor:text;\n  }\n  [contenteditable=\"true\"]:hover{\n    background:var(--white);\n    box-shadow:0 0 0 1px var(--line);\n  }\n  [contenteditable=\"true\"]:focus{\n    background:var(--white);\n    box-shadow:0 0 0 1.5px var(--accent);\n  }\n  .edit-hint{\n    font-family:'IBM Plex Mono', monospace;\n    font-size:9px;\n    color:var(--accent-soft);\n    letter-spacing:.03em;\n    margin:-8px 0 22px;\n    display:flex;\n    align-items:center;\n    gap:5px;\n    opacity:.85;\n  }\n  .edit-hint svg{width:10px;height:10px;flex:none;}\n\n  .tags{\n    display:flex;\n    flex-wrap:wrap;\n    gap:6px;\n    margin-bottom:28px;\n  }\n  .tag{\n    font-family:'IBM Plex Mono', monospace;\n    font-size:10px;\n    letter-spacing:.03em;\n    background:var(--tag-bg);\n    border:1px solid var(--line);\n    color:var(--ink);\n    padding:4px 10px;\n    border-radius:100px;\n  }\n\n  \/* ---------- SIGNATURE: STRETCH DIAGRAM ---------- *\/\n  .stretch-panel{\n    background:var(--white);\n    border:1px solid var(--line);\n    border-radius:12px;\n    padding:20px 20px;\n    margin-bottom:32px;\n    display:flex;\n    align-items:center;\n    gap:18px;\n  }\n  .stretch-panel .icon-box{\n    flex:none;\n    width:64px;height:64px;\n    position:relative;\n  }\n  .stretch-panel .icon-box svg{width:100%;height:100%;}\n  .stretch-arrow{\n    stroke:var(--accent);\n    stroke-width:2;\n    fill:none;\n    stroke-linecap:round;\n    transform-origin:center;\n  }\n  .stretch-arrow.a1{animation:pulseH 2.6s ease-in-out infinite;}\n  .stretch-arrow.a2{animation:pulseV 2.6s ease-in-out infinite;}\n  @keyframes pulseH{\n    0%,100%{transform:scaleX(1);}\n    50%{transform:scaleX(1.18);}\n  }\n  @keyframes pulseV{\n    0%,100%{transform:scaleY(1);}\n    50%{transform:scaleY(1.18);}\n  }\n  @media (prefers-reduced-motion: reduce){\n    .stretch-arrow.a1, .stretch-arrow.a2{animation:none;}\n  }\n  .stretch-copy .label{\n    font-family:'IBM Plex Mono', monospace;\n    font-size:9.5px;\n    letter-spacing:.1em;\n    text-transform:uppercase;\n    color:var(--accent-soft);\n    margin-bottom:4px;\n  }\n  .stretch-copy .value{\n    font-family:'Space Grotesk', sans-serif;\n    font-weight:600;\n    font-size:14px;\n    margin-bottom:3px;\n  }\n  .stretch-copy .sub{\n    font-size:11.5px;\n    color:var(--ink-soft);\n    line-height:1.5;\n  }\n\n  \/* ---------- SPEC SECTIONS ---------- *\/\n  .section-heading{\n    font-family:'IBM Plex Mono', monospace;\n    font-size:10px;\n    letter-spacing:.14em;\n    text-transform:uppercase;\n    color:var(--accent-soft);\n    margin:0 0 10px;\n  }\n\n  details{\n    background:var(--white);\n    border:1px solid var(--line);\n    border-radius:8px;\n    margin-bottom:8px;\n    overflow:hidden;\n  }\n  details + details{margin-top:8px;}\n  summary{\n    list-style:none;\n    cursor:pointer;\n    padding:13px 16px;\n    font-family:'Space Grotesk', sans-serif;\n    font-weight:600;\n    font-size:13px;\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:12px;\n    -webkit-tap-highlight-color:transparent;\n  }\n  summary::-webkit-details-marker{display:none;}\n  summary .plus{\n    flex:none;\n    width:16px;height:16px;\n    position:relative;\n  }\n  summary .plus::before,\n  summary .plus::after{\n    content:\"\";\n    position:absolute;\n    background:var(--accent);\n    top:50%;left:50%;\n    transform:translate(-50%,-50%);\n  }\n  summary .plus::before{width:10px;height:1.3px;}\n  summary .plus::after{width:1.3px;height:10px;transition:transform .25s ease;}\n  details[open] summary .plus::after{transform:translate(-50%,-50%) rotate(90deg) scaleY(0.001);}\n\n  .panel-body{\n    padding:0 16px 16px;\n    font-size:12px;\n    line-height:1.65;\n    color:var(--ink-soft);\n  }\n  .panel-body ul{\n    margin:0;\n    padding-left:0;\n    list-style:none;\n  }\n  .panel-body li{\n    position:relative;\n    padding-left:15px;\n    margin-bottom:6px;\n  }\n  .panel-body li::before{\n    content:\"\";\n    position:absolute;\n    left:0;top:8px;\n    width:4px;height:4px;\n    border-radius:50%;\n    background:var(--accent-soft);\n  }\n  .panel-body li:last-child{margin-bottom:0;}\n\n  footer{\n    margin-top:36px;\n    padding-top:16px;\n    border-top:1px solid var(--line);\n    font-family:'IBM Plex Mono', monospace;\n    font-size:9.5px;\n    color:var(--accent-soft);\n    display:flex;\n    justify-content:space-between;\n    flex-wrap:wrap;\n    gap:6px;\n  }\n\n  @media (max-width:560px){\n    h1.title{font-size:24px;}\n    .stretch-panel{flex-direction:column;align-items:flex-start;}\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"title\" spellcheck=\"false\"\u003eOynx Training Shorts Black\u003c\/h2\u003e\n\u003cp class=\"PDq2pG_selectionAnchorContainer\"\u003eThe oynx training shorts black are engineered for athletes who demand unrestricted movement, lightweight comfort, and everyday versatility. Whether you're lifting heavy in the gym, pushing through an intense HIIT session, or going for a morning run, these shorts deliver the perfect balance of performance, durability, and style.\u003cspan class=\"PDq2pG_selectionAnchor\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003eCrafted from premium lightweight performance fabric, the Apex Shorts offer superior breathability, moisture management, and lasting comfort. The athletic fit, ergonomic side split hem, and secure zip pocket make them the ideal choice for training, running, and everyday activewear.\u003c\/p\u003e\n\u003cdiv class=\"section-heading\"\u003eSpecifications\u003c\/div\u003e\n\u003cdetails open=\"\"\u003e\n\u003csummary\u003eFabric \u0026amp; Material \u003cspan class=\"plus\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"panel-body\"\u003eMade from premium 130 GSM Ripstop Polyester Spandex Woven fabric, the Apex Performance Shorts deliver lightweight comfort, superior durability and quick-dry performance—built to keep you moving through every workout.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails open=\"\"\u003e\n\u003csummary\u003ePerformance Features \u003cspan class=\"plus\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"panel-body\"\u003e\n\u003cp\u003e Moisture-wicking \u0026amp; quick-dry                                                                                                 Durable Ripstop Fabric Built to Last                                                                                                 Enhanced Durability                                                                                                               \u003cbr\u003e Made for Everyday Training\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails open=\"\"\u003e\n\u003csummary\u003eSize \u0026amp; Fit \u003cspan class=\"plus\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"panel-body\"\u003eFeaturing an athletic fit with an above-the-knee length, these shorts are designed to move naturally with your body during training, running, and everyday wear.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails open=\"\"\u003e\n\u003csummary\u003eCare Instructions \u003cspan class=\"plus\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"panel-body\"\u003eMachine wash cold with similar colors. Do not bleach, iron, or dry clean. Tumble dry low or line dry for best results. \u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"zyave","offers":[{"title":"S","offer_id":44083221659726,"sku":null,"price":899.0,"currency_code":"INR","in_stock":true},{"title":"M","offer_id":44083221692494,"sku":null,"price":899.0,"currency_code":"INR","in_stock":true},{"title":"L","offer_id":44083221725262,"sku":null,"price":899.0,"currency_code":"INR","in_stock":true},{"title":"XL","offer_id":44083221758030,"sku":null,"price":899.0,"currency_code":"INR","in_stock":true},{"title":"2XL","offer_id":44083221790798,"sku":null,"price":899.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0745\/6037\/2814\/files\/zyave-mens-air-force-running-shorts-side-pocket-detail.png?v=1785494061","url":"https:\/\/zyave.com\/products\/onyx-training-shorts-airforce","provider":"ZYAVE","version":"1.0","type":"link"}