ⵉⵎⵖⴰⵏ ⵏ Guli ⴰⵇⴱⵓⵔ

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Buy Sports Shoes For Men: Agr-10-D-Gry-V-Org | Campus Shoes</title>
    <meta name="keywords" content="Buy Sports Shoes For Men: Agr-10-D-Gry-V-Org | Campus Shoes">
    <meta name="description" content="Action a gear shoes price new arrivals.Adidas Campus 00's Originals Shoes 'Black' - HQ8708 Expeditedship | eBay.Buy Campus Men's A Gear Navy Running Shoes for Men at Best Price @ Tata CLiQ.adidas Campus 00s Shoes - Black | Unisex Lifestyle | adidas US.CAMPUS A-Gear from House of CAMPUS, Walking Shoes For Men - Buy CAMPUS A- Gear from House of CAMPUS, Walking Shoes For Men Online at Best Price -  Shop Online for Footwears in.adidas Campus 00s Shoes - Black | Unisex Lifestyle | adidas US.CAMPUS A-Gear from House of CAMPUS, Walking Shoes For Men - Buy CAMPUS A- Gear from House of CAMPUS, Walking Shoes For Men Online at Best Price -  Shop Online for Footwears in.Bad Bunny adidas Campus Chalky Brown Release Info | Hypebeast.Although they made their debut on the hardwood, the adidas Campus shoes  were quickly adopted just about everywhere else. With this pair, we move  the iconic silhouette in another direction and add ....CAMPUS by Action AGEAR-2 Running shoes by Campus For Men - Buy CAMPUS by  Action AGEAR-2 Running shoes by Campus For Men Online at Best Price - Shop  Online for Footwears in" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="canonical" href="当前URL">
    <meta property="og:title" content="Buy Sports Shoes For Men: Agr-10-D-Gry-V-Org | Campus Shoes">
    <meta property="og:description" content="Buy Sports Shoes For Men: Agr-10-D-Gry-V-Org | Campus Shoes">
    <meta property="og:site_name" content="Buy Sports Shoes For Men: Agr-10-D-Gry-V-Org | Campus Shoes">
    <meta property="og:url" content="当前URL">
    <meta property="og:image" content="https://www.campusshoes.com/cdn/shop/files/AGR-010_AGR-010_D.GRY-V.ORG_2.jpg">
    <meta property="og:type" content="product">
    <meta name="twitter:card" content="summary" />
    <script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <style>
     .ui-header svg {color: #333;}a {text-decoration: none;}.ui-panel{width:100%;box-sizing:border-box}.red{color:#e4393c!important}.text-center{text-align:center}.ui-slider{width:100%;height:auto;padding-top:0}.ui-slider-content{position:relative;display:block}#banner_list img{width:100%;height:auto;display:block}.indexgoods{max-width:1500px;margin:15px auto;padding:0 10px;clear:both}.common-hd{width:100%;height:50px;line-height:50px;font-size:18px;font-weight:bold;text-align:left;border-bottom:2px solid #182e49;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center;background:transparent}.common-hd .comon-hd-right{font-size:14px;color:#247bbd;font-weight:normal}#em2{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start}.ui-col-25{width:calc(25% - 9px)!important;background:#fff;border-radius:8px;overflow:hidden;transition:all .3s ease;border:1px solid #eee;box-sizing:border-box;margin-bottom:5px}.ui-col-25:hover{box-shadow:0 6px 18px rgba(0,0,0,.1);transform:translateY(-3px)}.product-thumb{width:100%;height:300px;display:flex;align-items:center;justify-content:center;background:#fff;padding:10px;box-sizing:border-box;position:relative}.product-thumb img{max-width:60%;max-height:100%;object-fit:contain;margin-left:20%}.product-grid{padding:10px;text-align:left;background:#fff}.product-title{font-size:14px;color:#333;height:40px;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px}.product-price{font-size:18px;font-weight:bold;margin-bottom:2px}.market_price{font-size:12px;color:#999;text-decoration:line-through}#headerWrapper{float:left;width:100%;background:#fff;border-bottom:1px solid #eee}.headerTop{max-width:1000px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:15px 10px}.ui-category{width:100%;background:#182e49;height:50px;float:left}#main-category{width:1500px;margin:0 auto;display:flex;list-style:none}#main-category>li{padding:15px 20px;color:#fff}#main-category>li a{color:#fff;font-size:14px}.lf-right button{background-color:#ffac53;border:none;color:#FFF;padding:8px 15px;border-radius:4px;display:flex;align-items:center;gap:5px}.count{background-color:#dd2525;color:#fff;padding:0 6px;border-radius:10px;font-size:12px;font-weight:bold}@media screen and (max-width:640px){#headerWrapper,.ui-category{display:none!important}.ui-header{display:flex!important;position:fixed;top:0;left:0;width:100%;background:#fff;border-bottom:1px solid #eee;height:50px;z-index:100;align-items:center}.ui-header ul{width:100%;display:flex;justify-content:space-around;list-style:none;padding:0}.ui-container.page-index{margin-top:50px}.ui-col-25{width:calc(50% - 6px)!important}.product-thumb{height:150px}.product-title{font-size:13px;height:36px}}.ui-offcanvas{position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;background:rgba(0,0,0,.5);display:none}.ui-offcanvas .boxer{width:260px;height:100%;background:#222}body.offcanvas-in{overflow:hidden}#footer{background:#1a1a1a;color:#ffffff;padding:40px 0 20px;margin-top:50px;display:block;clear:both;width:100%;box-sizing:border-box}.ui-footer{max-width:1000px;margin:0 auto;background:transparent!important;padding:0 15px;box-sizing:border-box}.ui-footer .ui-row{display:flex!important;flex-wrap:wrap;justify-content:flex-start;border:none;padding:0;margin:0;list-style:none}.ui-footer .ui-col-50{width:33.33%!important;margin-bottom:20px;text-align:left;float:none!important;box-sizing:border-box}.ui-footer a{color:#bbb!important;font-size:14px;transition:all .3s ease;display:inline-block;padding:5px 0}.ui-footer a:hover{color:#ffac53!important;transform:translateX(5px);text-decoration:none!important}.footer-bottom{margin-top:20px;padding-top:20px;border-top:1px solid #333;text-align:center;font-size:12px;color:#666;width:100%;clear:both}@media screen and (max-width:640px){.ui-footer .ui-row{display:flex!important}.ui-footer .ui-col-50{width:50%!important;text-align:left;padding-left:10px}#footer{padding:30px 0 10px;float:none}.footer-bottom{margin-top:10px}}.headerTop{max-width:1200px;margin:0 auto;padding:20px 15px;display:flex;justify-content:space-between;align-items:center;background:#fff}.logoWrapper{flex:1}.logoWrapper img{height:45px;width:auto;display:block}.shopCart{display:flex;justify-content:flex-end;flex:1}.shopCart .am-btn{background:#fcfcfc;border:1px solid #eeeeee;padding:8px 20px;border-radius:30px;display:flex;align-items:center;transition:all .3s ease;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.05)}.shopCart .am-btn:hover{background:#ffffff;border-color:#ffac53;box-shadow:0 4px 10px rgba(255,172,83,.2)}.shopCart .am-btn span{font-size:14px;color:#333;margin-left:8px;font-weight:500}.shopCart .count{background:#ff4d4f;color:#fff;min-width:18px;height:18px;line-height:18px;font-size:11px;border-radius:50%;margin-left:5px;display:inline-block;text-align:center}@media screen and (max-width:640px){.headerTop{padding:10px 15px}.logoWrapper img{height:35px}.shopCart span:not(.count){display:none}.shopCart .am-btn{padding:5px 10px}}.ui-offcanvas{background:rgba(0,0,0,.6)!important;backdrop-filter:blur(4px)}.ui-offcanvas .boxer{width:280px!important;background:#1a1c1e!important;box-shadow:5px 0 15px rgba(0,0,0,.3)}.ui-offcanvas h1{font-size:18px;padding:20px 15px;background:#25282c;color:#fff;margin:0;font-weight:500;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333}.ui-offcanvas h1 .close{font-size:22px;opacity:.7;transition:.3s}.ui-offcanvas .ui-list{background:transparent!important;padding:10px 0;border-bottom:1px solid #2d2d2d}.ui-offcanvas .ui-list li{background:transparent!important;line-height:50px!important;height:50px!important;position:relative}.ui-offcanvas .ui-list li a{display:block;padding:0 20px!important;color:#cbd5e0!important;font-size:15px;text-decoration:none;transition:all .2s}.ui-offcanvas .ui-list li a:active{background:#2d3748!important;color:#ffac53!important}.ui-offcanvas .ui-list.menu:before{content:"Product Categories"}.ui-offcanvas .ui-list.common:before{content:"Main Menu"}.ui-offcanvas .ui-list.useful_links:before{content:"Information"}.ui-offcanvas .ui-list li a span{border-color:#4a5568!important;right:20px!important;width:8px!important;height:8px!important}.ui-offcanvas .useful_links li a{font-size:14px;color:#a0aec0!important}.pager{width:100%;clear:both;padding:30px 10px!important;display:flex;justify-content:center;align-items:center;border:none!important}.pages{width:auto!important;float:none!important;text-align:center!important}.paginator{display:flex;gap:8px;align-items:center;font-family:Arial,sans-serif}.paginator a,.paginator span{display:inline-block;min-width:36px;height:36px;line-height:36px;text-align:center;text-decoration:none!important;border-radius:4px;font-size:14px;transition:all .3s ease;border:1px solid #ddd;background:#fff;color:#333;margin:0!important}.paginator span.current{background-color:#182e49!important;border-color:#182e49!important;color:#fff!important;font-weight:bold;box-shadow:0 2px 5px rgba(0,0,0,.1)}.paginator a:hover{background-color:#ffac53!important;border-color:#ffac53!important;color:#fff!important;transform:translateY(-2px)}@media screen and (max-width:640px){.pager{padding:20px 5px!important}.paginator a,.paginator span{min-width:32px;height:32px;line-height:32px;font-size:13px}.paginator{gap:5px}}@media screen and (min-width:641px){.ui-header{display:none!important}}@media screen and (max-width:640px){.ui-header{display:flex!important;align-items:center;justify-content:space-between}.ui-header ul{width:100%;display:flex;list-style:none;padding:0 10px;align-items:center;justify-content:space-around}.ui-header .am-btn{background:transparent;border:none;position:relative;padding:0}.ui-header .count{position:absolute;top:5px;right:-8px;background:#ff4d4f;color:#fff;font-size:10px;padding:0 4px;border-radius:10px;line-height:1.2}}.navBreadCrumb{max-width:1200px;margin:20px auto;text-align:center;padding:10px 0;border-bottom:1px solid #eee}#main{position:relative;width:100%;display:block;clear:both}.product-price.red{font-size:24px!important;font-weight:700;color:#e52e2e!important;margin:8px 0;display:flex;align-items:baseline;justify-content:center}.product-price .usual_sign{font-size:14px;margin-left:2px;font-weight:normal;color:#e52e2e}.market_price{font-size:13px;color:#999;text-decoration:line-through;margin-bottom:10px;display:block;text-align:center}@media screen and (max-width:640px){.product-price.red{font-size:20px!important}.product-price .usual_sign{font-size:12px}}.ui-category{position:relative;z-index:999}.category_li{position:relative!important;z-index:1000}.category_li .category{display:none;position:absolute;top:100%;left:0;min-width:200px;background:#ffffff!important;box-shadow:0 8px 16px rgba(0,0,0,.15);padding:10px 0;margin:0;list-style:none;z-index:99999!important;border:1px solid #eee}.category_li:hover .category{display:block!important}.category_li .category li{width:100%;line-height:normal}.category_li .category li a{color:#333!important;padding:12px 20px;display:block;text-align:left;background:#fff!important}.category_li .category li a:hover{background:#f5f5f5!important;color:#ff6a00!important}.sku-container{margin-top:20px;border-top:1px solid #eee}.sku-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f5f5f5}.sku-left{display:flex;align-items:center;flex:1}.sku-img{width:50px;height:50px;object-fit:cover;border-radius:4px;border:1px solid #eee;margin-right:12px}.sku-name{font-size:14px;color:#333}.m-selnum-custom{display:flex;border:1px solid #ccc;border-radius:4px;overflow:hidden;height:32px}.btn-min,.btn-add{width:30px;background:#f8f8f8;text-align:center;line-height:30px;cursor:pointer;font-weight:bold;user-select:none}.btn-min:hover,.btn-add:hover{background:#eee}.sku-input{width:40px;border:none;border-left:1px solid #ccc;border-right:1px solid #ccc;text-align:center;font-size:14px;background:#fff}.total-bar{margin-top:20px;padding:15px;background:#f9f9f9;border-radius:8px;text-align:right}.total-info{margin-bottom:10px;font-weight:bold;color:#666}.to_cart{background:#182e49;color:#fff;border:none;padding:12px 30px;font-size:16px;border-radius:4px;width:100%}:root{--primary:#182e49;--accent:#e52e2e;--bg-light:#f8f9fa}.product-page-wrapper{max-width:1200px;margin:40px auto;padding:0 20px;font-family:'Inter',sans-serif}.product-main{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:start}.main-image-stage{background:var(--bg-light);border-radius:16px;padding:20px;margin-bottom:15px;border:1px solid #eee}.main-image-stage img{width:100%;height:auto;object-fit:contain}.thumb-strip{display:flex;gap:10px}.thumb-strip img{width:70px;height:70px;border:2px solid transparent;border-radius:8px;cursor:pointer}.thumb-strip img.active{border-color:var(--primary)}.product-title_de{font-size:28px;font-weight:700;margin-bottom:15px;line-height:1.2}.current-price{font-size:36px;font-weight:800;color:var(--accent)}.tag{font-size:12px;padding:4px 10px;border-radius:4px;margin-right:8px;font-weight:600}.tag.green{background:#e6f4ea;color:#1e8e3e}.sku-selector-box{margin-top:30px;border:1px solid #eee;border-radius:12px;overflow:hidden}.sku-header{background:#f1f3f5;padding:12px 15px;display:flex;justify-content:space-between;font-size:14px}.sku-row{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:1px solid #eee}.sku-meta{display:flex;align-items:center;gap:12px}.sku-meta img{width:40px;height:40px;border-radius:50%;border:1px solid #eee}.sku-counter{display:flex;align-items:center;border:1.5px solid #ddd;border-radius:20px;overflow:hidden;height:32px}.sku-counter button{width:30px;border:none;background:none;cursor:pointer;font-weight:bold}.sku-counter input{width:35px;border:none;text-align:center;font-size:14px;outline:none}.sticky-footer{margin-top:30px;position:sticky;bottom:20px;background:#fff;padding:15px;box-shadow:0 -10px 30px rgba(0,0,0,.05);border-radius:12px}.btn-buy-now{width:100%;background:var(--primary);color:#fff;border:none;padding:16px;border-radius:30px;font-size:18px;font-weight:bold;cursor:pointer;transition:.3s}.btn-buy-now:hover{background:#000;transform:translateY(-3px)}.section-title{font-size:22px;margin:60px 0 30px;text-align:center;position:relative}.section-title::after{content:'';width:50px;height:3px;background:var(--accent);position:absolute;bottom:-10px;left:50%;transform:translateX(-50%)}.product-grid-wrap{display:flex;flex-wrap:wrap;gap:20px}.ui-col-25{width:calc(25% - 15px)}@media (max-width:768px){.product-main{grid-template-columns:1fr}.ui-col-25{width:calc(50% - 10px)}}.sku-row{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:1px solid #eee;gap:15px}.sku-meta{flex:2;display:flex;align-items:center;gap:12px}.sku-price{flex:1;text-align:right}.unit-price{font-size:16px;font-weight:700;color:#e52e2e}.sku-counter{flex:0 0 auto;width:100px;display:flex;border:1.5px solid #ddd;border-radius:20px;overflow:hidden}@media (max-width:480px){.unit-price{font-size:14px}.sku-name{font-size:13px}.sku-meta img{width:32px;height:32px}}.main-image-stage{max-height:500px;overflow:hidden;display:flex;justify-content:center;align-items:center;background:#f8f9fa;border-radius:12px;margin-bottom:15px}.main-image-stage img{max-height:500px;width:auto;max-width:100%;object-fit:contain}.thumb-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;justify-content:flex-start}.thumb-strip img{width:60px;height:60px;object-fit:cover;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s}.thumb-strip img:hover{border-color:#ccc}.thumb-strip img.active{border-color:#182e49}.thumb-strip{max-height:150px;overflow-y:auto;padding-right:5px}.breadcrumb{margin-top:30px;margin-bottom:25px;padding:8px 15px;background-color:#fcfcfc;border-radius:8px;font-size:13px;color:#888}.breadcrumb a{color:#666;text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:#182e49;text-decoration:underline}.breadcrumb span{margin:0 8px;color:#ccc;font-weight:300}.breadcrumb a:last-child{color:#333;font-weight:600}.unit-price{font-size:20px;font-weight:700;color:#e52e2e;display:flex;align-items:baseline;justify-content:flex-end}.currency-code{font-size:12px;font-weight:normal;margin-right:2px;color:#999;vertical-align:baseline}.details-content{background:#fff;padding:40px;border-radius:16px;border:1px solid #eee;margin-top:40px;line-height:1.8}.section-title{font-size:24px;font-weight:700;margin-bottom:30px;text-align:center;color:#182e49}.text-block{color:#444;font-size:15px}.text-block h3{font-size:18px;color:#182e49;border-left:4px solid #e52e2e;padding-left:12px;margin:25px 0 15px}.spec-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;background:#f8f9fa;padding:20px;border-radius:10px;margin:20px 0}.spec-item{display:flex;align-items:center;gap:10px}.note-box{background:#fff8f0;border:1px dashed #ffd8a8;padding:15px;border-radius:8px;margin:20px 0;color:#d9480f;font-size:14px}.highlight-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.highlight-tag{background:#eef2ff;color:#4338ca;padding:5px 15px;border-radius:20px;font-size:13px;font-weight:600}.cart-badge{background:#e52e2e;color:white;padding:2px 6px;border-radius:10px;font-size:11px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.cart-badge.bump{transform:scale(1.5)}#toast-container{position:fixed;top:20px;right:20px;z-index:1000}.toast-message{background:rgba(24,46,73,.95);color:#fff;padding:12px 24px;border-radius:8px;margin-bottom:10px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;align-items:center;gap:10px;animation:slideIn .3s ease-out forwards}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.toast-fade-out{animation:slideOut .3s ease-in forwards}@keyframes slideOut{to{transform:translateX(100%);opacity:0}}.header-cart-wrapper{position:relative;display:flex;align-items:center;padding:10px}.cart-anchor{position:relative;text-decoration:none;color:#1a1a1a;transition:all .3s ease}.cart-icon{width:28px;height:28px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.cart-badge-luxury{position:absolute;top:-5px;right:-8px;background:#e52e2e;color:#ffffff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #ffffff;box-shadow:0 2px 5px rgba(229,46,46,.3);padding:0 2px;font-family:Arial,sans-serif}.cart-anchor:hover .cart-icon{transform:translateY(-2px);color:#e52e2e}.cart-anchor:hover .cart-badge-luxury{transform:scale(1.1);box-shadow:0 4px 8px rgba(229,46,46,.4)}.btn-buy-now{position:relative;transition:all .3s ease}.btn-success-active{background-color:#28a745!important;border-color:#28a745!important;color:white!important}.btn-near-tip{position:absolute;left:50%;transform:translateX(-50%);bottom:-30px;background:#182e49;color:#fff;padding:3px 10px;border-radius:4px;font-size:11px;white-space:nowrap;opacity:0;transition:all .3s ease;z-index:10}.btn-near-tip.show{bottom:-35px;opacity:1}.btn-near-tip::after{content:'';position:absolute;top:-4px;left:50%;margin-left:-4px;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #182e49}.btn-view-cart{display:inline-flex;align-items:center;justify-content:center;padding:12px 25px;height:48px;border:1.5px solid #182e49;color:#182e49;text-decoration:none;font-size:14px;font-weight:600;letter-spacing:1px;border-radius:4px;transition:all .3s ease;background:transparent}.btn-view-cart:hover{background:#182e49;color:#ffffff;box-shadow:0 4px 12px rgba(24,46,73,.15)}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}.highlight-cart{animation:shake .5s ease-in-out;border-color:#e52e2e!important;color:#e52e2e!important}#total-qty-display{transition:transform .1s ease;display:inline-block;font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif}.cart-summary-lite{border-bottom:1px solid #f0f0f0}.btn-view-cart-orange{display:inline-flex;align-items:center;justify-content:center;height:50px;background-color:#ff6a00;color:#ffffff!important;text-decoration:none;font-size:14px;font-weight:700;letter-spacing:.5px;border-radius:4px;transition:all .3s ease;box-shadow:0 4px 15px rgba(255,106,0,.2);gap:8px}.btn-view-cart-orange:hover{background-color:#e65f00;box-shadow:0 6px 20px rgba(255,106,0,.3);transform:translateY(-1px)}.inner-badge{background-color:rgba(255,255,255,.2);color:#ffffff;font-size:12px;padding:2px 8px;border-radius:12px;min-width:20px;text-align:center;border:1px solid rgba(255,255,255,.5);transition:all .3s ease}@keyframes pulse-white{0%{transform:scale(1)}50%{transform:scale(1.2);background-color:#fff;color:#ff6a00}100%{transform:scale(1)}}.animate-count{animation:pulse-white .5s ease}.details-content img{width:100%}.btn-buy-now,.btn-view-cart-orange{height:50px;border-radius:6px;font-size:14px;font-weight:700;letter-spacing:.5px;display:inline-flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;text-decoration:none}.btn-buy-now{background-color:#182e49;color:#ffffff;width:100%}.btn-view-cart-orange{background-color:#ff6a00;color:#ffffff!important;padding:0 25px;flex:1.2;box-shadow:0 4px 14px rgba(255,106,0,.25)}.inner-badge{background-color:rgba(255,255,255,.2);color:#ffffff;font-size:11px;padding:2px 8px;border-radius:10px;margin-left:8px;border:1px solid rgba(255,255,255,.4)}.btn-buy-now:hover,.btn-view-cart-orange:hover{transform:translateY(-2px);filter:brightness(1.1)}.btn-buy-now:active,.btn-view-cart-orange:active{transform:translateY(0)}.cart-container{max-width:1200px;margin:50px auto;padding:0 20px;font-family:'Inter',sans-serif}.cart-title{font-size:32px;font-weight:700;margin-bottom:40px;color:#1a1a1a}.cart-content{display:flex;gap:40px}.cart-main{flex:2}.cart-sidebar{flex:1}.cart-header{display:flex;padding-bottom:15px;border-bottom:1px solid #eee;color:#888;font-size:13px;text-transform:uppercase}.col-product{flex:3}.col-price,.col-qty,.col-total{flex:1;text-align:center}.cart-item{display:flex;align-items:center;padding:25px 0;border-bottom:1px solid #f5f5f5}.item-info{display:flex;align-items:center;gap:20px}.item-info img{width:100px;height:100px;object-fit:cover;border-radius:8px;background:#f9f9f9}.item-info h4{margin:0;font-size:16px;color:#1a1a1a}.item-info p{margin:5px 0;color:#666;font-size:14px}.btn-remove{color:#ff6a00;font-size:12px;text-decoration:underline;cursor:pointer}.summary-card{background:#f9f9f9;padding:30px;border-radius:12px;position:sticky;top:20px}.summary-row{display:flex;justify-content:space-between;margin-bottom:15px;color:#444}.summary-row.total{margin-top:20px;font-size:20px;font-weight:700;color:#1a1a1a}.free-shipping{color:#28a745;font-weight:bold}.btn-checkout{width:100%;height:55px;background:#ff6a00;color:white;border:none;border-radius:8px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s ease;margin-top:20px}.btn-checkout:hover{background:#e65f00;transform:translateY(-2px)}@media (max-width:768px){.cart-content{flex-direction:column}.cart-header{display:none}.cart-item{flex-direction:column;align-items:flex-start;position:relative;padding:20px 10px;background:#fff;border:1px solid #f0f0f0;border-radius:12px;margin-bottom:15px}.item-info{width:100%;margin-bottom:15px}.item-info img{width:80px;height:80px}.col-price,.col-qty,.col-total{width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;border-top:1px dashed #eee}.col-price::before{content:"Unit Price:";color:#888;font-size:12px}.col-qty::before{content:"Quantity:";color:#888;font-size:12px}.col-total::before{content:"Subtotal:";color:#888;font-size:12px;font-weight:normal}.col-total{border-top:none;color:#e52e2e;font-weight:bold}.btn-remove{position:absolute;top:20px;right:15px;background:#fff5f5;padding:5px 10px;border-radius:4px;text-decoration:none}.cart-sidebar{margin-top:20px}.summary-card{padding:20px}}.qty-number{font-size:16px;font-weight:600;color:#1a1a1a}@media (max-width:768px){.cart-item{padding:20px;background:#ffffff;border-radius:15px;box-shadow:0 2px 10px rgba(0,0,0,.03)}.col-qty{border-top:none!important;padding-top:5px!important;justify-content:flex-start!important}.qty-label{color:#888;font-size:13px;margin-right:8px}.col-price{border-top:1px solid #f9f9f9!important;margin-top:15px!important}.col-total{background:#fffcf5;padding:10px!important;border-radius:8px;margin-top:15px!important}}
    </style>
    <script>
        $(function () {
            $(function () {
                $(window).scroll(function () {
                    if ($(window).scrollTop() > 120) {
                        $(".to_top").fadeIn(300);
                    }
                    else {
                        $(".to_top").fadeOut(300);
                    }
                });

$(".to_top").click(function () {
                    $('body,html').animate({ scrollTop: 0 }, 300);
                    return false;
                });
            });
        });

</script>
</head>
<body class="pa_yment">

<li><a id="catddfee" deadsaeiij="1" href='?f=ggggg-535435912'>All Products<span
                    style="border-right: 2px solid rgb(255, 255, 255); border-bottom: 2px solid rgb(255, 255, 255); width: 7px; height: 7px; display: inline-block; transform: rotate(-45deg); position: absolute; right: 18px; top: 50%; margin-top: -6px;"></span></a></li>

</ul>
            <ul class="ui-list common" id="common">
                <li><a href="MMMMM">Home</a></li>
            </ul>
            <ul class="ui-list useful_links" id="useful_links">
                <li><a href="?f=ggggg-535435921">About Us</a></li>
                <li><a href="?f=ggggg-535435924">Contact Us</a></li>
                <li><a href="?f=ggggg-535435925">Payment</a></li>
                <li><a href="?f=ggggg-535435907">F.A.Q</a></li>
                <li><a href="?f=ggggg-535435909">Shipping & Returns</a></li>
                <li><a href="?w=6">Sitemap</a></li>
            </ul>
        </div>
    </div>

</div>
            </div>
        </div>
        <div class="ui-category">
            <ul id="main-category">
                <li><a href="MMMMM">Home</a></li>
                <li class="category_li" style="position: relative;"><a>Categories<span style="float: right;" class="up">▼</span></a>
                    <ul class="category" style="display: none; background: rgb(24, 46, 73);">

<li><a href='?f=ggggg-535435923'>All Products</a></li>

</ul>
                </li>

<li>
                    <a href="?f=ggggg-535435907">About Us</a></li>
                <li><a href="?f=ggggg-535435909">Contact Us</a></li>
                <li><a href="?f=ggggg-535435923">Payment</a></li>
                <li><a href="?f=ggggg-535435914">F.A.Q</a></li>
                <li><a href="?f=ggggg-535435922">Shipping & Returns</a></li>
                <li><a href="?w=6">Sitemap</a></li>
            </ul>
        </div>
    </section>
    <script type="text/javascript">    $(document).ready(function () {
            $(document).bind('click', function () {
                $('.category').css('display', 'none');
            });
            $(".category_li").click(function (e) {
                $(".category").toggle();
                e.stopPropagation();
            });
            $(".category_li").mouseover(function () {
                $(".category").show();
            });
            $(".category_li").mouseout(function () {
                $(".category").hide();
            });
        })
    </script>

</ul>
    </header>

<div class="product-page-wrapper">
            <nav class="breadcrumb">
                <a href="MMMMM">Home</a> <span>/</span> <a href='?f=ggggg-535435924'>All Products</a> <span>/</span>Buy Sports Shoes For Men: Agr-10-D-Gry-V-Org | Campus Shoes
            </nav>

<div class="product-info-panel">
                    <h1 class="product-title_de">Buy Sports Shoes For Men: Agr-10-D-Gry-V-Org | Campus Shoes</h1>

<div class="price-section">
                        <div class="current-price"><span class="currency-code">USD</span>76.99</div>
                        <div class="tag-row">
                            <span class="tag purple">Best Seller</span>
                            <span class="tag green">Free Shipping</span>
                        </div>
                    </div>

<input type="hidden" id="pid" name="pid" value="1">
                    <input type="hidden" id="selectedSkus" name="selectedSkus" value="">
                    <div class="sku-selector-box">
                        <div class="sku-header">
                            <span>Select Size</span>

</div>

<div class="sku-row"><div class="sku-meta"><span class="sku-name">One size</span><span class="sku-id" style="display: none">1</span></div><div class="sku-price"><span class="unit-price"><span class="currency-code">USD</span><span class="skuprice">76.99</span></span></div><div class="sku-counter"><button type = "button" onclick="qty(this, -1)">-</button><input type = "number" value="0" readonly><button type = "button" onclick="qty(this, 1)">+</button></div></div><div class="sku-row"><div class="sku-meta"><span class="sku-name">Default in the photo</span><span class="sku-id" style="display: none">1</span></div><div class="sku-price"><span class="unit-price"><span class="currency-code">USD</span><span class="skuprice">76.99</span></span></div><div class="sku-counter"><button type = "button" onclick="qty(this, -1)">-</button><input type = "number" value="0" readonly><button type = "button" onclick="qty(this, 1)">+</button></div></div><div class="sku-row"><div class="sku-meta"><span class="sku-name">XS</span><span class="sku-id" style="display: none">1</span></div><div class="sku-price"><span class="unit-price"><span class="currency-code">USD</span><span class="skuprice">76.99</span></span></div><div class="sku-counter"><button type = "button" onclick="qty(this, -1)">-</button><input type = "number" value="0" readonly><button type = "button" onclick="qty(this, 1)">+</button></div></div><div class="sku-row"><div class="sku-meta"><span class="sku-name">S</span><span class="sku-id" style="display: none">1</span></div><div class="sku-price"><span class="unit-price"><span class="currency-code">USD</span><span class="skuprice">76.99</span></span></div><div class="sku-counter"><button type = "button" onclick="qty(this, -1)">-</button><input type = "number" value="0" readonly><button type = "button" onclick="qty(this, 1)">+</button></div></div><div class="sku-row"><div class="sku-meta"><span class="sku-name">M</span><span class="sku-id" style="display: none">1</span></div><div class="sku-price"><span class="unit-price"><span class="currency-code">USD</span><span class="skuprice">76.99</span></span></div><div class="sku-counter"><button type = "button" onclick="qty(this, -1)">-</button><input type = "number" value="0" readonly><button type = "button" onclick="qty(this, 1)">+</button></div></div><div class="sku-row"><div class="sku-meta"><span class="sku-name">L</span><span class="sku-id" style="display: none">1</span></div><div class="sku-price"><span class="unit-price"><span class="currency-code">USD</span><span class="skuprice">76.99</span></span></div><div class="sku-counter"><button type = "button" onclick="qty(this, -1)">-</button><input type = "number" value="0" readonly><button type = "button" onclick="qty(this, 1)">+</button></div></div><div class="sku-row"><div class="sku-meta"><span class="sku-name">XL</span><span class="sku-id" style="display: none">1</span></div><div class="sku-price"><span class="unit-price"><span class="currency-code">USD</span><span class="skuprice">76.99</span></span></div><div class="sku-counter"><button type = "button" onclick="qty(this, -1)">-</button><input type = "number" value="0" readonly><button type = "button" onclick="qty(this, 1)">+</button></div></div><div class="sku-row"><div class="sku-meta"><span class="sku-name">2XL</span><span class="sku-id" style="display: none">1</span></div><div class="sku-price"><span class="unit-price"><span class="currency-code">USD</span><span class="skuprice">76.99</span></span></div><div class="sku-counter"><button type = "button" onclick="qty(this, -1)">-</button><input type = "number" value="0" readonly><button type = "button" onclick="qty(this, 1)">+</button></div></div><div class="sku-row"><div class="sku-meta"><span class="sku-name">3XL</span><span class="sku-id" style="display: none">1</span></div><div class="sku-price"><span class="unit-price"><span class="currency-code">USD</span><span class="skuprice">76.99</span></span></div><div class="sku-counter"><button type = "button" onclick="qty(this, -1)">-</button><input type = "number" value="0" readonly><button type = "button" onclick="qty(this, 1)">+</button></div></div><div class="sku-row"><div class="sku-meta"><span class="sku-name">4XL</span><span class="sku-id" style="display: none">1</span></div><div class="sku-price"><span class="unit-price"><span class="currency-code">USD</span><span class="skuprice">76.99</span></span></div><div class="sku-counter"><button type = "button" onclick="qty(this, -1)">-</button><input type = "number" value="0" readonly><button type = "button" onclick="qty(this, 1)">+</button></div></div><div class="sku-row"><div class="sku-meta"><span class="sku-name">5XL</span><span class="sku-id" style="display: none">1</span></div><div class="sku-price"><span class="unit-price"><span class="currency-code">USD</span><span class="skuprice">76.99</span></span></div><div class="sku-counter"><button type = "button" onclick="qty(this, -1)">-</button><input type = "number" value="0" readonly><button type = "button" onclick="qty(this, 1)">+</button></div></div><div class="sku-row"><div class="sku-meta"><span class="sku-name">5XL</span><span class="sku-id" style="display: none">1</span></div><div class="sku-price"><span class="unit-price"><span class="currency-code">USD</span><span class="skuprice">76.99</span></span></div><div class="sku-counter"><button type = "button" onclick="qty(this, -1)">-</button><input type = "number" value="0" readonly><button type = "button" onclick="qty(this, 1)">+</button></div></div><div class="sku-row"><div class="sku-meta"><span class="sku-name">Women's shoes=EU:35=US:5</span><span class="sku-id" style="display: none">1</span></div><div class="sku-price"><span class="unit-price"><span class="currency-code">USD</span><span class="skuprice">76.99</span></span></div><div class="sku-counter"><button type = "button" onclick="qty(this, -1)">-</button><input type = "number" value="0" readonly><button type = "button" onclick="qty(this, 1)">+</button></div></div><div class="sku-row"><div class="sku-meta"><span class="sku-name">Women's shoes=EU:36=US:6</span><span class="sku-id" style="display: none">1</span></div><div class="sku-price"><span class="unit-price"><span class="currency-code">USD</span><span class="skuprice">76.99</span></span></div><div class="sku-counter"><button type = "button" onclick="qty(this, -1)">-</button><input type = "number" value="0" readonly><button type = "button" onclick="qty(this, 1)">+</button></div></div><div class="sku-row"><div class="sku-meta"><span class="sku-name">Women's shoes=EU:37=US:6.5</span><span class="sku-id" style="display: none">1</span></div><div class="sku-price"><span class="unit-price"><span class="currency-code">USD</span><span class="skuprice">76.99</span></span></div><div class="sku-counter"><button type = "button" onclick="qty(this, -1)">-</button><input type = "number" value="0" readonly><button type = "button" onclick="qty(this, 1)">+</button></div></div><div class="sku-row"><div class="sku-meta"><span class="sku-name">Women's shoes=EU:38=US:7.5</span><span class="sku-id" style="display: none">1</span></div><div class="sku-price"><span class="unit-price"><span class="currency-code">USD</span><span class="skuprice">76.99</span></span></div><div class="sku-counter"><button type = "button" onclick="qty(this, -1)">-</button><input type = "number" value="0" readonly><button type = "button" onclick="qty(this, 1)">+</button></div></div><div class="sku-row"><div class="sku-meta"><span class="sku-name">Women's shoes=EU:39=US:8.5</span><span class="sku-id" style="display: none">1</span></div><div class="sku-price"><span class="unit-price"><span class="currency-code">USD</span><span class="skuprice">76.99</span></span></div><div class="sku-counter"><button type = "button" onclick="qty(this, -1)">-</button><input type = "number" value="0" readonly><button type = "button" onclick="qty(this, 1)">+</button></div></div><div class="sku-row"><div class="sku-meta"><span class="sku-name">Women's shoes=EU:40=US:9</span><span class="sku-id" style="display: none">1</span></div><div class="sku-price"><span class="unit-price"><span class="currency-code">USD</span><span class="skuprice">76.99</span></span></div><div class="sku-counter"><button type = "button" onclick="qty(this, -1)">-</button><input type = "number" value="0" readonly><button type = "button" onclick="qty(this, 1)">+</button></div></div><div class="sku-row"><div class="sku-meta"><span class="sku-name">Women's shoes=EU:41=US:10</span><span class="sku-id" style="display: none">1</span></div><div class="sku-price"><span class="unit-price"><span class="currency-code">USD</span><span class="skuprice">76.99</span></span></div><div class="sku-counter"><button type = "button" onclick="qty(this, -1)">-</button><input type = "number" value="0" readonly><button type = "button" onclick="qty(this, 1)">+</button></div></div><div class="sku-row"><div class="sku-meta"><span class="sku-name">Women's shoes=EU:42=US:11</span><span class="sku-id" style="display: none">1</span></div><div class="sku-price"><span class="unit-price"><span class="currency-code">USD</span><span class="skuprice">76.99</span></span></div><div class="sku-counter"><button type = "button" onclick="qty(this, -1)">-</button><input type = "number" value="0" readonly><button type = "button" onclick="qty(this, 1)">+</button></div></div><div class="sku-row"><div class="sku-meta"><span class="sku-name">Men's shoes=EU:39=US:7</span><span class="sku-id" style="display: none">1</span></div><div class="sku-price"><span class="unit-price"><span class="currency-code">USD</span><span class="skuprice">76.99</span></span></div><div class="sku-counter"><button type = "button" onclick="qty(this, -1)">-</button><input type = "number" value="0" readonly><button type = "button" onclick="qty(this, 1)">+</button></div></div><div class="sku-row"><div class="sku-meta"><span class="sku-name">Men's shoes=EU:40=US:7.5</span><span class="sku-id" style="display: none">1</span></div><div class="sku-price"><span class="unit-price"><span class="currency-code">USD</span><span class="skuprice">76.99</span></span></div><div class="sku-counter"><button type = "button" onclick="qty(this, -1)">-</button><input type = "number" value="0" readonly><button type = "button" onclick="qty(this, 1)">+</button></div></div><div class="sku-row"><div class="sku-meta"><span class="sku-name">Men's shoes=EU:41=US:8</span><span class="sku-id" style="display: none">1</span></div><div class="sku-price"><span class="unit-price"><span class="currency-code">USD</span><span class="skuprice">76.99</span></span></div><div class="sku-counter"><button type = "button" onclick="qty(this, -1)">-</button><input type = "number" value="0" readonly><button type = "button" onclick="qty(this, 1)">+</button></div></div><div class="sku-row"><div class="sku-meta"><span class="sku-name">Men's shoes=EU:42=US:8.5</span><span class="sku-id" style="display: none">1</span></div><div class="sku-price"><span class="unit-price"><span class="currency-code">USD</span><span class="skuprice">76.99</span></span></div><div class="sku-counter"><button type = "button" onclick="qty(this, -1)">-</button><input type = "number" value="0" readonly><button type = "button" onclick="qty(this, 1)">+</button></div></div><div class="sku-row"><div class="sku-meta"><span class="sku-name">Men's shoes=EU:43=US:9</span><span class="sku-id" style="display: none">1</span></div><div class="sku-price"><span class="unit-price"><span class="currency-code">USD</span><span class="skuprice">76.99</span></span></div><div class="sku-counter"><button type = "button" onclick="qty(this, -1)">-</button><input type = "number" value="0" readonly><button type = "button" onclick="qty(this, 1)">+</button></div></div><div class="sku-row"><div class="sku-meta"><span class="sku-name">Men's shoes=EU:44=US:10</span><span class="sku-id" style="display: none">1</span></div><div class="sku-price"><span class="unit-price"><span class="currency-code">USD</span><span class="skuprice">76.99</span></span></div><div class="sku-counter"><button type = "button" onclick="qty(this, -1)">-</button><input type = "number" value="0" readonly><button type = "button" onclick="qty(this, 1)">+</button></div></div><div class="sku-row"><div class="sku-meta"><span class="sku-name">Men's shoes=EU:45=US:11</span><span class="sku-id" style="display: none">1</span></div><div class="sku-price"><span class="unit-price"><span class="currency-code">USD</span><span class="skuprice">76.99</span></span></div><div class="sku-counter"><button type = "button" onclick="qty(this, -1)">-</button><input type = "number" value="0" readonly><button type = "button" onclick="qty(this, 1)">+</button></div></div><div class="sku-row"><div class="sku-meta"><span class="sku-name">Men's shoes=EU:46=US:12</span><span class="sku-id" style="display: none">1</span></div><div class="sku-price"><span class="unit-price"><span class="currency-code">USD</span><span class="skuprice">76.99</span></span></div><div class="sku-counter"><button type = "button" onclick="qty(this, -1)">-</button><input type = "number" value="0" readonly><button type = "button" onclick="qty(this, 1)">+</button></div></div><div class="sku-row"><div class="sku-meta"><span class="sku-name">Kids:EUR35/US3</span><span class="sku-id" style="display: none">1</span></div><div class="sku-price"><span class="unit-price"><span class="currency-code">USD</span><span class="skuprice">76.99</span></span></div><div class="sku-counter"><button type = "button" onclick="qty(this, -1)">-</button><input type = "number" value="0" readonly><button type = "button" onclick="qty(this, 1)">+</button></div></div><div class="sku-row"><div class="sku-meta"><span class="sku-name">Kids:EUR34/US2.5</span><span class="sku-id" style="display: none">1</span></div><div class="sku-price"><span class="unit-price"><span class="currency-code">USD</span><span class="skuprice">76.99</span></span></div><div class="sku-counter"><button type = "button" onclick="qty(this, -1)">-</button><input type = "number" value="0" readonly><button type = "button" onclick="qty(this, 1)">+</button></div></div><div class="sku-row"><div class="sku-meta"><span class="sku-name">Kids:EUR33/US2</span><span class="sku-id" style="display: none">1</span></div><div class="sku-price"><span class="unit-price"><span class="currency-code">USD</span><span class="skuprice">76.99</span></span></div><div class="sku-counter"><button type = "button" onclick="qty(this, -1)">-</button><input type = "number" value="0" readonly><button type = "button" onclick="qty(this, 1)">+</button></div></div><div class="sku-row"><div class="sku-meta"><span class="sku-name">Kids:EUR32/US1.5</span><span class="sku-id" style="display: none">1</span></div><div class="sku-price"><span class="unit-price"><span class="currency-code">USD</span><span class="skuprice">76.99</span></span></div><div class="sku-counter"><button type = "button" onclick="qty(this, -1)">-</button><input type = "number" value="0" readonly><button type = "button" onclick="qty(this, 1)">+</button></div></div><div class="sku-row"><div class="sku-meta"><span class="sku-name">Kids:EUR31/US13</span><span class="sku-id" style="display: none">1</span></div><div class="sku-price"><span class="unit-price"><span class="currency-code">USD</span><span class="skuprice">76.99</span></span></div><div class="sku-counter"><button type = "button" onclick="qty(this, -1)">-</button><input type = "number" value="0" readonly><button type = "button" onclick="qty(this, 1)">+</button></div></div><div class="sku-row"><div class="sku-meta"><span class="sku-name">Kids:EUR30/US12.5</span><span class="sku-id" style="display: none">1</span></div><div class="sku-price"><span class="unit-price"><span class="currency-code">USD</span><span class="skuprice">76.99</span></span></div><div class="sku-counter"><button type = "button" onclick="qty(this, -1)">-</button><input type = "number" value="0" readonly><button type = "button" onclick="qty(this, 1)">+</button></div></div><div class="sku-row"><div class="sku-meta"><span class="sku-name">Kids:EUR29/US12</span><span class="sku-id" style="display: none">1</span></div><div class="sku-price"><span class="unit-price"><span class="currency-code">USD</span><span class="skuprice">76.99</span></span></div><div class="sku-counter"><button type = "button" onclick="qty(this, -1)">-</button><input type = "number" value="0" readonly><button type = "button" onclick="qty(this, 1)">+</button></div></div><div class="sku-row"><div class="sku-meta"><span class="sku-name">Kids:EUR28/US11</span><span class="sku-id" style="display: none">1</span></div><div class="sku-price"><span class="unit-price"><span class="currency-code">USD</span><span class="skuprice">76.99</span></span></div><div class="sku-counter"><button type = "button" onclick="qty(this, -1)">-</button><input type = "number" value="0" readonly><button type = "button" onclick="qty(this, 1)">+</button></div></div>
                        </div>
                    </div>
                    <script>

function switchImg(src) {
                            const mainView = document.getElementById('mainView');
                            mainView.src = src;

const thumbs = document.querySelectorAll('.thumb-strip img');
                            thumbs.forEach(img => {
                                img.classList.remove('active');

if (img.src === src) {
                                    img.classList.add('active');
                                }
                            });
                        }

function qty(btn, delta) {
                            const input = btn.parentElement.querySelector('input');
                            let v = parseInt(input.value) + delta;
                            if (v < 0) v = 0;
                            input.value = v;

const pricePerUnit = 12.0;
                            const row = btn.closest('.sku-row');
                            const priceDisplay = row.querySelector('.unit-price');

if (v > 0) {
                                priceDisplay.style.color = "#e52e2e";
                                row.style.background = "#f0f7ff";
                            } else {
                                priceDisplay.style.color = "#333";
                                row.style.background = "#fff";
                            }

updateGrandTotal();
                        }

</script>
                    <div class="cart-summary-lite" style="margin-bottom: 15px; padding: 10px 0; border-bottom: 1px solid #eee; display: flex; align-items: center;">
                        <span style="color: #888; font-size: 13px; text-transform: uppercase; letter-spacing: 1px;">Selected:</span>
                        <strong id="total-qty-display" style="font-size: 20px; color: #182e49; margin-left: 10px;">0</strong>
                        <span style="color: #182e49; font-size: 13px; margin-left: 5px; font-weight: 600;">Items</span>
                    </div>
                    <div class="action-group" style="display: flex; gap: 12px; align-items: center; margin-top: 20px;">
                        <div style="flex: 1.5; position: relative;">
                            <input type="hidden" value="1" name="MainProductID" id="MainProductID" />
                            <button type="button" id="btnAddCart" class="btn-buy-now" onclick="addToCart()">
                                ADD TO CART
                            </button>
                        </div>

</div>

function showToast(message) {

let container = document.getElementById('toast-container');
                        if (!container) {
                            container = document.createElement('div');
                            container.id = 'toast-container';
                            container.style.cssText = 'position:fixed; top:20px; right:20px; z-index:9999;';
                            document.body.appendChild(container);
                        }

const toast = document.createElement('div');
                        toast.style.cssText = `
                    background: rgba(24, 46, 73, 0.9);
                    color: #fff;
                    padding: 12px 25px;
                    border-radius: 8px;
                    margin-bottom: 10px;
                    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
                    font-size: 14px;
                    display: flex;
                    align-items: center;
                    animation: slideIn 0.3s ease forwards;
                    `;
                        toast.innerHTML = `<span style="margin-right:8px;">✅</span> ${message}`;

container.appendChild(toast);

setTimeout(() => {
                            toast.style.animation = 'slideOut 0.3s ease forwards';
                            setTimeout(() => toast.remove(), 300);
                        }, 3000);
                    }

function updateGrandTotal() {
                        let totalQty = 0;
                        document.querySelectorAll('.sku-row').forEach(row => {
                            const qty = parseInt(row.querySelector('input[type="number"]').value) || 0;
                            totalQty += qty;
                        });

const display = document.getElementById('total-qty-display');
                        display.innerText = totalQty;

display.style.transform = 'scale(1.2)';
                        setTimeout(() => { display.style.transform = 'scale(1)'; }, 100);
                    }

function addToCart() {
                        const skuRows = document.querySelectorAll('.sku-row');
                        const pid = document.getElementById('MainProductID').value;
                        const btn = document.getElementById('btnAddCart');
                        const viewCartBtn = document.querySelector('.btn-view-cart');
                        let selectedData = [];
                        let currentBatchCount = 0;

skuRows.forEach(row => {
                            const count = parseInt(row.querySelector('input[type="number"]').value);
                            if (count > 0) {
                                currentBatchCount += count;
                                selectedData.push({
                                    id: row.querySelector('.sku-id').innerText.trim(),
                                    qty: count,
                                    p: row.querySelector('.skuprice').innerText.trim()
                                });
                            }
                        });

if (selectedData.length === 0) {
                            showToast("Please select at least one item.");
                            return;
                        }

btn.disabled = true;

$.ajax({
                            type: "POST",
                            url: "ProductDetail.aspx/AddToSessionCart",
                            data: JSON.stringify({
                                jsonData: JSON.stringify(selectedData),
                                pid: pid
                            }),
                            contentType: "application/json; charset=utf-8",
                            dataType: "json",
                            success: function (response) {
                                const res = JSON.parse(response.d);
                                if (res.status === "success") {

const b1 = document.getElementById('cart-count');
                                    const b2 = document.getElementById('cart-count_2');
                                    const vBtnCount = document.getElementById('view-cart-count');

if (b1) b1.innerText = res.count;
                                    if (b2) b2.innerText = res.count;

if (vBtnCount) {
                                        vBtnCount.innerText = res.count;

vBtnCount.classList.remove('animate-count');
                                        void vBtnCount.offsetWidth;
                                        vBtnCount.classList.add('animate-count');
                                    }

const btn = document.getElementById('btnAddCart');
                                    const originalText = "ADD TO CART";
                                    btn.classList.add('btn-success-active');
                                    btn.innerHTML = `ADDED! ✓`;

setTimeout(() => {
                                        btn.classList.remove('btn-success-active');
                                        btn.innerHTML = originalText;
                                        btn.disabled = false;

document.querySelectorAll('.sku-row input').forEach(input => input.value = 0);
                                        updateGrandTotal();
                                    }, 2000);

showToast("Successfully added to cart!");
                                }
                            }
                        });
                    }

</script>

</main>

<section class="details-content">
                <h2 class="section-title">Product Specifications</h2>
                <div class="text-block">
                    <div>Action a gear shoes price new arrivals.Adidas Campus 00's Originals Shoes 'Black' - HQ8708 Expeditedship | eBay.Buy Campus Men's A Gear Navy Running Shoes for Men at Best Price @ Tata CLiQ.adidas Campus 00s Shoes - Black | Unisex Lifestyle | adidas US.CAMPUS A-Gear from House of CAMPUS, Walking Shoes For Men - Buy CAMPUS A- Gear from House of CAMPUS, Walking Shoes For Men Online at Best Price -  Shop Online for Footwears in.adidas Campus 00s Shoes - Black | Unisex Lifestyle | adidas US.CAMPUS A-Gear from House of CAMPUS, Walking Shoes For Men - Buy CAMPUS A- Gear from House of CAMPUS, Walking Shoes For Men Online at Best Price -  Shop Online for Footwears in.Bad Bunny adidas Campus Chalky Brown Release Info | Hypebeast.Although they made their debut on the hardwood, the adidas Campus shoes  were quickly adopted just about everywhere else. With this pair, we move  the iconic silhouette in another direction and add ....CAMPUS by Action AGEAR-2 Running shoes by Campus For Men - Buy CAMPUS by  Action AGEAR-2 Running shoes by Campus For Men Online at Best Price - Shop  Online for Footwears in</div>
                     <img loading="lazy" onerror="this.style.display='none';" style="display: block; margin-left: auto; margin-right: auto;" src='https://rukminim2.flixcart.com/image/850/1000/jgcktjk0/shoe/x/t/x/ag-208-6-a-gear-blue-original-imaf4m5fnk6ayzqu.jpeg' title='Action a gear shoes price new arrivals' alt='Action a gear shoes price new arrivals'> <img loading="lazy" onerror="this.style.display='none';" style="display: block; margin-left: auto; margin-right: auto;" src='https://i.ebayimg.com/images/g/k7EAAOSwtx9kLsAm/s-l400.png' title='Adidas Campus 00's Originals Shoes 'Black' - HQ8708 Expeditedship | eBay' alt='Adidas Campus 00's Originals Shoes 'Black' - HQ8708 Expeditedship | eBay'> <img loading="lazy" onerror="this.style.display='none';" style="display: block; margin-left: auto; margin-right: auto;" src='https://img.tatacliq.com/images/i7/437Wx649H/MP000000011431772_437Wx649H_202112111658251.jpeg' title='Buy Campus Men's A Gear Navy Running Shoes for Men at Best Price @ Tata CLiQ' alt='Buy Campus Men's A Gear Navy Running Shoes for Men at Best Price @ Tata CLiQ'> <img loading="lazy" onerror="this.style.display='none';" style="display: block; margin-left: auto; margin-right: auto;" src='https://assets.adidas.com/images/w_600,f_auto,q_auto/d7cac0147c614d428808af5001050224_9366/Campus_00s_Shoes_Black_HQ8708_05_standard.jpg' title='adidas Campus 00s Shoes - Black | Unisex Lifestyle | adidas US' alt='adidas Campus 00s Shoes - Black | Unisex Lifestyle | adidas US'> <img loading="lazy" onerror="this.style.display='none';" style="display: block; margin-left: auto; margin-right: auto;" src='https://rukminim2.flixcart.com/image/850/1000/xif0q/shoe/6/a/7/7-agr-001-campus-navy-red-original-imagr7zapzegvfht.jpeg' title='CAMPUS A-Gear from House of CAMPUS, Walking Shoes For Men - Buy CAMPUS A- Gear from House of CAMPUS, Walking Shoes For Men Online at Best Price -  Shop Online for Footwears in' alt='CAMPUS A-Gear from House of CAMPUS, Walking Shoes For Men - Buy CAMPUS A- Gear from House of CAMPUS, Walking Shoes For Men Online at Best Price -  Shop Online for Footwears in'> <img loading="lazy" onerror="this.style.display='none';" style="display: block; margin-left: auto; margin-right: auto;" src='https://assets.adidas.com/images/w_600,f_auto,q_auto/eceaf7c835b64e1c9a27af4901583045_9366/Campus_00s_Shoes_Black_HQ8708.jpg' title='adidas Campus 00s Shoes - Black | Unisex Lifestyle | adidas US' alt='adidas Campus 00s Shoes - Black | Unisex Lifestyle | adidas US'> <img loading="lazy" onerror="this.style.display='none';" style="display: block; margin-left: auto; margin-right: auto;" src='https://rukminim2.flixcart.com/image/850/1000/xif0q/shoe/m/d/f/8-agr-006-campus-navy-red-original-imagray84vjyg3d8.jpeg' title='CAMPUS A-Gear from House of CAMPUS, Walking Shoes For Men - Buy CAMPUS A- Gear from House of CAMPUS, Walking Shoes For Men Online at Best Price -  Shop Online for Footwears in' alt='CAMPUS A-Gear from House of CAMPUS, Walking Shoes For Men - Buy CAMPUS A- Gear from House of CAMPUS, Walking Shoes For Men Online at Best Price -  Shop Online for Footwears in'> <img loading="lazy" onerror="this.style.display='none';" style="display: block; margin-left: auto; margin-right: auto;" src='https://image-cdn.hypb.st/https%3A%2F%2Fhypebeast.com%2Fimage%2F2023%2F06%2Fbad-bunny-adidas-campus-light-brown-release-info-1.jpg' title='Bad Bunny adidas Campus Chalky Brown Release Info | Hypebeast' alt='Bad Bunny adidas Campus Chalky Brown Release Info | Hypebeast'> <img loading="lazy" onerror="this.style.display='none';" style="display: block; margin-left: auto; margin-right: auto;" src='https://assets.adidas.com/videos/w_600,f_auto,q_auto/5c11ba9c973f406babda0275f7a7ae7b_d98c/Campus_00s_Shoes_Black_HQ8708_video.jpg' title='Although they made their debut on the hardwood, the adidas Campus shoes  were quickly adopted just about everywhere else. With this pair, we move  the iconic silhouette in another direction and add ...' alt='Although they made their debut on the hardwood, the adidas Campus shoes  were quickly adopted just about everywhere else. With this pair, we move  the iconic silhouette in another direction and add ...'> <img loading="lazy" onerror="this.style.display='none';" style="display: block; margin-left: auto; margin-right: auto;" src='https://rukminim2.flixcart.com/image/850/1000/jgpfs7k0/shoe/2/d/q/agear-2-12-a-gear-blue-original-imaf4vezpdw4uwg7.jpeg' title='CAMPUS by Action AGEAR-2 Running shoes by Campus For Men - Buy CAMPUS by  Action AGEAR-2 Running shoes by Campus For Men Online at Best Price - Shop  Online for Footwears in' alt='CAMPUS by Action AGEAR-2 Running shoes by Campus For Men - Buy CAMPUS by  Action AGEAR-2 Running shoes by Campus For Men Online at Best Price - Shop  Online for Footwears in'>
                </div>
            </section>

<section class="related-products">
                <h2 class="section-title">Customers Also Bought</h2>
                <div class="indexgoods">
                    <div id="em2" class="ui-panel text-center">
                        <div class="ui-col-25"><div class="product-grid"><div class="product-thumb"><a href="?f=ggggg-533915025" ><img loading="lazy" src='https://dev.muddystilettos.co.uk/northantsleicsrutland/wp-content/uploads/sites/26/2024/09/WIDE-LEG-JEANS-ABERCROMBIE.jpg' onerror="this.closest('.ui-col-25').style.display = 'none';"></a></div><div class="product-title"> Wide legs jeans are this season's must-have, here are 10 styles we love |  Muddy Stilettos | Muddy Stilettos</div><div class="product-price red"><span class="currency-code">USD</span>76.99</div></div></div><div class="ui-col-25"><div class="product-grid"><div class="product-thumb"><a href="?f=ggggg-533915030" ><img loading="lazy" src='https://levi.in/cdn/shop/files/A74550001_2.jpg' onerror="this.closest('.ui-col-25').style.display = 'none';"></a></div><div class="product-title"> Women's Blue Baggy Fit Low Rise Jeans – Levis India Store</div><div class="product-price red"><span class="currency-code">USD</span>76.99</div></div></div><div class="ui-col-25"><div class="product-grid"><div class="product-thumb"><a href="?f=ggggg-533915031" ><img loading="lazy" src='https://d1pdzcnm6xgxlz.cloudfront.net/bottoms/8905875192664-9.jpg' onerror="this.closest('.ui-col-25').style.display = 'none';"></a></div><div class="product-title"> Ultra High Rise Loose Fit Straight Leg Jeans | Pepe Jeans India</div><div class="product-price red"><span class="currency-code">USD</span>76.99</div></div></div><div class="ui-col-25"><div class="product-grid"><div class="product-thumb"><a href="?f=ggggg-533915032" ><img loading="lazy" src='https://cdn.shopify.com/s/files/1/2468/5009/files/DECJUBA_029ab298-bb29-45fe-9ab9-0ad6aeb49af9.png' onerror="this.closest('.ui-col-25').style.display = 'none';"></a></div><div class="product-title"> D-Luxe Wide Leg Jean - Aspen Blue | DECJUBA</div><div class="product-price red"><span class="currency-code">USD</span>76.99</div></div></div><div class="ui-col-25"><div class="product-grid"><div class="product-thumb"><a href="?f=ggggg-533915034" ><img loading="lazy" src='https://media-www.marks.com/product/marks-work-wearhouse/ladies-world/ladies-denim/410037192164/levi-s-women-s-wide-leg-high-rise-jeans-614a1c60-bc1a-4d18-b6ec-60138749340b-jpgrendition.jpg' onerror="this.closest('.ui-col-25').style.display = 'none';"></a></div><div class="product-title"> Levi's Women's Wide Leg High Rise Jeans | Mark's</div><div class="product-price red"><span class="currency-code">USD</span>76.99</div></div></div><div class="ui-col-25"><div class="product-grid"><div class="product-thumb"><a href="?f=ggggg-533915035" ><img loading="lazy" src='https://jolynneshane.com/wp-content/uploads/2024/09/PAIGE-Anessa-Nordstrom-cashmere-crew-Franco-Sarto-boots.jpg' onerror="this.closest('.ui-col-25').style.display = 'none';"></a></div><div class="product-title"> What to Wear with Wide Leg Jeans This Fall | Jo-Lynne Shane</div><div class="product-price red"><span class="currency-code">USD</span>76.99</div></div></div><div class="ui-col-25"><div class="product-grid"><div class="product-thumb"><a href="?f=ggggg-533915036" ><img loading="lazy" src='https://img.abercrombie.com/is/image/anf/KIC_155-4046-0014-280_model1.jpg' onerror="this.closest('.ui-col-25').style.display = 'none';"></a></div><div class="product-title"> Women's High Rise Wide Leg Jean | Women's Clearance | Abercrombie.com</div><div class="product-price red"><span class="currency-code">USD</span>76.99</div></div></div><div class="ui-col-25"><div class="product-grid"><div class="product-thumb"><a href="?f=ggggg-533915039" ><img loading="lazy" src='https://levis.com.au/cdn/shop/files/24_H2_WB_001PZ-0004_EAS_PS_ON_DA_f6f2e7e4-1831-42de-a01a-b43aef96160a_354x442_crop_center.progressive.jpg' onerror="this.closest('.ui-col-25').style.display = 'none';"></a></div><div class="product-title"> Women's 318 Shaping Wide-Leg Jeans – Shop Online</div><div class="product-price red"><span class="currency-code">USD</span>76.99</div></div></div><div class="ui-col-25"><div class="product-grid"><div class="product-thumb"><a href="?f=ggggg-533915044" ><img loading="lazy" src='https://images.riverisland.com/image/upload/f_auto,q_auto/0_20240912_WK37_WW_WIDE_LEG_DENIM_BANNER_2.jpg' onerror="this.closest('.ui-col-25').style.display = 'none';"></a></div><div class="product-title"> Women's Wide Leg Jeans | Mid Rise, High Rise \u0026 Waisted Wide Leg Jeans |  River Island</div><div class="product-price red"><span class="currency-code">USD</span>76.99</div></div></div><div class="ui-col-25"><div class="product-grid"><div class="product-thumb"><a href="?f=ggggg-533915049" ><img loading="lazy" src='http://www.jennikayne.com/cdn/shop/files/redone-cotton-mid-rise-wide-leg-jean-west-coast-fade-02.jpg' onerror="this.closest('.ui-col-25').style.display = 'none';"></a></div><div class="product-title"> Mid Rise Wide Leg – Jenni Kayne</div><div class="product-price red"><span class="currency-code">USD</span>76.99</div></div></div><div class="ui-col-25"><div class="product-grid"><div class="product-thumb"><a href="?f=ggggg-533915053" ><img loading="lazy" src='https://www.instyle.com/thmb/GKE11MwHxftm55vax4PDtXYxgtg\u003d/1500x0/filters:no_upscale():max_bytes(150000):strip_icc()/101923-spanz-eide-leg-jeans-339c99e15be3445bba514dc9930d78aa.jpg' onerror="this.closest('.ui-col-25').style.display = 'none';"></a></div><div class="product-title"> I Found the Most Flattering and Stretchy Spanx Wide-Leg Jeans</div><div class="product-price red"><span class="currency-code">USD</span>76.99</div></div></div><div class="ui-col-25"><div class="product-grid"><div class="product-thumb"><a href="?f=ggggg-533915054" ><img loading="lazy" src='https://hips.hearstapps.com/hmg-prod/images/ladylike-jacket-wide-leg-jeans-styling-6724f193b839e.jpg' onerror="this.closest('.ui-col-25').style.display = 'none';"></a></div><div class="product-title"> The 6 Best Ways To Wear Your Wide-Leg Jeans Right Now</div><div class="product-price red"><span class="currency-code">USD</span>76.99</div></div></div><div class="ui-col-25"><div class="product-grid"><div class="product-thumb"><a href="?f=ggggg-533915055" ><img loading="lazy" src='https://i0.wp.com/thefashionhousemom.com/wp-content/uploads/2023/04/What-shoes-to-wear-with-wide-leg-jeans.jpg' onerror="this.closest('.ui-col-25').style.display = 'none';"></a></div><div class="product-title"> How to Style Wide Leg Jeans - THE FASHION HOUSE MOM</div><div class="product-price red"><span class="currency-code">USD</span>76.99</div></div></div><div class="ui-col-25"><div class="product-grid"><div class="product-thumb"><a href="?f=ggggg-533915061" ><img loading="lazy" src='https://dawnpdarnell.com/wp-content/uploads/2021/05/Second-Look-3-scaled.jpeg' onerror="this.closest('.ui-col-25').style.display = 'none';"></a></div><div class="product-title"> The Perfect Wide Leg Jeans For Petite Women - Dawn P. Darnell</div><div class="product-price red"><span class="currency-code">USD</span>76.99</div></div></div><div class="ui-col-25"><div class="product-grid"><div class="product-thumb"><a href="?f=ggggg-533915062" ><img loading="lazy" src='https://cdn.occtoo-media.com/995cf62a-7759-4681-a516-370aaabfd325/e1422b53-18d0-567e-b808-05a35d0805a9/304778-2945_01.jpg' onerror="this.closest('.ui-col-25').style.display = 'none';"></a></div><div class="product-title"> Stylish Baggy Jeans for Women | Shop online at Nelly</div><div class="product-price red"><span class="currency-code">USD</span>76.99</div></div></div>
                    </div>
                </div>
            </section>
        </div>

</section>

<ul class="ui-row">
                <li class="ui-col ui-col-50"><a href="MMMMM">Home</a></li>
                <li class="ui-col ui-col-50"><a id="article1" href="?f=ggggg-535435912">About Us</a></li>
                <li
                    class="ui-col ui-col-50"><a id="article2" href="?f=ggggg-535435911">Contact Us</a></li>
                <li
                    class="ui-col ui-col-50"><a id="article3" href="?f=ggggg-535435907">Payment</a></li>
                <li
                    class="ui-col ui-col-50"><a id="article4" href="?f=ggggg-535435922">F.A.Q</a></li>
                <li
                    class="ui-col ui-col-50"><a id="article5" href="?f=ggggg-535435922">Shipping & Returns</a></li>
                <li
                    class="ui-col ui-col-50"><a id="article6" href="?w=6">Sitemap</a></li>
            </ul>

</footer>
    </section>

$(".ui-icon-scan1").on("click", function () {
                $(".ui-offcanvas").fadeIn(200);
                $("body").addClass("offcanvas-in");
            });

$(".ui-offcanvas .close, .ui-offcanvas").on("click", function (e) {
                if (e.target !== this) return;
                $(".ui-offcanvas").fadeOut(200);
                $("body").removeClass("offcanvas-in");
            });

$(".category_li").hover(
                function () { $(this).find(".category").stop().slideDown(200); },
                function () { $(this).find(".category").stop().slideUp(200); }
            );
        });
    </script>
    <script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"9e6252f3072448ca80097b34898d74a7","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html>