/*
Theme Name: GOBER Premium Sportswear
Version: 2.0.0
Author: GOBER
Description: GOBER premium custom sportswear theme.
*/
body{margin:0;background:#050607;color:#f7f9fb;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}.container{max-width:1240px;width:calc(100% - 40px);margin:auto}.site-header{position:fixed;top:0;left:0;right:0;z-index:10;background:#050607dd;border-bottom:1px solid #202a33}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:28px;font-weight:900;letter-spacing:4px}.logo i{color:#0d8cff;font-style:normal}.navlinks{display:flex;gap:25px;font-size:13px}.navcta,.btn{padding:13px 18px;border:1px solid #35414d;border-radius:8px;font-size:12px;font-weight:900}.primary{background:#0d8cff;border-color:#0d8cff}.hero{min-height:850px;padding-top:78px;display:flex;align-items:center;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#050607 0%,#050607dd 40%,#05060755),var(--hero-bg);background-size:cover;background-position:center}.hero-content{position:relative;z-index:2;max-width:760px}.eyebrow,.label{font-size:10px;color:#63c5ff;letter-spacing:3px;font-weight:900;text-transform:uppercase}.hero h1{font-size:clamp(52px,8vw,105px);line-height:.88;letter-spacing:-6px;margin:20px 0 28px}.hero h1 span{color:#0d8cff}.hero p{font-size:18px;color:#b7c1cb;max-width:610px}.actions{display:flex;gap:12px;margin-top:28px}.stats{display:flex;gap:40px;margin-top:55px}.stats strong{font-size:28px;display:block}.stats small{color:#8e9aa7;text-transform:uppercase;font-size:10px}section{padding:100px 0}.head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.title{font-size:45px;letter-spacing:-2px;margin:7px 0}.desc{color:#8e9aa7;max-width:450px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card,.feature,.review,.step{border:1px solid #202a33;background:#0c1116;border-radius:14px;overflow:hidden}.visual{height:280px;display:flex;align-items:center;justify-content:center;font-size:60px;font-weight:900}.v1{background:radial-gradient(circle,#176cb0,#09131e 60%)}.v2{background:radial-gradient(circle,#9aa6b0,#15191e 60%)}.v3{background:radial-gradient(circle,#0c6d50,#07130f 60%)}.v4{background:radial-gradient(circle,#b04b1b,#170c08 60%)}.info{padding:17px}.info h3{margin:0}.info p,.feature p,.review p,.step p{color:#8e9aa7;font-size:13px}.tag{font-size:10px;color:#63c5ff;font-weight:900}.sports,.features,.reviews,.process{display:grid;gap:14px}.sports{grid-template-columns:repeat(6,1fr)}.sport{padding:25px 10px;text-align:center;border:1px solid #202a33;border-radius:12px;background:#0b0f13;font-weight:900;font-size:12px}.sport b{display:block;font-size:30px;margin-bottom:8px}.features,.reviews{grid-template-columns:repeat(3,1fr)}.feature,.review{padding:28px}.feature h3{margin-top:25px}.portfolio{display:grid;grid-template-columns:1.35fr .8fr .8fr;grid-template-rows:220px 220px;gap:12px}.shot{border-radius:13px;border:1px solid #202a33;padding:24px;display:flex;align-items:end;background-size:cover;background-position:center;position:relative;overflow:hidden}.shot:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,#000c)}.shot div{position:relative;z-index:2}.shot:first-child{grid-row:1/3}.process{grid-template-columns:repeat(4,1fr)}.step{padding:27px}.step strong{font-size:43px;color:#0d8cff}.custom{background:#071522;border:1px solid #173d5d;border-radius:20px;padding:45px}.custom-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px}.custom h2{font-size:46px;margin:8px 0}.custom-copy p{color:#8e9aa7}.form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:9px;color:#91a0ae;text-transform:uppercase}.field input,.field select,.field textarea{background:#06090c;border:1px solid #27333e;color:#fff;border-radius:8px;padding:12px}.field textarea{min-height:90px}.cta{text-align:center;padding:70px 20px;border-radius:20px;background:linear-gradient(135deg,#087fe9,#052f59)}footer{border-top:1px solid #202a33;padding:35px 0;color:#71808d}.foot{display:flex;justify-content:space-between}.wa{position:fixed;right:20px;bottom:20px;background:#19c96d;color:#fff;padding:13px 17px;border-radius:99px;font-weight:900;z-index:20}
@media(max-width:900px){.navlinks,.navcta{display:none}.grid4{grid-template-columns:repeat(2,1fr)}.sports{grid-template-columns:repeat(3,1fr)}.features,.reviews,.process,.custom-grid{grid-template-columns:1fr}.portfolio{grid-template-columns:1fr 1fr}.shot:first-child{grid-column:1/-1;grid-row:auto}}
@media(max-width:560px){.container{width:calc(100% - 28px)}section{padding:75px 0}.head{display:block}.title{font-size:35px}.grid4,.sports,.portfolio,.form{grid-template-columns:1fr}.shot:first-child{grid-column:auto}.custom{padding:28px 18px}.custom h2{font-size:37px}.field.full{grid-column:auto}.foot{display:block}}

/* GOBER CMS product detail */
.product-page{padding:150px 0 100px}
.product-detail{display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center}
.product-media{min-height:520px;border:1px solid #202a33;border-radius:18px;background:#0b0f13;display:flex;align-items:center;justify-content:center;overflow:hidden}
.product-main-image{display:block;width:100%;height:auto;max-height:650px;object-fit:contain}
.product-no-image{color:#71808d;font-weight:900;letter-spacing:2px;font-size:13px}
.product-copy h1{font-size:clamp(42px,6vw,76px);line-height:.95;letter-spacing:-4px;margin:15px 0 25px}
.product-categories{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}
.product-categories span{border:1px solid #274157;border-radius:99px;padding:7px 12px;color:#63c5ff;font-size:10px;font-weight:900;text-transform:uppercase}
.product-description{color:#b7c1cb;font-size:16px;line-height:1.7;margin-bottom:25px}
.product-spec{border-top:1px solid #202a33;border-bottom:1px solid #202a33;padding:17px 0;margin-bottom:28px;display:flex;justify-content:space-between;gap:20px}
.product-spec span{color:#71808d;text-transform:uppercase;font-size:10px;letter-spacing:2px}
.product-spec strong{font-size:13px}
.archive-page{padding:150px 0 100px}
.product-card-image{height:300px;background:#0b0f13}
.product-card-image img{width:100%;height:100%;object-fit:contain}
@media(max-width:900px){.product-detail{grid-template-columns:1fr;gap:30px}.product-media{min-height:360px}.product-copy h1{font-size:52px}}

/* =========================================================
   GOBER PRODUCT PAGE — PREMIUM TWO COLUMN
   ========================================================= */
.product-page{padding:125px 0 90px}
.product-detail{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:75px;align-items:center}
.product-media{min-height:620px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:radial-gradient(circle at 50% 45%,rgba(25,145,255,.07),transparent 48%),#080b0f;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:25px}
.product-main-image{display:block;width:100%;height:auto;max-height:650px;object-fit:contain}
.product-copy{padding:15px 0 25px}
.product-copy .label{margin-bottom:15px;letter-spacing:3px;font-size:10px;font-weight:800}
.product-copy h1{font-size:clamp(44px,5vw,70px);line-height:.96;letter-spacing:-3px;margin:0 0 20px;max-width:650px}
.product-categories{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}
.product-categories span{padding:7px 13px;border:1px solid #263747;border-radius:30px;color:#70c8ff;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.product-description{max-width:620px;padding:24px 0;margin:0 0 20px;border-top:1px solid rgba(255,255,255,.10);border-bottom:1px solid rgba(255,255,255,.10)}
.product-section-label{color:#6fc7ff;font-size:9px;font-weight:900;letter-spacing:2.5px;margin-bottom:12px}
.product-description p{margin:0;color:#b7c1ca;font-size:15px;line-height:1.8}
.product-features{max-width:620px;border-bottom:1px solid rgba(255,255,255,.10);margin-bottom:28px}
.product-feature{display:grid;grid-template-columns:115px 1fr;gap:20px;padding:14px 0;border-top:1px solid rgba(255,255,255,.055)}
.product-feature:first-child{border-top:0}
.feature-label{color:#647482;font-size:9px;font-weight:900;letter-spacing:1.8px}
.product-feature strong{color:#f3f6f8;font-size:12px;font-weight:600;line-height:1.5}
.product-quote-btn{margin-left:auto!important;margin-top:0!important}
@media(max-width:900px){.product-page{padding:105px 0 70px}.product-detail{grid-template-columns:1fr;gap:35px}.product-media{min-height:430px;padding:15px}.product-copy h1{font-size:48px;letter-spacing:-2px}.product-description,.product-features{max-width:100%}.product-quote-btn{margin-left:0!important}}
@media(max-width:520px){.product-media{min-height:340px}.product-copy h1{font-size:40px}.product-feature{grid-template-columns:95px 1fr;gap:12px}}

/* GOBER logo image */
.site-header .logo{
    display:flex;
    align-items:center;
    line-height:0;
}
.site-header .logo .custom-logo-link{
    display:flex;
    align-items:center;
}
.site-header .logo img.custom-logo{
    width:auto;
    height:38px;
    max-width:180px;
    object-fit:contain;
}
@media(max-width:900px){
    .site-header .logo img.custom-logo{
        height:30px;
        max-width:145px;
    }
}

/* =========================================================
   GOBER v1.4 — HEADER + TRANSPARENT PNG HERO
   ========================================================= */

.site-header .logo{
    display:flex;
    align-items:center;
    flex-shrink:0;
    line-height:0;
}

.site-header .logo .custom-logo-link{
    display:flex;
    align-items:center;
}

.site-header .logo img.custom-logo{
    display:block;
    width:auto;
    height:42px;
    max-width:210px;
    object-fit:contain;
}

.navlinks{
    margin-left:auto;
    margin-right:28px;
}

.navlinks ul{
    display:flex !important;
    flex-direction:row !important;
    align-items:center;
    justify-content:flex-end;
    gap:28px;
    margin:0;
    padding:0;
    list-style:none;
}

.navlinks ul li{
    display:inline-flex !important;
    margin:0;
    padding:0;
    list-style:none;
}

.navlinks ul li a{
    display:inline-block;
    color:#fff;
    text-decoration:none;
    font-size:11px;
    font-weight:800;
    letter-spacing:.7px;
    text-transform:uppercase;
    white-space:nowrap;
    transition:.2s ease;
}

.navlinks ul li a:hover{color:#159cff}

/* Hero split layout: title left, uploaded PNG right */
.hero{
    min-height:850px;
    padding-top:78px;
    display:flex;
    align-items:center;
    position:relative;
    overflow:hidden;
    background:#050607;
}

.hero-inner{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);
    align-items:center;
    gap:20px;
    position:relative;
    z-index:2;
}

.hero-content{
    position:relative;
    z-index:3;
    max-width:760px;
}

.hero-media{
    min-height:690px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    z-index:2;
}

.hero-media img{
    display:block;
    width:100%;
    max-width:650px;
    max-height:700px;
    height:auto;
    object-fit:contain;
    object-position:center;
    filter:drop-shadow(0 25px 45px rgba(0,0,0,.4));
}

@media(max-width:1100px){
    .hero-inner{grid-template-columns:1fr .8fr;gap:5px}
    .hero-media img{max-width:520px}
    .site-header .logo img.custom-logo{height:38px;max-width:190px}
}

@media(max-width:900px){
    .navlinks{display:none}
    .navcta{display:none}
    .hero{min-height:auto;padding:125px 0 80px}
    .hero-inner{grid-template-columns:1fr}
    .hero-content{max-width:100%}
    .hero-media{min-height:390px;margin-top:15px}
    .hero-media img{max-width:520px;max-height:500px}
}

@media(max-width:560px){
    .site-header .logo img.custom-logo{height:32px;max-width:155px}
    .hero-media{min-height:310px}
    .hero-media img{max-height:390px}
}

/* =========================================================
   GOBER v1.5 — 3 PHOTO PRODUCT SLIDER
   ========================================================= */
.product-gallery{width:100%}
.product-gallery .product-media{
    position:relative;
    min-height:620px;
    padding:0;
}
.product-slide{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    visibility:hidden;
    transform:translateX(10px);
    transition:opacity .35s ease,transform .35s ease;
}
.product-slide.is-active{
    opacity:1;
    visibility:visible;
    transform:translateX(0);
}
.product-slide .product-main-image{
    width:100%;
    height:100%;
    max-height:620px;
    object-fit:contain;
    padding:25px;
    box-sizing:border-box;
}
.gallery-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:44px;
    height:44px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:50%;
    background:rgba(5,6,7,.75);
    color:#fff;
    font-size:30px;
    line-height:38px;
    cursor:pointer;
    z-index:4;
    transition:.2s ease;
}
.gallery-arrow:hover{background:#0d8cff;border-color:#0d8cff}
.gallery-prev{left:18px}
.gallery-next{right:18px}
.gallery-thumbs{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    margin-top:12px;
}
.gallery-thumb{
    height:92px;
    padding:4px;
    border:1px solid #202a33;
    border-radius:10px;
    background:#0b0f13;
    cursor:pointer;
    overflow:hidden;
}
.gallery-thumb.is-active{border-color:#0d8cff;box-shadow:0 0 0 1px #0d8cff}
.gallery-thumb img{width:100%;height:100%;object-fit:contain}
.gallery-dots{display:flex;justify-content:center;gap:7px;margin-top:12px}
.gallery-dot{
    width:7px;height:7px;padding:0;border:0;border-radius:50%;
    background:#44515d;cursor:pointer;
}
.gallery-dot.is-active{background:#159cff;transform:scale(1.25)}
@media(max-width:900px){
    .product-gallery .product-media{min-height:430px}
    .product-slide .product-main-image{max-height:430px;padding:15px}
    .gallery-thumb{height:75px}
}
@media(max-width:520px){
    .product-gallery .product-media{min-height:340px}
    .product-slide .product-main-image{max-height:340px}
    .gallery-arrow{width:38px;height:38px;font-size:25px;line-height:32px}
    .gallery-prev{left:10px}.gallery-next{right:10px}
    .gallery-thumb{height:65px}
}

/* GOBER Collection — dynamic WordPress products */
.gober-product-card .product-visual{
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    text-decoration:none;
    background:
      radial-gradient(circle at 50% 42%, rgba(21,148,255,.24), rgba(7,12,18,.96) 62%),
      #07101a;
    min-height:270px;
}
.gober-product-card .product-visual img{
    width:100%;
    height:100%;
    min-height:270px;
    object-fit:contain;
    padding:18px;
    display:block;
    transition:transform .45s ease;
}
.gober-product-card:hover .product-visual img{
    transform:scale(1.045);
}
.gober-product-card .info h3 a{
    color:inherit;
    text-decoration:none;
}
.gober-product-card .product-category{
    color:#159cff;
    font-size:10px;
    font-weight:800;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:7px;
}
.gober-product-card .info p{
    min-height:20px;
}
@media (max-width: 760px){
    .gober-product-card .product-visual,
    .gober-product-card .product-visual img{
        min-height:230px;
    }
}

/* GOBER Portfolio image templates v1.7 */
.portfolio-single-page,
.portfolio-archive-page{padding-top:78px;background:#050607;min-height:100vh}
.portfolio-single-hero{padding:100px 0 120px}
.portfolio-single-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}
.portfolio-single-media{border:1px solid #202a33;border-radius:18px;overflow:hidden;background:#0a0f14;min-height:560px;display:flex;align-items:center;justify-content:center}
.portfolio-single-media img{display:block;width:100%;height:auto;max-height:720px;object-fit:contain}
.portfolio-single-copy .label{margin-bottom:14px}
.portfolio-single-copy h1{font-size:clamp(46px,6vw,82px);line-height:.95;letter-spacing:-4px;margin:0 0 18px}
.portfolio-client{color:#159cff;font-weight:800;text-transform:uppercase;letter-spacing:2px;font-size:11px}
.portfolio-divider{height:1px;background:#202a33;margin:35px 0}
.portfolio-description{color:#b7c1cb;font-size:16px;line-height:1.8;margin-bottom:35px}
.portfolio-description img{max-width:100%;height:auto;border-radius:12px}
.portfolio-no-image{padding:80px 30px;text-align:center;color:#8e9aa7}
.portfolio-no-image span{display:block;color:#159cff;font-size:10px;letter-spacing:3px;font-weight:900;margin-bottom:15px}
.portfolio-no-image strong{display:block;color:#fff;font-size:30px}
.portfolio-no-image small{display:block;margin-top:10px}

.archive-head{padding:90px 0 40px}
.portfolio-archive-grid-section{padding:20px 0 110px}
.portfolio-archive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.portfolio-card-large{border:1px solid #202a33;border-radius:16px;overflow:hidden;background:#0b1015;transition:transform .25s ease,border-color .25s ease}
.portfolio-card-large:hover{transform:translateY(-4px);border-color:#159cff}
.portfolio-card-image{height:390px;background:#080d12;display:flex;align-items:center;justify-content:center;overflow:hidden}
.portfolio-card-image img{width:100%;height:100%;object-fit:cover;display:block}
.portfolio-card-placeholder{font-size:70px;font-weight:900;color:#159cff}
.portfolio-card-info{padding:22px}
.portfolio-card-info h2{margin:8px 0 16px;font-size:30px}
.portfolio-card-info span{font-size:10px;color:#159cff;font-weight:900;letter-spacing:1px}
.portfolio-empty{padding:60px 20px;border:1px solid #202a33;border-radius:15px;color:#8e9aa7}

@media(max-width:900px){
  .portfolio-single-grid{grid-template-columns:1fr;gap:35px}
  .portfolio-single-media{min-height:350px}
}
@media(max-width:560px){
  .portfolio-single-hero{padding:65px 0 80px}
  .portfolio-single-copy h1{font-size:44px}
  .portfolio-archive-grid{grid-template-columns:1fr}
  .portfolio-card-image{height:280px}
}

/* GOBER Premium v2 portfolio image reliability */
.portfolio-single-media img,
.portfolio-card-image img{opacity:1!important;visibility:visible!important}
.portfolio-single-media{position:relative}
.portfolio-single-media img{object-fit:contain;background:#070b10}
.portfolio-card-image img{object-fit:cover}
.site-page{padding:140px 0 120px;min-height:70vh}
.page-content{max-width:1000px;margin:auto}