:root{--green:#31c46d;--green-dark:#148545;--green-soft:#eafff1;--text:#17221c;--muted:#66736b;--line:#e7eee9;--card:#ffffff;--bg:#f8fbf8;--shadow:0 12px 28px rgba(20,80,46,.08);}*{box-sizing:border-box;}html{scroll-behavior:smooth;}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg);}a{color:inherit;text-decoration:none;}.topbar{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line);}.topbar *{box-sizing:border-box;}.topbar-inner{display:flex;align-items:center;gap:26px;max-width:1280px;min-height:72px;margin:0 auto;padding:0 22px;}.logo{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:800;color:var(--green-dark);white-space:nowrap;}.logo-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;color:#fff;background:linear-gradient(135deg,var(--green),var(--green-dark));}.primary-nav{display:flex;align-items:center;gap:20px;flex:1;font-size:15px;}.primary-nav > a{display:inline-flex;align-items:center;min-height:38px;padding:0 4px;white-space:nowrap;}.contact-link,.cta-button,.download-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 20px;border-radius:8px;color:#fff;font-weight:700;background:var(--green);}.menu-toggle{display:none;}.link-strip{display:flex;gap:16px;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:1280px;margin:0 auto;padding:14px 22px;color:#3f4d45;background:#fff;border-bottom:1px solid var(--line);}.link-strip a{flex:0 0 auto;white-space:nowrap;overflow-wrap:normal;word-break:normal;}.home-content{background:#fff;}.hero{max-width:1280px;min-height:420px;margin:0 auto;display:grid;place-items:center;padding:46px 22px;background:radial-gradient(circle at 18% 24%,rgba(49,196,109,.25) 0 11%,transparent 12%),radial-gradient(circle at 80% 18%,rgba(49,196,109,.18) 0 12%,transparent 13%),radial-gradient(circle at 75% 70%,rgba(20,133,69,.12) 0 22%,transparent 23%),linear-gradient(135deg,#f2fff5 0%,#ffffff 44%,#ecfff2 100%);}.hero-overlay{width:min(860px,100%);text-align:center;}.eyebrow{margin:0 0 12px;color:var(--green-dark);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}.hero h1{margin:0;font-size:clamp(40px,6vw,72px);letter-spacing:0;}.hero p:not(.eyebrow){margin:14px 0 26px;color:var(--muted);font-size:20px;}.categories,.popular-products,.features,.faq-section,.video-section,.quick-panels{max-width:1180px;margin:0 auto;padding:54px 22px;}.categories h2,.popular-products h2,.features h2,.faq-section h2,.video-section h2{margin:0 0 26px;text-align:center;font-size:clamp(28px,4vw,40px);letter-spacing:0;}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}.category-grid a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:82px;padding:14px 18px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--shadow);font-weight:700;}.category-grid a img{width:30px;height:30px;object-fit:contain;flex:0 0 auto;}.category-grid a span{min-width:0;overflow-wrap:anywhere;}.quick-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding-top:8px;}.quick-panel{border:1px solid var(--line);border-radius:8px;padding:24px;background:#fff;box-shadow:var(--shadow);}.quick-panel h2{margin:0 0 18px;font-size:24px;}.pill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}.pill-grid a{padding:11px 12px;border-radius:8px;background:var(--green-soft);color:var(--green-dark);font-weight:700;text-align:center;}.video-section{text-align:center;background:var(--green-soft);max-width:none;}.video-section > *{max-width:860px;margin-left:auto;margin-right:auto;}.video-section p{color:var(--muted);line-height:1.7;}.video-frame{display:grid;place-items:center;gap:12px;height:260px;margin-top:20px;margin-bottom:22px;border-radius:8px;background:linear-gradient(135deg,rgba(20,133,69,.85),rgba(49,196,109,.72)),url('/assets/hero-dashboard.png') center/cover;color:#fff;font-weight:700;}.play-circle{display:grid;place-items:center;width:70px;height:70px;border-radius:999px;background:rgba(255,255,255,.22);border:2px solid rgba(255,255,255,.75);}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}.product-card{display:block;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--card);box-shadow:var(--shadow);}.thumb{display:block;width:100%;height:150px;object-fit:cover;background:linear-gradient(135deg,#f6fff9,#9ce5b8);}.thumb.shoes{background:linear-gradient(135deg,#f6fff9,#83dba7 48%,#e8f4ef);}.thumb.tshirt{background:linear-gradient(135deg,#fff,#eaf8ef 54%,#31c46d);}.thumb.black{background:linear-gradient(135deg,#202820,#f4fff7);}.thumb.hoodie{background:linear-gradient(135deg,#f3eadc,#31c46d);}.thumb.jersey{background:linear-gradient(135deg,#f6fff9,#2f5e4a);}.thumb.bag{background:linear-gradient(135deg,#dbb072,#eafff1);}.thumb.pants{background:linear-gradient(135deg,#4c75a8,#f6fff9);}.thumb.cap{background:linear-gradient(135deg,#eafff1,#151f19);}.product-card strong{display:block;min-height:54px;padding:14px 14px 4px;line-height:1.35;}.product-card em{display:block;padding:0 14px 16px;color:var(--green-dark);font-style:normal;font-weight:800;}.features{text-align:center;}.features-text{max-width:900px;margin:0 auto;color:#4e5d55;font-size:17px;line-height:1.85;}.faq-section{max-width:920px;}.faq-section h2{text-align:left;}.faq-section details{margin-top:14px;border:1px solid var(--line);border-radius:8px;background:#fff;}.faq-section summary{cursor:pointer;padding:18px;font-weight:800;}.faq-section p{margin:0;padding:0 18px 18px;color:var(--muted);line-height:1.7;}.footer{padding:32px 22px;text-align:center;color:var(--muted);background:#f2f8f4;border-top:1px solid var(--line);}.footer p{max-width:960px;margin:8px auto;line-height:1.7;}@media (max-width:900px){.topbar-inner{flex-wrap:wrap;}.menu-toggle{display:inline-flex;margin-left:auto;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;}.primary-nav{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;padding-bottom:14px;}.primary-nav.open{display:flex;}.contact-link{display:none;}.category-grid,.product-grid,.quick-panels{grid-template-columns:repeat(2,minmax(0,1fr));}}@media (max-width:560px){.category-grid,.product-grid,.quick-panels,.pill-grid{grid-template-columns:1fr;}.hero{min-height:300px;}}main > section:not(.hero){content-visibility:auto;contain-intrinsic-size:650px;}.thumb{height:auto;aspect-ratio:4 / 3;object-fit:contain;object-position:center;padding:8px;background:#fff;}@media (max-width:560px){.topbar-inner{gap:12px;padding:8px 14px;}.link-strip{padding-left:14px;padding-right:14px;}.hero{padding:38px 16px;}.hero p:not(.eyebrow){font-size:17px;line-height:1.55;}.categories,.popular-products,.features,.faq-section,.quick-panels{padding:44px 14px;}.product-grid{gap:14px;}.product-card strong{min-height:0;}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}

/* PIKOBUY brand refresh: logo + top-right icon entry */
.pikobuy-logo-img{display:block;width:132px;max-width:42vw;height:auto;object-fit:contain}
.pikobuy-icon-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;border-radius:999px!important;background:#18d26e!important;border:1px solid rgba(17,18,20,.08)!important;box-shadow:0 10px 24px rgba(24,210,110,.22)!important;color:transparent!important;font-size:0!important;line-height:0!important;overflow:hidden!important}
.pikobuy-icon-link img{display:block!important;width:26px!important;height:26px!important;object-fit:contain!important;margin:0!important}
.pikobuy-icon-link:hover{transform:translateY(-1px)}
.brand .pikobuy-logo-img,.logo .pikobuy-logo-img{flex:0 0 auto}
@media (max-width:640px){.pikobuy-logo-img{width:116px}.pikobuy-icon-link{width:40px!important;height:40px!important;min-width:40px!important}.pikobuy-icon-link img{width:24px!important;height:24px!important}}

.official-pikobuy-logo{display:block!important;width:168px!important;max-width:168px!important;height:auto!important;object-fit:contain!important}@media(max-width:900px){.official-pikobuy-logo{width:132px!important;max-width:132px!important}}
:root{--piko-brand:#11c2a3;--piko-brand-dark:#073b3a}


/* Deep SEO detail pages. */
.seo-detail-page{background:#fffdf9;color:#102a28}.seo-detail-header{width:min(1120px,calc(100% - 40px));margin:20px auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid rgba(20,70,65,.14)}.seo-detail-header a{font-weight:900;color:#0b4641;text-decoration:none}.seo-detail-header nav{display:flex;gap:16px;flex-wrap:wrap}.seo-detail-main{width:min(980px,calc(100% - 40px));margin:0 auto}.seo-detail-hero{text-align:left;padding:42px 0 24px}.seo-detail-hero>p:first-child{margin:0 0 8px;color:#d96a1f;font-weight:900;text-transform:uppercase;font-size:13px;letter-spacing:.04em}.seo-detail-hero h1{margin:0;font-size:clamp(38px,5vw,64px);line-height:1.04}.seo-detail-hero p{max-width:780px;color:#4f6764;line-height:1.75}.seo-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:8px;padding:0 18px;border-radius:999px;background:#f28a38;color:#fff!important;font-weight:950;text-decoration:none}.seo-detail-main section{margin:28px 0}.seo-detail-main h2{font-size:clamp(24px,3vw,34px);margin:0 0 14px}.seo-table{width:100%;border-collapse:separate;border-spacing:0 10px}.seo-table th,.seo-table td{padding:14px 16px;border:1px solid rgba(20,70,65,.16);background:#fff;text-align:left;vertical-align:top}.seo-table th{width:28%;color:#0b4641;border-radius:12px 0 0 12px}.seo-table td{border-radius:0 12px 12px 0;color:#4f6764;line-height:1.65}.seo-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.seo-card-grid article{border:1px solid rgba(20,70,65,.16);border-radius:14px;background:#fff;padding:16px}.seo-card-grid h3{margin:0 0 8px;color:#0b4641}.seo-card-grid p{margin:0;color:#4f6764;line-height:1.65}.seo-detail-footer{width:min(980px,calc(100% - 40px));margin:44px auto 28px;padding-top:16px;border-top:1px solid rgba(20,70,65,.14);color:#617572;font-size:13px}.seo-detail-footer a{margin-right:16px;color:#d96a1f;font-weight:850;text-decoration:none}.seo-detail-footer p{line-height:1.6}@media(max-width:720px){.seo-detail-header{align-items:flex-start;flex-direction:column}.seo-card-grid{grid-template-columns:1fr}.seo-table,.seo-table tbody,.seo-table tr,.seo-table th,.seo-table td{display:block;width:100%}.seo-table th{border-radius:12px 12px 0 0}.seo-table td{border-radius:0 0 12px 12px;border-top:0}}


/* Navigation detail pages and homepage cleanup. */
.nav-detail-page{margin:0;background:#fffdf9;color:#102a28;font-family:Arial,sans-serif}.nav-detail-header{width:min(1080px,calc(100% - 36px));margin:20px auto;display:flex;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid rgba(20,70,65,.14)}.nav-detail-header a{font-weight:900;color:#0b4641;text-decoration:none}.nav-detail-header nav{display:flex;gap:16px;flex-wrap:wrap}.nav-detail-main{width:min(960px,calc(100% - 36px));margin:0 auto}.nav-detail-hero{padding:38px 0 24px}.nav-detail-hero>p:first-child{color:#d96a1f;font-size:13px;font-weight:900;text-transform:uppercase}.nav-detail-hero h1{margin:0;font-size:clamp(38px,5vw,62px);line-height:1.05}.nav-detail-hero p{max-width:780px;color:#516763;line-height:1.75}.nav-detail-hero a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:999px;background:#f28a38;color:#fff!important;text-decoration:none;font-weight:900}.nav-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0 40px}.nav-detail-grid article{padding:18px;border:1px solid rgba(20,70,65,.16);border-radius:14px;background:#fff}.nav-detail-grid h2{margin:0 0 8px;font-size:20px}.nav-detail-grid p{margin:0;color:#516763;line-height:1.65}.nav-detail-footer{width:min(960px,calc(100% - 36px));margin:36px auto 28px;padding-top:16px;border-top:1px solid rgba(20,70,65,.14);color:#637572;font-size:13px}.nav-detail-footer a{margin-right:16px;color:#d96a1f;font-weight:850;text-decoration:none}.nav-detail-footer p{line-height:1.6}@media(max-width:760px){.nav-detail-header{flex-direction:column}.nav-detail-grid{grid-template-columns:1fr}}


/* 2026-07-30 readable independent guide pages */
body.seo-detail-page,body.nav-detail-page{
  margin:0!important;
  background:linear-gradient(180deg,#f2fffb 0,#fffdf8 52%,#ffffff 100%)!important;
  color:#102a28!important;
  font-family:Inter,Arial,sans-serif!important;
  line-height:1.7!important;
}
.seo-detail-header,.nav-detail-header{
  width:min(1120px,calc(100% - 36px))!important;
  min-height:68px!important;
  margin:18px auto 0!important;
  padding:12px 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  background:rgba(255,255,255,.92)!important;
  border:1px solid rgba(17,194,163,.22)!important;
  border-radius:14px!important;
  box-shadow:0 14px 34px rgba(5,86,78,.08)!important;
}
.seo-detail-header>a,.nav-detail-header>a{font-weight:950!important;color:#073b3a!important;text-decoration:none!important}
.seo-detail-header nav,.nav-detail-header nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:16px!important;flex-wrap:wrap!important}
.seo-detail-header nav a,.nav-detail-header nav a{color:#24615b!important;text-decoration:none!important;font-weight:800!important}
.seo-detail-main,.nav-detail-main{
  width:min(1040px,calc(100% - 36px))!important;
  margin:0 auto!important;
  padding:32px 0 20px!important;
}
.seo-detail-hero,.nav-detail-hero{
  margin:0 auto 28px!important;
  padding:46px clamp(22px,5vw,64px)!important;
  text-align:center!important;
  background:linear-gradient(135deg,#ffffff 0%,#f0fffa 58%,#fff4ea 100%)!important;
  border:1px solid rgba(17,194,163,.22)!important;
  border-radius:18px!important;
  box-shadow:0 20px 48px rgba(5,86,78,.1)!important;
}
.seo-detail-hero>p:first-child,.nav-detail-hero>p:first-child{
  margin:0 0 10px!important;color:#e67823!important;font-size:13px!important;
  font-weight:950!important;letter-spacing:.08em!important;text-transform:uppercase!important;
}
.seo-detail-hero h1,.nav-detail-hero h1{
  max-width:860px!important;margin:0 auto 16px!important;
  font-size:clamp(38px,5vw,68px)!important;line-height:1.04!important;letter-spacing:0!important;color:#0b2f2b!important;
}
.seo-detail-hero p,.nav-detail-hero p{
  max-width:820px!important;margin-left:auto!important;margin-right:auto!important;color:#4c6965!important;font-size:18px!important;
}
.seo-cta,.nav-detail-hero a{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:46px!important;margin-top:10px!important;padding:0 22px!important;border-radius:999px!important;
  background:#f28a38!important;color:#fff!important;text-decoration:none!important;font-weight:950!important;
  box-shadow:0 10px 24px rgba(242,138,56,.22)!important;
}
.seo-detail-main>section:not(.seo-detail-hero),.nav-detail-main>section:not(.nav-detail-hero){
  margin:24px auto!important;padding:26px!important;background:#fff!important;
  border:1px solid rgba(17,194,163,.18)!important;border-radius:16px!important;
  box-shadow:0 14px 34px rgba(5,86,78,.07)!important;
}
.seo-detail-main h2,.nav-detail-main h2{margin:0 0 16px!important;color:#073b3a!important;font-size:clamp(25px,3vw,38px)!important;line-height:1.15!important}
.seo-detail-main h3,.nav-detail-main h3{color:#0b5049!important}
.seo-detail-main p,.nav-detail-main p{color:#4f6764!important}
.seo-table{width:100%!important;border-collapse:separate!important;border-spacing:0 10px!important}
.seo-table th,.seo-table td{padding:15px 16px!important;background:#f9fffd!important;border:1px solid rgba(17,194,163,.2)!important;text-align:left!important;vertical-align:top!important}
.seo-table th{width:27%!important;border-radius:12px 0 0 12px!important;color:#073b3a!important}
.seo-table td{border-radius:0 12px 12px 0!important;color:#4f6764!important}
.seo-card-grid,.nav-detail-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
.seo-card-grid article,.nav-detail-grid article{
  padding:20px!important;background:#f9fffd!important;border:1px solid rgba(17,194,163,.2)!important;border-radius:14px!important;box-shadow:none!important
}
.seo-detail-footer,.nav-detail-footer{
  width:min(1040px,calc(100% - 36px))!important;margin:26px auto 34px!important;padding:20px 24px!important;
  background:#fff8f0!important;border:1px solid rgba(242,138,56,.24)!important;border-radius:14px!important;color:#5d6f6b!important;text-align:center!important;
}
.seo-detail-footer a,.nav-detail-footer a{display:inline-flex!important;margin:4px 8px!important;color:#d96a1f!important;font-weight:900!important;text-decoration:none!important}
@media(max-width:760px){
  .seo-detail-header,.nav-detail-header{align-items:flex-start!important;flex-direction:column!important;border-radius:12px!important}
  .seo-detail-main,.nav-detail-main{width:min(100% - 24px,1040px)!important;padding-top:18px!important}
  .seo-detail-hero,.nav-detail-hero{padding:32px 18px!important}
  .seo-detail-hero h1,.nav-detail-hero h1{font-size:clamp(32px,10vw,46px)!important}
  .seo-detail-main>section:not(.seo-detail-hero),.nav-detail-main>section:not(.nav-detail-hero){padding:18px!important}
  .seo-card-grid,.nav-detail-grid{grid-template-columns:1fr!important}
  .seo-table,.seo-table tbody,.seo-table tr,.seo-table th,.seo-table td{display:block!important;width:100%!important}
  .seo-table th{border-radius:12px 12px 0 0!important}
  .seo-table td{border-top:0!important;border-radius:0 0 12px 12px!important}
}


/* 2026-07-30 final department/product alignment */
.categories .category-grid a{min-height:92px!important}
.categories .category-grid img{width:34px!important;height:34px!important;object-fit:contain!important}
.products .product-grid a,.product-card{cursor:pointer}
.product-card img,.product-image img{object-fit:contain!important;background:#fff!important}


/* 2026-07-31 competitor gap SEO content blocks */
.seo-gap-section{margin:26px auto!important;padding:28px!important;background:#fff!important;border:1px solid rgba(17,194,163,.2)!important;border-radius:16px!important;box-shadow:0 14px 34px rgba(5,86,78,.07)!important}
.seo-gap-section h2{margin:0 0 12px!important;color:#073b3a!important;font-size:clamp(24px,3vw,36px)!important;line-height:1.14!important}
.seo-gap-section>p{max-width:860px!important;color:#4f6764!important;line-height:1.75!important}
.seo-gap-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin-top:18px!important}
.seo-gap-grid article{padding:18px!important;background:#f8fffc!important;border:1px solid rgba(17,194,163,.18)!important;border-radius:14px!important}
.seo-gap-grid h3{margin:0 0 8px!important;color:#0b5049!important}.seo-gap-grid p{margin:0!important;color:#4f6764!important;line-height:1.65!important}
@media(max-width:760px){.seo-gap-section{padding:18px!important}.seo-gap-grid{grid-template-columns:1fr!important}}


/* 2026-07-31 crawl path internal links */
.crawl-paths{width:min(1120px,calc(100% - 36px));margin:28px auto;padding:20px 22px;background:#fff;border:1px solid rgba(17,194,163,.18);border-radius:14px;box-shadow:0 12px 28px rgba(5,86,78,.06)}
.crawl-paths h2{margin:0 0 12px;color:#073b3a;font-size:clamp(20px,2.4vw,28px)}
.crawl-paths nav{display:flex;flex-wrap:wrap;gap:9px}
.crawl-paths a{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border:1px solid rgba(17,194,163,.2);border-radius:999px;background:#f8fffc;color:#0b5c53;text-decoration:none;font-weight:850;font-size:14px}
.crawl-paths a:hover{background:#eafff8}
@media(max-width:640px){.crawl-paths{padding:16px}.crawl-paths nav{display:grid;grid-template-columns:1fr}.crawl-paths a{justify-content:center}}