/* SportPit storefront, scoped to this OpenCart installation. */
:root{--sp-ink:#191d19;--sp-muted:#747a70;--sp-line:#e5e8df;--sp-lime:#d5f35b;--sp-paper:#f5f6f0;--bs-link-color:#191d19;--bs-link-hover-color:#4c6420}
body{font-family:Arial,Helvetica,sans-serif;color:var(--sp-ink);font-size:15px;line-height:1.55;background:#fff}a{color:var(--sp-ink);text-decoration:none}a:hover{color:#526c25}h1,h2,h3,h4,h5,h6{font-family:inherit;color:var(--sp-ink);text-shadow:none}button,input,select,textarea{font-family:inherit}button,a,input{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #87a736;outline-offset:4px}.container{max-width:1320px;padding-left:28px;padding-right:28px}
#top{background:#f3f5ef;border:0;margin:0;padding:5px 0;color:#6c7367;font-size:11px;min-height:32px}#top .container{display:flex;justify-content:space-between;align-items:center}#top .container:before,#top .container:after{display:none}#top .float-start{display:none}#top .float-end{float:none!important;margin-left:auto}#top .float-end>.list-inline>li:first-child,#top .float-end>.list-inline>li:last-child{display:none}#top .list-inline{margin-bottom:0}#top .list-inline-item{margin-left:18px}#top a{font-size:11px;text-shadow:none;color:#646c5f}#top:before{content:none}.sp-top-note{font-weight:700;letter-spacing:1.3px;color:#5a6650;font-size:10px;text-transform:uppercase}
header{background:white;padding:26px 0 21px}header .row{align-items:center}#logo{margin:0}#logo h1{margin:0}.sp-brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;color:var(--sp-ink)!important;font-size:30px;font-weight:800;letter-spacing:-1.5px;line-height:1}.sp-brand-mark{width:37px;height:37px;display:inline-grid;place-items:center;background:var(--sp-lime);border-radius:11px}.sp-brand svg{width:23px;height:23px}header .col-lg-4{width:27%}header .col-md-5{width:46%}#header-cart{width:27%;margin:0!important}#search{margin:0;position:relative}#search input{height:48px;background:#f5f6f1;border:1px solid #edf0e7;border-radius:12px!important;box-shadow:none;padding-left:18px;font-size:13px}#search input:focus{border-color:#adbf80;background:white;box-shadow:0 0 0 3px #d5f35b33}#search .btn{height:48px;border:0;background:transparent;color:#4f5c44;border-radius:0 12px 12px 0;position:absolute;right:0;z-index:5;width:48px;padding:10px;font-size:17px;box-shadow:none}#header-cart>.btn,#header-cart>div>.btn{background:var(--sp-ink);border:0;border-radius:12px;box-shadow:none;min-height:48px;font-size:12px;text-shadow:none}#header-cart .fa-cart-shopping,#header-cart .fa-shopping-cart{margin-right:7px;color:var(--sp-lime)}#header-cart .dropdown-menu{border:1px solid var(--sp-line);border-radius:16px;box-shadow:0 16px 50px #1920151a;color:var(--sp-ink)}
#menu{background:#fff;border:0;border-radius:0;box-shadow:none;margin:0 auto 24px;min-height:48px;padding:0;max-width:1264px;border-top:1px solid var(--sp-line);border-bottom:1px solid var(--sp-line)}#menu .nav>li>a,#menu .navbar-nav>li>a{color:var(--sp-ink);text-shadow:none;font-size:13px;font-weight:600;padding:15px 23px}#menu .nav>li:first-child>a{padding-left:0}#menu .nav>li>a:hover,#menu .nav>li>a:focus{background:none;color:#687f29}#menu .navbar-toggler{color:var(--sp-ink);border:0;box-shadow:none}#menu #category{color:var(--sp-ink);font-weight:700;text-shadow:none}#menu .dropdown-menu{border-radius:12px;border:1px solid var(--sp-line)}
.sp-hero{background:#1c211d;border-radius:24px;min-height:490px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.02fr 1fr;align-items:center;margin:0 0 28px}.sp-hero-copy{position:relative;z-index:2;padding:56px 0 56px 52px}.sp-eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:700;letter-spacing:2px;color:#bdc7b5;margin-bottom:24px}.sp-eyebrow:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--sp-lime)}.sp-hero h1{color:#fff;font-size:clamp(42px,4.8vw,68px);line-height:1.01;letter-spacing:-2.5px;font-weight:800;margin:0 0 23px}.sp-hero h1 em{color:var(--sp-lime);font-style:normal}.sp-hero p{color:#b9c2b3;max-width:360px;font-size:14px;line-height:1.7;margin:0 0 30px}.sp-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--sp-lime);padding:15px 21px;border-radius:10px;font-size:13px;font-weight:700;color:#191d19!important;transition:transform .18s,background .18s}.sp-cta:hover{background:#e4ff88;transform:translateY(-2px)}.sp-hero-art{width:100%;position:relative;z-index:1;align-self:stretch;display:flex;align-items:center;background:radial-gradient(ellipse at 54% 48%,#60753844,transparent 67%)}.sp-hero-art img{width:100%;height:100%;min-height:440px;object-fit:contain}.sp-hero-orbit{position:absolute;right:-90px;top:32px;width:470px;height:470px;border:1px solid #91a47724;border-radius:50%}.sp-hero-orbit:after{content:'';position:absolute;inset:55px;border:1px solid #91a47724;border-radius:50%}.sp-hero-note{position:absolute;bottom:22px;right:30px;z-index:2;color:#8e9b83;font-size:9px;letter-spacing:2px}
.sp-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 60px}.sp-category{border:1px solid var(--sp-line);border-radius:15px;background:#f8f9f5;padding:22px;display:grid;grid-template-columns:1fr auto;gap:12px;transition:background .18s,border-color .18s,transform .18s}.sp-category:hover{background:#eff5dc;border-color:#c6d3aa;transform:translateY(-3px)}.sp-category-num{font-size:10px;font-weight:700;letter-spacing:1px;color:#8a947e}.sp-category h2{font-size:19px;line-height:1.1;letter-spacing:-.5px;margin:10px 0 6px;font-weight:700}.sp-category p{font-size:11px;color:#7a8173;margin:0}.sp-category-arrow{align-self:center;font-size:23px;color:#6c785b}.sp-products{margin-bottom:52px}.sp-section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px;gap:16px}.sp-kicker{font-size:10px;color:#7e8872;letter-spacing:2px;font-weight:700;display:block;margin-bottom:10px}.sp-section-head h2{font-size:31px;letter-spacing:-1.2px;font-weight:700;margin:0;line-height:1.15}.sp-section-head>a{font-size:12px;color:#6e795f;white-space:nowrap}.sp-products>.row{--bs-gutter-x:18px}.product-thumb{border:1px solid var(--sp-line);border-radius:17px;overflow:hidden;background:white;box-shadow:none;margin-bottom:18px;position:relative;height:100%;transition:box-shadow .2s,transform .2s}.product-thumb:hover{box-shadow:0 12px 28px #1e281212;transform:translateY(-4px)}.product-thumb .image{background:#f4f5ef;position:relative;padding:0}.product-thumb .image img{width:100%;max-height:none;aspect-ratio:1.12;object-fit:contain;margin:auto}.sp-product-badge{position:absolute;top:14px;left:14px;z-index:1;border:1px solid #dce2d0;background:#ffffffcc;border-radius:6px;padding:3px 7px;font-size:8px;color:#737e64;letter-spacing:1px;font-weight:700}.product-thumb .content{padding:0;display:flex;flex-direction:column}.product-thumb .description{padding:18px 19px 0;min-height:152px}.product-thumb h4{font-size:15px;font-weight:700;line-height:1.4;min-height:42px;margin:5px 0 11px;letter-spacing:-.2px}.product-thumb h4 a{color:var(--sp-ink)}.product-thumb .description p{color:#7a8370;font-size:11px;margin-bottom:12px;line-height:1.4}.product-thumb .price{font-size:21px;color:var(--sp-ink);font-weight:700;letter-spacing:-.6px;margin:12px 0 15px}.product-thumb .price-tax{display:none}.product-thumb .button-group{display:flex;border:0;background:white;gap:8px;padding:0 19px 18px}.product-thumb .button-group button{background:#eef1e8;color:#24311a;border:0;border-radius:8px;line-height:38px;height:38px;font-size:13px;float:none;width:38px;padding:0;box-shadow:none;text-shadow:none}.product-thumb .button-group button:first-child{flex:1;width:auto;background:#d5f35b;font-size:11px;font-weight:700;letter-spacing:0}.product-thumb .button-group button:first-child i{margin-left:12px}.product-thumb .button-group button:hover{background:#e1fa8c;color:#172012}.product-thumb .button-group button:nth-child(3){display:none}
.sp-story{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;border-top:1px solid var(--sp-line);padding:42px 0 45px;margin-bottom:18px}.sp-story h2{font-size:30px;line-height:1.2;letter-spacing:-1px;font-weight:700;max-width:430px;margin:0}.sp-story p{font-size:13px;color:#79816f;line-height:1.8;max-width:460px;margin:0}.sp-demo-note{display:flex;align-items:center;gap:10px;border-top:1px solid var(--sp-line);padding:17px 0 21px;color:#8c9382;font-size:10px}.sp-demo-note:before{content:'DEMO';font-size:8px;letter-spacing:1px;background:#eff1e9;color:#7b8867;border-radius:4px;padding:3px 5px}
footer{background:#1c211d;color:#939d8c;border-top:0;padding:38px 0 20px;margin-top:30px;font-size:12px}footer h5{font-size:12px;color:#e1e6da;font-weight:700;margin-bottom:17px}footer a{color:#9ba691}footer a:hover{color:var(--sp-lime)}footer .list-unstyled li{margin-bottom:8px}footer hr{border-color:#79846a33;margin:25px 0 18px}footer p{font-size:10px;color:#7c876f}.sp-footer-mark{color:#d5f35b;font-size:25px;font-weight:800;letter-spacing:-1px;margin-bottom:28px}.breadcrumb{background:#f6f7f1;border:0;border-radius:9px;padding:10px 15px;margin:18px 0 25px;font-size:11px}.breadcrumb>li:after{border:none}.btn-primary{background:#d5f35b;color:#192315;border-color:#d5f35b;text-shadow:none;border-radius:9px;box-shadow:none;font-weight:700}.btn-primary:hover,.btn-primary:focus{background:#e3fc88;color:#192315;border-color:#c8e350}.btn-light,.btn-default{border-radius:9px;box-shadow:none;background:#f1f3ea;border-color:#e5e8dc}.form-control,.form-select{border-radius:9px;border-color:#dde3d4;box-shadow:none}#content h1{font-weight:750;letter-spacing:-1px}.nav-tabs .nav-link{color:#6e785f}.nav-tabs .nav-link.active{color:#172012;font-weight:700}.list-group-item{border-color:#e9ecdf}#product-info .img-thumbnail{border:0;background:#f6f7f1;border-radius:18px}.page-link{color:#26331c}.pagination .active>.page-link{background:#26331c;border-color:#26331c}#common-home #content{min-height:0}
@media(min-width:992px){#product-list .product-list .product-thumb .image img{max-width:240px}}
@media(max-width:991px){.container{padding-left:20px;padding-right:20px}.sp-hero-copy{padding:40px 0 40px 30px}.sp-hero h1{font-size:46px;letter-spacing:-2px}.sp-hero{min-height:430px}.sp-hero-art img{min-height:360px}.sp-category{padding:18px 14px}.sp-category h2{font-size:16px}.sp-brand{font-size:25px}header .col-lg-4{width:26%}header .col-md-5{width:44%}#header-cart{width:30%}#menu{margin-left:20px;margin-right:20px}.sp-category-grid{margin-bottom:42px}}
@media(max-width:767px){.container{padding-left:16px;padding-right:16px}#top .container{padding-top:2px;padding-bottom:2px}.sp-top-note{font-size:8px;letter-spacing:.6px}#top .list-inline-item{margin-left:8px}#top .float-end>.list-inline>li:nth-child(3){display:none}header{padding:18px 0 15px}header .row{row-gap:16px}header .col-lg-4{width:50%}header .col-md-5{width:100%;order:3}#header-cart{width:50%}#header-cart>.btn,#header-cart>div>.btn{font-size:10px;min-height:43px}#search input,#search .btn{height:44px}.sp-brand{font-size:27px}.sp-brand-mark{width:32px;height:32px;border-radius:9px}.sp-brand svg{width:20px}#menu{margin:0 16px 18px;min-height:44px}#menu .navbar-collapse{border-top:1px solid var(--sp-line)}#menu .nav>li>a,#menu .nav>li:first-child>a{padding:12px 5px}#menu .navbar-brand{margin:0;padding:0}#menu .navbar-toggler{font-size:17px}.sp-hero{grid-template-columns:1fr;border-radius:18px;margin-bottom:16px;min-height:0}.sp-hero-copy{padding:33px 26px 0}.sp-eyebrow{font-size:8px;margin-bottom:20px;letter-spacing:1.5px}.sp-hero h1{font-size:43px;letter-spacing:-1.7px;line-height:1.05;margin-bottom:18px}.sp-hero p{font-size:12px;line-height:1.6;margin-bottom:23px;max-width:280px}.sp-cta{padding:13px 17px;font-size:11px;gap:24px}.sp-hero-art{height:295px;min-height:0;margin-top:-18px}.sp-hero-art img{height:315px;min-height:0}.sp-hero-orbit{width:320px;height:320px;right:-60px;top:245px}.sp-hero-note{font-size:7px;right:19px;bottom:14px}.sp-category-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:35px}.sp-category{padding:15px;border-radius:12px}.sp-category h2{font-size:17px;margin-top:8px}.sp-category p{font-size:9px}.sp-category-num{font-size:8px}.sp-category-arrow{font-size:19px}.sp-section-head{align-items:center;margin-bottom:20px}.sp-section-head h2{font-size:25px;max-width:240px;letter-spacing:-.8px}.sp-section-head>a{font-size:0}.sp-section-head>a:after{content:'↑';font-size:22px}.sp-kicker{font-size:8px;margin-bottom:9px}.sp-products>.row{--bs-gutter-x:10px}.sp-products>.row>.col{width:50%;flex:0 0 50%;margin-bottom:10px!important}.product-thumb{border-radius:12px;margin:0}.product-thumb .image img{aspect-ratio:1}.sp-product-badge{left:8px;top:8px;font-size:6px;padding:2px 5px}.product-thumb .description{padding:11px 11px 0;min-height:145px}.product-thumb h4{font-size:12px;line-height:1.4;min-height:50px;margin:4px 0 8px}.product-thumb .description p{font-size:9px;margin-bottom:10px}.product-thumb .price{font-size:17px;margin-bottom:11px}.product-thumb .button-group{padding:0 10px 11px;gap:5px}.product-thumb .button-group button{width:30px;height:33px;line-height:33px;font-size:11px}.product-thumb .button-group button:first-child{font-size:9px}.product-thumb .button-group button:first-child i{margin-left:5px}.sp-products{margin-bottom:25px}.sp-story{grid-template-columns:1fr;gap:19px;padding:30px 0 22px}.sp-story h2{font-size:26px;max-width:300px}.sp-story p{font-size:12px}.sp-demo-note{font-size:9px;align-items:flex-start;padding-top:15px}footer{padding-top:29px;margin-top:15px}footer .row{row-gap:22px}footer .col-sm-3{width:50%}footer h5{font-size:11px}footer a{font-size:10px}.sp-footer-mark{font-size:24px;margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Resolve Bootstrap utility styles and the base theme button flex rules. */
#menu.bg-primary{background-color:transparent!important}
.product-thumb .button-group button{flex:0 0 38px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;line-height:1}
.product-thumb .button-group button:first-child{flex:1 1 auto;width:auto;display:inline-flex}
.product-thumb .button-group button i{display:inline-block;float:none;width:auto;line-height:1}
.product-thumb .button-group button:nth-child(3){display:none}
@media(max-width:767px){.product-thumb .button-group button{flex-basis:30px}.product-thumb .button-group button:first-child{flex:1 1 auto}}

#menu .navbar-toggler{background:transparent!important;color:#26331c!important;border:1px solid #e2e7d8;border-radius:8px;padding:6px 10px;}

#menu .navbar-toggler i{color:#26331c!important}
#compare-total{display:none!important}

/* Align the search field with the brand and cart despite Bootstrap mb-3. */
header #search{margin:0!important;height:48px;align-items:center}
header #search .form-control{height:48px;min-height:48px;line-height:1.4}
header #search .btn{height:48px;min-height:48px;top:0;display:flex;align-items:center;justify-content:center}
header #search .btn i{line-height:1}
@media(max-width:767px){header #search,header #search .form-control,header #search .btn{height:44px;min-height:44px}}
