/* ============================================================================
   GPI Inner Pages — shared design system
   Rebuilt to match the original GPI site (gpi-core.css tokens):
     teal #0e7c86 · navy #0b1f2a · blue #2f6df0 / #14507a · ink #243b53
   Used by: /small-pet-business/ (277667) and /sourcing/ (277668)
   ============================================================================ */
.gpi-ip{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#243b53;}
.gpi-ip *{box-sizing:border-box;}
.gpi-ip a{text-decoration:none;}
.gpi-ip img{max-width:100%;}

/* ---------- HIDE Blocksy default elements on our inner pages ---------- */
.page-id-277667 .entry-title,
.page-id-277668 .entry-title,
.page-id-277721 .entry-title{display:none!important;}

.page-id-277667 .hero-section,
.page-id-277668 .hero-section,
.page-id-277721 .hero-section{display:none!important;}

/* every ancestor that could clip the 100vw breakout must be overflow-visible + no padding */
.page-id-277667 .entry-content,
.page-id-277668 .entry-content,
.page-id-277721 .entry-content,
.page-id-277667 .site-main,
.page-id-277668 .site-main,
.page-id-277721 .site-main,
.page-id-277667 .content-area,
.page-id-277668 .content-area,
.page-id-277721 .content-area,
.page-id-277667 .ct-container-full,
.page-id-277668 .ct-container-full,
.page-id-277721 .ct-container-full,
.page-id-277667 .ct-container,
.page-id-277668 .ct-container,
.page-id-277721 .ct-container{padding-top:0!important;margin-top:0!important;overflow:visible!important;max-width:none!important;padding-left:0!important;padding-right:0!important;}

/* the inner wrapper itself */
.page-id-277667 .gpi-ip,
.page-id-277668 .gpi-ip,
.page-id-277721 .gpi-ip{overflow:visible!important;max-width:none!important;width:100%;}

/* ---------- Flush dark hero (true full-width) ---------- */
.gpi-page-hero{position:relative;width:100vw;left:50%;margin-left:-50vw;margin-top:0;background:linear-gradient(135deg,#0e7c86 0%,#14507a 55%,#0b1f2a 100%);color:#fff;padding:42px 24px 34px;overflow:hidden;text-align:center;}
.admin-bar .gpi-page-hero{padding-top:76px;}
.gpi-page-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 18%,rgba(47,109,240,.30),transparent 42%),radial-gradient(circle at 88% 82%,rgba(14,160,170,.26),transparent 44%);pointer-events:none;}
.gpi-page-hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(180deg,transparent,#000 22%,#000 72%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 22%,#000 72%,transparent);pointer-events:none;}
.gpi-page-hero-inner{position:relative;z-index:2;max-width:1080px;margin:0 auto;display:flex;flex-direction:column;align-items:center;}
.gpi-page-hero .gpi-eyebrow{color:rgba(255,255,255,.85);background:rgba(255,255,255,.12);padding:6px 14px;border-radius:20px;letter-spacing:1.4px;font-size:12px;font-weight:800;text-transform:uppercase;}
.gpi-page-hero h1{color:#fff;font-size:clamp(30px,5vw,52px);font-weight:900;letter-spacing:-1px;line-height:1.08;margin:14px 0 16px;}
.gpi-page-hero .gpi-hero-sub{color:rgba(255,255,255,.92);font-size:clamp(15px,2vw,18px);line-height:1.75;max-width:760px;margin:0 auto 26px;}
.gpi-page-hero .gpi-hero-sub strong{color:#ffd874;font-weight:700;}
.gpi-hero-ctas{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-bottom:6px;}
.gpi-hero-stats{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:32px;padding:16px 22px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:880px;width:100%;}
.gpi-hero-stats .gpi-stat{flex:1 1 0;min-width:110px;text-align:center;}
.gpi-hero-stats .gpi-stat b{display:block;font-size:clamp(22px,3vw,30px);font-weight:900;color:#fff;line-height:1;}
.gpi-hero-stats .gpi-stat span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:rgba(255,255,255,.82);margin-top:8px;}

/* Hero storefront gallery: auto-scrolling carousel of clickable Yiwu booth photos */
.gpi-hero-gallery{position:relative;margin-top:32px;padding:18px 22px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 14px 34px rgba(0,0,0,.22);width:100%;max-width:920px;overflow:hidden;}
.gpi-hero-gallery::before,.gpi-hero-gallery::after{content:"";position:absolute;top:0;bottom:0;width:46px;z-index:3;pointer-events:none;}
.gpi-hero-gallery::before{left:0;background:linear-gradient(90deg,rgba(11,31,42,.55),transparent);}
.gpi-hero-gallery::after{right:0;background:linear-gradient(270deg,rgba(11,31,42,.55),transparent);}
.gpi-hero-gallery-track{display:flex;width:max-content;animation:gpi-hero-scroll 42s linear infinite;}
.gpi-hero-gallery:hover .gpi-hero-gallery-track{animation-play-state:paused;}
.gpi-hero-gallery-group{display:flex;gap:14px;padding-right:14px;}
.gpi-hero-gallery-item{flex:0 0 196px;display:block;border-radius:12px;overflow:hidden;aspect-ratio:16/10;background:#0b1f2a;border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 22px rgba(0,0,0,.22);transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;z-index:2;}
.gpi-hero-gallery-item:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(0,0,0,.32);border-color:rgba(255,255,255,.45);}
.gpi-hero-gallery-item img{width:100%;height:100%;object-fit:cover;display:block;}
@keyframes gpi-hero-scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media(max-width:767px){.gpi-hero-gallery{padding:14px;}.gpi-hero-gallery-item{flex-basis:150px;}}
@media(prefers-reduced-motion:reduce){.gpi-hero-gallery-track{animation:none;}}

/* ---------- Buttons ---------- */
.gpi-btn{display:inline-block;padding:13px 28px;border-radius:10px;font-weight:700;font-size:15px;cursor:pointer;border:2px solid transparent;transition:background .15s,transform .15s,border-color .15s,color .15s;}
.gpi-btn-primary{background:#fff;color:#0b1f2a;}
.gpi-btn-primary:hover{background:#eaf2fb;transform:translateY(-1px);}
.gpi-btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.7);}
.gpi-btn-ghost:hover{background:rgba(255,255,255,.14);}
.gpi-btn-outline{background:#fff;color:#0e7c86;border-color:#0e7c86;}
.gpi-btn-outline:hover{background:#eafafb;}
.gpi-btn-teal{background:#0e7c86;color:#fff;}
.gpi-btn-teal:hover{background:#0a646d;}

/* ---------- Section + headings ---------- */
.gpi-section{max-width:1200px;margin:0 auto;padding:50px 24px;}
.gpi-section.gpi-section-tight{padding-top:30px;}
.gpi-band-head{margin-bottom:18px;}
.gpi-eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:#0e7c86;margin-bottom:8px;}
.gpi-sec-title{font-size:clamp(22px,3vw,30px);font-weight:800;color:#102a43;margin:0;letter-spacing:-.3px;}
.gpi-sec-sub{color:#486581;font-size:15px;margin:6px 0 0;max-width:680px;line-height:1.6;}
.gpi-lead{color:#33415c;font-size:16px;line-height:1.75;max-width:860px;margin:0 0 28px;}
.gpi-lead strong{color:#102a43;}
.gpi-note{margin-top:18px;font-size:14px;color:#486581;}
.gpi-note a{color:#2b6cb0;font-weight:700;}

/* ---------- Generic card grids ---------- */
.gpi-grid{display:grid;gap:20px;}
.gpi-grid-2{grid-template-columns:repeat(2,1fr);}
.gpi-grid-3{grid-template-columns:repeat(3,1fr);}
.gpi-grid-4{grid-template-columns:repeat(4,1fr);}
.gpi-card{background:#fff;border:1px solid #e4e7eb;border-radius:14px;padding:26px;transition:transform .18s,box-shadow .18s,border-color .18s;}
.gpi-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(11,31,42,.12);border-color:#0e7c86;}
.gpi-card .gpi-card-ic{font-size:30px;display:block;margin-bottom:12px;line-height:1;}
.gpi-card h3{font-size:18px;color:#102a43;margin:0 0 8px;line-height:1.3;}
.gpi-card p{color:#486581;font-size:14.5px;line-height:1.6;margin:0 0 16px;}
.gpi-card .gpi-tag{display:inline-block;background:#eafafb;color:#0e7c86;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;margin-bottom:14px;}
.gpi-card .gpi-card-link{font-weight:700;color:#0e7c86;font-size:14px;}
.gpi-card .gpi-card-link::after{content:" →";}

/* ---------- COUNTRY COLOR BLOCKS ---------- */
.gpi-cb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:14px;margin-top:20px;}
.gpi-cb{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-height:108px;padding:16px 16px 14px;border-radius:14px;color:#fff;text-decoration:none;overflow:hidden;transition:transform .18s,box-shadow .18s,filter .18s;}
.gpi-cb:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(11,31,42,.24);filter:brightness(1.07);}
.gpi-cb::after{content:"";position:absolute;right:-26px;bottom:-26px;width:86px;height:86px;border-radius:50%;background:rgba(255,255,255,.10);}
.gpi-cb-flag{width:36px;height:23px;border-radius:4px;object-fit:cover;box-shadow:0 1px 5px rgba(0,0,0,.28);background:#fff;position:relative;z-index:2;}
.gpi-cb-name{font-weight:700;font-size:15px;line-height:1.2;position:relative;z-index:2;}
.gpi-cb-count{font-size:12.5px;opacity:.85;position:relative;z-index:2;}

/* ---------- Yiwu gallery ---------- */
.gpi-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;}
.gpi-gallery-item{background:#fff;border:1px solid #e4e7eb;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s;text-decoration:none;}
.gpi-gallery-item:hover{transform:translateY(-3px);border-color:#0e7c86;box-shadow:0 12px 26px rgba(14,124,134,.15);}
.gpi-gallery-img{width:100%;height:180px;object-fit:cover;display:block;background:#f1f5f9;}
.gpi-gallery-ph{width:100%;height:180px;background:linear-gradient(135deg,#eef2f7,#dfe7f1);display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:13px;}
.gpi-gallery-meta{padding:12px 14px;display:flex;flex-direction:column;gap:3px;}
.gpi-gallery-meta strong{color:#102a43;font-size:14.5px;}
.gpi-gallery-sub{font-size:12.5px;color:#7a8699;}
.gpi-empty{background:#f6f8fb;border:2px dashed #cbd5e1;border-radius:14px;padding:46px 30px;text-align:center;}
.gpi-empty .gpi-empty-ic{font-size:40px;}
.gpi-empty h3{color:#102a43;margin:10px 0 6px;}
.gpi-empty p{color:#55617a;max-width:620px;margin:0 auto 20px;line-height:1.6;}

/* ---------- How-it-works steps ---------- */
.gpi-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;}
.gpi-step{background:#fff;border:1px solid #e4e7eb;border-radius:12px;padding:24px;text-align:center;}
.gpi-step .gpi-step-n{width:44px;height:44px;background:#0e7c86;color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:12px;}
.gpi-step h4{color:#102a43;margin:0 0 8px;font-size:16px;}
.gpi-step p{color:#486581;font-size:14px;line-height:1.55;margin:0;}

/* ---------- CTA banner ---------- */
.gpi-cta{background:linear-gradient(135deg,#f3f9fb,#eafafb);border:2px solid #cdeef0;border-radius:18px;padding:42px;text-align:center;margin-top:8px;}
.gpi-cta h3{color:#102a43;margin:0 0 8px;font-size:23px;}
.gpi-cta p{color:#486581;margin:0 auto 20px;max-width:600px;line-height:1.6;}

/* ---------- Dark highlight strip (Yiwu) ---------- */
.gpi-highlight{background:linear-gradient(135deg,#0b1f2a,#0e7c86);border-radius:16px;padding:34px;color:#fff;display:flex;align-items:center;gap:28px;flex-wrap:wrap;justify-content:space-between;}
.gpi-highlight .gpi-hl-icon{font-size:42px;line-height:1;flex-shrink:0;}
.gpi-highlight h3{color:#fff;margin:0 0 6px;font-size:22px;}
.gpi-highlight p{color:rgba(255,255,255,.88);margin:0;max-width:640px;line-height:1.65;font-size:14.5px;}

/* ---------- RFQ form ---------- */
.gpi-rfq{background:#fff;border:1px solid #e4e7eb;border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:14px;box-shadow:0 2px 10px rgba(0,0,0,.04);}
.gpi-rfq-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.gpi-rfq label{display:flex;flex-direction:column;font-size:13.5px;font-weight:600;color:#445;gap:6px;}
.gpi-rfq input,.gpi-rfq select,.gpi-rfq textarea{padding:11px 13px;border:1px solid #cbd5e1;border-radius:9px;font-size:15px;font-family:inherit;color:#1a1a2e;background:#fff;}
.gpi-rfq textarea{min-height:120px;resize:vertical;line-height:1.6;}
.gpi-rfq input:focus,.gpi-rfq select:focus,.gpi-rfq textarea:focus{outline:none;border-color:#0e7c86;box-shadow:0 0 0 3px rgba(14,124,134,.14);}
.gpi-rfq-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.gpi-rfq-msg{font-size:14px;font-weight:700;}
.gpi-rfq-msg.ok{color:#16a34a;}
.gpi-rfq-msg.err{color:#dc2626;}

/* ---------- Bottom nav now uses homepage gpi_footer_nav ---------- */
/* (styles live in gpi-core.css + gpi-pages.php inline full-width rules) */

/* flush bottom padding on entry-content so nav bleeds to edge */
.page-id-277721 .entry-content,
.page-id-277667 .entry-content,
.page-id-277668 .entry-content{padding-bottom:0!important;}

/* HIDE Blocksy theme footer on these pages — we use gpi_footer_nav */
.page-id-277667 #footer.ct-footer,
.page-id-277668 #footer.ct-footer,
.page-id-277721 #footer.ct-footer,
.page-id-277667 footer.ct-footer,
.page-id-277668 footer.ct-footer,
.page-id-277721 footer.ct-footer{display:none!important;}

/* also kill any whitespace the theme injects after content-area */
.page-id-277667 .content-area,
.page-id-277668 .content-area,
.page-id-277721 .content-area{padding-bottom:0!important;margin-bottom:0!important;}

/* hide theme page title on these full-bleed pages */
.page-id-277667 .entry-title,
.page-id-277668 .entry-title,
.page-id-277721 .entry-title,
.page-id-277667 .page-header,
.page-id-277668 .page-header,
.page-id-277721 .page-header{display:none!important;}

/* ensure our content wrapper has no bottom margin that creates whitespace */
.page-id-277667 .site-main,
.page-id-277668 .site-main,
.page-id-277721 .site-main{margin-bottom:0!important;}

/* ---------- FAQ accordion (polished design) ---------- */
.gpi-faq{display:flex;flex-direction:column;gap:10px;max-width:900px;margin:0 auto;}
.gpi-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:1100px;margin:0 auto;align-items:start;}
.gpi-faq-col{display:flex;flex-direction:column;gap:10px;}
.gpi-faq-item{background:#fff;border:1px solid #e4e7eb;border-radius:14px;overflow:hidden;transition:border-color .2s,box-shadow .25s,transform .2s;}
.gpi-faq-item:hover{border-color:#c5dce0;}
.gpi-faq-item[open]{border-color:#0e7c86;box-shadow:0 10px 30px rgba(14,124,134,.12);transform:translateY(-2px);}
.gpi-faq-item>summary{list-style:none;cursor:pointer;padding:20px 24px;font-weight:700;color:#102a43;font-size:16px;line-height:1.45;display:flex;justify-content:space-between;align-items:center;gap:18px;background:linear-gradient(135deg,#fafcfd,#f5f8fa);transition:background .2s;}
.gpi-faq-item>summary::-webkit-details-marker{display:none;}
.gpi-faq-item>summary::before{content:"Q";display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;min-width:30px;background:linear-gradient(135deg,#0e7c86,#0a646d);color:#fff;border-radius:8px;font-size:14px;font-weight:800;letter-spacing:0;margin-right:4px;}
.gpi-faq-item>summary::after{content:"";width:20px;height:20px;flex-shrink:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%230e7c86' stroke-width='2.2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain;transition:transform .25s cubic-bezier(.4,0,.2,1);}
.gpi-faq-item[open]>summary::after{transform:rotate(180deg);}
.gpi-faq-item[open]>summary{background:linear-gradient(135deg,#eafafb,#e0f0f2);}
.gpi-faq-a{padding:4px 24px 22px 58px;color:#486581;font-size:15px;line-height:1.78;}
.gpi-faq-a a{color:#2b6cb0;font-weight:700;}
.gpi-faq-a strong{color:#102a43;}

/* ---------- Entry band (Hero role / pillar chooser) ---------- */
.gpi-entry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:8px;}
.gpi-entry-card{background:#fff;border:1px solid #e4e7eb;border-radius:16px;padding:28px 26px;display:flex;flex-direction:column;gap:10px;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;}
.gpi-entry-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(11,31,42,.14);border-color:#0e7c86;}
.gpi-entry-card .gpi-entry-ic{font-size:34px;line-height:1;}
.gpi-entry-card h3{color:#102a43;font-size:19px;margin:0;}
.gpi-entry-card p{color:#486581;font-size:14.5px;line-height:1.6;margin:0;flex:1;}
.gpi-entry-card .gpi-entry-go{font-weight:800;color:#0e7c86;font-size:14.5px;margin-top:4px;}

/* ---------- Company Directory (Yiwu merchant listing) ---------- */
.gpi-dir-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;}
.gpi-dir-card{background:#fff;border:1px solid #e4e7eb;border-radius:14px;overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s;}
.gpi-dir-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(11,31,42,.12);border-color:#0e7c86;}
.gpi-dir-card-link{text-decoration:none;display:block;}
.gpi-dir-img{width:100%;height:200px;object-fit:cover;display:block;background:#f1f5f9;}
.gpi-dir-body{padding:16px 18px;display:flex;flex-direction:column;gap:6px;}
.gpi-dir-card h3{color:#102a43;font-size:16px;font-weight:700;margin:0;line-height:1.3;}
.gpi-dir-cat{display:inline-block;background:#eafafb;color:#0e7c86;padding:3px 10px;border-radius:12px;font-size:11.5px;font-weight:700;width:fit-content;}
.gpi-dir-loc{font-size:13px;color:#7a8699;margin:0;}
.gpi-dir-contact{font-size:12.5px;color:#486581;margin:0;}
.gpi-dir-bar .gpi-dir-chip:hover{background:#0e7c86!important;color:#fff!important;}
.gpi-dir-pagination{display:flex;justify-content:center;gap:8px;margin-top:32px;flex-wrap:wrap;}
.gpi-dir-pagination a,.gpi-dir-pagination span{padding:8px 14px;border:1px solid #e4e7eb;border-radius:9px;font-size:14px;text-decoration:none;color:#243b53;}
.gpi-dir-pagination a:hover{border-color:#0e7c86;color:#0e7c86;}
.gpi-dir-pagination .current{background:#0e7c86;color:#fff;border-color:#0e7c86;}

/* ---------- Responsive ---------- */
@media(max-width:900px){
  .gpi-grid-3,.gpi-grid-4{grid-template-columns:repeat(2,1fr);}
  .gpi-bottom-nav-inner{grid-template-columns:1fr 1fr;}
  .gpi-faq-grid{grid-template-columns:1fr;}
}
@media(max-width:600px){
  .gpi-section{padding:38px 18px;}
  .gpi-grid-2,.gpi-grid-3,.gpi-grid-4{grid-template-columns:1fr;}
  .gpi-rfq-row{grid-template-columns:1fr;}
  .gpi-page-hero{padding:52px 18px 40px;}
  .gpi-bottom-nav-inner{grid-template-columns:1fr;}
  .gpi-highlight{flex-direction:column;align-items:flex-start;}
  .gpi-cta{padding:30px 22px;}
  .gpi-faq{max-width:100%;}
  .gpi-faq-item>summary{padding:16px 18px;font-size:15px;}
  .gpi-faq-a{padding:2px 18px 18px 50px;font-size:14.5px;}
  .gpi-dir-grid{grid-template-columns:1fr 1fr;}
}

/* ============================================================================
   Sourcing page (277668) visual refresh — US B2B marketplace aesthetic
   ============================================================================ */
/* Light, confident hero with subtle depth */
.page-id-277668 .gpi-page-hero{
  background:#f8fafc;
  color:#0f172a;
  padding:56px 24px 64px;
}
.page-id-277668 .gpi-page-hero::before{
  background:radial-gradient(circle at 18% 20%,rgba(14,124,134,.10),transparent 40%),radial-gradient(circle at 82% 80%,rgba(20,80,122,.08),transparent 42%);
}
.page-id-277668 .gpi-page-hero::after{
  background-image:linear-gradient(rgba(14,124,134,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(14,124,134,.06) 1px,transparent 1px);
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 18%,#000 78%,transparent);
  mask-image:linear-gradient(180deg,transparent,#000 18%,#000 78%,transparent);
}
.page-id-277668 .gpi-page-hero .gpi-eyebrow{color:#0e7c86;background:rgba(14,124,134,.10);}
.page-id-277668 .gpi-page-hero h1{color:#0f172a;}
.page-id-277668 .gpi-page-hero .gpi-hero-sub{color:#334155;max-width:720px;}
.page-id-277668 .gpi-page-hero .gpi-hero-sub strong{color:#0e7c86;}
.page-id-277668 .gpi-hero-ctas{margin-top:4px;}
.page-id-277668 .gpi-btn-primary{background:#0e7c86;color:#fff;border-color:#0e7c86;}
.page-id-277668 .gpi-btn-primary:hover{background:#0a646d;border-color:#0a646d;}
.page-id-277668 .gpi-btn-ghost{background:#fff;color:#0e7c86;border-color:#0e7c86;}
.page-id-277668 .gpi-btn-ghost:hover{background:#eafafb;}

/* Alternating section backgrounds for rhythm */
.page-id-277668 .gpi-section{padding:64px 24px;}
.page-id-277668 .gpi-section:nth-child(even){background:#f8fafc;}
.page-id-277668 .gpi-section .gpi-band-head{margin-bottom:26px;}
.page-id-277668 .gpi-section .gpi-sec-title{position:relative;display:inline-block;padding-bottom:10px;}
.page-id-277668 .gpi-section .gpi-sec-title::after{content:"";position:absolute;left:0;bottom:0;width:48px;height:4px;background:linear-gradient(90deg,#0e7c86,#14507a);border-radius:2px;}
.page-id-277668 .gpi-section .gpi-sec-sub{color:#475569;}

/* Entry band — left-accent cards */
.page-id-277668 .gpi-entry-card{border:none;border-left:5px solid #0e7c86;box-shadow:0 4px 18px rgba(15,23,42,.07);padding:30px 28px;}
.page-id-277668 .gpi-entry-card:nth-child(2){border-left-color:#14507a;}
.page-id-277668 .gpi-entry-card .gpi-entry-ic{font-size:38px;}
.page-id-277668 .gpi-entry-card h3{font-size:20px;}
.page-id-277668 .gpi-entry-card .gpi-entry-go{font-size:15px;}

/* Sourcing model cards — colored top accents */
.page-id-277668 #gpi-src-models .gpi-card{border-top:5px solid #0e7c86;}
.page-id-277668 #gpi-src-models .gpi-card:nth-child(2){border-top-color:#14507a;}
.page-id-277668 #gpi-src-models .gpi-card:nth-child(3){border-top-color:#2f6df0;}
.page-id-277668 #gpi-src-models .gpi-card:nth-child(4){border-top-color:#f59e0b;}
.page-id-277668 #gpi-src-models .gpi-card h3{font-size:19px;}

/* Buyer & supplier cards */
.page-id-277668 #gpi-src-buyer .gpi-card,.page-id-277668 #gpi-src-supplier .gpi-card{border:none;box-shadow:0 4px 18px rgba(15,23,42,.07);border-radius:16px;}
.page-id-277668 #gpi-src-buyer .gpi-card:hover,.page-id-277668 #gpi-src-supplier .gpi-card:hover{box-shadow:0 14px 34px rgba(15,23,42,.12);}

/* RFQ form — left accent + soft background */
.page-id-277668 #gpi-src-rfq .gpi-rfq{border:none;border-left:5px solid #0e7c86;border-radius:18px;box-shadow:0 8px 30px rgba(15,23,42,.08);padding:34px;}
.page-id-277668 #gpi-src-rfq .gpi-band-head .gpi-sec-title::after{background:#0e7c86;}

/* Country blocks — slightly larger, cleaner */
.page-id-277668 #gpi-src-countries{background:#fff;}
.page-id-277668 #gpi-src-countries .gpi-cb{min-height:118px;border-radius:16px;}

/* Yiwu highlight — invert to light card */
.page-id-277668 .gpi-highlight{background:linear-gradient(135deg,#e0f2f1,#e3f2fd);color:#0f172a;border:1px solid #cfe3e4;border-radius:18px;padding:38px 42px;}
.page-id-277668 .gpi-highlight h3{color:#0f172a;}
.page-id-277668 .gpi-highlight p{color:#334155;}
.page-id-277668 .gpi-highlight .gpi-btn{background:#0e7c86;color:#fff;border-color:#0e7c86;}
.page-id-277668 .gpi-highlight .gpi-btn:hover{background:#0a646d;}

/* Steps — navy/teal numbered circles */
.page-id-277668 .gpi-step{background:#fff;border:none;box-shadow:0 4px 18px rgba(15,23,42,.06);border-radius:16px;padding:28px;}
.page-id-277668 .gpi-step .gpi-step-n{background:linear-gradient(135deg,#0e7c86,#14507a);width:48px;height:48px;font-size:16px;}

/* CTA — bold navy */
.page-id-277668 .gpi-cta{background:linear-gradient(135deg,#0b1f2a,#14507a);border:none;border-radius:18px;padding:52px 42px;}
.page-id-277668 .gpi-cta h3{color:#fff;font-size:26px;}
.page-id-277668 .gpi-cta p{color:rgba(255,255,255,.85);}
.page-id-277668 .gpi-cta .gpi-btn-teal{background:#0e7c86;color:#fff;border-color:#0e7c86;}
.page-id-277668 .gpi-cta .gpi-btn-teal:hover{background:#0a646d;}
.page-id-277668 .gpi-cta .gpi-btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.7);}
.page-id-277668 .gpi-cta .gpi-btn-outline:hover{background:rgba(255,255,255,.12);}

/* FAQ polish */
.page-id-277668 .gpi-faq-item{border-radius:16px;}
.page-id-277668 .gpi-faq-item>summary{background:#fff;}
.page-id-277668 .gpi-faq-item[open]>summary{background:linear-gradient(135deg,#eafafb,#e0f2f1);}

@media(max-width:600px){
  .page-id-277668 .gpi-page-hero{padding:46px 18px 52px;}
  .page-id-277668 .gpi-section{padding:46px 18px;}
  .page-id-277668 .gpi-highlight,.page-id-277668 .gpi-cta{padding:28px 22px;}
}