:root{
--orange:#ff8a21;
--orange-dark:#ee7510;
--ink:#151515;
--muted:#5f6670;
--soft:#fafafa;
--cream:#fff2e2;
--cream2:#fbefe2;
--line:#e9e9e9;
--container:960px;
--wide:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;font-size:16px;line-height:1.72}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto;display:block}
.container{width:min(calc(100% - 36px),var(--wide));margin-inline:auto}
.compact-layout{width:min(calc(100% - 36px),1140px);margin-inline:auto}
.narrow-layout{width:min(calc(100% - 36px),1140px);margin-inline:auto}
.button,.header-cta,.contact-form button,.ebook-form button{
display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:9px 24px;border-radius:999px;border:1px solid var(--orange);background:var(--orange);color:#fff;font-weight:700;font-size:13px;line-height:1;transition:.18s
}
.button:hover,.header-cta:hover,.contact-form button:hover,.ebook-form button:hover{background:var(--orange-dark);border-color:var(--orange-dark);transform:translateY(-1px)}
.button-outline{background:#fff;color:var(--orange);border-color:var(--orange)}
.button-outline:hover{color:#fff}
h1,h2,h3{margin:0 0 15px;color:#151515;line-height:1.28;font-weight:800}
h1{font-size:30px;letter-spacing:-.02em}
h2{font-size:24px;letter-spacing:-.015em}
h3{font-size:16px}
p{margin:0 0 14px;color:var(--muted)}
.site-header{position:sticky;top:0;z-index:80;background:#fff;border-bottom:1px solid rgba(0,0,0,.04)}
.admin-bar .site-header{top:32px}
.header-inner{height:62px;display:grid;grid-template-columns:168px 1fr auto;gap:26px;align-items:center}
.site-brand img{max-width:142px;max-height:40px;object-fit:contain}
.brand-fallback img{max-width:142px}
.main-nav{justify-self:end;margin-right:14px}
.main-nav ul{list-style:none;margin:0;padding:0}
.main-nav>.menu{display:flex;align-items:center;gap:25px}
.main-nav .menu-item{position:relative}
.main-nav a{font-size:13px;font-weight:650;color:#273143}
.main-nav>.menu>.menu-item>a{display:flex;align-items:center;min-height:62px}
.main-nav .menu-item-has-children>a:after{content:"";width:6px;height:6px;margin-left:7px;border-right:1.4px solid currentColor;border-bottom:1.4px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.main-nav .sub-menu{position:absolute;left:-18px;top:56px;width:225px;padding:10px;background:#fff;border:1px solid #eee;box-shadow:0 18px 45px rgba(0,0,0,.09);opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s}
.main-nav li:hover>.sub-menu,.main-nav li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.main-nav .sub-menu a{display:block;padding:9px 10px;border-radius:3px;font-size:13px}
.main-nav .sub-menu a:hover{background:#fff1e4;color:var(--orange-dark)}
.header-cta{min-height:30px;padding:7px 16px;font-size:12px}
.menu-toggle{display:none;background:transparent;border:0;width:42px;height:42px}
.menu-toggle span{display:block;width:24px;height:2px;background:#222;margin:6px auto}
/* Hero: matches screenshot centered top banner */
.home-hero{background:linear-gradient(180deg,#fff 0%,#fff7ef 42%,#ffd4a0 100%);padding:78px 0 70px;text-align:center;border-bottom:1px solid #faead7}
.hero-centered{max-width:1140px}
.hero-centered h1{font-size:30px;margin-bottom:18px}
.hero-centered p{font-size:15px;max-width:1140px;margin:0 auto 22px;color:#485166}
.hero-buttons{display:flex;justify-content:center;gap:16px;margin:0 0 13px;flex-wrap:wrap}
.hero-note{font-size:12px;color:#7c6b5b}
/* Four audience blocks: narrow, airy, alternating */
.audience-section{padding:82px 0 86px}
.audience-row{display:grid;grid-template-columns:330px 1fr;gap:68px;align-items:center;margin-bottom:90px}
.audience-row:last-child{margin-bottom:0}
.audience-row.is-reverse{grid-template-columns:1fr 330px}
.audience-row.is-reverse .audience-image{order:2}
.audience-image img{width:100%;aspect-ratio:1.36;object-fit:cover;background:#f6f6f6;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.06)}
.audience-text h2{font-size:22px;margin-bottom:9px}
.audience-text h3{font-size:15px;color:var(--orange);font-weight:700;margin-bottom:14px}
.audience-text p{font-size:14px;color:#4e5968;line-height:1.9}
.text-link{display:inline-flex;align-items:center;margin-top:8px;color:#171717;font-size:13px;font-weight:800}
.text-link:after{content:"→";margin-left:7px;color:var(--orange);transition:.2s}
.text-link:hover:after{transform:translateX(4px)}
/* Advantage area: beige, centered title, video + accordion */
.apart-section{background:linear-gradient(180deg,#fff0df 0%,#fffaf4 100%);padding:70px 0 66px}
.apart-title{text-align:center;font-size:25px;margin-bottom:54px}
.apart-showcase{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;margin-bottom:48px}
.video-card img{width:100%;border-radius:10px;box-shadow:0 15px 34px rgba(0,0,0,.13)}
.jing-accordion{background:#fff;border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.045);padding:12px}
.jing-accordion details{border-bottom:1px solid #eee}
.jing-accordion details:last-child{border-bottom:0}
.jing-accordion summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:20px 1fr 16px;gap:10px;align-items:center;padding:13px 12px;font-size:14px;font-weight:800;color:#181818}
.jing-accordion summary::-webkit-details-marker{display:none}
.jing-accordion summary span{color:#111;font-size:16px}
.jing-accordion summary i{font-style:normal;color:#888;text-align:right}
.jing-accordion p{font-size:13px;padding:0 12px 14px 42px;margin:0;color:#5d6471}
.stat-panel{border-top:1px solid #e6dccc;text-align:center;padding-top:24px}
.stat-panel h3{font-size:15px;color:var(--orange);font-weight:700;margin-bottom:18px}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1140px;margin:0 auto 24px}
.stat{background:#fff0dc;border-radius:9px;padding:13px 12px 11px}
.stat strong{display:block;color:#101010;font-size:28px;line-height:1;font-weight:800;margin-bottom:5px}
.stat span{display:block;font-size:12px;color:#485166}
.stat-button{min-height:30px;padding:8px 18px;font-size:12px}
/* Value added service area */
.value-section{padding:74px 0;background:#fff}
.section-title-center{text-align:center;max-width:640px;margin:0 auto 42px}
.section-title-center h2{font-size:25px;margin-bottom:10px}
.section-title-center p{font-size:14px;color:#5f6670}
.service-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.service-mini{background:#fff;border:1px solid #eee;border-radius:4px;overflow:hidden;box-shadow:0 7px 20px rgba(0,0,0,.035);min-height:245px}
.service-mini img{width:100%;aspect-ratio:1.55;object-fit:cover;background:#f7f7f7}
.service-mini h3{font-size:15px;text-align:center;margin:18px 14px 8px}
.service-mini p{text-align:center;color:#5f6670;font-size:12px;line-height:1.75;padding:0 14px 18px;margin:0}
.center-button{text-align:center;margin-top:30px}
/* Testimonials */
.clients-section{padding:66px 0;background:#fff;border-top:1px solid #eee}
.testimonial-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:22px}
.testimonial{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;background:#fff;border:1px solid #eee;border-top:3px solid var(--orange);padding:18px 20px;min-height:150px}
.avatar{width:42px;height:42px;border-radius:50%;background:#f5f5f5;color:var(--orange);display:grid;place-items:center;font-weight:800;border:1px solid #eee}
.testimonial h3{font-size:14px;margin:0}
.testimonial span{display:block;font-size:12px;color:#8c929b;margin-bottom:8px}
.testimonial p{font-size:12px;color:#4f5964;line-height:1.75;margin:0}
/* Ebook */
.ebook-section{padding:74px 0;background:#f5dec0}
.ebook-box{display:grid;grid-template-columns:.82fr 1.18fr;gap:52px;align-items:center}
.ebook-image img{max-height:318px;margin:auto}
.ebook-copy h2{font-size:24px;margin-bottom:12px}
.ebook-copy p{font-size:14px;color:#6a5d50}
.ebook-copy ul{display:grid;gap:8px;margin:18px 0 22px;padding:0;list-style:none}
.ebook-copy li{position:relative;padding-left:24px;color:#574f47;font-size:14px}
.ebook-copy li:before{content:"";position:absolute;left:0;top:.55em;width:10px;height:10px;border-radius:50%;background:var(--orange)}
.ebook-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:500px}
.ebook-form input{width:100%;height:34px;border:1px solid #ddd;background:#fff;padding:8px 12px;border-radius:2px;font-size:12px}
.ebook-form input[type=email]{grid-column:1/2}
.ebook-form button{border-radius:999px;min-height:34px;padding:9px 26px}
/* CTA with team-background feel */
.final-cta{background:#111 none center/cover no-repeat;color:#fff;text-align:center;padding:72px 0}
.final-cta-inner{max-width:1140px}
.final-cta h2{font-size:26px;color:#fff;margin-bottom:12px}
.final-cta p{font-size:14px;color:#eee;margin-bottom:24px}
.final-cta .button{box-shadow:0 8px 24px rgba(255,138,33,.28)}
/* Inner pages */
.page-hero{padding:70px 0;background:linear-gradient(180deg,#fff 0%,#fff7ef 45%,#ffd4a0 100%);border-bottom:1px solid #faead7;text-align:center}
.page-hero-grid{display:grid;grid-template-columns:1fr;gap:24px;align-items:center;max-width:1140px}
.page-hero p{max-width:1140px;margin:0 auto 18px;color:#536070}
.page-hero-media{display:none}
.button-row{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:20px}
.listing-section,.pricing-section,.about-section,.entry-section,.contact-section{padding:72px 0}
.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.card-grid-3{grid-template-columns:repeat(3,1fr)}
.listing-card{position:relative;min-height:180px;border:1px solid #eee;padding:28px;background:#fff;border-radius:8px;transition:.2s}
.listing-card:hover,.product-card:hover{box-shadow:0 20px 55px rgba(0,0,0,.08);transform:translateY(-4px)}
.listing-card h2{font-size:20px}
.listing-card p{font-size:13px;color:#5f6670}
.listing-card span{position:absolute;right:24px;bottom:18px;color:var(--orange);font-size:24px}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.product-card{border:1px solid #eee;background:#fff;padding:14px 14px 20px;transition:.2s;border-radius:6px}
.product-card img{width:100%;aspect-ratio:1.15;object-fit:cover;background:#f7f7f7;margin-bottom:14px;border-radius:4px}
.product-card h2{font-size:16px;text-align:center}
.product-card span{display:block;text-align:center;color:var(--orange);font-weight:800;font-size:12px}
.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.pricing-card{border:1px solid #eee;padding:34px;background:#fff;border-radius:8px}
.pricing-card.featured{background:#fff5e8;border-color:#ffc27e}
.pricing-card strong{display:block;color:var(--orange);font-size:26px;margin-bottom:14px}
.pricing-card ul{padding-left:0;list-style:none;display:grid;gap:8px}
.pricing-card li:before{content:"✓ ";color:var(--orange);font-weight:900}
.faq-list{margin-top:32px;display:grid;gap:12px}
.faq-list details{background:#fff;border:1px solid #eee;padding:18px;border-radius:6px}
.faq-list summary{cursor:pointer;font-weight:800}
.about-grid{display:grid;grid-template-columns:1fr .85fr;gap:48px}
.about-grid p{color:#5f6670;font-size:15px}
.about-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #eee;border-left:1px solid #eee}
.about-stats div{padding:22px;border-right:1px solid #eee;border-bottom:1px solid #eee}
.about-stats strong{display:block;color:var(--orange);font-size:28px}
.contact-section{background:#fff8f0}
.contact-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:52px;align-items:start}
.contact-grid>div>p{color:#5f6670;font-size:15px}
.contact-box{background:#fff;border:1px solid #eee;padding:22px;margin-top:24px}
.contact-form{background:#fff;border:1px solid #eee;padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:12px;border-radius:8px}
.contact-form input,.contact-form textarea{width:100%;min-height:40px;border:1px solid #ddd;background:#fff;padding:10px 12px;outline:0;border-radius:3px}
.contact-form textarea{grid-column:1/-1;min-height:130px}
.contact-form button{grid-column:1/-1;justify-self:start}
.form-status{grid-column:1/-1;background:#fff3df;border:1px solid #ffd49c;padding:12px}
.entry-content{font-size:16px;color:#555}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.post-card{background:#fff;border:1px solid #eee}
.post-card img{width:100%;aspect-ratio:1.35;object-fit:cover}
.post-card div{padding:20px}
.post-card h2{font-size:18px}
.single-header{padding:76px 0;background:#fff7ee;text-align:center}
.single-featured{padding-top:44px}
.single-featured img{width:100%;border-radius:3px}
.single-post .entry-content{padding:46px 0 80px}
.not-found{min-height:70vh;display:grid;place-items:center;text-align:center;padding:80px 0}
.not-found .number{font-size:120px;font-weight:800;color:var(--orange);line-height:.9}
/* Footer closer to screenshot */
.site-footer{background:#111;color:#cfcfcf;padding:58px 0 20px}
.footer-grid{display:grid;grid-template-columns:1.05fr .78fr .86fr 1fr 1.05fr;gap:32px}
.footer-brand img{max-width:148px;filter:brightness(0) invert(1)}
.footer-brand p{margin-top:18px;color:#bdbdbd;font-size:12px}
.site-footer h2{color:#fff;font-size:13px;letter-spacing:.08em;margin-bottom:15px}
.site-footer ul{margin:0;padding:0;list-style:none;display:grid;gap:7px}
.site-footer a{color:#cfcfcf}
.site-footer a:hover{color:#fff}
.site-footer li{font-size:12px;color:#cfcfcf}
.site-footer small{color:#999}
.footer-bottom{display:flex;justify-content:center;gap:20px;border-top:1px solid rgba(255,255,255,.12);padding-top:18px;margin-top:42px;font-size:11px;color:#aaa;text-align:center}
.footer-bottom p{margin:0}
.footer-bottom a{display:none}
.whatsapp-float{position:fixed;right:22px;bottom:22px;width:40px;height:40px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;font-weight:800;border:3px solid #fff;box-shadow:0 12px 28px rgba(0,0,0,.18);z-index:60}
/* Admin style used in frontend file too because admin.css is separate, harmless */
.rjl-admin .nav-tab-wrapper{display:flex;flex-wrap:wrap;margin:20px 0}.rjl-tab{display:grid;gap:18px;max-width:1180px}.rjl-section{padding:20px;border:1px solid #dcdcde;border-radius:10px;background:#fff}.rjl-section>h3{margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid #eee}.rjl-grid,.rjl-row-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rjl-field.is-wide{grid-column:1/-1}.rjl-field label{display:block;margin-bottom:6px;font-weight:600}.rjl-image-field{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.rjl-image-preview{grid-column:1/-1}.rjl-image-preview img{max-width:260px;max-height:150px;border:1px solid #ddd;margin-top:8px}.rjl-section-head{display:flex;justify-content:space-between;align-items:center}.rjl-rows{display:grid;gap:12px}.rjl-row{display:grid;grid-template-columns:24px 1fr auto;gap:12px;padding:14px;background:#f8f9fa;border:1px solid #ddd;border-radius:8px}.rjl-handle{padding-top:26px;cursor:move;color:#888}.rjl-template{display:none}
@media(max-width:1080px){
.header-inner{grid-template-columns:150px 1fr auto}.main-nav>.menu{gap:16px}.product-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:1140px){
.container,.compact-layout,.narrow-layout{width:min(calc(100% - 28px),1140px)}
.header-inner{height:64px;grid-template-columns:1fr auto}.header-cta{display:none}.menu-toggle{display:block}
.main-nav{position:fixed;top:64px;left:0;right:0;bottom:0;background:#fff;padding:18px 24px;overflow:auto;display:none}.main-nav.is-open{display:block}.main-nav>.menu{display:block}.main-nav>.menu>.menu-item>a{min-height:48px;border-bottom:1px solid #eee}.main-nav .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;width:auto;padding:0 0 0 18px;display:none}.main-nav li.is-open>.sub-menu{display:block}
.audience-row,.audience-row.is-reverse,.apart-showcase,.ebook-box,.about-grid,.contact-grid{grid-template-columns:1fr}.audience-row.is-reverse .audience-image{order:0}
.service-mini-grid,.testimonial-grid,.card-grid,.card-grid-3,.pricing-grid,.post-grid{grid-template-columns:1fr 1fr}
.contact-form{grid-template-columns:1fr}.contact-form textarea,.contact-form button{grid-column:auto}
}
@media(max-width:640px){
h1{font-size:27px}h2{font-size:22px}
.home-hero{padding:62px 0}.audience-section,.apart-section,.value-section,.clients-section,.ebook-section,.listing-section,.pricing-section,.about-section,.contact-section{padding:54px 0}
.audience-row{gap:24px;margin-bottom:58px}.apart-showcase{gap:24px}.stat-grid,.service-mini-grid,.testimonial-grid,.product-grid,.card-grid,.card-grid-3,.pricing-grid,.post-grid,.footer-grid{grid-template-columns:1fr}
.ebook-form{grid-template-columns:1fr}.ebook-form input[type=email]{grid-column:auto}.footer-bottom{display:grid}
.rjl-grid,.rjl-row-fields{grid-template-columns:1fr}.rjl-field.is-wide{grid-column:auto}.rjl-image-field{grid-template-columns:1fr}.rjl-image-preview{grid-column:auto}
}
/* ============================================================
V1.2 target service pages based on uploaded screenshots
============================================================ */
.service-detail-page{
background:#fff;
}
.service-container{
width:min(calc(100% - 36px),1140px);
margin-inline:auto;
}
.service-title{
text-align:center;
padding:54px 0 50px;
background:#fff;
}
.service-title h1{
font-size:24px;
margin:0;
}
.title-line{
display:block;
width:132px;
height:2px;
background:var(--orange);
margin:22px auto 0;
}
.plan-section{
padding:88px 0;
background:#fff;
}
.plan-section--gray{
background:#f3f3f3;
}
.plan-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:76px;
align-items:center;
}
.plan-grid--reverse{
grid-template-columns:1fr 1fr;
}
.plan-copy h2{
font-size:20px;
margin-bottom:22px;
}
.orange-title{
color:var(--orange);
}
.blue-title{
color:#1174e8;
}
.plan-copy p{
font-size:13px;
line-height:1.82;
color:#263347;
margin-bottom:18px;
}
.plan-copy .button{
margin-top:32px;
}
.blue-button{
background:#1174e8;
border-color:#1174e8;
}
.blue-button:hover{
background:#0d5ec4;
border-color:#0d5ec4;
}
.plan-visual img{
max-width:420px;
margin:auto;
}
.comparison-section{
background:#f3f3f3;
padding:62px 0 72px;
text-align:center;
}
.comparison-section h2{
font-size:20px;
margin-bottom:22px;
}
.comparison-table{
width:min(100%,430px);
margin:auto;
background:#fff;
border:1px solid #ddd;
text-align:left;
font-size:12px;
}
.comparison-row{
display:grid;
grid-template-columns:1.1fr 1fr .75fr;
}
.comparison-row > *{
padding:12px 14px;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.comparison-row > *:last-child{
border-right:0;
}
.comparison-row:last-child > *{
border-bottom:0;
}
.comparison-head{
background:#1174e8;
color:#fff;
font-weight:800;
}
.how-section{
padding:70px 0 82px;
background:#fff;
text-align:center;
}
.how-section h2{
font-size:20px;
margin-bottom:46px;
}
.how-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:40px;
text-align:left;
}
.how-step{
text-align:left;
}
.step-icon{
width:48px;
height:48px;
border-radius:50%;
display:grid;
place-items:center;
margin:0 auto 22px;
color:#111;
font-weight:800;
border:2px solid #eee;
background:#fff;
box-shadow:0 6px 20px rgba(0,0,0,.05);
}
.how-step p{
font-size:12px;
line-height:1.7;
color:#273347;
}
.service-faq{
background:#f3f3f3;
padding:62px 0 66px;
text-align:center;
}
.service-faq h2{
font-size:20px;
margin-bottom:26px;
}
.service-faq .faq-list{
width:min(100%,540px);
margin:0 auto 34px;
display:grid;
gap:8px;
}
.service-faq details{
background:#fff;
border:0;
border-radius:4px;
padding:0;
text-align:left;
}
.service-faq summary{
list-style:none;
display:grid;
grid-template-columns:18px 1fr 18px;
gap:10px;
align-items:center;
padding:13px 16px;
font-size:12px;
font-weight:800;
cursor:pointer;
}
.service-faq summary::-webkit-details-marker{
display:none;
}
.service-faq summary span{
font-size:16px;
}
.service-faq summary i{
font-style:normal;
text-align:right;
}
.service-faq details p{
padding:0 18px 14px 44px;
font-size:12px;
margin:0;
}
/* Dropshipping page */
.drop-hero{
text-align:center;
background:#fff;
padding:64px 0 70px;
}
.drop-hero h1{
font-size:25px;
margin-bottom:22px;
}
.drop-hero p{
width:min(100%,1140px);
margin:auto;
font-size:15px;
color:#3f4b5d;
}
.drop-why{
background:
linear-gradient(145deg,rgba(255,255,255,.85) 0%,rgba(255,244,232,.84) 42%,rgba(255,161,71,.88) 100%),
linear-gradient(155deg,transparent 0 38%,rgba(255,255,255,.3) 38% 44%,transparent 44% 100%);
padding:76px 0 64px;
}
.drop-container{
width:min(calc(100% - 36px),1140px);
margin:auto;
text-align:center;
}
.drop-why h2{
font-size:23px;
margin-bottom:54px;
}
.drop-card-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:22px;
margin-bottom:52px;
text-align:left;
}
.drop-card-grid article{
background:rgba(255,255,255,.82);
border-radius:8px;
padding:30px 28px;
box-shadow:0 12px 30px rgba(0,0,0,.04);
}
.drop-card-grid h3{
font-size:18px;
color:var(--orange);
margin-bottom:14px;
}
.drop-card-grid p{
font-size:13px;
line-height:1.78;
color:#465164;
}
.drop-steps{
padding:86px 0 106px;
background:#fff;
text-align:center;
}
.drop-steps h2{
font-size:23px;
}
.drop-divider{
position:relative;
width:360px;
max-width:80%;
height:34px;
margin:10px auto 48px;
}
.drop-divider:before{
content:"";
position:absolute;
left:0;
right:0;
top:50%;
border-top:4px dotted #ddd;
}
.drop-divider span{
position:relative;
z-index:1;
display:grid;
place-items:center;
width:36px;
height:36px;
margin:auto;
border-radius:50%;
border:2px solid var(--orange);
color:var(--orange);
background:#fff;
font-weight:800;
}
.drop-steps-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:70px;
align-items:center;
text-align:left;
}
.drop-steps-grid ol{
list-style:none;
margin:0;
padding:0;
display:grid;
gap:0;
}
.drop-steps-grid li{
position:relative;
display:grid;
grid-template-columns:42px 1fr;
gap:18px;
align-items:start;
padding:22px 0;
border-bottom:1px solid #eee;
font-size:15px;
color:#384456;
line-height:1.6;
}
.drop-steps-grid li span{
color:#c9c9c9;
font-size:34px;
line-height:1;
font-weight:300;
}
.drop-steps-grid img{
width:100%;
max-width:420px;
margin:auto;
}
.drop-steps .center-button{
margin-top:60px;
}
/* Photos & Designs */
.polygon-bg{
background:
linear-gradient(140deg,rgba(255,255,255,.9) 0%,rgba(255,248,240,.88) 42%,rgba(255,189,117,.78) 100%),
linear-gradient(155deg,transparent 0 36%,rgba(255,255,255,.34) 36% 44%,transparent 44% 100%);
}
.design-hero{
padding:48px 0 58px;
}
.design-hero-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:64px;
align-items:center;
}
.design-hero h1{
font-size:22px;
}
.design-hero p{
font-size:13px;
color:#2e3948;
line-height:1.76;
}
.design-steps{
padding:58px 0 66px;
background:#fff;
text-align:center;
}
.step-icon-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:44px;
text-align:left;
}
.line-icon{
width:44px;
height:44px;
border:2px solid var(--orange);
color:var(--orange);
margin:0 auto 18px;
display:grid;
place-items:center;
font-size:20px;
font-weight:800;
border-radius:4px;
}
.step-icon-grid p{
font-size:12px;
line-height:1.7;
color:#253348;
}
.design-large{
min-height:470px;
text-align:center;
padding:64px 0;
display:flex;
align-items:flex-start;
}
.design-large h2{
font-size:20px;
margin-bottom:18px;
}
.design-large p{
font-size:13px;
color:#273347;
max-width:690px;
margin:0 auto;
}
.design-large .button{
margin-top:330px;
}
.design-white{
background:#fff;
}
.design-form-section{
padding:58px 0 80px;
}
.design-form-section h2{
text-align:center;
font-size:20px;
margin-bottom:28px;
}
.design-form{
width:min(100%,1140px);
margin:auto;
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
padding:28px;
border:1px solid rgba(0,0,0,.18);
border-radius:5px;
background:rgba(255,255,255,.25);
}
.design-form label{
font-size:12px;
font-weight:600;
color:#333;
}
.design-form input,
.design-form textarea{
width:100%;
min-height:32px;
border:1px solid #dcdcdc;
border-radius:4px;
background:#fff;
padding:7px 10px;
margin-top:3px;
}
.design-form textarea{
min-height:74px;
}
.design-form .wide{
grid-column:1/-1;
}
.design-form button{
grid-column:1/-1;
justify-self:center;
min-height:30px;
padding:8px 22px;
border-radius:999px;
border:0;
background:var(--orange);
color:#fff;
font-weight:800;
}
/* Extra Services */
.extra-orange{
padding:72px 0 82px;
}
.extra-orange h2,
.extra-blue h2{
text-align:center;
font-size:21px;
margin-bottom:28px;
}
.photo-video-card{
display:grid;
grid-template-columns:1.04fr .96fr;
max-width:610px;
margin:0 auto 38px;
border-radius:10px;
overflow:hidden;
background:rgba(255,255,255,.75);
}
.photo-video-card img{
width:100%;
height:250px;
object-fit:cover;
}
.photo-video-card div{
padding:32px 28px;
}
.photo-video-card p{
font-size:13px;
color:#344052;
}
.extra-subtitle{
margin-top:64px;
}
.packaging-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:0;
max-width:1140px;
margin:0 auto 38px;
border-radius:10px;
overflow:hidden;
}
.packaging-grid article{
display:grid;
grid-template-columns:1fr 1fr;
background:rgba(255,255,255,.78);
}
.packaging-grid img{
width:100%;
height:170px;
object-fit:cover;
}
.packaging-grid div{
padding:22px 20px;
}
.packaging-grid h3{
font-size:14px;
margin-bottom:10px;
}
.packaging-grid p{
font-size:12px;
line-height:1.65;
color:#344052;
}
.extra-blue{
background:
linear-gradient(140deg,rgba(236,248,255,.94) 0%,rgba(249,253,255,.88) 48%,rgba(221,239,249,.98) 100%),
linear-gradient(155deg,transparent 0 36%,rgba(255,255,255,.38) 36% 44%,transparent 44% 100%);
padding:74px 0 96px;
}
.quality-card-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
max-width:1140px;
margin:0 auto 36px;
}
.quality-card-grid article{
background:rgba(255,255,255,.78);
border-radius:8px;
overflow:hidden;
}
.quality-card-grid img{
width:100%;
aspect-ratio:1.75;
object-fit:cover;
}
.quality-card-grid h3{
font-size:14px;
margin:18px 18px 8px;
}
.quality-card-grid p{
font-size:12px;
line-height:1.65;
color:#344052;
margin:0 18px 22px;
}
.warehouse-card{
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
align-items:center;
max-width:1140px;
margin:0 auto 30px;
}
.warehouse-card img{
border-radius:8px;
}
.warehouse-card p{
font-size:13px;
color:#344052;
}
@media(max-width:1140px){
.plan-grid,.plan-grid--reverse,.drop-steps-grid,.design-hero-grid,.photo-video-card,.warehouse-card{
grid-template-columns:1fr;
}
.plan-grid--reverse .plan-visual{
order:0;
}
.how-grid,.step-icon-grid,.quality-card-grid{
grid-template-columns:1fr 1fr;
}
.packaging-grid{
grid-template-columns:1fr;
}
}
@media(max-width:640px){
.service-title{padding:42px 0}
.plan-section{padding:54px 0}
.drop-card-grid,.how-grid,.step-icon-grid,.quality-card-grid,.packaging-grid article{
grid-template-columns:1fr;
}
.drop-why,.drop-steps,.design-steps,.extra-orange,.extra-blue{
padding:54px 0;
}
.design-large{
min-height:320px;
}
.design-large .button{
margin-top:190px;
}
.design-form{
grid-template-columns:1fr;
padding:20px;
}
.design-form .wide,
.design-form button{
grid-column:auto;
}
}
/* Service detail pages from target screenshots */
.button-blue{background:#0f78f2;border-color:#0f78f2;color:#fff}
.button-blue:hover{background:#0967d8;border-color:#0967d8}
.service-sp-head,.extra-head{padding:44px 0 38px;text-align:center;background:#fff}
.service-sp-head h1,.extra-head h1{font-size:25px}
.plan-section{padding:82px 0}
.plan-pro{background:#f3f3f3}
.plan-basic{background:#fff}
.service-plan-row{width:min(calc(100% - 36px),1140px);margin-inline:auto;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.service-plan-row.is-reverse .plan-image{order:-1}
.plan-copy h1,.plan-copy h2{font-size:22px;margin-bottom:24px}
.plan-copy h2{color:var(--orange)}
.plan-basic .plan-copy h2{color:#0f78f2}
.plan-copy p{font-size:14px;color:#2d3748;line-height:1.75;margin-bottom:20px}
.plan-copy .button{margin-top:18px;font-size:12px;min-height:31px}
.plan-image img{width:100%;max-height:330px;object-fit:contain}
.comparison-section{background:#f1f1f1;padding:72px 0;text-align:center}
.comparison-section h2{font-size:20px;margin-bottom:24px}
.plan-table{max-width:520px;margin:0 auto;border:1px solid #d7d7d7;background:#fff;text-align:left;font-size:12px}
.plan-table-row{display:grid;grid-template-columns:1.15fr 1fr 1fr;border-bottom:1px solid #d7d7d7}
.plan-table-row:last-child{border-bottom:0}
.plan-table-row span,.plan-table-row strong{padding:12px 14px;border-right:1px solid #d7d7d7}
.plan-table-row span:last-child,.plan-table-row strong:last-child{border-right:0}
.plan-table-row.head{background:#0f78f2;color:#fff;font-weight:700}
.plan-table-row.head span{background:#0f78f2}
.how-section{padding:70px 0;background:#fff;text-align:center}
.how-section h2{font-size:20px;margin-bottom:48px}
.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px}
.how-card,.design-step{text-align:left}
.how-icon,.design-icon{width:46px;height:46px;border-radius:50%;border:2px solid #eee;display:grid;place-items:center;color:var(--orange);font-weight:800;margin:0 auto 20px;background:#fff}
.how-card p,.design-step p{font-size:13px;color:#2e3746;margin:0;text-align:left}
.faq-service-section{background:#f5f5f5;padding:70px 0 76px;text-align:center}
.faq-service-section h2{font-size:20px;margin-bottom:28px}
.faq-box{max-width:1140px;margin:0 auto 34px;text-align:left}
.faq-box details{background:#fff;border-radius:7px;margin-bottom:10px}
.faq-box summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:22px 1fr 18px;gap:8px;align-items:center;padding:13px 16px;font-size:13px;font-weight:800}
.faq-box summary::-webkit-details-marker{display:none}
.faq-box summary span{font-size:16px}
.faq-box summary i{font-style:normal;color:#777;text-align:right}
.faq-box p{padding:0 16px 14px 46px;font-size:13px;margin:0}
/* Dropshipping service page */
.dropship-hero{padding:70px 0 62px;background:#fff;text-align:center}
.dropship-hero h1{font-size:26px}
.dropship-hero p{max-width:1140px;margin:0 auto;color:#3f4856;font-size:15px}
.dropship-benefits{padding:78px 0 64px;background:linear-gradient(160deg,#fff 0%,#fff5ea 40%,#ffc987 100%);text-align:center;position:relative;overflow:hidden}
.dropship-benefits:before,.design-hero:before,.design-band:before,.extra-orange:before{content:"";position:absolute;inset:0;background:linear-gradient(150deg,transparent 0 34%,rgba(255,255,255,.42) 34% 49%,transparent 49% 100%);pointer-events:none}
.dropship-benefits h2{font-size:22px;margin-bottom:54px;position:relative}
.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;position:relative}
.benefit-grid article{background:rgba(255,255,255,.82);border-radius:8px;text-align:left;padding:28px;box-shadow:0 10px 30px rgba(0,0,0,.035)}
.benefit-grid h3{font-size:17px;color:var(--orange)}
.benefit-grid p{font-size:14px;color:#3f4856}
.dropship-benefits .center-button{position:relative}
.dropship-steps{padding:86px 0 94px;background:#fff;text-align:center}
.dropship-steps h2{font-size:22px;margin-bottom:52px}
.drop-step-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-bottom:54px;text-align:left}
.drop-step-grid ol{list-style:none;margin:0;padding:0;counter-reset:drop}
.drop-step-grid li{counter-increment:drop;position:relative;padding:18px 0 18px 56px;border-bottom:1px solid #eee;color:#3e4756;font-size:15px}
.drop-step-grid li:before{content:counter(drop);position:absolute;left:0;top:13px;color:#cfcfcf;font-size:34px;font-weight:300;line-height:1}
.drop-step-grid img{width:100%;border-radius:2px}
/* Photos & Designs page */
.design-hero{position:relative;background:linear-gradient(130deg,#fff 0%,#fff3e6 58%,#ffc786 100%);padding:54px 0 62px;overflow:hidden}
.design-hero .service-plan-row{position:relative}
.design-hero .plan-copy h1{font-size:24px}
.design-steps{background:#fff;padding:62px 0;text-align:center}
.design-step{text-align:center}
.design-step p{text-align:center}
.design-icon{border-color:#ffb15e;border-radius:0;color:var(--orange)}
.design-band{position:relative;min-height:560px;padding:70px 0;text-align:center;background:linear-gradient(160deg,#fff 0%,#fff4e9 46%,#ffc987 100%);overflow:hidden}
.design-band-white{background:#fff}
.design-band h2{font-size:20px;margin-bottom:16px;position:relative}
.design-band p{max-width:1140px;margin:0 auto;color:#354052;font-size:13px;position:relative}
.design-band .button{position:absolute;left:50%;bottom:62px;transform:translateX(-50%);font-size:12px;min-height:30px}
.design-inquiry{background:linear-gradient(145deg,#fff 0%,#fff4e8 46%,#f3d7ba 100%);padding:62px 0}
.design-inquiry h2{text-align:center;font-size:20px;margin-bottom:26px}
.design-form{max-width:700px;margin:0 auto;border:1px solid rgba(0,0,0,.14);border-radius:6px;padding:20px 18px;display:grid;grid-template-columns:1fr 1fr;gap:10px;background:rgba(255,255,255,.18)}
.design-form input,.design-form textarea{width:100%;min-height:34px;border:1px solid #d9d9d9;border-radius:4px;padding:8px 10px;font-size:12px;background:#fff}
.design-form input:nth-of-type(3),.design-form input:nth-of-type(4),.design-form input:nth-of-type(5),.design-form textarea{grid-column:1/-1}
.design-form textarea{min-height:92px}
.design-form button{grid-column:1/-1;justify-self:center;border-radius:999px;border:0;background:var(--orange);color:#fff;padding:9px 22px}
/* Extra services page */
.extra-head h1{display:inline-block;border-bottom:2px solid var(--orange);padding-bottom:18px}
.extra-orange{position:relative;background:linear-gradient(145deg,#fff 0%,#fff3e7 45%,#ffe0be 100%);padding:72px 0 86px;overflow:hidden}
.extra-orange h2,.extra-blue h2{text-align:center;font-size:22px;margin-bottom:34px;position:relative}
.photo-service-card{position:relative;display:grid;grid-template-columns:1fr 1fr;max-width:1140px;margin:0 auto 34px;background:rgba(255,255,255,.78);border-radius:10px;overflow:hidden}
.photo-service-card img{width:100%;height:100%;object-fit:cover}
.photo-service-card ul{margin:0;padding:32px 34px;display:grid;gap:14px;color:#3e4855}
.photo-service-card li{font-size:14px}
.sub-title{margin-top:62px}
.packaging-grid{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;max-width:1140px;margin:0 auto 34px;background:rgba(255,255,255,.78);border-radius:10px;overflow:hidden}
.packaging-grid img{width:100%;height:100%;object-fit:cover}
.packaging-grid div{padding:24px;font-size:14px;color:#3f4856}
.packaging-grid p{font-size:14px;color:#3f4856}
.extra-blue{background:linear-gradient(150deg,#f2fbff 0%,#e6f5ff 100%);padding:80px 0 92px}
.quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:34px}
.quality-grid article{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 10px 24px rgba(0,0,0,.035)}
.quality-grid img{width:100%;aspect-ratio:1.72;object-fit:cover}
.quality-grid div{padding:20px}
.quality-grid h3{font-size:15px;text-align:center}
.quality-grid p{font-size:13px;color:#46505c}
.warehouse-row{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:1140px;margin:0 auto 32px;background:#fff;border-radius:8px;overflow:hidden}
.warehouse-row img{width:100%;height:100%;object-fit:cover}
.warehouse-row div{padding:28px}
.warehouse-row p{font-size:14px;color:#3f4856}
@media(max-width:1140px){
.service-plan-row,.drop-step-grid,.photo-service-card,.warehouse-row{grid-template-columns:1fr}
.service-plan-row.is-reverse .plan-image{order:0}
.benefit-grid,.packaging-grid,.quality-grid{grid-template-columns:1fr 1fr}
.how-grid{grid-template-columns:1fr 1fr}
.design-band{min-height:360px}
}
@media(max-width:640px){
.benefit-grid,.packaging-grid,.quality-grid,.how-grid,.design-form{grid-template-columns:1fr}
.plan-section,.comparison-section,.how-section,.faq-service-section,.dropship-benefits,.dropship-steps,.design-hero,.design-steps,.extra-orange,.extra-blue{padding:50px 0}
.plan-table-row{grid-template-columns:1fr}
.plan-table-row span,.plan-table-row strong{border-right:0;border-bottom:1px solid #ddd}
}
/* v4 Solutions detail pages */
.sol-hero{
position:relative;
padding:72px 0 76px;
background:linear-gradient(120deg,#fff 0%,#fff7ef 55%,#ffd6a6 100%);
overflow:hidden;
}
.sol-hero:after,.sol-affiliate-benefits:after,.extra-orange:after,.design-band:after{
content:"";
position:absolute;
inset:0;
background:radial-gradient(circle at 82% 40%,rgba(255,255,255,.55),transparent 28%),linear-gradient(145deg,transparent 0 42%,rgba(255,255,255,.32) 42% 55%,transparent 55%);
pointer-events:none;
}
.sol-hero-grid{
position:relative;
z-index:1;
width:min(calc(100% - 36px),1140px);
margin:auto;
display:grid;
grid-template-columns:.92fr 1.08fr;
gap:68px;
align-items:center;
}
.sol-hero h1{font-size:26px;margin-bottom:18px}
.sol-hero p{font-size:15px;color:#344056;max-width:420px;margin-bottom:28px}
.sol-hero img{width:100%;max-height:310px;object-fit:contain}
.sol-affiliate-hero{
padding:76px 0 62px;
text-align:center;
background:#fff;
}
.sol-affiliate-hero h1{font-size:30px;display:inline-block;border-bottom:2px solid var(--orange);padding-bottom:14px;margin-bottom:22px}
.sol-affiliate-hero p{font-size:15px;color:#364255;margin-bottom:30px}
.sol-affiliate-benefits{
position:relative;
padding:66px 0 58px;
background:linear-gradient(150deg,#fff 0%,#fff3e8 55%,#fae1c9 100%);
overflow:hidden;
}
.sol-affiliate-benefits h2{text-align:center;font-size:22px;margin-bottom:56px;position:relative;z-index:1}
.sol-card-grid{
position:relative;
z-index:1;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:22px;
max-width:1140px;
margin:0 auto 34px;
}
.sol-card-grid article{
background:rgba(255,255,255,.86);
border:1px solid #ddd;
border-radius:10px;
min-height:150px;
padding:26px 24px;
}
.sol-card-grid h3{font-size:16px;text-align:center;margin-bottom:18px}
.sol-card-grid p{font-size:13px;color:#344056;margin:0}
.sol-affiliate-steps{padding:58px 0 68px;text-align:center;background:#fff}
.sol-affiliate-steps h2{font-size:22px;margin-bottom:46px}
.affiliate-step-list{display:grid;gap:42px;max-width:1140px;margin:auto}
.affiliate-step-list div{text-align:center}
.affiliate-step-list span{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--orange);color:#fff;margin-bottom:10px;font-weight:800}
.affiliate-step-list h3{font-size:17px;font-weight:500;margin-bottom:12px}
.affiliate-step-list p{font-size:14px;color:#344056}
.affiliate-step-list strong{color:var(--orange)}
.sol-form-section{padding:62px 0 74px;background:#f3f3f3}
.sol-form-section h2{text-align:center;font-size:22px;margin-bottom:24px}
.solution-form{
max-width:1140px;
margin:auto;
border:1px solid #d5d5d5;
background:#fff;
border-radius:8px;
padding:20px;
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
}
.solution-form input,.solution-form textarea{
width:100%;
min-height:38px;
border:1px solid #d5d5d5;
border-radius:5px;
padding:9px 11px;
font-size:12px;
}
.solution-form input:nth-of-type(n+3),.solution-form textarea{grid-column:1/-1}
.solution-form textarea{min-height:92px}
.solution-form button{
grid-column:1/-1;
justify-self:center;
border:0;
border-radius:999px;
background:var(--orange);
color:#fff;
padding:10px 24px;
font-weight:700;
}
/* Credit payment */
.payment-terms{padding:80px 0;background:#fff}
.payment-terms h2{text-align:center;font-size:22px;margin-bottom:58px}
.payment-terms h2:after,.solution-section-line:after{
content:"";
display:block;
width:70px;
height:2px;
background:var(--orange);
margin:20px auto 0;
}
.payment-term-row{
display:grid;
grid-template-columns:1fr 1.1fr;
gap:30px;
align-items:center;
margin-bottom:54px;
}
.payment-term-row>div{
background:#f0f2ff;
border-radius:6px;
padding:34px 38px;
min-height:260px;
}
.payment-term-row h3{font-size:18px;color:var(--orange)}
.payment-term-row p,.payment-term-row li{font-size:14px;color:#344056}
.payment-term-row ul{list-style:none;padding:0;margin:22px 0}
.payment-term-row li{position:relative;padding-left:24px;margin-bottom:10px}
.payment-term-row li:before{content:"◎";position:absolute;left:0;color:var(--orange);font-weight:800}
.solution-steps-orange{padding:70px 0;background:#f3f3f3;text-align:center}
.solution-steps-orange h2{font-size:22px;margin-bottom:54px}
.solution-step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.solution-step-grid article div{
width:50px;height:50px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;margin:0 auto 20px;font-size:20px;
}
.solution-step-grid h3{font-size:14px}
.solution-step-grid p{font-size:13px;color:#344056}
.blue-solution-cta{
padding:68px 0;
background:linear-gradient(135deg,#082fc0,#061b83);
color:#fff;
text-align:center;
}
.blue-solution-cta h2{color:#fff;font-size:23px}
.blue-solution-cta p{color:#eef2ff}
.button-blue-outline{background:transparent;border-color:#fff;color:#fff}
.button-blue-outline:hover{background:#fff;color:#0b2db5}
/* Quality */
.quality-guarantee{padding:82px 0;background:#fff}
.guarantee-grid{
display:grid;
grid-template-columns:.75fr 1.25fr;
gap:28px;
align-items:center;
}
.guarantee-image{position:relative}
.guarantee-image img{width:100%;aspect-ratio:1.12;object-fit:cover}
.guarantee-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,28,85,.55))}
.guarantee-image h2{position:absolute;left:28px;bottom:28px;color:#fff;font-size:22px;z-index:1}
.guarantee-grid .lead{font-size:15px;color:#344056;margin-bottom:28px}
.guarantee-cards{display:grid;grid-template-columns:1fr 1fr;background:#f4f4f4}
.guarantee-cards article{padding:30px;border-right:2px solid #1637b3}
.guarantee-cards article:last-child{border-right:0}
.guarantee-cards h3{font-size:16px}
.guarantee-cards p{font-size:14px;color:#344056}
.inspect-section{padding:82px 0;background:#f1f4ff}
.inspect-section>div>h2{text-align:center;font-size:22px;margin-bottom:70px}
.inspect-row{display:grid;grid-template-columns:1fr .85fr;gap:72px;align-items:center;margin-bottom:82px}
.inspect-row.reverse{grid-template-columns:.85fr 1fr}
.inspect-row.reverse img{order:-1}
.inspect-row h3{font-size:20px}
.inspect-row p{font-size:14px;color:#344056}
.inspect-row img{width:100%;border-radius:2px}
/* Amazon FBA */
.fba-list{padding:70px 0;background:#fff}
.fba-row{
display:grid;
grid-template-columns:1fr 1fr;
gap:70px;
align-items:center;
padding:58px 0;
border-bottom:1px solid #eee;
}
.fba-row.reverse img{order:2}
.fba-row img{width:100%;max-height:260px;object-fit:contain}
.fba-row h2{font-size:21px}
.fba-row p,.fba-row li{font-size:14px;color:#344056}
.fba-row ul{list-style:none;padding:0;margin:18px 0}
.fba-row li{position:relative;padding-left:20px;margin-bottom:6px}
.fba-row li:before{content:"●";position:absolute;left:0;color:var(--orange);font-size:11px}
/* Shipping */
.courier-section{padding:78px 0;background:#fff;text-align:center}
.courier-section h2,.port-section h2,.door-section h2{font-size:22px}
.center-intro{max-width:1140px;margin:0 auto 48px!important;text-align:center;color:#344056}
.courier-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;text-align:left;align-items:center;margin-bottom:38px}
.courier-grid img{width:100%;max-height:280px;object-fit:contain}
.courier-grid article{margin-bottom:28px}
.courier-grid h3{font-size:15px;color:#344056;position:relative;padding-left:20px}
.courier-grid h3:before{content:"◎";position:absolute;left:0;color:var(--orange)}
.courier-grid p{font-size:13px;color:#344056}
.port-section{padding:78px 0;background:#f1f4ff;text-align:center}
.port-row{display:grid;grid-template-columns:.85fr 1.15fr;gap:34px;align-items:center;text-align:left;margin-bottom:20px}
.port-row img{width:100%;aspect-ratio:1.55;object-fit:cover}
.port-row h3{font-size:17px;color:var(--orange)}
.port-row p{font-size:14px;color:#344056}
.door-section{padding:78px 0;background:#fff;text-align:center}
.door-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:34px}
.door-grid article{border:1px solid #233e9d;padding:36px 34px}
.door-grid h3{font-size:17px;color:var(--orange)}
.door-grid p{font-size:14px;color:#344056}
.consolidation-section{padding:70px 0;background:#f1f4ff}
.consolidation-section .warehouse-row{background:transparent}
/* Product development */
.development-timeline{padding:92px 0;background:#fff;position:relative}
.development-timeline .compact-layout{position:relative}
.development-timeline .compact-layout:before{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:2px dashed #e4e4e4}
.dev-step{
position:relative;
display:grid;
grid-template-columns:1fr 1fr;
gap:46px;
align-items:center;
background:#f2f2f2;
margin:0 auto 70px;
padding:40px;
}
.dev-step.reverse img{order:2}
.dev-step img{width:100%;aspect-ratio:1.65;object-fit:cover;border-radius:4px}
.dev-step span{display:block;position:absolute;top:32px;left:50%;transform:translateX(-10%);font-size:70px;line-height:1;color:#fff;font-weight:800;z-index:0}
.dev-step h2,.dev-step p{position:relative;z-index:1}
.dev-step h2{font-size:22px}
.dev-step p{font-size:14px;color:#344056}
/* Private label */
.private-logo-section{padding:82px 0;background:#fff;text-align:center}
.private-logo-section h2,.packaging-options h2,.why-private h2{text-align:center;font-size:22px}
.private-logo-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center;text-align:left;margin-top:56px}
.private-logo-grid img{width:100%}
.private-logo-grid article{margin-bottom:30px}
.private-logo-grid h3{font-size:16px;position:relative;padding-left:22px}
.private-logo-grid h3:before{content:"◎";position:absolute;left:0;color:var(--orange)}
.private-logo-grid p{font-size:14px;color:#344056}
.packaging-options{padding:78px 0;background:#fff1e0}
.packaging-row{
display:grid;
grid-template-columns:1fr .85fr;
gap:70px;
align-items:center;
border-bottom:1px solid #e2cdb8;
padding:46px 0;
}
.packaging-row:last-child{border-bottom:0}
.packaging-row h3{font-size:17px;color:var(--orange)}
.packaging-row p{font-size:14px;color:#344056}
.packaging-row img{width:100%;border-radius:7px}
.why-private{padding:82px 0;background:#fff;text-align:center}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:48px auto 32px;max-width:1140px;text-align:left}
.why-grid article{background:#f3f3f3;border-radius:7px;padding:28px}
.why-grid h3{font-size:16px}
.why-grid p{font-size:13px;color:#344056}
@media(max-width:1140px){
.sol-hero-grid,.payment-term-row,.guarantee-grid,.inspect-row,.inspect-row.reverse,.fba-row,.courier-grid,.port-row,.private-logo-grid,.packaging-row,.dev-step{grid-template-columns:1fr}
.fba-row.reverse img,.inspect-row.reverse img,.dev-step.reverse img{order:0}
.sol-card-grid{grid-template-columns:1fr 1fr}
.solution-step-grid,.door-grid,.why-grid,.guarantee-cards{grid-template-columns:1fr 1fr}
.development-timeline .compact-layout:before{display:none}
}
@media(max-width:640px){
.sol-card-grid,.solution-step-grid,.door-grid,.why-grid,.guarantee-cards,.solution-form{grid-template-columns:1fr}
.solution-form input:nth-of-type(n+3),.solution-form textarea{grid-column:auto}
.sol-hero,.payment-terms,.quality-guarantee,.inspect-section,.fba-list,.courier-section,.port-section,.door-section,.development-timeline,.private-logo-section,.packaging-options,.why-private{padding:52px 0}
.dev-step{padding:26px}
.dev-step span{position:static;transform:none;font-size:48px;color:#fff}
}
/* v5 Products page */
.products-compact{width:min(calc(100% - 36px),1140px);margin-inline:auto}
.products-hero{
position:relative;
background:linear-gradient(120deg,#fff 0%,#fff7ef 55%,#ffd6a6 100%);
padding:70px 0 72px;
overflow:hidden;
}
.products-hero:after,.products-more-box:after,.products-orange-cta:after{
content:"";
position:absolute;
inset:0;
background:radial-gradient(circle at 88% 38%,rgba(255,255,255,.55),transparent 28%),linear-gradient(145deg,transparent 0 42%,rgba(255,255,255,.25) 42% 55%,transparent 55%);
pointer-events:none;
}
.products-hero-grid{
position:relative;
z-index:1;
width:min(calc(100% - 36px),1140px);
margin:auto;
display:grid;
grid-template-columns:.9fr 1.1fr;
gap:70px;
align-items:center;
}
.products-hero h1{font-size:32px;margin-bottom:15px}
.products-hero p{font-size:14px;color:#39445a;margin-bottom:28px}
.products-hero img{width:100%;max-height:310px;object-fit:contain}
.product-category-section{padding:76px 0 78px;background:#fff}
.products-section-title{text-align:center;margin-bottom:58px}
.products-section-title h2{font-size:25px;color:var(--orange);margin-bottom:12px}
.products-section-title p{font-size:13px;color:#39445a}
.products-category-grid{
display:grid;
grid-template-columns:repeat(5,1fr);
border-top:1px solid #d8d8d8;
border-left:1px solid #d8d8d8;
max-width:1140px;
margin:0 auto 64px;
}
.products-category-cell{
min-height:112px;
display:grid;
place-items:center;
align-content:center;
gap:9px;
border-right:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
color:#303b4f;
transition:.18s;
}
.products-category-cell:hover{background:#fff7ef;color:var(--orange)}
.products-category-icon{
width:34px;
height:34px;
display:grid;
place-items:center;
font-size:24px;
color:#767676;
filter:grayscale(1);
line-height:1;
}
.products-category-cell strong{
font-size:13px;
font-weight:500;
text-align:center;
line-height:1.35;
max-width:96px;
}
.products-more-box{
position:relative;
overflow:hidden;
width:min(100%,1140px);
margin:auto;
background:#f2e8dc;
border-radius:5px;
min-height:140px;
display:flex;
align-items:center;
justify-content:space-between;
gap:30px;
padding:34px 42px;
}
.products-more-box>div,.products-more-box>a{position:relative;z-index:1}
.products-more-box h3{font-size:15px;margin-bottom:12px}
.products-more-box p{font-size:12px;color:#202a3a;max-width:420px;margin:0}
.products-solutions-section{padding:78px 0 76px;background:#f3f3f3}
.products-solution-row{
display:grid;
grid-template-columns:1fr 1fr;
gap:76px;
align-items:center;
padding:36px 0 48px;
}
.products-solution-row.reverse img{order:-1}
.products-solution-row h3{font-size:17px;margin-bottom:18px}
.products-solution-row p{font-size:13px;color:#344056;line-height:1.8}
.products-solution-row img{
width:100%;
max-height:310px;
object-fit:contain;
border-radius:6px;
}
.products-alibaba-section{padding:82px 0 66px;background:#fff;text-align:center}
.products-alibaba-section h2{font-size:20px;color:var(--orange);margin-bottom:50px}
.products-alibaba-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
text-align:left;
max-width:1140px;
margin:0 auto;
}
.products-alibaba-grid details{
background:#f7f7f7;
border:1px solid #eee;
}
.products-alibaba-grid summary{
cursor:pointer;
list-style:none;
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
padding:14px 18px;
color:#ff8a21;
font-size:13px;
font-weight:700;
}
.products-alibaba-grid summary::-webkit-details-marker{display:none}
.products-alibaba-grid summary span{color:#111;font-size:18px}
.products-alibaba-grid p{
border-top:1px solid #e8e8e8;
padding:16px 18px;
margin:0;
font-size:12px;
color:#344056;
line-height:1.75;
}
.products-report-section{padding:68px 0 82px;background:#fff}
.products-report-grid{
display:grid;
grid-template-columns:190px 1fr 280px;
gap:32px;
align-items:center;
}
.products-report-grid>img{
width:160px;
justify-self:center;
}
.products-report-grid h2{
color:var(--orange);
font-size:18px;
margin-bottom:12px;
}
.products-report-grid p{
font-size:13px;
color:#344056;
margin:0;
}
.products-report-form{
display:grid;
grid-template-columns:1fr 1fr;
gap:9px;
}
.products-report-form input{
width:100%;
min-height:32px;
border:1px solid #bbb;
border-radius:3px;
padding:8px 10px;
font-size:12px;
}
.products-report-form input[type=email],.products-report-form button{grid-column:1/-1}
.products-report-form button{
border:0;
border-radius:999px;
background:var(--orange);
color:#fff;
min-height:34px;
font-weight:700;
}
.products-orange-cta{
position:relative;
overflow:hidden;
background:#ff941f;
color:#fff;
text-align:center;
padding:78px 0;
}
.products-orange-cta .container{position:relative;z-index:1}
.products-orange-cta p{color:#fff;font-size:12px;letter-spacing:.08em;margin-bottom:16px}
.products-orange-cta h2{color:#111;font-size:24px;margin-bottom:24px}
.products-orange-cta .button-white{
background:#fff;
border-color:#fff;
color:#ff8a21;
min-height:30px;
padding:8px 24px;
}
@media(max-width:1140px){
.products-hero-grid,.products-solution-row,.products-report-grid{grid-template-columns:1fr}
.products-solution-row.reverse img{order:0}
.products-category-grid{grid-template-columns:repeat(4,1fr)}
.products-report-form{max-width:420px}
}
@media(max-width:640px){
.products-hero,.product-category-section,.products-solutions-section,.products-alibaba-section,.products-report-section,.products-orange-cta{padding:52px 0}
.products-category-grid{grid-template-columns:repeat(2,1fr)}
.products-more-box{display:grid;padding:28px}
.products-alibaba-grid{grid-template-columns:1fr}
}
/* v6 About pages */
.about-compact{width:min(calc(100% - 36px),1140px);margin-inline:auto}
.founder-compact{width:min(calc(100% - 36px),1140px);margin-inline:auto}
.about-us-hero{padding:58px 0 70px;background:#fff;text-align:center}
.about-us-hero h1{font-size:28px;margin-bottom:54px}
.about-intro-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:68px;text-align:left;align-items:center}
.about-intro-grid p{font-size:13px;color:#344056;line-height:1.85;margin-bottom:18px}
.about-video-card img{width:100%;border-radius:8px;box-shadow:0 12px 34px rgba(0,0,0,.08)}
.about-brochure-band{padding:30px 0;background:#f1f1f1}
.about-brochure-grid{display:grid;grid-template-columns:130px 1fr;gap:42px;align-items:center;max-width:1140px}
.about-brochure-grid img{height:130px;object-fit:contain}
.about-brochure-grid h2{font-size:18px;margin-bottom:8px}
.about-brochure-grid p{font-size:13px;color:#344056;margin-bottom:14px}
.about-unique-section{padding:74px 0;background:#fff}
.unique-grid{display:grid;grid-template-columns:1fr 1fr 1fr;border-left:1px solid #e4e4e4;border-top:1px solid #e4e4e4}
.unique-grid article,.unique-center{min-height:180px;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;padding:30px}
.unique-grid article h3{font-size:14px;color:var(--orange);margin-bottom:14px}
.unique-grid article p{font-size:12px;color:#344056;line-height:1.75;margin:0}
.unique-center{display:grid;place-items:center;text-align:center}
.unique-center h2{font-size:28px;color:var(--orange);line-height:1.2;display:inline-block;border-bottom:2px solid var(--orange);padding-bottom:18px}
.about-social-section{padding:72px 0;background:#f3f3f3;text-align:center}
.about-social-section h2{font-size:28px;color:var(--orange)}
.about-social-section>div>p{font-size:13px;color:#344056;max-width:1140px;margin:0 auto 38px}
.about-social-section h3{font-size:22px;color:var(--orange);margin-bottom:40px}
.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 80px;max-width:1140px;margin:auto;text-align:left}
.social-grid a{display:flex;align-items:center;gap:12px;color:#ff8a21;font-size:13px}
.social-grid span{width:32px;height:32px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font-weight:800}
.about-stories-section{position:relative;padding:70px 0;background:linear-gradient(145deg,#fff 0%,#fff1e4 50%,#ffc37d 100%);overflow:hidden}
.about-stories-section:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,transparent 0 40%,rgba(255,255,255,.38) 40% 56%,transparent 56%);pointer-events:none}
.about-stories-section .container{position:relative;z-index:1}
.about-stories-section h2{text-align:center;color:var(--orange);font-size:26px;display:block;margin-bottom:46px}
.stories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.stories-grid article{background:rgba(255,255,255,.82);border-radius:7px;padding:24px;min-height:140px}
.stories-grid h3{font-size:14px;color:var(--orange)}
.stories-grid p{font-size:12px;color:#344056;margin:0}
.about-gallery-section{padding:70px 0 78px;background:#fff}
.gallery-block{margin-bottom:70px}
.gallery-block h2,.address-grid h2{display:flex;align-items:center;justify-content:center;gap:18px;text-align:center;font-size:16px;font-weight:500;margin-bottom:28px}
.gallery-block h2:before,.gallery-block h2:after,.address-grid h2:after{content:"";height:1px;background:var(--orange);width:210px}
.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:1140px;margin:auto}
.gallery-grid figure{margin:0;text-align:center}
.gallery-grid img{width:100%;aspect-ratio:1.88;object-fit:cover}
.gallery-grid figcaption{font-size:12px;color:#6b7280;margin-top:8px}
.address-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;max-width:1140px;margin:0 auto}
.address-grid h2{justify-content:flex-start}
.address-grid p{font-size:13px;color:#344056}
.address-line{color:var(--orange)!important;font-weight:700}
.address-grid img{width:100%;border:1px solid #ddd}
.about-blue-cta{padding:70px 0;background:linear-gradient(135deg,#173cc6,#071d87);text-align:center;color:#fff}
.about-blue-cta h2{color:#fff;font-size:20px;margin-bottom:26px}
.about-blue-cta .button-row{justify-content:center;margin:0}
.about-blue-cta .button-blue{background:#0f78f2;border-color:#0f78f2}
.about-blue-cta .button-blue-outline{background:transparent;color:#fff;border-color:#fff}
/* About founder */
.founder-section{padding:64px 0 74px;background:#fff}
.founder-intro{display:grid;grid-template-columns:1fr 280px;gap:56px;align-items:center}
.founder-intro h1{font-size:28px;display:inline-block;border-bottom:2px solid var(--orange);padding-bottom:18px;margin-bottom:46px}
.founder-intro p{font-size:15px;color:#344056;line-height:1.85;margin-bottom:24px}
.founder-intro img{width:100%;align-self:center}
.playlist-box{background:#f3f3f3;margin-top:40px;padding:62px 60px;text-align:center}
.playlist-box h2{font-size:22px;color:var(--orange)}
.playlist-box>p{font-size:14px;color:#344056;max-width:1140px;margin:0 auto 48px}
.playlist-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.playlist-grid article img{width:100%;aspect-ratio:1.86;object-fit:cover;margin-bottom:22px}
.playlist-grid h3{font-size:14px;color:var(--orange)}
.playlist-grid p{font-size:12px;color:#344056;min-height:48px}
.founder-blog-section{padding:70px 0 0;text-align:center}
.founder-blog-section h2{font-size:22px;color:var(--orange);margin-bottom:38px}
.founder-blog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:30px}
.founder-blog-grid img{width:100%;aspect-ratio:1.5;object-fit:cover}
.founder-blog-grid strong{display:block;font-size:13px;line-height:1.35;margin-top:12px;color:#111}
/* Payment information */
.payment-info-hero{padding:94px 0 100px;background:#f3f3f3;text-align:center}
.payment-info-hero h1{font-size:26px;display:inline-block;border-bottom:2px solid var(--orange);padding-bottom:18px;margin-bottom:34px}
.payment-info-hero p{max-width:1140px;margin:0 auto;color:#344056;font-size:14px;line-height:1.85;text-align:left}
.payment-methods-section{padding:70px 0 76px;background:#fff}
.payment-method{margin-bottom:74px}
.payment-method:last-child{margin-bottom:0}
.payment-method h2{font-size:22px;margin-bottom:24px}
.payment-method p{font-size:15px;color:#344056;line-height:1.85;margin-bottom:22px}
@media(max-width:1140px){
.about-intro-grid,.about-brochure-grid,.address-grid,.founder-intro{grid-template-columns:1fr}
.unique-grid,.stories-grid,.social-grid{grid-template-columns:1fr 1fr}
.gallery-block h2:before,.gallery-block h2:after,.address-grid h2:after{width:80px}
.playlist-grid,.founder-blog-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
.about-us-hero,.about-unique-section,.about-social-section,.about-stories-section,.about-gallery-section,.founder-section,.payment-info-hero,.payment-methods-section{padding:52px 0}
.unique-grid,.stories-grid,.social-grid,.gallery-grid,.playlist-grid,.founder-blog-grid{grid-template-columns:1fr}
.unique-grid article,.unique-center{min-height:auto}
.playlist-box{padding:34px 22px}
.founder-intro img{max-width:220px;margin:auto}
}
/* v7 global visual refinement + resources/blog templates */
:root{
--rjl-orange:#ff8a21;
--rjl-blue:#0f42c9;
--rjl-ink:#172033;
--rjl-text:#344056;
--rjl-line:#e5e7eb;
--rjl-soft:#f4f4f4;
--rjl-cream:#fff3e6;
--rjl-content:1140px;
--rjl-narrow:1140px;
--rjl-wide:1140px;
}
body{font-size:13px;color:var(--rjl-ink)}
.container{width:min(calc(100% - 36px),var(--rjl-wide))}
.compact-layout,.about-compact,.products-compact,.resources-wrap,.tutorial-wrap,.blog-compact{width:min(calc(100% - 36px),var(--rjl-content));margin-inline:auto}
h1{font-size:clamp(26px,3vw,34px);letter-spacing:-.018em}
h2{font-size:clamp(20px,2.2vw,28px)}
h3{font-size:16px}
p{color:var(--rjl-text)}
.button,.header-cta,.contact-form button,.ebook-form button{
min-height:32px;
padding:8px 22px;
font-size:12px;
border-radius:999px;
box-shadow:none;
}
.site-header{box-shadow:0 1px 0 rgba(0,0,0,.04)}
.header-inner{height:58px;grid-template-columns:160px 1fr auto}
.site-brand img,.brand-fallback img{max-width:132px;max-height:38px}
.main-nav>.menu>.menu-item>a{min-height:58px}
.main-nav a{font-size:12px}
.main-nav>.menu{gap:23px}
.main-nav .sub-menu{top:54px;border-radius:2px}
.home-hero,.sol-hero,.products-hero,.page-hero{
background:
radial-gradient(circle at 91% 42%,rgba(255,255,255,.45),transparent 24%),
linear-gradient(120deg,#fff 0%,#fff7ef 56%,#ffd3a0 100%)!important;
}
.home-hero{padding:74px 0 68px}
.hero-centered h1{font-size:30px}
.hero-centered p{font-size:14px;line-height:1.75}
.audience-row{max-width:1140px;margin-inline:auto;gap:62px}
.audience-text h2{font-size:21px}
.audience-text p{font-size:13px}
.apart-title,.section-title-center h2,.products-section-title h2{font-size:24px}
.service-mini,.testimonial,.listing-card,.products-category-cell,.sol-card-grid article,.resource-outline-card,.rjl-post-card{
box-shadow:none!important;
border-color:#e5e5e5!important;
}
.site-footer{padding-top:56px}
.footer-grid{width:min(100%,1140px);margin:auto;gap:38px}
.site-footer h2{font-size:12px}
.site-footer li,.footer-brand p{font-size:11px;line-height:1.55}
.footer-bottom{font-size:10px;margin-top:38px}
/* Resources landing page */
.resources-main{padding:54px 0 42px;background:#fff}
.resources-main h1{text-align:center;color:var(--rjl-orange);font-size:26px;margin-bottom:48px;font-weight:500}
.resources-top-grid{display:grid;grid-template-columns:1fr 280px;gap:36px;align-items:start}
.resources-guide-card{background:#4f565d;color:#fff;padding:18px}
.resources-guide-card img{width:100%;aspect-ratio:1.75;object-fit:cover;margin-bottom:20px}
.resources-guide-card h2{color:#fff;font-size:24px;margin-bottom:10px}
.resources-guide-card p{color:#fff;font-size:14px;line-height:1.7;margin-bottom:20px}
.resource-guide-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}
.resource-guide-actions span{font-size:12px;color:#fff;font-weight:700}
.popular-topic-box h2{font-size:16px;margin:10px 0 20px}
.popular-topic-box a{display:block;background:#f1f3fb;padding:18px 20px;margin-bottom:12px;border-radius:3px}
.popular-topic-box strong{display:block;font-size:12px;line-height:1.45;color:#172033;margin-bottom:9px}
.popular-topic-box span{font-size:11px;color:#172033;font-weight:700}
.resource-card-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-top:44px}
.resource-subscribe-card{background:var(--rjl-orange);color:#fff;padding:28px}
.resource-subscribe-card h2{color:#fff;font-size:22px}
.resource-subscribe-card p{color:#fff;font-size:14px}
.resource-subscribe-card form,.monthly-report-grid form,.tutorial-form-grid form{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.resource-subscribe-card input,.monthly-report-grid input,.tutorial-form-grid input{
width:100%;min-height:34px;border:1px solid #c8c8c8;border-radius:2px;padding:8px 10px;font-size:12px
}
.resource-subscribe-card input[type=email],.resource-subscribe-card button,.monthly-report-grid input[type=email],.monthly-report-grid button,.tutorial-form-grid input[type=email],.tutorial-form-grid button{grid-column:1/-1}
.resource-subscribe-card button,.monthly-report-grid button,.tutorial-form-grid button{
border:0;border-radius:999px;background:#fff;color:var(--rjl-orange);font-weight:700;min-height:34px
}
.resource-outline-card{border:1px solid #172033;padding:28px;background:#f8f9ff;min-height:260px;display:flex;flex-direction:column}
.resource-outline-card h2{font-size:20px}
.resource-outline-card p{font-size:14px;line-height:1.7;color:#172033}
.resource-outline-card a{margin-top:auto;color:var(--rjl-orange);font-size:12px;align-self:flex-end}
.monthly-report-band{padding:52px 0;background:#fff}
.monthly-report-grid{background:#ffbf78;display:grid;grid-template-columns:230px 1fr 320px;gap:28px;align-items:center;padding:28px 42px}
.monthly-report-grid img{width:100%;max-height:210px;object-fit:contain}
.monthly-report-grid h2{font-size:20px}
.monthly-report-grid p{font-size:14px;color:#172033}
.resource-topics-section{padding:58px 0 74px;background:#fff;text-align:center}
.resource-topics-section h2{font-size:22px}
.resource-topics-section>div>p{max-width:1140px;margin:0 auto 40px;font-size:14px;color:#344056}
.resource-topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1140px;margin:auto}
.resource-topic-grid a{
position:relative;background:#f3f3f3;padding:18px 20px;border-radius:2px;color:#111;font-weight:700;font-size:12px;text-align:center
}
.resource-topic-grid a:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--topic-color)}
/* Tutorial page */
.tutorial-hero{position:relative;padding:76px 0 82px;background:#ff9828;color:#fff;text-align:center;overflow:visible}
.tutorial-hero:before,.products-orange-cta:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 8% 20%,rgba(255,255,255,.12),transparent 18%),radial-gradient(circle at 92% 35%,rgba(255,255,255,.15),transparent 22%);pointer-events:none}
.tutorial-hero h1{color:#111;font-size:25px}
.tutorial-hero p{max-width:1140px;margin:0 auto;color:#fff;font-size:15px;line-height:1.75}
.tutorial-arrow{position:absolute;left:50%;bottom:-24px;transform:translateX(-50%);width:48px;height:48px;border-radius:50%;background:#fff;color:#ff8a21;border:6px solid #ff9828;display:grid;place-items:center;font-size:26px;font-weight:800}
.tutorial-chapters{padding:86px 0 74px;background:#fff;text-align:center}
.tutorial-chapters h2{font-size:20px;font-weight:500;margin-bottom:46px}
.chapter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px 18px;max-width:1140px;margin:auto}
.chapter-card{display:block;border:1px solid #ddd;border-radius:4px;overflow:hidden;background:#fff;transition:.18s}
.chapter-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.08)}
.chapter-card img{width:100%;aspect-ratio:1.75;object-fit:cover}
.chapter-card div{padding:16px 14px 20px}
.chapter-card h3{font-size:16px;font-weight:500;margin-bottom:10px}
.chapter-card p{font-size:12px;color:#172033;line-height:1.45;min-height:42px}
.chapter-card span{display:block;color:#ff8a21;font-size:12px;font-weight:800;line-height:1.3}
.tutorial-bottom-forms{padding:70px 0;background:#f2f2f2}
.tutorial-form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}
.tutorial-form-grid section{background:#fff;border:1px solid #d8d8d8;border-radius:4px;padding:24px}
.tutorial-form-grid h2{font-size:17px;color:#ff8a21}
.tutorial-agent-card p{font-size:14px;color:#172033}
/* Blog dynamic pages */
.blog-index-hero{padding:74px 0;background:linear-gradient(120deg,#fff 0%,#fff7ef 56%,#ffd3a0 100%);text-align:center}
.blog-index-hero h1{font-size:28px}
.blog-index-hero p{max-width:1140px;margin:auto;color:#344056}
.blog-list-section{padding:64px 0;background:#fff}
.blog-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.rjl-post-card{border:1px solid #e6e6e6;background:#fff;border-radius:4px;overflow:hidden}
.rjl-post-thumb img{width:100%;aspect-ratio:1.55;object-fit:cover}
.rjl-post-card div{padding:20px}
.rjl-post-card span{font-size:11px;color:#ff8a21;font-weight:800}
.rjl-post-card h2{font-size:17px;line-height:1.3;margin:8px 0}
.rjl-post-card p{font-size:13px;color:#344056}
.rjl-post-card small{font-size:11px;color:#697386}
.blog-pagination{text-align:center;margin-top:40px}
.single-resource-hero{padding:70px 0 42px;background:#fff;text-align:center}
.single-cat{display:inline-block;color:#ff8a21;font-weight:800;margin-bottom:12px}
.single-resource-hero h1{max-width:850px;margin:0 auto 18px;font-size:32px}
.single-meta{display:flex;justify-content:center;gap:18px;color:#667085;font-size:12px}
.single-featured-resource{padding:0 0 40px}
.single-featured-resource img{width:100%;border-radius:4px}
.blog-layout{width:min(calc(100% - 36px),1140px);margin:auto;display:grid;grid-template-columns:250px 1fr;gap:44px;align-items:start}
.post-toc{position:sticky;top:86px;background:#f7f7f7;border:1px solid #e5e5e5;padding:20px}
.post-toc h2{font-size:15px;margin-bottom:14px}
.post-toc a{display:block;font-size:12px;line-height:1.45;color:#344056;margin-bottom:9px}
.post-toc .level-3{padding-left:12px;color:#667085}
.single-resource-content{font-size:15px;line-height:1.85;color:#263142;padding-bottom:70px}
.single-resource-content h2{font-size:24px;margin:38px 0 16px}
.single-resource-content h3{font-size:19px;margin:30px 0 12px}
.single-resource-content p{font-size:15px;color:#263142}
.single-resource-content img{border-radius:4px}
.single-resource-content blockquote{border-left:4px solid #ff8a21;background:#fff7ef;padding:18px 22px;margin:24px 0}
.single-resource-content table{width:100%;border-collapse:collapse;margin:22px 0;font-size:13px}
.single-resource-content th,.single-resource-content td{border:1px solid #e5e5e5;padding:10px}
.related-posts-section{padding:54px 0;background:#f7f7f7}
.related-posts-section h2{text-align:center;font-size:22px;margin-bottom:30px}
.comments-resource-section{padding:54px 0;background:#fff}
@media(max-width:1140px){
.resources-top-grid,.monthly-report-grid,.blog-layout{grid-template-columns:1fr}
.resource-card-row,.tutorial-form-grid,.blog-card-grid{grid-template-columns:1fr 1fr}
.chapter-grid{grid-template-columns:repeat(3,1fr)}
.post-toc{position:static}
}
@media(max-width:640px){
.resource-card-row,.tutorial-form-grid,.blog-card-grid,.resource-topic-grid{grid-template-columns:1fr}
.chapter-grid{grid-template-columns:1fr 1fr}
.resources-main,.tutorial-chapters,.tutorial-bottom-forms,.blog-list-section{padding:48px 0}
.monthly-report-grid{padding:24px}
.single-meta{display:grid;gap:6px}
}
/* v8: larger, more spacious 1140px layout + cleaned top navigation scale */
:root{
--container:1140px!important;
--wide:1140px!important;
--content:1140px!important;
--rjl-content:1140px!important;
--rjl-wide:1140px!important;
--rjl-narrow:1140px!important;
}
body{
font-size:16px!important;
line-height:1.75!important;
}
.container,
.compact-layout,
.narrow-layout,
.about-compact,
.founder-compact,
.products-compact,
.resources-wrap,
.tutorial-wrap,
.blog-compact{
width:min(calc(100% - 48px),1140px)!important;
max-width:1140px!important;
}
.hero-centered,
.section-title-center,
.center-intro{
max-width:1140px!important;
}
h1{
font-size:clamp(36px,4.2vw,52px)!important;
line-height:1.18!important;
letter-spacing:-.025em!important;
}
h2{
font-size:clamp(28px,3vw,40px)!important;
line-height:1.24!important;
}
h3{
font-size:20px!important;
line-height:1.35!important;
}
p,
li,
.audience-text p,
.plan-copy p,
.benefit-grid p,
.fba-row p,
.fba-row li,
.courier-grid p,
.port-row p,
.door-grid p,
.private-logo-grid p,
.packaging-row p,
.about-intro-grid p,
.payment-method p,
.single-resource-content p{
font-size:16px!important;
line-height:1.78!important;
}
small,
.stat span,
.testimonial span,
.site-footer li,
.site-footer small,
.footer-brand p{
font-size:13px!important;
}
.button,
.header-cta,
.contact-form button,
.ebook-form button,
.products-report-form button,
.solution-form button,
.design-form button,
.resource-subscribe-card button,
.monthly-report-grid button,
.tutorial-form-grid button{
min-height:42px!important;
padding:12px 28px!important;
font-size:14px!important;
font-weight:700!important;
}
.site-header{
background:#fff!important;
}
.header-inner{
height:76px!important;
grid-template-columns:190px 1fr auto!important;
}
.site-brand img,
.brand-fallback img{
max-width:165px!important;
max-height:52px!important;
}
.main-nav{
justify-self:end!important;
margin-right:0!important;
}
.main-nav>.menu{
gap:34px!important;
}
.main-nav a{
font-size:14px!important;
}
.main-nav>.menu>.menu-item>a{
min-height:76px!important;
}
.main-nav .sub-menu{
top:68px!important;
width:260px!important;
padding:14px!important;
}
.main-nav .sub-menu a{
font-size:14px!important;
padding:11px 13px!important;
}
.header-cta{
display:none!important;
}
/* Spacious page rhythm */
.home-hero,
.products-hero,
.sol-hero,
.page-hero,
.blog-index-hero{
padding-top:100px!important;
padding-bottom:100px!important;
}
.audience-section,
.apart-section,
.value-section,
.clients-section,
.ebook-section,
.listing-section,
.pricing-section,
.about-section,
.contact-section,
.product-category-section,
.products-solutions-section,
.products-alibaba-section,
.products-report-section,
.payment-terms,
.quality-guarantee,
.inspect-section,
.fba-list,
.courier-section,
.port-section,
.door-section,
.development-timeline,
.private-logo-section,
.packaging-options,
.why-private,
.about-unique-section,
.about-social-section,
.about-stories-section,
.about-gallery-section,
.resources-main,
.tutorial-chapters,
.blog-list-section{
padding-top:96px!important;
padding-bottom:96px!important;
}
/* Home and service pages should breathe more */
.hero-centered h1{
font-size:clamp(38px,4vw,54px)!important;
}
.hero-centered p{
font-size:18px!important;
max-width:1140px!important;
}
.audience-row{
width:min(100%,1140px)!important;
max-width:1140px!important;
grid-template-columns:440px 1fr!important;
gap:86px!important;
margin-bottom:110px!important;
}
.audience-row.is-reverse{
grid-template-columns:1fr 440px!important;
}
.audience-image img{
min-height:300px!important;
}
.audience-text h2{
font-size:34px!important;
}
.audience-text h3{
font-size:19px!important;
}
.apart-showcase{
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
gap:72px!important;
}
.stat-grid{
max-width:1140px!important;
}
.stat strong{
font-size:38px!important;
}
.service-mini-grid{
gap:22px!important;
}
.service-mini h3{
font-size:20px!important;
}
.service-mini p{
font-size:15px!important;
}
.testimonial-grid{
gap:26px!important;
}
.testimonial p{
font-size:15px!important;
}
/* Page-specific width fixes that were hardcoded smaller */
.service-plan-row,
.sol-hero-grid,
.products-hero-grid{
width:min(calc(100% - 48px),1140px)!important;
max-width:1140px!important;
}
.service-plan-row,
.sol-hero-grid,
.products-hero-grid{
gap:90px!important;
}
.plan-copy h1,
.plan-copy h2,
.sol-hero h1,
.products-hero h1{
font-size:40px!important;
}
.plan-image img,
.sol-hero img,
.products-hero img{
max-height:390px!important;
}
.plan-table{
max-width:1140px!important;
font-size:15px!important;
}
.plan-table-row span,
.plan-table-row strong{
padding:15px 18px!important;
}
.how-grid,
.solution-step-grid{
gap:48px!important;
}
.benefit-grid{
gap:30px!important;
}
.benefit-grid article{
padding:36px!important;
}
.fba-row,
.inspect-row,
.products-solution-row,
.payment-term-row,
.courier-grid,
.private-logo-grid,
.packaging-row{
gap:90px!important;
}
.fba-row img,
.products-solution-row img{
max-height:360px!important;
}
.payment-term-row>div{
padding:44px 48px!important;
}
.products-category-grid{
max-width:1140px!important;
}
.products-category-cell{
min-height:140px!important;
}
.products-category-icon{
font-size:30px!important;
}
.products-category-cell strong{
font-size:15px!important;
}
.products-more-box{
width:min(100%,1140px)!important;
padding:44px 58px!important;
min-height:165px!important;
}
.products-report-grid{
grid-template-columns:230px 1fr 360px!important;
}
/* Resources and tutorial also larger */
.resources-top-grid{
grid-template-columns:1fr 330px!important;
gap:46px!important;
}
.resources-guide-card{
padding:24px!important;
}
.popular-topic-box a{
padding:20px 22px!important;
}
.resource-card-row,
.tutorial-form-grid{
gap:24px!important;
}
.monthly-report-grid{
grid-template-columns:280px 1fr 380px!important;
padding:42px 56px!important;
}
.chapter-grid{
max-width:1140px!important;
gap:30px 24px!important;
}
.chapter-card h3{
font-size:20px!important;
}
.chapter-card p,
.chapter-card span{
font-size:14px!important;
}
/* Blog readability */
.blog-layout{
width:min(calc(100% - 48px),1140px)!important;
grid-template-columns:280px 1fr!important;
gap:58px!important;
}
.single-resource-hero h1{
font-size:48px!important;
}
.single-resource-content{
font-size:18px!important;
}
.single-resource-content h2{
font-size:32px!important;
}
.single-resource-content h3{
font-size:24px!important;
}
.blog-card-grid{
gap:30px!important;
}
.rjl-post-card h2{
font-size:22px!important;
}
.rjl-post-card p{
font-size:15px!important;
}
/* Footer a little bigger and more balanced */
.site-footer{
padding-top:70px!important;
}
.footer-grid{
width:min(100%,1140px)!important;
grid-template-columns:1.05fr 1fr 1.08fr 1fr 1fr!important;
gap:48px!important;
}
.site-footer h2{
font-size:14px!important;
margin-bottom:18px!important;
}
.site-footer li,
.footer-brand p{
font-size:13px!important;
}
.footer-bottom{
font-size:12px!important;
}
/* Responsive corrections */
@media(max-width:1140px){
.header-inner{
height:68px!important;
grid-template-columns:1fr auto!important;
}
.menu-toggle{display:block!important}
.main-nav{
top:68px!important;
}
.audience-row,
.audience-row.is-reverse,
.service-plan-row,
.sol-hero-grid,
.products-hero-grid,
.products-report-grid{
grid-template-columns:1fr!important;
}
.audience-row.is-reverse .audience-image{order:0!important}
.resources-top-grid,
.monthly-report-grid,
.blog-layout{
grid-template-columns:1fr!important;
}
}
@media(max-width:1140px){
.container,
.compact-layout,
.narrow-layout,
.about-compact,
.founder-compact,
.products-compact,
.resources-wrap,
.tutorial-wrap,
.blog-compact{
width:min(calc(100% - 28px),1140px)!important;
}
h1{font-size:34px!important}
h2{font-size:28px!important}
.chapter-grid,
.service-mini-grid,
.products-category-grid,
.blog-card-grid{
grid-template-columns:1fr!important;
}
.footer-grid{
grid-template-columns:1fr!important;
}
}
/* v9: balance pass — 1140px width, lighter headings, corrected spacing */
:root{
--container:1140px!important;
--wide:1140px!important;
--content:1140px!important;
--rjl-content:1140px!important;
--rjl-wide:1140px!important;
--rjl-narrow:1140px!important;
}
/* Typography: target-like, not too heavy */
body{
font-size:15px!important;
line-height:1.68!important;
font-weight:400!important;
}
h1,h2,h3,h4,h5,h6,
.hero-centered h1,
.audience-text h2,
.apart-title,
.section-title-center h2,
.products-section-title h2,
.plan-copy h1,
.plan-copy h2,
.sol-hero h1,
.products-hero h1,
.resources-main h1,
.tutorial-hero h1,
.single-resource-hero h1{
font-weight:600!important;
letter-spacing:-0.01em!important;
}
h1{
font-size:clamp(34px,3.2vw,46px)!important;
line-height:1.22!important;
}
h2{
font-size:clamp(25px,2.35vw,34px)!important;
line-height:1.28!important;
}
h3{
font-size:19px!important;
line-height:1.38!important;
}
p,
li,
.audience-text p,
.plan-copy p,
.benefit-grid p,
.fba-row p,
.fba-row li,
.courier-grid p,
.port-row p,
.door-grid p,
.private-logo-grid p,
.packaging-row p,
.about-intro-grid p,
.payment-method p,
.single-resource-content p{
font-size:15px!important;
line-height:1.72!important;
}
.text-link,
.popular-topic-box strong,
.resource-topic-grid a{
font-weight:600!important;
}
/* Container and side padding: keep 1140, avoid over-wide/over-tight edges */
.container,
.compact-layout,
.narrow-layout,
.about-compact,
.founder-compact,
.products-compact,
.resources-wrap,
.tutorial-wrap,
.blog-compact{
width:min(calc(100% - 56px),1140px)!important;
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
}
.hero-centered,
.section-title-center,
.center-intro{
max-width:1140px!important;
}
/* Header balance */
.header-inner{
height:70px!important;
grid-template-columns:180px 1fr auto!important;
}
.site-brand img,
.brand-fallback img{
max-width:152px!important;
max-height:48px!important;
}
.main-nav>.menu{
gap:30px!important;
}
.main-nav a{
font-size:14px!important;
font-weight:500!important;
}
.main-nav>.menu>.menu-item>a{
min-height:70px!important;
}
.main-nav .sub-menu{
top:64px!important;
width:250px!important;
}
.header-cta{
display:none!important;
}
/* Buttons: slightly smaller than v8, target-like */
.button,
.header-cta,
.contact-form button,
.ebook-form button,
.products-report-form button,
.solution-form button,
.design-form button,
.resource-subscribe-card button,
.monthly-report-grid button,
.tutorial-form-grid button{
min-height:38px!important;
padding:10px 24px!important;
font-size:13px!important;
font-weight:600!important;
}
/* Spacing: v8 was too tall in places; this keeps it spacious but not loose */
.home-hero,
.products-hero,
.sol-hero,
.page-hero,
.blog-index-hero{
padding-top:84px!important;
padding-bottom:84px!important;
}
.audience-section,
.apart-section,
.value-section,
.clients-section,
.ebook-section,
.listing-section,
.pricing-section,
.about-section,
.contact-section,
.product-category-section,
.products-solutions-section,
.products-alibaba-section,
.products-report-section,
.payment-terms,
.quality-guarantee,
.inspect-section,
.fba-list,
.courier-section,
.port-section,
.door-section,
.development-timeline,
.private-logo-section,
.packaging-options,
.why-private,
.about-unique-section,
.about-social-section,
.about-stories-section,
.about-gallery-section,
.resources-main,
.tutorial-chapters,
.blog-list-section{
padding-top:76px!important;
padding-bottom:76px!important;
}
/* Homepage visual balance */
.hero-centered h1{
font-size:clamp(36px,3.4vw,48px)!important;
}
.hero-centered p{
font-size:17px!important;
max-width:1140px!important;
}
.audience-row{
width:min(100%,1140px)!important;
max-width:1140px!important;
grid-template-columns:420px 1fr!important;
gap:72px!important;
margin-bottom:92px!important;
}
.audience-row.is-reverse{
grid-template-columns:1fr 420px!important;
}
.audience-text h2{
font-size:30px!important;
}
.audience-text h3{
font-size:18px!important;
}
.audience-image img{
min-height:275px!important;
}
.apart-showcase{
max-width:1140px!important;
gap:60px!important;
}
.stat-grid{
max-width:1140px!important;
}
.stat strong{
font-size:34px!important;
font-weight:600!important;
}
.service-mini-grid{
gap:20px!important;
}
.service-mini h3{
font-size:18px!important;
}
.service-mini p{
font-size:14px!important;
}
.testimonial p{
font-size:14px!important;
}
/* Service/Solution/Product page balance */
.service-plan-row,
.sol-hero-grid,
.products-hero-grid{
width:min(calc(100% - 56px),1140px)!important;
max-width:1140px!important;
gap:76px!important;
}
.plan-copy h1,
.plan-copy h2,
.sol-hero h1,
.products-hero h1{
font-size:36px!important;
}
.plan-image img,
.sol-hero img,
.products-hero img{
max-height:360px!important;
}
.plan-table{
max-width:700px!important;
font-size:14px!important;
}
.how-grid,
.solution-step-grid{
gap:38px!important;
}
.benefit-grid{
gap:26px!important;
}
.benefit-grid article{
padding:30px!important;
}
.fba-row,
.inspect-row,
.products-solution-row,
.payment-term-row,
.courier-grid,
.private-logo-grid,
.packaging-row{
gap:70px!important;
}
.products-category-grid{
max-width:1140px!important;
}
.products-category-cell{
min-height:128px!important;
}
.products-category-icon{
font-size:28px!important;
}
.products-category-cell strong{
font-size:14px!important;
}
.products-more-box{
width:min(100%,1140px)!important;
padding:38px 50px!important;
min-height:150px!important;
}
.products-report-grid{
grid-template-columns:220px 1fr 340px!important;
}
/* Resources and tutorial balance */
.resources-top-grid{
grid-template-columns:1fr 320px!important;
gap:42px!important;
}
.resources-guide-card{
padding:22px!important;
}
.resources-guide-card h2{
font-size:26px!important;
}
.resource-card-row,
.tutorial-form-grid{
gap:22px!important;
}
.monthly-report-grid{
grid-template-columns:260px 1fr 360px!important;
padding:36px 48px!important;
}
.chapter-grid{
max-width:1140px!important;
gap:26px 22px!important;
}
.chapter-card h3{
font-size:18px!important;
}
.chapter-card p,
.chapter-card span{
font-size:13px!important;
}
/* Blog and article readability */
.blog-layout{
width:min(calc(100% - 56px),1140px)!important;
grid-template-columns:270px 1fr!important;
gap:50px!important;
}
.single-resource-hero h1{
font-size:42px!important;
}
.single-resource-content{
font-size:17px!important;
}
.single-resource-content h2{
font-size:30px!important;
font-weight:600!important;
}
.single-resource-content h3{
font-size:22px!important;
font-weight:600!important;
}
.blog-card-grid{
gap:28px!important;
}
.rjl-post-card h2{
font-size:20px!important;
font-weight:600!important;
}
.rjl-post-card p{
font-size:14px!important;
}
/* Footer: bigger than v7 but less bulky than v8 */
.site-footer{
padding-top:62px!important;
padding-bottom:22px!important;
}
.footer-grid{
width:min(100%,1140px)!important;
grid-template-columns:1.05fr 1fr 1.08fr 1fr 1fr!important;
gap:42px!important;
}
.site-footer h2{
font-size:13px!important;
font-weight:600!important;
margin-bottom:16px!important;
}
.site-footer li,
.footer-brand p{
font-size:12px!important;
line-height:1.55!important;
}
.footer-bottom{
font-size:11px!important;
}
/* Correct selector typos from previous responsive pass */
@media(max-width:1140px){
.audience-row,
.audience-row.is-reverse,
.service-plan-row,
.sol-hero-grid,
.products-hero-grid,
.products-report-grid{
grid-template-columns:1fr!important;
}
.blog-layout,
.resources-top-grid,
.monthly-report-grid{
grid-template-columns:1fr!important;
}
.audience-row.is-reverse .audience-image,
.products-solution-row.reverse img,
.fba-row.reverse img{
order:0!important;
}
.main-nav{
top:70px!important;
}
}
@media(max-width:1140px){
.container,
.compact-layout,
.narrow-layout,
.about-compact,
.founder-compact,
.products-compact,
.resources-wrap,
.tutorial-wrap,
.blog-compact{
width:min(calc(100% - 32px),1140px)!important;
}
h1{font-size:32px!important}
h2{font-size:26px!important}
h3{font-size:18px!important}
p,li{font-size:15px!important}
.chapter-grid,
.service-mini-grid,
.products-category-grid,
.blog-card-grid,
.footer-grid{
grid-template-columns:1fr!important;
}
.resource-card-row,
.tutorial-form-grid,
.products-report-grid{
grid-template-columns:1fr!important;
}
}
/* v11: visual accuracy pass — asset completeness, stronger image rhythm, calmer typography */
:root{
--rachel-orange:#f79020;
--rachel-ink:#151515;
--rachel-text:#384152;
--rachel-muted:#6b7280;
--rachel-line:#e5e7eb;
--rachel-bg:#f5f5f5;
--rachel-blue:#1239c7;
}
body{
font-family:Inter,Arial,sans-serif!important;
color:var(--rachel-ink)!important;
background:#fff!important;
}
h1,h2,h3,h4,h5,h6{
font-weight:600!important;
color:#111!important;
}
p{color:var(--rachel-text)!important}
img{
max-width:100%;
height:auto;
}
.site-header{
position:sticky!important;
top:0!important;
z-index:999!important;
}
.header-inner{
max-width:1140px!important;
}
.main-nav>.menu>.menu-item>a{
color:#111!important;
font-weight:500!important;
}
.main-nav>.menu>.menu-item>a:hover{
color:var(--rachel-orange)!important;
}
.main-nav .sub-menu{
border:1px solid #eee!important;
box-shadow:0 18px 40px rgba(0,0,0,.08)!important;
}
.main-nav .sub-menu a:hover{
background:#fff7ef!important;
color:var(--rachel-orange)!important;
}
/* More target-like hero backgrounds and image cards */
.home-hero,
.sol-hero,
.products-hero,
.page-hero,
.blog-index-hero{
background:
linear-gradient(132deg,#fff 0%,#fff8f1 54%,#ffd5a6 100%)!important;
position:relative!important;
overflow:hidden!important;
}
.home-hero:after,
.sol-hero:after,
.products-hero:after,
.page-hero:after,
.blog-index-hero:after{
content:"";
position:absolute;
inset:-10% -5%;
background:
radial-gradient(circle at 83% 36%,rgba(255,255,255,.55),transparent 22%),
linear-gradient(138deg,transparent 0 43%,rgba(255,255,255,.32) 43% 56%,transparent 56%);
pointer-events:none;
}
.home-hero>.container,
.sol-hero>.container,
.products-hero>.container,
.page-hero>.container,
.blog-index-hero>.container{
position:relative;
z-index:1;
}
.audience-image,
.plan-image,
.page-hero-media,
.products-solution-row img,
.fba-row img,
.inspect-row img,
.payment-term-row img,
.private-logo-grid img,
.packaging-row img,
.courier-grid img,
.port-row img,
.gallery-grid img,
.about-video-card img{
background:#fff;
border-radius:8px!important;
box-shadow:0 18px 45px rgba(15,23,42,.10)!important;
overflow:hidden;
}
.audience-image img,
.plan-image img,
.page-hero-media img{
width:100%;
display:block;
object-fit:cover!important;
}
/* Fix product/category icons: no emoji boxes, use real bundled svg */
.products-category-icon{
width:52px!important;
height:52px!important;
border-radius:50%!important;
background:#fff7ef!important;
display:grid!important;
place-items:center!important;
margin-bottom:8px!important;
filter:none!important;
}
.products-category-icon img{
width:42px!important;
height:42px!important;
object-fit:contain!important;
display:block!important;
box-shadow:none!important;
border-radius:0!important;
background:transparent!important;
}
.products-category-cell{
background:#fff!important;
transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}
.products-category-cell:hover{
transform:translateY(-3px)!important;
box-shadow:0 16px 34px rgba(15,23,42,.08)!important;
border-color:#f2c089!important;
}
.products-category-cell strong{
color:#172033!important;
font-weight:500!important;
}
/* Resources topics now have icons */
.resource-topic-grid{
grid-template-columns:repeat(4,1fr)!important;
max-width:1140px!important;
}
.resource-topic-grid a{
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:12px!important;
min-height:72px!important;
background:#fff!important;
border:1px solid #e6e6e6!important;
border-radius:6px!important;
padding:16px 18px!important;
text-align:left!important;
box-shadow:0 10px 24px rgba(15,23,42,.04)!important;
}
.resource-topic-grid a:before{
width:5px!important;
border-radius:6px 0 0 6px!important;
}
.resource-topic-grid a img{
width:38px!important;
height:38px!important;
object-fit:contain!important;
flex:0 0 auto!important;
box-shadow:none!important;
border-radius:0!important;
background:transparent!important;
}
.resource-topic-grid a span{
font-size:14px!important;
line-height:1.35!important;
font-weight:600!important;
color:#172033!important;
}
/* Cards: more premium, less cramped */
.sol-card-grid article,
.service-mini,
.testimonial,
.rjl-post-card,
.resource-outline-card,
.resource-subscribe-card,
.door-grid article,
.why-grid article,
.stories-grid article,
.guarantee-cards article{
border:1px solid #e8e8e8!important;
border-radius:8px!important;
box-shadow:0 10px 26px rgba(15,23,42,.05)!important;
}
.service-mini,
.testimonial,
.rjl-post-card,
.resource-outline-card{
background:#fff!important;
}
.sol-card-grid article:hover,
.service-mini:hover,
.rjl-post-card:hover{
transform:translateY(-2px);
transition:.18s ease;
}
/* Section title details closer to reference */
.section-title-center h2,
.products-section-title h2,
.resources-main h1,
.tutorial-chapters h2,
.about-social-section h2,
.about-stories-section h2,
.founder-blog-section h2,
.playlist-box h2{
color:var(--rachel-orange)!important;
}
.section-title-center p,
.products-section-title p,
.resources-main p,
.tutorial-hero p{
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
}
/* Layout refinements */
.audience-row,
.service-plan-row,
.sol-hero-grid,
.products-hero-grid,
.products-solution-row{
align-items:center!important;
}
.audience-row{
border-bottom:1px solid transparent!important;
}
.apart-section{
background:#f3ece2!important;
}
.apart-showcase{
background:transparent!important;
}
.apart-video{
box-shadow:0 18px 45px rgba(15,23,42,.10)!important;
border-radius:8px!important;
}
.apart-tabs details{
background:#fff!important;
border-radius:4px!important;
margin-bottom:12px!important;
border:1px solid #e5dfd5!important;
}
.apart-tabs summary{
font-weight:600!important;
}
.stat-grid{
background:#fff!important;
border:1px solid #eee!important;
border-radius:10px!important;
box-shadow:0 14px 34px rgba(15,23,42,.06)!important;
}
.stat{
border-right:1px solid #eee!important;
}
.stat:last-child{
border-right:0!important;
}
/* Forms should be visible and clean */
input,textarea,select{
background:#fff!important;
color:#111!important;
}
input::placeholder,textarea::placeholder{
color:#8b95a1!important;
}
.solution-form,
.products-report-form,
.resource-subscribe-card form,
.monthly-report-grid form,
.tutorial-form-grid form{
position:relative!important;
z-index:1!important;
}
/* Footer closer to target: compact columns, not broken */
.site-footer{
background:#111!important;
color:#fff!important;
}
.site-footer a,
.site-footer p,
.site-footer li,
.footer-brand p{
color:#d9d9d9!important;
}
.site-footer a:hover{
color:#fff!important;
}
.site-footer h2{
color:#fff!important;
letter-spacing:.05em!important;
text-transform:uppercase!important;
}
.footer-grid{
align-items:start!important;
}
/* Mobile */
@media(max-width:1140px){
.resource-topic-grid{
grid-template-columns:repeat(2,1fr)!important;
}
}
@media(max-width:640px){
.resource-topic-grid{
grid-template-columns:1fr!important;
}
.products-category-icon{
width:46px!important;
height:46px!important;
}
.products-category-icon img{
width:36px!important;
height:36px!important;
}
}
/* v13: screenshot comparison fixes */
:root{
--container:1140px!important;
--wide:1140px!important;
--content:1140px!important;
--rjl-content:1140px!important;
--rjl-wide:1140px!important;
}
/* The screenshots were 1897px viewport; keep 1140 centered and avoid tiny-looking content */
.container,
.compact-layout,
.narrow-layout,
.about-compact,
.founder-compact,
.products-compact,
.resources-wrap,
.tutorial-wrap,
.blog-compact{
width:min(calc(100% - 64px),1140px)!important;
max-width:1140px!important;
}
/* Header closer to target: logo left, 5-item nav right, no extra CTA */
.header-inner{
width:min(calc(100% - 64px),1140px)!important;
max-width:1140px!important;
height:68px!important;
grid-template-columns:170px 1fr!important;
}
.header-cta{display:none!important}
.site-brand img,.brand-fallback img{max-width:145px!important}
.main-nav>.menu{gap:28px!important;justify-content:flex-end!important}
.main-nav a{font-size:13px!important;font-weight:500!important}
/* Homepage screenshot corrections */
.home-hero{
min-height:368px!important;
display:flex!important;
align-items:center!important;
padding:72px 0 78px!important;
}
.hero-centered h1{
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
font-size:40px!important;
font-weight:600!important;
line-height:1.18!important;
}
.hero-centered p{
max-width:640px!important;
font-size:14px!important;
line-height:1.7!important;
margin-top:22px!important;
}
.hero-buttons{margin-top:18px!important}
.hero-note{font-size:11px!important;margin-top:12px!important;color:#7a808a!important}
/* Audience area: stronger visual blocks and spacing similar to target */
.audience-section{padding:72px 0 78px!important}
.audience-row,
.audience-row.is-reverse{
width:min(100%,1140px)!important;
max-width:1140px!important;
grid-template-columns:420px 1fr!important;
gap:86px!important;
margin-left:auto!important;
margin-right:auto!important;
margin-bottom:76px!important;
align-items:center!important;
}
.audience-row.is-reverse{
grid-template-columns:1fr 420px!important;
}
.audience-row.is-reverse .audience-image{order:2!important}
.audience-row.is-reverse .audience-text{order:1!important}
.audience-image{
min-height:260px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
border-radius:8px!important;
background:#fff!important;
box-shadow:0 28px 70px rgba(23,32,51,.08)!important;
}
.audience-image img{
width:100%!important;
height:260px!important;
object-fit:cover!important;
display:block!important;
}
.audience-text h2{
font-size:24px!important;
line-height:1.22!important;
font-weight:600!important;
margin-bottom:6px!important;
}
.audience-text h3{
font-size:13px!important;
font-weight:600!important;
margin-bottom:14px!important;
}
.audience-text p{
font-size:13px!important;
line-height:1.75!important;
max-width:430px!important;
}
.text-link{
font-size:12px!important;
font-weight:600!important;
}
/* Apart / statistics: reduce heaviness, match target panel scale */
.apart-section{padding:72px 0 70px!important}
.apart-title{
font-size:26px!important;
font-weight:600!important;
margin-bottom:46px!important;
}
.apart-showcase{
width:min(100%,1140px)!important;
grid-template-columns:1fr 1fr!important;
gap:42px!important;
align-items:center!important;
}
.video-card,.apart-video{
width:100%!important;
border-radius:6px!important;
box-shadow:0 16px 40px rgba(0,0,0,.12)!important;
}
.jing-accordion details{
margin-bottom:8px!important;
border-radius:4px!important;
}
.jing-accordion summary{
min-height:44px!important;
font-size:12px!important;
font-weight:600!important;
padding:12px 16px!important;
}
.jing-accordion p{
font-size:12px!important;
line-height:1.6!important;
padding:0 18px 16px 44px!important;
}
.stat-panel{
width:min(100%,1140px)!important;
margin:42px auto 0!important;
}
.stat-panel h3{font-size:13px!important;font-weight:600!important}
.stat-grid{
border-radius:4px!important;
box-shadow:none!important;
}
.stat strong{
font-size:26px!important;
font-weight:600!important;
}
.stat span{font-size:11px!important}
.stat-button{margin-top:18px!important}
/* Value services: prevent missing/broken visuals and make layout cleaner */
.value-section{padding:70px 0 76px!important}
.service-mini-grid{
width:min(100%,1140px)!important;
margin-left:auto!important;
margin-right:auto!important;
grid-template-columns:repeat(4,1fr)!important;
gap:20px!important;
}
.service-mini{
padding:0 0 22px!important;
overflow:hidden!important;
border-radius:6px!important;
}
.service-mini img{
width:100%!important;
height:145px!important;
object-fit:cover!important;
display:block!important;
background:#fff7ef!important;
box-shadow:none!important;
border-radius:0!important;
}
.service-mini h3{
font-size:13px!important;
line-height:1.3!important;
padding:0 18px!important;
margin-top:18px!important;
}
.service-mini p{
font-size:11px!important;
line-height:1.55!important;
padding:0 18px!important;
}
/* Products page: make v13 synced content visible like the target layout */
.products-hero{
padding:78px 0!important;
min-height:360px!important;
}
.products-hero-grid{
width:min(calc(100% - 64px),1140px)!important;
grid-template-columns:1fr 520px!important;
gap:90px!important;
}
.products-hero h1{
font-size:42px!important;
line-height:1.16!important;
font-weight:600!important;
max-width:430px!important;
}
.products-hero p{
font-size:15px!important;
max-width:470px!important;
}
.product-category-section{padding:82px 0 72px!important}
.products-section-title h2{
font-size:32px!important;
font-weight:600!important;
color:#ff8a21!important;
}
.products-section-title p{
font-size:13px!important;
}
.products-category-grid{
max-width:1140px!important;
grid-template-columns:repeat(5,1fr)!important;
gap:0!important;
border-top:1px solid #e8e8e8!important;
border-left:1px solid #e8e8e8!important;
}
.products-category-cell{
min-height:120px!important;
border-right:1px solid #e8e8e8!important;
border-bottom:1px solid #e8e8e8!important;
border-radius:0!important;
box-shadow:none!important;
}
.products-category-icon{
width:38px!important;
height:38px!important;
margin-bottom:10px!important;
}
.products-category-icon img{
width:34px!important;
height:34px!important;
}
.products-category-cell strong{
font-size:12px!important;
font-weight:500!important;
line-height:1.3!important;
}
.products-more-box{
max-width:1140px!important;
border-radius:2px!important;
padding:34px 46px!important;
margin-top:56px!important;
background:linear-gradient(135deg,#f7eee4 0%,#fff9f1 100%)!important;
}
.products-more-box h3{font-size:16px!important}
.products-more-box p{font-size:13px!important}
/* Product solutions match target's airy two-column rows */
.products-solutions-section{padding:82px 0!important;background:#f4f4f4!important}
.products-solution-row{
width:min(100%,1140px)!important;
margin-left:auto!important;
margin-right:auto!important;
grid-template-columns:1fr 420px!important;
gap:86px!important;
}
.products-solution-row.reverse{
grid-template-columns:420px 1fr!important;
}
.products-solution-row h3{
font-size:19px!important;
font-weight:600!important;
}
.products-solution-row p{
font-size:13px!important;
line-height:1.75!important;
}
.products-solution-row img{
height:250px!important;
object-fit:cover!important;
border-radius:6px!important;
}
/* Bottom CTA: remove broken-looking repeating image feel */
.final-cta{
background:linear-gradient(135deg,rgba(15,15,15,.88),rgba(20,20,20,.82)), linear-gradient(90deg,#202020,#111)!important;
padding:72px 0!important;
position:relative!important;
overflow:hidden!important;
}
.final-cta:before{
content:"";
position:absolute;
inset:0;
background:
radial-gradient(circle at 18% 35%,rgba(255,138,33,.24),transparent 22%),
radial-gradient(circle at 84% 40%,rgba(255,255,255,.08),transparent 18%);
pointer-events:none;
}
.final-cta-inner{position:relative;z-index:1}
.final-cta h2{
color:#fff!important;
font-size:26px!important;
font-weight:600!important;
}
.final-cta p{
color:#d7d7d7!important;
font-size:13px!important;
}
/* Footer matches target black footer proportions better */
.site-footer{padding-top:58px!important}
.footer-grid{
width:min(100%,1140px)!important;
gap:44px!important;
}
.footer-brand img{max-width:130px!important}
.site-footer h2{font-size:12px!important;font-weight:600!important}
.site-footer li,.footer-brand p{font-size:11px!important}
/* Mobile safety */
@media(max-width:1140px){
.audience-row,
.audience-row.is-reverse,
.products-hero-grid,
.products-solution-row,
.products-solution-row.reverse{
grid-template-columns:1fr!important;
}
.audience-row.is-reverse .audience-image,
.products-solution-row.reverse img{
order:0!important;
}
.products-category-grid{
grid-template-columns:repeat(3,1fr)!important;
}
.service-mini-grid{
grid-template-columns:repeat(2,1fr)!important;
}
}
@media(max-width:640px){
.container,
.compact-layout,
.narrow-layout,
.about-compact,
.founder-compact,
.products-compact,
.resources-wrap,
.tutorial-wrap,
.blog-compact{
width:min(calc(100% - 28px),1140px)!important;
}
.products-category-grid,
.service-mini-grid{
grid-template-columns:1fr 1fr!important;
}
.hero-centered h1,.products-hero h1{font-size:32px!important}
}
/* v14: About pages correction based on 1897px screenshots */
.about-compact,
.founder-compact{
width:min(calc(100% - 64px),1140px)!important;
max-width:1140px!important;
}
/* About Us top */
.about-us-hero{
padding:70px 0 72px!important;
background:#fff!important;
text-align:center!important;
}
.about-us-hero h1{
font-size:32px!important;
line-height:1.25!important;
font-weight:600!important;
margin:0 0 60px!important;
color:#111!important;
}
.about-intro-grid{
width:min(100%,1140px)!important;
margin:0 auto!important;
grid-template-columns:1fr 1.08fr!important;
gap:74px!important;
align-items:center!important;
text-align:left!important;
}
.about-intro-grid p{
font-size:13px!important;
line-height:1.76!important;
color:#344056!important;
margin-bottom:18px!important;
}
.about-video-card img{
width:100%!important;
height:auto!important;
border-radius:8px!important;
box-shadow:0 20px 45px rgba(15,23,42,.10)!important;
}
/* Brochure band */
.about-brochure-band{
padding:34px 0!important;
background:#f1f1f1!important;
}
.about-brochure-grid{
width:min(100%,1140px)!important;
max-width:1140px!important;
grid-template-columns:120px 1fr!important;
gap:40px!important;
align-items:center!important;
margin:auto!important;
}
.about-brochure-grid img{
width:95px!important;
height:128px!important;
object-fit:contain!important;
box-shadow:none!important;
border-radius:0!important;
background:transparent!important;
}
.about-brochure-grid h2{
font-size:18px!important;
font-weight:500!important;
line-height:1.25!important;
margin-bottom:8px!important;
color:#111!important;
}
.about-brochure-grid p{
font-size:12px!important;
line-height:1.55!important;
margin-bottom:14px!important;
color:#344056!important;
}
/* What makes us unique: target-like 3 columns, title in center cell */
.about-unique-section{
padding:72px 0!important;
background:#fff!important;
}
.unique-grid{
width:min(100%,1140px)!important;
max-width:1140px!important;
margin:auto!important;
display:grid!important;
grid-template-columns:repeat(3,1fr)!important;
border-left:1px solid #e3e3e3!important;
border-top:1px solid #e3e3e3!important;
}
.unique-grid article,
.unique-center{
min-height:170px!important;
border-right:1px solid #e3e3e3!important;
border-bottom:1px solid #e3e3e3!important;
padding:28px 26px!important;
background:#fff!important;
}
.unique-grid article h3{
font-size:13px!important;
font-weight:500!important;
color:#ff8a21!important;
line-height:1.35!important;
margin:0 0 14px!important;
}
.unique-grid article p{
font-size:12px!important;
line-height:1.65!important;
color:#344056!important;
margin:0!important;
}
.unique-center{
display:grid!important;
place-items:center!important;
text-align:center!important;
}
.unique-center h2{
font-size:26px!important;
line-height:1.15!important;
font-weight:500!important;
color:#ff8a21!important;
border-bottom:2px solid #ff8a21!important;
padding-bottom:16px!important;
margin:0!important;
}
/* Social and stories */
.about-social-section{
padding:68px 0!important;
background:#f3f3f3!important;
text-align:center!important;
}
.about-social-section h2{
font-size:26px!important;
font-weight:500!important;
color:#ff8a21!important;
margin-bottom:18px!important;
}
.about-social-section>div>p{
font-size:12px!important;
line-height:1.6!important;
max-width:1140px!important;
margin:0 auto 28px!important;
}
.about-social-section h3{
font-size:16px!important;
font-weight:600!important;
color:#111!important;
margin-bottom:34px!important;
}
.social-grid{
max-width:1140px!important;
grid-template-columns:repeat(3,1fr)!important;
gap:24px 68px!important;
}
.social-grid a{
font-size:12px!important;
color:#ff8a21!important;
}
.social-grid span{
width:32px!important;
height:32px!important;
font-size:14px!important;
}
.about-stories-section{
padding:68px 0 74px!important;
background:linear-gradient(135deg,#fff 0%,#fff2e2 58%,#ffc883 100%)!important;
}
.about-stories-section h2{
font-size:26px!important;
font-weight:500!important;
color:#ff8a21!important;
margin-bottom:42px!important;
}
.stories-grid{
width:min(100%,1140px)!important;
margin:auto!important;
grid-template-columns:repeat(3,1fr)!important;
gap:18px!important;
}
.stories-grid article{
min-height:118px!important;
padding:22px!important;
border-radius:5px!important;
box-shadow:0 10px 26px rgba(15,23,42,.05)!important;
}
.stories-grid h3{
font-size:13px!important;
font-weight:600!important;
color:#111!important;
margin-bottom:8px!important;
}
.stories-grid p{
font-size:12px!important;
line-height:1.58!important;
}
/* Office / Warehouse / License / Address */
.about-gallery-section{
padding:74px 0 82px!important;
background:#fff!important;
}
.gallery-block{
margin-bottom:74px!important;
}
.gallery-block h2,
.address-grid h2{
font-size:18px!important;
font-weight:500!important;
color:#111!important;
white-space:nowrap!important;
margin-bottom:28px!important;
}
.gallery-block h2:before,
.gallery-block h2:after{
width:190px!important;
background:#ff8a21!important;
}
.gallery-grid{
width:min(100%,1140px)!important;
max-width:1140px!important;
grid-template-columns:1fr 1fr!important;
gap:18px!important;
}
.gallery-grid img{
width:100%!important;
height:180px!important;
object-fit:cover!important;
border-radius:0!important;
box-shadow:0 14px 34px rgba(15,23,42,.08)!important;
}
.gallery-grid figcaption{
font-size:11px!important;
color:#667085!important;
margin-top:8px!important;
}
.address-grid{
width:min(100%,1140px)!important;
max-width:1140px!important;
grid-template-columns:1fr 280px!important;
gap:56px!important;
align-items:center!important;
}
.address-grid h2{
display:flex!important;
justify-content:flex-start!important;
gap:18px!important;
margin-bottom:22px!important;
font-size:18px!important;
line-height:1.15!important;
}
.address-grid h2:after{
width:190px!important;
background:#ff8a21!important;
}
.address-grid p{
font-size:12px!important;
line-height:1.68!important;
color:#344056!important;
}
.address-line{
font-size:12px!important;
color:#ff8a21!important;
font-weight:600!important;
}
.address-grid img{
width:280px!important;
height:178px!important;
object-fit:cover!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
}
/* Blue CTA must stay white text */
.about-blue-cta{
padding:64px 0!important;
background:#173cc6!important;
text-align:center!important;
}
.about-blue-cta h2{
color:#fff!important;
font-size:18px!important;
font-weight:600!important;
margin-bottom:22px!important;
}
.about-blue-cta .button-blue{
background:#1688ff!important;
border-color:#1688ff!important;
color:#fff!important;
}
.about-blue-cta .button-blue-outline{
background:transparent!important;
color:#fff!important;
border-color:#fff!important;
}
/* Founder page */
.founder-section{
padding:70px 0 78px!important;
background:#fff!important;
}
.founder-intro{
width:min(100%,1140px)!important;
margin:0 auto 62px!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) 280px!important;
gap:76px!important;
align-items:end!important;
}
.founder-intro h1{
display:inline-block!important;
font-size:34px!important;
font-weight:600!important;
line-height:1.2!important;
border-bottom:2px solid #ff8a21!important;
padding-bottom:18px!important;
margin:0 0 44px!important;
color:#111!important;
}
.founder-intro p{
font-size:14px!important;
line-height:1.78!important;
color:#344056!important;
margin-bottom:22px!important;
}
.founder-intro>img{
width:260px!important;
max-width:260px!important;
height:auto!important;
align-self:end!important;
background:transparent!important;
border-radius:0!important;
box-shadow:none!important;
object-fit:contain!important;
}
.playlist-box{
width:min(100%,1140px)!important;
margin:0 auto!important;
padding:60px 70px!important;
background:#f3f3f3!important;
text-align:center!important;
}
.playlist-box h2{
font-size:24px!important;
font-weight:500!important;
color:#ff8a21!important;
margin-bottom:18px!important;
}
.playlist-box>p{
font-size:14px!important;
line-height:1.65!important;
max-width:1140px!important;
margin:0 auto 48px!important;
}
.playlist-grid{
grid-template-columns:1fr 1fr!important;
gap:80px!important;
}
.playlist-grid article img{
height:210px!important;
object-fit:cover!important;
border-radius:0!important;
box-shadow:none!important;
}
.playlist-grid h3{
font-size:14px!important;
font-weight:600!important;
color:#ff8a21!important;
}
.playlist-grid p{
font-size:12px!important;
line-height:1.6!important;
}
.founder-blog-section{
width:min(100%,1140px)!important;
margin:0 auto!important;
padding:70px 0 0!important;
}
.founder-blog-section h2{
font-size:24px!important;
font-weight:500!important;
color:#ff8a21!important;
}
.founder-blog-grid{
grid-template-columns:repeat(4,1fr)!important;
gap:24px!important;
}
.founder-blog-grid img{
height:130px!important;
object-fit:cover!important;
border-radius:0!important;
box-shadow:none!important;
}
.founder-blog-grid strong{
font-size:12px!important;
line-height:1.35!important;
font-weight:600!important;
}
/* Payment page */
.payment-info-hero{
padding:84px 0 96px!important;
background:#f3f3f3!important;
text-align:center!important;
}
.payment-info-hero .founder-compact{
width:min(calc(100% - 64px),1140px)!important;
max-width:1140px!important;
}
.payment-info-hero h1{
font-size:28px!important;
line-height:1.25!important;
font-weight:500!important;
max-width:1140px!important;
margin:0 auto 34px!important;
padding-bottom:18px!important;
border-bottom:2px solid #ff8a21!important;
color:#111!important;
}
.payment-info-hero p{
max-width:1140px!important;
margin:0 auto!important;
font-size:14px!important;
line-height:1.8!important;
text-align:left!important;
color:#344056!important;
}
.payment-methods-section{
padding:76px 0 86px!important;
background:#fff!important;
}
.payment-methods-section .founder-compact{
width:min(calc(100% - 64px),1140px)!important;
max-width:1140px!important;
}
.payment-method{
margin-bottom:70px!important;
}
.payment-method h2{
font-size:24px!important;
line-height:1.28!important;
font-weight:600!important;
margin-bottom:24px!important;
color:#111!important;
}
.payment-method p{
font-size:14px!important;
line-height:1.82!important;
color:#344056!important;
margin-bottom:20px!important;
}
/* Responsive */
@media(max-width:1140px){
.about-intro-grid,
.founder-intro,
.address-grid{
grid-template-columns:1fr!important;
gap:32px!important;
}
.founder-intro>img{
margin:auto!important;
}
.unique-grid,
.stories-grid,
.social-grid{
grid-template-columns:1fr 1fr!important;
}
}
@media(max-width:640px){
.about-compact,
.founder-compact{
width:min(calc(100% - 28px),1140px)!important;
}
.unique-grid,
.stories-grid,
.social-grid,
.gallery-grid,
.playlist-grid,
.founder-blog-grid{
grid-template-columns:1fr!important;
}
.gallery-block h2:before,
.gallery-block h2:after,
.address-grid h2:after{
width:70px!important;
}
.address-grid img{
width:100%!important;
}
.payment-info-hero h1{
font-size:24px!important;
}
}
/* v15: Solution pages correction based on seven uploaded screenshots */
.sol-hero{
padding:78px 0!important;
min-height:360px!important;
background:
linear-gradient(132deg,#fff 0%,#fff8f1 54%,#ffd8ab 100%)!important;
}
.sol-hero-grid{
width:min(calc(100% - 64px),1140px)!important;
max-width:1140px!important;
grid-template-columns:420px 520px!important;
justify-content:center!important;
gap:90px!important;
align-items:center!important;
}
.sol-hero h1{
font-size:34px!important;
line-height:1.18!important;
font-weight:600!important;
color:#111!important;
max-width:420px!important;
}
.sol-hero p{
font-size:14px!important;
line-height:1.7!important;
color:#344056!important;
max-width:420px!important;
}
.sol-hero img{
width:520px!important;
height:300px!important;
object-fit:cover!important;
border-radius:0!important;
box-shadow:none!important;
background:transparent!important;
}
/* Global solution image treatment: no oversized text labels, cleaner cards */
.fba-row>img,
.courier-grid>img,
.port-row>img,
.warehouse-row>img,
.private-logo-grid>img,
.packaging-row>img,
.payment-term-row>img,
.inspect-row>img,
.guarantee-image img,
.dev-step>img{
border-radius:6px!important;
box-shadow:0 20px 46px rgba(15,23,42,.07)!important;
background:#fff!important;
object-fit:cover!important;
}
/* Amazon FBA rows */
.fba-list{
padding:72px 0 82px!important;
background:#fff!important;
}
.fba-row,
.fba-row.reverse{
width:min(100%,1140px)!important;
max-width:1140px!important;
margin:0 auto!important;
grid-template-columns:360px 1fr!important;
gap:72px!important;
padding:58px 0!important;
border-bottom:1px solid #e8e8e8!important;
align-items:center!important;
}
.fba-row.reverse{
grid-template-columns:1fr 360px!important;
}
.fba-row.reverse>img{order:2!important}
.fba-row.reverse>div{order:1!important}
.fba-row>img{
width:360px!important;
height:225px!important;
}
.fba-row h2{
font-size:26px!important;
line-height:1.22!important;
font-weight:600!important;
color:#111!important;
margin-bottom:16px!important;
}
.fba-row p,
.fba-row li{
font-size:13px!important;
line-height:1.72!important;
color:#344056!important;
}
.fba-row ul{
margin:12px 0 16px!important;
padding-left:0!important;
list-style:none!important;
}
.fba-row li{
position:relative!important;
padding-left:18px!important;
margin-bottom:7px!important;
}
.fba-row li:before{
content:"";
position:absolute;
left:0;
top:.7em;
width:6px;
height:6px;
border-radius:50%;
background:#ff8a21;
}
/* Shipping page */
.courier-section,
.door-section{
padding:74px 0!important;
background:#fff!important;
}
.port-section,
.consolidation-section{
padding:74px 0!important;
background:#eef3ff!important;
}
.courier-section h2,
.port-section h2,
.door-section h2,
.private-logo-section h2,
.packaging-options h2,
.why-private h2,
.payment-terms h2,
.inspect-section h2{
font-size:30px!important;
font-weight:600!important;
color:#111!important;
text-align:center!important;
margin-bottom:18px!important;
}
.center-intro{
font-size:13px!important;
line-height:1.65!important;
max-width:1140px!important;
margin:0 auto 44px!important;
text-align:center!important;
}
.courier-grid{
width:min(100%,1140px)!important;
margin:0 auto!important;
grid-template-columns:360px 1fr!important;
gap:72px!important;
align-items:center!important;
}
.courier-grid>img{
width:360px!important;
height:225px!important;
}
.courier-grid article{
margin-bottom:24px!important;
}
.courier-grid h3{
position:relative!important;
font-size:15px!important;
font-weight:600!important;
padding-left:20px!important;
}
.courier-grid h3:before{
content:"";
position:absolute;
left:0;
top:.45em;
width:10px;
height:10px;
border:2px solid #ff8a21;
border-radius:50%;
}
.courier-grid p{
font-size:13px!important;
line-height:1.65!important;
}
.port-row{
width:min(100%,1140px)!important;
margin:0 auto 18px!important;
grid-template-columns:360px 1fr!important;
gap:72px!important;
align-items:center!important;
}
.port-row img{
width:360px!important;
height:225px!important;
}
.port-row h3{
font-size:17px!important;
font-weight:600!important;
}
.port-row p{
font-size:13px!important;
line-height:1.7!important;
}
.door-grid{
width:min(100%,1140px)!important;
margin:0 auto!important;
grid-template-columns:1fr 1fr!important;
gap:22px!important;
}
.door-grid article{
padding:26px!important;
border-radius:4px!important;
box-shadow:0 12px 28px rgba(15,23,42,.04)!important;
}
.door-grid h3{
font-size:15px!important;
font-weight:600!important;
}
.door-grid p{
font-size:13px!important;
line-height:1.65!important;
}
.warehouse-row{
width:min(100%,1140px)!important;
margin:0 auto!important;
display:grid!important;
grid-template-columns:330px 1fr!important;
gap:62px!important;
align-items:center!important;
}
.warehouse-row img{
width:330px!important;
height:210px!important;
}
.warehouse-row h2{
font-size:30px!important;
line-height:1.15!important;
font-weight:600!important;
text-align:left!important;
}
.warehouse-row p{
font-size:13px!important;
line-height:1.7!important;
}
/* Quality control */
.quality-guarantee{
padding:76px 0!important;
background:#fff!important;
}
.guarantee-grid{
width:min(100%,1140px)!important;
margin:0 auto!important;
display:grid!important;
grid-template-columns:360px 1fr!important;
gap:62px!important;
align-items:center!important;
}
.guarantee-image img{
width:360px!important;
height:240px!important;
}
.guarantee-grid h2{
font-size:28px!important;
font-weight:600!important;
line-height:1.22!important;
color:#111!important;
margin-bottom:18px!important;
}
.guarantee-grid .lead{
font-size:13px!important;
line-height:1.72!important;
color:#344056!important;
margin-bottom:24px!important;
}
.guarantee-cards{
grid-template-columns:1fr 1fr!important;
gap:0!important;
}
.guarantee-cards article{
padding:28px!important;
border:1px solid #e2e2e2!important;
border-radius:2px!important;
box-shadow:none!important;
}
.guarantee-cards h3{
font-size:16px!important;
font-weight:600!important;
}
.guarantee-cards p{
font-size:13px!important;
line-height:1.65!important;
}
.inspect-section{
padding:78px 0!important;
background:#eef3ff!important;
}
.inspect-row,
.inspect-row.reverse{
width:min(100%,1140px)!important;
margin:0 auto 64px!important;
display:grid!important;
grid-template-columns:1fr 360px!important;
gap:72px!important;
align-items:center!important;
}
.inspect-row.reverse{
grid-template-columns:360px 1fr!important;
}
.inspect-row.reverse img{order:1!important}
.inspect-row.reverse div{order:2!important}
.inspect-row img{
width:360px!important;
height:230px!important;
}
.inspect-row h3{
font-size:18px!important;
font-weight:600!important;
}
.inspect-row p{
font-size:13px!important;
line-height:1.72!important;
}
/* Credit payment */
.payment-terms{
padding:78px 0!important;
background:#fff!important;
}
.payment-term-row{
width:min(100%,1140px)!important;
margin:0 auto 56px!important;
grid-template-columns:360px 1fr!important;
gap:62px!important;
align-items:center!important;
}
.payment-term-row img{
width:360px!important;
height:230px!important;
}
.payment-term-row>div{
background:#eef3ff!important;
padding:36px 42px!important;
border-radius:4px!important;
}
.payment-term-row h3{
font-size:18px!important;
font-weight:600!important;
}
.payment-term-row p,
.payment-term-row li{
font-size:13px!important;
line-height:1.68!important;
}
.solution-steps-orange{
padding:70px 0!important;
background:#f4f4f4!important;
}
.solution-step-grid{
width:min(100%,1140px)!important;
margin:0 auto!important;
grid-template-columns:repeat(4,1fr)!important;
gap:40px!important;
}
.solution-step-grid article div{
width:34px!important;
height:34px!important;
margin:0 auto 18px!important;
border-radius:50%!important;
background:#ff8a21!important;
color:#fff!important;
display:grid!important;
place-items:center!important;
}
.solution-step-grid h3{
font-size:15px!important;
font-weight:600!important;
text-align:center!important;
}
.solution-step-grid p{
font-size:12px!important;
line-height:1.6!important;
text-align:center!important;
}
/* Product development */
.development-timeline{
padding:76px 0!important;
background:#fff!important;
}
.dev-step,
.dev-step.reverse{
position:relative!important;
width:min(100%,1140px)!important;
margin:0 auto 58px!important;
padding:44px 54px!important;
display:grid!important;
grid-template-columns:360px 1fr!important;
gap:66px!important;
align-items:center!important;
background:#f1f1f1!important;
}
.dev-step.reverse{
grid-template-columns:1fr 360px!important;
}
.dev-step.reverse>img{order:2!important}
.dev-step.reverse>div{order:1!important}
.dev-step>img{
width:360px!important;
height:230px!important;
box-shadow:none!important;
}
.dev-step span{
position:absolute!important;
top:24px!important;
left:50%!important;
transform:translateX(-50%)!important;
font-size:44px!important;
line-height:1!important;
color:#fff!important;
font-weight:700!important;
}
.dev-step h2{
font-size:26px!important;
line-height:1.22!important;
font-weight:600!important;
color:#111!important;
}
.dev-step p{
font-size:13px!important;
line-height:1.7!important;
color:#344056!important;
}
/* Private label */
.private-logo-section{
padding:76px 0!important;
background:#fff!important;
}
.private-logo-grid{
width:min(100%,1140px)!important;
margin:0 auto!important;
grid-template-columns:360px 1fr!important;
gap:72px!important;
align-items:center!important;
}
.private-logo-grid img{
width:360px!important;
height:230px!important;
}
.private-logo-grid article{
margin-bottom:24px!important;
}
.private-logo-grid h3{
position:relative!important;
font-size:15px!important;
font-weight:600!important;
padding-left:20px!important;
}
.private-logo-grid h3:before{
content:"";
position:absolute;
left:0;
top:.45em;
width:10px;
height:10px;
border:2px solid #ff8a21;
border-radius:50%;
}
.private-logo-grid p{
font-size:13px!important;
line-height:1.65!important;
}
.packaging-options{
padding:76px 0!important;
background:#fff2df!important;
}
.packaging-row{
width:min(100%,1140px)!important;
margin:0 auto 54px!important;
grid-template-columns:1fr 360px!important;
gap:72px!important;
align-items:center!important;
border-bottom:1px solid rgba(0,0,0,.06)!important;
padding-bottom:54px!important;
}
.packaging-row img{
width:360px!important;
height:230px!important;
}
.packaging-row h3{
font-size:16px!important;
font-weight:600!important;
}
.packaging-row p{
font-size:13px!important;
line-height:1.7!important;
}
.why-private{
padding:74px 0!important;
background:#fff!important;
}
.why-grid{
width:min(100%,1140px)!important;
margin:0 auto!important;
grid-template-columns:1fr 1fr!important;
gap:18px!important;
}
.why-grid article{
padding:26px!important;
border-radius:4px!important;
box-shadow:0 10px 25px rgba(15,23,42,.05)!important;
}
.why-grid h3{
font-size:15px!important;
font-weight:600!important;
}
.why-grid p{
font-size:13px!important;
line-height:1.65!important;
}
/* Affiliate page */
.sol-affiliate-hero{
padding:74px 0 76px!important;
background:#fff!important;
text-align:center!important;
}
.sol-affiliate-hero h1{
font-size:36px!important;
font-weight:600!important;
max-width:1140px!important;
margin:0 auto 22px!important;
border-bottom:2px solid #ff8a21!important;
padding-bottom:20px!important;
}
.sol-affiliate-hero p{
font-size:14px!important;
}
.sol-affiliate-benefits{
padding:74px 0!important;
background:linear-gradient(135deg,#fff 0%,#fff8f1 56%,#ffd8ab 100%)!important;
}
.sol-affiliate-benefits h2,
.sol-affiliate-steps h2,
.sol-form-section h2{
font-size:30px!important;
font-weight:600!important;
text-align:center!important;
}
.sol-affiliate-benefits .sol-card-grid{
width:min(100%,1140px)!important;
margin:40px auto 0!important;
grid-template-columns:repeat(3,1fr)!important;
gap:20px!important;
}
.sol-affiliate-benefits .sol-card-grid article{
padding:26px!important;
min-height:150px!important;
}
.sol-affiliate-benefits .sol-card-grid h3{
font-size:15px!important;
font-weight:600!important;
text-align:center!important;
}
.sol-affiliate-benefits .sol-card-grid p{
font-size:13px!important;
line-height:1.65!important;
}
.sol-affiliate-steps{
padding:76px 0!important;
background:#fff!important;
}
.affiliate-step-list{
width:min(100%,1140px)!important;
margin:42px auto 0!important;
}
.affiliate-step-list div{
text-align:center!important;
margin-bottom:42px!important;
}
.affiliate-step-list span{
width:28px!important;
height:28px!important;
border-radius:50%!important;
background:#ff8a21!important;
color:#fff!important;
display:grid!important;
place-items:center!important;
margin:0 auto 14px!important;
}
.affiliate-step-list h3{
font-size:15px!important;
font-weight:600!important;
}
.affiliate-step-list p{
font-size:13px!important;
line-height:1.65!important;
}
.sol-form-section{
padding:76px 0!important;
background:#f3f3f3!important;
}
.solution-form{
width:min(100%,1140px)!important;
margin:36px auto 0!important;
padding:28px!important;
background:#fff!important;
border:1px solid #ddd!important;
border-radius:6px!important;
box-shadow:none!important;
}
/* Blue CTA — prevent global h2/p from turning black */
.blue-solution-cta{
padding:70px 0!important;
background:#173cc6!important;
text-align:center!important;
}
.blue-solution-cta h2,
.blue-solution-cta p{
color:#fff!important;
}
.blue-solution-cta h2{
font-size:24px!important;
font-weight:600!important;
margin-bottom:20px!important;
}
.blue-solution-cta .button,
.blue-solution-cta .button-blue-outline{
color:#fff!important;
border-color:#fff!important;
background:transparent!important;
}
/* Responsive solution pages */
@media(max-width:1140px){
.sol-hero-grid,
.fba-row,
.fba-row.reverse,
.courier-grid,
.port-row,
.warehouse-row,
.guarantee-grid,
.inspect-row,
.inspect-row.reverse,
.payment-term-row,
.dev-step,
.dev-step.reverse,
.private-logo-grid,
.packaging-row{
grid-template-columns:1fr!important;
gap:30px!important;
}
.fba-row.reverse>img,
.dev-step.reverse>img,
.inspect-row.reverse img{
order:0!important;
}
.sol-hero img,
.fba-row>img,
.courier-grid>img,
.port-row img,
.warehouse-row img,
.guarantee-image img,
.inspect-row img,
.payment-term-row img,
.dev-step>img,
.private-logo-grid img,
.packaging-row img{
width:100%!important;
height:auto!important;
}
.solution-step-grid,
.sol-affiliate-benefits .sol-card-grid{
grid-template-columns:1fr 1fr!important;
}
}
@media(max-width:640px){
.solution-step-grid,
.sol-affiliate-benefits .sol-card-grid,
.door-grid,
.why-grid{
grid-template-columns:1fr!important;
}
.sol-hero h1,
.sol-affiliate-hero h1{
font-size:30px!important;
}
.dev-step span{
position:static!important;
transform:none!important;
display:block!important;
margin-bottom:10px!important;
color:#fff!important;
}
}
/* v16: Resources three-page correction */
.resources-wrap,
.tutorial-wrap,
.sourcing-guide-wrap{
width:min(calc(100% - 64px),1140px)!important;
max-width:1140px!important;
margin:auto!important;
}
/* Resources landing page should replace the generic Blog listing */
.resources-main{
padding:58px 0 44px!important;
background:#fff!important;
}
.resources-main h1{
font-size:26px!important;
font-weight:500!important;
color:#ff8a21!important;
text-align:center!important;
margin:0 0 48px!important;
}
.resources-top-grid{
width:min(100%,1140px)!important;
margin:0 auto!important;
display:grid!important;
grid-template-columns:620px 280px!important;
gap:36px!important;
align-items:start!important;
}
.resources-guide-card{
background:#4f565d!important;
color:#fff!important;
padding:18px!important;
border-radius:0!important;
box-shadow:none!important;
}
.resources-guide-card img{
width:100%!important;
height:260px!important;
object-fit:cover!important;
border-radius:0!important;
margin-bottom:18px!important;
box-shadow:none!important;
}
.resources-guide-card h2{
display:none!important;
}
.resources-guide-card p{
white-space:pre-line!important;
color:#fff!important;
font-size:14px!important;
line-height:1.72!important;
margin-bottom:20px!important;
}
.resource-guide-actions{
display:flex!important;
justify-content:space-around!important;
align-items:center!important;
}
.resource-guide-actions span{
color:#fff!important;
font-size:12px!important;
font-weight:700!important;
}
.popular-topic-box h2{
font-size:16px!important;
font-weight:500!important;
margin:8px 0 18px!important;
color:#111!important;
}
.popular-topic-box a{
background:#f2f3fa!important;
border-radius:3px!important;
padding:16px 18px!important;
margin-bottom:12px!important;
box-shadow:none!important;
}
.popular-topic-box strong{
font-size:12px!important;
line-height:1.45!important;
color:#111!important;
}
.popular-topic-box span{
font-size:11px!important;
font-weight:700!important;
color:#111!important;
}
.resource-card-row{
width:min(100%,1140px)!important;
margin:44px auto 0!important;
display:grid!important;
grid-template-columns:1fr 1fr 1fr!important;
gap:18px!important;
}
.resource-subscribe-card,
.resource-outline-card{
min-height:258px!important;
border-radius:0!important;
box-shadow:none!important;
}
.resource-subscribe-card{
background:#ff8a21!important;
padding:28px!important;
}
.resource-subscribe-card h2,
.resource-outline-card h2{
font-size:20px!important;
font-weight:500!important;
margin-bottom:18px!important;
}
.resource-subscribe-card p,
.resource-outline-card p{
white-space:pre-line!important;
font-size:14px!important;
line-height:1.65!important;
}
.resource-outline-card{
padding:28px!important;
background:#f8f9ff!important;
border:1px solid #1f2937!important;
}
.monthly-report-band{
padding:48px 0!important;
background:#fff!important;
}
.monthly-report-grid{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
display:grid!important;
grid-template-columns:280px 1fr 380px!important;
gap:34px!important;
padding:30px 46px!important;
background:#ffbf78!important;
}
.monthly-report-grid img{
width:250px!important;
height:180px!important;
object-fit:contain!important;
box-shadow:none!important;
border-radius:0!important;
}
.monthly-report-grid h2{
font-size:22px!important;
font-weight:500!important;
}
.monthly-report-grid p{
font-size:14px!important;
line-height:1.65!important;
color:#111!important;
}
.resource-topics-section{
padding:62px 0 80px!important;
background:#fff!important;
text-align:center!important;
}
.resource-topics-section h2{
font-size:22px!important;
font-weight:500!important;
color:#111!important;
}
.resource-topic-grid{
width:min(100%,1140px)!important;
margin:36px auto 0!important;
display:grid!important;
grid-template-columns:repeat(3,1fr)!important;
gap:16px!important;
}
.resource-topic-grid a{
min-height:58px!important;
box-shadow:none!important;
border-radius:2px!important;
background:#f4f4f4!important;
padding:14px 16px!important;
}
.resource-topic-grid a img{
display:none!important;
}
.resource-topic-grid a span{
font-size:12px!important;
font-weight:600!important;
text-align:center!important;
}
/* Import Tutorial target-like proportions */
.tutorial-hero{
padding:74px 0 78px!important;
background:#ff9728!important;
text-align:center!important;
}
.tutorial-hero h1{
font-size:28px!important;
font-weight:500!important;
line-height:1.25!important;
color:#111!important;
margin-bottom:22px!important;
}
.tutorial-hero p{
max-width:1140px!important;
font-size:14px!important;
line-height:1.75!important;
color:#fff!important;
}
.tutorial-arrow{
width:46px!important;
height:46px!important;
bottom:-23px!important;
border-width:5px!important;
}
.tutorial-chapters{
padding:78px 0 76px!important;
background:#fff!important;
text-align:center!important;
}
.tutorial-chapters h2{
font-size:20px!important;
font-weight:500!important;
color:#111!important;
margin-bottom:46px!important;
}
.chapter-grid{
width:min(100%,1140px)!important;
max-width:1140px!important;
margin:0 auto!important;
display:grid!important;
grid-template-columns:repeat(4,1fr)!important;
gap:26px 18px!important;
}
.chapter-card{
border:1px solid #ddd!important;
border-radius:4px!important;
box-shadow:none!important;
background:#fff!important;
}
.chapter-card img{
height:118px!important;
object-fit:cover!important;
border-radius:0!important;
box-shadow:none!important;
}
.chapter-card div{
padding:16px 14px 18px!important;
}
.chapter-card h3{
font-size:15px!important;
font-weight:500!important;
color:#111!important;
}
.chapter-card p{
font-size:11px!important;
line-height:1.45!important;
min-height:44px!important;
color:#172033!important;
}
.chapter-card span{
font-size:11px!important;
line-height:1.3!important;
color:#ff8a21!important;
font-weight:700!important;
}
.tutorial-bottom-forms{
padding:70px 0!important;
background:#f2f2f2!important;
}
.tutorial-form-grid{
width:min(100%,1140px)!important;
margin:0 auto!important;
display:grid!important;
grid-template-columns:1fr 1fr 1fr!important;
gap:18px!important;
}
.tutorial-form-grid section{
min-height:200px!important;
padding:26px 24px!important;
background:#fff!important;
border:1px solid #d8d8d8!important;
border-radius:3px!important;
box-shadow:none!important;
}
.tutorial-form-grid h2{
font-size:19px!important;
line-height:1.25!important;
font-weight:500!important;
color:#ff8a21!important;
}
.tutorial-form-grid input{
min-height:32px!important;
font-size:12px!important;
}
.tutorial-form-grid button{
min-height:32px!important;
font-size:12px!important;
background:#ff8a21!important;
color:#fff!important;
padding:8px 18px!important;
}
.tutorial-agent-card h2{
color:#111!important;
}
.tutorial-agent-card p{
font-size:14px!important;
line-height:1.55!important;
}
.tutorial-agent-card .button-blue{
background:#1267e8!important;
color:#fff!important;
}
/* Sourcing Agent Guide proper page */
.sourcing-guide-hero{
padding:76px 0 82px!important;
background:linear-gradient(132deg,#fff 0%,#fff8f1 56%,#ffd8ab 100%)!important;
text-align:center!important;
}
.sourcing-guide-hero h1{
font-size:36px!important;
line-height:1.2!important;
font-weight:600!important;
max-width:850px!important;
margin:0 auto 18px!important;
color:#111!important;
}
.sourcing-guide-hero p{
font-size:15px!important;
line-height:1.75!important;
max-width:1140px!important;
margin:0 auto 24px!important;
color:#344056!important;
}
.sourcing-guide-content{
padding:72px 0 82px!important;
background:#fff!important;
}
.sourcing-guide-layout{
width:min(calc(100% - 80px),1140px)!important;
display:grid!important;
grid-template-columns:260px 1fr!important;
gap:58px!important;
align-items:start!important;
}
.sourcing-guide-toc{
position:sticky!important;
top:92px!important;
background:#f7f7f7!important;
border:1px solid #e5e5e5!important;
padding:22px!important;
}
.sourcing-guide-toc h2{
font-size:17px!important;
font-weight:600!important;
margin-bottom:16px!important;
color:#111!important;
}
.sourcing-guide-toc a{
display:block!important;
font-size:13px!important;
line-height:1.45!important;
color:#344056!important;
margin-bottom:12px!important;
}
.sourcing-guide-section{
position:relative!important;
padding:0 0 52px 76px!important;
margin-bottom:52px!important;
border-bottom:1px solid #e7e7e7!important;
}
.sourcing-guide-section span{
position:absolute!important;
left:0!important;
top:-8px!important;
font-size:42px!important;
line-height:1!important;
font-weight:700!important;
color:#ff8a21!important;
opacity:.22!important;
}
.sourcing-guide-section h2{
font-size:26px!important;
font-weight:600!important;
line-height:1.25!important;
color:#111!important;
margin-bottom:16px!important;
}
.sourcing-guide-section p{
font-size:15px!important;
line-height:1.78!important;
color:#344056!important;
margin-bottom:18px!important;
}
.sourcing-guide-section ul{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:12px 18px!important;
margin:20px 0 0!important;
padding:0!important;
list-style:none!important;
}
.sourcing-guide-section li{
position:relative!important;
background:#fff7ef!important;
border:1px solid #ffe0bd!important;
border-radius:4px!important;
padding:12px 14px 12px 30px!important;
font-size:13px!important;
line-height:1.45!important;
color:#344056!important;
}
.sourcing-guide-section li:before{
content:"";
position:absolute;
left:14px;
top:19px;
width:6px;
height:6px;
background:#ff8a21;
border-radius:50%;
}
.sourcing-guide-cta{
padding:70px 0!important;
background:#173cc6!important;
text-align:center!important;
}
.sourcing-guide-cta h2{
font-size:26px!important;
font-weight:600!important;
color:#fff!important;
margin-bottom:14px!important;
}
.sourcing-guide-cta p{
max-width:1140px!important;
margin:0 auto 22px!important;
font-size:14px!important;
line-height:1.7!important;
color:#dbe5ff!important;
}
.sourcing-guide-cta .button{
background:#fff!important;
color:#173cc6!important;
}
/* Prevent final-cta broken background on resource fallback pages */
.final-cta{
background:linear-gradient(135deg,rgba(15,15,15,.9),rgba(18,18,18,.86))!important;
}
/* Responsive */
@media(max-width:1140px){
.resources-top-grid,
.monthly-report-grid,
.sourcing-guide-layout{
grid-template-columns:1fr!important;
}
.chapter-grid{
grid-template-columns:repeat(3,1fr)!important;
}
.tutorial-form-grid,
.resource-card-row,
.resource-topic-grid{
grid-template-columns:1fr 1fr!important;
}
.sourcing-guide-toc{
position:static!important;
}
}
@media(max-width:640px){
.chapter-grid,
.tutorial-form-grid,
.resource-card-row,
.resource-topic-grid,
.sourcing-guide-section ul{
grid-template-columns:1fr!important;
}
.tutorial-hero h1,
.sourcing-guide-hero h1{
font-size:28px!important;
}
.sourcing-guide-section{
padding-left:0!important;
}
.sourcing-guide-section span{
position:static!important;
display:block!important;
margin-bottom:10px!important;
}
}
/* v17: Our Services five-page correction */
/* Main sourcing service */
.service-sp-head{
padding:68px 0 56px!important;
background:#fff!important;
text-align:center!important;
}
.service-sp-head h1{
font-size:30px!important;
line-height:1.25!important;
font-weight:600!important;
color:#111!important;
}
.plan-section{
padding:72px 0!important;
}
.plan-pro{
background:#f3f3f3!important;
}
.plan-basic{
background:#fff!important;
}
.service-plan-row,
.service-plan-row.is-reverse{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
margin:0 auto!important;
display:grid!important;
grid-template-columns:1fr 420px!important;
gap:72px!important;
align-items:center!important;
}
.service-plan-row.is-reverse{
grid-template-columns:420px 1fr!important;
}
.service-plan-row.is-reverse .plan-copy{order:2!important}
.service-plan-row.is-reverse .plan-image{order:1!important}
.plan-copy h2{
font-size:26px!important;
line-height:1.22!important;
font-weight:600!important;
margin-bottom:22px!important;
color:#111!important;
}
.plan-copy p{
font-size:13px!important;
line-height:1.76!important;
color:#344056!important;
margin-bottom:16px!important;
}
.plan-image img{
width:420px!important;
height:260px!important;
object-fit:cover!important;
border-radius:6px!important;
box-shadow:0 20px 48px rgba(15,23,42,.08)!important;
}
.comparison-section{
padding:72px 0!important;
background:#f3f3f3!important;
text-align:center!important;
}
.comparison-section h2,
.how-section h2,
.faq-service-section h2{
font-size:26px!important;
font-weight:600!important;
color:#111!important;
margin-bottom:36px!important;
}
.plan-table{
width:min(100%,1140px)!important;
margin:0 auto!important;
border:1px solid #d6d6d6!important;
background:#fff!important;
font-size:12px!important;
}
.plan-table-row{
display:grid!important;
grid-template-columns:1.1fr 1fr 1fr!important;
border-bottom:1px solid #e2e2e2!important;
}
.plan-table-row:last-child{border-bottom:0!important}
.plan-table-row.head{
background:#1479e6!important;
color:#fff!important;
}
.plan-table-row span,
.plan-table-row strong{
padding:13px 16px!important;
text-align:left!important;
border-right:1px solid #e2e2e2!important;
font-size:12px!important;
line-height:1.4!important;
}
.plan-table-row.head strong{
color:#fff!important;
font-size:12px!important;
}
.how-section{
padding:70px 0!important;
background:#fff!important;
}
.how-grid{
width:min(100%,1140px)!important;
margin:0 auto!important;
display:grid!important;
grid-template-columns:repeat(4,1fr)!important;
gap:28px!important;
}
.how-card{
text-align:center!important;
}
.how-icon{
width:32px!important;
height:32px!important;
border-radius:50%!important;
border:1px solid #e5e5e5!important;
color:#ff8a21!important;
display:grid!important;
place-items:center!important;
margin:0 auto 18px!important;
font-size:12px!important;
font-weight:600!important;
background:#fff!important;
}
.how-card p{
font-size:12px!important;
line-height:1.55!important;
color:#344056!important;
}
.faq-service-section{
padding:70px 0 76px!important;
background:#f3f3f3!important;
}
.faq-box{
width:min(100%,1140px)!important;
margin:0 auto!important;
}
.faq-box details{
background:#fff!important;
border-radius:3px!important;
margin-bottom:10px!important;
border:0!important;
}
.faq-box summary{
min-height:42px!important;
padding:12px 18px!important;
font-size:12px!important;
font-weight:600!important;
color:#111!important;
}
/* Dropshipping */
.dropship-hero{
padding:76px 0 74px!important;
background:#fff!important;
text-align:center!important;
}
.dropship-hero h1{
font-size:36px!important;
font-weight:600!important;
color:#111!important;
line-height:1.18!important;
margin-bottom:20px!important;
}
.dropship-hero p{
max-width:1140px!important;
font-size:14px!important;
line-height:1.7!important;
margin:0 auto!important;
color:#344056!important;
}
.dropship-benefits{
padding:76px 0!important;
background:linear-gradient(135deg,#fff 0%,#fff8f1 58%,#ffd8ab 100%)!important;
}
.dropship-benefits h2{
font-size:30px!important;
font-weight:600!important;
color:#111!important;
text-align:center!important;
margin-bottom:44px!important;
}
.benefit-grid{
width:min(100%,1140px)!important;
margin:0 auto!important;
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:24px!important;
}
.benefit-grid article{
background:#fff!important;
padding:28px!important;
border-radius:5px!important;
border:0!important;
box-shadow:0 10px 26px rgba(15,23,42,.04)!important;
}
.benefit-grid h3{
font-size:16px!important;
font-weight:600!important;
color:#111!important;
}
.benefit-grid p{
font-size:13px!important;
line-height:1.7!important;
color:#344056!important;
}
.dropship-steps{
padding:76px 0!important;
background:#fff!important;
}
.dropship-steps h2{
font-size:30px!important;
font-weight:600!important;
text-align:center!important;
margin-bottom:44px!important;
}
.drop-step-grid{
width:min(100%,1140px)!important;
margin:0 auto!important;
display:grid!important;
grid-template-columns:1fr 420px!important;
gap:72px!important;
align-items:center!important;
}
.drop-step-grid ol{
list-style:none!important;
counter-reset:dropstep!important;
padding:0!important;
margin:0!important;
}
.drop-step-grid li{
counter-increment:dropstep!important;
position:relative!important;
padding:18px 0 18px 58px!important;
border-bottom:1px solid #e5e5e5!important;
font-size:13px!important;
line-height:1.55!important;
color:#344056!important;
}
.drop-step-grid li:before{
content:counter(dropstep)!important;
position:absolute!important;
left:0!important;
top:8px!important;
font-size:32px!important;
color:#c3c7cf!important;
font-weight:300!important;
}
.drop-step-grid img{
width:420px!important;
height:270px!important;
object-fit:cover!important;
border-radius:0!important;
box-shadow:none!important;
}
/* Photos & Designs */
.design-hero{
padding:72px 0!important;
background:linear-gradient(135deg,#fff 0%,#fff8f1 58%,#ffd8ab 100%)!important;
}
.design-hero .service-plan-row{
grid-template-columns:420px 1fr!important;
width:min(calc(100% - 80px),1140px)!important;
}
.design-hero h1{
font-size:30px!important;
font-weight:600!important;
color:#111!important;
}
.design-steps{
padding:58px 0!important;
background:#fff!important;
}
.design-step{
text-align:center!important;
}
.design-icon{
width:34px!important;
height:34px!important;
border:1px solid #ff8a21!important;
color:#ff8a21!important;
display:grid!important;
place-items:center!important;
margin:0 auto 16px!important;
font-size:12px!important;
}
.design-step p{
font-size:12px!important;
line-height:1.55!important;
}
.design-band{
padding:76px 0!important;
background:linear-gradient(135deg,#fff 0%,#fff8f1 58%,#ffd8ab 100%)!important;
text-align:left!important;
}
.design-band-white{
background:#fff!important;
}
.design-band-grid{
width:min(calc(100% - 64px),1140px)!important;
margin:0 auto!important;
display:grid!important;
grid-template-columns:420px 1fr!important;
gap:72px!important;
align-items:center!important;
}
.design-band-grid.reverse{
grid-template-columns:1fr 420px!important;
}
.design-band-grid.reverse img{order:2!important}
.design-band-grid.reverse div{order:1!important}
.design-band-grid img{
width:420px!important;
height:250px!important;
object-fit:cover!important;
border-radius:4px!important;
box-shadow:0 18px 44px rgba(15,23,42,.08)!important;
}
.design-band h2{
font-size:28px!important;
font-weight:600!important;
color:#111!important;
margin-bottom:16px!important;
}
.design-band p{
font-size:14px!important;
line-height:1.72!important;
color:#344056!important;
}
.design-inquiry{
padding:76px 0!important;
background:linear-gradient(135deg,#fff 0%,#fff8f1 58%,#ffd8ab 100%)!important;
}
.design-inquiry h2{
font-size:28px!important;
text-align:center!important;
font-weight:600!important;
}
.design-form{
width:min(100%,1140px)!important;
margin:30px auto 0!important;
background:rgba(255,255,255,.72)!important;
border:1px solid #d9d0c4!important;
box-shadow:none!important;
border-radius:4px!important;
padding:24px!important;
}
/* Extra services */
.extra-head{
padding:64px 0 54px!important;
background:#fff!important;
text-align:center!important;
}
.extra-head h1{
font-size:32px!important;
font-weight:600!important;
color:#111!important;
display:inline-block!important;
border-bottom:2px solid #ff8a21!important;
padding-bottom:18px!important;
}
.extra-orange{
padding:74px 0!important;
background:linear-gradient(135deg,#fff 0%,#fff8f1 58%,#ffd8ab 100%)!important;
}
.extra-blue{
padding:74px 0!important;
background:#eaf7ff!important;
}
.extra-orange h2,
.extra-blue h2{
font-size:28px!important;
font-weight:600!important;
text-align:center!important;
color:#111!important;
margin-bottom:34px!important;
}
.photo-service-card,
.packaging-grid,
.warehouse-row{
width:min(100%,1140px)!important;
margin:0 auto 34px!important;
background:#fff!important;
border-radius:5px!important;
overflow:hidden!important;
box-shadow:0 12px 28px rgba(15,23,42,.05)!important;
}
.photo-service-card{
display:grid!important;
grid-template-columns:360px 1fr!important;
align-items:center!important;
}
.photo-service-card img{
width:360px!important;
height:220px!important;
object-fit:cover!important;
box-shadow:none!important;
border-radius:0!important;
}
.photo-service-card ul{
padding:26px 30px!important;
margin:0!important;
}
.photo-service-card li{
font-size:13px!important;
line-height:1.65!important;
color:#344056!important;
margin-bottom:10px!important;
}
.packaging-grid{
display:grid!important;
grid-template-columns:1fr 1fr 1fr 1fr!important;
align-items:stretch!important;
}
.packaging-grid img{
width:100%!important;
height:210px!important;
object-fit:cover!important;
border-radius:0!important;
box-shadow:none!important;
}
.packaging-grid div{
padding:24px!important;
font-size:13px!important;
line-height:1.65!important;
color:#344056!important;
}
.quality-grid{
width:min(100%,1140px)!important;
margin:0 auto 34px!important;
display:grid!important;
grid-template-columns:repeat(3,1fr)!important;
gap:22px!important;
}
.quality-grid article{
background:#fff!important;
border-radius:5px!important;
overflow:hidden!important;
box-shadow:0 12px 28px rgba(15,23,42,.05)!important;
}
.quality-grid img{
width:100%!important;
height:170px!important;
object-fit:cover!important;
border-radius:0!important;
box-shadow:none!important;
}
.quality-grid article div{
padding:22px!important;
}
.quality-grid h3{
font-size:15px!important;
font-weight:600!important;
color:#111!important;
}
.quality-grid p{
font-size:13px!important;
line-height:1.65!important;
color:#344056!important;
}
.warehouse-row{
display:grid!important;
grid-template-columns:360px 1fr!important;
align-items:center!important;
}
.warehouse-row img{
width:360px!important;
height:220px!important;
object-fit:cover!important;
box-shadow:none!important;
border-radius:0!important;
}
.warehouse-row div{
padding:26px 30px!important;
}
/* Who we support */
.support-hero{
padding:78px 0!important;
background:linear-gradient(135deg,#fff 0%,#fff8f1 58%,#ffd8ab 100%)!important;
text-align:center!important;
}
.support-wrap{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
margin:auto!important;
}
.support-hero h1{
font-size:38px!important;
font-weight:600!important;
color:#111!important;
margin-bottom:18px!important;
}
.support-hero p{
max-width:1140px!important;
margin:0 auto!important;
font-size:15px!important;
line-height:1.72!important;
color:#344056!important;
}
.support-cards-section{
padding:76px 0!important;
background:#fff!important;
}
.support-cards-section h2,
.support-process-section h2{
font-size:30px!important;
font-weight:600!important;
text-align:center!important;
color:#111!important;
margin-bottom:42px!important;
}
.support-card-grid{
display:grid!important;
grid-template-columns:repeat(3,1fr)!important;
gap:24px!important;
}
.support-card-grid article{
background:#fff!important;
border:1px solid #e7e7e7!important;
border-radius:6px!important;
overflow:hidden!important;
box-shadow:0 12px 28px rgba(15,23,42,.05)!important;
}
.support-card-grid img{
width:100%!important;
height:170px!important;
object-fit:cover!important;
box-shadow:none!important;
border-radius:0!important;
}
.support-card-grid article div{
padding:22px!important;
}
.support-card-grid h3{
font-size:16px!important;
font-weight:600!important;
color:#111!important;
}
.support-card-grid p{
font-size:13px!important;
line-height:1.65!important;
color:#344056!important;
}
.support-process-section{
padding:76px 0!important;
background:#f3f3f3!important;
}
.support-process-grid{
display:grid!important;
grid-template-columns:repeat(4,1fr)!important;
gap:24px!important;
}
.support-process-grid article{
text-align:center!important;
}
.support-process-grid span{
width:34px!important;
height:34px!important;
border-radius:50%!important;
background:#ff8a21!important;
color:#fff!important;
display:grid!important;
place-items:center!important;
margin:0 auto 18px!important;
font-weight:600!important;
}
.support-process-grid h3{
font-size:15px!important;
font-weight:600!important;
color:#111!important;
}
.support-process-grid p{
font-size:13px!important;
line-height:1.65!important;
color:#344056!important;
}
/* Service page responsive */
@media(max-width:1140px){
.service-plan-row,
.service-plan-row.is-reverse,
.drop-step-grid,
.design-hero .service-plan-row,
.design-band-grid,
.design-band-grid.reverse,
.photo-service-card,
.warehouse-row{
grid-template-columns:1fr!important;
}
.service-plan-row.is-reverse .plan-copy,
.service-plan-row.is-reverse .plan-image,
.design-band-grid.reverse img,
.design-band-grid.reverse div{
order:0!important;
}
.plan-image img,
.drop-step-grid img,
.design-band-grid img,
.photo-service-card img,
.warehouse-row img{
width:100%!important;
height:auto!important;
}
.how-grid,
.quality-grid,
.support-card-grid,
.support-process-grid{
grid-template-columns:1fr 1fr!important;
}
.packaging-grid{
grid-template-columns:1fr 1fr!important;
}
}
@media(max-width:640px){
.how-grid,
.benefit-grid,
.quality-grid,
.support-card-grid,
.support-process-grid,
.packaging-grid{
grid-template-columns:1fr!important;
}
.dropship-hero h1,
.support-hero h1{
font-size:30px!important;
}
}
/* v18: typography and viewport correction based on 1897px screenshots
Goal: target-like 1140px desktop layout, titles should not wrap unnecessarily,
descriptions should be around 18px, and page rhythm should feel larger. */
:root{
--container:1140px!important;
--wide:1140px!important;
--content:1140px!important;
--rjl-content:1140px!important;
--rjl-wide:1140px!important;
--rjl-narrow:1140px!important;
}
/* Global readable scale */
body{
font-size:18px!important;
line-height:1.7!important;
color:#172033!important;
}
p,
li,
.single-resource-content p,
.about-intro-grid p,
.payment-method p,
.plan-copy p,
.audience-text p,
.products-hero p,
.sol-hero p,
.dropship-hero p,
.support-hero p,
.sourcing-guide-hero p,
.tutorial-hero p{
font-size:18px!important;
line-height:1.72!important;
color:#344056!important;
}
small,
.site-footer li,
.site-footer p,
.footer-brand p{
font-size:14px!important;
}
/* Keep title weight target-like, but make width bigger and size more controlled */
h1,h2,h3,h4,h5,h6{
font-weight:600!important;
letter-spacing:-0.012em!important;
}
h1{
font-size:40px!important;
line-height:1.18!important;
}
h2{
font-size:32px!important;
line-height:1.24!important;
}
h3{
font-size:22px!important;
line-height:1.32!important;
}
/* Use the full 1140 desktop content space, not narrow 600px text boxes */
.container,
.compact-layout,
.narrow-layout,
.about-compact,
.founder-compact,
.products-compact,
.resources-wrap,
.tutorial-wrap,
.blog-compact,
.support-wrap,
.sourcing-guide-wrap{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
}
.hero-centered,
.section-title-center,
.center-intro{
max-width:1140px!important;
}
/* Header should not steal horizontal space */
.header-inner{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
height:72px!important;
grid-template-columns:180px 1fr!important;
}
.site-brand img,
.brand-fallback img{
max-width:155px!important;
}
.main-nav>.menu{
gap:34px!important;
}
.main-nav a{
font-size:15px!important;
}
/* Homepage: target title should fit on one line at 1897px viewport */
.home-hero{
min-height:360px!important;
padding:76px 0 74px!important;
}
.hero-centered h1{
max-width:1140px!important;
font-size:38px!important;
line-height:1.18!important;
font-weight:600!important;
white-space:normal!important;
}
.hero-centered p{
max-width:1140px!important;
font-size:18px!important;
line-height:1.72!important;
margin-top:22px!important;
}
.hero-note{
font-size:14px!important;
}
.hero-buttons .button,
.button{
font-size:15px!important;
min-height:42px!important;
padding:11px 26px!important;
font-weight:600!important;
}
/* Generic page hero titles: widen copy column and reduce H1 from oversized versions */
.sol-hero h1,
.products-hero h1,
.plan-copy h1,
.support-hero h1,
.sourcing-guide-hero h1,
.about-us-hero h1,
.founder-intro h1,
.payment-info-hero h1,
.dropship-hero h1,
.service-sp-head h1,
.extra-head h1{
font-size:38px!important;
line-height:1.18!important;
font-weight:600!important;
max-width:1140px!important;
}
.sol-hero p,
.products-hero p,
.plan-copy p,
.support-hero p,
.sourcing-guide-hero p,
.dropship-hero p{
font-size:18px!important;
line-height:1.72!important;
max-width:1140px!important;
}
/* Two-column hero pages: larger text area so long titles don't wrap early */
.sol-hero-grid,
.products-hero-grid,
.design-hero .service-plan-row,
.service-plan-row{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
grid-template-columns:minmax(0,500px) 520px!important;
gap:90px!important;
}
.service-plan-row.is-reverse{
grid-template-columns:520px minmax(0,500px)!important;
}
.products-hero h1,
.sol-hero h1{
max-width:520px!important;
}
.sol-hero img,
.products-hero img,
.plan-image img{
width:520px!important;
height:310px!important;
}
/* Section rhythm: less cramped, more like target large-page spacing */
.audience-section,
.apart-section,
.value-section,
.clients-section,
.ebook-section,
.product-category-section,
.products-solutions-section,
.products-alibaba-section,
.products-report-section,
.resources-main,
.tutorial-chapters,
.support-cards-section,
.support-process-section,
.fba-list,
.courier-section,
.port-section,
.door-section,
.private-logo-section,
.packaging-options,
.why-private,
.development-timeline,
.quality-guarantee,
.inspect-section,
.payment-terms,
.dropship-benefits,
.dropship-steps,
.design-steps,
.design-band,
.design-inquiry,
.extra-orange,
.extra-blue{
padding-top:88px!important;
padding-bottom:88px!important;
}
/* Homepage audience: body text target-like */
.audience-row,
.audience-row.is-reverse{
width:min(100%,1140px)!important;
max-width:1140px!important;
grid-template-columns:470px 1fr!important;
gap:90px!important;
}
.audience-row.is-reverse{
grid-template-columns:1fr 470px!important;
}
.audience-text h2{
font-size:32px!important;
line-height:1.2!important;
font-weight:600!important;
}
.audience-text h3{
font-size:18px!important;
}
.audience-text p{
font-size:18px!important;
line-height:1.72!important;
max-width:520px!important;
}
.audience-image img,
.audience-image{
height:300px!important;
min-height:300px!important;
}
/* Products page: match target scale */
.products-section-title h2,
.resources-main h1,
.tutorial-chapters h2,
.about-social-section h2,
.about-stories-section h2,
.founder-blog-section h2{
font-size:32px!important;
font-weight:600!important;
}
.products-section-title p,
.resources-main p,
.resource-outline-card p,
.resource-subscribe-card p,
.monthly-report-grid p{
font-size:18px!important;
line-height:1.72!important;
}
.products-category-grid{
max-width:1140px!important;
}
.products-category-cell{
min-height:140px!important;
}
.products-category-cell strong{
font-size:15px!important;
}
.products-solution-row{
width:min(100%,1140px)!important;
max-width:1140px!important;
grid-template-columns:1fr 460px!important;
gap:90px!important;
}
.products-solution-row.reverse{
grid-template-columns:460px 1fr!important;
}
.products-solution-row h3{
font-size:26px!important;
}
.products-solution-row p{
font-size:18px!important;
line-height:1.72!important;
}
.products-solution-row img{
height:290px!important;
}
/* Services pages */
.plan-copy h2,
.dropship-benefits h2,
.dropship-steps h2,
.extra-orange h2,
.extra-blue h2,
.design-band h2,
.support-cards-section h2,
.support-process-section h2,
.comparison-section h2,
.how-section h2,
.faq-service-section h2{
font-size:34px!important;
font-weight:600!important;
}
.benefit-grid article,
.support-card-grid article,
.quality-grid article{
padding:34px!important;
}
.benefit-grid h3,
.support-card-grid h3,
.quality-grid h3{
font-size:22px!important;
}
.benefit-grid p,
.support-card-grid p,
.quality-grid p,
.drop-step-grid li,
.how-card p,
.faq-box summary,
.photo-service-card li,
.packaging-grid div,
.warehouse-row div p{
font-size:18px!important;
line-height:1.72!important;
}
.drop-step-grid{
width:min(100%,1140px)!important;
grid-template-columns:1fr 480px!important;
}
.drop-step-grid img{
width:480px!important;
height:310px!important;
}
/* Solutions pages: keep long page titles on one line where target does */
.fba-row,
.fba-row.reverse,
.courier-grid,
.port-row,
.warehouse-row,
.guarantee-grid,
.inspect-row,
.inspect-row.reverse,
.payment-term-row,
.dev-step,
.dev-step.reverse,
.private-logo-grid,
.packaging-row{
width:min(100%,1140px)!important;
max-width:1140px!important;
}
.fba-row h2,
.courier-section h2,
.port-section h2,
.door-section h2,
.private-logo-section h2,
.packaging-options h2,
.why-private h2,
.payment-terms h2,
.inspect-section h2,
.dev-step h2,
.guarantee-grid h2{
font-size:34px!important;
line-height:1.22!important;
}
.fba-row p,
.fba-row li,
.courier-grid p,
.port-row p,
.door-grid p,
.warehouse-row p,
.guarantee-grid .lead,
.guarantee-cards p,
.inspect-row p,
.payment-term-row p,
.payment-term-row li,
.dev-step p,
.private-logo-grid p,
.packaging-row p,
.why-grid p{
font-size:18px!important;
line-height:1.72!important;
}
.fba-row h3,
.courier-grid h3,
.port-row h3,
.door-grid h3,
.guarantee-cards h3,
.inspect-row h3,
.payment-term-row h3,
.private-logo-grid h3,
.packaging-row h3,
.why-grid h3{
font-size:22px!important;
}
/* About pages: fix over-large title wrap, but keep descriptions readable */
.about-us-hero h1{
font-size:38px!important;
max-width:1140px!important;
}
.about-intro-grid{
width:min(100%,1140px)!important;
grid-template-columns:1fr 460px!important;
gap:82px!important;
}
.about-intro-grid p{
font-size:18px!important;
line-height:1.72!important;
}
.about-brochure-grid{
width:min(100%,1140px)!important;
max-width:1140px!important;
}
.about-brochure-grid h2{
font-size:28px!important;
}
.about-brochure-grid p{
font-size:18px!important;
}
.unique-grid{
width:min(100%,1140px)!important;
max-width:1140px!important;
}
.unique-grid article h3{
font-size:18px!important;
}
.unique-grid article p{
font-size:16px!important;
}
.unique-center h2{
font-size:30px!important;
}
.stories-grid,
.gallery-grid,
.address-grid{
width:min(100%,1140px)!important;
max-width:1140px!important;
}
/* Resources / Tutorial */
.tutorial-hero h1{
font-size:38px!important;
max-width:1100px!important;
}
.tutorial-hero p{
font-size:18px!important;
line-height:1.72!important;
max-width:1140px!important;
}
.chapter-grid{
width:min(100%,1140px)!important;
max-width:1140px!important;
}
.chapter-card h3{
font-size:18px!important;
}
.chapter-card p,
.chapter-card span{
font-size:14px!important;
}
.tutorial-form-grid section{
padding:34px!important;
}
.tutorial-form-grid h2{
font-size:28px!important;
}
.tutorial-agent-card p{
font-size:18px!important;
}
.sourcing-guide-hero h1{
font-size:38px!important;
max-width:1100px!important;
}
.sourcing-guide-section h2{
font-size:32px!important;
}
.sourcing-guide-section p,
.sourcing-guide-section li{
font-size:18px!important;
line-height:1.72!important;
}
/* Footer: target footer is small but not tiny */
.site-footer h2{
font-size:15px!important;
}
.site-footer li,
.site-footer p,
.footer-brand p{
font-size:14px!important;
line-height:1.6!important;
}
.footer-grid{
width:min(100%,1060px)!important;
}
/* Mobile/tablet: allow wrapping again */
@media(max-width:1140px){
h1,
.hero-centered h1,
.sol-hero h1,
.products-hero h1,
.support-hero h1,
.sourcing-guide-hero h1,
.tutorial-hero h1{
font-size:32px!important;
white-space:normal!important;
}
p,li{
font-size:16px!important;
}
.sol-hero-grid,
.products-hero-grid,
.design-hero .service-plan-row,
.service-plan-row,
.service-plan-row.is-reverse,
.audience-row,
.audience-row.is-reverse,
.products-solution-row,
.products-solution-row.reverse,
.drop-step-grid,
.about-intro-grid{
grid-template-columns:1fr!important;
}
.sol-hero img,
.products-hero img,
.plan-image img,
.drop-step-grid img{
width:100%!important;
height:auto!important;
}
}
@media(max-width:640px){
.container,
.compact-layout,
.narrow-layout,
.about-compact,
.founder-compact,
.products-compact,
.resources-wrap,
.tutorial-wrap,
.blog-compact,
.support-wrap,
.sourcing-guide-wrap{
width:min(calc(100% - 32px),1140px)!important;
}
.header-inner{
width:min(calc(100% - 32px),1140px)!important;
}
}
/* v19: true 1140px layout pass
The previous versions still had many internal 1040/980/920 containers.
This pass makes the real visible modules use the 1140px desktop width,
and enlarges cards/images so the page no longer feels small. */
:root{
--container:1140px!important;
--wide:1140px!important;
--content:1140px!important;
--rjl-content:1140px!important;
--rjl-wide:1140px!important;
--rjl-narrow:1140px!important;
}
/* One true desktop container */
.container,
.compact-layout,
.narrow-layout,
.about-compact,
.founder-compact,
.products-compact,
.resources-wrap,
.tutorial-wrap,
.blog-compact,
.support-wrap,
.sourcing-guide-wrap,
.service-plan-row,
.service-plan-row.is-reverse,
.sol-hero-grid,
.products-hero-grid,
.audience-row,
.audience-row.is-reverse,
.apart-showcase,
.stat-panel,
.service-mini-grid,
.testimonial-grid,
.ebook-grid,
.products-category-grid,
.products-more-box,
.products-solution-row,
.products-solution-row.reverse,
.products-report-grid,
.resources-top-grid,
.resource-card-row,
.monthly-report-grid,
.resource-topic-grid,
.chapter-grid,
.tutorial-form-grid,
.sourcing-guide-layout,
.fba-row,
.fba-row.reverse,
.courier-grid,
.port-row,
.warehouse-row,
.guarantee-grid,
.inspect-row,
.inspect-row.reverse,
.payment-term-row,
.dev-step,
.dev-step.reverse,
.private-logo-grid,
.packaging-row,
.why-grid,
.sol-affiliate-benefits .sol-card-grid,
.drop-step-grid,
.benefit-grid,
.how-grid,
.faq-box,
.design-band-grid,
.design-band-grid.reverse,
.photo-service-card,
.packaging-grid,
.quality-grid,
.support-card-grid,
.support-process-grid,
.unique-grid,
.stories-grid,
.gallery-grid,
.address-grid,
.playlist-box,
.founder-blog-section,
.footer-grid{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
}
/* Remove the small-box feeling: larger section breathing room */
.home-hero,
.products-hero,
.sol-hero,
.page-hero,
.blog-index-hero,
.support-hero,
.sourcing-guide-hero,
.dropship-hero,
.service-sp-head,
.extra-head,
.about-us-hero,
.payment-info-hero{
padding-top:92px!important;
padding-bottom:92px!important;
}
.audience-section,
.apart-section,
.value-section,
.clients-section,
.ebook-section,
.product-category-section,
.products-solutions-section,
.products-alibaba-section,
.products-report-section,
.resources-main,
.tutorial-chapters,
.tutorial-bottom-forms,
.resource-topics-section,
.support-cards-section,
.support-process-section,
.fba-list,
.courier-section,
.port-section,
.door-section,
.consolidation-section,
.private-logo-section,
.packaging-options,
.why-private,
.development-timeline,
.quality-guarantee,
.inspect-section,
.payment-terms,
.solution-steps-orange,
.dropship-benefits,
.dropship-steps,
.design-steps,
.design-band,
.design-inquiry,
.extra-orange,
.extra-blue,
.about-unique-section,
.about-social-section,
.about-stories-section,
.about-gallery-section,
.founder-section,
.payment-methods-section,
.sourcing-guide-content{
padding-top:104px!important;
padding-bottom:104px!important;
}
/* Header uses same 1140 content width */
.header-inner{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
}
/* Hero content must use real 1140 width */
.hero-centered,
.section-title-center,
.center-intro{
max-width:1140px!important;
}
.hero-centered h1,
.tutorial-hero h1,
.sourcing-guide-hero h1,
.support-hero h1,
.dropship-hero h1,
.about-us-hero h1,
.payment-info-hero h1{
max-width:1140px!important;
}
.hero-centered p,
.tutorial-hero p,
.sourcing-guide-hero p,
.support-hero p,
.dropship-hero p,
.products-section-title p,
.section-title-center p,
.center-intro{
max-width:1140px!important;
}
/* Two-column hero/pages: real 1140 split */
.sol-hero-grid,
.products-hero-grid,
.service-plan-row,
.service-plan-row.is-reverse,
.design-hero .service-plan-row{
display:grid!important;
grid-template-columns:520px 520px!important;
gap:100px!important;
align-items:center!important;
justify-content:center!important;
}
.service-plan-row.is-reverse{
grid-template-columns:520px 520px!important;
}
.sol-hero img,
.products-hero img,
.plan-image img,
.design-hero img{
width:520px!important;
height:330px!important;
object-fit:cover!important;
}
.sol-hero h1,
.products-hero h1,
.plan-copy h1,
.plan-copy h2{
max-width:520px!important;
}
.sol-hero p,
.products-hero p,
.plan-copy p{
max-width:520px!important;
}
/* Homepage audience: larger images/cards */
.audience-row,
.audience-row.is-reverse{
grid-template-columns:520px 520px!important;
gap:100px!important;
margin-bottom:110px!important;
}
.audience-row.is-reverse{
grid-template-columns:520px 520px!important;
}
.audience-image,
.audience-image img{
width:520px!important;
height:340px!important;
min-height:340px!important;
}
.audience-text p{
max-width:520px!important;
}
/* Apart section should occupy full width, not 760px */
.apart-showcase{
grid-template-columns:520px 520px!important;
gap:80px!important;
}
.apart-video,
.video-card{
min-height:300px!important;
}
.stat-panel{
margin-top:64px!important;
}
.stat-grid{
grid-template-columns:repeat(4,1fr)!important;
}
.stat{
min-height:120px!important;
}
/* Value-added cards: target-like bigger card row */
.service-mini-grid{
grid-template-columns:repeat(4,1fr)!important;
gap:26px!important;
}
.service-mini{
min-height:360px!important;
}
.service-mini img{
height:190px!important;
}
.service-mini h3{
font-size:20px!important;
padding-left:24px!important;
padding-right:24px!important;
}
.service-mini p{
font-size:16px!important;
padding-left:24px!important;
padding-right:24px!important;
}
/* Testimonials / ebook use full width */
.testimonial-grid{
grid-template-columns:repeat(2,1fr)!important;
gap:26px!important;
}
.testimonial{
padding:30px!important;
min-height:150px!important;
}
.ebook-grid{
grid-template-columns:480px 1fr!important;
gap:70px!important;
}
.ebook-grid img{
width:480px!important;
height:300px!important;
object-fit:cover!important;
}
/* Products page: larger 1140 components */
.products-category-grid{
grid-template-columns:repeat(5,1fr)!important;
}
.products-category-cell{
min-height:160px!important;
}
.products-category-icon{
width:54px!important;
height:54px!important;
}
.products-category-icon img{
width:46px!important;
height:46px!important;
}
.products-category-cell strong{
font-size:17px!important;
}
.products-more-box{
padding:46px 64px!important;
min-height:190px!important;
}
.products-solution-row,
.products-solution-row.reverse{
grid-template-columns:520px 520px!important;
gap:100px!important;
margin-bottom:92px!important;
}
.products-solution-row img{
width:520px!important;
height:340px!important;
}
.products-report-grid{
grid-template-columns:300px 1fr 400px!important;
gap:50px!important;
padding:48px 64px!important;
}
/* Services pages: cards/grid become visibly larger */
.benefit-grid{
grid-template-columns:repeat(2,1fr)!important;
gap:30px!important;
}
.benefit-grid article{
min-height:190px!important;
padding:40px!important;
}
.how-grid,
.support-process-grid{
grid-template-columns:repeat(4,1fr)!important;
gap:34px!important;
}
.faq-box{
max-width:1140px!important;
}
.faq-box details{
min-height:58px!important;
}
.drop-step-grid{
grid-template-columns:520px 520px!important;
gap:100px!important;
}
.drop-step-grid img{
width:520px!important;
height:340px!important;
}
.design-band-grid,
.design-band-grid.reverse{
grid-template-columns:520px 520px!important;
gap:100px!important;
}
.design-band-grid img{
width:520px!important;
height:330px!important;
}
.photo-service-card{
grid-template-columns:520px 1fr!important;
}
.photo-service-card img{
width:520px!important;
height:330px!important;
}
.packaging-grid{
grid-template-columns:repeat(4,1fr)!important;
}
.quality-grid,
.support-card-grid{
grid-template-columns:repeat(3,1fr)!important;
gap:30px!important;
}
.quality-grid article,
.support-card-grid article{
min-height:400px!important;
}
.quality-grid img,
.support-card-grid img{
height:220px!important;
}
.warehouse-row{
grid-template-columns:520px 1fr!important;
gap:70px!important;
}
.warehouse-row img{
width:520px!important;
height:330px!important;
}
/* Solutions pages: use full-width two-column rows */
.fba-row,
.fba-row.reverse,
.courier-grid,
.port-row,
.warehouse-row,
.guarantee-grid,
.inspect-row,
.inspect-row.reverse,
.payment-term-row,
.private-logo-grid,
.packaging-row{
grid-template-columns:520px 520px!important;
gap:100px!important;
}
.fba-row.reverse,
.inspect-row.reverse{
grid-template-columns:520px 520px!important;
}
.fba-row>img,
.courier-grid>img,
.port-row img,
.warehouse-row img,
.guarantee-image img,
.inspect-row img,
.payment-term-row img,
.private-logo-grid img,
.packaging-row img{
width:520px!important;
height:330px!important;
}
.dev-step,
.dev-step.reverse{
grid-template-columns:520px 520px!important;
gap:100px!important;
padding:60px 70px!important;
}
.dev-step>img{
width:520px!important;
height:330px!important;
}
.door-grid,
.why-grid{
grid-template-columns:repeat(2,1fr)!important;
gap:30px!important;
}
.door-grid article,
.why-grid article,
.guarantee-cards article{
padding:38px!important;
min-height:170px!important;
}
.payment-term-row>div{
padding:52px 58px!important;
}
/* Affiliate cards also 1140 instead of 650 */
.sol-affiliate-benefits .sol-card-grid{
grid-template-columns:repeat(3,1fr)!important;
gap:28px!important;
}
.sol-affiliate-benefits .sol-card-grid article{
min-height:210px!important;
padding:38px!important;
}
/* Resources pages: no 920/760 small grids */
.resources-top-grid{
grid-template-columns:720px 380px!important;
gap:40px!important;
}
.resources-guide-card img{
height:340px!important;
}
.popular-topic-box a{
min-height:92px!important;
padding:22px 24px!important;
}
.resource-card-row{
grid-template-columns:repeat(3,1fr)!important;
gap:28px!important;
}
.resource-subscribe-card,
.resource-outline-card{
min-height:330px!important;
padding:38px!important;
}
.monthly-report-grid{
grid-template-columns:320px 1fr 430px!important;
gap:52px!important;
padding:52px 70px!important;
}
.monthly-report-grid img{
width:300px!important;
height:220px!important;
}
.resource-topic-grid{
grid-template-columns:repeat(4,1fr)!important;
gap:20px!important;
}
.resource-topic-grid a{
min-height:76px!important;
}
.chapter-grid{
grid-template-columns:repeat(5,1fr)!important;
gap:28px 22px!important;
}
.chapter-card{
min-height:300px!important;
}
.chapter-card img{
height:138px!important;
}
.tutorial-form-grid{
grid-template-columns:repeat(3,1fr)!important;
gap:28px!important;
}
.tutorial-form-grid section{
min-height:260px!important;
}
/* Sourcing Agent Guide */
.sourcing-guide-layout{
grid-template-columns:300px 1fr!important;
gap:70px!important;
}
.sourcing-guide-section{
padding-left:90px!important;
}
/* About pages: all major modules full 1140 */
.about-intro-grid{
grid-template-columns:520px 520px!important;
gap:100px!important;
}
.about-video-card img{
width:520px!important;
height:330px!important;
object-fit:cover!important;
}
.about-brochure-grid{
grid-template-columns:220px 1fr!important;
gap:60px!important;
padding-left:0!important;
padding-right:0!important;
}
.unique-grid{
grid-template-columns:repeat(3,1fr)!important;
}
.unique-grid article,
.unique-center{
min-height:220px!important;
padding:38px!important;
}
.social-grid{
max-width:1140px!important;
grid-template-columns:repeat(3,1fr)!important;
}
.stories-grid{
grid-template-columns:repeat(3,1fr)!important;
gap:26px!important;
}
.stories-grid article{
min-height:170px!important;
padding:32px!important;
}
.gallery-grid{
grid-template-columns:repeat(2,1fr)!important;
gap:28px!important;
}
.gallery-grid img{
height:250px!important;
}
.address-grid{
grid-template-columns:1fr 460px!important;
gap:80px!important;
}
.address-grid img{
width:460px!important;
height:290px!important;
}
.founder-intro{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
grid-template-columns:1fr 340px!important;
gap:100px!important;
}
.playlist-box{
padding:70px 90px!important;
}
.playlist-grid{
grid-template-columns:1fr 1fr!important;
gap:90px!important;
}
.playlist-grid article img{
height:260px!important;
}
.founder-blog-grid{
grid-template-columns:repeat(4,1fr)!important;
gap:28px!important;
}
.founder-blog-grid img{
height:170px!important;
}
.payment-info-hero .founder-compact,
.payment-methods-section .founder-compact{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
}
.payment-info-hero h1,
.payment-info-hero p{
max-width:1140px!important;
}
/* Footer gets true 1140 visual width */
.footer-grid{
grid-template-columns:1.15fr 1fr 1.05fr 1.05fr 1.05fr!important;
gap:58px!important;
}
.footer-brand img{
max-width:160px!important;
}
/* Mobile and tablet safety */
@media(max-width:1140px){
.container,
.compact-layout,
.narrow-layout,
.about-compact,
.founder-compact,
.products-compact,
.resources-wrap,
.tutorial-wrap,
.blog-compact,
.support-wrap,
.sourcing-guide-wrap,
.service-plan-row,
.service-plan-row.is-reverse,
.sol-hero-grid,
.products-hero-grid,
.audience-row,
.audience-row.is-reverse,
.apart-showcase,
.stat-panel,
.service-mini-grid,
.testimonial-grid,
.ebook-grid,
.products-category-grid,
.products-more-box,
.products-solution-row,
.products-solution-row.reverse,
.products-report-grid,
.resources-top-grid,
.resource-card-row,
.monthly-report-grid,
.resource-topic-grid,
.chapter-grid,
.tutorial-form-grid,
.sourcing-guide-layout,
.fba-row,
.fba-row.reverse,
.courier-grid,
.port-row,
.warehouse-row,
.guarantee-grid,
.inspect-row,
.inspect-row.reverse,
.payment-term-row,
.dev-step,
.dev-step.reverse,
.private-logo-grid,
.packaging-row,
.why-grid,
.sol-affiliate-benefits .sol-card-grid,
.drop-step-grid,
.benefit-grid,
.how-grid,
.faq-box,
.design-band-grid,
.design-band-grid.reverse,
.photo-service-card,
.packaging-grid,
.quality-grid,
.support-card-grid,
.support-process-grid,
.unique-grid,
.stories-grid,
.gallery-grid,
.address-grid,
.playlist-box,
.founder-blog-section,
.footer-grid{
width:min(calc(100% - 40px),1140px)!important;
max-width:1140px!important;
grid-template-columns:1fr!important;
}
.sol-hero img,
.products-hero img,
.plan-image img,
.design-hero img,
.audience-image,
.audience-image img,
.products-solution-row img,
.drop-step-grid img,
.design-band-grid img,
.photo-service-card img,
.warehouse-row img,
.fba-row>img,
.courier-grid>img,
.port-row img,
.guarantee-image img,
.inspect-row img,
.payment-term-row img,
.private-logo-grid img,
.packaging-row img,
.dev-step>img,
.about-video-card img,
.address-grid img{
width:100%!important;
height:auto!important;
min-height:0!important;
}
.products-category-grid,
.service-mini-grid,
.chapter-grid,
.resource-topic-grid,
.quality-grid,
.support-card-grid,
.how-grid,
.support-process-grid{
grid-template-columns:repeat(2,1fr)!important;
}
}
@media(max-width:640px){
.products-category-grid,
.service-mini-grid,
.chapter-grid,
.resource-topic-grid,
.quality-grid,
.support-card-grid,
.how-grid,
.support-process-grid,
.testimonial-grid,
.door-grid,
.why-grid{
grid-template-columns:1fr!important;
}
}
/* v19 final authority: no narrow internal desktop boxes */
@media(min-width:981px){
.container,
.compact-layout,
.narrow-layout,
.about-compact,
.founder-compact,
.products-compact,
.resources-wrap,
.tutorial-wrap,
.blog-compact,
.support-wrap,
.sourcing-guide-wrap,
.service-container,
.drop-container,
.service-plan-row,
.service-plan-row.is-reverse,
.sol-hero-grid,
.products-hero-grid,
.audience-row,
.audience-row.is-reverse,
.apart-showcase,
.stat-panel,
.service-mini-grid,
.testimonial-grid,
.ebook-grid,
.products-category-grid,
.products-more-box,
.products-solution-row,
.products-solution-row.reverse,
.products-report-grid,
.resources-top-grid,
.resource-card-row,
.monthly-report-grid,
.resource-topic-grid,
.chapter-grid,
.tutorial-form-grid,
.sourcing-guide-layout,
.fba-row,
.fba-row.reverse,
.courier-grid,
.port-row,
.warehouse-row,
.guarantee-grid,
.inspect-row,
.inspect-row.reverse,
.payment-term-row,
.dev-step,
.dev-step.reverse,
.private-logo-grid,
.packaging-row,
.why-grid,
.sol-card-grid,
.sol-affiliate-benefits .sol-card-grid,
.drop-step-grid,
.benefit-grid,
.how-grid,
.faq-box,
.design-band-grid,
.design-band-grid.reverse,
.photo-service-card,
.packaging-grid,
.quality-grid,
.quality-card-grid,
.support-card-grid,
.support-process-grid,
.unique-grid,
.stories-grid,
.gallery-grid,
.address-grid,
.playlist-box,
.founder-blog-section,
.blog-layout,
.footer-grid{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
}
/* Big cards should actually be big at 1897px viewport */
.service-mini,
.testimonial,
.benefit-grid article,
.support-card-grid article,
.quality-grid article,
.quality-card-grid article,
.resource-subscribe-card,
.resource-outline-card,
.products-category-cell,
.door-grid article,
.why-grid article,
.guarantee-cards article,
.stories-grid article{
min-height:180px!important;
padding:36px!important;
}
.service-mini{min-height:380px!important;padding:0 0 30px!important}
.service-mini img{height:210px!important}
.products-category-cell{min-height:170px!important}
.chapter-card{min-height:320px!important}
.resource-subscribe-card,
.resource-outline-card{min-height:350px!important}
/* Larger desktop grids */
.products-category-grid{grid-template-columns:repeat(5,1fr)!important}
.service-mini-grid{grid-template-columns:repeat(4,1fr)!important}
.resource-topic-grid{grid-template-columns:repeat(4,1fr)!important}
.chapter-grid{grid-template-columns:repeat(5,1fr)!important}
.resource-card-row,
.quality-grid,
.quality-card-grid,
.support-card-grid,
.sol-card-grid,
.sol-affiliate-benefits .sol-card-grid{grid-template-columns:repeat(3,1fr)!important}
.how-grid,
.support-process-grid,
.solution-step-grid{grid-template-columns:repeat(4,1fr)!important}
/* Better outer rhythm */
section{
scroll-margin-top:90px;
}
}
/* v20: homepage visual audit fixes
Focus: "What sets us apart", "JingSourcing in numbers", and "Value-added services".
These rules are intentionally scoped and placed last. */
@media(min-width:981px){
/* Exact 1140px desktop frame. Auto margin only centers the 1140 frame; no smaller inner boxes. */
.apart-section > .container,
.value-section > .container,
.apart-showcase,
.stat-panel,
.stat-grid,
.service-mini-grid{
width:1140px!important;
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
}
/* Target-like section spacing: enough top/bottom air, no cramped cards */
.apart-section{
padding:106px 0 96px!important;
background:#f1e9dc!important;
}
.value-section{
padding:104px 0 112px!important;
background:#fff!important;
}
/* Apart title */
.apart-title{
font-size:34px!important;
line-height:1.22!important;
font-weight:600!important;
color:#111!important;
margin:0 auto 62px!important;
text-align:center!important;
}
/* Video + accordion should occupy the whole 1140, not look like two small islands */
.apart-showcase{
display:grid!important;
grid-template-columns:540px 540px!important;
gap:60px!important;
align-items:center!important;
margin-bottom:76px!important;
}
.apart-video,
.video-card{
width:540px!important;
height:320px!important;
min-height:320px!important;
border-radius:10px!important;
box-shadow:0 30px 70px rgba(0,0,0,.18)!important;
overflow:hidden!important;
background:#111!important;
}
.apart-video img,
.video-card img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
display:block!important;
}
/* Accordion card matches video height and uses full right column */
.jing-accordion{
width:540px!important;
height:320px!important;
background:#fff!important;
border-radius:10px!important;
box-shadow:0 26px 62px rgba(15,23,42,.10)!important;
padding:22px 18px!important;
overflow:hidden!important;
}
.jing-accordion details{
margin:0!important;
border-radius:0!important;
border-bottom:1px solid #e4e1dc!important;
background:#fff!important;
box-shadow:none!important;
}
.jing-accordion details:last-child{
border-bottom:0!important;
}
.jing-accordion summary{
min-height:46px!important;
padding:11px 14px!important;
display:flex!important;
align-items:center!important;
gap:18px!important;
font-size:16px!important;
line-height:1.35!important;
font-weight:600!important;
color:#111!important;
}
.jing-accordion summary:before{
content:"+"!important;
position:static!important;
display:inline-block!important;
width:14px!important;
flex:0 0 14px!important;
font-size:20px!important;
font-weight:600!important;
color:#111!important;
}
.jing-accordion p{
padding:2px 48px 18px!important;
font-size:16px!important;
line-height:1.6!important;
color:#203047!important;
margin:0!important;
}
/* Numbers row: one full-width joined panel, not four small separated boxes */
.stat-panel{
padding-top:32px!important;
border-top:1px solid rgba(0,0,0,.10)!important;
margin-top:0!important;
text-align:center!important;
}
.stat-panel h3{
font-size:17px!important;
line-height:1.3!important;
font-weight:600!important;
color:#111!important;
margin:0 0 24px!important;
}
.stat-grid{
display:grid!important;
grid-template-columns:repeat(4,1fr)!important;
gap:0!important;
background:#fff2dc!important;
border-radius:8px!important;
overflow:hidden!important;
box-shadow:none!important;
border:1px solid rgba(255,255,255,.75)!important;
}
.stat{
min-height:126px!important;
padding:28px 24px!important;
background:transparent!important;
border-radius:0!important;
border-right:1px solid rgba(255,255,255,.9)!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
}
.stat:last-child{
border-right:0!important;
}
.stat strong{
font-size:38px!important;
line-height:1!important;
font-weight:600!important;
color:#111!important;
margin-bottom:12px!important;
letter-spacing:-.02em!important;
}
.stat span{
font-size:15px!important;
line-height:1.3!important;
color:#344056!important;
}
.stat-button{
margin-top:34px!important;
}
/* Value-added section heading: target-like hierarchy */
.value-section .section-title-center{
width:1140px!important;
max-width:1140px!important;
margin:0 auto 48px!important;
text-align:center!important;
}
.value-section .section-title-center h2{
font-size:34px!important;
line-height:1.22!important;
font-weight:600!important;
color:#ff8a21!important;
margin-bottom:18px!important;
}
.value-section .section-title-center p{
font-size:18px!important;
line-height:1.6!important;
color:#203047!important;
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
}
/* Value-added cards: exactly use full 1140.
4 cards: (1140 - 3*24) / 4 = 267px each. */
.service-mini-grid{
display:grid!important;
grid-template-columns:repeat(4,267px)!important;
gap:24px!important;
justify-content:space-between!important;
align-items:stretch!important;
margin-top:0!important;
}
.service-mini{
width:267px!important;
min-height:430px!important;
padding:0!important;
background:#fff!important;
border:1px solid #e2e2e2!important;
border-radius:5px!important;
box-shadow:0 16px 42px rgba(15,23,42,.05)!important;
overflow:hidden!important;
text-align:center!important;
}
.service-mini img{
width:267px!important;
height:190px!important;
object-fit:cover!important;
display:block!important;
border-radius:0!important;
box-shadow:none!important;
background:#fff7ef!important;
}
.service-mini h3{
font-size:22px!important;
line-height:1.18!important;
font-weight:600!important;
color:#111!important;
margin:24px 0 14px!important;
padding:0 28px!important;
}
.service-mini p{
font-size:17px!important;
line-height:1.55!important;
color:#203047!important;
margin:0!important;
padding:0 26px 30px!important;
}
.value-section .center-button{
margin-top:36px!important;
}
.value-section .center-button .button{
min-height:46px!important;
padding:12px 34px!important;
font-size:16px!important;
border-radius:25px!important;
}
/* Remove old accidental right overflow/cropped video text in cards */
.service-mini img[src*="video-card"]{
object-position:center!important;
}
}
/* Tablet/mobile keep normal responsive flow */
@media(max-width:980px){
.apart-section > .container,
.value-section > .container,
.apart-showcase,
.stat-panel,
.stat-grid,
.service-mini-grid,
.value-section .section-title-center{
width:min(calc(100% - 40px),1140px)!important;
max-width:1140px!important;
}
.apart-showcase,
.service-mini-grid{
grid-template-columns:1fr!important;
}
.apart-video,
.video-card,
.jing-accordion,
.service-mini,
.service-mini img{
width:100%!important;
height:auto!important;
}
.jing-accordion{
height:auto!important;
}
.stat-grid{
grid-template-columns:1fr 1fr!important;
}
}
@media(max-width:640px){
.stat-grid{
grid-template-columns:1fr!important;
}
}
/* v21: full visual audit correction
This pass is intentionally last and desktop-specific.
It fixes the repeated problem: outer 1140px existed, but inner cards/grids still behaved like small boxes. */
*,*::before,*::after{
box-sizing:border-box!important;
}
@media(min-width:981px){
/* 1. Real 1140px working frame for all major visual blocks */
.home-hero > .container,
.audience-section > .container,
.apart-section > .container,
.value-section > .container,
.clients-section > .container,
.ebook-section > .container,
.final-cta > .container,
.products-hero-grid,
.product-category-section > .container,
.products-solutions-section > .container,
.products-alibaba-section > .container,
.products-report-section > .container,
.resources-main > .container,
.tutorial-chapters > .container,
.tutorial-bottom-forms > .container,
.resource-topics-section > .container,
.service-sp-head > .container,
.plan-section > .container,
.comparison-section > .container,
.how-section > .container,
.faq-service-section > .container,
.dropship-hero > .container,
.dropship-benefits > .container,
.dropship-steps > .container,
.design-hero > .container,
.design-steps > .container,
.design-band > .container,
.design-inquiry > .container,
.extra-head > .container,
.extra-orange > .container,
.extra-blue > .container,
.sol-hero > .container,
.fba-list > .container,
.courier-section > .container,
.port-section > .container,
.door-section > .container,
.consolidation-section > .container,
.private-logo-section > .container,
.packaging-options > .container,
.why-private > .container,
.development-timeline > .container,
.quality-guarantee > .container,
.inspect-section > .container,
.payment-terms > .container,
.solution-steps-orange > .container,
.about-us-hero > .container,
.about-brochure-band > .container,
.about-unique-section > .container,
.about-social-section > .container,
.about-stories-section > .container,
.about-gallery-section > .container,
.founder-section > .container,
.payment-info-hero > .container,
.payment-methods-section > .container,
.support-hero > .container,
.support-cards-section > .container,
.support-process-section > .container,
.sourcing-guide-hero > .container,
.sourcing-guide-content > .container,
.sourcing-guide-cta > .container,
.site-footer .container{
width:1140px!important;
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
padding-left:0!important;
padding-right:0!important;
}
/* 2. Text scale: kill lingering tiny desktop body copy in page modules */
.home-hero p,
.audience-text p,
.apart-tabs p,
.jing-accordion p,
.service-mini p,
.testimonial p,
.ebook-copy p,
.ebook-copy li,
.products-hero p,
.products-section-title p,
.products-solution-row p,
.products-alibaba-section p,
.products-report-grid p,
.resources-main p,
.resources-guide-card p,
.resource-subscribe-card p,
.resource-outline-card p,
.monthly-report-grid p,
.resource-topic-grid a,
.chapter-card p,
.chapter-card span,
.tutorial-form-grid p,
.sourcing-guide-section p,
.sourcing-guide-section li,
.plan-copy p,
.benefit-grid p,
.drop-step-grid li,
.design-band p,
.photo-service-card li,
.packaging-grid div,
.quality-grid p,
.warehouse-row p,
.sol-hero p,
.fba-row p,
.fba-row li,
.courier-grid p,
.port-row p,
.door-grid p,
.guarantee-cards p,
.inspect-row p,
.payment-term-row p,
.payment-term-row li,
.dev-step p,
.private-logo-grid p,
.packaging-row p,
.why-grid p,
.about-intro-grid p,
.about-brochure-grid p,
.unique-grid article p,
.stories-grid p,
.address-grid p,
.founder-intro p,
.playlist-grid p,
.payment-method p,
.support-card-grid p,
.support-process-grid p{
font-size:18px!important;
line-height:1.72!important;
color:#25334a!important;
}
/* 3. Section vertical rhythm: no cramped modules */
.home-hero{padding:92px 0 94px!important}
.audience-section,
.apart-section,
.value-section,
.clients-section,
.ebook-section,
.product-category-section,
.products-solutions-section,
.products-alibaba-section,
.products-report-section,
.resources-main,
.tutorial-chapters,
.tutorial-bottom-forms,
.resource-topics-section,
.plan-section,
.comparison-section,
.how-section,
.faq-service-section,
.dropship-benefits,
.dropship-steps,
.design-steps,
.design-band,
.design-inquiry,
.extra-orange,
.extra-blue,
.fba-list,
.courier-section,
.port-section,
.door-section,
.consolidation-section,
.private-logo-section,
.packaging-options,
.why-private,
.development-timeline,
.quality-guarantee,
.inspect-section,
.payment-terms,
.solution-steps-orange,
.about-unique-section,
.about-social-section,
.about-stories-section,
.about-gallery-section,
.support-cards-section,
.support-process-section,
.sourcing-guide-content{
padding-top:112px!important;
padding-bottom:112px!important;
}
/* 4. Homepage hero: centered, wide, not boxed */
.hero-centered{
width:1140px!important;
max-width:1140px!important;
margin:auto!important;
}
.hero-centered h1{
font-size:42px!important;
line-height:1.18!important;
font-weight:600!important;
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
}
.hero-centered p{
font-size:18px!important;
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
}
/* 5. Homepage audience rows: 1140 = 540 + 60 + 540 */
.audience-row,
.audience-row.is-reverse{
width:1140px!important;
max-width:1140px!important;
grid-template-columns:540px 540px!important;
gap:60px!important;
margin-left:auto!important;
margin-right:auto!important;
margin-bottom:112px!important;
}
.audience-image,
.audience-image img{
width:540px!important;
height:350px!important;
min-height:350px!important;
object-fit:cover!important;
}
.audience-text h2{
font-size:34px!important;
line-height:1.18!important;
margin-bottom:14px!important;
}
.audience-text h3{
font-size:18px!important;
margin-bottom:18px!important;
}
.audience-text p{
max-width:540px!important;
}
/* 6. Apart block: exact 1140 layout, video + accordion + joined numbers */
.apart-title{
font-size:36px!important;
line-height:1.22!important;
margin-bottom:66px!important;
}
.apart-showcase{
width:1140px!important;
max-width:1140px!important;
grid-template-columns:540px 540px!important;
gap:60px!important;
margin-bottom:76px!important;
}
.apart-video,
.video-card,
.apart-video img,
.video-card img{
width:540px!important;
height:320px!important;
}
.jing-accordion{
width:540px!important;
height:320px!important;
padding:22px 18px!important;
}
.jing-accordion summary{
font-size:16px!important;
min-height:46px!important;
}
.stat-panel,
.stat-grid{
width:1140px!important;
max-width:1140px!important;
}
.stat-grid{
grid-template-columns:repeat(4,1fr)!important;
gap:0!important;
border-radius:8px!important;
}
.stat{
min-height:128px!important;
}
.stat strong{
font-size:40px!important;
}
.stat span{
font-size:16px!important;
}
/* 7. Value-added services: exact 1140, bigger cards */
.value-section .section-title-center{
width:1140px!important;
max-width:1140px!important;
margin-bottom:54px!important;
}
.value-section .section-title-center h2{
font-size:36px!important;
line-height:1.22!important;
}
.value-section .section-title-center p{
font-size:18px!important;
max-width:1140px!important;
}
.service-mini-grid{
width:1140px!important;
max-width:1140px!important;
display:grid!important;
grid-template-columns:repeat(4,270px)!important;
gap:20px!important;
justify-content:start!important;
}
.service-mini{
width:270px!important;
min-height:445px!important;
padding:0!important;
border-radius:6px!important;
}
.service-mini img{
width:270px!important;
height:205px!important;
}
.service-mini h3{
font-size:22px!important;
line-height:1.18!important;
padding:0 24px!important;
margin:26px 0 14px!important;
}
.service-mini p{
font-size:18px!important;
line-height:1.55!important;
padding:0 24px 32px!important;
}
/* 8. Testimonials / clients: full-width cards */
.clients-section .section-title-center{
width:1140px!important;
max-width:1140px!important;
margin-bottom:50px!important;
}
.testimonial-grid{
width:1140px!important;
max-width:1140px!important;
display:grid!important;
grid-template-columns:repeat(2,555px)!important;
gap:30px!important;
}
.testimonial{
min-height:180px!important;
padding:36px!important;
border-radius:8px!important;
}
.testimonial strong{
font-size:20px!important;
}
.testimonial p{
font-size:18px!important;
}
/* 9. Ebook band: no narrow form/image */
.ebook-grid{
width:1140px!important;
max-width:1140px!important;
display:grid!important;
grid-template-columns:500px 560px!important;
gap:80px!important;
align-items:center!important;
}
.ebook-grid img{
width:500px!important;
height:320px!important;
object-fit:cover!important;
}
.ebook-copy h2{
font-size:36px!important;
line-height:1.18!important;
}
.ebook-form{
max-width:none!important;
width:560px!important;
grid-template-columns:1fr 1fr!important;
gap:14px!important;
}
.ebook-form input{
height:44px!important;
font-size:16px!important;
}
.ebook-form button{
height:44px!important;
font-size:16px!important;
}
/* 10. Product / Resources / Services / Solutions grids */
.products-category-grid,
.resource-card-row,
.tutorial-form-grid,
.support-card-grid,
.quality-grid,
.benefit-grid,
.sol-card-grid,
.sol-affiliate-benefits .sol-card-grid{
width:1140px!important;
max-width:1140px!important;
}
.products-category-grid{
grid-template-columns:repeat(5,228px)!important;
gap:0!important;
}
.products-category-cell{
width:228px!important;
min-height:178px!important;
padding:28px 18px!important;
}
.products-category-cell strong{
font-size:18px!important;
}
.resource-card-row,
.tutorial-form-grid,
.support-card-grid,
.quality-grid,
.benefit-grid,
.sol-card-grid,
.sol-affiliate-benefits .sol-card-grid{
grid-template-columns:repeat(3,360px)!important;
gap:30px!important;
}
.resource-subscribe-card,
.resource-outline-card,
.tutorial-form-grid section,
.support-card-grid article,
.quality-grid article,
.benefit-grid article,
.sol-card-grid article{
width:360px!important;
min-height:330px!important;
padding:38px!important;
}
.chapter-grid{
width:1140px!important;
max-width:1140px!important;
grid-template-columns:repeat(5,210px)!important;
gap:28px 22px!important;
}
.chapter-card{
width:210px!important;
min-height:320px!important;
}
/* 11. Two-column rows across products/services/solutions: 1140 = 540 + 60 + 540 */
.products-solution-row,
.products-solution-row.reverse,
.service-plan-row,
.service-plan-row.is-reverse,
.drop-step-grid,
.design-band-grid,
.design-band-grid.reverse,
.photo-service-card,
.warehouse-row,
.fba-row,
.fba-row.reverse,
.courier-grid,
.port-row,
.guarantee-grid,
.inspect-row,
.inspect-row.reverse,
.payment-term-row,
.private-logo-grid,
.packaging-row,
.about-intro-grid,
.address-grid{
width:1140px!important;
max-width:1140px!important;
grid-template-columns:540px 540px!important;
gap:60px!important;
}
.products-solution-row img,
.plan-image img,
.drop-step-grid img,
.design-band-grid img,
.photo-service-card img,
.warehouse-row img,
.fba-row>img,
.courier-grid>img,
.port-row img,
.guarantee-image img,
.inspect-row img,
.payment-term-row img,
.private-logo-grid img,
.packaging-row img,
.about-video-card img,
.address-grid img{
width:540px!important;
height:350px!important;
object-fit:cover!important;
}
/* 12. Tables/FAQ should not be tiny */
.plan-table,
.faq-box{
width:1140px!important;
max-width:1140px!important;
}
.plan-table{
font-size:16px!important;
}
.plan-table-row span,
.plan-table-row strong{
font-size:16px!important;
padding:18px 22px!important;
}
.faq-box summary{
font-size:17px!important;
min-height:58px!important;
}
/* 13. Footer uses full 1140 and readable type */
.footer-grid{
width:1140px!important;
max-width:1140px!important;
grid-template-columns:230px 160px 180px 220px 220px!important;
gap:32px!important;
}
.site-footer h2{
font-size:16px!important;
}
.site-footer li,
.site-footer p,
.footer-brand p{
font-size:15px!important;
line-height:1.65!important;
}
}
/* Keep mobile from inheriting fixed desktop card widths */
@media(max-width:980px){
.service-mini,
.service-mini img,
.testimonial,
.ebook-form,
.products-category-cell,
.resource-subscribe-card,
.resource-outline-card,
.tutorial-form-grid section,
.support-card-grid article,
.quality-grid article,
.benefit-grid article,
.sol-card-grid article,
.chapter-card{
width:100%!important;
}
}
/* ===== v24 homepage screenshot-match corrections, cache-busted by theme version 3.2.0 ===== */
/* Audience text block: match target typography, underline and orange subtitle */
@media (min-width: 1024px) {
.audience-section > .container,
.apart-section > .container,
.value-section > .container {
width: min(calc(100% - 80px), 1140px) !important;
max-width: 1140px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.audience-row,
.audience-row.is-reverse {
width: 1140px !important;
max-width: 1140px !important;
grid-template-columns: 540px 540px !important;
gap: 60px !important;
align-items: center !important;
margin-left: auto !important;
margin-right: auto !important;
}
.audience-text h2 {
font-size: 26px !important;
line-height: 1.22 !important;
font-weight: 500 !important;
letter-spacing: -0.01em !important;
margin: 0 0 13px !important;
padding-bottom: 14px !important;
position: relative !important;
color: #111 !important;
}
.audience-text h2::after {
content: "" !important;
position: absolute !important;
left: 0 !important;
bottom: 0 !important;
width: 80px !important;
height: 2px !important;
background: #ff8a21 !important;
border-radius: 999px !important;
}
.audience-text h3 {
font-size: 18px !important;
line-height: 1.45 !important;
font-weight: 400 !important;
color: #ff8a21 !important;
margin: 0 0 20px !important;
}
.audience-text p {
font-size: 18px !important;
line-height: 1.7 !important;
font-weight: 400 !important;
color: #172642 !important;
margin: 0 0 20px !important;
max-width: 540px !important;
}
.audience-text .text-link {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
font-size: 16px !important;
line-height: 1 !important;
font-weight: 600 !important;
color: #111 !important;
margin-top: 0 !important;
}
.audience-text .text-link::after {
content: "→" !important;
color: #ff8a21 !important;
font-size: 17px !important;
line-height: 1 !important;
}
/* Apart section: match target's video + accordion + separate number cards */
.apart-section {
background: #f4ecdf !important;
padding: 78px 0 74px !important;
}
.apart-title {
font-size: 34px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
text-align: center !important;
color: #111 !important;
margin: 0 0 54px !important;
}
.apart-showcase {
width: 1140px !important;
max-width: 1140px !important;
display: grid !important;
grid-template-columns: 500px 520px !important;
gap: 72px !important;
align-items: center !important;
margin: 0 auto 46px !important;
}
.home-video-card,
.home-video-card .home-video-link,
.home-video-card img {
display: block !important;
width: 500px !important;
height: auto !important;
max-width: 500px !important;
border-radius: 12px !important;
}
.home-video-card {
background: transparent !important;
box-shadow: none !important;
padding: 0 !important;
}
.home-video-card img {
box-shadow: 0 18px 38px rgba(53, 43, 23, .14) !important;
object-fit: cover !important;
}
.jing-accordion {
width: 520px !important;
height: auto !important;
background: #fff !important;
border-radius: 16px !important;
box-shadow: none !important;
border: 0 !important;
padding: 18px 18px !important;
overflow: visible !important;
}
.jing-accordion details {
background: transparent !important;
border-bottom: 1px solid #ded7cd !important;
border-radius: 0 !important;
margin: 0 !important;
box-shadow: none !important;
}
.jing-accordion details:last-child {
border-bottom: 0 !important;
}
.jing-accordion summary {
min-height: 56px !important;
padding: 0 10px !important;
display: flex !important;
align-items: center !important;
gap: 0 !important;
font-size: 16px !important;
line-height: 1.35 !important;
font-weight: 600 !important;
color: #111 !important;
list-style: none !important;
cursor: pointer !important;
}
.jing-accordion summary::-webkit-details-marker {
display: none !important;
}
.jing-accordion summary::before {
content: "+" !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 28px !important;
width: 28px !important;
margin-right: 16px !important;
font-size: 24px !important;
line-height: 1 !important;
font-weight: 300 !important;
color: #111 !important;
position: static !important;
}
.jing-accordion summary .label {
flex: 1 1 auto !important;
padding-right: 18px !important;
}
.jing-accordion summary > span:not(.label) {
display: none !important;
}
.jing-accordion summary i {
flex: 0 0 auto !important;
font-style: normal !important;
font-size: 21px !important;
font-weight: 400 !important;
color: #333 !important;
line-height: 1 !important;
margin-left: auto !important;
}
.jing-accordion p {
padding: 0 28px 18px 54px !important;
font-size: 16px !important;
line-height: 1.65 !important;
font-weight: 400 !important;
color: #344056 !important;
margin: 0 !important;
}
.stat-panel {
width: 1140px !important;
max-width: 1140px !important;
margin: 0 auto !important;
padding-top: 28px !important;
border-top: 1px solid #d9ccba !important;
text-align: center !important;
}
.stat-panel h3 {
font-size: 18px !important;
line-height: 1.4 !important;
font-weight: 500 !important;
color: #ff8a21 !important;
text-align: center !important;
margin: 0 0 20px !important;
}
.stat-grid {
width: 100% !important;
max-width: none !important;
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 24px !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
overflow: visible !important;
box-shadow: none !important;
margin: 0 !important;
}
.stat {
min-height: 96px !important;
padding: 15px 16px 14px !important;
background: #faecd8 !important;
border: 0 !important;
border-radius: 14px !important;
box-shadow: none !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
}
.stat strong {
font-size: 42px !important;
line-height: 1 !important;
font-weight: 700 !important;
letter-spacing: -0.02em !important;
color: #000 !important;
margin: 0 0 8px !important;
}
.stat span {
font-size: 16px !important;
line-height: 1.35 !important;
font-weight: 400 !important;
color: #24324a !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
}
.stat span::before {
content: "" !important;
display: inline-block !important;
width: 12px !important;
height: 12px !important;
background: #ff8a21 !important;
border-radius: 3px !important;
mask-size: contain !important;
mask-repeat: no-repeat !important;
mask-position: center !important;
-webkit-mask-size: contain !important;
-webkit-mask-repeat: no-repeat !important;
-webkit-mask-position: center !important;
}
.stat-1 span::before,
.stat-4 span::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12c2.8 0 5-2.2 5-5s-2.2-5-5-5-5 2.2-5 5 2.2 5 5 5Zm0 2c-3.3 0-10 1.7-10 5v3h20v-3c0-3.3-6.7-5-10-5Z'/%3E%3C/svg%3E") !important;
mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12c2.8 0 5-2.2 5-5s-2.2-5-5-5-5 2.2-5 5 2.2 5 5 5Zm0 2c-3.3 0-10 1.7-10 5v3h20v-3c0-3.3-6.7-5-10-5Z'/%3E%3C/svg%3E") !important;
}
.stat-2 span::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 7h-4V5c0-1.7-1.3-3-3-3h-2C9.3 2 8 3.3 8 5v2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2ZM10 5c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v2h-4V5Z'/%3E%3C/svg%3E") !important;
mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 7h-4V5c0-1.7-1.3-3-3-3h-2C9.3 2 8 3.3 8 5v2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2ZM10 5c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v2h-4V5Z'/%3E%3C/svg%3E") !important;
}
.stat-3 span::before {
border-radius: 50% !important;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 2h10c2.8 0 5 2.2 5 5v10c0 2.8-2.2 5-5 5H7c-2.8 0-5-2.2-5-5V7c0-2.8 2.2-5 5-5Zm5 5a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm6-1.2a1.2 1.2 0 1 0 0 2.4 1.2 1.2 0 0 0 0-2.4Z'/%3E%3C/svg%3E") !important;
mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 2h10c2.8 0 5 2.2 5 5v10c0 2.8-2.2 5-5 5H7c-2.8 0-5-2.2-5-5V7c0-2.8 2.2-5 5-5Zm5 5a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm6-1.2a1.2 1.2 0 1 0 0 2.4 1.2 1.2 0 0 0 0-2.4Z'/%3E%3C/svg%3E") !important;
}
.stat-button {
margin-top: 28px !important;
}
}
@media (max-width: 1199px) {
.audience-row,
.audience-row.is-reverse,
.apart-showcase,
.stat-panel {
width: 100% !important;
max-width: 100% !important;
}
.apart-showcase {
grid-template-columns: 1fr !important;
gap: 32px !important;
}
.home-video-card,
.home-video-card .home-video-link,
.home-video-card img,
.jing-accordion {
width: 100% !important;
max-width: 100% !important;
}
.stat-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 767px) {
.stat-grid {
grid-template-columns: 1fr !important;
}
.audience-text h2,
.apart-title {
font-size: 30px !important;
}
}
/* ===== v25 homepage fixes from annotated screenshots ===== */
@media (min-width:1024px){
/* Top spacing: stop the section title from being hidden under the sticky header */
.apart-section{
padding-top:104px!important;
}
/* Accordion: one open max, animated by JS, no native details styling */
.jing-accordion{
width:520px!important;
background:#fff!important;
border-radius:16px!important;
padding:18px 18px!important;
box-shadow:none!important;
border:0!important;
}
.jing-accordion-item{
border-bottom:1px solid #ded7cd!important;
}
.jing-accordion-item:last-child{
border-bottom:0!important;
}
.jing-accordion-trigger{
width:100%!important;
min-height:56px!important;
display:flex!important;
align-items:center!important;
padding:0 10px!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
color:#111!important;
cursor:pointer!important;
font-size:16px!important;
line-height:1.35!important;
font-weight:600!important;
text-align:left!important;
transform:none!important;
}
.jing-accordion-trigger:hover{
background:transparent!important;
color:#111!important;
transform:none!important;
}
.jing-accordion-trigger::before{
content:"+"!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
flex:0 0 28px!important;
width:28px!important;
margin-right:16px!important;
font-size:24px!important;
line-height:1!important;
font-weight:300!important;
color:#111!important;
}
.jing-accordion-trigger .label{
flex:1 1 auto!important;
padding-right:18px!important;
}
.jing-accordion-trigger i{
flex:0 0 auto!important;
font-style:normal!important;
font-size:21px!important;
font-weight:400!important;
color:#333!important;
margin-left:auto!important;
}
.jing-accordion-panel{
max-height:0;
overflow:hidden;
transition:max-height .32s ease;
}
.jing-accordion-panel p{
padding:0 28px 18px 54px!important;
font-size:16px!important;
line-height:1.65!important;
color:#344056!important;
margin:0!important;
}
.jing-accordion-item.is-open .jing-accordion-trigger{
color:#111!important;
}
/* Numbers: title spacing wider, cards deeper background, still separate cards */
.stat-panel{
padding-top:38px!important;
}
.stat-panel h3{
display:block!important;
width:420px!important;
max-width:100%!important;
margin:0 auto 24px!important;
padding:0 42px!important;
font-size:18px!important;
color:#ff8a21!important;
font-weight:500!important;
text-align:center!important;
}
.stat-grid{
gap:24px!important;
}
.stat{
background:#f6dfbf!important;
border-radius:14px!important;
}
.stat strong{
font-size:42px!important;
}
.stat span{
font-size:16px!important;
}
/* Value-added: image area lower, no card title, card text moves up */
.value-section{
padding-top:92px!important;
padding-bottom:92px!important;
}
.service-mini-grid{
width:1140px!important;
max-width:1140px!important;
gap:24px!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.service-mini{
min-height:338px!important;
}
.service-mini img{
height:158px!important;
}
.service-mini h3{
display:none!important;
}
.service-mini p{
padding:28px 24px 28px!important;
font-size:18px!important;
line-height:1.6!important;
text-align:center!important;
}
/* Testimonials: carousel, not all cards displayed */
.clients-section{
padding-top:92px!important;
padding-bottom:92px!important;
}
.testimonial-grid{
display:none!important;
}
.testimonial-carousel{
width:1140px!important;
max-width:1140px!important;
margin:0 auto!important;
}
.testimonial-track{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:30px!important;
}
.testimonial-track .testimonial{
display:none!important;
min-height:170px!important;
padding:32px 36px!important;
background:#fff!important;
border:1px solid #e3e3e3!important;
border-radius:8px!important;
box-shadow:0 12px 30px rgba(15,23,42,.04)!important;
opacity:0;
transform:translateY(8px);
transition:opacity .28s ease, transform .28s ease;
}
.testimonial-track .testimonial.is-visible{
display:grid!important;
grid-template-columns:44px 1fr!important;
gap:20px!important;
opacity:1;
transform:translateY(0);
}
.testimonial-track .avatar{
width:44px!important;
height:44px!important;
border-radius:50%!important;
background:#f3f3f3!important;
color:#ff8a21!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
font-weight:700!important;
}
.testimonial-copy h3{
font-size:20px!important;
margin:0 0 2px!important;
}
.testimonial-copy span{
font-size:13px!important;
color:#7a8090!important;
}
.testimonial-copy p{
margin:14px 0 0!important;
font-size:18px!important;
line-height:1.62!important;
color:#172642!important;
}
.testimonial-controls{
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:16px!important;
margin-top:30px!important;
}
.testimonial-prev,
.testimonial-next{
width:34px!important;
height:34px!important;
min-height:34px!important;
padding:0!important;
border-radius:50%!important;
background:#fff!important;
color:#ff8a21!important;
border:1px solid #ffd0a2!important;
font-size:24px!important;
line-height:1!important;
}
.testimonial-dots{
display:flex!important;
gap:8px!important;
}
.testimonial-dot{
width:9px!important;
height:9px!important;
min-height:9px!important;
padding:0!important;
border-radius:50%!important;
background:#e4d6c4!important;
border:0!important;
}
.testimonial-dot.is-active{
background:#ff8a21!important;
}
}
@media (max-width:1199px){
.stat-panel h3{
width:auto!important;
}
.testimonial-carousel,
.service-mini-grid{
width:100%!important;
max-width:100%!important;
}
}
@media (max-width:767px){
.testimonial-track{
grid-template-columns:1fr!important;
}
.testimonial-track .testimonial.is-visible:nth-of-type(n+2){
display:none!important;
}
}
/* ===== v26 Contact / Start Your Project page remake ===== */
.contact-v26 {
background:#fff;
color:#172033;
}
.contact-v26 .contact-compact {
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
}
.contact-v26 .contact-narrow {
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
}
/* Top project cards */
.project-start {
padding:62px 0 72px!important;
background:#fff!important;
text-align:center!important;
}
.project-start h1 {
font-size:28px!important;
line-height:1.2!important;
font-weight:500!important;
color:#111!important;
margin:0 0 26px!important;
letter-spacing:0!important;
}
.project-divider {
width:72px!important;
height:1px!important;
background:#ededed!important;
margin:0 auto 46px!important;
}
.project-plan-grid {
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:38px!important;
width:100%!important;
max-width:1040px!important;
margin:0 auto!important;
text-align:left!important;
}
.project-plan-card {
min-height:300px!important;
border-radius:10px!important;
background:#fff!important;
padding:34px 38px 34px!important;
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
justify-content:flex-start!important;
box-shadow:none!important;
}
.project-plan-card.plan-orange {
border:1px solid #ff8a21!important;
}
.project-plan-card.plan-blue {
border:1px solid #1677e8!important;
}
.project-plan-card h2 {
width:100%!important;
text-align:center!important;
font-size:22px!important;
line-height:1.3!important;
font-weight:500!important;
margin:0 0 22px!important;
letter-spacing:0!important;
}
.project-plan-card.plan-orange h2 {
color:#ff8a21!important;
}
.project-plan-card.plan-blue h2 {
color:#1677e8!important;
}
.project-plan-card p {
font-size:16px!important;
line-height:1.68!important;
color:#344056!important;
margin:0 0 22px!important;
}
.project-plan-card .plan-note {
margin-top:auto!important;
margin-bottom:32px!important;
}
.project-plan-card .button {
align-self:center!important;
min-height:38px!important;
padding:10px 24px!important;
border-radius:999px!important;
font-size:14px!important;
font-weight:600!important;
background:#ff8a21!important;
color:#fff!important;
border:0!important;
}
.project-plan-card .button-blue {
background:#1677e8!important;
color:#fff!important;
}
/* Request section */
.request-section {
padding:76px 0 72px!important;
background:#f2f2f2!important;
text-align:center!important;
}
.request-section h2 {
font-size:24px!important;
line-height:1.25!important;
font-weight:500!important;
color:#333!important;
margin:0 0 22px!important;
letter-spacing:0!important;
}
.request-section p {
font-size:15px!important;
line-height:1.7!important;
color:#5b6372!important;
margin:0 auto 20px!important;
text-align:left!important;
}
.form-divider {
width:620px!important;
max-width:100%!important;
height:1px!important;
background:#ddd!important;
margin:44px auto 34px!important;
}
.request-form {
width:100%!important;
margin:0 auto!important;
display:block!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
padding:0!important;
text-align:left!important;
}
.request-form .form-status {
margin:0 0 18px!important;
padding:12px 16px!important;
background:#fff!important;
border:1px solid #e0e0e0!important;
border-radius:3px!important;
font-size:14px!important;
color:#344056!important;
}
.request-form .form-row {
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:16px!important;
margin-bottom:16px!important;
}
.request-form input,
.request-form select,
.request-form textarea {
width:100%!important;
height:42px!important;
border:0!important;
border-radius:2px!important;
background:#fff!important;
color:#344056!important;
font-size:14px!important;
line-height:1.4!important;
padding:0 16px!important;
box-shadow:none!important;
outline:none!important;
font-family:inherit!important;
}
.request-form select {
appearance:auto!important;
}
.request-form textarea {
height:132px!important;
min-height:132px!important;
padding:16px!important;
resize:vertical!important;
display:block!important;
margin-top:16px!important;
}
.request-submit {
text-align:center!important;
margin-top:18px!important;
}
.request-submit button {
min-height:40px!important;
padding:10px 26px!important;
border-radius:999px!important;
background:#ff8a21!important;
color:#fff!important;
border:0!important;
font-size:14px!important;
font-weight:600!important;
box-shadow:none!important;
}
/* Four steps */
.contact-steps-section {
padding:90px 0 96px!important;
background:#fff!important;
text-align:center!important;
}
.contact-steps-section h2 {
font-size:24px!important;
line-height:1.28!important;
font-weight:500!important;
color:#333!important;
margin:0 0 54px!important;
letter-spacing:0!important;
}
.contact-step-grid {
display:grid!important;
grid-template-columns:repeat(4,1fr)!important;
gap:52px!important;
width:100%!important;
max-width:1140px!important;
margin:0 auto!important;
text-align:left!important;
}
.contact-step-grid article {
background:transparent!important;
border:0!important;
box-shadow:none!important;
padding:0!important;
}
.contact-step-grid img {
width:66px!important;
height:66px!important;
object-fit:contain!important;
margin:0 auto 26px!important;
border-radius:0!important;
box-shadow:none!important;
}
.contact-step-grid p {
font-size:15px!important;
line-height:1.65!important;
color:#344056!important;
margin:0!important;
}
.contact-step-grid strong {
font-weight:600!important;
color:#172033!important;
}
/* Remove old contact layout if browser still matches old classes */
.contact-v26 .contact-section,
.contact-v26 .contact-grid,
.contact-v26 .contact-box,
.contact-v26 .contact-form {
all:unset;
}
@media (max-width: 900px) {
.contact-v26 .contact-compact,
.contact-v26 .contact-narrow {
width:min(calc(100% - 36px),1140px)!important;
}
.project-plan-grid,
.request-form .form-row,
.contact-step-grid {
grid-template-columns:1fr!important;
}
.project-plan-card {
min-height:auto!important;
}
.contact-step-grid {
gap:34px!important;
max-width:560px!important;
}
}
/* ===== v27 homepage interaction + testimonial fidelity fixes ===== */
/* Accordion: reliable interactive state, one open item controlled by home-v27.js */
@media (min-width:1024px){
.jing-accordion {
background:#fff!important;
border-radius:16px!important;
padding:18px 18px!important;
box-shadow:none!important;
border:0!important;
}
.jing-accordion details {
display:none!important;
}
.jing-accordion-item {
border-bottom:1px solid #ded7cd!important;
}
.jing-accordion-item:last-child {
border-bottom:0!important;
}
.jing-accordion-trigger {
width:100%!important;
min-height:56px!important;
display:flex!important;
align-items:center!important;
padding:0 10px!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
color:#111!important;
cursor:pointer!important;
font-size:16px!important;
line-height:1.35!important;
font-weight:600!important;
text-align:left!important;
transform:none!important;
}
.jing-accordion-trigger:hover,
.jing-accordion-trigger:focus {
background:transparent!important;
color:#111!important;
transform:none!important;
outline:0!important;
}
.jing-accordion-trigger::before {
content:"+"!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
flex:0 0 28px!important;
width:28px!important;
margin-right:16px!important;
font-size:24px!important;
line-height:1!important;
font-weight:300!important;
color:#111!important;
position:static!important;
}
.jing-accordion-trigger .label {
flex:1 1 auto!important;
padding-right:18px!important;
}
.jing-accordion-trigger i {
flex:0 0 auto!important;
font-style:normal!important;
font-size:21px!important;
font-weight:400!important;
color:#333!important;
margin-left:auto!important;
transition:transform .28s ease!important;
}
.jing-accordion-item.is-open .jing-accordion-trigger i {
transform:rotate(90deg)!important;
}
.jing-accordion-panel {
max-height:0;
overflow:hidden;
transition:max-height .32s ease;
}
.jing-accordion-item.is-open .jing-accordion-panel {
max-height:220px;
}
.jing-accordion-panel p {
padding:0 28px 18px 54px!important;
font-size:16px!important;
line-height:1.65!important;
color:#344056!important;
margin:0!important;
}
/* Testimonial carousel: closer to target screenshot */
.clients-section {
padding-top:92px!important;
padding-bottom:92px!important;
background:#fff!important;
}
.clients-section .section-title-center h2 {
color:#ff8a21!important;
font-size:34px!important;
line-height:1.25!important;
font-weight:600!important;
margin-bottom:14px!important;
}
.clients-section .section-title-center p {
font-size:18px!important;
color:#172642!important;
}
.testimonial-grid {
display:none!important;
}
.testimonial-carousel {
position:relative!important;
width:1140px!important;
max-width:1140px!important;
margin:50px auto 0!important;
padding:0 46px!important;
}
.testimonial-track {
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:28px!important;
}
.testimonial-track .testimonial {
display:none!important;
position:relative!important;
min-height:214px!important;
padding:0!important;
background:#f7f7f7!important;
border:1px solid #e0e0e0!important;
border-top:3px solid #ff8a21!important;
border-radius:0!important;
box-shadow:none!important;
overflow:hidden!important;
opacity:0;
transform:translateX(12px);
transition:opacity .28s ease, transform .28s ease;
}
.testimonial-track .testimonial.is-visible {
display:block!important;
opacity:1;
transform:translateX(0);
}
.testimonial-track .testimonial::after {
content:"f"!important;
position:absolute!important;
right:18px!important;
top:20px!important;
width:28px!important;
height:28px!important;
border-radius:50%!important;
background:#4669a9!important;
color:#fff!important;
font-family:Arial,Helvetica,sans-serif!important;
font-size:24px!important;
line-height:30px!important;
font-weight:700!important;
text-align:center!important;
}
.testimonial-track .avatar {
position:absolute!important;
left:18px!important;
top:18px!important;
width:42px!important;
height:42px!important;
border-radius:50%!important;
background:#e9e9e9!important;
color:#ff8a21!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
font-weight:700!important;
font-size:18px!important;
}
.testimonial-copy {
padding:20px 58px 22px 76px!important;
}
.testimonial-copy h3 {
font-size:18px!important;
line-height:1.25!important;
font-weight:600!important;
color:#111!important;
margin:0 0 3px!important;
}
.testimonial-copy span {
display:block!important;
font-size:13px!important;
line-height:1.35!important;
color:#6d7787!important;
margin-bottom:16px!important;
}
.testimonial-copy p {
margin:0!important;
padding:18px 0 0!important;
border-top:1px solid #e0e0e0!important;
font-size:16px!important;
line-height:1.5!important;
color:#344056!important;
}
.testimonial-prev,
.testimonial-next {
position:absolute!important;
top:50%!important;
transform:translateY(-50%)!important;
width:42px!important;
height:42px!important;
min-height:42px!important;
padding:0!important;
border:0!important;
background:transparent!important;
color:#a7a7a7!important;
border-radius:0!important;
box-shadow:none!important;
font-size:42px!important;
line-height:1!important;
font-weight:300!important;
z-index:3!important;
}
.testimonial-prev:hover,
.testimonial-next:hover {
color:#ff8a21!important;
background:transparent!important;
transform:translateY(-50%)!important;
}
.testimonial-prev {
left:0!important;
}
.testimonial-next {
right:0!important;
}
.testimonial-controls,
.testimonial-dots,
.testimonial-dot {
display:none!important;
}
}
@media (max-width:1199px){
.testimonial-carousel {
width:100%!important;
max-width:100%!important;
padding:0 42px!important;
}
}
@media (max-width:767px){
.testimonial-track {
grid-template-columns:1fr!important;
}
.testimonial-track .testimonial.is-visible:nth-of-type(n+2) {
display:none!important;
}
.testimonial-carousel {
padding:0 32px!important;
}
.testimonial-copy {
padding-right:48px!important;
}
.testimonial-prev,
.testimonial-next {
font-size:34px!important;
width:32px!important;
height:32px!important;
}
}
/* ===== v28 fixes: homepage links + Products category grid/CTA fidelity ===== */
/* Products page category grid: target uses simple dark line icons, no orange circular badge */
@media (min-width:1024px){
.product-category-section{
padding-top:92px!important;
padding-bottom:96px!important;
background:#fff!important;
}
.product-category-section > .container,
.products-compact{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
padding-left:0!important;
padding-right:0!important;
}
.products-category-grid{
width:1140px!important;
max-width:1140px!important;
display:grid!important;
grid-template-columns:repeat(5,1fr)!important;
gap:0!important;
margin:56px auto 0!important;
border-left:1px solid #d8d8d8!important;
border-top:1px solid #d8d8d8!important;
background:#fff!important;
}
.products-category-cell{
min-height:224px!important;
padding:38px 18px 34px!important;
background:#fff!important;
border:0!important;
border-right:1px solid #d8d8d8!important;
border-bottom:1px solid #d8d8d8!important;
border-radius:0!important;
box-shadow:none!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
text-align:center!important;
color:#1e2b3f!important;
transition:background .2s ease,color .2s ease!important;
}
.products-category-cell:hover{
background:#faf8f5!important;
color:#111!important;
transform:none!important;
}
.products-category-icon{
width:58px!important;
height:58px!important;
margin:0 0 22px!important;
padding:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
}
.products-category-icon img{
width:52px!important;
height:52px!important;
object-fit:contain!important;
display:block!important;
filter:none!important;
opacity:1!important;
}
.products-category-cell strong{
font-size:22px!important;
line-height:1.32!important;
font-weight:400!important;
color:#1e2b3f!important;
max-width:150px!important;
}
/* More categories CTA: rounded beige block like target */
.products-more-box{
position:relative!important;
overflow:hidden!important;
width:1140px!important;
max-width:1140px!important;
min-height:196px!important;
margin:66px auto 0!important;
padding:50px 72px!important;
display:grid!important;
grid-template-columns:minmax(0, 1fr) auto!important;
gap:80px!important;
align-items:center!important;
background:#eee6dd!important;
border-radius:10px!important;
border:0!important;
box-shadow:none!important;
}
.products-more-box::before{
content:""!important;
position:absolute!important;
left:380px!important;
bottom:0!important;
width:520px!important;
height:145px!important;
background:rgba(255,255,255,.22)!important;
clip-path:polygon(0 100%,78% 0,100% 100%)!important;
pointer-events:none!important;
}
.products-more-box > *{
position:relative!important;
z-index:1!important;
}
.products-more-box h3{
font-size:20px!important;
line-height:1.35!important;
font-weight:600!important;
color:#111!important;
margin:0 0 18px!important;
}
.products-more-box p{
font-size:17px!important;
line-height:1.65!important;
color:#111827!important;
max-width:560px!important;
margin:0!important;
}
.products-more-box .button{
min-width:168px!important;
min-height:44px!important;
padding:12px 30px!important;
border-radius:999px!important;
font-size:16px!important;
font-weight:600!important;
background:#ff8a21!important;
color:#fff!important;
border:0!important;
box-shadow:none!important;
}
}
/* Homepage: all 4 audience Get started links intentionally point to Sourcing & Purchasing. */
@media (min-width:1024px){
.audience-text .text-link{
cursor:pointer!important;
}
}
@media (max-width:1199px){
.products-category-grid,
.products-more-box{
width:100%!important;
max-width:100%!important;
}
}
@media (max-width:900px){
.products-category-grid{
grid-template-columns:repeat(2,1fr)!important;
}
.products-more-box{
grid-template-columns:1fr!important;
gap:24px!important;
padding:36px 28px!important;
}
}
@media (max-width:520px){
.products-category-grid{
grid-template-columns:1fr!important;
}
}
/* ===== v29 Products page fidelity fixes from annotated screenshots ===== */
@media (min-width:1024px){
/* Product category grid: no outside border, only internal separators */
.product-category-section{
padding-top:92px!important;
padding-bottom:88px!important;
background:#fff!important;
}
.products-category-grid{
width:1140px!important;
max-width:1140px!important;
display:grid!important;
grid-template-columns:repeat(5,1fr)!important;
gap:0!important;
margin:56px auto 0!important;
border:0!important;
background:#fff!important;
}
.products-category-cell{
min-height:206px!important;
padding:34px 18px 30px!important;
border:0!important;
border-right:1px solid #d8d8d8!important;
border-bottom:1px solid #d8d8d8!important;
border-radius:0!important;
background:#fff!important;
box-shadow:none!important;
transform:none!important;
}
.products-category-cell:nth-child(5n){
border-right:0!important;
}
.products-category-cell:nth-last-child(-n+5){
border-bottom:0!important;
}
.products-category-cell:hover{
background:#fff!important;
color:#1e2b3f!important;
transform:none!important;
}
.products-category-icon{
width:58px!important;
height:58px!important;
margin:0 0 20px!important;
padding:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
filter:none!important;
}
.products-category-icon img{
width:56px!important;
height:56px!important;
object-fit:contain!important;
}
.products-category-cell strong{
font-size:22px!important;
line-height:1.32!important;
font-weight:400!important;
color:#1e2b3f!important;
max-width:160px!important;
}
/* More category CTA: keep target rounded beige block */
.products-more-box{
width:1140px!important;
max-width:1140px!important;
margin:70px auto 0!important;
min-height:236px!important;
border-radius:10px!important;
background:#eee6dd!important;
padding:58px 72px!important;
border:0!important;
box-shadow:none!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
align-items:center!important;
gap:90px!important;
}
.products-more-box h3{
font-size:22px!important;
line-height:1.35!important;
font-weight:600!important;
margin:0 0 22px!important;
color:#111!important;
}
.products-more-box p{
font-size:18px!important;
line-height:1.72!important;
max-width:590px!important;
color:#111!important;
}
.products-more-box .button{
min-width:170px!important;
height:46px!important;
font-size:16px!important;
}
/* Our solutions: target has larger text and real image blocks */
.products-solutions-section{
padding:96px 0 105px!important;
background:#f3f3f3!important;
}
.products-solutions-section .products-section-title{
margin-bottom:68px!important;
}
.products-solutions-section .products-section-title h2{
font-size:36px!important;
line-height:1.22!important;
font-weight:600!important;
color:#ff8a21!important;
margin-bottom:22px!important;
}
.products-solutions-section .products-section-title p{
display:block!important;
font-size:20px!important;
line-height:1.65!important;
color:#1e2b3f!important;
max-width:1140px!important;
margin:0 auto!important;
}
.products-solution-row{
width:1140px!important;
max-width:1140px!important;
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:88px!important;
align-items:center!important;
padding:0 0 115px!important;
margin:0 auto!important;
}
.products-solution-row:last-child{
padding-bottom:0!important;
}
.products-solution-row.reverse img{
order:-1!important;
}
.products-solution-row h3{
font-size:26px!important;
line-height:1.35!important;
font-weight:400!important;
color:#2a2f3a!important;
margin:0 0 26px!important;
}
.products-solution-row p{
font-size:20px!important;
line-height:1.62!important;
font-weight:400!important;
color:#24324a!important;
margin:0 0 34px!important;
}
.products-solution-row .text-link{
display:inline-flex!important;
align-items:center!important;
gap:12px!important;
font-size:18px!important;
font-weight:600!important;
color:#ff8a21!important;
padding-bottom:10px!important;
border-bottom:2px solid #ff8a21!important;
text-decoration:none!important;
}
.products-solution-row .text-link::after{
content:"→"!important;
font-size:24px!important;
line-height:1!important;
color:#ff8a21!important;
}
.products-solution-row img{
width:540px!important;
height:auto!important;
max-height:none!important;
object-fit:cover!important;
border-radius:12px!important;
box-shadow:none!important;
}
.products-solution-row:first-of-type img{
width:540px!important;
height:326px!important;
object-fit:cover!important;
}
.products-solution-row.reverse img{
width:540px!important;
height:320px!important;
object-fit:cover!important;
}
/* Alibaba accordion: target has orange title, no blank closed panels, plus/minus correct */
.products-alibaba-section{
padding:96px 0 86px!important;
background:#fff!important;
text-align:center!important;
}
.products-alibaba-section h2{
display:inline-block!important;
font-size:34px!important;
line-height:1.24!important;
font-weight:400!important;
color:#ff8a21!important;
margin:0 0 56px!important;
}
.products-alibaba-grid{
width:1140px!important;
max-width:1140px!important;
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:10px 36px!important;
align-items:start!important;
text-align:left!important;
margin:0 auto!important;
}
.products-alibaba-grid details{
background:#f3f3f3!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
overflow:hidden!important;
}
.products-alibaba-grid summary{
min-height:58px!important;
padding:0 22px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
cursor:pointer!important;
list-style:none!important;
font-size:20px!important;
line-height:1.35!important;
font-weight:600!important;
color:#1f2937!important;
background:#f3f3f3!important;
}
.products-alibaba-grid summary::-webkit-details-marker{
display:none!important;
}
.products-alibaba-grid details[open] summary{
color:#ff8a21!important;
}
.products-alibaba-grid summary span{
color:#555!important;
font-size:30px!important;
line-height:1!important;
font-weight:400!important;
}
.products-alibaba-grid details[open] summary span{
color:#ff8a21!important;
}
.products-alibaba-grid p{
display:block!important;
border-top:0!important;
padding:26px 22px 40px!important;
margin:0!important;
font-size:20px!important;
line-height:1.62!important;
color:#24324a!important;
background:#fff!important;
}
.products-alibaba-grid details:not([open]) p{
display:none!important;
}
.products-alibaba-grid details:not([open]){
min-height:58px!important;
}
.products-alibaba-grid details[open]{
min-height:238px!important;
}
}
@media (max-width:1199px){
.products-category-grid,
.products-more-box,
.products-solution-row,
.products-alibaba-grid{
width:100%!important;
max-width:100%!important;
}
}
@media (max-width:900px){
.products-category-grid{
grid-template-columns:repeat(2,1fr)!important;
}
.products-category-cell:nth-child(5n){
border-right:1px solid #d8d8d8!important;
}
.products-category-cell:nth-child(2n){
border-right:0!important;
}
.products-category-cell:nth-last-child(-n+5){
border-bottom:1px solid #d8d8d8!important;
}
.products-category-cell:nth-last-child(-n+2){
border-bottom:0!important;
}
.products-more-box,
.products-solution-row,
.products-alibaba-grid{
grid-template-columns:1fr!important;
}
.products-solution-row,
.products-solution-row.reverse{
gap:34px!important;
}
.products-solution-row.reverse img{
order:0!important;
}
.products-solution-row img,
.products-solution-row:first-of-type img,
.products-solution-row.reverse img{
width:100%!important;
height:auto!important;
}
}
/* ===== v30 Products page fixes: per-column accordion + larger monthly report ===== */
@media (min-width:1024px){
/* Alibaba accordion: each column can keep one item open. */
.products-alibaba-grid details[open]{
min-height:238px!important;
}
.products-alibaba-grid details:not([open]){
min-height:58px!important;
}
.products-alibaba-grid details:not([open]) p{
display:none!important;
}
.products-alibaba-grid details[open] p{
display:block!important;
}
/* Product monthly report: less cramped, larger image and form */
.products-report-section{
padding:86px 0 96px!important;
background:#fff!important;
}
.products-report-grid{
width:1140px!important;
max-width:1140px!important;
margin:0 auto!important;
display:grid!important;
grid-template-columns:240px minmax(0,390px) minmax(0,470px)!important;
gap:46px!important;
align-items:center!important;
}
.products-report-grid > img{
width:220px!important;
max-width:220px!important;
justify-self:start!important;
border-radius:0!important;
box-shadow:none!important;
}
.products-report-grid h2{
font-size:34px!important;
line-height:1.2!important;
font-weight:600!important;
color:#111!important;
margin:0 0 20px!important;
max-width:390px!important;
}
.products-report-grid p{
font-size:20px!important;
line-height:1.62!important;
color:#24324a!important;
max-width:390px!important;
margin:0!important;
}
.products-report-form{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:12px!important;
width:470px!important;
max-width:470px!important;
margin:0!important;
justify-self:end!important;
}
.products-report-form input{
height:42px!important;
border:1px solid #b8b8b8!important;
border-radius:3px!important;
background:#fff!important;
font-size:15px!important;
color:#344056!important;
padding:0 14px!important;
box-shadow:none!important;
}
.products-report-form input[type="email"]{
grid-column:1 / -1!important;
}
.products-report-form button{
grid-column:1 / -1!important;
height:48px!important;
min-height:48px!important;
border-radius:999px!important;
background:#ff8a21!important;
color:#fff!important;
font-size:16px!important;
font-weight:600!important;
border:0!important;
box-shadow:none!important;
}
}
@media (max-width:1199px){
.products-report-grid{
width:100%!important;
max-width:100%!important;
grid-template-columns:180px 1fr!important;
}
.products-report-form{
grid-column:1 / -1!important;
width:100%!important;
max-width:1140px!important;
justify-self:center!important;
}
}
@media (max-width:760px){
.products-report-grid{
grid-template-columns:1fr!important;
text-align:center!important;
}
.products-report-grid > img{
justify-self:center!important;
}
.products-report-grid h2,
.products-report-grid p{
max-width:100%!important;
}
.products-report-form{
grid-template-columns:1fr!important;
}
}
/* ===== v31 Sourcing & Purchasing + active navigation corrections ===== */
/* Active top navigation for current section/page */
.main-nav > .menu > .current-menu-item > a,
.main-nav > .menu > .current-menu-ancestor > a,
.main-nav > .menu > .current_page_item > a,
.main-nav > .menu > .current_page_ancestor > a,
body.rjl-section-services .main-nav > .menu > .menu-item:nth-child(1) > a,
body.rjl-section-solutions .main-nav > .menu > .menu-item:nth-child(2) > a,
body.rjl-section-products .main-nav > .menu > .menu-item:nth-child(3) > a,
body.rjl-section-about .main-nav > .menu > .menu-item:nth-child(4) > a,
body.rjl-section-resources .main-nav > .menu > .menu-item:nth-child(5) > a{
color:#ff8a21!important;
}
/* Sourcing & Purchasing target-style service page */
@media (min-width:1024px){
body.rjl-page-sourcing-purchasing .service-sp-head{
padding:36px 0 48px!important;
background:#fff!important;
text-align:center!important;
}
body.rjl-page-sourcing-purchasing .service-sp-head h1{
font-size:28px!important;
line-height:1.24!important;
font-weight:600!important;
letter-spacing:0!important;
text-transform:none!important;
color:#111!important;
margin:0!important;
}
body.rjl-page-sourcing-purchasing .plan-section{
padding:76px 0!important;
}
body.rjl-page-sourcing-purchasing .plan-pro{
background:#f3f3f3!important;
}
body.rjl-page-sourcing-purchasing .plan-basic{
background:#fff!important;
}
body.rjl-page-sourcing-purchasing .service-plan-row{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
grid-template-columns:520px 520px!important;
gap:100px!important;
align-items:center!important;
}
body.rjl-page-sourcing-purchasing .plan-copy h2{
font-size:26px!important;
line-height:1.3!important;
font-weight:400!important;
color:#ff8a21!important;
text-align:center!important;
margin:0 0 28px!important;
}
body.rjl-page-sourcing-purchasing .plan-basic .plan-copy h2{
color:#1677e8!important;
}
body.rjl-page-sourcing-purchasing .plan-copy p{
font-size:18px!important;
line-height:1.68!important;
font-weight:400!important;
color:#111827!important;
margin:0 0 24px!important;
}
body.rjl-page-sourcing-purchasing .plan-copy p strong{
font-weight:600!important;
}
body.rjl-page-sourcing-purchasing .plan-copy .button{
min-height:42px!important;
padding:12px 24px!important;
border-radius:999px!important;
font-size:15px!important;
font-weight:600!important;
margin-top:30px!important;
}
body.rjl-page-sourcing-purchasing .plan-image{
display:flex!important;
align-items:center!important;
justify-content:center!important;
}
body.rjl-page-sourcing-purchasing .plan-image img{
width:540px!important;
max-width:540px!important;
max-height:420px!important;
object-fit:contain!important;
border-radius:0!important;
box-shadow:none!important;
}
/* comparison/table spacing cleaned so next section doesn't look broken */
body.rjl-page-sourcing-purchasing .comparison-section{
background:#f3f3f3!important;
padding:74px 0 76px!important;
overflow:hidden!important;
text-align:center!important;
}
body.rjl-page-sourcing-purchasing .comparison-section h2{
font-size:28px!important;
line-height:1.25!important;
font-weight:600!important;
margin:0 0 28px!important;
color:#111!important;
}
body.rjl-page-sourcing-purchasing .plan-table{
width:560px!important;
max-width:560px!important;
font-size:15px!important;
border:1px solid #d8d8d8!important;
box-shadow:none!important;
background:#fff!important;
}
body.rjl-page-sourcing-purchasing .plan-table-row span,
body.rjl-page-sourcing-purchasing .plan-table-row strong{
padding:15px 18px!important;
}
/* How to use service: target has graphic icons, not number-only circles */
body.rjl-page-sourcing-purchasing .how-section{
padding:92px 0 106px!important;
background:#fff!important;
text-align:center!important;
}
body.rjl-page-sourcing-purchasing .how-section h2{
font-size:28px!important;
line-height:1.3!important;
font-weight:400!important;
color:#2f333b!important;
margin:0 0 66px!important;
}
body.rjl-page-sourcing-purchasing .how-grid{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
margin:0 auto!important;
display:grid!important;
grid-template-columns:repeat(4,1fr)!important;
gap:58px!important;
text-align:left!important;
}
body.rjl-page-sourcing-purchasing .how-card{
text-align:left!important;
}
body.rjl-page-sourcing-purchasing .how-icon{
display:none!important;
}
body.rjl-page-sourcing-purchasing .how-icon-img{
width:72px!important;
height:72px!important;
object-fit:contain!important;
margin:0 auto 34px!important;
display:block!important;
}
body.rjl-page-sourcing-purchasing .how-card p{
font-size:18px!important;
line-height:1.62!important;
color:#172642!important;
margin:0!important;
text-align:left!important;
}
body.rjl-page-sourcing-purchasing .how-card strong{
font-weight:600!important;
color:#172642!important;
}
/* FAQ: target has centered narrow rounded list */
body.rjl-page-sourcing-purchasing .faq-service-section{
background:#f3f3f3!important;
padding:84px 0 92px!important;
text-align:center!important;
}
body.rjl-page-sourcing-purchasing .faq-service-section h2{
font-size:28px!important;
line-height:1.3!important;
font-weight:400!important;
color:#2f333b!important;
margin:0 0 42px!important;
}
body.rjl-page-sourcing-purchasing .faq-box{
width:1140px!important;
max-width:1140px!important;
margin:0 auto 38px!important;
display:grid!important;
gap:12px!important;
text-align:left!important;
}
body.rjl-page-sourcing-purchasing .faq-box details{
background:#fff!important;
border-radius:12px!important;
border:0!important;
box-shadow:none!important;
overflow:hidden!important;
margin:0!important;
}
body.rjl-page-sourcing-purchasing .faq-box summary{
min-height:58px!important;
padding:0 20px!important;
display:grid!important;
grid-template-columns:24px 1fr 18px!important;
gap:16px!important;
align-items:center!important;
font-size:16px!important;
line-height:1.35!important;
font-weight:600!important;
color:#111827!important;
cursor:pointer!important;
}
body.rjl-page-sourcing-purchasing .faq-box summary span{
font-size:26px!important;
line-height:1!important;
font-weight:300!important;
color:#111827!important;
}
body.rjl-page-sourcing-purchasing .faq-box summary i{
font-size:24px!important;
font-style:normal!important;
color:#555!important;
text-align:right!important;
}
body.rjl-page-sourcing-purchasing .faq-box p{
padding:0 24px 22px 60px!important;
font-size:16px!important;
line-height:1.65!important;
color:#344056!important;
margin:0!important;
}
body.rjl-page-sourcing-purchasing .faq-service-section .center-button .button{
min-height:42px!important;
padding:12px 26px!important;
font-size:15px!important;
font-weight:600!important;
}
}
@media (max-width:1199px){
body.rjl-page-sourcing-purchasing .service-plan-row,
body.rjl-page-sourcing-purchasing .how-grid{
width:min(calc(100% - 36px),1140px)!important;
max-width:1140px!important;
gap:42px!important;
}
body.rjl-page-sourcing-purchasing .faq-box{
width:min(calc(100% - 36px),1140px)!important;
max-width:1140px!important;
}
}
@media (max-width:900px){
body.rjl-page-sourcing-purchasing .service-plan-row,
body.rjl-page-sourcing-purchasing .how-grid{
grid-template-columns:1fr!important;
}
body.rjl-page-sourcing-purchasing .service-plan-row.is-reverse .plan-image{
order:0!important;
}
body.rjl-page-sourcing-purchasing .plan-image img{
width:100%!important;
max-width:560px!important;
}
}
/* ===== v32 global scale + Our Services rebuild ===== */
:root{
--rjl-max:1140px;
--rjl-orange:#ff8a21;
--rjl-blue:#1477e9;
--rjl-text:#172642;
--rjl-muted:#5e6878;
--rjl-soft:#f3f3f3;
--rjl-cream:#fff3e2;
}
.rjl-container{
width:min(calc(100% - 80px),var(--rjl-max))!important;
max-width:var(--rjl-max)!important;
margin-left:auto!important;
margin-right:auto!important;
}
.service-narrow-v32{
max-width:1140px!important;
}
.main-nav > .menu > .current-menu-item > a,
.main-nav > .menu > .current-menu-ancestor > a,
.main-nav > .menu > .current_page_item > a,
.main-nav > .menu > .current_page_ancestor > a,
body.rjl-section-services .main-nav > .menu > .menu-item:nth-child(1) > a,
body.rjl-section-solutions .main-nav > .menu > .menu-item:nth-child(2) > a,
body.rjl-section-products .main-nav > .menu > .menu-item:nth-child(3) > a,
body.rjl-section-about .main-nav > .menu > .menu-item:nth-child(4) > a,
body.rjl-section-resources .main-nav > .menu > .menu-item:nth-child(5) > a{
color:var(--rjl-orange)!important;
}
.service-v32{
background:#fff;
color:var(--rjl-text);
}
.service-v32 h1,
.service-v32 h2,
.service-v32 h3{
letter-spacing:0!important;
}
.service-v32 p{
color:var(--rjl-text);
}
/* Common service title */
.service-v32-title{
background:#fff!important;
text-align:center!important;
padding:54px 0 56px!important;
}
.service-v32-title h1{
font-size:30px!important;
line-height:1.25!important;
font-weight:600!important;
margin:0!important;
color:#111!important;
}
.service-v32-title p{
font-size:18px!important;
line-height:1.65!important;
max-width:1140px!important;
margin:22px auto 0!important;
}
/* Sourcing & Purchasing */
.service-plan-v32{
padding:78px 0!important;
}
.service-plan-v32-pro{
background:var(--rjl-soft)!important;
}
.service-plan-v32-basic{
background:#fff!important;
}
.service-plan-v32-row{
display:grid!important;
grid-template-columns:minmax(0,520px) minmax(0,520px)!important;
gap:100px!important;
align-items:center!important;
}
.service-plan-copy h2{
font-size:26px!important;
line-height:1.35!important;
font-weight:400!important;
color:var(--rjl-orange)!important;
text-align:center!important;
margin:0 0 30px!important;
}
.service-plan-v32-basic .service-plan-copy h2{
color:var(--rjl-blue)!important;
}
.service-plan-copy p{
font-size:18px!important;
line-height:1.72!important;
font-weight:400!important;
margin:0 0 22px!important;
color:#111827!important;
}
.service-plan-copy strong{
font-weight:600!important;
}
.service-plan-copy .button{
min-height:42px!important;
padding:12px 26px!important;
border-radius:999px!important;
font-size:15px!important;
font-weight:600!important;
margin-top:28px!important;
}
.service-plan-media{
display:flex!important;
align-items:center!important;
justify-content:center!important;
}
.service-plan-media img{
width:540px!important;
max-width:100%!important;
height:auto!important;
max-height:430px!important;
object-fit:contain!important;
border-radius:0!important;
box-shadow:none!important;
}
.button-blue{
background:var(--rjl-blue)!important;
color:#fff!important;
}
.service-comparison-v32{
background:var(--rjl-soft)!important;
padding:74px 0 76px!important;
text-align:center!important;
}
.service-comparison-v32 h2,
.service-steps-v32 h2,
.service-faq-v32 h2{
font-size:28px!important;
line-height:1.3!important;
font-weight:500!important;
margin:0 0 34px!important;
color:#111!important;
}
.service-table-v32{
width:570px!important;
max-width:100%!important;
margin:0 auto!important;
background:#fff!important;
border:1px solid #d8d8d8!important;
}
.service-table-head,
.service-table-row{
display:grid!important;
grid-template-columns:1.2fr 1fr 1fr!important;
}
.service-table-head{
background:var(--rjl-blue)!important;
color:#fff!important;
font-weight:600!important;
}
.service-table-head span,
.service-table-head strong,
.service-table-row span{
padding:14px 18px!important;
border-right:1px solid #d8d8d8!important;
border-bottom:1px solid #d8d8d8!important;
text-align:left!important;
font-size:15px!important;
line-height:1.45!important;
}
.service-table-row span{
color:#111827!important;
background:#fff!important;
}
.service-table-row:last-child span{
border-bottom:0!important;
}
.service-steps-v32{
background:#fff!important;
padding:92px 0 106px!important;
text-align:center!important;
}
.service-steps-grid-v32{
display:grid!important;
grid-template-columns:repeat(4,1fr)!important;
gap:58px!important;
text-align:left!important;
}
.service-steps-grid-v32 article img{
width:72px!important;
height:72px!important;
object-fit:contain!important;
display:block!important;
margin:0 auto 32px!important;
}
.service-steps-grid-v32 p{
font-size:18px!important;
line-height:1.62!important;
margin:0!important;
color:var(--rjl-text)!important;
}
.service-steps-grid-v32 strong{
font-weight:600!important;
color:var(--rjl-text)!important;
}
.service-faq-v32{
background:var(--rjl-soft)!important;
padding:84px 0 92px!important;
text-align:center!important;
}
.service-faq-list-v32{
display:grid!important;
gap:12px!important;
margin:0 auto 36px!important;
text-align:left!important;
}
.service-faq-list-v32 details{
background:#fff!important;
border-radius:12px!important;
border:0!important;
box-shadow:none!important;
overflow:hidden!important;
}
.service-faq-list-v32 summary{
min-height:58px!important;
padding:0 20px!important;
display:grid!important;
grid-template-columns:24px 1fr 18px!important;
gap:16px!important;
align-items:center!important;
font-size:16px!important;
line-height:1.35!important;
font-weight:600!important;
color:#111827!important;
cursor:pointer!important;
list-style:none!important;
}
.service-faq-list-v32 summary::-webkit-details-marker{display:none!important;}
.service-faq-list-v32 summary span{
font-size:26px!important;
font-weight:300!important;
line-height:1!important;
}
.service-faq-list-v32 summary i{
font-size:24px!important;
font-style:normal!important;
text-align:right!important;
color:#555!important;
}
.service-faq-list-v32 p{
padding:0 24px 22px 60px!important;
font-size:16px!important;
line-height:1.65!important;
margin:0!important;
color:#344056!important;
}
/* Dropshipping */
.dropship-benefits-v32{
background:linear-gradient(135deg,#fff 0%,#fff4e4 55%,#ffd08a 100%)!important;
padding:82px 0 86px!important;
text-align:center!important;
}
.dropship-benefits-v32 h2,
.dropship-steps-v32 h2{
font-size:30px!important;
line-height:1.3!important;
font-weight:500!important;
margin:0 0 54px!important;
color:#111!important;
}
.dropship-benefit-grid-v32{
display:grid!important;
grid-template-columns:repeat(2,1fr)!important;
gap:24px!important;
max-width:1140px!important;
margin:0 auto 34px!important;
text-align:left!important;
}
.dropship-benefit-grid-v32 article{
background:rgba(255,255,255,.86)!important;
border-radius:8px!important;
padding:30px 34px!important;
box-shadow:none!important;
}
.dropship-benefit-grid-v32 h3{
font-size:19px!important;
line-height:1.35!important;
font-weight:600!important;
margin:0 0 16px!important;
color:#111!important;
}
.dropship-benefit-grid-v32 p{
font-size:16px!important;
line-height:1.65!important;
margin:0!important;
color:#344056!important;
}
.dropship-steps-v32{
padding:84px 0 92px!important;
background:#fff!important;
text-align:center!important;
}
.dropship-steps-row-v32{
display:grid!important;
grid-template-columns:1fr 520px!important;
gap:70px!important;
align-items:center!important;
margin-bottom:34px!important;
text-align:left!important;
}
.dropship-step-list-v32{
display:grid!important;
gap:0!important;
}
.dropship-step-list-v32 div{
display:grid!important;
grid-template-columns:48px 1fr!important;
gap:24px!important;
align-items:start!important;
padding:18px 0!important;
border-bottom:1px solid #e2e2e2!important;
}
.dropship-step-list-v32 strong{
font-size:34px!important;
font-weight:300!important;
line-height:1!important;
color:#c7cbd2!important;
}
.dropship-step-list-v32 p{
font-size:17px!important;
line-height:1.65!important;
margin:0!important;
color:#344056!important;
}
.dropship-steps-row-v32 img{
width:520px!important;
max-width:100%!important;
border-radius:0!important;
}
/* Design service */
.design-hero-v32{
background:linear-gradient(135deg,#fff 0%,#fff7ed 55%,#ffc37f 100%)!important;
padding:62px 0 70px!important;
}
.design-hero-row-v32{
display:grid!important;
grid-template-columns:520px 1fr!important;
gap:70px!important;
align-items:center!important;
}
.design-hero-row-v32 img{
width:520px!important;
border-radius:10px!important;
box-shadow:0 18px 36px rgba(20,30,45,.08)!important;
}
.design-hero-row-v32 h1{
font-size:32px!important;
line-height:1.25!important;
font-weight:600!important;
margin:0 0 24px!important;
color:#111!important;
}
.design-hero-row-v32 p{
font-size:17px!important;
line-height:1.7!important;
margin:0 0 18px!important;
}
.design-steps-v32{
padding:56px 0 64px!important;
background:#fff!important;
}
.design-steps-grid-v32{
display:grid!important;
grid-template-columns:repeat(4,1fr)!important;
gap:48px!important;
text-align:center!important;
}
.design-steps-grid-v32 span{
display:inline-flex!important;
width:30px!important;
height:30px!important;
border:1px solid var(--rjl-orange)!important;
color:var(--rjl-orange)!important;
align-items:center!important;
justify-content:center!important;
margin-bottom:18px!important;
font-size:14px!important;
}
.design-steps-grid-v32 p{
font-size:15px!important;
line-height:1.55!important;
margin:0!important;
}
.design-service-strip-v32{
min-height:270px!important;
display:flex!important;
align-items:center!important;
text-align:center!important;
background:linear-gradient(135deg,#fff 0%,#fff8ee 55%,#ffd39c 100%)!important;
padding:74px 0!important;
}
.design-service-strip-v32:nth-of-type(even){
background:#fff!important;
}
.design-service-strip-v32 h2,
.design-form-v32 h2{
font-size:30px!important;
line-height:1.3!important;
font-weight:500!important;
margin:0 0 20px!important;
color:#111!important;
}
.design-service-strip-v32 p{
font-size:17px!important;
line-height:1.7!important;
margin:0 auto 42px!important;
max-width:720px!important;
}
.design-form-v32{
padding:70px 0 86px!important;
background:linear-gradient(135deg,#fff 0%,#fff8ef 60%,#ffd39c 100%)!important;
text-align:center!important;
}
.design-form-v32 form{
background:rgba(255,255,255,.6)!important;
border:1px solid #d8d0c4!important;
padding:24px!important;
text-align:left!important;
}
.design-form-v32 .form-row{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:12px!important;
margin-bottom:12px!important;
}
.design-form-v32 input,
.design-form-v32 textarea{
width:100%!important;
border:1px solid #d0d0d0!important;
background:#fff!important;
min-height:42px!important;
padding:0 14px!important;
font-size:14px!important;
margin:0 0 12px!important;
}
.design-form-v32 textarea{
min-height:130px!important;
padding:14px!important;
}
.design-form-v32 button{
display:block!important;
margin:0 auto!important;
border:0!important;
border-radius:999px!important;
padding:11px 26px!important;
background:var(--rjl-orange)!important;
color:#fff!important;
font-weight:600!important;
}
/* Extra services */
.extra-photo-v32,
.extra-packaging-v32{
background:linear-gradient(135deg,#fff 0%,#fff8ef 55%,#ffd39c 100%)!important;
padding:64px 0!important;
text-align:center!important;
}
.extra-photo-v32 h2,
.extra-packaging-v32 h2,
.extra-quality-v32 h2,
.extra-warehouse-v32 h2{
font-size:30px!important;
line-height:1.3!important;
font-weight:500!important;
margin:0 0 34px!important;
color:#111!important;
}
.extra-photo-card-v32{
display:grid!important;
grid-template-columns:1fr 1fr!important;
background:#fff!important;
border-radius:8px!important;
overflow:hidden!important;
max-width:640px!important;
margin:0 auto 26px!important;
text-align:left!important;
}
.extra-photo-card-v32 img{
width:100%!important;
height:230px!important;
object-fit:cover!important;
}
.extra-photo-card-v32 ul{
margin:0!important;
padding:34px 34px 24px!important;
}
.extra-photo-card-v32 li{
font-size:16px!important;
line-height:1.65!important;
margin:0 0 10px!important;
color:#344056!important;
}
.extra-packaging-card-v32{
display:grid!important;
grid-template-columns:1.2fr 1fr 1fr!important;
background:#fff!important;
border-radius:8px!important;
overflow:hidden!important;
max-width:1140px!important;
margin:0 auto 26px!important;
text-align:left!important;
}
.extra-packaging-card-v32 img{
width:100%!important;
height:280px!important;
object-fit:cover!important;
}
.extra-packaging-card-v32 div{
padding:34px 26px!important;
font-size:16px!important;
line-height:1.65!important;
}
.extra-packaging-card-v32 p{
font-size:16px!important;
line-height:1.65!important;
margin:0 0 18px!important;
}
.extra-quality-v32{
background:#eefdff!important;
padding:76px 0 84px!important;
text-align:center!important;
}
.extra-quality-grid-v32{
display:grid!important;
grid-template-columns:repeat(3,1fr)!important;
gap:24px!important;
margin:0 auto 30px!important;
max-width:1140px!important;
}
.extra-quality-grid-v32 article{
background:#fff!important;
border-radius:8px!important;
overflow:hidden!important;
text-align:left!important;
}
.extra-quality-grid-v32 img{
width:100%!important;
height:180px!important;
object-fit:cover!important;
}
.extra-quality-grid-v32 h3{
font-size:18px!important;
line-height:1.35!important;
font-weight:600!important;
margin:22px 22px 12px!important;
color:#111!important;
}
.extra-quality-grid-v32 p{
font-size:15px!important;
line-height:1.65!important;
margin:0 22px 24px!important;
}
.extra-warehouse-v32{
background:#eefdff!important;
padding:54px 0 90px!important;
text-align:center!important;
}
.extra-warehouse-card-v32{
display:grid!important;
grid-template-columns:1fr 1fr!important;
background:#fff!important;
border-radius:8px!important;
max-width:640px!important;
margin:0 auto 28px!important;
overflow:hidden!important;
text-align:left!important;
}
.extra-warehouse-card-v32 img{
width:100%!important;
height:240px!important;
object-fit:cover!important;
}
.extra-warehouse-card-v32 div{
padding:32px!important;
}
.extra-warehouse-card-v32 p{
font-size:16px!important;
line-height:1.65!important;
margin:0 0 18px!important;
}
/* Who we support */
.who-hero-v32{
background:linear-gradient(135deg,#fff 0%,#fff7ed 55%,#ffd39c 100%)!important;
padding:80px 0!important;
text-align:center!important;
}
.who-hero-v32 h1{
font-size:42px!important;
line-height:1.18!important;
font-weight:600!important;
margin:0 0 22px!important;
}
.who-hero-v32 p{
font-size:19px!important;
line-height:1.7!important;
margin:0 auto 32px!important;
}
.who-cards-v32,
.who-process-v32{
padding:84px 0!important;
background:#fff!important;
text-align:center!important;
}
.who-process-v32{
background:var(--rjl-soft)!important;
}
.who-cards-v32 h2,
.who-process-v32 h2,
.who-cta-v32 h2{
font-size:32px!important;
line-height:1.3!important;
font-weight:500!important;
margin:0 0 44px!important;
}
.who-card-grid-v32{
display:grid!important;
grid-template-columns:repeat(3,1fr)!important;
gap:24px!important;
}
.who-card-grid-v32 article,
.who-process-grid-v32 article{
background:#fff!important;
border:1px solid #e4e4e4!important;
border-radius:10px!important;
padding:30px!important;
text-align:left!important;
}
.who-card-grid-v32 h3,
.who-process-grid-v32 h3{
font-size:20px!important;
line-height:1.35!important;
font-weight:600!important;
margin:0 0 14px!important;
}
.who-card-grid-v32 p,
.who-process-grid-v32 p{
font-size:16px!important;
line-height:1.65!important;
margin:0!important;
}
.who-process-grid-v32{
display:grid!important;
grid-template-columns:repeat(4,1fr)!important;
gap:20px!important;
}
.who-process-grid-v32 span{
display:block!important;
font-size:42px!important;
line-height:1!important;
font-weight:700!important;
color:#fff!important;
margin-bottom:18px!important;
}
.who-cta-v32{
background:#0b35bd!important;
color:#fff!important;
text-align:center!important;
padding:74px 0!important;
}
.who-cta-v32 h2{
color:#fff!important;
margin-bottom:26px!important;
}
@media (max-width:1199px){
.rjl-container{
width:min(calc(100% - 36px),var(--rjl-max))!important;
}
.service-plan-v32-row,
.design-hero-row-v32,
.dropship-steps-row-v32{
gap:42px!important;
}
}
@media (max-width:900px){
.service-plan-v32-row,
.service-plan-v32-row.is-reverse,
.service-steps-grid-v32,
.dropship-benefit-grid-v32,
.dropship-steps-row-v32,
.design-hero-row-v32,
.design-steps-grid-v32,
.extra-photo-card-v32,
.extra-packaging-card-v32,
.extra-quality-grid-v32,
.extra-warehouse-card-v32,
.who-card-grid-v32,
.who-process-grid-v32{
grid-template-columns:1fr!important;
}
.service-plan-v32-row.is-reverse .service-plan-media{
order:0!important;
}
.service-v32-title h1,
.who-hero-v32 h1{
font-size:34px!important;
}
.design-hero-row-v32 img,
.dropship-steps-row-v32 img{
width:100%!important;
}
}
/* ===== v33 Solutions rebuild + service menu correction ===== */
.solution-v33{
background:#fff;
color:#172642;
}
.solution-narrow-v33{
max-width:1140px!important;
}
.solution-v33 .rjl-container{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
}
.solution-v33 h1,
.solution-v33 h2,
.solution-v33 h3{
letter-spacing:0!important;
}
.solution-v33 p{
color:#172642;
}
/* shared hero */
.solution-hero-v33{
background:linear-gradient(135deg,#fff 0%,#fff8ee 55%,#ffd39c 100%)!important;
padding:74px 0 82px!important;
}
.solution-hero-grid-v33{
display:grid!important;
grid-template-columns:minmax(0,470px) minmax(0,560px)!important;
gap:110px!important;
align-items:center!important;
}
.solution-hero-grid-v33 h1{
font-size:38px!important;
line-height:1.18!important;
font-weight:600!important;
margin:0 0 24px!important;
color:#111!important;
}
.solution-hero-grid-v33 p{
font-size:18px!important;
line-height:1.68!important;
margin:0 0 30px!important;
color:#25324a!important;
}
.solution-hero-grid-v33 img{
width:560px!important;
max-width:100%!important;
height:auto!important;
object-fit:contain!important;
}
/* shared blocks */
.solution-centered-title-v33{
text-align:center!important;
}
.solution-centered-title-v33 > h2,
.private-logo-v33 h2,
.private-packaging-v33 h2,
.solution-card-section-v33 h2,
.development-timeline-v33 h2,
.shipping-courier-v33 h2,
.shipping-port-v33 h2,
.shipping-door-v33 h2,
.quality-guarantee-v33 h2,
.inspect-v33 h2,
.payment-terms-v33 h2,
.credit-steps-v33 h2,
.affiliate-benefits-v33 h2,
.affiliate-steps-v33 h2,
.affiliate-form-v33 h2{
font-size:34px!important;
line-height:1.25!important;
font-weight:500!important;
color:#111!important;
margin:0 0 24px!important;
}
.solution-intro-v33,
.solution-centered-title-v33 > p{
font-size:18px!important;
line-height:1.7!important;
margin:0 auto 58px!important;
max-width:1140px!important;
color:#25324a!important;
}
.solution-card-grid-v33{
display:grid!important;
gap:22px!important;
margin:0 auto 34px!important;
}
.solution-card-grid-v33.two{
grid-template-columns:repeat(2,1fr)!important;
}
.solution-card-grid-v33.three{
grid-template-columns:repeat(3,1fr)!important;
}
.solution-card-grid-v33 article{
background:#fff!important;
border:1px solid #e2e2e2!important;
border-radius:8px!important;
padding:28px 30px!important;
text-align:left!important;
box-shadow:none!important;
}
.solution-card-grid-v33.compact article{
background:#f5f5f5!important;
border:0!important;
}
.solution-card-grid-v33 h3,
.solution-bullet-list-v33 h3{
font-size:19px!important;
line-height:1.35!important;
font-weight:600!important;
color:#111!important;
margin:0 0 14px!important;
}
.solution-card-grid-v33 p,
.solution-bullet-list-v33 p{
font-size:16px!important;
line-height:1.65!important;
color:#344056!important;
margin:0!important;
}
.solution-bullet-list-v33{
display:grid!important;
gap:28px!important;
}
.solution-bullet-list-v33 article{
position:relative!important;
padding-left:28px!important;
}
.solution-bullet-list-v33 article::before{
content:"◎"!important;
position:absolute!important;
left:0!important;
top:1px!important;
color:#ff8a21!important;
font-size:18px!important;
}
.solution-alt-list-v33{
display:grid!important;
gap:64px!important;
}
.solution-alt-list-v33 article{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:92px!important;
align-items:center!important;
border-bottom:1px solid #e6e6e6!important;
padding-bottom:58px!important;
}
.solution-alt-list-v33 article:last-child{
border-bottom:0!important;
}
.solution-alt-list-v33 article.is-reverse img{
order:-1!important;
}
.solution-alt-list-v33 h3{
font-size:26px!important;
line-height:1.3!important;
font-weight:500!important;
margin:0 0 18px!important;
color:#111!important;
}
.solution-alt-list-v33 p{
font-size:18px!important;
line-height:1.7!important;
margin:0!important;
}
.solution-alt-list-v33 img{
width:520px!important;
max-width:100%!important;
border-radius:8px!important;
}
/* Private label */
.private-logo-v33{
padding:86px 0 92px!important;
background:#fff!important;
text-align:center!important;
}
.private-logo-row-v33{
display:grid!important;
grid-template-columns:520px 1fr!important;
gap:92px!important;
align-items:center!important;
text-align:left!important;
}
.private-logo-row-v33 img{
width:520px!important;
max-width:100%!important;
}
.private-packaging-v33{
padding:86px 0!important;
background:#fff3e2!important;
text-align:center!important;
}
.solution-card-section-v33{
padding:88px 0 92px!important;
background:#fff!important;
text-align:center!important;
}
/* Product development */
.development-timeline-v33{
background:#fff!important;
padding:82px 0 92px!important;
}
.development-timeline-v33 article{
position:relative!important;
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:64px!important;
align-items:center!important;
background:#f2f2f2!important;
margin:0 auto 46px!important;
padding:46px!important;
}
.development-timeline-v33 article::after{
content:""!important;
position:absolute!important;
left:50%!important;
bottom:-46px!important;
width:1px!important;
height:46px!important;
border-left:2px dashed #d9d9d9!important;
}
.development-timeline-v33 article:last-child::after{
display:none!important;
}
.development-timeline-v33 article.is-reverse img{
order:2!important;
}
.development-timeline-v33 img{
width:100%!important;
max-height:300px!important;
object-fit:contain!important;
background:rgba(255,255,255,.35)!important;
}
.development-timeline-v33 span{
display:block!important;
font-size:58px!important;
line-height:1!important;
font-weight:700!important;
color:#fff!important;
margin:0 0 8px!important;
}
.development-timeline-v33 h2{
font-size:32px!important;
line-height:1.22!important;
font-weight:600!important;
color:#111!important;
margin:0 0 18px!important;
}
.development-timeline-v33 p{
font-size:17px!important;
line-height:1.7!important;
margin:0!important;
}
/* Shipping */
.shipping-courier-v33,
.shipping-door-v33{
background:#fff!important;
padding:86px 0!important;
}
.shipping-courier-row-v33{
display:grid!important;
grid-template-columns:520px 1fr!important;
gap:80px!important;
align-items:center!important;
text-align:left!important;
}
.shipping-courier-row-v33 img{
width:520px!important;
max-width:100%!important;
}
.shipping-port-v33{
background:#eef3ff!important;
padding:88px 0!important;
}
.shipping-port-v33 .solution-alt-list-v33 article{
border-bottom:0!important;
padding-bottom:0!important;
margin-bottom:36px!important;
}
.shipping-door-v33 .solution-card-grid-v33{
max-width:1140px!important;
}
.shipping-consolidation-v33{
background:#eef3ff!important;
padding:78px 0 90px!important;
}
.shipping-consolidation-row-v33{
display:grid!important;
grid-template-columns:420px 1fr!important;
gap:72px!important;
align-items:center!important;
}
.shipping-consolidation-row-v33 img{
width:420px!important;
max-width:100%!important;
}
.shipping-consolidation-row-v33 h2{
font-size:34px!important;
line-height:1.25!important;
font-weight:600!important;
margin:0 0 18px!important;
}
.shipping-consolidation-row-v33 p{
font-size:18px!important;
line-height:1.7!important;
margin:0 0 28px!important;
}
/* Amazon FBA */
.fba-list-v33{
padding:82px 0 30px!important;
background:#fff!important;
}
.fba-list-v33 article{
display:grid!important;
grid-template-columns:520px 1fr!important;
gap:92px!important;
align-items:center!important;
border-bottom:1px solid #e6e6e6!important;
padding:0 0 68px!important;
margin:0 0 68px!important;
}
.fba-list-v33 article.is-reverse img{
order:2!important;
}
.fba-list-v33 img{
width:520px!important;
max-width:100%!important;
}
.fba-list-v33 h2{
font-size:32px!important;
line-height:1.25!important;
font-weight:600!important;
margin:0 0 18px!important;
color:#111!important;
}
.fba-list-v33 p,
.fba-list-v33 li{
font-size:17px!important;
line-height:1.68!important;
color:#344056!important;
}
.fba-list-v33 ul{
margin:16px 0 22px!important;
padding-left:22px!important;
}
.fba-list-v33 li::marker{
color:#ff8a21!important;
}
.fba-list-v33 .text-link{
font-size:15px!important;
font-weight:600!important;
color:#111!important;
}
/* Quality */
.quality-guarantee-v33{
background:#fff!important;
padding:88px 0!important;
}
.quality-guarantee-row-v33{
display:grid!important;
grid-template-columns:470px 1fr!important;
gap:72px!important;
align-items:center!important;
}
.quality-guarantee-row-v33 > img{
width:470px!important;
max-width:100%!important;
}
.quality-guarantee-row-v33 > div > p{
font-size:18px!important;
line-height:1.7!important;
margin:0 0 32px!important;
}
.inspect-v33{
background:#eef3ff!important;
padding:88px 0 96px!important;
text-align:center!important;
}
.inspect-v33 article{
display:grid!important;
grid-template-columns:1fr 470px!important;
gap:80px!important;
align-items:center!important;
text-align:left!important;
margin:60px 0 0!important;
}
.inspect-v33 article.is-reverse img{
order:-1!important;
}
.inspect-v33 img{
width:470px!important;
max-width:100%!important;
}
.inspect-v33 h3{
font-size:22px!important;
font-weight:600!important;
margin:0 0 18px!important;
color:#111!important;
}
.inspect-v33 p{
font-size:17px!important;
line-height:1.72!important;
margin:0 0 24px!important;
}
/* Credit payment */
.payment-terms-v33{
background:#fff!important;
padding:84px 0 92px!important;
text-align:center!important;
}
.payment-terms-v33 article{
display:grid!important;
grid-template-columns:500px 1fr!important;
gap:72px!important;
align-items:center!important;
text-align:left!important;
margin:0 0 58px!important;
}
.payment-terms-v33 img{
width:500px!important;
max-width:100%!important;
}
.payment-terms-v33 h3{
font-size:22px!important;
line-height:1.35!important;
font-weight:600!important;
margin:0 0 18px!important;
color:#111!important;
}
.payment-terms-v33 p,
.payment-terms-v33 li{
font-size:16px!important;
line-height:1.68!important;
color:#344056!important;
}
.payment-terms-v33 ul{
margin:18px 0 24px!important;
padding-left:22px!important;
}
.payment-terms-v33 li::marker{
color:#ff8a21!important;
}
.credit-steps-v33{
background:#f3f3f3!important;
padding:72px 0 82px!important;
text-align:center!important;
}
.credit-step-grid-v33{
display:grid!important;
grid-template-columns:repeat(4,1fr)!important;
gap:46px!important;
}
.credit-step-grid-v33 span{
display:flex!important;
width:34px!important;
height:34px!important;
border-radius:50%!important;
background:#ff8a21!important;
color:#fff!important;
align-items:center!important;
justify-content:center!important;
margin:0 auto 16px!important;
}
.credit-step-grid-v33 h3{
font-size:17px!important;
font-weight:600!important;
margin:0 0 12px!important;
}
.credit-step-grid-v33 p{
font-size:15px!important;
line-height:1.6!important;
margin:0!important;
}
/* Affiliate */
.affiliate-hero-v33{
background:#fff!important;
padding:70px 0 78px!important;
text-align:center!important;
}
.affiliate-hero-v33 h1{
font-size:42px!important;
line-height:1.18!important;
font-weight:600!important;
margin:0 0 24px!important;
color:#111!important;
}
.affiliate-hero-v33 p{
font-size:18px!important;
line-height:1.7!important;
margin:0 auto 28px!important;
}
.affiliate-benefits-v33{
background:linear-gradient(135deg,#fff 0%,#fff8ee 55%,#ffd39c 100%)!important;
padding:82px 0!important;
text-align:center!important;
}
.affiliate-steps-v33{
background:#fff!important;
padding:82px 0!important;
text-align:center!important;
}
.affiliate-steps-v33 article{
max-width:680px!important;
margin:0 auto 52px!important;
}
.affiliate-steps-v33 span{
display:block!important;
color:#ff8a21!important;
font-size:32px!important;
line-height:1!important;
margin-bottom:10px!important;
}
.affiliate-steps-v33 h3{
font-size:20px!important;
font-weight:600!important;
margin:0 0 14px!important;
}
.affiliate-steps-v33 p{
font-size:16px!important;
line-height:1.65!important;
margin:0!important;
}
.affiliate-form-v33{
background:#f3f3f3!important;
padding:76px 0 90px!important;
text-align:center!important;
}
.affiliate-form-v33 form{
background:#fff!important;
border-radius:8px!important;
border:1px solid #e2e2e2!important;
padding:28px!important;
display:grid!important;
gap:12px!important;
}
.affiliate-form-v33 input,
.affiliate-form-v33 textarea{
width:100%!important;
min-height:42px!important;
border:1px solid #d0d0d0!important;
padding:0 14px!important;
font-size:14px!important;
}
.affiliate-form-v33 textarea{
min-height:130px!important;
padding:14px!important;
}
.affiliate-form-v33 button{
justify-self:center!important;
border:0!important;
border-radius:999px!important;
background:#ff8a21!important;
color:#fff!important;
padding:12px 28px!important;
font-weight:600!important;
}
/* CTA */
.blue-solution-cta-v33{
background:#0b35bd!important;
padding:72px 0!important;
text-align:center!important;
}
.blue-solution-cta-v33 h2{
font-size:32px!important;
line-height:1.3!important;
font-weight:500!important;
color:#fff!important;
margin:0 0 24px!important;
}
.blue-solution-cta-v33 p{
color:rgba(255,255,255,.78)!important;
font-size:17px!important;
line-height:1.65!important;
margin:0 0 24px!important;
}
.button-blue-outline{
background:transparent!important;
border:1px solid #fff!important;
color:#fff!important;
}
/* Explicitly keep Who We Support out of the primary Our Services dropdown if a stale menu item exists. */
.main-nav .sub-menu a[href*="who-we-support"]{
display:none!important;
}
@media (max-width:1199px){
.solution-v33 .rjl-container{
width:min(calc(100% - 36px),1140px)!important;
}
.solution-hero-grid-v33,
.private-logo-row-v33,
.shipping-courier-row-v33,
.fba-list-v33 article,
.quality-guarantee-row-v33,
.inspect-v33 article,
.payment-terms-v33 article{
gap:42px!important;
}
}
@media (max-width:900px){
.solution-hero-grid-v33,
.private-logo-row-v33,
.solution-alt-list-v33 article,
.shipping-courier-row-v33,
.shipping-consolidation-row-v33,
.fba-list-v33 article,
.quality-guarantee-row-v33,
.inspect-v33 article,
.payment-terms-v33 article,
.credit-step-grid-v33,
.solution-card-grid-v33.two,
.solution-card-grid-v33.three{
grid-template-columns:1fr!important;
}
.solution-hero-grid-v33 h1,
.affiliate-hero-v33 h1{
font-size:34px!important;
}
.development-timeline-v33 article{
grid-template-columns:1fr!important;
}
.development-timeline-v33 article.is-reverse img,
.fba-list-v33 article.is-reverse img,
.inspect-v33 article.is-reverse img{
order:0!important;
}
.shipping-consolidation-row-v33 img,
.payment-terms-v33 img,
.fba-list-v33 img{
width:100%!important;
}
}
/* ===== v34 About + Resources rebuild ===== */
body.rjl-section-about .container,
body.rjl-section-resources .container,
.about-compact,
.founder-compact,
.resources-wrap,
.tutorial-wrap,
.sourcing-guide-wrap{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
}
.founder-compact,
.sourcing-guide-wrap{
max-width:1140px!important;
}
body.rjl-section-about h1,
body.rjl-section-about h2,
body.rjl-section-about h3,
body.rjl-section-resources h1,
body.rjl-section-resources h2,
body.rjl-section-resources h3{
font-weight:600!important;
letter-spacing:0!important;
color:#111!important;
}
body.rjl-section-about p,
body.rjl-section-resources p{
color:#172642!important;
}
/* About Us */
.about-us-hero{
padding:54px 0 80px!important;
background:#fff!important;
}
.about-us-hero h1{
font-size:30px!important;
line-height:1.25!important;
text-align:center!important;
margin:0 0 62px!important;
}
.about-intro-grid{
display:grid!important;
grid-template-columns:1fr 520px!important;
gap:78px!important;
align-items:center!important;
}
.about-intro-grid p{
font-size:17px!important;
line-height:1.72!important;
margin:0 0 22px!important;
}
.about-video-card img{
width:520px!important;
border-radius:8px!important;
box-shadow:0 16px 35px rgba(20,30,45,.12)!important;
}
.about-brochure-band{
padding:36px 0!important;
background:#f2f2f2!important;
}
.about-brochure-grid{
display:grid!important;
grid-template-columns:120px 1fr!important;
gap:36px!important;
align-items:center!important;
max-width:620px!important;
}
.about-brochure-grid img{
width:96px!important;
height:auto!important;
}
.about-brochure-grid h2{
font-size:22px!important;
line-height:1.3!important;
margin:0 0 8px!important;
}
.about-brochure-grid p{
font-size:15px!important;
line-height:1.6!important;
margin:0 0 14px!important;
}
.about-brochure-grid .button{
min-height:32px!important;
padding:8px 18px!important;
font-size:13px!important;
border-radius:999px!important;
}
.about-unique-section{
padding:74px 0 86px!important;
background:#fff!important;
}
.unique-grid{
display:grid!important;
grid-template-columns:repeat(3,1fr)!important;
border:1px solid #e6e6e6!important;
}
.unique-grid article,
.unique-center{
min-height:170px!important;
padding:30px!important;
border-right:1px solid #e6e6e6!important;
border-bottom:1px solid #e6e6e6!important;
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
}
.unique-grid article:nth-child(3n),
.unique-center:nth-child(3n){
border-right:0!important;
}
.unique-grid article h3{
font-size:16px!important;
line-height:1.35!important;
color:#ff8a21!important;
font-weight:500!important;
margin:0 0 12px!important;
}
.unique-grid article p{
font-size:15px!important;
line-height:1.65!important;
margin:0!important;
}
.unique-center{
text-align:center!important;
}
.unique-center h2{
font-size:28px!important;
line-height:1.25!important;
color:#ff8a21!important;
margin:0!important;
}
.unique-center h2::after{
content:""!important;
width:120px!important;
height:2px!important;
background:#ff8a21!important;
display:block!important;
margin:18px auto 0!important;
}
.about-social-section{
padding:76px 0 86px!important;
background:#f3f3f3!important;
text-align:center!important;
}
.about-social-section h2,
.about-stories-section h2{
font-size:30px!important;
line-height:1.3!important;
color:#ff8a21!important;
margin:0 0 18px!important;
}
.about-social-section > .container > p{
font-size:15px!important;
line-height:1.65!important;
max-width:1140px!important;
margin:0 auto 36px!important;
}
.about-social-section h3{
font-size:20px!important;
color:#ff8a21!important;
margin:0 0 44px!important;
}
.social-grid{
display:grid!important;
grid-template-columns:repeat(3,1fr)!important;
gap:22px 70px!important;
max-width:720px!important;
margin:0 auto!important;
}
.social-grid a{
display:flex!important;
align-items:center!important;
gap:14px!important;
color:#ff8a21!important;
text-decoration:none!important;
font-size:15px!important;
justify-content:flex-start!important;
}
.social-grid span{
width:34px!important;
height:34px!important;
border-radius:50%!important;
background:#ff8a21!important;
color:#fff!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
font-weight:600!important;
}
.about-stories-section{
padding:78px 0 92px!important;
background:linear-gradient(135deg,#fff 0%,#fff3e2 62%,#ffc477 100%)!important;
text-align:center!important;
}
.stories-grid{
display:grid!important;
grid-template-columns:repeat(3,1fr)!important;
gap:22px!important;
text-align:left!important;
}
.stories-grid article{
background:#fff!important;
border-radius:6px!important;
padding:26px 28px!important;
box-shadow:0 16px 36px rgba(30,34,42,.06)!important;
}
.stories-grid h3{
font-size:16px!important;
line-height:1.35!important;
color:#ff8a21!important;
margin:0 0 12px!important;
}
.stories-grid p{
font-size:15px!important;
line-height:1.65!important;
margin:0!important;
}
.about-gallery-section{
padding:80px 0 92px!important;
background:#fff!important;
}
.gallery-block{
margin-bottom:76px!important;
text-align:center!important;
}
.gallery-block h2{
position:relative!important;
display:flex!important;
align-items:center!important;
gap:18px!important;
justify-content:center!important;
font-size:22px!important;
line-height:1.3!important;
font-weight:500!important;
margin:0 0 28px!important;
}
.gallery-block h2::before,
.gallery-block h2::after{
content:""!important;
display:block!important;
width:210px!important;
height:1px!important;
background:#ff8a21!important;
}
.gallery-grid{
display:grid!important;
grid-template-columns:repeat(2,1fr)!important;
gap:18px!important;
max-width:1140px!important;
margin:0 auto!important;
}
.gallery-grid figure{
margin:0!important;
}
.gallery-grid img{
width:100%!important;
height:220px!important;
object-fit:cover!important;
border-radius:0!important;
box-shadow:0 16px 30px rgba(20,30,45,.06)!important;
}
.gallery-block:nth-child(3) .gallery-grid img{
height:250px!important;
object-fit:contain!important;
background:#fff!important;
border:1px solid #e2e2e2!important;
box-shadow:none!important;
}
.gallery-grid figcaption{
font-size:13px!important;
color:#6a7484!important;
margin-top:10px!important;
}
.address-grid{
display:grid!important;
grid-template-columns:1fr 520px!important;
gap:70px!important;
align-items:center!important;
max-width:1140px!important;
margin:0 auto!important;
}
.address-grid h2{
display:flex!important;
align-items:center!important;
gap:16px!important;
font-size:22px!important;
line-height:1.2!important;
margin:0 0 22px!important;
}
.address-grid h2::after{
content:""!important;
display:block!important;
width:190px!important;
height:1px!important;
background:#ff8a21!important;
}
.address-grid p{
font-size:15px!important;
line-height:1.68!important;
margin:0 0 18px!important;
}
.address-line{
color:#ff8a21!important;
font-weight:600!important;
}
.address-grid img{
width:520px!important;
max-width:100%!important;
}
.about-blue-cta{
background:#1038bd!important;
text-align:center!important;
padding:68px 0!important;
}
.about-blue-cta h2{
font-size:24px!important;
line-height:1.3!important;
color:#fff!important;
margin:0 0 24px!important;
}
.about-blue-cta .button-row{
display:flex!important;
gap:14px!important;
justify-content:center!important;
}
/* Founder */
.founder-section{
padding:70px 0 84px!important;
background:#fff!important;
}
.founder-intro{
display:grid!important;
grid-template-columns:minmax(0,1fr) 300px!important;
gap:80px!important;
align-items:center!important;
margin-bottom:70px!important;
}
.founder-intro h1{
font-size:34px!important;
line-height:1.25!important;
margin:0 0 28px!important;
}
.founder-intro h1::after{
content:""!important;
display:block!important;
width:150px!important;
height:2px!important;
background:#ff8a21!important;
margin-top:16px!important;
}
.founder-intro p{
font-size:17px!important;
line-height:1.76!important;
margin:0 0 22px!important;
}
.founder-intro img{
width:300px!important;
align-self:center!important;
}
.playlist-box{
background:#f3f3f3!important;
padding:64px 70px!important;
text-align:center!important;
margin-bottom:66px!important;
}
.playlist-box h2,
.founder-blog-section h2{
font-size:28px!important;
line-height:1.3!important;
color:#ff8a21!important;
margin:0 0 20px!important;
}
.playlist-box > p{
font-size:16px!important;
line-height:1.65!important;
max-width:680px!important;
margin:0 auto 52px!important;
}
.playlist-grid{
display:grid!important;
grid-template-columns:repeat(2,1fr)!important;
gap:80px!important;
}
.playlist-grid img{
width:100%!important;
height:220px!important;
object-fit:cover!important;
}
.playlist-grid h3{
font-size:16px!important;
color:#ff8a21!important;
margin:22px 0 14px!important;
}
.playlist-grid p{
font-size:14px!important;
line-height:1.65!important;
margin:0 0 18px!important;
}
.founder-blog-section{
text-align:center!important;
}
.founder-blog-grid{
display:grid!important;
grid-template-columns:repeat(4,1fr)!important;
gap:24px!important;
margin:34px 0 28px!important;
text-align:left!important;
}
.founder-blog-grid a{
text-decoration:none!important;
color:#111!important;
}
.founder-blog-grid img{
width:100%!important;
height:120px!important;
object-fit:cover!important;
margin-bottom:12px!important;
}
.founder-blog-grid strong{
font-size:14px!important;
line-height:1.35!important;
display:block!important;
}
/* Payment Information */
.payment-info-hero{
background:#f3f3f3!important;
padding:84px 0!important;
text-align:center!important;
}
.payment-info-hero h1{
font-size:34px!important;
line-height:1.25!important;
margin:0 0 24px!important;
}
.payment-info-hero h1::after{
content:""!important;
display:block!important;
width:150px!important;
height:2px!important;
background:#ff8a21!important;
margin:20px auto 0!important;
}
.payment-info-hero p{
font-size:17px!important;
line-height:1.72!important;
max-width:1140px!important;
margin:0 auto!important;
}
.payment-methods-section{
padding:74px 0 86px!important;
background:#fff!important;
}
.payment-methods-section article{
margin:0 0 72px!important;
}
.payment-methods-section h2{
font-size:26px!important;
line-height:1.35!important;
margin:0 0 24px!important;
}
.payment-methods-section p{
font-size:17px!important;
line-height:1.78!important;
margin:0 0 18px!important;
white-space:pre-line!important;
}
/* Resources main page */
.resources-main{
padding:44px 0 72px!important;
background:#fff!important;
}
.resources-main h1{
font-size:28px!important;
line-height:1.3!important;
color:#ff8a21!important;
text-align:center!important;
margin:0 0 52px!important;
}
.resources-top-grid{
display:grid!important;
grid-template-columns:minmax(0,700px) 300px!important;
gap:38px!important;
align-items:start!important;
}
.resources-guide-card{
background:#50575e!important;
padding:18px!important;
color:#fff!important;
}
.resources-guide-card > img{
width:100%!important;
height:420px!important;
object-fit:cover!important;
display:block!important;
}
.resources-guide-card > div{
padding:22px 0 0!important;
}
.resources-guide-card h2{
color:#fff!important;
font-size:26px!important;
line-height:1.25!important;
margin:0 0 16px!important;
}
.resources-guide-card p{
color:#fff!important;
font-size:17px!important;
line-height:1.72!important;
margin:0 0 24px!important;
}
.resource-guide-actions{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:20px!important;
}
.resource-guide-actions span{
color:#fff!important;
font-weight:600!important;
font-size:14px!important;
}
.popular-topic-box h2{
font-size:18px!important;
margin:0 0 22px!important;
}
.popular-topic-box a{
display:block!important;
background:#f3f3ff!important;
padding:20px!important;
margin-bottom:14px!important;
text-decoration:none!important;
color:#172642!important;
}
.popular-topic-box strong{
display:block!important;
font-size:14px!important;
line-height:1.45!important;
margin-bottom:10px!important;
}
.popular-topic-box span{
font-size:12px!important;
font-weight:600!important;
color:#111!important;
}
.resource-card-row{
display:grid!important;
grid-template-columns:1fr 1fr 1fr!important;
gap:18px!important;
margin-top:44px!important;
}
.resource-subscribe-card{
background:#ff8a21!important;
color:#fff!important;
padding:32px!important;
}
.resource-subscribe-card h2,
.resource-outline-card h2{
font-size:22px!important;
line-height:1.3!important;
margin:0 0 18px!important;
}
.resource-subscribe-card h2,
.resource-subscribe-card p{
color:#fff!important;
}
.resource-subscribe-card p,
.resource-outline-card p{
font-size:16px!important;
line-height:1.65!important;
margin:0 0 26px!important;
}
.resource-subscribe-card form,
.monthly-report-grid form{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:10px!important;
}
.resource-subscribe-card input,
.monthly-report-grid input{
min-height:38px!important;
border:1px solid #d0d0d0!important;
padding:0 12px!important;
font-size:13px!important;
}
.resource-subscribe-card input[type="email"],
.monthly-report-grid input[type="email"]{
grid-column:1 / -1!important;
}
.resource-subscribe-card button,
.monthly-report-grid button{
grid-column:1 / -1!important;
min-height:38px!important;
border:0!important;
border-radius:4px!important;
background:#fff!important;
color:#ff8a21!important;
font-weight:600!important;
}
.resource-outline-card{
border:1px solid #172642!important;
padding:32px!important;
background:#f7f9ff!important;
}
.resource-outline-card a{
display:block!important;
text-align:right!important;
color:#ff8a21!important;
font-weight:600!important;
text-decoration:none!important;
}
.monthly-report-band{
background:#ffd19b!important;
padding:50px 0!important;
}
.monthly-report-grid{
display:grid!important;
grid-template-columns:260px 1fr 410px!important;
gap:42px!important;
align-items:center!important;
}
.monthly-report-grid img{
width:260px!important;
}
.monthly-report-grid h2{
font-size:24px!important;
line-height:1.3!important;
margin:0 0 14px!important;
}
.monthly-report-grid p{
font-size:16px!important;
line-height:1.65!important;
margin:0!important;
}
.monthly-report-grid button{
background:#fff!important;
color:#ff8a21!important;
border-radius:999px!important;
}
.resource-topics-section{
padding:82px 0 88px!important;
text-align:center!important;
background:#fff!important;
}
.resource-topics-section h2{
font-size:24px!important;
margin:0 0 20px!important;
}
.resource-topics-section > .container > p{
font-size:16px!important;
line-height:1.65!important;
max-width:740px!important;
margin:0 auto 46px!important;
}
.resource-topic-grid{
display:grid!important;
grid-template-columns:repeat(3,1fr)!important;
gap:18px!important;
max-width:1140px!important;
margin:0 auto!important;
}
.resource-topic-grid a{
position:relative!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:10px!important;
min-height:54px!important;
background:#f3f3f3!important;
color:#111!important;
font-weight:600!important;
text-decoration:none!important;
font-size:14px!important;
}
.resource-topic-grid a::before{
content:""!important;
position:absolute!important;
left:0!important;
top:0!important;
bottom:0!important;
width:4px!important;
background:var(--topic-color,#ff8a21)!important;
}
.resource-topic-grid img{
width:22px!important;
height:22px!important;
}
/* Tutorial page */
.tutorial-hero{
background:#ff9829!important;
padding:82px 0 78px!important;
text-align:center!important;
position:relative!important;
}
.tutorial-hero h1{
font-size:32px!important;
line-height:1.3!important;
color:#111!important;
margin:0 0 22px!important;
}
.tutorial-hero p{
font-size:17px!important;
line-height:1.7!important;
color:#fff!important;
max-width:1140px!important;
margin:0 auto!important;
}
.tutorial-arrow{
position:absolute!important;
left:50%!important;
bottom:-22px!important;
transform:translateX(-50%)!important;
width:44px!important;
height:44px!important;
background:#ff9829!important;
color:#fff!important;
border:5px solid #fff!important;
border-radius:50%!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
font-size:24px!important;
}
.tutorial-chapters{
padding:92px 0!important;
background:#fff!important;
text-align:center!important;
}
.tutorial-chapters h2{
font-size:24px!important;
font-weight:500!important;
margin:0 0 44px!important;
}
.chapter-grid{
display:grid!important;
grid-template-columns:repeat(4,1fr)!important;
gap:26px!important;
max-width:1140px!important;
margin:0 auto!important;
}
.chapter-card{
display:block!important;
text-decoration:none!important;
color:#172642!important;
border:1px solid #e2e2e2!important;
border-radius:6px!important;
overflow:hidden!important;
background:#fff!important;
}
.chapter-card img{
width:100%!important;
height:128px!important;
object-fit:cover!important;
}
.chapter-card div{
padding:22px 18px 24px!important;
}
.chapter-card h3{
font-size:17px!important;
margin:0 0 12px!important;
}
.chapter-card p{
font-size:14px!important;
line-height:1.45!important;
min-height:42px!important;
margin:0 0 16px!important;
}
.chapter-card span{
color:#ff8a21!important;
font-size:13px!important;
font-weight:600!important;
}
.tutorial-bottom-forms{
background:#f3f3f3!important;
padding:72px 0!important;
}
.tutorial-form-grid{
display:grid!important;
grid-template-columns:1fr 1fr 1fr!important;
gap:18px!important;
}
.tutorial-form-grid section{
background:#fff!important;
border:1px solid #d8d8d8!important;
border-radius:6px!important;
padding:28px!important;
}
.tutorial-form-grid h2{
font-size:22px!important;
line-height:1.3!important;
color:#ff8a21!important;
margin:0 0 20px!important;
}
.tutorial-form-grid form{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:10px!important;
}
.tutorial-form-grid input{
min-height:38px!important;
border:1px solid #d0d0d0!important;
padding:0 12px!important;
}
.tutorial-form-grid input[type="email"],
.tutorial-form-grid button{
grid-column:1 / -1!important;
}
.tutorial-form-grid button{
border:0!important;
min-height:38px!important;
background:#ff8a21!important;
color:#fff!important;
border-radius:999px!important;
font-weight:600!important;
}
.tutorial-agent-card p{
font-size:16px!important;
line-height:1.65!important;
margin:0 0 26px!important;
}
/* Sourcing Agent Guide */
.sourcing-guide-hero{
background:linear-gradient(135deg,#fff 0%,#fff8ee 58%,#ffd39c 100%)!important;
padding:82px 0!important;
text-align:center!important;
}
.sourcing-guide-hero h1{
font-size:40px!important;
line-height:1.2!important;
margin:0 0 22px!important;
}
.sourcing-guide-hero p{
font-size:18px!important;
line-height:1.7!important;
max-width:1140px!important;
margin:0 auto 28px!important;
}
.sourcing-guide-content{
padding:76px 0 90px!important;
background:#fff!important;
}
.sourcing-guide-layout{
display:grid!important;
grid-template-columns:280px 1fr!important;
gap:64px!important;
align-items:start!important;
}
.sourcing-guide-toc{
position:sticky!important;
top:110px!important;
background:#f5f5f5!important;
padding:24px!important;
border-radius:8px!important;
}
.sourcing-guide-toc h2{
font-size:18px!important;
margin:0 0 18px!important;
}
.sourcing-guide-toc a{
display:block!important;
color:#172642!important;
text-decoration:none!important;
font-size:14px!important;
line-height:1.45!important;
padding:10px 0!important;
border-bottom:1px solid #e2e2e2!important;
}
.sourcing-guide-section{
margin:0 0 58px!important;
padding-bottom:58px!important;
border-bottom:1px solid #e6e6e6!important;
}
.sourcing-guide-section span{
color:#ff8a21!important;
font-size:42px!important;
font-weight:700!important;
line-height:1!important;
display:block!important;
margin-bottom:12px!important;
}
.sourcing-guide-section h2{
font-size:30px!important;
line-height:1.3!important;
margin:0 0 18px!important;
}
.sourcing-guide-section p,
.sourcing-guide-section li{
font-size:18px!important;
line-height:1.76!important;
}
.sourcing-guide-section ul{
margin:20px 0 0!important;
padding-left:24px!important;
}
.sourcing-guide-section li::marker{
color:#ff8a21!important;
}
.sourcing-guide-cta{
background:#0b35bd!important;
text-align:center!important;
padding:72px 0!important;
}
.sourcing-guide-cta h2{
font-size:32px!important;
line-height:1.3!important;
color:#fff!important;
margin:0 0 18px!important;
}
.sourcing-guide-cta p{
font-size:17px!important;
line-height:1.65!important;
color:rgba(255,255,255,.82)!important;
max-width:740px!important;
margin:0 auto 26px!important;
}
@media (max-width:1199px){
body.rjl-section-about .container,
body.rjl-section-resources .container,
.about-compact,
.founder-compact,
.resources-wrap,
.tutorial-wrap,
.sourcing-guide-wrap{
width:min(calc(100% - 36px),1140px)!important;
}
}
@media (max-width:900px){
.about-intro-grid,
.address-grid,
.founder-intro,
.resources-top-grid,
.resource-card-row,
.monthly-report-grid,
.tutorial-form-grid,
.sourcing-guide-layout,
.playlist-grid,
.founder-blog-grid,
.stories-grid,
.gallery-grid,
.chapter-grid{
grid-template-columns:1fr!important;
}
.unique-grid,
.social-grid,
.resource-topic-grid{
grid-template-columns:1fr!important;
}
.about-video-card img,
.address-grid img,
.resources-guide-card > img{
width:100%!important;
height:auto!important;
}
.gallery-block h2::before,
.gallery-block h2::after{
width:80px!important;
}
.sourcing-guide-toc{
position:static!important;
}
}
/* ===== v35 About + Resources precision pass ===== */
/* About Us: closer target rhythm and less generic card feeling */
.about-us-hero{
padding-top:48px!important;
padding-bottom:88px!important;
}
.about-us-hero h1{
font-size:32px!important;
font-weight:500!important;
margin-bottom:58px!important;
}
.about-intro-grid{
grid-template-columns:minmax(0,520px) minmax(0,520px)!important;
gap:100px!important;
}
.about-intro-grid p{
font-size:18px!important;
line-height:1.76!important;
color:#172642!important;
}
.about-video-card img{
height:auto!important;
background:#f3f3f3!important;
}
.about-brochure-band{
padding:44px 0!important;
}
.about-brochure-grid{
grid-template-columns:130px minmax(0,1fr)!important;
max-width:720px!important;
}
.about-brochure-grid img{
width:120px!important;
}
.about-brochure-grid h2{
font-size:24px!important;
font-weight:500!important;
color:#111!important;
}
.about-unique-section{
padding-top:86px!important;
}
.unique-grid{
max-width:1140px!important;
}
.unique-grid article{
min-height:190px!important;
}
.unique-grid article h3{
font-size:17px!important;
}
.unique-grid article p{
font-size:16px!important;
line-height:1.7!important;
}
.about-social-section{
padding-top:86px!important;
padding-bottom:94px!important;
}
.about-social-section h2,
.about-stories-section h2{
font-size:32px!important;
font-weight:500!important;
}
.social-grid{
max-width:1140px!important;
}
.about-stories-section{
padding-top:90px!important;
padding-bottom:98px!important;
}
.stories-grid{
grid-template-columns:repeat(2,1fr)!important;
gap:24px!important;
max-width:1140px!important;
margin:44px auto 0!important;
}
.stories-grid article{
padding:30px 34px!important;
box-shadow:none!important;
border:1px solid rgba(255,138,33,.22)!important;
}
.stories-grid h3{
font-size:18px!important;
font-weight:500!important;
}
.stories-grid p{
font-size:16px!important;
line-height:1.72!important;
}
.gallery-block{
margin-bottom:84px!important;
}
.gallery-block h2{
font-size:24px!important;
font-weight:500!important;
color:#111!important;
}
.gallery-grid{
max-width:1140px!important;
}
.gallery-grid img{
height:248px!important;
}
.address-grid{
max-width:1140px!important;
grid-template-columns:minmax(0,360px) minmax(0,520px)!important;
}
.about-blue-cta h2{
font-size:26px!important;
font-weight:500!important;
}
/* Founder page: more like a personal article, less like a generic landing page */
.founder-section{
padding-top:78px!important;
}
.founder-intro{
grid-template-columns:minmax(0,620px) 300px!important;
gap:76px!important;
}
.founder-intro h1{
font-size:36px!important;
font-weight:500!important;
}
.founder-intro p{
font-size:18px!important;
line-height:1.82!important;
}
.playlist-box{
padding:72px 78px!important;
}
.playlist-grid{
gap:64px!important;
}
.playlist-grid img{
height:250px!important;
}
.playlist-grid h3{
font-size:18px!important;
}
.founder-blog-grid{
gap:26px!important;
}
.founder-blog-grid img{
height:136px!important;
}
.founder-blog-grid strong{
font-size:15px!important;
line-height:1.45!important;
}
/* Payment: keep editable placeholders, but match long text page readability */
.payment-info-hero{
padding-top:92px!important;
padding-bottom:92px!important;
}
.payment-info-hero h1{
font-size:36px!important;
font-weight:500!important;
}
.payment-methods-section{
padding-top:86px!important;
}
.payment-methods-section article{
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
padding-bottom:60px!important;
border-bottom:1px solid #e6e6e6!important;
}
.payment-methods-section article:last-child{
border-bottom:0!important;
}
.payment-methods-section h2{
font-size:27px!important;
font-weight:500!important;
color:#111!important;
}
.payment-methods-section p{
font-size:18px!important;
line-height:1.82!important;
background:#fff!important;
}
/* Resources main page: denser portal layout */
.resources-main{
padding-top:42px!important;
padding-bottom:76px!important;
}
.resources-main h1{
font-size:30px!important;
font-weight:500!important;
margin-bottom:50px!important;
}
.resources-top-grid{
grid-template-columns:minmax(0,720px) minmax(0,330px)!important;
gap:42px!important;
}
.resources-guide-card{
padding:0!important;
background:#4d545b!important;
}
.resources-guide-card > img{
height:410px!important;
}
.resources-guide-card > div{
padding:26px 32px 30px!important;
}
.resources-guide-card h2{
font-size:28px!important;
font-weight:500!important;
margin-bottom:6px!important;
}
.resources-guide-card h3{
color:#ff8a21!important;
font-size:18px!important;
line-height:1.35!important;
margin:0 0 18px!important;
font-weight:600!important;
}
.resources-guide-card p{
font-size:17px!important;
line-height:1.7!important;
}
.popular-topic-box{
padding-top:4px!important;
}
.popular-topic-box h2{
font-size:20px!important;
font-weight:500!important;
}
.popular-topic-box a{
padding:18px 20px!important;
margin-bottom:12px!important;
background:#f4f5ff!important;
border-left:3px solid #ff8a21!important;
}
.popular-topic-box strong{
font-size:15px!important;
line-height:1.5!important;
}
.resource-card-row{
margin-top:48px!important;
align-items:stretch!important;
}
.resource-subscribe-card,
.resource-outline-card{
min-height:318px!important;
}
.resource-subscribe-card h2,
.resource-outline-card h2{
font-size:24px!important;
font-weight:500!important;
}
.resource-subscribe-card p,
.resource-outline-card p{
font-size:16px!important;
line-height:1.7!important;
}
.monthly-report-band{
padding:58px 0!important;
}
.monthly-report-grid{
grid-template-columns:280px minmax(0,360px) minmax(0,420px)!important;
gap:44px!important;
}
.monthly-report-grid img{
width:280px!important;
}
.monthly-report-grid h2{
font-size:26px!important;
font-weight:500!important;
}
.resource-topics-section{
padding-top:88px!important;
}
.resource-topic-grid{
grid-template-columns:repeat(4,1fr)!important;
max-width:1140px!important;
}
.resource-topic-grid a{
min-height:58px!important;
}
/* Import tutorial: Chapter cards should feel like a course index */
.tutorial-hero{
padding-top:90px!important;
padding-bottom:88px!important;
}
.tutorial-hero h1{
font-size:34px!important;
font-weight:500!important;
}
.tutorial-hero p{
font-size:18px!important;
max-width:1140px!important;
}
.tutorial-chapters{
padding-top:96px!important;
padding-bottom:98px!important;
}
.tutorial-chapters h2{
font-size:26px!important;
margin-bottom:48px!important;
}
.chapter-grid{
grid-template-columns:repeat(5,1fr)!important;
max-width:1140px!important;
gap:20px!important;
}
.chapter-card{
border:0!important;
box-shadow:0 10px 26px rgba(20,30,45,.08)!important;
}
.chapter-card img{
height:122px!important;
}
.chapter-card div{
padding:20px 16px 22px!important;
}
.chapter-card h3{
font-size:16px!important;
color:#ff8a21!important;
}
.chapter-card p{
font-size:14px!important;
line-height:1.48!important;
min-height:62px!important;
}
.chapter-card span{
font-size:12px!important;
line-height:1.35!important;
display:block!important;
}
.tutorial-bottom-forms{
padding-top:78px!important;
padding-bottom:82px!important;
}
.tutorial-form-grid section{
min-height:260px!important;
}
/* Sourcing Agent Guide: long-article layout */
.sourcing-guide-hero{
padding-top:90px!important;
padding-bottom:92px!important;
}
.sourcing-guide-hero h1{
font-size:42px!important;
font-weight:500!important;
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
}
.sourcing-guide-hero p{
font-size:18px!important;
line-height:1.76!important;
}
.sourcing-guide-layout{
grid-template-columns:280px minmax(0,760px)!important;
gap:70px!important;
justify-content:center!important;
}
.sourcing-guide-toc{
border-radius:4px!important;
padding:26px 24px!important;
}
.sourcing-guide-toc h2{
font-size:19px!important;
font-weight:500!important;
}
.sourcing-guide-toc a{
font-size:15px!important;
line-height:1.5!important;
}
.sourcing-guide-section{
margin-bottom:66px!important;
padding-bottom:66px!important;
}
.sourcing-guide-section span{
font-size:46px!important;
}
.sourcing-guide-section h2{
font-size:32px!important;
font-weight:500!important;
color:#111!important;
margin-bottom:24px!important;
}
.sourcing-guide-section p{
font-size:18px!important;
line-height:1.82!important;
margin:0 0 20px!important;
}
.sourcing-guide-point-box{
background:#fff8ef!important;
border-left:4px solid #ff8a21!important;
padding:24px 28px!important;
margin-top:28px!important;
}
.sourcing-guide-point-box h3{
font-size:18px!important;
font-weight:600!important;
margin:0 0 14px!important;
color:#111!important;
}
.sourcing-guide-point-box ul{
margin:0!important;
padding-left:22px!important;
}
.sourcing-guide-point-box li{
font-size:16px!important;
line-height:1.7!important;
margin-bottom:8px!important;
}
.sourcing-guide-cta{
padding-top:78px!important;
padding-bottom:82px!important;
}
.sourcing-guide-cta h2{
font-size:34px!important;
font-weight:500!important;
}
@media (max-width:1199px){
.chapter-grid{
grid-template-columns:repeat(3,1fr)!important;
}
.resource-topic-grid{
grid-template-columns:repeat(2,1fr)!important;
}
}
@media (max-width:900px){
.stories-grid,
.chapter-grid,
.resource-topic-grid{
grid-template-columns:1fr!important;
}
.about-intro-grid,
.founder-intro,
.resources-top-grid,
.monthly-report-grid,
.sourcing-guide-layout{
gap:34px!important;
}
.resource-subscribe-card,
.resource-outline-card,
.tutorial-form-grid section{
min-height:auto!important;
}
}
/* ===== v36 Product category pages + Blog list/detail polish ===== */
/* Products category detail pages */
.product-category-v36{
background:#fff;
color:#172642;
}
.product-category-v36 .rjl-container{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
}
.product-cat-hero-v36{
background:linear-gradient(135deg,#fff 0%,#fff8ee 56%,#ffd39c 100%)!important;
padding:74px 0 84px!important;
}
.product-cat-hero-grid-v36{
display:grid!important;
grid-template-columns:minmax(0,480px) minmax(0,560px)!important;
gap:100px!important;
align-items:center!important;
}
.product-cat-back-v36{
display:inline-block!important;
margin-bottom:22px!important;
color:#ff8a21!important;
font-weight:600!important;
font-size:15px!important;
text-decoration:none!important;
}
.product-cat-hero-grid-v36 h1{
font-size:42px!important;
line-height:1.18!important;
font-weight:600!important;
color:#111!important;
margin:0 0 24px!important;
}
.product-cat-hero-grid-v36 p{
font-size:18px!important;
line-height:1.72!important;
margin:0 0 30px!important;
color:#25324a!important;
}
.product-cat-hero-grid-v36 img{
width:560px!important;
max-width:100%!important;
}
.product-cat-ready-v36{
padding:88px 0 96px!important;
background:#fff!important;
text-align:center!important;
}
.product-cat-ready-v36 h2,
.product-cat-support-v36 h2{
font-size:34px!important;
line-height:1.25!important;
font-weight:500!important;
color:#111!important;
margin:0 0 48px!important;
}
.product-cat-grid-v36{
display:grid!important;
grid-template-columns:repeat(4,1fr)!important;
gap:24px!important;
}
.product-cat-grid-v36 article{
background:#fff!important;
border:1px solid #e2e2e2!important;
border-radius:8px!important;
overflow:hidden!important;
text-align:left!important;
box-shadow:0 10px 26px rgba(20,30,45,.06)!important;
}
.product-cat-grid-v36 img{
width:100%!important;
height:150px!important;
object-fit:cover!important;
display:block!important;
}
.product-cat-grid-v36 h3{
font-size:17px!important;
line-height:1.35!important;
font-weight:600!important;
color:#111!important;
margin:22px 20px 14px!important;
}
.product-cat-grid-v36 a{
display:block!important;
color:#ff8a21!important;
font-size:14px!important;
font-weight:600!important;
text-decoration:none!important;
margin:0 20px 22px!important;
}
.product-cat-support-v36{
background:#f3f3f3!important;
padding:86px 0 94px!important;
text-align:center!important;
}
.product-cat-support-grid-v36{
display:grid!important;
grid-template-columns:repeat(3,1fr)!important;
gap:26px!important;
text-align:left!important;
}
.product-cat-support-grid-v36 article{
background:#fff!important;
border-radius:8px!important;
padding:32px!important;
}
.product-cat-support-grid-v36 span{
display:block!important;
font-size:44px!important;
line-height:1!important;
font-weight:700!important;
color:#ff8a21!important;
opacity:.28!important;
margin-bottom:18px!important;
}
.product-cat-support-grid-v36 h3{
font-size:20px!important;
line-height:1.35!important;
font-weight:600!important;
color:#111!important;
margin:0 0 14px!important;
}
.product-cat-support-grid-v36 p{
font-size:16px!important;
line-height:1.68!important;
color:#344056!important;
margin:0!important;
}
.product-cat-cta-v36{
background:#0b35bd!important;
text-align:center!important;
padding:76px 0!important;
}
.product-cat-cta-v36 h2{
font-size:34px!important;
line-height:1.25!important;
font-weight:500!important;
color:#fff!important;
margin:0 0 18px!important;
}
.product-cat-cta-v36 p{
font-size:17px!important;
line-height:1.65!important;
color:rgba(255,255,255,.82)!important;
max-width:680px!important;
margin:0 auto 26px!important;
}
/* Blog index/archive fallback and card polish */
.blog-index-hero{
background:#fff!important;
padding:56px 0 44px!important;
text-align:center!important;
}
.blog-index-hero h1{
font-size:34px!important;
line-height:1.25!important;
font-weight:500!important;
color:#ff8a21!important;
margin:0 0 18px!important;
}
.blog-index-hero p{
font-size:17px!important;
line-height:1.65!important;
max-width:1140px!important;
margin:0 auto!important;
color:#172642!important;
}
.blog-list-section{
background:#fff!important;
padding:28px 0 88px!important;
}
.blog-compact{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
}
.blog-card-grid{
display:grid!important;
grid-template-columns:repeat(3,1fr)!important;
gap:28px!important;
}
.rjl-post-card{
background:#fff!important;
border:1px solid #e4e4e4!important;
border-radius:8px!important;
overflow:hidden!important;
box-shadow:0 12px 28px rgba(20,30,45,.06)!important;
}
.rjl-post-thumb{
display:block!important;
}
.rjl-post-thumb img{
width:100%!important;
height:210px!important;
object-fit:cover!important;
display:block!important;
}
.rjl-post-card > div{
padding:24px!important;
}
.rjl-post-card span{
display:inline-block!important;
color:#ff8a21!important;
font-size:13px!important;
font-weight:600!important;
margin-bottom:12px!important;
}
.rjl-post-card h2{
font-size:20px!important;
line-height:1.35!important;
font-weight:600!important;
margin:0 0 14px!important;
color:#111!important;
}
.rjl-post-card h2 a{
color:#111!important;
text-decoration:none!important;
}
.rjl-post-card p{
font-size:15px!important;
line-height:1.62!important;
color:#344056!important;
margin:0 0 18px!important;
}
.rjl-post-card small{
display:block!important;
font-size:12px!important;
line-height:1.35!important;
color:#6a7484!important;
font-weight:600!important;
}
.blog-pagination{
margin-top:44px!important;
text-align:center!important;
}
.blog-pagination .nav-links{
display:flex!important;
gap:10px!important;
justify-content:center!important;
}
.blog-pagination a,
.blog-pagination span{
padding:8px 12px!important;
border:1px solid #e2e2e2!important;
color:#111!important;
text-decoration:none!important;
}
.blog-pagination .current{
background:#ff8a21!important;
color:#fff!important;
border-color:#ff8a21!important;
}
/* Single article reading page */
.single-resource-hero{
background:#fff!important;
padding:70px 0 46px!important;
text-align:center!important;
}
.single-resource-hero .single-cat{
display:inline-block!important;
color:#ff8a21!important;
font-size:14px!important;
font-weight:600!important;
text-decoration:none!important;
margin-bottom:18px!important;
}
.single-resource-hero h1{
font-size:44px!important;
line-height:1.16!important;
font-weight:600!important;
color:#111!important;
max-width:1140px!important;
margin:0 auto 22px!important;
}
.single-meta{
display:flex!important;
justify-content:center!important;
gap:20px!important;
flex-wrap:wrap!important;
color:#6a7484!important;
font-size:13px!important;
font-weight:600!important;
}
.single-featured-resource img{
width:100%!important;
height:auto!important;
max-height:560px!important;
object-fit:cover!important;
border-radius:8px!important;
margin:0 0 60px!important;
}
.blog-layout{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
margin:0 auto!important;
display:grid!important;
grid-template-columns:270px minmax(0,760px)!important;
gap:70px!important;
align-items:start!important;
}
.post-toc{
position:sticky!important;
top:110px!important;
background:#f5f5f5!important;
border-radius:8px!important;
padding:24px!important;
}
.post-toc h2{
font-size:18px!important;
line-height:1.3!important;
font-weight:600!important;
margin:0 0 16px!important;
color:#111!important;
}
.post-toc a{
display:block!important;
font-size:14px!important;
line-height:1.45!important;
color:#172642!important;
text-decoration:none!important;
padding:9px 0!important;
border-bottom:1px solid #e2e2e2!important;
}
.post-toc .level-3{
padding-left:16px!important;
color:#5e6878!important;
}
.single-resource-content{
font-size:18px!important;
line-height:1.82!important;
color:#172642!important;
padding-bottom:72px!important;
}
.single-resource-content p{
font-size:18px!important;
line-height:1.82!important;
margin:0 0 24px!important;
}
.single-resource-content h2{
font-size:32px!important;
line-height:1.28!important;
font-weight:600!important;
color:#111!important;
margin:56px 0 22px!important;
}
.single-resource-content h3{
font-size:24px!important;
line-height:1.35!important;
font-weight:600!important;
color:#111!important;
margin:38px 0 18px!important;
}
.single-resource-content ul,
.single-resource-content ol{
margin:0 0 26px 24px!important;
}
.single-resource-content li{
margin-bottom:10px!important;
}
.single-resource-content li::marker{
color:#ff8a21!important;
}
.single-resource-content img{
max-width:100%!important;
border-radius:8px!important;
}
.post-tags{
margin-top:44px!important;
display:flex!important;
flex-wrap:wrap!important;
gap:8px!important;
}
.post-tags a{
padding:6px 10px!important;
border-radius:999px!important;
background:#fff3e2!important;
color:#ff8a21!important;
text-decoration:none!important;
font-size:13px!important;
font-weight:600!important;
}
.related-posts-section{
background:#f3f3f3!important;
padding:74px 0 88px!important;
}
.related-posts-section h2{
font-size:30px!important;
line-height:1.3!important;
font-weight:500!important;
text-align:center!important;
margin:0 0 44px!important;
color:#111!important;
}
.comments-resource-section{
background:#fff!important;
padding:60px 0!important;
}
@media (max-width:1199px){
.product-category-v36 .rjl-container,
.blog-compact,
.blog-layout{
width:min(calc(100% - 36px),1140px)!important;
}
}
@media (max-width:900px){
.product-cat-hero-grid-v36,
.product-cat-grid-v36,
.product-cat-support-grid-v36,
.blog-card-grid,
.blog-layout{
grid-template-columns:1fr!important;
}
.product-cat-hero-grid-v36{
gap:36px!important;
}
.product-cat-hero-grid-v36 h1,
.single-resource-hero h1{
font-size:34px!important;
}
.post-toc{
position:static!important;
}
}
/* ===== v37 launch hardening: forms, mobile nav, accessibility, final consistency ===== */
.skip-link{
position:absolute!important;
left:-999px!important;
top:12px!important;
z-index:99999!important;
background:#111!important;
color:#fff!important;
padding:10px 14px!important;
border-radius:4px!important;
text-decoration:none!important;
}
.skip-link:focus{
left:12px!important;
}
.rjl-form-notice{
position:fixed!important;
right:22px!important;
bottom:22px!important;
z-index:99999!important;
max-width:360px!important;
padding:15px 18px!important;
border-radius:8px!important;
background:#111!important;
color:#fff!important;
font-size:14px!important;
line-height:1.45!important;
box-shadow:0 14px 38px rgba(0,0,0,.18)!important;
transform:translateY(18px)!important;
opacity:0!important;
transition:opacity .2s ease,transform .2s ease!important;
}
.rjl-form-notice.is-visible{
transform:translateY(0)!important;
opacity:1!important;
}
.rjl-form-notice.is-success{
background:#15803d!important;
}
.rjl-form-notice.is-error{
background:#b91c1c!important;
}
/* Header stability */
.site-header{
position:sticky!important;
top:0!important;
z-index:9990!important;
background:#fff!important;
box-shadow:0 1px 0 rgba(17,24,39,.08)!important;
}
.header-inner{
min-height:74px!important;
}
.main-nav .menu > li > a{
white-space:nowrap!important;
}
.main-nav .sub-menu{
box-shadow:0 18px 40px rgba(20,30,45,.12)!important;
border:1px solid rgba(17,24,39,.08)!important;
}
.main-nav .sub-menu a{
min-width:210px!important;
}
/* Consistent form fields across custom pages */
input,
textarea,
select,
button{
font-family:inherit!important;
}
form input,
form textarea,
form select{
box-sizing:border-box!important;
}
form input:focus,
form textarea:focus,
form select:focus{
outline:2px solid rgba(255,138,33,.25)!important;
border-color:#ff8a21!important;
}
/* Keep all major content images from collapsing while lazy-loaded */
img{
max-width:100%;
height:auto;
}
.rjl-post-thumb img,
.product-cat-grid-v36 img,
.gallery-grid img,
.resources-guide-card > img{
background:#f3f3f3!important;
}
/* Final responsive cleanup */
@media (max-width:1024px){
.header-cta{
display:none!important;
}
.header-inner{
min-height:68px!important;
}
}
@media (max-width:860px){
.menu-toggle{
display:inline-flex!important;
flex-direction:column!important;
gap:5px!important;
align-items:center!important;
justify-content:center!important;
width:42px!important;
height:42px!important;
border:0!important;
background:transparent!important;
padding:0!important;
}
.menu-toggle span{
display:block!important;
width:24px!important;
height:2px!important;
background:#111!important;
}
.main-nav{
position:absolute!important;
left:0!important;
right:0!important;
top:100%!important;
background:#fff!important;
border-top:1px solid #eee!important;
box-shadow:0 20px 40px rgba(20,30,45,.12)!important;
display:none!important;
max-height:calc(100vh - 70px)!important;
overflow:auto!important;
}
.main-nav.is-open{
display:block!important;
}
.main-nav .menu{
display:block!important;
width:100%!important;
padding:8px 0!important;
}
.main-nav .menu > li{
display:block!important;
border-bottom:1px solid #f1f1f1!important;
}
.main-nav .menu > li > a{
display:flex!important;
justify-content:space-between!important;
padding:14px 22px!important;
font-size:16px!important;
}
.main-nav .sub-menu{
position:static!important;
display:none!important;
opacity:1!important;
visibility:visible!important;
transform:none!important;
box-shadow:none!important;
border:0!important;
background:#f8f8f8!important;
padding:4px 0!important;
}
.main-nav .menu-item-has-children.is-open > .sub-menu{
display:block!important;
}
.main-nav .sub-menu a{
min-width:0!important;
width:100%!important;
padding:11px 34px!important;
font-size:15px!important;
background:transparent!important;
}
.rjl-form-notice{
left:18px!important;
right:18px!important;
bottom:18px!important;
max-width:none!important;
}
}
@media (max-width:640px){
h1{
word-break:normal!important;
overflow-wrap:break-word!important;
}
.button,
button,
input[type="submit"]{
max-width:100%!important;
}
.footer-grid{
grid-template-columns:1fr!important;
}
.whatsapp-float{
right:16px!important;
bottom:16px!important;
}
}
/* ===== v38 final visual polish: footer, CTA, screenshot-asset cleanup ===== */
/* Footer closer to target multi-column structure */
.site-footer{
background:#292929!important;
color:#d7d7d7!important;
padding-top:72px!important;
}
.footer-grid{
display:grid!important;
grid-template-columns:1.3fr 1fr 1fr 1fr 1fr 1.25fr!important;
gap:34px!important;
align-items:start!important;
}
.footer-brand p{
font-size:14px!important;
line-height:1.7!important;
color:#cfcfcf!important;
margin-top:18px!important;
}
.site-footer h2{
font-size:15px!important;
line-height:1.35!important;
font-weight:600!important;
color:#fff!important;
margin:0 0 20px!important;
letter-spacing:.02em!important;
text-transform:uppercase!important;
}
.site-footer ul{
list-style:none!important;
padding:0!important;
margin:0!important;
}
.site-footer li{
margin:0 0 11px!important;
}
.site-footer a{
color:#d7d7d7!important;
text-decoration:none!important;
font-size:14px!important;
line-height:1.45!important;
}
.site-footer a:hover{
color:#ff8a21!important;
}
.footer-contact li{
font-size:14px!important;
line-height:1.55!important;
color:#d7d7d7!important;
}
.footer-contact strong{
color:#fff!important;
font-weight:600!important;
}
.footer-contact small{
color:#a6a6a6!important;
}
.footer-bottom{
border-top:1px solid rgba(255,255,255,.12)!important;
margin-top:44px!important;
padding:24px 0!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:20px!important;
}
.footer-bottom p,
.footer-bottom a{
font-size:13px!important;
color:#b8b8b8!important;
}
/* Button consistency */
.button,
.header-cta,
button[type="submit"],
input[type="submit"]{
border-radius:999px!important;
font-weight:600!important;
letter-spacing:0!important;
}
.button:hover,
.header-cta:hover,
button[type="submit"]:hover,
input[type="submit"]:hover{
filter:brightness(.96)!important;
transform:translateY(-1px)!important;
}
/* Products solution images now use original vector assets */
.products-solution-card img,
.products-solution-row img,
.products-solutions-section img{
background:#f3f3f3!important;
object-fit:contain!important;
}
/* CTA consistency across major blue bands */
.blue-solution-cta-v33,
.about-blue-cta,
.product-cat-cta-v36,
.sourcing-guide-cta,
.who-cta-v32{
background:#0b35bd!important;
}
.blue-solution-cta-v33 .button,
.about-blue-cta .button,
.product-cat-cta-v36 .button,
.sourcing-guide-cta .button,
.who-cta-v32 .button{
background:#fff!important;
color:#0b35bd!important;
border-color:#fff!important;
}
.blue-solution-cta-v33 .button:hover,
.about-blue-cta .button:hover,
.product-cat-cta-v36 .button:hover,
.sourcing-guide-cta .button:hover,
.who-cta-v32 .button:hover{
color:#0b35bd!important;
}
/* Keep stale Who We Support menu item hidden in any old menu structure */
.main-nav .sub-menu a[href*="who-we-support"],
.main-nav .sub-menu a[href*="who-we-support/"]{
display:none!important;
}
/* Admin-bar sticky header offset */
body.admin-bar .site-header{
top:32px!important;
}
@media (max-width:782px){
body.admin-bar .site-header{
top:46px!important;
}
}
/* Small-screen footer and large content cleanup */
@media (max-width:1180px){
.footer-grid{
grid-template-columns:1.4fr 1fr 1fr!important;
}
}
@media (max-width:760px){
.footer-grid{
grid-template-columns:1fr!important;
}
.footer-bottom{
display:block!important;
}
.footer-bottom a{
display:inline-block!important;
margin-top:12px!important;
}
.site-footer{
padding-top:54px!important;
}
}
/* ===== v39 screenshot-first rollback and fidelity fixes ===== */
/* Products page: match earlier supplied target screenshots more closely */
body.rjl-page-products .product-category-section{
background:#fff!important;
padding:74px 0 58px!important;
}
body.rjl-page-products .products-compact{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
}
body.rjl-page-products .products-section-title{
text-align:center!important;
margin:0 auto 42px!important;
}
body.rjl-page-products .products-section-title h2{
font-size:34px!important;
line-height:1.25!important;
font-weight:500!important;
color:#111!important;
margin:0 0 16px!important;
}
body.rjl-page-products .products-section-title p{
font-size:18px!important;
line-height:1.65!important;
max-width:1140px!important;
margin:0 auto!important;
color:#333!important;
}
body.rjl-page-products .products-category-grid{
width:1140px!important;
max-width:100%!important;
margin:0 auto!important;
display:grid!important;
grid-template-columns:repeat(5,1fr)!important;
border:0!important;
background:transparent!important;
overflow:hidden!important;
}
body.rjl-page-products .products-category-cell{
min-height:128px!important;
border:0!important;
border-right:1px solid #e1e1e1!important;
border-bottom:1px solid #e1e1e1!important;
background:#fff!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:14px!important;
text-decoration:none!important;
}
body.rjl-page-products .products-category-cell:nth-child(5n){
border-right:0!important;
}
body.rjl-page-products .products-category-cell:nth-last-child(-n+5){
border-bottom:0!important;
}
body.rjl-page-products .products-category-icon{
width:50px!important;
height:50px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
}
body.rjl-page-products .products-category-icon img{
width:46px!important;
height:46px!important;
object-fit:contain!important;
filter:none!important;
}
body.rjl-page-products .products-category-cell strong{
font-size:16px!important;
line-height:1.25!important;
font-weight:500!important;
color:#111!important;
}
body.rjl-page-products .products-more-box{
width:1140px!important;
max-width:100%!important;
margin:42px auto 0!important;
background:#f8f1e8!important;
border-radius:12px!important;
padding:36px 46px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:30px!important;
border:0!important;
}
body.rjl-page-products .products-more-box h3{
font-size:24px!important;
line-height:1.3!important;
font-weight:500!important;
color:#111!important;
margin:0 0 10px!important;
}
body.rjl-page-products .products-more-box p{
font-size:17px!important;
line-height:1.65!important;
color:#333!important;
margin:0!important;
}
body.rjl-page-products .products-solutions-section{
background:#fff!important;
padding:84px 0 72px!important;
}
body.rjl-page-products .products-solution-row{
display:grid!important;
grid-template-columns:minmax(0,500px) minmax(0,560px)!important;
gap:80px!important;
align-items:center!important;
margin:0 0 78px!important;
}
body.rjl-page-products .products-solution-row.reverse img{
order:-1!important;
}
body.rjl-page-products .products-solution-row h3{
font-size:28px!important;
line-height:1.28!important;
font-weight:500!important;
color:#111!important;
margin:0 0 20px!important;
}
body.rjl-page-products .products-solution-row p{
font-size:18px!important;
line-height:1.72!important;
color:#344056!important;
margin:0 0 26px!important;
}
body.rjl-page-products .products-solution-row img{
width:560px!important;
height:330px!important;
object-fit:cover!important;
border-radius:0!important;
background:#f3f3f3!important;
box-shadow:none!important;
}
body.rjl-page-products .products-solution-row .text-link{
color:#111!important;
font-size:16px!important;
font-weight:600!important;
text-decoration:none!important;
}
body.rjl-page-products .products-solution-row .text-link::after{
content:" ›"!important;
color:#ff8a21!important;
}
body.rjl-page-products .products-alibaba-section{
background:#f3f3f3!important;
padding:78px 0 86px!important;
}
body.rjl-page-products .products-alibaba-section h2{
font-size:38px!important;
line-height:1.22!important;
font-weight:600!important;
color:#ff8a21!important;
text-align:center!important;
margin:0 auto 48px!important;
}
body.rjl-page-products .products-alibaba-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:18px 26px!important;
width:1140px!important;
max-width:100%!important;
margin:0 auto!important;
}
body.rjl-page-products .products-alibaba-grid details{
background:#fff!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
overflow:hidden!important;
min-height:58px!important;
}
body.rjl-page-products .products-alibaba-grid details[open]{
min-height:220px!important;
}
body.rjl-page-products .products-alibaba-grid summary{
list-style:none!important;
min-height:58px!important;
padding:0 18px 0 24px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:16px!important;
font-size:17px!important;
line-height:1.35!important;
font-weight:600!important;
color:#111!important;
cursor:pointer!important;
}
body.rjl-page-products .products-alibaba-grid summary::-webkit-details-marker{
display:none!important;
}
body.rjl-page-products .products-alibaba-grid summary span{
font-size:25px!important;
font-weight:300!important;
color:#111!important;
}
body.rjl-page-products .products-alibaba-grid p{
padding:2px 24px 26px!important;
font-size:17px!important;
line-height:1.72!important;
color:#344056!important;
margin:0!important;
}
body.rjl-page-products .products-report-section{
background:#fff!important;
padding:88px 0 96px!important;
}
body.rjl-page-products .products-report-grid{
width:1140px!important;
max-width:100%!important;
display:grid!important;
grid-template-columns:250px minmax(0,390px) minmax(0,470px)!important;
gap:42px!important;
align-items:center!important;
}
body.rjl-page-products .products-report-grid>img{
width:240px!important;
max-width:240px!important;
}
body.rjl-page-products .products-report-grid h2{
font-size:36px!important;
line-height:1.22!important;
font-weight:500!important;
color:#111!important;
margin:0 0 18px!important;
}
body.rjl-page-products .products-report-grid p{
font-size:20px!important;
line-height:1.65!important;
color:#344056!important;
margin:0!important;
}
body.rjl-page-products .products-report-form{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:12px!important;
width:470px!important;
max-width:100%!important;
}
body.rjl-page-products .products-report-form input{
min-height:44px!important;
border:1px solid #d0d0d0!important;
padding:0 14px!important;
font-size:14px!important;
}
body.rjl-page-products .products-report-form input[type=email],
body.rjl-page-products .products-report-form button{
grid-column:1 / -1!important;
}
body.rjl-page-products .products-report-form button{
min-height:50px!important;
border-radius:999px!important;
background:#ff8a21!important;
color:#fff!important;
font-weight:600!important;
border:0!important;
}
/* Sourcing & Purchasing: restore screenshot target hierarchy */
body.rjl-page-sourcing-purchasing .service-v32-title{
background:#fff!important;
text-align:center!important;
padding:38px 0 48px!important;
}
body.rjl-page-sourcing-purchasing .service-v32-title h1{
font-size:28px!important;
line-height:1.25!important;
font-weight:500!important;
color:#111!important;
margin:0!important;
}
body.rjl-page-sourcing-purchasing .service-plan-v32{
padding:76px 0!important;
}
body.rjl-page-sourcing-purchasing .service-plan-v32-pro{
background:#f3f3f3!important;
}
body.rjl-page-sourcing-purchasing .service-plan-v32-basic{
background:#fff!important;
}
body.rjl-page-sourcing-purchasing .service-plan-v32-row{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
grid-template-columns:minmax(0,520px) minmax(0,540px)!important;
gap:80px!important;
align-items:center!important;
}
body.rjl-page-sourcing-purchasing .service-plan-copy h2{
font-size:27px!important;
line-height:1.3!important;
font-weight:400!important;
text-align:center!important;
color:#ff8a21!important;
margin:0 0 28px!important;
}
body.rjl-page-sourcing-purchasing .service-plan-v32-basic .service-plan-copy h2{
color:#1477e9!important;
}
body.rjl-page-sourcing-purchasing .service-plan-copy p{
font-size:18px!important;
line-height:1.72!important;
color:#111827!important;
margin:0 0 22px!important;
}
body.rjl-page-sourcing-purchasing .service-plan-media img{
width:540px!important;
max-width:540px!important;
max-height:430px!important;
object-fit:contain!important;
background:transparent!important;
box-shadow:none!important;
border-radius:0!important;
}
body.rjl-page-sourcing-purchasing .service-steps-v32{
background:#fff!important;
padding:88px 0 104px!important;
}
body.rjl-page-sourcing-purchasing .service-steps-grid-v32{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
margin:0 auto!important;
grid-template-columns:repeat(4,1fr)!important;
gap:58px!important;
}
body.rjl-page-sourcing-purchasing .service-faq-v32{
background:#f3f3f3!important;
padding:82px 0 92px!important;
}
body.rjl-page-sourcing-purchasing .service-faq-v32 .service-narrow-v32{
max-width:1140px!important;
}
/* Undo v38 global blue-CTA white-button override where target uses orange/white consistently */
.products-orange-cta .button-white,
.products-orange-cta .button{
background:#fff!important;
color:#ff8a21!important;
border-color:#fff!important;
}
/* Mobile screenshot fidelity */
@media (max-width:900px){
body.rjl-page-products .products-category-grid,
body.rjl-page-products .products-alibaba-grid,
body.rjl-page-products .products-report-grid,
body.rjl-page-products .products-more-box{
width:min(calc(100% - 36px),1140px)!important;
}
body.rjl-page-products .products-category-grid{
grid-template-columns:repeat(2,1fr)!important;
}
body.rjl-page-products .products-category-cell:nth-child(5n){
border-right:1px solid #e1e1e1!important;
}
body.rjl-page-products .products-category-cell:nth-child(2n){
border-right:0!important;
}
body.rjl-page-products .products-category-cell:nth-last-child(-n+5){
border-bottom:1px solid #e1e1e1!important;
}
body.rjl-page-products .products-category-cell:nth-last-child(-n+2){
border-bottom:0!important;
}
body.rjl-page-products .products-solution-row,
body.rjl-page-products .products-report-grid,
body.rjl-page-sourcing-purchasing .service-plan-v32-row,
body.rjl-page-sourcing-purchasing .service-steps-grid-v32{
grid-template-columns:1fr!important;
gap:34px!important;
}
body.rjl-page-products .products-solution-row.reverse img{
order:0!important;
}
body.rjl-page-products .products-solution-row img,
body.rjl-page-sourcing-purchasing .service-plan-media img{
width:100%!important;
max-width:100%!important;
height:auto!important;
}
body.rjl-page-products .products-alibaba-grid{
grid-template-columns:1fr!important;
}
body.rjl-page-products .products-more-box{
display:block!important;
}
body.rjl-page-products .products-more-box .button{
margin-top:22px!important;
}
}
/* ===== v40 about dropdown target-fidelity pass ===== */
.site-header .menu-item.current-menu-item > a,
.site-header .menu-item.current_page_item > a,
.site-header .menu-item.current-menu-ancestor > a,
.site-header .menu-item.current-page-ancestor > a,
.site-header .menu-item.current_page_parent > a,
.site-header .menu-item.current-page-parent > a{
color:var(--orange)!important;
}
.site-header .sub-menu .menu-item.current-menu-item > a,
.site-header .sub-menu .menu-item.current_page_item > a{
color:var(--orange)!important;
font-weight:500!important;
}
body.page-about-us,
body.page-about-founder,
body.page-payment-information{
background:#f3f3f3!important;
}
body.page-about-us #primary,
body.page-about-founder #primary,
body.page-payment-information #primary{
background:#f3f3f3!important;
}
/* Shared about sizing */
.about-compact,
.founder-compact{
width:min(calc(100% - 64px),1120px)!important;
max-width:1120px!important;
}
/* Payment Information */
body.page-payment-information .payment-info-hero{
padding:96px 0 110px!important;
text-align:center!important;
background:#f3f3f3!important;
}
body.page-payment-information .payment-info-hero h1{
font-size:26px!important;
line-height:1.3!important;
font-weight:500!important;
color:#111!important;
margin:0 0 36px!important;
position:relative!important;
}
body.page-payment-information .payment-info-hero h1::after,
body.page-about-founder .founder-intro h1::after{
content:""!important;
display:block!important;
width:136px!important;
height:2px!important;
background:#f2a247!important;
margin:14px auto 0!important;
}
body.page-payment-information .payment-info-hero p{
max-width:1140px!important;
margin:0 auto!important;
font-size:16px!important;
line-height:1.8!important;
color:#344056!important;
}
body.page-payment-information .payment-methods-section{
padding:72px 0 96px!important;
background:#fff!important;
}
body.page-payment-information .payment-method{
margin:0 0 78px!important;
}
body.page-payment-information .payment-method:last-child{margin-bottom:0!important;}
body.page-payment-information .payment-method h2{
font-size:22px!important;
line-height:1.4!important;
font-weight:600!important;
color:#111!important;
margin:0 0 22px!important;
}
body.page-payment-information .payment-method p{
font-size:16px!important;
line-height:1.8!important;
color:#344056!important;
margin:0 0 16px!important;
white-space:pre-line!important;
}
body.page-payment-information .payment-method p .accent,
body.page-payment-information .payment-info-hero p .accent{
color:var(--orange)!important;
}
/* About Founder */
body.page-about-founder .founder-section{
padding:64px 0 86px!important;
background:#f3f3f3!important;
}
body.page-about-founder .founder-intro{
display:grid!important;
grid-template-columns:minmax(0,1fr) 300px!important;
gap:54px!important;
align-items:start!important;
margin-bottom:34px!important;
}
body.page-about-founder .founder-intro h1{
font-size:26px!important;
line-height:1.3!important;
font-weight:500!important;
color:#111!important;
margin:0 0 34px!important;
text-align:left!important;
}
body.page-about-founder .founder-intro h1::after{margin:14px 0 0!important;}
body.page-about-founder .founder-intro p{
font-size:16px!important;
line-height:1.82!important;
color:#344056!important;
margin:0 0 22px!important;
}
body.page-about-founder .founder-intro img{
width:260px!important;
max-width:100%!important;
height:auto!important;
justify-self:end!important;
margin-top:110px!important;
}
body.page-about-founder .playlist-box{
background:#ebebeb!important;
padding:58px 48px 64px!important;
margin:28px 0 72px!important;
text-align:center!important;
}
body.page-about-founder .playlist-box h2{
font-size:20px!important;
line-height:1.4!important;
font-weight:500!important;
color:var(--orange)!important;
margin:0 0 18px!important;
}
body.page-about-founder .playlist-box>p{
max-width:1140px!important;
margin:0 auto 34px!important;
font-size:15px!important;
line-height:1.8!important;
color:#344056!important;
}
body.page-about-founder .playlist-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:56px!important;
}
body.page-about-founder .playlist-grid article{
background:transparent!important;
padding:0!important;
box-shadow:none!important;
}
body.page-about-founder .playlist-grid img{
width:100%!important;
height:190px!important;
object-fit:cover!important;
border-radius:0!important;
margin:0 0 16px!important;
}
body.page-about-founder .playlist-grid h3{
font-size:17px!important;
line-height:1.45!important;
font-weight:600!important;
color:var(--orange)!important;
margin:0 0 10px!important;
}
body.page-about-founder .playlist-grid p{
font-size:14px!important;
line-height:1.75!important;
color:#344056!important;
margin:0 auto 18px!important;
max-width:390px!important;
}
body.page-about-founder .playlist-grid .button,
body.page-about-founder .founder-blog-section .button{
background:var(--orange)!important;
border-color:var(--orange)!important;
color:#fff!important;
min-height:38px!important;
padding:0 20px!important;
font-size:14px!important;
}
body.page-about-founder .founder-blog-section h2{
font-size:20px!important;
line-height:1.4!important;
font-weight:500!important;
color:var(--orange)!important;
text-align:center!important;
margin:0 0 32px!important;
}
body.page-about-founder .founder-blog-grid{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:22px!important;
margin:0 0 24px!important;
}
body.page-about-founder .founder-blog-grid a{
color:#111!important;
text-decoration:none!important;
}
body.page-about-founder .founder-blog-grid img{
width:100%!important;
height:96px!important;
object-fit:cover!important;
margin:0 0 12px!important;
}
body.page-about-founder .founder-blog-grid strong{
display:block!important;
font-size:13px!important;
line-height:1.45!important;
font-weight:500!important;
}
body.page-about-founder .founder-blog-section > .button{
display:table!important;
margin:0 auto!important;
}
/* About Us */
body.page-about-us .about-us-hero{
padding:58px 0 68px!important;
background:#fff!important;
}
body.page-about-us .about-us-hero h1{
font-size:26px!important;
line-height:1.3!important;
font-weight:500!important;
color:#111!important;
margin:0 0 42px!important;
text-align:center!important;
}
body.page-about-us .about-intro-grid{
display:grid!important;
grid-template-columns:minmax(0,1fr) 420px!important;
gap:50px!important;
align-items:start!important;
}
body.page-about-us .about-intro-grid p{
font-size:15px!important;
line-height:1.85!important;
color:#344056!important;
margin:0 0 20px!important;
}
body.page-about-us .about-video-card{
background:transparent!important;
padding:0!important;
box-shadow:none!important;
}
body.page-about-us .about-video-card img{
width:100%!important;
height:auto!important;
border-radius:4px!important;
display:block!important;
}
body.page-about-us .about-brochure-band{
padding:34px 0!important;
background:#ebebeb!important;
}
body.page-about-us .about-brochure-grid{
display:grid!important;
grid-template-columns:82px minmax(0,1fr)!important;
gap:30px!important;
align-items:center!important;
}
body.page-about-us .about-brochure-grid > img{
width:82px!important;
height:auto!important;
}
body.page-about-us .about-brochure-grid h2{
font-size:16px!important;
line-height:1.4!important;
font-weight:500!important;
color:#111!important;
margin:0 0 10px!important;
text-align:left!important;
}
body.page-about-us .about-brochure-grid p{
font-size:14px!important;
line-height:1.75!important;
color:#344056!important;
margin:0 0 12px!important;
}
body.page-about-us .about-brochure-grid .button{min-height:34px!important;font-size:13px!important;padding:0 18px!important;}
body.page-about-us .about-unique-section{
padding:70px 0 74px!important;
background:#fff!important;
}
body.page-about-us .unique-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:0!important;
align-items:stretch!important;
}
body.page-about-us .unique-grid article,
body.page-about-us .unique-center{
padding:18px 26px 16px!important;
min-height:170px!important;
border-right:1px solid #d9d9d9!important;
border-bottom:1px solid #d9d9d9!important;
}
body.page-about-us .unique-grid article:nth-child(3),
body.page-about-us .unique-grid article:nth-child(6),
body.page-about-us .unique-center:nth-child(3){border-right:0!important;}
body.page-about-us .unique-grid > *:nth-last-child(-n+3){border-bottom:0!important;}
body.page-about-us .unique-grid h3{
font-size:16px!important;
line-height:1.5!important;
font-weight:500!important;
color:var(--orange)!important;
margin:0 0 10px!important;
}
body.page-about-us .unique-grid p{
font-size:14px!important;
line-height:1.75!important;
color:#344056!important;
margin:0!important;
}
body.page-about-us .unique-center{
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
text-align:center!important;
}
body.page-about-us .unique-center h2{
font-size:28px!important;
line-height:1.25!important;
font-weight:500!important;
color:var(--orange)!important;
margin:0!important;
}
body.page-about-us .unique-center h2::after,
body.page-about-us .about-stories-section h2::after,
body.page-about-us .gallery-block h2::before,
body.page-about-us .gallery-block h2::after,
body.page-about-us .address-grid h2::after{
content:""!important;
display:block!important;
height:2px!important;
background:#f2a247!important;
}
body.page-about-us .unique-center h2::after{
width:110px!important;
margin:14px auto 0!important;
}
body.page-about-us .about-social-section{
padding:64px 0 56px!important;
background:#f3f3f3!important;
text-align:center!important;
}
body.page-about-us .about-social-section h2{
font-size:22px!important;
line-height:1.4!important;
font-weight:500!important;
color:var(--orange)!important;
margin:0 0 12px!important;
}
body.page-about-us .about-social-section > .container > p{
font-size:13px!important;
line-height:1.8!important;
max-width:1140px!important;
margin:0 auto 20px!important;
color:#344056!important;
}
body.page-about-us .about-social-section h3{
font-size:36px!important;
line-height:1.25!important;
font-weight:600!important;
color:var(--orange)!important;
margin:0 0 26px!important;
}
body.page-about-us .social-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:18px 28px!important;
max-width:720px!important;
margin:0 auto!important;
}
body.page-about-us .social-grid a{
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:10px!important;
text-decoration:none!important;
color:var(--orange)!important;
font-size:14px!important;
font-weight:500!important;
}
body.page-about-us .social-grid a span{
width:34px!important;
height:34px!important;
border-radius:50%!important;
background:#f6a23d!important;
color:#fff!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
font-size:16px!important;
font-weight:700!important;
}
body.page-about-us .about-stories-section{
padding:26px 0 68px!important;
background:linear-gradient(165deg,#fff6ec 0%,#fff2df 45%,#fee8cf 100%)!important;
}
body.page-about-us .about-stories-section h2{
font-size:22px!important;
line-height:1.4!important;
font-weight:500!important;
color:var(--orange)!important;
text-align:center!important;
margin:0 0 30px!important;
}
body.page-about-us .about-stories-section h2::after{width:110px!important;margin:14px auto 0!important;}
body.page-about-us .stories-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:18px!important;
}
body.page-about-us .stories-grid article{
background:rgba(255,255,255,0.9)!important;
border-radius:4px!important;
padding:16px 16px 14px!important;
min-height:138px!important;
box-shadow:none!important;
}
body.page-about-us .stories-grid h3{
font-size:14px!important;
line-height:1.55!important;
font-weight:600!important;
color:var(--orange)!important;
margin:0 0 8px!important;
}
body.page-about-us .stories-grid p{
font-size:12px!important;
line-height:1.7!important;
color:#344056!important;
margin:0!important;
}
body.page-about-us .about-gallery-section{
padding:72px 0 84px!important;
background:#f3f3f3!important;
}
body.page-about-us .gallery-block{margin:0 0 68px!important;}
body.page-about-us .gallery-block:last-of-type{margin-bottom:58px!important;}
body.page-about-us .gallery-block h2,
body.page-about-us .address-grid h2{
font-size:18px!important;
line-height:1.4!important;
font-weight:500!important;
color:#111!important;
text-align:center!important;
margin:0 0 26px!important;
position:relative!important;
}
body.page-about-us .gallery-block h2::before,
body.page-about-us .gallery-block h2::after,
body.page-about-us .address-grid h2::after{
position:absolute!important;
top:50%!important;
width:200px!important;
}
body.page-about-us .gallery-block h2::before{left:calc(50% - 270px)!important;}
body.page-about-us .gallery-block h2::after{right:calc(50% - 270px)!important;}
body.page-about-us .gallery-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:0!important;
max-width:520px!important;
margin:0 auto!important;
}
body.page-about-us .gallery-grid figure{margin:0!important;text-align:center!important;}
body.page-about-us .gallery-grid img{
width:100%!important;
height:auto!important;
display:block!important;
object-fit:cover!important;
}
body.page-about-us .gallery-grid figcaption{
font-size:12px!important;
line-height:1.6!important;
color:#666!important;
margin-top:10px!important;
}
body.page-about-us .address-grid{
display:grid!important;
grid-template-columns:minmax(0,1fr) 320px!important;
gap:36px!important;
align-items:start!important;
max-width:1140px!important;
margin:0 auto!important;
}
body.page-about-us .address-grid > div{text-align:left!important;}
body.page-about-us .address-grid h2{text-align:left!important;margin-bottom:20px!important;}
body.page-about-us .address-grid h2::after{
position:absolute!important;
left:120px!important;
right:auto!important;
width:200px!important;
top:50%!important;
}
body.page-about-us .address-grid p{
font-size:13px!important;
line-height:1.75!important;
color:#344056!important;
margin:0 0 14px!important;
}
body.page-about-us .address-grid .address-line{
color:var(--orange)!important;
font-weight:600!important;
}
body.page-about-us .address-grid img{
width:100%!important;
height:auto!important;
display:block!important;
}
body.page-about-us .about-blue-cta{
padding:54px 0 58px!important;
background:linear-gradient(180deg,#2040cf 0%,#1b2db6 100%)!important;
}
body.page-about-us .about-blue-cta h2{
font-size:22px!important;
line-height:1.4!important;
font-weight:500!important;
color:#fff!important;
margin:0 0 18px!important;
}
body.page-about-us .about-blue-cta .button-row{
display:flex!important;
justify-content:center!important;
gap:14px!important;
}
body.page-about-us .about-blue-cta .button-blue,
body.page-about-us .about-blue-cta .button-blue-outline{
min-height:34px!important;
font-size:13px!important;
padding:0 18px!important;
border-radius:999px!important;
}
body.page-about-us .about-blue-cta .button-blue{background:#1892ff!important;border-color:#1892ff!important;color:#fff!important;}
body.page-about-us .about-blue-cta .button-blue-outline{background:transparent!important;border-color:#fff!important;color:#fff!important;}
@media (max-width: 900px){
body.page-about-us .about-intro-grid,
body.page-about-founder .founder-intro,
body.page-about-us .address-grid,
body.page-about-us .about-brochure-grid,
body.page-about-founder .playlist-grid,
body.page-about-founder .founder-blog-grid,
body.page-about-us .stories-grid,
body.page-about-us .social-grid,
body.page-about-us .unique-grid{
grid-template-columns:1fr!important;
}
body.page-about-us .gallery-grid{max-width:100%!important;}
body.page-about-us .gallery-block h2::before,
body.page-about-us .gallery-block h2::after,
body.page-about-us .address-grid h2::after{display:none!important;}
body.page-about-founder .founder-intro img{justify-self:center!important;margin-top:0!important;}
body.page-about-us .unique-grid article,
body.page-about-us .unique-center{border-right:0!important;min-height:auto!important;}
body.page-about-us .about-social-section h3{font-size:28px!important;}
}
/* ===== v41 corrected About body classes + nav active state ===== */
.site-header .menu-item.current-menu-item > a,
.site-header .menu-item.current_page_item > a,
.site-header .menu-item.current-menu-ancestor > a,
.site-header .menu-item.current-page-ancestor > a,
.site-header .menu-item.current_page_parent > a,
.site-header .menu-item.current-page-parent > a{
color:var(--orange)!important;
}
.site-header .sub-menu .menu-item.current-menu-item > a,
.site-header .sub-menu .menu-item.current_page_item > a{
color:var(--orange)!important;
font-weight:500!important;
}
body.rjl-page-about-us,
body.rjl-page-about-founder,
body.rjl-page-payment-information{
background:#f3f3f3!important;
}
body.rjl-page-about-us #primary,
body.rjl-page-about-founder #primary,
body.rjl-page-payment-information #primary{
background:#f3f3f3!important;
}
/* Shared about sizing */
.about-compact,
.founder-compact{
width:min(calc(100% - 64px),1120px)!important;
max-width:1120px!important;
}
/* Payment Information */
body.rjl-page-payment-information .payment-info-hero{
padding:96px 0 110px!important;
text-align:center!important;
background:#f3f3f3!important;
}
body.rjl-page-payment-information .payment-info-hero h1{
font-size:26px!important;
line-height:1.3!important;
font-weight:500!important;
color:#111!important;
margin:0 0 36px!important;
position:relative!important;
}
body.rjl-page-payment-information .payment-info-hero h1::after,
body.rjl-page-about-founder .founder-intro h1::after{
content:""!important;
display:block!important;
width:136px!important;
height:2px!important;
background:#f2a247!important;
margin:14px auto 0!important;
}
body.rjl-page-payment-information .payment-info-hero p{
max-width:1140px!important;
margin:0 auto!important;
font-size:16px!important;
line-height:1.8!important;
color:#344056!important;
}
body.rjl-page-payment-information .payment-methods-section{
padding:72px 0 96px!important;
background:#fff!important;
}
body.rjl-page-payment-information .payment-method{
margin:0 0 78px!important;
}
body.rjl-page-payment-information .payment-method:last-child{margin-bottom:0!important;}
body.rjl-page-payment-information .payment-method h2{
font-size:22px!important;
line-height:1.4!important;
font-weight:600!important;
color:#111!important;
margin:0 0 22px!important;
}
body.rjl-page-payment-information .payment-method p{
font-size:16px!important;
line-height:1.8!important;
color:#344056!important;
margin:0 0 16px!important;
white-space:pre-line!important;
}
body.rjl-page-payment-information .payment-method p .accent,
body.rjl-page-payment-information .payment-info-hero p .accent{
color:var(--orange)!important;
}
/* About Founder */
body.rjl-page-about-founder .founder-section{
padding:64px 0 86px!important;
background:#f3f3f3!important;
}
body.rjl-page-about-founder .founder-intro{
display:grid!important;
grid-template-columns:minmax(0,1fr) 300px!important;
gap:54px!important;
align-items:start!important;
margin-bottom:34px!important;
}
body.rjl-page-about-founder .founder-intro h1{
font-size:26px!important;
line-height:1.3!important;
font-weight:500!important;
color:#111!important;
margin:0 0 34px!important;
text-align:left!important;
}
body.rjl-page-about-founder .founder-intro h1::after{margin:14px 0 0!important;}
body.rjl-page-about-founder .founder-intro p{
font-size:16px!important;
line-height:1.82!important;
color:#344056!important;
margin:0 0 22px!important;
}
body.rjl-page-about-founder .founder-intro img{
width:260px!important;
max-width:100%!important;
height:auto!important;
justify-self:end!important;
margin-top:110px!important;
}
body.rjl-page-about-founder .playlist-box{
background:#ebebeb!important;
padding:58px 48px 64px!important;
margin:28px 0 72px!important;
text-align:center!important;
}
body.rjl-page-about-founder .playlist-box h2{
font-size:20px!important;
line-height:1.4!important;
font-weight:500!important;
color:var(--orange)!important;
margin:0 0 18px!important;
}
body.rjl-page-about-founder .playlist-box>p{
max-width:1140px!important;
margin:0 auto 34px!important;
font-size:15px!important;
line-height:1.8!important;
color:#344056!important;
}
body.rjl-page-about-founder .playlist-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:56px!important;
}
body.rjl-page-about-founder .playlist-grid article{
background:transparent!important;
padding:0!important;
box-shadow:none!important;
}
body.rjl-page-about-founder .playlist-grid img{
width:100%!important;
height:190px!important;
object-fit:cover!important;
border-radius:0!important;
margin:0 0 16px!important;
}
body.rjl-page-about-founder .playlist-grid h3{
font-size:17px!important;
line-height:1.45!important;
font-weight:600!important;
color:var(--orange)!important;
margin:0 0 10px!important;
}
body.rjl-page-about-founder .playlist-grid p{
font-size:14px!important;
line-height:1.75!important;
color:#344056!important;
margin:0 auto 18px!important;
max-width:390px!important;
}
body.rjl-page-about-founder .playlist-grid .button,
body.rjl-page-about-founder .founder-blog-section .button{
background:var(--orange)!important;
border-color:var(--orange)!important;
color:#fff!important;
min-height:38px!important;
padding:0 20px!important;
font-size:14px!important;
}
body.rjl-page-about-founder .founder-blog-section h2{
font-size:20px!important;
line-height:1.4!important;
font-weight:500!important;
color:var(--orange)!important;
text-align:center!important;
margin:0 0 32px!important;
}
body.rjl-page-about-founder .founder-blog-grid{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:22px!important;
margin:0 0 24px!important;
}
body.rjl-page-about-founder .founder-blog-grid a{
color:#111!important;
text-decoration:none!important;
}
body.rjl-page-about-founder .founder-blog-grid img{
width:100%!important;
height:96px!important;
object-fit:cover!important;
margin:0 0 12px!important;
}
body.rjl-page-about-founder .founder-blog-grid strong{
display:block!important;
font-size:13px!important;
line-height:1.45!important;
font-weight:500!important;
}
body.rjl-page-about-founder .founder-blog-section > .button{
display:table!important;
margin:0 auto!important;
}
/* About Us */
body.rjl-page-about-us .about-us-hero{
padding:58px 0 68px!important;
background:#fff!important;
}
body.rjl-page-about-us .about-us-hero h1{
font-size:26px!important;
line-height:1.3!important;
font-weight:500!important;
color:#111!important;
margin:0 0 42px!important;
text-align:center!important;
}
body.rjl-page-about-us .about-intro-grid{
display:grid!important;
grid-template-columns:minmax(0,1fr) 420px!important;
gap:50px!important;
align-items:start!important;
}
body.rjl-page-about-us .about-intro-grid p{
font-size:15px!important;
line-height:1.85!important;
color:#344056!important;
margin:0 0 20px!important;
}
body.rjl-page-about-us .about-video-card{
background:transparent!important;
padding:0!important;
box-shadow:none!important;
}
body.rjl-page-about-us .about-video-card img{
width:100%!important;
height:auto!important;
border-radius:4px!important;
display:block!important;
}
body.rjl-page-about-us .about-brochure-band{
padding:34px 0!important;
background:#ebebeb!important;
}
body.rjl-page-about-us .about-brochure-grid{
display:grid!important;
grid-template-columns:82px minmax(0,1fr)!important;
gap:30px!important;
align-items:center!important;
}
body.rjl-page-about-us .about-brochure-grid > img{
width:82px!important;
height:auto!important;
}
body.rjl-page-about-us .about-brochure-grid h2{
font-size:16px!important;
line-height:1.4!important;
font-weight:500!important;
color:#111!important;
margin:0 0 10px!important;
text-align:left!important;
}
body.rjl-page-about-us .about-brochure-grid p{
font-size:14px!important;
line-height:1.75!important;
color:#344056!important;
margin:0 0 12px!important;
}
body.rjl-page-about-us .about-brochure-grid .button{min-height:34px!important;font-size:13px!important;padding:0 18px!important;}
body.rjl-page-about-us .about-unique-section{
padding:70px 0 74px!important;
background:#fff!important;
}
body.rjl-page-about-us .unique-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:0!important;
align-items:stretch!important;
}
body.rjl-page-about-us .unique-grid article,
body.rjl-page-about-us .unique-center{
padding:18px 26px 16px!important;
min-height:170px!important;
border-right:1px solid #d9d9d9!important;
border-bottom:1px solid #d9d9d9!important;
}
body.rjl-page-about-us .unique-grid article:nth-child(3),
body.rjl-page-about-us .unique-grid article:nth-child(6),
body.rjl-page-about-us .unique-center:nth-child(3){border-right:0!important;}
body.rjl-page-about-us .unique-grid > *:nth-last-child(-n+3){border-bottom:0!important;}
body.rjl-page-about-us .unique-grid h3{
font-size:16px!important;
line-height:1.5!important;
font-weight:500!important;
color:var(--orange)!important;
margin:0 0 10px!important;
}
body.rjl-page-about-us .unique-grid p{
font-size:14px!important;
line-height:1.75!important;
color:#344056!important;
margin:0!important;
}
body.rjl-page-about-us .unique-center{
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
text-align:center!important;
}
body.rjl-page-about-us .unique-center h2{
font-size:28px!important;
line-height:1.25!important;
font-weight:500!important;
color:var(--orange)!important;
margin:0!important;
}
body.rjl-page-about-us .unique-center h2::after,
body.rjl-page-about-us .about-stories-section h2::after,
body.rjl-page-about-us .gallery-block h2::before,
body.rjl-page-about-us .gallery-block h2::after,
body.rjl-page-about-us .address-grid h2::after{
content:""!important;
display:block!important;
height:2px!important;
background:#f2a247!important;
}
body.rjl-page-about-us .unique-center h2::after{
width:110px!important;
margin:14px auto 0!important;
}
body.rjl-page-about-us .about-social-section{
padding:64px 0 56px!important;
background:#f3f3f3!important;
text-align:center!important;
}
body.rjl-page-about-us .about-social-section h2{
font-size:22px!important;
line-height:1.4!important;
font-weight:500!important;
color:var(--orange)!important;
margin:0 0 12px!important;
}
body.rjl-page-about-us .about-social-section > .container > p{
font-size:13px!important;
line-height:1.8!important;
max-width:1140px!important;
margin:0 auto 20px!important;
color:#344056!important;
}
body.rjl-page-about-us .about-social-section h3{
font-size:36px!important;
line-height:1.25!important;
font-weight:600!important;
color:var(--orange)!important;
margin:0 0 26px!important;
}
body.rjl-page-about-us .social-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:18px 28px!important;
max-width:720px!important;
margin:0 auto!important;
}
body.rjl-page-about-us .social-grid a{
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:10px!important;
text-decoration:none!important;
color:var(--orange)!important;
font-size:14px!important;
font-weight:500!important;
}
body.rjl-page-about-us .social-grid a span{
width:34px!important;
height:34px!important;
border-radius:50%!important;
background:#f6a23d!important;
color:#fff!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
font-size:16px!important;
font-weight:700!important;
}
body.rjl-page-about-us .about-stories-section{
padding:26px 0 68px!important;
background:linear-gradient(165deg,#fff6ec 0%,#fff2df 45%,#fee8cf 100%)!important;
}
body.rjl-page-about-us .about-stories-section h2{
font-size:22px!important;
line-height:1.4!important;
font-weight:500!important;
color:var(--orange)!important;
text-align:center!important;
margin:0 0 30px!important;
}
body.rjl-page-about-us .about-stories-section h2::after{width:110px!important;margin:14px auto 0!important;}
body.rjl-page-about-us .stories-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:18px!important;
}
body.rjl-page-about-us .stories-grid article{
background:rgba(255,255,255,0.9)!important;
border-radius:4px!important;
padding:16px 16px 14px!important;
min-height:138px!important;
box-shadow:none!important;
}
body.rjl-page-about-us .stories-grid h3{
font-size:14px!important;
line-height:1.55!important;
font-weight:600!important;
color:var(--orange)!important;
margin:0 0 8px!important;
}
body.rjl-page-about-us .stories-grid p{
font-size:12px!important;
line-height:1.7!important;
color:#344056!important;
margin:0!important;
}
body.rjl-page-about-us .about-gallery-section{
padding:72px 0 84px!important;
background:#f3f3f3!important;
}
body.rjl-page-about-us .gallery-block{margin:0 0 68px!important;}
body.rjl-page-about-us .gallery-block:last-of-type{margin-bottom:58px!important;}
body.rjl-page-about-us .gallery-block h2,
body.rjl-page-about-us .address-grid h2{
font-size:18px!important;
line-height:1.4!important;
font-weight:500!important;
color:#111!important;
text-align:center!important;
margin:0 0 26px!important;
position:relative!important;
}
body.rjl-page-about-us .gallery-block h2::before,
body.rjl-page-about-us .gallery-block h2::after,
body.rjl-page-about-us .address-grid h2::after{
position:absolute!important;
top:50%!important;
width:200px!important;
}
body.rjl-page-about-us .gallery-block h2::before{left:calc(50% - 270px)!important;}
body.rjl-page-about-us .gallery-block h2::after{right:calc(50% - 270px)!important;}
body.rjl-page-about-us .gallery-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:0!important;
max-width:520px!important;
margin:0 auto!important;
}
body.rjl-page-about-us .gallery-grid figure{margin:0!important;text-align:center!important;}
body.rjl-page-about-us .gallery-grid img{
width:100%!important;
height:auto!important;
display:block!important;
object-fit:cover!important;
}
body.rjl-page-about-us .gallery-grid figcaption{
font-size:12px!important;
line-height:1.6!important;
color:#666!important;
margin-top:10px!important;
}
body.rjl-page-about-us .address-grid{
display:grid!important;
grid-template-columns:minmax(0,1fr) 320px!important;
gap:36px!important;
align-items:start!important;
max-width:1140px!important;
margin:0 auto!important;
}
body.rjl-page-about-us .address-grid > div{text-align:left!important;}
body.rjl-page-about-us .address-grid h2{text-align:left!important;margin-bottom:20px!important;}
body.rjl-page-about-us .address-grid h2::after{
position:absolute!important;
left:120px!important;
right:auto!important;
width:200px!important;
top:50%!important;
}
body.rjl-page-about-us .address-grid p{
font-size:13px!important;
line-height:1.75!important;
color:#344056!important;
margin:0 0 14px!important;
}
body.rjl-page-about-us .address-grid .address-line{
color:var(--orange)!important;
font-weight:600!important;
}
body.rjl-page-about-us .address-grid img{
width:100%!important;
height:auto!important;
display:block!important;
}
body.rjl-page-about-us .about-blue-cta{
padding:54px 0 58px!important;
background:linear-gradient(180deg,#2040cf 0%,#1b2db6 100%)!important;
}
body.rjl-page-about-us .about-blue-cta h2{
font-size:22px!important;
line-height:1.4!important;
font-weight:500!important;
color:#fff!important;
margin:0 0 18px!important;
}
body.rjl-page-about-us .about-blue-cta .button-row{
display:flex!important;
justify-content:center!important;
gap:14px!important;
}
body.rjl-page-about-us .about-blue-cta .button-blue,
body.rjl-page-about-us .about-blue-cta .button-blue-outline{
min-height:34px!important;
font-size:13px!important;
padding:0 18px!important;
border-radius:999px!important;
}
body.rjl-page-about-us .about-blue-cta .button-blue{background:#1892ff!important;border-color:#1892ff!important;color:#fff!important;}
body.rjl-page-about-us .about-blue-cta .button-blue-outline{background:transparent!important;border-color:#fff!important;color:#fff!important;}
@media (max-width: 900px){
body.rjl-page-about-us .about-intro-grid,
body.rjl-page-about-founder .founder-intro,
body.rjl-page-about-us .address-grid,
body.rjl-page-about-us .about-brochure-grid,
body.rjl-page-about-founder .playlist-grid,
body.rjl-page-about-founder .founder-blog-grid,
body.rjl-page-about-us .stories-grid,
body.rjl-page-about-us .social-grid,
body.rjl-page-about-us .unique-grid{
grid-template-columns:1fr!important;
}
body.rjl-page-about-us .gallery-grid{max-width:100%!important;}
body.rjl-page-about-us .gallery-block h2::before,
body.rjl-page-about-us .gallery-block h2::after,
body.rjl-page-about-us .address-grid h2::after{display:none!important;}
body.rjl-page-about-founder .founder-intro img{justify-self:center!important;margin-top:0!important;}
body.rjl-page-about-us .unique-grid article,
body.rjl-page-about-us .unique-center{border-right:0!important;min-height:auto!important;}
body.rjl-page-about-us .about-social-section h3{font-size:28px!important;}
}
/* v41: force only the actual current top-level nav section to be orange */
.main-nav > .menu > li > a{
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
.main-nav > .menu > li.rjl-nav-services:not(.rjl-current-section) > a,
.main-nav > .menu > li.rjl-nav-solutions:not(.rjl-current-section) > a,
.main-nav > .menu > li.rjl-nav-products:not(.rjl-current-section) > a,
.main-nav > .menu > li.rjl-nav-about:not(.rjl-current-section) > a,
.main-nav > .menu > li.rjl-nav-resources:not(.rjl-current-section) > a{
color:#111827!important;
}
.main-nav > .menu > li.rjl-current-section > a{
color:#ff8a21!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
.main-nav .sub-menu .current-menu-item > a,
.main-nav .sub-menu .current_page_item > a{
color:#ff8a21!important;
}
body.rjl-section-about .main-nav > .menu > li.rjl-nav-products:not(.rjl-current-section) > a{
color:#111827!important;
}
body.rjl-section-about .main-nav > .menu > li.rjl-nav-about > a{
color:#ff8a21!important;
}
/* ===== v42 About hard-target fallback + nav active final guard ===== */
/* Use body class actually emitted by the theme, with stronger specificity than all previous generic rules. */
body.rjl-page-about-us main#primary,
body.rjl-page-about-founder main#primary,
body.rjl-page-payment-information main#primary{
background:#f3f3f3!important;
}
/* About Us first screen: enforce video/right image layout even if old CSS is cached higher up */
body.rjl-page-about-us .about-us-hero .about-intro-grid{
display:grid!important;
grid-template-columns:minmax(0,420px) minmax(0,420px)!important;
gap:56px!important;
align-items:start!important;
max-width:1140px!important;
margin:0 auto!important;
}
body.rjl-page-about-us .about-video-card img{
display:block!important;
width:420px!important;
max-width:100%!important;
height:auto!important;
border-radius:4px!important;
background:#ddd!important;
}
body.rjl-page-about-us .about-brochure-grid{
max-width:520px!important;
margin:0 auto!important;
}
body.rjl-page-about-us .about-brochure-grid > img{
display:block!important;
width:64px!important;
height:auto!important;
}
/* About Founder: enforce target-like person image and thumbnails */
body.rjl-page-about-founder .founder-intro{
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
}
body.rjl-page-about-founder .founder-intro > img{
display:block!important;
width:260px!important;
max-width:260px!important;
height:auto!important;
object-fit:contain!important;
}
body.rjl-page-about-founder .playlist-grid img{
display:block!important;
width:100%!important;
height:185px!important;
object-fit:cover!important;
}
body.rjl-page-about-founder .founder-blog-grid img{
display:block!important;
width:100%!important;
height:94px!important;
object-fit:cover!important;
}
/* Payment page: target screenshot document layout */
body.rjl-page-payment-information .payment-info-hero{
background:#f3f3f3!important;
padding-top:96px!important;
padding-bottom:110px!important;
}
body.rjl-page-payment-information .payment-methods-section{
background:#fff!important;
padding-top:72px!important;
padding-bottom:96px!important;
}
body.rjl-page-payment-information .payment-methods-section .founder-compact,
body.rjl-page-payment-information .payment-info-hero .founder-compact{
width:min(calc(100% - 64px),1140px)!important;
max-width:1140px!important;
}
body.rjl-page-payment-information .payment-method{
border-bottom:0!important;
padding-bottom:0!important;
margin-bottom:76px!important;
}
/* Nav: prevent incorrect Products active on About pages, regardless of stale WP current classes. */
body.rjl-section-about .main-nav > .menu > li.rjl-nav-products > a,
body.rjl-page-about-us .main-nav > .menu > li.rjl-nav-products > a,
body.rjl-page-about-founder .main-nav > .menu > li.rjl-nav-products > a,
body.rjl-page-payment-information .main-nav > .menu > li.rjl-nav-products > a{
color:#111827!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
body.rjl-section-about .main-nav > .menu > li.rjl-nav-about > a,
body.rjl-page-about-us .main-nav > .menu > li.rjl-nav-about > a,
body.rjl-page-about-founder .main-nav > .menu > li.rjl-nav-about > a,
body.rjl-page-payment-information .main-nav > .menu > li.rjl-nav-about > a{
color:#ff8a21!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
body.rjl-section-about .main-nav > .menu > li.rjl-nav-products.current-menu-item > a,
body.rjl-section-about .main-nav > .menu > li.rjl-nav-products.current-menu-ancestor > a{
color:#111827!important;
}
@media (max-width:900px){
body.rjl-page-about-us .about-us-hero .about-intro-grid,
body.rjl-page-about-founder .founder-intro{
grid-template-columns:1fr!important;
max-width:100%!important;
}
body.rjl-page-about-us .about-video-card img,
body.rjl-page-about-founder .founder-intro > img{
width:100%!important;
max-width:100%!important;
}
}
/* ===== v43 About dropdown pages rebuilt from screenshots ===== */
.about-v43{
background:#f3f3f3!important;
color:#16243c!important;
}
.about-v43 .button{
background:#ff8a21!important;
border-color:#ff8a21!important;
color:#fff!important;
border-radius:999px!important;
min-height:34px!important;
padding:8px 20px!important;
font-size:13px!important;
font-weight:600!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
line-height:1!important;
text-decoration:none!important;
}
.v43-about-container{
width:min(calc(100% - 64px),1140px)!important;
max-width:1140px!important;
margin:0 auto!important;
}
.v43-doc-container{
width:min(calc(100% - 64px),1140px)!important;
max-width:1140px!important;
margin:0 auto!important;
}
/* Payment */
.v43-payment-hero{
background:#f3f3f3!important;
padding:96px 0 112px!important;
text-align:center!important;
}
.v43-payment-hero h1{
font-size:26px!important;
line-height:1.3!important;
font-weight:500!important;
color:#111!important;
margin:0 0 36px!important;
}
.v43-payment-hero h1::after{
content:""!important;
display:block!important;
width:136px!important;
height:2px!important;
background:#f3a14b!important;
margin:16px auto 0!important;
}
.v43-payment-hero p{
font-size:16px!important;
line-height:1.8!important;
color:#344056!important;
text-align:left!important;
margin:0 auto!important;
}
.v43-payment-hero span,
.v43-payment-body span{
color:#ff8a21!important;
}
.v43-payment-body{
background:#fff!important;
padding:70px 0 96px!important;
}
.v43-payment-body article{
margin:0 0 76px!important;
}
.v43-payment-body article:last-child{
margin-bottom:0!important;
}
.v43-payment-body h2{
font-size:22px!important;
line-height:1.35!important;
font-weight:600!important;
color:#111!important;
margin:0 0 22px!important;
}
.v43-payment-body p{
font-size:16px!important;
line-height:1.82!important;
color:#344056!important;
margin:0 0 18px!important;
}
.v43-payment-lines{
margin-top:42px!important;
}
/* Founder */
.v43-founder-main{
background:#f3f3f3!important;
padding:58px 0 88px!important;
}
.v43-founder-intro{
display:grid!important;
grid-template-columns:minmax(0,1fr) 280px!important;
gap:68px!important;
align-items:start!important;
margin-bottom:38px!important;
}
.v43-founder-copy h1{
font-size:26px!important;
line-height:1.3!important;
font-weight:500!important;
color:#111!important;
margin:0 0 34px!important;
}
.v43-founder-copy h1::after{
content:""!important;
display:block!important;
width:136px!important;
height:2px!important;
background:#f3a14b!important;
margin:16px 0 0!important;
}
.v43-founder-copy p{
font-size:16px!important;
line-height:1.82!important;
color:#344056!important;
margin:0 0 22px!important;
}
.v43-founder-person{
width:280px!important;
max-width:280px!important;
height:auto!important;
object-fit:contain!important;
margin-top:180px!important;
}
.v43-playlists{
background:#e9e9e9!important;
padding:60px 78px 66px!important;
text-align:center!important;
margin:26px auto 72px!important;
}
.v43-playlists h2,
.v43-founder-blogs h2{
font-size:20px!important;
line-height:1.4!important;
font-weight:500!important;
color:#ff8a21!important;
margin:0 0 20px!important;
}
.v43-playlists > p{
font-size:15px!important;
line-height:1.8!important;
color:#344056!important;
max-width:720px!important;
margin:0 auto 46px!important;
}
.v43-playlist-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:80px!important;
}
.v43-playlist-grid article{
background:transparent!important;
box-shadow:none!important;
border:0!important;
padding:0!important;
}
.v43-playlist-grid img{
width:100%!important;
height:auto!important;
aspect-ratio:338 / 181!important;
object-fit:cover!important;
display:block!important;
margin:0 0 18px!important;
}
.v43-playlist-grid h3{
font-size:15px!important;
line-height:1.5!important;
font-weight:600!important;
color:#ff8a21!important;
margin:0 0 12px!important;
}
.v43-playlist-grid p{
font-size:13px!important;
line-height:1.7!important;
color:#344056!important;
margin:0 auto 18px!important;
max-width:330px!important;
}
.v43-founder-blogs{
text-align:center!important;
}
.v43-founder-blog-grid{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:24px!important;
margin:0 0 24px!important;
text-align:left!important;
}
.v43-founder-blog-grid a{
display:block!important;
color:#111!important;
text-decoration:none!important;
}
.v43-founder-blog-grid img{
width:100%!important;
height:auto!important;
aspect-ratio:154 / 97!important;
object-fit:cover!important;
display:block!important;
margin:0 0 12px!important;
}
.v43-founder-blog-grid strong{
font-size:13px!important;
line-height:1.45!important;
font-weight:500!important;
color:#111!important;
display:block!important;
}
/* About Us */
.v43-about-hero{
background:#fff!important;
padding:58px 0 68px!important;
}
.v43-about-hero h1{
font-size:26px!important;
line-height:1.3!important;
font-weight:500!important;
color:#111!important;
text-align:center!important;
margin:0 0 42px!important;
}
.v43-about-intro{
display:grid!important;
grid-template-columns:minmax(0,1fr) 420px!important;
gap:56px!important;
align-items:start!important;
}
.v43-about-intro p{
font-size:15px!important;
line-height:1.85!important;
color:#344056!important;
margin:0 0 22px!important;
}
.v43-about-intro img{
width:420px!important;
max-width:100%!important;
height:auto!important;
display:block!important;
border-radius:4px!important;
}
.v43-brochure{
background:#e9e9e9!important;
padding:34px 0!important;
}
.v43-brochure-row{
display:grid!important;
grid-template-columns:74px minmax(0,1fr)!important;
gap:34px!important;
align-items:center!important;
max-width:520px!important;
}
.v43-brochure-row img{
width:74px!important;
height:auto!important;
display:block!important;
}
.v43-brochure-row h2{
font-size:17px!important;
line-height:1.4!important;
font-weight:500!important;
margin:0 0 10px!important;
color:#111!important;
}
.v43-brochure-row p{
font-size:14px!important;
line-height:1.7!important;
color:#344056!important;
margin:0 0 12px!important;
}
.v43-unique{
background:#fff!important;
padding:70px 0 74px!important;
}
.v43-unique-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
border:0!important;
}
.v43-unique-grid article,
.v43-unique-title{
min-height:174px!important;
padding:22px 26px!important;
border-right:1px solid #d9d9d9!important;
border-bottom:1px solid #d9d9d9!important;
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
}
.v43-unique-grid > *:nth-child(3n){
border-right:0!important;
}
.v43-unique-grid > *:nth-last-child(-n+3){
border-bottom:0!important;
}
.v43-unique-grid h3{
font-size:15px!important;
line-height:1.45!important;
font-weight:500!important;
color:#ff8a21!important;
margin:0 0 10px!important;
}
.v43-unique-grid p{
font-size:13px!important;
line-height:1.7!important;
color:#344056!important;
margin:0!important;
}
.v43-unique-title{
text-align:center!important;
align-items:center!important;
}
.v43-unique-title h2{
font-size:28px!important;
line-height:1.25!important;
font-weight:500!important;
color:#ff8a21!important;
margin:0!important;
}
.v43-unique-title h2::after{
content:""!important;
display:block!important;
width:110px!important;
height:2px!important;
background:#f3a14b!important;
margin:16px auto 0!important;
}
.v43-social{
background:#f3f3f3!important;
text-align:center!important;
padding:64px 0 58px!important;
}
.v43-social h2{
font-size:22px!important;
line-height:1.4!important;
font-weight:500!important;
color:#ff8a21!important;
margin:0 0 14px!important;
}
.v43-social p{
font-size:13px!important;
line-height:1.8!important;
color:#344056!important;
margin:0 auto 20px!important;
}
.v43-social h3{
font-size:34px!important;
line-height:1.25!important;
font-weight:600!important;
color:#ff8a21!important;
margin:0 0 28px!important;
}
.v43-social-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:18px 34px!important;
max-width:720px!important;
margin:0 auto!important;
}
.v43-social-grid a{
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:10px!important;
color:#ff8a21!important;
font-size:14px!important;
font-weight:500!important;
text-decoration:none!important;
}
.v43-social-grid span{
width:34px!important;
height:34px!important;
border-radius:50%!important;
background:#f6a23d!important;
color:#fff!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
font-size:16px!important;
font-weight:700!important;
}
.v43-stories{
background:linear-gradient(165deg,#fff6ec 0%,#fff2df 45%,#fee8cf 100%)!important;
padding:26px 0 68px!important;
}
.v43-stories h2{
font-size:22px!important;
line-height:1.4!important;
font-weight:500!important;
color:#ff8a21!important;
text-align:center!important;
margin:0 0 30px!important;
}
.v43-stories h2::after{
content:""!important;
display:block!important;
width:110px!important;
height:2px!important;
background:#f3a14b!important;
margin:14px auto 0!important;
}
.v43-story-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:18px!important;
}
.v43-story-grid article{
background:rgba(255,255,255,.92)!important;
border-radius:4px!important;
padding:16px 16px 14px!important;
min-height:138px!important;
box-shadow:none!important;
border:0!important;
}
.v43-story-grid p{
font-size:12px!important;
line-height:1.7!important;
color:#344056!important;
margin:0!important;
}
.v43-story-grid strong{
color:#ff8a21!important;
font-weight:600!important;
}
.v43-gallery-section{
background:#f3f3f3!important;
padding:72px 0 84px!important;
}
.v43-gallery-block{
margin:0 0 68px!important;
text-align:center!important;
}
.v43-gallery-block h2,
.v43-address h2{
font-size:18px!important;
line-height:1.4!important;
font-weight:500!important;
color:#111!important;
margin:0 0 26px!important;
position:relative!important;
text-align:center!important;
}
.v43-gallery-block h2::before,
.v43-gallery-block h2::after{
content:""!important;
position:absolute!important;
top:50%!important;
width:200px!important;
height:2px!important;
background:#f3a14b!important;
}
.v43-gallery-block h2::before{
left:calc(50% - 270px)!important;
}
.v43-gallery-block h2::after{
right:calc(50% - 270px)!important;
}
.v43-two-images{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:0!important;
max-width:520px!important;
margin:0 auto!important;
}
.v43-two-images img{
width:100%!important;
height:auto!important;
display:block!important;
object-fit:cover!important;
border-radius:0!important;
}
.v43-license-block figure{
margin:0!important;
}
.v43-license-block figcaption{
font-size:12px!important;
line-height:1.6!important;
color:#666!important;
margin-top:10px!important;
text-align:center!important;
}
.v43-address{
display:grid!important;
grid-template-columns:minmax(0,1fr) 320px!important;
gap:36px!important;
align-items:start!important;
max-width:1140px!important;
margin:0 auto!important;
}
.v43-address h2{
text-align:left!important;
}
.v43-address h2::after{
content:""!important;
position:absolute!important;
left:120px!important;
top:50%!important;
width:200px!important;
height:2px!important;
background:#f3a14b!important;
}
.v43-address p{
font-size:13px!important;
line-height:1.75!important;
color:#344056!important;
margin:0 0 14px!important;
}
.v43-address-line{
color:#ff8a21!important;
font-weight:600!important;
}
.v43-address img{
width:100%!important;
height:auto!important;
display:block!important;
}
.v43-blue-cta{
background:linear-gradient(180deg,#2040cf 0%,#1b2db6 100%)!important;
text-align:center!important;
padding:54px 0 58px!important;
}
.v43-blue-cta h2{
font-size:22px!important;
line-height:1.4!important;
font-weight:500!important;
color:#fff!important;
margin:0 0 18px!important;
}
.v43-blue-cta > div{
display:flex!important;
gap:14px!important;
justify-content:center!important;
}
.v43-blue-cta .button{
background:#1892ff!important;
border-color:#1892ff!important;
color:#fff!important;
}
.v43-blue-cta .button.outline{
background:transparent!important;
border-color:#fff!important;
color:#fff!important;
}
/* v43 nav active correction: About page cannot highlight Products */
body.rjl-section-about .main-nav > .menu > li.rjl-nav-products > a,
body.rjl-page-about-us .main-nav > .menu > li.rjl-nav-products > a,
body.rjl-page-about-founder .main-nav > .menu > li.rjl-nav-products > a,
body.rjl-page-payment-information .main-nav > .menu > li.rjl-nav-products > a{
color:#111827!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
body.rjl-section-about .main-nav > .menu > li.rjl-nav-about > a,
body.rjl-page-about-us .main-nav > .menu > li.rjl-nav-about > a,
body.rjl-page-about-founder .main-nav > .menu > li.rjl-nav-about > a,
body.rjl-page-payment-information .main-nav > .menu > li.rjl-nav-about > a{
color:#ff8a21!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
@media (max-width:900px){
.v43-about-container,
.v43-doc-container{
width:min(calc(100% - 36px),1140px)!important;
}
.v43-about-intro,
.v43-founder-intro,
.v43-playlist-grid,
.v43-founder-blog-grid,
.v43-unique-grid,
.v43-social-grid,
.v43-story-grid,
.v43-address,
.v43-brochure-row{
grid-template-columns:1fr!important;
}
.v43-founder-person{
margin:0 auto!important;
}
.v43-gallery-block h2::before,
.v43-gallery-block h2::after,
.v43-address h2::after{
display:none!important;
}
.v43-two-images{
max-width:100%!important;
}
.v43-playlists{
padding:40px 24px!important;
}
}
/* ===== v44 About width correction: 1140px container, no more 860px main layout ===== */
:root{
--rjl-about-max:1140px;
}
/* Main rule: About dropdown pages must use the same 1140px global container. */
.about-v43 .v43-about-container,
.about-v43 .v43-doc-container,
body.rjl-page-about-us .v43-about-container,
body.rjl-page-about-founder .v43-about-container,
body.rjl-page-payment-information .v43-doc-container{
width:min(calc(100% - 80px), var(--rjl-about-max))!important;
max-width:var(--rjl-about-max)!important;
margin-left:auto!important;
margin-right:auto!important;
}
/* Payment page: outer container is 1140, readable text column stays target-like inside it. */
body.rjl-page-payment-information .v43-payment-hero .v43-doc-container,
body.rjl-page-payment-information .v43-payment-body .v43-doc-container{
max-width:1140px!important;
}
body.rjl-page-payment-information .v43-payment-hero h1,
body.rjl-page-payment-information .v43-payment-hero p,
body.rjl-page-payment-information .v43-payment-body article{
width:1140px!important;
max-width:100%!important;
margin-left:auto!important;
margin-right:auto!important;
}
body.rjl-page-payment-information .v43-payment-hero p{
text-align:left!important;
}
body.rjl-page-payment-information .v43-payment-body article{
margin-bottom:76px!important;
}
/* About Us: 1140 layout, screenshot-like center scale. */
body.rjl-page-about-us .v43-about-hero{
padding:58px 0 68px!important;
}
body.rjl-page-about-us .v43-about-hero h1{
font-size:30px!important;
margin-bottom:48px!important;
}
body.rjl-page-about-us .v43-about-intro{
display:grid!important;
grid-template-columns:500px 520px!important;
gap:80px!important;
align-items:start!important;
width:1100px!important;
max-width:100%!important;
margin:0 auto!important;
}
body.rjl-page-about-us .v43-about-intro p{
font-size:16px!important;
line-height:1.82!important;
}
body.rjl-page-about-us .v43-about-intro img{
width:520px!important;
max-width:100%!important;
height:auto!important;
}
body.rjl-page-about-us .v43-brochure-row{
width:620px!important;
max-width:100%!important;
grid-template-columns:90px minmax(0,1fr)!important;
gap:36px!important;
}
body.rjl-page-about-us .v43-brochure-row img{
width:90px!important;
}
body.rjl-page-about-us .v43-unique-grid,
body.rjl-page-about-us .v43-story-grid{
width:1140px!important;
max-width:100%!important;
margin-left:auto!important;
margin-right:auto!important;
}
body.rjl-page-about-us .v43-social-grid{
width:1140px!important;
max-width:100%!important;
}
body.rjl-page-about-us .v43-two-images{
width:640px!important;
max-width:100%!important;
}
body.rjl-page-about-us .v43-address{
width:1140px!important;
max-width:100%!important;
}
/* Founder: 1140 page width with target-like inner text/image balance. */
body.rjl-page-about-founder .v43-founder-intro{
display:grid!important;
grid-template-columns:minmax(0,720px) 300px!important;
gap:90px!important;
width:1110px!important;
max-width:100%!important;
margin-left:auto!important;
margin-right:auto!important;
}
body.rjl-page-about-founder .v43-founder-person{
width:300px!important;
max-width:300px!important;
margin-top:180px!important;
}
body.rjl-page-about-founder .v43-playlists{
width:1140px!important;
max-width:100%!important;
margin-left:auto!important;
margin-right:auto!important;
padding:60px 78px 66px!important;
}
body.rjl-page-about-founder .v43-playlist-grid{
grid-template-columns:repeat(2, minmax(0, 1fr))!important;
gap:90px!important;
}
body.rjl-page-about-founder .v43-founder-blogs{
width:1140px!important;
max-width:100%!important;
margin-left:auto!important;
margin-right:auto!important;
}
body.rjl-page-about-founder .v43-founder-blog-grid{
grid-template-columns:repeat(4, minmax(0, 1fr))!important;
gap:28px!important;
}
/* Hard override older 860px rules that were appended in v43. */
.v43-about-container[style],
.v43-doc-container[style]{
max-width:var(--rjl-about-max)!important;
}
/* Nav active guard remains: About page cannot highlight Products. */
body.rjl-section-about .main-nav > .menu > li.rjl-nav-products > a,
body.rjl-page-about-us .main-nav > .menu > li.rjl-nav-products > a,
body.rjl-page-about-founder .main-nav > .menu > li.rjl-nav-products > a,
body.rjl-page-payment-information .main-nav > .menu > li.rjl-nav-products > a{
color:#111827!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
body.rjl-section-about .main-nav > .menu > li.rjl-nav-about > a,
body.rjl-page-about-us .main-nav > .menu > li.rjl-nav-about > a,
body.rjl-page-about-founder .main-nav > .menu > li.rjl-nav-about > a,
body.rjl-page-payment-information .main-nav > .menu > li.rjl-nav-about > a{
color:#ff8a21!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
@media (max-width:1190px){
body.rjl-page-about-us .v43-about-intro,
body.rjl-page-about-founder .v43-founder-intro{
width:100%!important;
grid-template-columns:1fr 1fr!important;
gap:48px!important;
}
body.rjl-page-about-us .v43-about-intro img{
width:100%!important;
}
}
@media (max-width:900px){
.about-v43 .v43-about-container,
.about-v43 .v43-doc-container,
body.rjl-page-about-us .v43-about-container,
body.rjl-page-about-founder .v43-about-container,
body.rjl-page-payment-information .v43-doc-container{
width:min(calc(100% - 36px), var(--rjl-about-max))!important;
}
body.rjl-page-about-us .v43-about-intro,
body.rjl-page-about-founder .v43-founder-intro,
body.rjl-page-about-founder .v43-playlist-grid,
body.rjl-page-about-founder .v43-founder-blog-grid,
body.rjl-page-about-us .v43-unique-grid,
body.rjl-page-about-us .v43-story-grid,
body.rjl-page-about-us .v43-social-grid,
body.rjl-page-about-us .v43-address{
grid-template-columns:1fr!important;
}
body.rjl-page-about-founder .v43-founder-person{
width:100%!important;
max-width:300px!important;
margin:0 auto!important;
}
}
/* ===== v45 global 1140 + typography governance =====
User rule: main content containers are 1140px. No page-specific 860/980 main layout.
Breakpoints such as @media (max-width:900px) are responsive triggers, not content width.
*/
:root{
--rjl-max:1140px!important;
--rjl-wide:1140px!important;
--rjl-content:1140px!important;
--rjl-narrow:1140px!important;
--rjl-about-max:1140px!important;
--rjl-font-body:14px;
--rjl-font-copy:14px;
--rjl-font-small:13px;
--rjl-font-h1:30px;
--rjl-font-h2:24px;
--rjl-font-h3:16px;
--rjl-line-copy:1.75;
}
/* Global container standard: same width across pages. */
.container,
.rjl-container,
.about-compact,
.founder-compact,
.resources-wrap,
.tutorial-wrap,
.sourcing-guide-wrap,
.blog-compact,
.blog-layout,
.about-v43 .v43-about-container,
.about-v43 .v43-doc-container,
.v43-about-container,
.v43-doc-container,
.product-category-v36 .rjl-container,
.solution-v33 .rjl-container,
.service-v32 .rjl-container,
.service-plan-v32-row,
.service-steps-grid-v32,
.service-narrow-v32,
.solution-narrow-v33,
.contact-v26 .contact-compact,
.contact-v26 .contact-narrow{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
}
/* About pages: remove all remaining 860/980/760 layout widths. */
body.rjl-page-about-us .v43-about-intro,
body.rjl-page-about-us .v43-unique-grid,
body.rjl-page-about-us .v43-story-grid,
body.rjl-page-about-us .v43-social-grid,
body.rjl-page-about-us .v43-two-images,
body.rjl-page-about-us .v43-address,
body.rjl-page-about-us .v43-brochure-row,
body.rjl-page-about-founder .v43-founder-intro,
body.rjl-page-about-founder .v43-playlists,
body.rjl-page-about-founder .v43-founder-blogs,
body.rjl-page-payment-information .v43-payment-hero h1,
body.rjl-page-payment-information .v43-payment-hero p,
body.rjl-page-payment-information .v43-payment-body article{
width:min(100%,1140px)!important;
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
}
/* About Us target proportions inside 1140. */
body.rjl-page-about-us .v43-about-intro{
display:grid!important;
grid-template-columns:500px 520px!important;
gap:80px!important;
align-items:start!important;
}
body.rjl-page-about-us .v43-about-intro img{
width:520px!important;
max-width:100%!important;
height:auto!important;
}
body.rjl-page-about-us .v43-brochure-row{
grid-template-columns:90px minmax(0,1fr)!important;
width:620px!important;
max-width:1140px!important;
}
body.rjl-page-about-us .v43-two-images{
width:640px!important;
max-width:1140px!important;
}
body.rjl-page-about-us .v43-address{
width:1140px!important;
max-width:1140px!important;
}
/* Founder target proportions inside 1140. */
body.rjl-page-about-founder .v43-founder-intro{
display:grid!important;
grid-template-columns:minmax(0,720px) 300px!important;
gap:90px!important;
}
body.rjl-page-about-founder .v43-playlists,
body.rjl-page-about-founder .v43-founder-blogs{
width:min(100%,1140px)!important;
max-width:1140px!important;
}
body.rjl-page-about-founder .v43-founder-person{
width:300px!important;
max-width:300px!important;
}
/* Payment: also use 1140; no hidden 860 reading column. */
body.rjl-page-payment-information .v43-payment-hero h1,
body.rjl-page-payment-information .v43-payment-hero p,
body.rjl-page-payment-information .v43-payment-body article{
width:min(100%,1140px)!important;
max-width:1140px!important;
}
/* Typography governance: no random oversized internal-page text. */
body{
font-size:var(--rjl-font-body)!important;
line-height:var(--rjl-line-copy)!important;
}
main p,
main li,
main td,
main input,
main textarea,
main select{
font-size:var(--rjl-font-copy)!important;
line-height:var(--rjl-line-copy)!important;
}
main small,
main figcaption{
font-size:var(--rjl-font-small)!important;
}
body:not(.home) main h1{
font-size:var(--rjl-font-h1)!important;
line-height:1.3!important;
font-weight:500!important;
}
body:not(.home) main h2{
font-size:var(--rjl-font-h2)!important;
line-height:1.35!important;
font-weight:500!important;
}
body:not(.home) main h3{
font-size:var(--rjl-font-h3)!important;
line-height:1.45!important;
font-weight:500!important;
}
/* Preserve major hero/product headings where target page intentionally uses bigger headings. */
body.home main h1,
body.rjl-page-products .products-section-title h2,
body.rjl-page-products .products-alibaba-section h2,
body.rjl-page-products .products-report-grid h2,
body.rjl-page-sourcing-purchasing .service-plan-copy h2{
font-size:revert!important;
}
/* Nav active: About pages cannot highlight Products. */
body.rjl-section-about .main-nav > .menu > li.rjl-nav-products > a,
body.rjl-page-about-us .main-nav > .menu > li.rjl-nav-products > a,
body.rjl-page-about-founder .main-nav > .menu > li.rjl-nav-products > a,
body.rjl-page-payment-information .main-nav > .menu > li.rjl-nav-products > a{
color:#111827!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
body.rjl-section-about .main-nav > .menu > li.rjl-nav-about > a,
body.rjl-page-about-us .main-nav > .menu > li.rjl-nav-about > a,
body.rjl-page-about-founder .main-nav > .menu > li.rjl-nav-about > a,
body.rjl-page-payment-information .main-nav > .menu > li.rjl-nav-about > a{
color:#ff8a21!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
@media (max-width:1190px){
body.rjl-page-about-us .v43-about-intro,
body.rjl-page-about-founder .v43-founder-intro{
grid-template-columns:1fr 1fr!important;
gap:48px!important;
}
}
@media (max-width:900px){
.container,
.rjl-container,
.about-compact,
.founder-compact,
.resources-wrap,
.tutorial-wrap,
.sourcing-guide-wrap,
.blog-compact,
.blog-layout,
.about-v43 .v43-about-container,
.about-v43 .v43-doc-container,
.v43-about-container,
.v43-doc-container{
width:min(calc(100% - 36px),1140px)!important;
}
body.rjl-page-about-us .v43-about-intro,
body.rjl-page-about-founder .v43-founder-intro,
body.rjl-page-about-founder .v43-playlist-grid,
body.rjl-page-about-founder .v43-founder-blog-grid,
body.rjl-page-about-us .v43-unique-grid,
body.rjl-page-about-us .v43-story-grid,
body.rjl-page-about-us .v43-social-grid,
body.rjl-page-about-us .v43-address{
grid-template-columns:1fr!important;
}
}
/* ===== v45 final proportion restatement after global width cleanup ===== */
body.rjl-page-about-us .v43-about-intro{
width:min(100%,1140px)!important;
max-width:1140px!important;
grid-template-columns:500px 520px!important;
}
body.rjl-page-about-us .v43-about-intro img{
width:520px!important;
max-width:100%!important;
}
body.rjl-page-about-us .v43-brochure-row,
body.rjl-page-about-us .v43-unique-grid,
body.rjl-page-about-us .v43-story-grid,
body.rjl-page-about-us .v43-social-grid,
body.rjl-page-about-us .v43-two-images,
body.rjl-page-about-us .v43-address,
body.rjl-page-about-founder .v43-playlists,
body.rjl-page-about-founder .v43-founder-blogs,
body.rjl-page-payment-information .v43-payment-hero h1,
body.rjl-page-payment-information .v43-payment-hero p,
body.rjl-page-payment-information .v43-payment-body article{
width:min(100%,1140px)!important;
max-width:1140px!important;
}
body.rjl-page-about-founder .v43-founder-intro{
width:min(100%,1140px)!important;
max-width:1140px!important;
grid-template-columns:minmax(0,720px) 300px!important;
}
/* ===== v46 target-site font + 1140 layout correction =====
Project rule from user:
- Main containers use 1140px.
- Do not reintroduce 860/980 as main content layout widths.
- Body/content font should match target-style 16px rhythm, not 14px.
*/
/* Reset v45's too-small global font scale. */
:root{
--rjl-max:1140px!important;
--rjl-wide:1140px!important;
--rjl-content:1140px!important;
--rjl-narrow:1140px!important;
--rjl-about-max:1140px!important;
--rjl-font-body:16px!important;
--rjl-font-copy:16px!important;
--rjl-font-small:13px!important;
--rjl-font-h1:28px!important;
--rjl-font-h2:22px!important;
--rjl-font-h3:16px!important;
--rjl-line-copy:1.76!important;
}
body{
font-size:16px!important;
line-height:1.76!important;
}
main p,
main li,
main td,
main input,
main textarea,
main select{
font-size:16px!important;
line-height:1.76!important;
}
main small,
main figcaption{
font-size:13px!important;
line-height:1.55!important;
}
/* Do not globally shrink all inner-page headings to 14/16 rhythm. */
body:not(.home) main h1{
font-size:28px!important;
line-height:1.3!important;
font-weight:500!important;
}
body:not(.home) main h2{
font-size:22px!important;
line-height:1.35!important;
font-weight:500!important;
}
body:not(.home) main h3{
font-size:16px!important;
line-height:1.45!important;
font-weight:600!important;
}
/* Hard global main-container standard. */
.container,
.rjl-container,
.about-compact,
.founder-compact,
.resources-wrap,
.tutorial-wrap,
.sourcing-guide-wrap,
.blog-compact,
.blog-layout,
.about-v43 .v43-about-container,
.about-v43 .v43-doc-container,
.v43-about-container,
.v43-doc-container,
.product-category-v36 .rjl-container,
.solution-v33 .rjl-container,
.service-v32 .rjl-container,
.service-plan-v32-row,
.service-steps-grid-v32,
.service-narrow-v32,
.solution-narrow-v33,
.contact-v26 .contact-compact,
.contact-v26 .contact-narrow{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
}
/* About dropdown pages: every primary section uses 1140, not 860/980. */
.about-v43 .v43-about-container,
.about-v43 .v43-doc-container,
body.rjl-page-about-us .v43-about-container,
body.rjl-page-about-founder .v43-about-container,
body.rjl-page-payment-information .v43-doc-container,
body.rjl-page-about-us .v43-about-intro,
body.rjl-page-about-us .v43-unique-grid,
body.rjl-page-about-us .v43-story-grid,
body.rjl-page-about-us .v43-social-grid,
body.rjl-page-about-us .v43-two-images,
body.rjl-page-about-us .v43-address,
body.rjl-page-about-us .v43-brochure-row,
body.rjl-page-about-founder .v43-founder-intro,
body.rjl-page-about-founder .v43-playlists,
body.rjl-page-about-founder .v43-founder-blogs,
body.rjl-page-payment-information .v43-payment-hero h1,
body.rjl-page-payment-information .v43-payment-hero p,
body.rjl-page-payment-information .v43-payment-body article{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
}
/* About Us: target-like two-column scale inside 1140. */
body.rjl-page-about-us .v43-about-hero{
padding:62px 0 72px!important;
}
body.rjl-page-about-us .v43-about-hero h1{
font-size:28px!important;
line-height:1.3!important;
font-weight:500!important;
margin:0 0 48px!important;
}
body.rjl-page-about-us .v43-about-intro{
display:grid!important;
grid-template-columns:minmax(0,520px) minmax(0,520px)!important;
gap:100px!important;
align-items:start!important;
}
body.rjl-page-about-us .v43-about-intro p{
font-size:16px!important;
line-height:1.82!important;
color:#344056!important;
margin:0 0 22px!important;
}
body.rjl-page-about-us .v43-about-intro img{
width:520px!important;
max-width:100%!important;
height:auto!important;
}
body.rjl-page-about-us .v43-brochure-row{
grid-template-columns:90px minmax(0,1fr)!important;
gap:36px!important;
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
}
body.rjl-page-about-us .v43-brochure-row h2{
font-size:20px!important;
}
body.rjl-page-about-us .v43-brochure-row p{
font-size:16px!important;
line-height:1.72!important;
}
body.rjl-page-about-us .v43-unique-grid{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
body.rjl-page-about-us .v43-unique-title h2{
font-size:28px!important;
line-height:1.25!important;
}
body.rjl-page-about-us .v43-unique-grid h3{
font-size:16px!important;
}
body.rjl-page-about-us .v43-unique-grid p,
body.rjl-page-about-us .v43-story-grid p{
font-size:16px!important;
line-height:1.72!important;
}
body.rjl-page-about-us .v43-story-grid{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
body.rjl-page-about-us .v43-story-grid article{
min-height:188px!important;
padding:24px!important;
}
body.rjl-page-about-us .v43-two-images{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:0!important;
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
}
body.rjl-page-about-us .v43-two-images img{
width:100%!important;
height:auto!important;
object-fit:cover!important;
}
body.rjl-page-about-us .v43-address{
grid-template-columns:minmax(0,1fr) 420px!important;
gap:56px!important;
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
}
body.rjl-page-about-us .v43-address p{
font-size:16px!important;
line-height:1.76!important;
}
body.rjl-page-about-us .v43-address img{
width:420px!important;
max-width:100%!important;
height:auto!important;
}
/* Founder: full 1140, target-like text size. */
body.rjl-page-about-founder .v43-founder-intro{
display:grid!important;
grid-template-columns:minmax(0,740px) 300px!important;
gap:100px!important;
}
body.rjl-page-about-founder .v43-founder-copy h1{
font-size:28px!important;
line-height:1.3!important;
}
body.rjl-page-about-founder .v43-founder-copy p{
font-size:16px!important;
line-height:1.82!important;
color:#344056!important;
}
body.rjl-page-about-founder .v43-founder-person{
width:300px!important;
max-width:300px!important;
}
body.rjl-page-about-founder .v43-playlists,
body.rjl-page-about-founder .v43-founder-blogs{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
}
body.rjl-page-about-founder .v43-playlist-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:90px!important;
}
body.rjl-page-about-founder .v43-playlist-grid h3{
font-size:16px!important;
}
body.rjl-page-about-founder .v43-playlist-grid p{
font-size:16px!important;
line-height:1.72!important;
max-width:100%!important;
}
body.rjl-page-about-founder .v43-founder-blog-grid{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:28px!important;
}
body.rjl-page-about-founder .v43-founder-blog-grid strong{
font-size:15px!important;
line-height:1.45!important;
}
/* Payment: no 860 reading column. Use 1140 for both outer and article text. */
body.rjl-page-payment-information .v43-payment-hero h1,
body.rjl-page-payment-information .v43-payment-hero p,
body.rjl-page-payment-information .v43-payment-body article{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
}
body.rjl-page-payment-information .v43-payment-hero h1{
font-size:28px!important;
line-height:1.3!important;
}
body.rjl-page-payment-information .v43-payment-hero p,
body.rjl-page-payment-information .v43-payment-body p{
font-size:16px!important;
line-height:1.82!important;
}
body.rjl-page-payment-information .v43-payment-body h2{
font-size:22px!important;
line-height:1.35!important;
}
/* Keep big-title pages from being flattened by general font governance. */
body.rjl-page-products .products-section-title h2,
body.rjl-page-products .products-alibaba-section h2,
body.rjl-page-products .products-report-grid h2{
font-size:34px!important;
}
body.rjl-page-sourcing-purchasing .service-plan-copy h2{
font-size:27px!important;
}
/* Nav active guard. */
body.rjl-section-about .main-nav > .menu > li.rjl-nav-products > a,
body.rjl-page-about-us .main-nav > .menu > li.rjl-nav-products > a,
body.rjl-page-about-founder .main-nav > .menu > li.rjl-nav-products > a,
body.rjl-page-payment-information .main-nav > .menu > li.rjl-nav-products > a{
color:#111827!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
body.rjl-section-about .main-nav > .menu > li.rjl-nav-about > a,
body.rjl-page-about-us .main-nav > .menu > li.rjl-nav-about > a,
body.rjl-page-about-founder .main-nav > .menu > li.rjl-nav-about > a,
body.rjl-page-payment-information .main-nav > .menu > li.rjl-nav-about > a{
color:#ff8a21!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
@media (max-width:1190px){
body.rjl-page-about-us .v43-about-intro,
body.rjl-page-about-founder .v43-founder-intro{
grid-template-columns:1fr 1fr!important;
gap:48px!important;
}
}
@media (max-width:900px){
.container,
.rjl-container,
.about-compact,
.founder-compact,
.resources-wrap,
.tutorial-wrap,
.sourcing-guide-wrap,
.blog-compact,
.blog-layout,
.about-v43 .v43-about-container,
.about-v43 .v43-doc-container,
.v43-about-container,
.v43-doc-container,
body.rjl-page-about-us .v43-about-intro,
body.rjl-page-about-us .v43-unique-grid,
body.rjl-page-about-us .v43-story-grid,
body.rjl-page-about-us .v43-social-grid,
body.rjl-page-about-us .v43-two-images,
body.rjl-page-about-us .v43-address,
body.rjl-page-about-us .v43-brochure-row,
body.rjl-page-about-founder .v43-founder-intro,
body.rjl-page-about-founder .v43-playlists,
body.rjl-page-about-founder .v43-founder-blogs,
body.rjl-page-payment-information .v43-payment-hero h1,
body.rjl-page-payment-information .v43-payment-hero p,
body.rjl-page-payment-information .v43-payment-body article{
width:min(calc(100% - 36px),1140px)!important;
}
body.rjl-page-about-us .v43-about-intro,
body.rjl-page-about-founder .v43-founder-intro,
body.rjl-page-about-founder .v43-playlist-grid,
body.rjl-page-about-founder .v43-founder-blog-grid,
body.rjl-page-about-us .v43-unique-grid,
body.rjl-page-about-us .v43-story-grid,
body.rjl-page-about-us .v43-social-grid,
body.rjl-page-about-us .v43-address{
grid-template-columns:1fr!important;
}
body.rjl-page-about-us .v43-address img,
body.rjl-page-about-founder .v43-founder-person{
width:100%!important;
max-width:100%!important;
}
}
/* ===== v47 homepage typography standard:正文不小于16px =====
Source of truth: homepage body-copy rhythm. 14px is only allowed for metadata, labels, buttons, captions, nav, and small UI controls.
*/
:root{
--rjl-max:1140px!important;
--rjl-wide:1140px!important;
--rjl-content:1140px!important;
--rjl-narrow:1140px!important;
--rjl-about-max:1140px!important;
--rjl-body-size:16px!important;
--rjl-copy-size:16px!important;
--rjl-copy-line:1.76!important;
--rjl-small-ui-size:14px!important;
--rjl-caption-size:13px!important;
}
body{
font-size:16px!important;
line-height:1.76!important;
}
/* Global content copy: no more 14px正文. */
main p,
main li,
main td,
main th,
main blockquote,
main input,
main textarea,
main select,
.entry-content p,
.entry-content li,
.page-content p,
.page-content li,
.wp-block-paragraph,
.wp-block-list li{
font-size:16px!important;
line-height:1.76!important;
}
/* Page/module paragraph rules that previously had 13/14px. */
.audience-text p,
.section-title-center p,
.ebook-copy p,
.ebook-copy li,
.final-cta p,
.plan-copy p,
.benefit-grid p,
.photo-service-card li,
.packaging-grid div,
.packaging-grid p,
.warehouse-row p,
.affiliate-step-list p,
.payment-term-row p,
.payment-term-row li,
.guarantee-cards p,
.inspect-row p,
.fba-row p,
.fba-row li,
.port-row p,
.door-grid p,
.dev-step p,
.private-logo-grid p,
.packaging-row p,
.products-hero p,
.hero-centered p,
.resources-guide-card p,
.resource-subscribe-card p,
.resource-outline-card p,
.monthly-report-grid p,
.resource-topics-section > div > p,
.tutorial-agent-card p,
.about-v43 p,
.v43-payment-body p,
.v43-payment-hero p,
.v43-founder-copy p,
.v43-playlist-grid p,
.v43-story-grid p,
.v43-address p,
.solution-v33 p,
.service-v32 p,
.product-category-v36 p,
.single-resource-content p,
.single-resource-content li,
.sourcing-guide-section p,
.sourcing-guide-section li,
.payment-methods-section p,
.payment-methods-section li,
.resources-main p,
.tutorial-chapters p,
.tutorial-form-grid p{
font-size:16px!important;
line-height:1.76!important;
}
/* Card body and list text also use 16px. */
.solution-card-grid-v33 p,
.solution-bullet-list-v33 p,
.product-cat-support-grid-v36 p,
.product-cat-grid-v36 h3,
.rjl-post-card p,
.products-category-cell strong,
.products-solution-row p,
.products-alibaba-grid p,
.products-report-grid p,
.service-step-v32 p,
.service-faq-v32 p,
.who-card-v32 p,
.contact-v26 p{
font-size:16px!important;
line-height:1.72!important;
}
/* Allowed small text: metadata, captions, nav labels, buttons, helper labels. */
main small,
main figcaption,
.rjl-post-card small,
.single-meta,
.post-tags a,
.button,
.header-cta,
.main-nav a,
.site-footer a,
.footer-contact li,
.products-report-form input,
.products-report-form button,
.resource-topic-grid a,
.social-grid a,
.v43-founder-blog-grid strong,
.v43-social-grid a,
.v43-license-block figcaption{
font-size:14px!important;
line-height:1.45!important;
}
main figcaption,
.v43-license-block figcaption{
font-size:13px!important;
}
/* Headings use homepage/internal target rhythm, not shrunken body copy. */
body:not(.home) main h1{
font-size:28px!important;
line-height:1.3!important;
font-weight:500!important;
}
body:not(.home) main h2{
font-size:24px!important;
line-height:1.35!important;
font-weight:500!important;
}
body:not(.home) main h3{
font-size:18px!important;
line-height:1.42!important;
font-weight:600!important;
}
/* Preserve intentional large headings from target pages. */
body.home main h1,
.hero h1,
body.rjl-page-products .products-section-title h2,
body.rjl-page-products .products-alibaba-section h2,
body.rjl-page-products .products-report-grid h2,
body.rjl-page-sourcing-purchasing .service-plan-copy h2,
.v43-social h3{
font-size:revert!important;
}
/* 1140 container rule remains locked. */
.container,
.rjl-container,
.about-compact,
.founder-compact,
.resources-wrap,
.tutorial-wrap,
.sourcing-guide-wrap,
.blog-compact,
.blog-layout,
.about-v43 .v43-about-container,
.about-v43 .v43-doc-container,
.v43-about-container,
.v43-doc-container,
.product-category-v36 .rjl-container,
.solution-v33 .rjl-container,
.service-v32 .rjl-container,
.service-plan-v32-row,
.service-steps-grid-v32,
.service-narrow-v32,
.solution-narrow-v33,
.contact-v26 .contact-compact,
.contact-v26 .contact-narrow{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
}
/* About dropdown pages: all visible body copy 16px and main layout 1140px. */
body.rjl-page-about-us .v43-about-intro,
body.rjl-page-about-us .v43-unique-grid,
body.rjl-page-about-us .v43-story-grid,
body.rjl-page-about-us .v43-social-grid,
body.rjl-page-about-us .v43-two-images,
body.rjl-page-about-us .v43-address,
body.rjl-page-about-us .v43-brochure-row,
body.rjl-page-about-founder .v43-founder-intro,
body.rjl-page-about-founder .v43-playlists,
body.rjl-page-about-founder .v43-founder-blogs,
body.rjl-page-payment-information .v43-payment-hero h1,
body.rjl-page-payment-information .v43-payment-hero p,
body.rjl-page-payment-information .v43-payment-body article{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
}
body.rjl-page-about-us .v43-about-intro{
grid-template-columns:minmax(0,520px) minmax(0,520px)!important;
gap:100px!important;
}
body.rjl-page-about-founder .v43-founder-intro{
grid-template-columns:minmax(0,740px) 300px!important;
gap:100px!important;
}
/* About nav active guard. */
body.rjl-section-about .main-nav > .menu > li.rjl-nav-products > a,
body.rjl-page-about-us .main-nav > .menu > li.rjl-nav-products > a,
body.rjl-page-about-founder .main-nav > .menu > li.rjl-nav-products > a,
body.rjl-page-payment-information .main-nav > .menu > li.rjl-nav-products > a{
color:#111827!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
body.rjl-section-about .main-nav > .menu > li.rjl-nav-about > a,
body.rjl-page-about-us .main-nav > .menu > li.rjl-nav-about > a,
body.rjl-page-about-founder .main-nav > .menu > li.rjl-nav-about > a,
body.rjl-page-payment-information .main-nav > .menu > li.rjl-nav-about > a{
color:#ff8a21!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
@media (max-width:900px){
.container,
.rjl-container,
.about-compact,
.founder-compact,
.resources-wrap,
.tutorial-wrap,
.sourcing-guide-wrap,
.blog-compact,
.blog-layout,
.about-v43 .v43-about-container,
.about-v43 .v43-doc-container,
.v43-about-container,
.v43-doc-container,
body.rjl-page-about-us .v43-about-intro,
body.rjl-page-about-us .v43-unique-grid,
body.rjl-page-about-us .v43-story-grid,
body.rjl-page-about-us .v43-social-grid,
body.rjl-page-about-us .v43-two-images,
body.rjl-page-about-us .v43-address,
body.rjl-page-about-us .v43-brochure-row,
body.rjl-page-about-founder .v43-founder-intro,
body.rjl-page-about-founder .v43-playlists,
body.rjl-page-about-founder .v43-founder-blogs,
body.rjl-page-payment-information .v43-payment-hero h1,
body.rjl-page-payment-information .v43-payment-hero p,
body.rjl-page-payment-information .v43-payment-body article{
width:min(calc(100% - 36px),1140px)!important;
}
body.rjl-page-about-us .v43-about-intro,
body.rjl-page-about-founder .v43-founder-intro,
body.rjl-page-about-founder .v43-playlist-grid,
body.rjl-page-about-founder .v43-founder-blog-grid,
body.rjl-page-about-us .v43-unique-grid,
body.rjl-page-about-us .v43-story-grid,
body.rjl-page-about-us .v43-social-grid,
body.rjl-page-about-us .v43-address{
grid-template-columns:1fr!important;
}
}
/* ===== v48 target About Us + global 18px copy rule =====
User project rules:
1) Whole-site body copy is 18px.
2) Main content containers are 1140px.
3) About Us gallery images are separate images, not one combined image.
*/
:root{
--rjl-max:1140px!important;
--rjl-wide:1140px!important;
--rjl-content:1140px!important;
--rjl-narrow:1140px!important;
--rjl-about-max:1140px!important;
--rjl-body-size:18px!important;
--rjl-copy-size:18px!important;
--rjl-copy-line:1.72!important;
--rjl-ui-size:16px!important;
--rjl-small-size:14px!important;
--rjl-caption-size:13px!important;
}
html,
body{
font-size:18px!important;
line-height:1.72!important;
}
/* Whole-site copy floor:正文统一 18px. */
main,
main p,
main li,
main td,
main th,
main blockquote,
main input,
main textarea,
main select,
.entry-content p,
.entry-content li,
.page-content p,
.page-content li,
.wp-block-paragraph,
.wp-block-list li,
body main [class] p,
body main [class] li,
body main p[class],
body main li[class],
body main article p,
body main article li,
body main section p,
body main section li{
font-size:18px!important;
line-height:1.72!important;
}
/* Specific modules that previously had small正文 values. */
.audience-text p,
.section-title-center p,
.ebook-copy p,
.ebook-copy li,
.final-cta p,
.plan-copy p,
.benefit-grid p,
.photo-service-card li,
.packaging-grid div,
.packaging-grid p,
.warehouse-row p,
.affiliate-step-list p,
.payment-term-row p,
.payment-term-row li,
.guarantee-cards p,
.inspect-row p,
.fba-row p,
.fba-row li,
.port-row p,
.door-grid p,
.dev-step p,
.private-logo-grid p,
.packaging-row p,
.products-hero p,
.hero-centered p,
.resources-guide-card p,
.resource-subscribe-card p,
.resource-outline-card p,
.monthly-report-grid p,
.resource-topics-section > div > p,
.tutorial-agent-card p,
.about-v48 p,
.v48-payment-body p,
.v48-payment-hero p,
.v48-founder-main p,
.v48-playlists p,
.v48-story-grid p,
.v48-address p,
.solution-v33 p,
.service-v32 p,
.product-category-v36 p,
.single-resource-content p,
.single-resource-content li,
.sourcing-guide-section p,
.sourcing-guide-section li,
.payment-methods-section p,
.payment-methods-section li,
.resources-main p,
.tutorial-chapters p,
.tutorial-form-grid p,
.solution-card-grid-v33 p,
.solution-bullet-list-v33 p,
.product-cat-support-grid-v36 p,
.rjl-post-card p,
.products-solution-row p,
.products-alibaba-grid p,
.products-report-grid p,
.service-step-v32 p,
.service-faq-v32 p,
.who-card-v32 p,
.contact-v26 p{
font-size:18px!important;
line-height:1.72!important;
}
/* UI text can be smaller; body copy cannot. */
.main-nav a,
.header-cta,
.button,
button,
input[type="submit"],
.products-report-form input,
.products-report-form button,
.resource-topic-grid a,
.site-footer a,
.footer-contact li,
main small,
main figcaption,
.single-meta,
.post-tags a,
.rjl-post-card small{
font-size:14px!important;
line-height:1.45!important;
}
.main-nav > .menu > li > a{
font-size:16px!important;
}
.site-footer h2{
font-size:15px!important;
}
/* Headings use target-like scale. */
body:not(.home) main h1{
font-size:36px!important;
line-height:1.28!important;
font-weight:500!important;
}
body:not(.home) main h2{
font-size:30px!important;
line-height:1.32!important;
font-weight:500!important;
}
body:not(.home) main h3{
font-size:22px!important;
line-height:1.42!important;
font-weight:600!important;
}
/* Preserve intentionally large homepage/product headings. */
body.home main h1,
.hero h1,
body.rjl-page-products .products-section-title h2,
body.rjl-page-products .products-alibaba-section h2,
body.rjl-page-products .products-report-grid h2,
.v48-social h2,
.v48-social h3,
.v48-unique-title h2,
.v48-story-title h2{
font-size:revert!important;
}
/* 1140px global content rule. */
.container,
.rjl-container,
.v48-container,
.about-compact,
.founder-compact,
.resources-wrap,
.tutorial-wrap,
.sourcing-guide-wrap,
.blog-compact,
.blog-layout,
.product-category-v36 .rjl-container,
.solution-v33 .rjl-container,
.service-v32 .rjl-container,
.service-plan-v32-row,
.service-steps-grid-v32,
.service-narrow-v32,
.solution-narrow-v33,
.contact-v26 .contact-compact,
.contact-v26 .contact-narrow{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
}
/* ===== About Us target page ===== */
.about-v48{
background:#fff!important;
color:#16243c!important;
}
.v48-about-hero{
background:#fff!important;
padding:66px 0 78px!important;
}
.v48-about-hero h1{
font-size:36px!important;
line-height:1.28!important;
text-align:center!important;
font-weight:500!important;
color:#111!important;
margin:0!important;
}
.v48-title-line{
width:330px!important;
height:1px!important;
background:#e1e1e1!important;
margin:30px auto 78px!important;
}
.v48-about-intro{
display:grid!important;
grid-template-columns:540px 550px!important;
gap:50px!important;
align-items:start!important;
}
.v48-about-intro p{
font-size:18px!important;
line-height:1.72!important;
color:#172642!important;
margin:0 0 32px!important;
}
.v48-about-intro img{
width:550px!important;
max-width:100%!important;
height:auto!important;
display:block!important;
border-radius:12px!important;
}
.v48-brochure{
background:#f1f1f1!important;
padding:36px 0!important;
}
.v48-brochure-row{
display:grid!important;
grid-template-columns:150px 660px!important;
gap:44px!important;
align-items:center!important;
justify-content:center!important;
}
.v48-brochure-row > img{
width:132px!important;
height:auto!important;
display:block!important;
}
.v48-brochure-row h2{
font-size:28px!important;
line-height:1.32!important;
color:#20202a!important;
margin:0 0 12px!important;
font-weight:500!important;
}
.v48-brochure-row p{
font-size:18px!important;
line-height:1.65!important;
color:#172642!important;
margin:0 0 20px!important;
}
.v48-brochure .button,
.v48-blue-cta .button,
.v48-playlists .button,
.v48-founder-blogs .button{
background:#ff8a21!important;
border-color:#ff8a21!important;
color:#fff!important;
border-radius:999px!important;
padding:9px 22px!important;
font-size:15px!important;
font-weight:600!important;
text-decoration:none!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-height:38px!important;
}
.v48-unique{
background:#fff!important;
padding:96px 0 88px!important;
}
.v48-unique-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
width:100%!important;
max-width:1140px!important;
}
.v48-unique-grid article,
.v48-unique-title{
min-height:310px!important;
padding:28px 34px!important;
border-right:1px solid #d9d9d9!important;
border-bottom:1px solid #d9d9d9!important;
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
}
.v48-unique-grid > *:nth-child(3n){
border-right:0!important;
}
.v48-unique-grid > *:nth-last-child(-n+3){
border-bottom:0!important;
}
.v48-unique-grid h3{
font-size:22px!important;
line-height:1.35!important;
color:#ff8a21!important;
margin:0 0 24px!important;
font-weight:500!important;
}
.v48-unique-grid p{
font-size:18px!important;
line-height:1.72!important;
color:#172642!important;
margin:0!important;
}
.v48-unique-title{
align-items:center!important;
text-align:center!important;
}
.v48-unique-title h2{
font-size:42px!important;
line-height:1.22!important;
color:#ff8a21!important;
font-weight:600!important;
margin:0!important;
}
.v48-unique-title h2::after{
content:""!important;
display:block!important;
width:190px!important;
height:2px!important;
background:#ff8a21!important;
margin:28px auto 0!important;
}
.v48-social{
background:#fff!important;
text-align:center!important;
padding:70px 0 86px!important;
}
.v48-social h2{
font-size:42px!important;
line-height:1.24!important;
color:#ff8a21!important;
font-weight:600!important;
margin:0 0 28px!important;
}
.v48-social > .v48-container > p{
font-size:18px!important;
line-height:1.7!important;
color:#172642!important;
margin:0 auto 66px!important;
}
.v48-social h3{
font-size:36px!important;
line-height:1.25!important;
color:#ff8a21!important;
font-weight:600!important;
margin:0 0 92px!important;
}
.v48-social-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:34px 96px!important;
width:880px!important;
max-width:100%!important;
margin:0 auto!important;
}
.v48-social-grid a{
display:flex!important;
align-items:center!important;
gap:18px!important;
color:#ff8a21!important;
font-size:20px!important;
text-decoration:none!important;
font-weight:500!important;
}
.v48-social-grid span{
width:60px!important;
height:60px!important;
border-radius:50%!important;
background:#ff962b!important;
color:#fff!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
font-size:32px!important;
font-weight:700!important;
}
.v48-stories{
background:linear-gradient(165deg,#fff 0%,#fff8f0 34%,#ffd9ad 100%)!important;
padding:80px 0 86px!important;
}
.v48-story-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:24px!important;
align-items:stretch!important;
}
.v48-story-grid article,
.v48-story-title{
min-height:250px!important;
background:rgba(255,255,255,.86)!important;
border-radius:8px!important;
padding:28px!important;
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
}
.v48-story-title{
background:transparent!important;
text-align:center!important;
align-items:center!important;
}
.v48-story-title h2{
font-size:42px!important;
line-height:1.22!important;
color:#ff8a21!important;
font-weight:600!important;
margin:0!important;
}
.v48-story-title h2::after{
content:""!important;
display:block!important;
width:210px!important;
height:2px!important;
background:#ff8a21!important;
margin:28px auto 0!important;
}
.v48-story-grid p{
font-size:18px!important;
line-height:1.72!important;
color:#172642!important;
margin:0!important;
}
.v48-story-grid strong{
color:#ff8a21!important;
font-weight:600!important;
}
.v48-gallery-section{
background:#fff!important;
padding:88px 0 96px!important;
}
.v48-gallery-block{
margin:0 0 92px!important;
}
.v48-gallery-block h2{
font-size:30px!important;
line-height:1.32!important;
font-weight:500!important;
color:#172642!important;
text-align:center!important;
margin:0 0 42px!important;
position:relative!important;
}
.v48-gallery-block h2::before,
.v48-gallery-block h2::after{
content:""!important;
position:absolute!important;
top:50%!important;
width:410px!important;
max-width:36%!important;
height:2px!important;
background:#ff8a21!important;
}
.v48-gallery-block h2::before{
left:0!important;
}
.v48-gallery-block h2::after{
right:0!important;
}
.v48-two-images{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:18px!important;
width:100%!important;
max-width:1140px!important;
margin:0 auto!important;
}
.v48-two-images img{
width:100%!important;
height:auto!important;
display:block!important;
object-fit:cover!important;
border-radius:0!important;
}
.v48-license-images{
display:grid!important;
grid-template-columns:minmax(0,2fr) minmax(0,1.08fr)!important;
gap:18px!important;
align-items:start!important;
width:100%!important;
max-width:1140px!important;
margin:0 auto!important;
}
.v48-license-images figure{
margin:0!important;
text-align:center!important;
}
.v48-license-images img{
width:100%!important;
height:auto!important;
display:block!important;
object-fit:contain!important;
}
.v48-license-images figcaption{
margin-top:22px!important;
font-size:18px!important;
line-height:1.45!important;
color:#172642!important;
}
.v48-address{
display:grid!important;
grid-template-columns:minmax(0,520px) minmax(0,520px)!important;
gap:100px!important;
align-items:start!important;
margin-top:96px!important;
}
.v48-address h2{
font-size:30px!important;
line-height:1.32!important;
font-weight:500!important;
color:#172642!important;
margin:0 0 34px!important;
position:relative!important;
}
.v48-address h2::after{
content:""!important;
position:absolute!important;
left:155px!important;
top:50%!important;
width:360px!important;
height:2px!important;
background:#ff8a21!important;
}
.v48-address p{
font-size:18px!important;
line-height:1.72!important;
color:#172642!important;
margin:0 0 26px!important;
}
.v48-address-line{
color:#ff8a21!important;
font-weight:600!important;
}
.v48-address img{
width:520px!important;
max-width:100%!important;
height:auto!important;
display:block!important;
}
.v48-blue-cta{
background:linear-gradient(180deg,#2040cf 0%,#1b2db6 100%)!important;
text-align:center!important;
padding:64px 0!important;
}
.v48-blue-cta h2{
font-size:24px!important;
line-height:1.35!important;
color:#fff!important;
font-weight:600!important;
margin:0 0 22px!important;
}
.v48-blue-cta > div{
display:flex!important;
justify-content:center!important;
gap:16px!important;
}
.v48-blue-cta .button{
background:#1892ff!important;
border-color:#1892ff!important;
}
.v48-blue-cta .button.outline{
background:transparent!important;
border-color:#fff!important;
color:#fff!important;
}
/* Payment and Founder pages also follow 18px copy and 1140px container. */
.v48-payment-hero,
.v48-founder-main{
background:#f3f3f3!important;
}
.v48-payment-hero{
padding:96px 0 112px!important;
text-align:center!important;
}
.v48-payment-hero h1,
.v48-founder-intro h1{
font-size:36px!important;
line-height:1.28!important;
font-weight:500!important;
color:#111!important;
margin:0 0 36px!important;
}
.v48-payment-hero h1::after,
.v48-founder-intro h1::after{
content:""!important;
display:block!important;
width:136px!important;
height:2px!important;
background:#ff8a21!important;
margin:16px auto 0!important;
}
.v48-payment-hero p,
.v48-payment-body p,
.v48-founder-main p{
font-size:18px!important;
line-height:1.72!important;
color:#172642!important;
}
.v48-payment-hero p{
text-align:left!important;
}
.v48-payment-body{
background:#fff!important;
padding:72px 0 96px!important;
}
.v48-payment-body article{
margin:0 0 76px!important;
}
.v48-payment-body h2{
font-size:24px!important;
line-height:1.35!important;
color:#111!important;
margin:0 0 24px!important;
font-weight:600!important;
}
.v48-payment-body span,
.v48-payment-hero span{
color:#ff8a21!important;
}
.v48-payment-lines{
margin-top:42px!important;
}
.v48-founder-main{
padding:70px 0 92px!important;
}
.v48-founder-intro{
display:grid!important;
grid-template-columns:minmax(0,740px) 300px!important;
gap:100px!important;
align-items:start!important;
margin-bottom:48px!important;
}
.v48-founder-intro h1::after{
margin-left:0!important;
}
.v48-founder-person{
width:300px!important;
max-width:300px!important;
height:auto!important;
object-fit:contain!important;
margin-top:180px!important;
}
.v48-playlists{
background:#e9e9e9!important;
padding:66px 80px!important;
text-align:center!important;
margin:34px auto 80px!important;
}
.v48-playlists h2,
.v48-founder-blogs h2{
font-size:30px!important;
color:#ff8a21!important;
margin:0 0 24px!important;
}
.v48-playlists > p{
margin:0 auto 48px!important;
}
.v48-playlist-grid,
.v48-founder-blog-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:90px!important;
}
.v48-playlist-grid img,
.v48-founder-blog-grid img{
width:100%!important;
height:auto!important;
display:block!important;
object-fit:cover!important;
}
.v48-playlist-grid h3{
font-size:20px!important;
color:#ff8a21!important;
}
.v48-founder-blogs{
text-align:center!important;
}
.v48-founder-blog-grid{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:28px!important;
margin:0 0 28px!important;
text-align:left!important;
}
.v48-founder-blog-grid a{
color:#111!important;
text-decoration:none!important;
}
.v48-founder-blog-grid strong{
font-size:16px!important;
line-height:1.45!important;
font-weight:600!important;
display:block!important;
margin-top:12px!important;
}
/* Navigation active guard. */
body.rjl-section-about .main-nav > .menu > li.rjl-nav-products > a,
body.rjl-page-about-us .main-nav > .menu > li.rjl-nav-products > a,
body.rjl-page-about-founder .main-nav > .menu > li.rjl-nav-products > a,
body.rjl-page-payment-information .main-nav > .menu > li.rjl-nav-products > a{
color:#111827!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
body.rjl-section-about .main-nav > .menu > li.rjl-nav-about > a,
body.rjl-page-about-us .main-nav > .menu > li.rjl-nav-about > a,
body.rjl-page-about-founder .main-nav > .menu > li.rjl-nav-about > a,
body.rjl-page-payment-information .main-nav > .menu > li.rjl-nav-about > a{
color:#ff8a21!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
@media (max-width:1190px){
.v48-about-intro,
.v48-founder-intro,
.v48-address{
grid-template-columns:1fr 1fr!important;
gap:48px!important;
}
}
@media (max-width:900px){
.container,
.rjl-container,
.v48-container{
width:min(calc(100% - 36px),1140px)!important;
}
.v48-about-intro,
.v48-founder-intro,
.v48-playlist-grid,
.v48-founder-blog-grid,
.v48-unique-grid,
.v48-story-grid,
.v48-social-grid,
.v48-two-images,
.v48-license-images,
.v48-address,
.v48-brochure-row{
grid-template-columns:1fr!important;
}
.v48-about-intro img,
.v48-address img,
.v48-founder-person{
width:100%!important;
max-width:100%!important;
}
.v48-gallery-block h2::before,
.v48-gallery-block h2::after,
.v48-address h2::after{
display:none!important;
}
}
/* ===== v48 final copy-font safety patch: all body copy stays 18px ===== */
body main p,
body main li,
body main article p,
body main section p,
body main [class] p,
body main [class] li,
.audience-text p,
.products-solution-row p,
.products-alibaba-grid p,
.products-report-grid p,
.resources-guide-card p,
.resource-outline-card p,
.resource-subscribe-card p,
.solution-v33 p,
.service-v32 p,
.product-category-v36 p,
.about-v48 p,
.v48-payment-body p,
.v48-payment-hero p,
.v48-founder-main p,
.v48-story-grid p,
.v48-address p{
font-size:18px!important;
line-height:1.72!important;
}
/* ===== v49 color system + About Us Address/CTA correction =====
Fixes reported issue:
- Blue/dark CTA titles must be white, not black.
- Address heading line must stay inside the left column and align with the title.
- Section title colors are explicit, not inherited from global h2 rules.
*/
/* Base readable colors */
body,
main,
main p,
main li,
body main [class] p,
body main [class] li{
color:#172642!important;
}
main strong{
color:inherit!important;
}
/* Orange title system used by target About page */
.v48-social h2,
.v48-social h3,
.v48-unique-title h2,
.v48-story-title h2,
.v48-unique-grid h3,
.v48-story-grid strong,
.v48-address-line,
.v48-playlists h2,
.v48-founder-blogs h2,
.v48-playlist-grid h3,
.v48-payment-body span,
.v48-payment-hero span,
.about-v48 a:not(.button){
color:#ff8a21!important;
}
/* Dark section headings on white/gray backgrounds */
.v48-about-hero h1,
.v48-brochure-row h2,
.v48-gallery-block h2,
.v48-address h2,
.v48-payment-hero h1,
.v48-payment-body h2,
.v48-founder-intro h1{
color:#111827!important;
}
/* Blue/dark CTA text: force white globally to override general h2 rules. */
.v48-blue-cta,
.v48-blue-cta *,
.about-blue-cta,
.about-blue-cta *,
.blue-solution-cta-v33,
.blue-solution-cta-v33 *,
.product-cat-cta-v36,
.product-cat-cta-v36 *,
.sourcing-guide-cta,
.sourcing-guide-cta *,
.who-cta-v32,
.who-cta-v32 *,
.products-orange-cta,
.products-orange-cta *,
.final-cta,
.final-cta *{
color:#fff!important;
}
.v48-blue-cta h1,
.v48-blue-cta h2,
.v48-blue-cta h3,
.about-blue-cta h1,
.about-blue-cta h2,
.about-blue-cta h3,
.blue-solution-cta-v33 h1,
.blue-solution-cta-v33 h2,
.blue-solution-cta-v33 h3,
.product-cat-cta-v36 h1,
.product-cat-cta-v36 h2,
.product-cat-cta-v36 h3,
.sourcing-guide-cta h1,
.sourcing-guide-cta h2,
.sourcing-guide-cta h3,
.who-cta-v32 h1,
.who-cta-v32 h2,
.who-cta-v32 h3,
.final-cta h1,
.final-cta h2,
.final-cta h3{
color:#fff!important;
}
/* Buttons inside blue CTAs keep their button contrast. */
.v48-blue-cta .button{
background:#1892ff!important;
border-color:#1892ff!important;
color:#fff!important;
}
.v48-blue-cta .button.outline,
.about-blue-cta .button-blue-outline{
background:transparent!important;
border-color:#fff!important;
color:#fff!important;
}
.blue-solution-cta-v33 .button,
.product-cat-cta-v36 .button,
.sourcing-guide-cta .button,
.who-cta-v32 .button{
background:#fff!important;
border-color:#fff!important;
color:#0b35bd!important;
}
/* About Us Address: replace unstable absolute line with inline flex line */
.v48-address{
display:grid!important;
grid-template-columns:minmax(0,520px) minmax(0,520px)!important;
gap:100px!important;
align-items:start!important;
margin-top:96px!important;
}
.v48-address h2{
display:flex!important;
align-items:center!important;
gap:16px!important;
width:100%!important;
color:#111827!important;
font-size:30px!important;
line-height:1.32!important;
font-weight:500!important;
margin:0 0 34px!important;
position:static!important;
white-space:nowrap!important;
}
.v48-address h2::after{
content:""!important;
position:static!important;
display:block!important;
flex:1 1 auto!important;
width:auto!important;
height:2px!important;
background:#ff8a21!important;
margin:0!important;
}
.v48-address h2::before{
content:none!important;
}
.v48-address p{
color:#172642!important;
font-size:18px!important;
line-height:1.72!important;
}
.v48-address img{
width:520px!important;
max-width:100%!important;
height:auto!important;
display:block!important;
}
/* Gallery title lines: keep lines inside container, not touching random areas */
.v48-gallery-block h2{
display:flex!important;
align-items:center!important;
gap:16px!important;
justify-content:center!important;
color:#172642!important;
position:static!important;
}
.v48-gallery-block h2::before,
.v48-gallery-block h2::after{
content:""!important;
position:static!important;
flex:1 1 auto!important;
max-width:none!important;
width:auto!important;
height:2px!important;
background:#ff8a21!important;
}
/* Office/Warehouse/License images remain two independent images and match target spacing */
.v48-two-images,
.v48-license-images{
width:100%!important;
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
}
.v48-two-images{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:18px!important;
}
.v48-license-images{
grid-template-columns:minmax(0,2fr) minmax(0,1.08fr)!important;
gap:18px!important;
align-items:start!important;
}
.v48-license-images figcaption{
color:#172642!important;
font-size:18px!important;
}
/* Global safeguard: headings inside colored sections should not inherit black. */
[class*="blue-cta"] h1,
[class*="blue-cta"] h2,
[class*="blue-cta"] h3,
[class*="cta"] h1,
[class*="cta"] h2,
[class*="cta"] h3{
color:inherit!important;
}
@media (max-width:900px){
.v48-address{
grid-template-columns:1fr!important;
gap:36px!important;
}
.v48-address h2{
white-space:normal!important;
}
.v48-gallery-block h2::before,
.v48-gallery-block h2::after{
max-width:120px!important;
}
}
/* ===== v50 About Us final color lock from target screenshots =====
Target screenshot rule:
- Social section main title is orange.
- 1M+ followers is orange.
- Social account labels and icons are orange.
- Normal explanatory copy is dark blue.
- Ordinary section headings such as Our Address / Our Office are dark.
- Blue CTA title is white.
*/
/* Social Media section: final lock, stronger than all global h2/h3 rules. */
body.rjl-page-about-us main.about-v48 .v48-social h2,
body.rjl-page-about-us main.about-v48 .v48-social h3,
body.rjl-page-about-us main.about-v48 section.v48-social h2,
body.rjl-page-about-us main.about-v48 section.v48-social h3,
.about-v48-about-us .v48-social h2,
.about-v48-about-us .v48-social h3{
color:#ff8a21!important;
}
body.rjl-page-about-us main.about-v48 .v48-social > .v48-container > p,
.about-v48-about-us .v48-social > .v48-container > p{
color:#172642!important;
font-size:18px!important;
line-height:1.72!important;
}
body.rjl-page-about-us main.about-v48 .v48-social-grid a,
body.rjl-page-about-us main.about-v48 .v48-social-grid a:visited,
body.rjl-page-about-us main.about-v48 .v48-social-grid a:hover,
.about-v48-about-us .v48-social-grid a{
color:#ff8a21!important;
}
body.rjl-page-about-us main.about-v48 .v48-social-grid span,
.about-v48-about-us .v48-social-grid span{
background:#ff962b!important;
color:#fff!important;
}
/* Target orange headings / highlights in About Us. */
body.rjl-page-about-us main.about-v48 .v48-unique-title h2,
body.rjl-page-about-us main.about-v48 .v48-story-title h2,
body.rjl-page-about-us main.about-v48 .v48-unique-grid h3,
body.rjl-page-about-us main.about-v48 .v48-story-grid strong,
.about-v48-about-us .v48-unique-title h2,
.about-v48-about-us .v48-story-title h2,
.about-v48-about-us .v48-unique-grid h3,
.about-v48-about-us .v48-story-grid strong{
color:#ff8a21!important;
}
/* Ordinary titles in About Us stay dark like the target screenshot. */
body.rjl-page-about-us main.about-v48 .v48-about-hero h1,
body.rjl-page-about-us main.about-v48 .v48-brochure-row h2,
body.rjl-page-about-us main.about-v48 .v48-gallery-block h2,
body.rjl-page-about-us main.about-v48 .v48-address h2,
.about-v48-about-us .v48-about-hero h1,
.about-v48-about-us .v48-brochure-row h2,
.about-v48-about-us .v48-gallery-block h2,
.about-v48-about-us .v48-address h2{
color:#111827!important;
}
/* All orange separator lines keep orange. */
body.rjl-page-about-us main.about-v48 .v48-unique-title h2::after,
body.rjl-page-about-us main.about-v48 .v48-story-title h2::after,
body.rjl-page-about-us main.about-v48 .v48-gallery-block h2::before,
body.rjl-page-about-us main.about-v48 .v48-gallery-block h2::after,
body.rjl-page-about-us main.about-v48 .v48-address h2::after,
.about-v48-about-us .v48-unique-title h2::after,
.about-v48-about-us .v48-story-title h2::after,
.about-v48-about-us .v48-gallery-block h2::before,
.about-v48-about-us .v48-gallery-block h2::after,
.about-v48-about-us .v48-address h2::after{
background:#ff8a21!important;
}
/* Body copy stays target dark blue, 18px. */
body.rjl-page-about-us main.about-v48 p,
body.rjl-page-about-us main.about-v48 li,
body.rjl-page-about-us main.about-v48 article p,
body.rjl-page-about-us main.about-v48 section p,
.about-v48-about-us p,
.about-v48-about-us li{
color:#172642!important;
font-size:18px!important;
line-height:1.72!important;
}
/* Buttons and CTA color contrast */
body.rjl-page-about-us main.about-v48 .v48-blue-cta,
body.rjl-page-about-us main.about-v48 .v48-blue-cta *,
.about-v48-about-us .v48-blue-cta,
.about-v48-about-us .v48-blue-cta *{
color:#fff!important;
}
body.rjl-page-about-us main.about-v48 .v48-blue-cta h2,
.about-v48-about-us .v48-blue-cta h2{
color:#fff!important;
}
body.rjl-page-about-us main.about-v48 .v48-blue-cta .button,
.about-v48-about-us .v48-blue-cta .button{
background:#1892ff!important;
border-color:#1892ff!important;
color:#fff!important;
}
body.rjl-page-about-us main.about-v48 .v48-blue-cta .button.outline,
.about-v48-about-us .v48-blue-cta .button.outline{
background:transparent!important;
border-color:#fff!important;
color:#fff!important;
}
/* Re-assert 1140 and 18px after all color rules. */
body.rjl-page-about-us main.about-v48 .v48-container{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
}
body.rjl-page-about-us main.about-v48 .v48-about-intro,
body.rjl-page-about-us main.about-v48 .v48-unique-grid,
body.rjl-page-about-us main.about-v48 .v48-story-grid,
body.rjl-page-about-us main.about-v48 .v48-social-grid,
body.rjl-page-about-us main.about-v48 .v48-two-images,
body.rjl-page-about-us main.about-v48 .v48-license-images,
body.rjl-page-about-us main.about-v48 .v48-address,
body.rjl-page-about-us main.about-v48 .v48-brochure-row{
max-width:1140px!important;
}
/* Guard against generic h2/h3 color coming after in cache/minifiers. */
body.rjl-page-about-us main.about-v48 .v48-social :is(h2,h3),
body.rjl-page-about-us main.about-v48 .v48-unique-title :is(h2),
body.rjl-page-about-us main.about-v48 .v48-story-title :is(h2){
color:#ff8a21!important;
}
/* ===== v51 Our Services dropdown pages rebuilt =====
User rules:
- Main container: 1140px
- Body copy: 18px
- Copy color: deep blue/black
- Orange headings/highlights where target uses orange
- Blue CTA/button sections keep white text
*/
.service-v51{
background:#fff!important;
color:#172642!important;
}
.service-v51 .rjl-container,
.service-v51-title .rjl-container,
.service-v51-plan-row,
.service-v51-process-row,
.service-v51-design-row,
.service-v51-media-row{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
}
.service-v51 p,
.service-v51 li,
.service-v51 td,
.service-v51 th,
.service-v51 summary,
.service-v51 input,
.service-v51 textarea{
font-size:18px!important;
line-height:1.72!important;
color:#172642!important;
}
.service-v51 h1{
font-size:32px!important;
line-height:1.28!important;
font-weight:500!important;
color:#111827!important;
margin:0!important;
text-align:center!important;
}
.service-v51 h2{
font-size:30px!important;
line-height:1.32!important;
font-weight:500!important;
color:#111827!important;
margin:0 0 34px!important;
}
.service-v51 h3{
font-size:22px!important;
line-height:1.42!important;
font-weight:600!important;
color:#ff8a21!important;
margin:0 0 14px!important;
}
.service-v51 .button,
.service-v51 button[type="submit"]{
background:#ff8a21!important;
border-color:#ff8a21!important;
color:#fff!important;
border-radius:999px!important;
min-height:42px!important;
padding:10px 24px!important;
font-size:16px!important;
font-weight:600!important;
text-decoration:none!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
}
.service-v51 .button-blue{
background:#1677e8!important;
border-color:#1677e8!important;
color:#fff!important;
}
/* Shared title area */
.service-v51-title{
background:#fff!important;
padding:54px 0 62px!important;
text-align:center!important;
}
.service-v51-title h1::after,
.service-v51 h2.service-v51-lined::after{
content:""!important;
display:block!important;
width:136px!important;
height:2px!important;
background:#ff8a21!important;
margin:18px auto 0!important;
}
.service-v51-title-with-copy p{
max-width:1140px!important;
margin:30px auto 0!important;
text-align:center!important;
}
/* Sourcing & Purchasing */
.service-v51-plan{
padding:86px 0!important;
}
.service-v51-plan-pro{
background:#f3f3f3!important;
}
.service-v51-plan-basic{
background:#fff!important;
}
.service-v51-plan-row{
display:grid!important;
grid-template-columns:minmax(0,520px) minmax(0,540px)!important;
gap:80px!important;
align-items:center!important;
}
.service-v51-plan-row.reverse{
grid-template-columns:minmax(0,540px) minmax(0,520px)!important;
}
.service-v51-copy h2{
text-align:center!important;
color:#ff8a21!important;
font-size:32px!important;
}
.service-v51-plan-basic .service-v51-copy h2{
color:#1677e8!important;
}
.service-v51-copy p{
margin:0 0 24px!important;
}
.service-v51-copy strong{
color:#111827!important;
font-weight:700!important;
}
.service-v51-media img{
width:100%!important;
max-width:540px!important;
height:auto!important;
display:block!important;
margin:0 auto!important;
object-fit:contain!important;
}
.service-v51-comparison{
background:#fff!important;
padding:86px 0!important;
}
.service-v51-comparison h2,
.service-v51-steps h2,
.service-v51-faq h2,
.service-v51-benefits h2,
.service-v51-process h2,
.service-v51-quality h2{
text-align:center!important;
color:#111827!important;
}
.service-v51-comparison h2::after,
.service-v51-steps h2::after,
.service-v51-faq h2::after,
.service-v51-benefits h2::after,
.service-v51-process h2::after,
.service-v51-quality h2::after{
content:""!important;
display:block!important;
width:136px!important;
height:2px!important;
background:#ff8a21!important;
margin:18px auto 0!important;
}
.service-v51-table{
border:1px solid #e0e0e0!important;
background:#fff!important;
}
.service-v51-table-head,
.service-v51-table-row{
display:grid!important;
grid-template-columns:1.2fr 1fr 1fr!important;
}
.service-v51-table-head > *,
.service-v51-table-row > *{
padding:18px 22px!important;
border-right:1px solid #e0e0e0!important;
border-bottom:1px solid #e0e0e0!important;
font-size:18px!important;
line-height:1.55!important;
color:#172642!important;
}
.service-v51-table-head{
background:#f3f3f3!important;
}
.service-v51-table-head strong{
color:#111827!important;
font-size:18px!important;
}
.service-v51-table-row > *:last-child,
.service-v51-table-head > *:last-child{
border-right:0!important;
}
.service-v51-steps{
background:#f3f3f3!important;
padding:86px 0 96px!important;
}
.service-v51-step-grid{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:34px!important;
}
.service-v51-step-grid article{
background:#fff!important;
padding:34px 24px!important;
text-align:center!important;
border-radius:4px!important;
box-shadow:none!important;
}
.service-v51-step-grid img{
width:74px!important;
height:74px!important;
object-fit:contain!important;
margin:0 auto 22px!important;
display:block!important;
}
.service-v51-step-grid span{
width:54px!important;
height:54px!important;
border-radius:50%!important;
background:#ff8a21!important;
color:#fff!important;
font-size:24px!important;
font-weight:700!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
margin:0 auto 20px!important;
}
.service-v51-step-grid h3{
color:#ff8a21!important;
}
.service-v51-faq{
background:#fff!important;
padding:86px 0 96px!important;
text-align:center!important;
}
.service-v51-faq-list{
text-align:left!important;
margin:0 auto 34px!important;
}
.service-v51-faq-list details{
background:#f4f4f4!important;
border-radius:6px!important;
margin:0 0 14px!important;
border:0!important;
overflow:hidden!important;
}
.service-v51-faq-list summary{
list-style:none!important;
cursor:pointer!important;
padding:20px 24px!important;
font-weight:600!important;
display:flex!important;
align-items:center!important;
gap:12px!important;
}
.service-v51-faq-list summary::-webkit-details-marker{
display:none!important;
}
.service-v51-faq-list summary span{
color:#ff8a21!important;
font-size:24px!important;
line-height:1!important;
}
.service-v51-faq-list p{
margin:0!important;
padding:0 24px 22px 60px!important;
}
/* Dropshipping */
.service-v51-benefits{
background:#fff!important;
padding:86px 0!important;
text-align:center!important;
}
.service-v51-card-grid{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:24px!important;
margin:0 0 34px!important;
}
.service-v51-card-grid article{
background:#fff!important;
border:1px solid #e2e2e2!important;
border-radius:6px!important;
padding:30px 24px!important;
box-shadow:none!important;
text-align:left!important;
}
.service-v51-card-grid article img{
width:86px!important;
height:86px!important;
object-fit:contain!important;
margin:0 0 20px!important;
}
.service-v51-process{
background:#f3f3f3!important;
padding:86px 0 96px!important;
}
.service-v51-process-row{
display:grid!important;
grid-template-columns:minmax(0,540px) minmax(0,520px)!important;
gap:80px!important;
align-items:center!important;
}
.service-v51-process-row > img{
width:520px!important;
max-width:100%!important;
height:auto!important;
display:block!important;
}
.service-v51-number-list{
margin:0 0 30px!important;
}
.service-v51-number-list > div{
display:grid!important;
grid-template-columns:54px minmax(0,1fr)!important;
gap:18px!important;
align-items:start!important;
margin:0 0 20px!important;
}
.service-v51-number-list strong{
width:54px!important;
height:54px!important;
border-radius:50%!important;
background:#ff8a21!important;
color:#fff!important;
font-size:22px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
}
.service-v51-number-list p{
margin:0!important;
}
/* Photos & Designs */
.service-v51-design-hero{
background:#fff!important;
padding:74px 0 86px!important;
}
.service-v51-design-row{
display:grid!important;
grid-template-columns:minmax(0,520px) minmax(0,540px)!important;
gap:80px!important;
align-items:center!important;
}
.service-v51-design-row > img{
width:520px!important;
max-width:100%!important;
height:auto!important;
display:block!important;
}
.service-v51-design-row h1{
text-align:left!important;
color:#ff8a21!important;
font-size:34px!important;
margin:0 0 26px!important;
}
.service-v51-design-row p{
margin:0 0 24px!important;
}
.service-v51-design-steps{
background:#f3f3f3!important;
padding:74px 0!important;
}
.service-v51-design-services{
background:#fff!important;
padding:86px 0!important;
}
.service-v51-three{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.service-v51-three article h2{
color:#ff8a21!important;
font-size:26px!important;
margin:0 0 18px!important;
}
.service-v51-form-section{
background:#f3f3f3!important;
padding:86px 0 96px!important;
}
.service-v51-form-section h2{
text-align:center!important;
color:#111827!important;
}
.service-v51-form-section form{
background:#fff!important;
border-radius:6px!important;
padding:36px!important;
max-width:1140px!important;
margin:0 auto!important;
}
.service-v51-form-section .form-row{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:18px!important;
margin:0 0 18px!important;
}
.service-v51-form-section input,
.service-v51-form-section textarea{
width:100%!important;
min-height:52px!important;
border:1px solid #ddd!important;
border-radius:4px!important;
padding:0 16px!important;
margin:0 0 18px!important;
background:#fff!important;
box-sizing:border-box!important;
}
.service-v51-form-section textarea{
min-height:150px!important;
padding-top:16px!important;
}
/* Extra services */
.service-v51-extra-block{
background:#fff!important;
padding:86px 0!important;
}
.service-v51-extra-block.gray{
background:#f3f3f3!important;
}
.service-v51-media-row{
display:grid!important;
grid-template-columns:minmax(0,520px) minmax(0,540px)!important;
gap:80px!important;
align-items:center!important;
}
.service-v51-media-row.reverse{
grid-template-columns:minmax(0,540px) minmax(0,520px)!important;
}
.service-v51-media-row > img{
width:520px!important;
max-width:100%!important;
height:auto!important;
display:block!important;
}
.service-v51-media-row h2{
color:#ff8a21!important;
}
.service-v51-media-row ul{
margin:0 0 28px!important;
padding-left:22px!important;
}
.service-v51-media-row li{
margin:0 0 12px!important;
}
.service-v51-quality{
background:#fff!important;
padding:86px 0!important;
text-align:center!important;
}
/* CTA/nav guard */
body.rjl-section-services .main-nav > .menu > li.rjl-nav-services > a,
body.rjl-page-sourcing-purchasing .main-nav > .menu > li.rjl-nav-services > a,
body.rjl-page-dropshipping .main-nav > .menu > li.rjl-nav-services > a,
body.rjl-page-photos-designs .main-nav > .menu > li.rjl-nav-services > a,
body.rjl-page-extra-services .main-nav > .menu > li.rjl-nav-services > a{
color:#ff8a21!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
body.rjl-section-services .main-nav > .menu > li.rjl-nav-products > a,
body.rjl-section-services .main-nav > .menu > li.rjl-nav-about > a,
body.rjl-section-services .main-nav > .menu > li.rjl-nav-solutions > a,
body.rjl-section-services .main-nav > .menu > li.rjl-nav-resources > a{
color:#111827!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
@media (max-width:1190px){
.service-v51-plan-row,
.service-v51-plan-row.reverse,
.service-v51-process-row,
.service-v51-design-row,
.service-v51-media-row,
.service-v51-media-row.reverse{
grid-template-columns:1fr 1fr!important;
gap:48px!important;
}
}
@media (max-width:900px){
.service-v51 .rjl-container,
.service-v51-title .rjl-container,
.service-v51-plan-row,
.service-v51-process-row,
.service-v51-design-row,
.service-v51-media-row{
width:min(calc(100% - 36px),1140px)!important;
}
.service-v51-plan-row,
.service-v51-plan-row.reverse,
.service-v51-process-row,
.service-v51-design-row,
.service-v51-media-row,
.service-v51-media-row.reverse,
.service-v51-card-grid,
.service-v51-three,
.service-v51-step-grid,
.service-v51-table-head,
.service-v51-table-row,
.service-v51-form-section .form-row{
grid-template-columns:1fr!important;
}
.service-v51-media-row > img,
.service-v51-process-row > img,
.service-v51-design-row > img{
width:100%!important;
}
}
/* ===== v52 Sourcing & Purchasing alignment/table/image fixes =====
Fixes user screenshots:
- Pro/Basic plan buttons align center under the plan title.
- Comparison table first column must show feature names.
- Table header matches target blue style.
- Clean Pro Plan image removes stray screenshot text remnants.
*/
/* Button centered within plan copy column, matching centered plan title */
body.rjl-page-sourcing-purchasing .service-v51-copy{
text-align:left!important;
}
body.rjl-page-sourcing-purchasing .service-v51-copy h2{
text-align:center!important;
}
body.rjl-page-sourcing-purchasing .service-v51-copy > .button,
body.rjl-page-sourcing-purchasing .service-v51-copy > a.button{
display:flex!important;
width:max-content!important;
margin:34px auto 0!important;
}
/* Keep text paragraph left aligned and readable at 18px */
body.rjl-page-sourcing-purchasing .service-v51-copy p{
text-align:left!important;
font-size:18px!important;
line-height:1.72!important;
color:#000!important;
}
/* Pro image: use clean crop and keep it fully inside media column */
body.rjl-page-sourcing-purchasing .service-v51-plan-pro .service-v51-media img{
content:none!important;
width:100%!important;
max-width:540px!important;
height:auto!important;
object-fit:contain!important;
background:#f3f3f3!important;
}
/* Comparison table: blue header, visible first column labels */
body.rjl-page-sourcing-purchasing .service-v51-comparison{
background:#f3f3f3!important;
padding:76px 0 86px!important;
}
body.rjl-page-sourcing-purchasing .service-v51-comparison h2{
font-size:32px!important;
line-height:1.3!important;
color:#111827!important;
margin-bottom:40px!important;
}
body.rjl-page-sourcing-purchasing .service-v51-table{
width:760px!important;
max-width:100%!important;
margin:0 auto!important;
border:1px solid #d7d7d7!important;
background:#fff!important;
}
body.rjl-page-sourcing-purchasing .service-v51-table-head{
background:#1f7fe5!important;
}
body.rjl-page-sourcing-purchasing .service-v51-table-head > *{
background:#1f7fe5!important;
color:#fff!important;
font-weight:700!important;
font-size:18px!important;
border-color:#ffffff66!important;
}
body.rjl-page-sourcing-purchasing .service-v51-table-head span{
color:#fff!important;
}
body.rjl-page-sourcing-purchasing .service-v51-table-row > span:first-child{
color:#111827!important;
font-weight:600!important;
background:#fff!important;
}
body.rjl-page-sourcing-purchasing .service-v51-table-row > span{
font-size:18px!important;
line-height:1.55!important;
color:#000!important;
min-height:56px!important;
display:flex!important;
align-items:center!important;
}
body.rjl-page-sourcing-purchasing .service-v51-table-head,
body.rjl-page-sourcing-purchasing .service-v51-table-row{
grid-template-columns:1.2fr 1fr 1fr!important;
}
/* Keep Sourcing page main width rule 1140; table can be narrower as an element, not main container */
body.rjl-page-sourcing-purchasing .service-v51 .rjl-container,
body.rjl-page-sourcing-purchasing .service-v51-plan-row,
body.rjl-page-sourcing-purchasing .service-v51-step-grid{
max-width:1140px!important;
}
/* Our Services nav active stays correct */
body.rjl-page-sourcing-purchasing .main-nav > .menu > li.rjl-nav-services > a{
color:#ff8a21!important;
}
/* ===== v53 Dropshipping Service screenshot fixes =====
Fixes user-provided Dropshipping target screenshots:
- Pro Plan / Basic Plan are styled links.
- Benefits area has the target orange gradient.
- Benefit card titles are orange; copy is dark.
- Four-step section includes dotted line + centered orange icon.
- Steps use pale gray numbers and separators, not orange circles.
- Right process photo uses target-like real image.
*/
/* Dropshipping hero/title */
body.rjl-page-dropshipping .service-v51-title-with-copy{
background:#fff!important;
padding:78px 0 52px!important;
text-align:center!important;
}
body.rjl-page-dropshipping .service-v51-title-with-copy h1{
color:#111827!important;
font-size:30px!important;
line-height:1.3!important;
font-weight:500!important;
margin:0 0 28px!important;
}
body.rjl-page-dropshipping .service-v51-title-with-copy h1::after{
display:none!important;
}
body.rjl-page-dropshipping .service-v51-title-with-copy p{
font-size:18px!important;
line-height:1.72!important;
color:#172642!important;
max-width:1140px!important;
margin:0 auto!important;
}
body.rjl-page-dropshipping .service-v53-plan-link{
text-decoration:underline!important;
text-underline-offset:3px!important;
font-size:18px!important;
}
body.rjl-page-dropshipping .service-v53-pro-link{
color:#ff8a21!important;
}
body.rjl-page-dropshipping .service-v53-basic-link{
color:#1677e8!important;
}
/* Benefits section target gradient */
body.rjl-page-dropshipping .service-v51-benefits{
background:
linear-gradient(155deg, rgba(255,255,255,0) 0%, rgba(255,248,239,.75) 36%, rgba(255,205,143,.92) 100%),
linear-gradient(180deg,#fff 0%,#fff 16%,#fff2e6 58%,#ffc77c 100%)!important;
padding:78px 0 80px!important;
text-align:center!important;
}
body.rjl-page-dropshipping .service-v51-benefits h2{
color:#172642!important;
font-size:28px!important;
line-height:1.35!important;
font-weight:500!important;
margin:0 0 54px!important;
}
body.rjl-page-dropshipping .service-v51-benefits h2::after{
display:none!important;
}
body.rjl-page-dropshipping .service-v51-card-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:22px!important;
max-width:1040px!important;
margin:0 auto 56px!important;
}
body.rjl-page-dropshipping .service-v51-card-grid article{
background:rgba(255,255,255,.72)!important;
border:0!important;
border-radius:8px!important;
padding:28px 30px!important;
text-align:left!important;
box-shadow:none!important;
min-height:178px!important;
}
body.rjl-page-dropshipping .service-v51-card-grid h3{
color:#ff8a21!important;
font-size:22px!important;
line-height:1.35!important;
font-weight:500!important;
margin:0 0 16px!important;
}
body.rjl-page-dropshipping .service-v51-card-grid p{
color:#172642!important;
font-size:18px!important;
line-height:1.72!important;
margin:0!important;
}
body.rjl-page-dropshipping .service-v51-benefits .button-blue{
background:#1677e8!important;
border-color:#1677e8!important;
color:#fff!important;
margin-top:0!important;
}
/* Process section */
body.rjl-page-dropshipping .service-v51-process{
background:#fff!important;
padding:106px 0 96px!important;
}
body.rjl-page-dropshipping .service-v51-process h2{
color:#111827!important;
font-size:28px!important;
line-height:1.35!important;
text-align:center!important;
font-weight:500!important;
margin:0 0 22px!important;
}
body.rjl-page-dropshipping .service-v51-process h2::after{
display:none!important;
}
body.rjl-page-dropshipping .service-v53-step-ornament{
width:470px!important;
max-width:100%!important;
height:44px!important;
margin:0 auto 48px!important;
position:relative!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
}
body.rjl-page-dropshipping .service-v53-step-ornament::before,
body.rjl-page-dropshipping .service-v53-step-ornament::after{
content:""!important;
display:block!important;
height:0!important;
flex:1 1 auto!important;
border-top:4px dotted #d9d9d9!important;
}
body.rjl-page-dropshipping .service-v53-step-ornament span{
width:38px!important;
height:38px!important;
border-radius:50%!important;
border:2px solid #ff8a21!important;
background:#fff!important;
margin:0 15px!important;
position:relative!important;
display:block!important;
}
body.rjl-page-dropshipping .service-v53-step-ornament span::before{
content:""!important;
position:absolute!important;
inset:9px!important;
background:
linear-gradient(#ff8a21,#ff8a21) center 0/4px 100% no-repeat,
linear-gradient(#ff8a21,#ff8a21) 0 center/100% 4px no-repeat;
border-radius:2px!important;
opacity:.9!important;
}
body.rjl-page-dropshipping .service-v51-process-row{
display:grid!important;
grid-template-columns:minmax(0,560px) minmax(0,520px)!important;
gap:64px!important;
align-items:center!important;
}
body.rjl-page-dropshipping .service-v51-number-list{
counter-reset:dropship-step!important;
margin:0 0 52px!important;
}
body.rjl-page-dropshipping .service-v51-number-list > div{
counter-increment:dropship-step!important;
display:grid!important;
grid-template-columns:46px minmax(0,1fr)!important;
gap:22px!important;
align-items:start!important;
padding:0 0 24px!important;
margin:0 0 24px!important;
border-bottom:1px solid #e6e6e6!important;
}
body.rjl-page-dropshipping .service-v51-number-list > div:last-child{
border-bottom:0!important;
margin-bottom:0!important;
}
body.rjl-page-dropshipping .service-v51-number-list strong{
display:block!important;
width:auto!important;
height:auto!important;
background:transparent!important;
color:transparent!important;
border-radius:0!important;
font-size:0!important;
line-height:1!important;
margin:0!important;
}
body.rjl-page-dropshipping .service-v51-number-list strong::before{
content:counter(dropship-step)!important;
display:block!important;
color:#c9c9c9!important;
font-family:Georgia, "Times New Roman", serif!important;
font-size:42px!important;
line-height:1!important;
font-weight:400!important;
}
body.rjl-page-dropshipping .service-v51-number-list p{
color:#172642!important;
font-size:18px!important;
line-height:1.65!important;
margin:0!important;
}
body.rjl-page-dropshipping .service-v51-process-row > img{
content:none!important;
width:520px!important;
max-width:100%!important;
height:auto!important;
display:block!important;
object-fit:cover!important;
}
body.rjl-page-dropshipping .service-v51-process .button{
display:flex!important;
width:max-content!important;
margin:0 auto!important;
background:#ff8a21!important;
border-color:#ff8a21!important;
color:#fff!important;
}
/* Keep Our Services active only */
body.rjl-page-dropshipping .main-nav > .menu > li.rjl-nav-services > a{
color:#ff8a21!important;
}
body.rjl-page-dropshipping .main-nav > .menu > li.rjl-nav-products > a,
body.rjl-page-dropshipping .main-nav > .menu > li.rjl-nav-about > a,
body.rjl-page-dropshipping .main-nav > .menu > li.rjl-nav-solutions > a,
body.rjl-page-dropshipping .main-nav > .menu > li.rjl-nav-resources > a{
color:#111827!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
@media (max-width:900px){
body.rjl-page-dropshipping .service-v51-card-grid,
body.rjl-page-dropshipping .service-v51-process-row{
grid-template-columns:1fr!important;
}
body.rjl-page-dropshipping .service-v53-step-ornament{
width:100%!important;
}
}
/* ===== v54 Dropshipping vertical gradient + centered process title/button =====
User correction:
- Gradient must be vertical, not diagonal.
- "Dropship with JingSourcing in 4 simple steps" title is centered across the full 1140 container.
- Dotted ornament is centered under the title.
- Bottom process CTA button is centered across the full section, not inside the left column.
*/
/* Replace v53 diagonal/mixed background with a clean vertical target-like gradient. */
body.rjl-page-dropshipping .service-v51-benefits{
background:linear-gradient(180deg,
#ffffff 0%,
#ffffff 18%,
#fff8f0 42%,
#ffe3c0 70%,
#ffc06f 100%
)!important;
padding:78px 0 80px!important;
text-align:center!important;
}
body.rjl-page-dropshipping .service-v51-benefits .rjl-container{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
}
body.rjl-page-dropshipping .service-v51-benefits h2{
text-align:center!important;
color:#172642!important;
}
body.rjl-page-dropshipping .service-v51-benefits .button-blue{
display:flex!important;
width:max-content!important;
margin:0 auto!important;
}
/* Process section full-container structure */
body.rjl-page-dropshipping .service-v54-process{
background:#fff!important;
padding:106px 0 96px!important;
}
body.rjl-page-dropshipping .service-v54-process > .rjl-container{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
}
body.rjl-page-dropshipping .service-v54-process-title{
display:block!important;
width:100%!important;
max-width:1140px!important;
text-align:center!important;
color:#111827!important;
font-size:28px!important;
line-height:1.35!important;
font-weight:500!important;
margin:0 auto 22px!important;
}
body.rjl-page-dropshipping .service-v54-process-title::after{
display:none!important;
}
body.rjl-page-dropshipping .service-v54-step-ornament{
width:470px!important;
max-width:100%!important;
margin:0 auto 48px!important;
}
body.rjl-page-dropshipping .service-v54-process-row{
display:grid!important;
grid-template-columns:minmax(0,560px) minmax(0,520px)!important;
gap:64px!important;
align-items:center!important;
width:100%!important;
max-width:1140px!important;
margin:0 auto!important;
}
body.rjl-page-dropshipping .service-v54-number-list{
margin:0!important;
}
body.rjl-page-dropshipping .service-v54-process-row > img{
content:none!important;
width:520px!important;
max-width:100%!important;
height:auto!important;
display:block!important;
object-fit:cover!important;
}
body.rjl-page-dropshipping .service-v54-process-button{
display:flex!important;
width:max-content!important;
margin:56px auto 0!important;
background:#ff8a21!important;
border-color:#ff8a21!important;
color:#fff!important;
}
/* Make sure older v53 rule cannot re-center button inside the left column */
body.rjl-page-dropshipping .service-v51-process .service-v54-process-button{
margin-left:auto!important;
margin-right:auto!important;
}
/* Mobile */
@media (max-width:900px){
body.rjl-page-dropshipping .service-v51-benefits .rjl-container,
body.rjl-page-dropshipping .service-v54-process > .rjl-container{
width:min(calc(100% - 36px),1140px)!important;
}
body.rjl-page-dropshipping .service-v54-process-row{
grid-template-columns:1fr!important;
gap:36px!important;
}
body.rjl-page-dropshipping .service-v54-process-row > img{
width:100%!important;
}
body.rjl-page-dropshipping .service-v54-step-ornament{
width:100%!important;
}
}
/* ===== v55 Photos & Designs target screenshot rebuild =====
User requirements:
- Follow the target screenshot structure.
- Product Photos / Graphic Design are multi-image collage sections.
- Product Videos is a video-cover section.
- Background colors, icons, text rhythm should match the screenshot.
- Project global rules remain: 1140px container and 18px body copy.
*/
body.rjl-page-photos-designs .service-v51-design-hero,
body.rjl-page-photos-designs .service-v51-design-steps,
body.rjl-page-photos-designs .service-v51-design-services,
body.rjl-page-photos-designs .service-v51-form-section{
display:none!important;
}
.service-v55-design-hero,
.service-v55-product-photos,
.service-v55-graphic-design,
.service-v55-inquiry{
background:
linear-gradient(135deg, rgba(255,255,255,.72) 0 20%, transparent 20% 100%),
linear-gradient(32deg, transparent 0 58%, rgba(255,182,91,.28) 58% 72%, transparent 72% 100%),
linear-gradient(180deg,#fff8ef 0%,#ffe6c6 100%)!important;
background-size:100% 100%!important;
}
.service-v55-design-hero{
padding:54px 0 62px!important;
}
.service-v55-design-hero-row{
display:grid!important;
grid-template-columns:minmax(0,520px) minmax(0,440px)!important;
gap:78px!important;
align-items:center!important;
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
margin:0 auto!important;
}
.service-v55-design-hero-row > img{
width:520px!important;
max-width:100%!important;
height:auto!important;
display:block!important;
object-fit:cover!important;
}
.service-v55-design-hero h1{
font-size:24px!important;
line-height:1.35!important;
font-weight:500!important;
color:#111827!important;
text-align:left!important;
margin:0 0 24px!important;
}
.service-v55-design-hero p{
font-size:18px!important;
line-height:1.72!important;
color:#172642!important;
margin:0 0 22px!important;
}
.service-v55-design-hero .button,
.service-v55-design-steps .button,
.service-v55-showcase .button,
.service-v55-inquiry button{
background:#ff8a21!important;
border-color:#ff8a21!important;
color:#fff!important;
border-radius:999px!important;
min-height:36px!important;
padding:9px 22px!important;
font-size:15px!important;
font-weight:600!important;
text-decoration:none!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
}
/* Steps */
.service-v55-design-steps{
background:#fff!important;
padding:54px 0 62px!important;
text-align:center!important;
}
.service-v55-design-steps > .rjl-container{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
}
.service-v55-design-step-grid{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:50px!important;
align-items:start!important;
margin:0 auto 28px!important;
max-width:900px!important;
}
.service-v55-design-step-grid article{
background:transparent!important;
border:0!important;
box-shadow:none!important;
padding:0!important;
text-align:center!important;
}
.service-v55-design-step-grid img{
width:58px!important;
height:58px!important;
object-fit:contain!important;
display:block!important;
margin:0 auto 16px!important;
}
.service-v55-design-step-grid p{
font-size:18px!important;
line-height:1.55!important;
color:#172642!important;
margin:0!important;
}
.service-v55-design-step-grid strong{
color:#111827!important;
font-weight:700!important;
}
/* Showcase blocks */
.service-v55-showcase{
text-align:center!important;
padding:72px 0 72px!important;
}
.service-v55-showcase > .rjl-container{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
}
.service-v55-showcase h2{
font-size:24px!important;
line-height:1.35!important;
font-weight:500!important;
color:#172642!important;
text-align:center!important;
margin:0 0 24px!important;
}
.service-v55-showcase p{
font-size:18px!important;
line-height:1.72!important;
color:#172642!important;
max-width:1140px!important;
margin:0 auto 34px!important;
}
.service-v55-collage{
display:block!important;
width:720px!important;
max-width:100%!important;
height:auto!important;
margin:0 auto 52px!important;
}
.service-v55-product-photos{
padding-top:74px!important;
padding-bottom:78px!important;
}
.service-v55-product-videos{
background:#fff!important;
padding:72px 0 78px!important;
}
.service-v55-video-frame{
width:720px!important;
max-width:100%!important;
margin:0 auto 52px!important;
position:relative!important;
background:#f2f2f2!important;
}
.service-v55-video-frame img{
width:100%!important;
height:auto!important;
display:block!important;
object-fit:cover!important;
}
.service-v55-video-frame span{
position:absolute!important;
left:50%!important;
top:50%!important;
transform:translate(-50%,-50%)!important;
width:50px!important;
height:50px!important;
border-radius:50%!important;
background:rgba(0,0,0,.42)!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
}
.service-v55-video-frame span::before{
content:""!important;
border-left:15px solid #fff!important;
border-top:10px solid transparent!important;
border-bottom:10px solid transparent!important;
margin-left:4px!important;
}
.service-v55-graphic-design{
padding-top:72px!important;
padding-bottom:78px!important;
}
/* Inquiry form */
.service-v55-inquiry{
padding:62px 0 66px!important;
}
.service-v55-inquiry > .rjl-container{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
}
.service-v55-inquiry h2{
font-size:24px!important;
line-height:1.35!important;
font-weight:500!important;
color:#172642!important;
text-align:center!important;
margin:0 0 28px!important;
}
.service-v55-inquiry form{
width:760px!important;
max-width:100%!important;
margin:0 auto!important;
padding:22px 22px 28px!important;
border:1px solid rgba(0,0,0,.18)!important;
border-radius:4px!important;
background:rgba(255,255,255,.36)!important;
box-sizing:border-box!important;
}
.service-v55-inquiry label{
display:block!important;
font-size:14px!important;
line-height:1.45!important;
color:#111827!important;
font-weight:600!important;
margin:0 0 12px!important;
text-align:left!important;
}
.service-v55-inquiry label em{
color:#ff8a21!important;
font-style:normal!important;
}
.service-v55-inquiry label small,
.service-v55-checks small{
font-size:12px!important;
font-weight:400!important;
color:#555!important;
}
.service-v55-form-row{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:18px!important;
}
.service-v55-inquiry input[type="text"],
.service-v55-inquiry input[type="email"],
.service-v55-inquiry input:not([type]),
.service-v55-inquiry textarea{
width:100%!important;
min-height:28px!important;
border:1px solid #d7d7d7!important;
border-radius:4px!important;
background:#fff!important;
padding:4px 10px!important;
font-size:14px!important;
line-height:1.35!important;
box-sizing:border-box!important;
margin-top:4px!important;
}
.service-v55-inquiry textarea{
min-height:92px!important;
padding-top:8px!important;
resize:vertical!important;
}
.service-v55-checks{
margin:0 0 12px!important;
text-align:left!important;
color:#111827!important;
}
.service-v55-checks strong{
display:block!important;
font-size:14px!important;
line-height:1.45!important;
margin:0 0 6px!important;
}
.service-v55-checks label{
display:inline-flex!important;
align-items:center!important;
gap:4px!important;
margin:0 12px 6px 0!important;
font-size:13px!important;
font-weight:400!important;
}
.service-v55-checks input{
margin:0!important;
}
.service-v55-inquiry input[type="file"]{
display:block!important;
width:100%!important;
margin-top:4px!important;
font-size:13px!important;
}
.service-v55-inquiry button{
display:flex!important;
width:max-content!important;
margin:16px auto 0!important;
min-height:32px!important;
padding:8px 20px!important;
}
/* Nav active guard */
body.rjl-page-photos-designs .main-nav > .menu > li.rjl-nav-services > a{
color:#ff8a21!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
body.rjl-page-photos-designs .main-nav > .menu > li.rjl-nav-products > a,
body.rjl-page-photos-designs .main-nav > .menu > li.rjl-nav-about > a,
body.rjl-page-photos-designs .main-nav > .menu > li.rjl-nav-solutions > a,
body.rjl-page-photos-designs .main-nav > .menu > li.rjl-nav-resources > a{
color:#111827!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
@media (max-width:900px){
.service-v55-design-hero-row,
.service-v55-design-step-grid,
.service-v55-form-row{
grid-template-columns:1fr!important;
}
.service-v55-design-hero-row,
.service-v55-design-steps > .rjl-container,
.service-v55-showcase > .rjl-container,
.service-v55-inquiry > .rjl-container{
width:min(calc(100% - 36px),1140px)!important;
}
.service-v55-design-hero-row > img,
.service-v55-collage,
.service-v55-video-frame{
width:100%!important;
}
}
/* ===== v56 Photos & Designs real grids/video + varied backgrounds =====
User correction:
- Product Photos is many independent photos, not one collage image.
- Product Videos is a video module.
- Graphic Design is many independent photos, not one collage image.
- Backgrounds must vary by section and not reuse the same gradient everywhere.
*/
body.rjl-page-photos-designs .service-v55-design-hero,
body.rjl-page-photos-designs .service-v55-design-steps,
body.rjl-page-photos-designs .service-v55-showcase,
body.rjl-page-photos-designs .service-v55-inquiry,
body.rjl-page-photos-designs .service-v51-design-hero,
body.rjl-page-photos-designs .service-v51-design-steps,
body.rjl-page-photos-designs .service-v51-design-services,
body.rjl-page-photos-designs .service-v51-form-section{
display:none!important;
}
.service-v56-design-hero,
.service-v56-design-steps,
.service-v56-showcase,
.service-v56-inquiry{
color:#172642!important;
}
.service-v56-design-hero p,
.service-v56-design-steps p,
.service-v56-showcase p,
.service-v56-inquiry p,
.service-v56-inquiry label{
font-size:18px!important;
line-height:1.72!important;
color:#172642!important;
}
.service-v56-design-hero .rjl-container,
.service-v56-design-steps .rjl-container,
.service-v56-showcase .rjl-container,
.service-v56-inquiry .rjl-container{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
}
.service-v56-design-hero .button,
.service-v56-design-steps .button,
.service-v56-showcase .button,
.service-v56-inquiry button{
background:#ff8a21!important;
border-color:#ff8a21!important;
color:#fff!important;
border-radius:999px!important;
min-height:36px!important;
padding:9px 22px!important;
font-size:15px!important;
font-weight:600!important;
text-decoration:none!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
}
/* Hero: soft polygon background like target, but not copied across all sections */
.service-v56-design-hero{
padding:54px 0 62px!important;
background:
linear-gradient(130deg, rgba(255,255,255,.88) 0 18%, rgba(255,255,255,0) 18% 100%),
linear-gradient(36deg, rgba(255,255,255,0) 0 56%, rgba(255,179,91,.28) 56% 72%, rgba(255,255,255,0) 72% 100%),
linear-gradient(180deg,#fff7ee 0%,#ffd8a9 100%)!important;
}
.service-v56-design-hero-row{
display:grid!important;
grid-template-columns:minmax(0,520px) minmax(0,440px)!important;
gap:78px!important;
align-items:center!important;
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
margin:0 auto!important;
}
.service-v56-design-hero-row > img{
width:520px!important;
max-width:100%!important;
height:auto!important;
display:block!important;
object-fit:cover!important;
}
.service-v56-design-hero h1{
font-size:24px!important;
line-height:1.35!important;
font-weight:500!important;
color:#111827!important;
text-align:left!important;
margin:0 0 24px!important;
}
.service-v56-design-hero p{
margin:0 0 22px!important;
}
/* Steps: clean white area with orange line icons */
.service-v56-design-steps{
background:#fff!important;
padding:54px 0 62px!important;
text-align:center!important;
}
.service-v56-design-step-grid{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:50px!important;
align-items:start!important;
margin:0 auto 28px!important;
max-width:900px!important;
}
.service-v56-design-step-grid article{
background:transparent!important;
border:0!important;
box-shadow:none!important;
padding:0!important;
text-align:center!important;
}
.service-v56-design-step-grid img{
width:58px!important;
height:58px!important;
object-fit:contain!important;
display:block!important;
margin:0 auto 16px!important;
}
.service-v56-design-step-grid p{
font-size:18px!important;
line-height:1.55!important;
margin:0!important;
}
.service-v56-design-step-grid strong{
color:#111827!important;
font-weight:700!important;
}
/* Showcase shared */
.service-v56-showcase{
text-align:center!important;
padding:72px 0 78px!important;
}
.service-v56-showcase h2{
font-size:24px!important;
line-height:1.35!important;
font-weight:500!important;
color:#172642!important;
text-align:center!important;
margin:0 0 24px!important;
}
.service-v56-showcase p{
font-size:18px!important;
line-height:1.72!important;
color:#172642!important;
max-width:1140px!important;
margin:0 auto 34px!important;
}
/* Product Photos: independent grid, section-specific warm bottom sweep */
.service-v56-product-photos{
background:
linear-gradient(160deg, rgba(255,255,255,0) 0 58%, rgba(255,190,113,.38) 58% 78%, rgba(255,255,255,0) 78% 100%),
linear-gradient(180deg,#fff 0%,#fffdfb 24%,#fff0dc 68%,#ffc57c 100%)!important;
}
.service-v56-photo-grid{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:6px!important;
width:720px!important;
max-width:100%!important;
margin:0 auto 52px!important;
}
.service-v56-photo-grid figure{
margin:0!important;
background:#fff!important;
overflow:hidden!important;
}
.service-v56-photo-grid img{
width:100%!important;
height:178px!important;
display:block!important;
object-fit:cover!important;
}
.service-v56-photo-grid figure:nth-child(5) img,
.service-v56-photo-grid figure:nth-child(6) img,
.service-v56-photo-grid figure:nth-child(7) img,
.service-v56-photo-grid figure:nth-child(8) img{
height:172px!important;
}
/* Product Videos: plain white with true video cover frame */
.service-v56-product-videos{
background:#fff!important;
}
.service-v56-video-frame{
width:720px!important;
max-width:100%!important;
margin:0 auto 52px!important;
position:relative!important;
background:#e9e9e9!important;
overflow:hidden!important;
}
.service-v56-video-frame img{
width:100%!important;
height:auto!important;
display:block!important;
object-fit:cover!important;
}
.service-v56-video-frame span{
position:absolute!important;
left:50%!important;
top:50%!important;
transform:translate(-50%,-50%)!important;
width:50px!important;
height:50px!important;
border-radius:50%!important;
background:rgba(0,0,0,.42)!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
}
.service-v56-video-frame span::before{
content:""!important;
border-left:15px solid #fff!important;
border-top:10px solid transparent!important;
border-bottom:10px solid transparent!important;
margin-left:4px!important;
}
/* Graphic Design: independent mosaic grid with a different geometric warm background */
.service-v56-graphic-design{
background:
linear-gradient(28deg, rgba(255,255,255,.78) 0 18%, rgba(255,255,255,0) 18% 100%),
linear-gradient(152deg, rgba(255,255,255,0) 0 46%, rgba(255,197,118,.34) 46% 62%, rgba(255,255,255,0) 62% 100%),
linear-gradient(180deg,#ffe1b7 0%,#fff7ee 52%,#fff 100%)!important;
}
.service-v56-graphic-grid{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
grid-auto-rows:142px!important;
gap:6px!important;
width:720px!important;
max-width:100%!important;
margin:0 auto 52px!important;
}
.service-v56-graphic-grid figure{
margin:0!important;
background:#fff!important;
overflow:hidden!important;
}
.service-v56-graphic-grid img{
width:100%!important;
height:100%!important;
display:block!important;
object-fit:cover!important;
}
.service-v56-graphic-grid .graphic-4{
grid-column:4!important;
grid-row:1!important;
}
.service-v56-graphic-grid .graphic-6{
grid-column:2 / span 2!important;
}
.service-v56-graphic-grid .graphic-7{
grid-column:4!important;
}
/* Inquiry: muted geometric background, separate from product/photo blocks */
.service-v56-inquiry{
padding:62px 0 66px!important;
background:
linear-gradient(135deg, rgba(255,255,255,.72) 0 17%, transparent 17% 100%),
linear-gradient(35deg, transparent 0 55%, rgba(255,183,100,.22) 55% 70%, transparent 70% 100%),
linear-gradient(180deg,#fff4e7 0%,#ffe9cd 100%)!important;
}
.service-v56-inquiry h2{
font-size:24px!important;
line-height:1.35!important;
font-weight:500!important;
color:#172642!important;
text-align:center!important;
margin:0 0 28px!important;
}
.service-v56-inquiry form{
width:760px!important;
max-width:100%!important;
margin:0 auto!important;
padding:22px 22px 28px!important;
border:1px solid rgba(0,0,0,.18)!important;
border-radius:4px!important;
background:rgba(255,255,255,.38)!important;
box-sizing:border-box!important;
}
.service-v56-inquiry label{
display:block!important;
font-size:14px!important;
line-height:1.45!important;
color:#111827!important;
font-weight:600!important;
margin:0 0 12px!important;
text-align:left!important;
}
.service-v56-inquiry label em{
color:#ff8a21!important;
font-style:normal!important;
}
.service-v56-inquiry label small,
.service-v56-checks small{
font-size:12px!important;
font-weight:400!important;
color:#555!important;
}
.service-v56-form-row{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:18px!important;
}
.service-v56-inquiry input[type="text"],
.service-v56-inquiry input[type="email"],
.service-v56-inquiry input:not([type]),
.service-v56-inquiry textarea{
width:100%!important;
min-height:28px!important;
border:1px solid #d7d7d7!important;
border-radius:4px!important;
background:#fff!important;
padding:4px 10px!important;
font-size:14px!important;
line-height:1.35!important;
box-sizing:border-box!important;
margin-top:4px!important;
}
.service-v56-inquiry textarea{
min-height:92px!important;
padding-top:8px!important;
resize:vertical!important;
}
.service-v56-checks{
margin:0 0 12px!important;
text-align:left!important;
color:#111827!important;
}
.service-v56-checks strong{
display:block!important;
font-size:14px!important;
line-height:1.45!important;
margin:0 0 6px!important;
}
.service-v56-checks label{
display:inline-flex!important;
align-items:center!important;
gap:4px!important;
margin:0 12px 6px 0!important;
font-size:13px!important;
font-weight:400!important;
}
.service-v56-inquiry input[type="file"]{
display:block!important;
width:100%!important;
margin-top:4px!important;
font-size:13px!important;
}
.service-v56-inquiry button{
display:flex!important;
width:max-content!important;
margin:16px auto 0!important;
min-height:32px!important;
padding:8px 20px!important;
}
/* Nav active guard */
body.rjl-page-photos-designs .main-nav > .menu > li.rjl-nav-services > a{
color:#ff8a21!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
body.rjl-page-photos-designs .main-nav > .menu > li.rjl-nav-products > a,
body.rjl-page-photos-designs .main-nav > .menu > li.rjl-nav-about > a,
body.rjl-page-photos-designs .main-nav > .menu > li.rjl-nav-solutions > a,
body.rjl-page-photos-designs .main-nav > .menu > li.rjl-nav-resources > a{
color:#111827!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
@media (max-width:900px){
.service-v56-design-hero-row,
.service-v56-design-step-grid,
.service-v56-form-row{
grid-template-columns:1fr!important;
}
.service-v56-design-hero-row,
.service-v56-design-steps .rjl-container,
.service-v56-showcase .rjl-container,
.service-v56-inquiry .rjl-container{
width:min(calc(100% - 36px),1140px)!important;
}
.service-v56-design-hero-row > img,
.service-v56-video-frame{
width:100%!important;
}
.service-v56-photo-grid,
.service-v56-graphic-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
width:100%!important;
}
.service-v56-graphic-grid{
grid-auto-rows:150px!important;
}
.service-v56-graphic-grid .graphic-6,
.service-v56-graphic-grid .graphic-7,
.service-v56-graphic-grid .graphic-4{
grid-column:auto!important;
grid-row:auto!important;
}
}
/* ===== v57 Extra Services card-combo hover rebuild =====
User correction:
- Text and image are combined in the same white card.
- Cards have hover floating/shadow effect.
- Photography card: stacked images + copy/list.
- Packaging card: image/text/image/text as one combined card.
- Quality: 3 independent image+text cards.
- Warehousing: image + copy in one card.
*/
body.rjl-page-extra-services .service-v51-title,
body.rjl-page-extra-services .service-v51-extra-block,
body.rjl-page-extra-services .service-v51-quality{
display:none!important;
}
.service-v57-extra-title{
background:#fff!important;
padding:54px 0 58px!important;
text-align:center!important;
}
.service-v57-extra-title .rjl-container,
.service-v57-extra-warm .rjl-container,
.service-v57-extra-cool .rjl-container{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
}
.service-v57-extra-title h1{
font-size:30px!important;
line-height:1.3!important;
font-weight:500!important;
color:#111827!important;
margin:0!important;
}
.service-v57-extra-title h1::after{
content:""!important;
display:block!important;
width:140px!important;
height:2px!important;
background:#ff8a21!important;
margin:18px auto 0!important;
}
.service-v57-extra-warm{
background:
linear-gradient(135deg, rgba(255,255,255,.75) 0 18%, transparent 18% 100%),
linear-gradient(30deg, transparent 0 56%, rgba(255,188,109,.24) 56% 72%, transparent 72% 100%),
linear-gradient(180deg,#fff6ed 0%,#ffe7ce 100%)!important;
padding:64px 0 74px!important;
}
.service-v57-extra-cool{
background:
linear-gradient(140deg, rgba(255,255,255,.7) 0 18%, transparent 18% 100%),
linear-gradient(35deg, transparent 0 54%, rgba(164,220,246,.23) 54% 72%, transparent 72% 100%),
linear-gradient(180deg,#edf9ff 0%,#e6f5fd 100%)!important;
padding:72px 0 82px!important;
}
.service-v57-section-block{
text-align:center!important;
margin:0 auto 76px!important;
}
.service-v57-section-block:last-child{
margin-bottom:0!important;
}
.service-v57-section-block h2{
font-size:26px!important;
line-height:1.35!important;
font-weight:500!important;
color:#172642!important;
text-align:center!important;
margin:0 0 26px!important;
}
/* Shared card hover */
.service-v57-combo-card,
.service-v57-packaging-card,
.service-v57-quality-card{
background:rgba(255,255,255,.88)!important;
border-radius:10px!important;
border:1px solid rgba(0,0,0,.08)!important;
box-shadow:0 2px 8px rgba(18,36,64,.06)!important;
overflow:hidden!important;
transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease!important;
}
.service-v57-combo-card:hover,
.service-v57-packaging-card:hover,
.service-v57-quality-card:hover{
transform:translateY(-7px)!important;
box-shadow:0 18px 42px rgba(18,36,64,.18)!important;
border-color:rgba(255,138,33,.22)!important;
}
.service-v57-combo-card p,
.service-v57-combo-card li,
.service-v57-packaging-card p,
.service-v57-quality-card p{
font-size:18px!important;
line-height:1.72!important;
color:#172642!important;
}
.service-v57-combo-card strong,
.service-v57-packaging-card strong,
.service-v57-quality-card strong{
color:#1677e8!important;
}
/* Photography card */
.service-v57-photo-card{
display:grid!important;
grid-template-columns:300px minmax(0,340px)!important;
width:650px!important;
max-width:100%!important;
margin:0 auto 34px!important;
text-align:left!important;
}
.service-v57-photo-stack{
display:grid!important;
grid-template-rows:auto auto!important;
}
.service-v57-photo-stack img{
width:100%!important;
height:150px!important;
display:block!important;
object-fit:cover!important;
}
.service-v57-photo-stack img + img{
height:176px!important;
}
.service-v57-card-copy{
padding:24px 26px!important;
}
.service-v57-card-copy p{
margin:0 0 16px!important;
}
.service-v57-card-copy ul{
margin:0!important;
padding-left:22px!important;
}
.service-v57-card-copy li{
margin:0 0 14px!important;
}
/* Packaging combined card */
.service-v57-packaging-card{
display:grid!important;
grid-template-columns:220px 220px 220px 260px!important;
width:940px!important;
max-width:100%!important;
margin:0 auto 34px!important;
text-align:left!important;
align-items:stretch!important;
}
.service-v57-packaging-visual{
display:grid!important;
grid-template-columns:1fr 1fr!important;
align-items:center!important;
background:#fff!important;
padding:18px!important;
gap:8px!important;
}
.service-v57-packaging-visual img{
width:100%!important;
height:auto!important;
display:block!important;
object-fit:contain!important;
}
.service-v57-labels{
grid-template-columns:1fr!important;
gap:8px!important;
}
.service-v57-packaging-copy{
padding:22px 24px!important;
border-left:1px solid rgba(0,0,0,.08)!important;
}
.service-v57-packaging-copy h3,
.service-v57-quality-card h3{
font-size:18px!important;
line-height:1.42!important;
font-weight:600!important;
color:#172642!important;
margin:0 0 12px!important;
}
.service-v57-packaging-copy p{
margin:0 0 14px!important;
}
/* Quality cards */
.service-v57-quality-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:24px!important;
width:780px!important;
max-width:100%!important;
margin:0 auto 34px!important;
}
.service-v57-quality-card{
text-align:left!important;
background:#fff!important;
}
.service-v57-quality-card img{
width:100%!important;
height:132px!important;
object-fit:cover!important;
display:block!important;
}
.service-v57-quality-card div{
padding:18px 18px 22px!important;
}
.service-v57-quality-card h3{
text-align:center!important;
margin-bottom:12px!important;
}
.service-v57-quality-card p{
margin:0!important;
}
/* Warehouse card */
.service-v57-warehouse-card{
display:grid!important;
grid-template-columns:320px minmax(0,430px)!important;
width:760px!important;
max-width:100%!important;
margin:0 auto 34px!important;
text-align:left!important;
background:#fff!important;
}
.service-v57-warehouse-card > img{
width:100%!important;
height:205px!important;
object-fit:cover!important;
display:block!important;
}
.service-v57-warehouse-card .service-v57-card-copy{
padding:24px 26px!important;
}
.service-v57-section-block .button{
background:#ff8a21!important;
border-color:#ff8a21!important;
color:#fff!important;
border-radius:999px!important;
padding:10px 24px!important;
min-height:38px!important;
font-size:15px!important;
font-weight:600!important;
text-decoration:none!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
}
.service-v57-section-block .button-blue{
background:#1677e8!important;
border-color:#1677e8!important;
color:#fff!important;
}
/* Nav active guard */
body.rjl-page-extra-services .main-nav > .menu > li.rjl-nav-services > a{
color:#ff8a21!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
body.rjl-page-extra-services .main-nav > .menu > li.rjl-nav-products > a,
body.rjl-page-extra-services .main-nav > .menu > li.rjl-nav-about > a,
body.rjl-page-extra-services .main-nav > .menu > li.rjl-nav-solutions > a,
body.rjl-page-extra-services .main-nav > .menu > li.rjl-nav-resources > a{
color:#111827!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
@media (max-width:900px){
.service-v57-extra-title .rjl-container,
.service-v57-extra-warm .rjl-container,
.service-v57-extra-cool .rjl-container{
width:min(calc(100% - 36px),1140px)!important;
}
.service-v57-photo-card,
.service-v57-packaging-card,
.service-v57-quality-grid,
.service-v57-warehouse-card{
grid-template-columns:1fr!important;
width:100%!important;
}
.service-v57-photo-stack img,
.service-v57-photo-stack img + img,
.service-v57-quality-card img,
.service-v57-warehouse-card > img{
height:auto!important;
}
}
/* ===== v58 Extra Services rebuild =====
- all media rendered as background-image blocks instead of ![]()
- section width aligned to 1140px
- packaging split into two independent cards
- larger media / softer 2-layer gradient backgrounds
*/
body.rjl-page-extra-services .service-v57-extra-title .rjl-container,
body.rjl-page-extra-services .service-v57-extra-warm .rjl-container,
body.rjl-page-extra-services .service-v57-extra-cool .rjl-container{
width:min(calc(100% - 64px),1140px)!important;
max-width:1140px!important;
}
body.rjl-page-extra-services .service-v57-extra-warm{
background:
linear-gradient(180deg, rgba(243,218,188,.88) 0%, rgba(255,236,214,.86) 100%),
linear-gradient(145deg, rgba(255,255,255,.62) 0 28%, transparent 28% 100%),
linear-gradient(35deg, transparent 0 52%, rgba(241,197,147,.40) 52% 71%, transparent 71% 100%)!important;
}
body.rjl-page-extra-services .service-v57-extra-cool{
background:
linear-gradient(180deg, rgba(222,237,246,.94) 0%, rgba(236,245,251,.96) 100%),
linear-gradient(145deg, rgba(255,255,255,.56) 0 26%, transparent 26% 100%),
linear-gradient(38deg, transparent 0 56%, rgba(174,205,226,.28) 56% 73%, transparent 73% 100%)!important;
}
body.rjl-page-extra-services .service-v57-section-block{
max-width:1140px!important;
margin:0 auto 78px!important;
}
body.rjl-page-extra-services .service-v57-section-block h2{
margin:0 0 24px!important;
}
body.rjl-page-extra-services .service-v57-bg{
background-image:var(--bg-image)!important;
background-repeat:no-repeat!important;
background-position:center center!important;
background-size:cover!important;
display:block!important;
width:100%!important;
}
body.rjl-page-extra-services .service-v57-combo-card,
body.rjl-page-extra-services .service-v57-packaging-card,
body.rjl-page-extra-services .service-v57-quality-card{
background:rgba(255,255,255,.92)!important;
border-radius:10px!important;
border:1px solid rgba(22,38,66,.08)!important;
box-shadow:0 3px 10px rgba(18,36,64,.06)!important;
}
body.rjl-page-extra-services .service-v57-combo-card:hover,
body.rjl-page-extra-services .service-v57-packaging-card:hover,
body.rjl-page-extra-services .service-v57-quality-card:hover{
transform:translateY(-8px)!important;
box-shadow:0 18px 42px rgba(18,36,64,.16)!important;
}
/* Photography */
body.rjl-page-extra-services .service-v57-photo-card{
grid-template-columns:315px minmax(0,1fr)!important;
width:860px!important;
max-width:100%!important;
margin:0 auto 30px!important;
}
body.rjl-page-extra-services .service-v57-photo-stack{
grid-template-rows:137px 138px!important;
gap:0!important;
}
body.rjl-page-extra-services .service-v57-bg-photo{
height:100%!important;
}
body.rjl-page-extra-services .service-v57-bg-photo-1{ background-size:cover!important; }
body.rjl-page-extra-services .service-v57-bg-photo-2{ background-size:contain!important; background-color:#fff!important; }
body.rjl-page-extra-services .service-v57-photo-card .service-v57-card-copy{
padding:24px 28px!important;
}
body.rjl-page-extra-services .service-v57-photo-card .service-v57-card-copy p,
body.rjl-page-extra-services .service-v57-photo-card .service-v57-card-copy li{
font-size:16px!important;
line-height:1.72!important;
}
/* Packaging split cards */
body.rjl-page-extra-services .service-v57-packaging-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:22px!important;
width:860px!important;
max-width:100%!important;
margin:0 auto 30px!important;
}
body.rjl-page-extra-services .service-v57-packaging-card{
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
width:100%!important;
margin:0!important;
text-align:left!important;
align-items:stretch!important;
}
body.rjl-page-extra-services .service-v57-packaging-card .service-v57-packaging-copy{
padding:22px 24px!important;
border-left:1px solid rgba(22,38,66,.08)!important;
}
body.rjl-page-extra-services .service-v57-packaging-card:first-child .service-v57-packaging-copy{
border-left:1px solid rgba(22,38,66,.08)!important;
}
body.rjl-page-extra-services .service-v57-packaging-card .service-v57-packaging-copy p,
body.rjl-page-extra-services .service-v57-packaging-card .service-v57-packaging-copy h3{
font-size:16px!important;
}
body.rjl-page-extra-services .service-v57-packaging-card .service-v57-packaging-copy h3{
font-size:18px!important;
line-height:1.4!important;
margin-bottom:12px!important;
}
body.rjl-page-extra-services .service-v57-packaging-visual{
padding:18px!important;
background:#fff!important;
}
body.rjl-page-extra-services .service-v57-packaging-visual-double{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:10px!important;
}
body.rjl-page-extra-services .service-v57-bg-pack{
min-height:176px!important;
background-size:contain!important;
background-color:#fff!important;
}
body.rjl-page-extra-services .service-v57-labels{
display:grid!important;
grid-template-rows:1fr 1fr!important;
gap:10px!important;
}
body.rjl-page-extra-services .service-v57-bg-label{
min-height:76px!important;
background-size:contain!important;
background-color:#fff!important;
}
/* Quality */
body.rjl-page-extra-services .service-v57-quality-grid{
width:100%!important;
max-width:1140px!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:24px!important;
margin:0 auto 30px!important;
}
body.rjl-page-extra-services .service-v57-quality-card{
background:rgba(255,255,255,.95)!important;
}
body.rjl-page-extra-services .service-v57-bg-quality{
height:178px!important;
}
body.rjl-page-extra-services .service-v57-quality-card div{
padding:16px 18px 20px!important;
}
body.rjl-page-extra-services .service-v57-quality-card h3{
font-size:16px!important;
margin-bottom:10px!important;
}
body.rjl-page-extra-services .service-v57-quality-card p{
font-size:15px!important;
line-height:1.6!important;
}
/* Warehouse */
body.rjl-page-extra-services .service-v57-warehouse-card{
grid-template-columns:320px minmax(0,1fr)!important;
width:860px!important;
max-width:100%!important;
margin:0 auto 30px!important;
}
body.rjl-page-extra-services .service-v57-bg-warehouse{
height:230px!important;
}
body.rjl-page-extra-services .service-v57-section-block .button{
min-width:138px!important;
}
@media (max-width: 900px){
body.rjl-page-extra-services .service-v57-photo-card,
body.rjl-page-extra-services .service-v57-packaging-grid,
body.rjl-page-extra-services .service-v57-warehouse-card{
width:100%!important;
}
body.rjl-page-extra-services .service-v57-packaging-grid{
grid-template-columns:1fr!important;
}
body.rjl-page-extra-services .service-v57-packaging-card,
body.rjl-page-extra-services .service-v57-photo-card,
body.rjl-page-extra-services .service-v57-warehouse-card{
grid-template-columns:1fr!important;
}
body.rjl-page-extra-services .service-v57-quality-grid{
grid-template-columns:1fr!important;
}
body.rjl-page-extra-services .service-v57-photo-stack{
grid-template-rows:180px 190px!important;
}
body.rjl-page-extra-services .service-v57-bg-pack,
body.rjl-page-extra-services .service-v57-bg-label,
body.rjl-page-extra-services .service-v57-bg-warehouse,
body.rjl-page-extra-services .service-v57-bg-quality{
min-height:180px!important;
height:180px!important;
}
body.rjl-page-extra-services .service-v57-packaging-card .service-v57-packaging-copy{
border-left:0!important;
border-top:1px solid rgba(22,38,66,.08)!important;
}
}
/* ===== v59 Photos & Designs width increase =====
User feedback: media blocks feel too small.
Widen all key visual modules globally on desktop.
*/
.service-v56-showcase .rjl-container,
.service-v56-inquiry .rjl-container{
width:min(calc(100% - 64px),1140px)!important;
max-width:1140px!important;
}
.service-v56-showcase p{
max-width:1140px!important;
}
/* Larger Product Photos collage */
.service-v56-photo-grid{
width:min(100%,1040px)!important;
gap:8px!important;
margin:0 auto 56px!important;
}
.service-v56-photo-grid img{
height:248px!important;
}
.service-v56-photo-grid figure:nth-child(5) img,
.service-v56-photo-grid figure:nth-child(6) img,
.service-v56-photo-grid figure:nth-child(7) img,
.service-v56-photo-grid figure:nth-child(8) img{
height:242px!important;
}
/* Larger Product Videos frame */
.service-v56-video-frame{
width:min(100%,1040px)!important;
margin:0 auto 56px!important;
border-radius:2px!important;
}
/* Larger Graphic Design mosaic */
.service-v56-graphic-grid{
width:min(100%,1040px)!important;
grid-auto-rows:186px!important;
gap:8px!important;
margin:0 auto 56px!important;
}
/* Slightly wider inquiry form to match the stronger page scale */
.service-v56-inquiry form{
width:min(100%,1040px)!important;
}
@media (max-width: 1100px){
.service-v56-photo-grid img{
height:210px!important;
}
.service-v56-photo-grid figure:nth-child(5) img,
.service-v56-photo-grid figure:nth-child(6) img,
.service-v56-photo-grid figure:nth-child(7) img,
.service-v56-photo-grid figure:nth-child(8) img{
height:204px!important;
}
.service-v56-graphic-grid{
grid-auto-rows:160px!important;
}
}
@media (max-width: 767px){
.service-v56-showcase .rjl-container,
.service-v56-inquiry .rjl-container{
width:min(calc(100% - 32px),1140px)!important;
}
.service-v56-photo-grid,
.service-v56-graphic-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.service-v56-photo-grid img,
.service-v56-photo-grid figure:nth-child(5) img,
.service-v56-photo-grid figure:nth-child(6) img,
.service-v56-photo-grid figure:nth-child(7) img,
.service-v56-photo-grid figure:nth-child(8) img{
height:180px!important;
}
.service-v56-graphic-grid{
grid-auto-rows:140px!important;
}
}
/* ===== v60 exact 1140 media width lock =====
User rule: 1140 means 1140.
Photos & Designs visual modules must use the full 1140px content width,
not 1040px, not 720px.
*/
body.rjl-page-photos-designs .service-v56-showcase .rjl-container,
body.rjl-page-photos-designs .service-v56-inquiry .rjl-container{
width:min(calc(100% - 64px),1140px)!important;
max-width:1140px!important;
}
/* Product Photos: exact 1140 max */
body.rjl-page-photos-designs .service-v56-photo-grid{
width:1140px!important;
max-width:100%!important;
margin-left:auto!important;
margin-right:auto!important;
gap:8px!important;
}
body.rjl-page-photos-designs .service-v56-photo-grid img{
height:270px!important;
}
body.rjl-page-photos-designs .service-v56-photo-grid figure:nth-child(5) img,
body.rjl-page-photos-designs .service-v56-photo-grid figure:nth-child(6) img,
body.rjl-page-photos-designs .service-v56-photo-grid figure:nth-child(7) img,
body.rjl-page-photos-designs .service-v56-photo-grid figure:nth-child(8) img{
height:264px!important;
}
/* Product Videos: exact 1140 max */
body.rjl-page-photos-designs .service-v56-video-frame{
width:1140px!important;
max-width:100%!important;
margin-left:auto!important;
margin-right:auto!important;
}
/* Graphic Design: exact 1140 max */
body.rjl-page-photos-designs .service-v56-graphic-grid{
width:1140px!important;
max-width:100%!important;
grid-auto-rows:204px!important;
margin-left:auto!important;
margin-right:auto!important;
gap:8px!important;
}
/* Inquiry form follows the same 1140 page scale */
body.rjl-page-photos-designs .service-v56-inquiry form{
width:1140px!important;
max-width:100%!important;
}
/* Extra Services card groups also use the same 1140 content width where applicable */
body.rjl-page-extra-services .service-v57-packaging-grid,
body.rjl-page-extra-services .service-v57-quality-grid{
width:1140px!important;
max-width:100%!important;
}
body.rjl-page-extra-services .service-v57-photo-card,
body.rjl-page-extra-services .service-v57-warehouse-card{
width:1140px!important;
max-width:100%!important;
}
/* Responsive fallback only below 1140 viewport */
@media (max-width: 1190px){
body.rjl-page-photos-designs .service-v56-photo-grid,
body.rjl-page-photos-designs .service-v56-video-frame,
body.rjl-page-photos-designs .service-v56-graphic-grid,
body.rjl-page-photos-designs .service-v56-inquiry form,
body.rjl-page-extra-services .service-v57-packaging-grid,
body.rjl-page-extra-services .service-v57-quality-grid,
body.rjl-page-extra-services .service-v57-photo-card,
body.rjl-page-extra-services .service-v57-warehouse-card{
width:100%!important;
max-width:100%!important;
}
body.rjl-page-photos-designs .service-v56-photo-grid img{
height:240px!important;
}
body.rjl-page-photos-designs .service-v56-photo-grid figure:nth-child(5) img,
body.rjl-page-photos-designs .service-v56-photo-grid figure:nth-child(6) img,
body.rjl-page-photos-designs .service-v56-photo-grid figure:nth-child(7) img,
body.rjl-page-photos-designs .service-v56-photo-grid figure:nth-child(8) img{
height:234px!important;
}
body.rjl-page-photos-designs .service-v56-graphic-grid{
grid-auto-rows:180px!important;
}
}
/* ===== v61 Extra Services target rebuild, strict to user screenshot =====
Rules:
- Extra Services media is rendered as background-image blocks, not ![]()
.
- Max layout width is 1140px.
- Photography media is one combined image block.
- Packaging is two separate cards with a clear middle gap.
- Cards have hover floating shadow.
- Background is two-layer: darker base + lighter geometric shapes.
*/
body.rjl-page-extra-services .service-v51-title,
body.rjl-page-extra-services .service-v51-extra-block,
body.rjl-page-extra-services .service-v51-quality,
body.rjl-page-extra-services .service-v57-extra-title,
body.rjl-page-extra-services .service-v57-extra-warm,
body.rjl-page-extra-services .service-v57-extra-cool{
display:none!important;
}
body.rjl-page-extra-services .service-v61-extra-title{
background:#fff!important;
padding:58px 0 66px!important;
text-align:center!important;
}
body.rjl-page-extra-services .service-v61-extra-title .rjl-container,
body.rjl-page-extra-services .service-v61-extra-warm .rjl-container,
body.rjl-page-extra-services .service-v61-extra-cool .rjl-container{
width:min(calc(100% - 64px),1140px)!important;
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
}
body.rjl-page-extra-services .service-v61-extra-title h1{
font-size:32px!important;
line-height:1.28!important;
font-weight:500!important;
color:#111827!important;
margin:0!important;
}
body.rjl-page-extra-services .service-v61-extra-title h1::after{
content:""!important;
display:block!important;
width:140px!important;
height:2px!important;
background:#ff8a21!important;
margin:20px auto 0!important;
}
body.rjl-page-extra-services .service-v61-extra-warm{
background:
linear-gradient(145deg, rgba(255,255,255,.66) 0 25%, rgba(255,255,255,0) 25% 100%),
linear-gradient(34deg, rgba(255,255,255,0) 0 52%, rgba(255,243,228,.58) 52% 71%, rgba(255,255,255,0) 71% 100%),
linear-gradient(180deg,#f2d4b1 0%,#f7ddbe 45%,#ffe8cc 100%)!important;
padding:72px 0 82px!important;
}
body.rjl-page-extra-services .service-v61-extra-cool{
background:
linear-gradient(145deg, rgba(255,255,255,.58) 0 26%, rgba(255,255,255,0) 26% 100%),
linear-gradient(36deg, rgba(255,255,255,0) 0 54%, rgba(245,252,255,.58) 54% 73%, rgba(255,255,255,0) 73% 100%),
linear-gradient(180deg,#cfe2ed 0%,#dcecf4 45%,#ecf7fc 100%)!important;
padding:82px 0 92px!important;
}
body.rjl-page-extra-services .service-v61-section{
width:100%!important;
max-width:1140px!important;
margin:0 auto 84px!important;
text-align:center!important;
}
body.rjl-page-extra-services .service-v61-section:last-child{
margin-bottom:0!important;
}
body.rjl-page-extra-services .service-v61-section h2{
font-size:28px!important;
line-height:1.32!important;
font-weight:500!important;
color:#172642!important;
margin:0 0 28px!important;
text-align:center!important;
}
body.rjl-page-extra-services .service-v61-bg{
display:block!important;
width:100%!important;
background-image:var(--bg-image)!important;
background-repeat:no-repeat!important;
background-position:center center!important;
background-size:cover!important;
background-color:#fff!important;
}
body.rjl-page-extra-services .service-v61-card{
background:rgba(255,255,255,.94)!important;
border:1px solid rgba(22,38,66,.10)!important;
border-radius:10px!important;
box-shadow:0 4px 12px rgba(18,36,64,.07)!important;
overflow:hidden!important;
transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease!important;
}
body.rjl-page-extra-services .service-v61-card:hover{
transform:translateY(-8px)!important;
box-shadow:0 20px 46px rgba(18,36,64,.18)!important;
border-color:rgba(255,138,33,.24)!important;
}
body.rjl-page-extra-services .service-v61-copy{
text-align:left!important;
}
body.rjl-page-extra-services .service-v61-copy p,
body.rjl-page-extra-services .service-v61-copy li{
font-size:18px!important;
line-height:1.72!important;
color:#172642!important;
}
body.rjl-page-extra-services .service-v61-copy p{
margin:0 0 18px!important;
}
body.rjl-page-extra-services .service-v61-copy ul{
margin:0!important;
padding-left:22px!important;
}
body.rjl-page-extra-services .service-v61-copy li{
margin:0 0 14px!important;
}
body.rjl-page-extra-services .service-v61-copy strong{
color:#1677e8!important;
font-weight:700!important;
}
/* Photography: one combined media background + copy in one card */
body.rjl-page-extra-services .service-v61-photo-card{
display:grid!important;
grid-template-columns:410px minmax(0,520px)!important;
width:930px!important;
max-width:100%!important;
margin:0 auto 34px!important;
align-items:stretch!important;
}
body.rjl-page-extra-services .service-v61-photo-bg{
height:360px!important;
background-size:cover!important;
}
body.rjl-page-extra-services .service-v61-photo-card .service-v61-copy{
padding:34px 38px!important;
}
/* Packaging: two cards, separated in the middle */
body.rjl-page-extra-services .service-v61-packaging-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:28px!important;
width:1140px!important;
max-width:100%!important;
margin:0 auto 34px!important;
}
body.rjl-page-extra-services .service-v61-packaging-card{
display:grid!important;
grid-template-columns:48% 52%!important;
align-items:stretch!important;
min-height:270px!important;
}
body.rjl-page-extra-services .service-v61-packaging-card:nth-child(2){
grid-template-columns:52% 48%!important;
}
body.rjl-page-extra-services .service-v61-packaging-bg{
min-height:270px!important;
background-size:contain!important;
}
body.rjl-page-extra-services .service-v61-packaging-card .service-v61-copy{
padding:34px 34px!important;
border-left:1px solid rgba(22,38,66,.10)!important;
}
body.rjl-page-extra-services .service-v61-packaging-card:nth-child(2) .service-v61-copy{
border-left:0!important;
border-right:1px solid rgba(22,38,66,.10)!important;
}
body.rjl-page-extra-services .service-v61-packaging-card h3,
body.rjl-page-extra-services .service-v61-quality-card h3{
font-size:22px!important;
line-height:1.36!important;
color:#172642!important;
margin:0 0 18px!important;
font-weight:600!important;
}
body.rjl-page-extra-services .service-v61-packaging-card p{
margin-bottom:16px!important;
}
/* Quality: three cards inside 1140 */
body.rjl-page-extra-services .service-v61-quality-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:28px!important;
width:1140px!important;
max-width:100%!important;
margin:0 auto 34px!important;
}
body.rjl-page-extra-services .service-v61-quality-card{
background:rgba(255,255,255,.95)!important;
text-align:left!important;
}
body.rjl-page-extra-services .service-v61-quality-bg{
height:190px!important;
background-size:cover!important;
}
body.rjl-page-extra-services .service-v61-quality-card .service-v61-copy{
padding:22px 24px 26px!important;
}
body.rjl-page-extra-services .service-v61-quality-card h3{
text-align:center!important;
font-size:18px!important;
margin-bottom:12px!important;
}
body.rjl-page-extra-services .service-v61-quality-card p{
font-size:16px!important;
line-height:1.65!important;
margin:0!important;
}
/* Warehouse */
body.rjl-page-extra-services .service-v61-warehouse-card{
display:grid!important;
grid-template-columns:430px minmax(0,560px)!important;
width:990px!important;
max-width:100%!important;
margin:0 auto 34px!important;
align-items:stretch!important;
}
body.rjl-page-extra-services .service-v61-warehouse-bg{
height:260px!important;
background-size:cover!important;
}
body.rjl-page-extra-services .service-v61-warehouse-card .service-v61-copy{
padding:34px 38px!important;
}
body.rjl-page-extra-services .service-v61-section .button{
background:#ff8a21!important;
border-color:#ff8a21!important;
color:#fff!important;
border-radius:999px!important;
min-width:138px!important;
min-height:40px!important;
padding:10px 24px!important;
font-size:15px!important;
font-weight:600!important;
text-decoration:none!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
}
body.rjl-page-extra-services .service-v61-section .button-blue{
background:#1677e8!important;
border-color:#1677e8!important;
color:#fff!important;
}
/* Nav active guard */
body.rjl-page-extra-services .main-nav > .menu > li.rjl-nav-services > a{
color:#ff8a21!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
body.rjl-page-extra-services .main-nav > .menu > li.rjl-nav-products > a,
body.rjl-page-extra-services .main-nav > .menu > li.rjl-nav-about > a,
body.rjl-page-extra-services .main-nav > .menu > li.rjl-nav-solutions > a,
body.rjl-page-extra-services .main-nav > .menu > li.rjl-nav-resources > a{
color:#111827!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
@media (max-width:1190px){
body.rjl-page-extra-services .service-v61-photo-card,
body.rjl-page-extra-services .service-v61-packaging-grid,
body.rjl-page-extra-services .service-v61-quality-grid,
body.rjl-page-extra-services .service-v61-warehouse-card{
width:100%!important;
max-width:100%!important;
}
}
@media (max-width:900px){
body.rjl-page-extra-services .service-v61-extra-title .rjl-container,
body.rjl-page-extra-services .service-v61-extra-warm .rjl-container,
body.rjl-page-extra-services .service-v61-extra-cool .rjl-container{
width:min(calc(100% - 36px),1140px)!important;
}
body.rjl-page-extra-services .service-v61-photo-card,
body.rjl-page-extra-services .service-v61-packaging-grid,
body.rjl-page-extra-services .service-v61-quality-grid,
body.rjl-page-extra-services .service-v61-warehouse-card{
grid-template-columns:1fr!important;
}
body.rjl-page-extra-services .service-v61-packaging-card,
body.rjl-page-extra-services .service-v61-packaging-card:nth-child(2){
grid-template-columns:1fr!important;
}
body.rjl-page-extra-services .service-v61-photo-bg,
body.rjl-page-extra-services .service-v61-packaging-bg,
body.rjl-page-extra-services .service-v61-quality-bg,
body.rjl-page-extra-services .service-v61-warehouse-bg{
min-height:220px!important;
height:220px!important;
}
body.rjl-page-extra-services .service-v61-packaging-card .service-v61-copy,
body.rjl-page-extra-services .service-v61-packaging-card:nth-child(2) .service-v61-copy{
border-left:0!important;
border-right:0!important;
border-top:1px solid rgba(22,38,66,.10)!important;
}
}
/* ===== v62 Extra Service final correction + Photos step icon scale =====
User corrections:
- Extra Service background-image blocks must actually display.
- Extra Service card text is 16px.
- Only Quality Inspection cards have titles; those titles are 16px.
- Other cards do not use title styling inside cards.
- Warehousing card is smaller.
- Except Packaging Design, media box is narrower than text box.
- Photos & Designs step icons are 1.5x larger and section spacing is larger.
*/
/* Compatibility: support both plural and singular body classes. */
body.rjl-page-extra-services .service-v61-bg,
body.rjl-page-extra-service .service-v61-bg{
display:block!important;
width:100%!important;
min-width:0!important;
background-image:var(--bg-image)!important;
background-repeat:no-repeat!important;
background-position:center center!important;
background-size:cover!important;
background-color:#fff!important;
opacity:1!important;
visibility:visible!important;
}
/* Use the v61 Extra layout and hide old Extra layouts regardless of singular/plural slug body class. */
body.rjl-page-extra-services .service-v51-title,
body.rjl-page-extra-services .service-v51-extra-block,
body.rjl-page-extra-services .service-v51-quality,
body.rjl-page-extra-services .service-v57-extra-title,
body.rjl-page-extra-services .service-v57-extra-warm,
body.rjl-page-extra-services .service-v57-extra-cool,
body.rjl-page-extra-service .service-v51-title,
body.rjl-page-extra-service .service-v51-extra-block,
body.rjl-page-extra-service .service-v51-quality,
body.rjl-page-extra-service .service-v57-extra-title,
body.rjl-page-extra-service .service-v57-extra-warm,
body.rjl-page-extra-service .service-v57-extra-cool{
display:none!important;
}
/* 1140 page width */
body.rjl-page-extra-services .service-v61-extra-title .rjl-container,
body.rjl-page-extra-services .service-v61-extra-warm .rjl-container,
body.rjl-page-extra-services .service-v61-extra-cool .rjl-container,
body.rjl-page-extra-service .service-v61-extra-title .rjl-container,
body.rjl-page-extra-service .service-v61-extra-warm .rjl-container,
body.rjl-page-extra-service .service-v61-extra-cool .rjl-container{
width:min(calc(100% - 64px),1140px)!important;
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
}
/* Card text: 16px inside Extra Service cards */
body.rjl-page-extra-services .service-v61-card .service-v61-copy p,
body.rjl-page-extra-services .service-v61-card .service-v61-copy li,
body.rjl-page-extra-services .service-v61-card .service-v61-copy strong,
body.rjl-page-extra-services .service-v61-card .service-v61-copy h3,
body.rjl-page-extra-service .service-v61-card .service-v61-copy p,
body.rjl-page-extra-service .service-v61-card .service-v61-copy li,
body.rjl-page-extra-service .service-v61-card .service-v61-copy strong,
body.rjl-page-extra-service .service-v61-card .service-v61-copy h3{
font-size:16px!important;
line-height:1.68!important;
color:#172642!important;
}
/* Only Quality Inspection cards have visible title style; title is also 16px. */
body.rjl-page-extra-services .service-v61-quality-card h3,
body.rjl-page-extra-service .service-v61-quality-card h3{
display:block!important;
font-size:16px!important;
line-height:1.45!important;
font-weight:600!important;
color:#172642!important;
text-align:center!important;
margin:0 0 10px!important;
}
/* Packaging labels are body text now, not card titles. */
body.rjl-page-extra-services .service-v61-packaging-card h3,
body.rjl-page-extra-service .service-v61-packaging-card h3{
display:none!important;
}
body.rjl-page-extra-services .service-v61-packaging-card .service-v61-copy > p:first-child strong,
body.rjl-page-extra-service .service-v61-packaging-card .service-v61-copy > p:first-child strong{
font-size:16px!important;
font-weight:600!important;
color:#172642!important;
}
/* Photography: image box narrower, text box wider, one combined background image. */
body.rjl-page-extra-services .service-v61-photo-card,
body.rjl-page-extra-service .service-v61-photo-card{
display:grid!important;
grid-template-columns:360px minmax(0,540px)!important;
width:900px!important;
max-width:100%!important;
margin:0 auto 34px!important;
}
body.rjl-page-extra-services .service-v61-photo-bg,
body.rjl-page-extra-service .service-v61-photo-bg{
height:318px!important;
background-image:none!important;
background-size:cover!important;
background-position:center center!important;
}
/* Packaging Design: exception, image/text can be balanced because each card is a design item. */
body.rjl-page-extra-services .service-v61-packaging-grid,
body.rjl-page-extra-service .service-v61-packaging-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:28px!important;
width:1140px!important;
max-width:100%!important;
margin:0 auto 34px!important;
}
body.rjl-page-extra-services .service-v61-packaging-card,
body.rjl-page-extra-service .service-v61-packaging-card{
display:grid!important;
grid-template-columns:48% 52%!important;
min-height:238px!important;
}
body.rjl-page-extra-services .service-v61-packaging-card:nth-child(2),
body.rjl-page-extra-service .service-v61-packaging-card:nth-child(2){
grid-template-columns:52% 48%!important;
}
body.rjl-page-extra-services .service-v61-packaging-bg,
body.rjl-page-extra-service .service-v61-packaging-bg{
min-height:238px!important;
background-size:contain!important;
background-position:center center!important;
}
body.rjl-page-extra-services .service-v61-packaging-card:first-child .service-v61-packaging-bg,
body.rjl-page-extra-service .service-v61-packaging-card:first-child .service-v61-packaging-bg{
background-image:none!important;
}
body.rjl-page-extra-services .service-v61-packaging-card:nth-child(2) .service-v61-packaging-bg,
body.rjl-page-extra-service .service-v61-packaging-card:nth-child(2) .service-v61-packaging-bg{
background-image:none!important;
}
/* Quality: keep titles; image at top. */
body.rjl-page-extra-services .service-v61-quality-grid,
body.rjl-page-extra-service .service-v61-quality-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:28px!important;
width:1140px!important;
max-width:100%!important;
margin:0 auto 34px!important;
}
body.rjl-page-extra-services .service-v61-quality-bg,
body.rjl-page-extra-service .service-v61-quality-bg{
height:190px!important;
background-size:cover!important;
background-position:center center!important;
}
body.rjl-page-extra-services .service-v61-quality-card:nth-child(1) .service-v61-quality-bg,
body.rjl-page-extra-service .service-v61-quality-card:nth-child(1) .service-v61-quality-bg{
background-image:none!important;
}
body.rjl-page-extra-services .service-v61-quality-card:nth-child(2) .service-v61-quality-bg,
body.rjl-page-extra-service .service-v61-quality-card:nth-child(2) .service-v61-quality-bg{
background-image:none!important;
}
body.rjl-page-extra-services .service-v61-quality-card:nth-child(3) .service-v61-quality-bg,
body.rjl-page-extra-service .service-v61-quality-card:nth-child(3) .service-v61-quality-bg{
background-image:none!important;
}
body.rjl-page-extra-services .service-v61-quality-card .service-v61-copy p,
body.rjl-page-extra-service .service-v61-quality-card .service-v61-copy p{
font-size:16px!important;
line-height:1.62!important;
}
/* Warehousing: card smaller; media box narrower than text box. */
body.rjl-page-extra-services .service-v61-warehouse-card,
body.rjl-page-extra-service .service-v61-warehouse-card{
display:grid!important;
grid-template-columns:320px minmax(0,520px)!important;
width:840px!important;
max-width:100%!important;
margin:0 auto 34px!important;
}
body.rjl-page-extra-services .service-v61-warehouse-bg,
body.rjl-page-extra-service .service-v61-warehouse-bg{
height:236px!important;
background-image:none!important;
background-size:cover!important;
background-position:center center!important;
}
body.rjl-page-extra-services .service-v61-warehouse-card .service-v61-copy,
body.rjl-page-extra-service .service-v61-warehouse-card .service-v61-copy{
padding:28px 34px!important;
}
/* Card padding tune after font reduction. */
body.rjl-page-extra-services .service-v61-photo-card .service-v61-copy,
body.rjl-page-extra-service .service-v61-photo-card .service-v61-copy{
padding:28px 34px!important;
}
body.rjl-page-extra-services .service-v61-packaging-card .service-v61-copy,
body.rjl-page-extra-service .service-v61-packaging-card .service-v61-copy{
padding:28px 30px!important;
}
body.rjl-page-extra-services .service-v61-quality-card .service-v61-copy,
body.rjl-page-extra-service .service-v61-quality-card .service-v61-copy{
padding:18px 22px 22px!important;
}
/* Photos & Designs step icons from screenshot: 1.5x larger and more vertical spacing */
body.rjl-page-photos-designs .service-v56-design-steps{
padding:74px 0 86px!important;
}
body.rjl-page-photos-designs .service-v56-design-step-grid{
max-width:980px!important;
gap:64px!important;
margin-bottom:38px!important;
}
body.rjl-page-photos-designs .service-v56-design-step-grid img{
width:87px!important;
height:87px!important;
margin-bottom:20px!important;
}
body.rjl-page-photos-designs .service-v56-design-step-grid p{
font-size:18px!important;
line-height:1.58!important;
}
@media (max-width:900px){
body.rjl-page-extra-services .service-v61-photo-card,
body.rjl-page-extra-services .service-v61-packaging-grid,
body.rjl-page-extra-services .service-v61-quality-grid,
body.rjl-page-extra-services .service-v61-warehouse-card,
body.rjl-page-extra-service .service-v61-photo-card,
body.rjl-page-extra-service .service-v61-packaging-grid,
body.rjl-page-extra-service .service-v61-quality-grid,
body.rjl-page-extra-service .service-v61-warehouse-card{
width:100%!important;
grid-template-columns:1fr!important;
}
body.rjl-page-extra-services .service-v61-packaging-card,
body.rjl-page-extra-services .service-v61-packaging-card:nth-child(2),
body.rjl-page-extra-service .service-v61-packaging-card,
body.rjl-page-extra-service .service-v61-packaging-card:nth-child(2){
grid-template-columns:1fr!important;
}
}
/* ===== v64 rollback marker: v63 Solutions rewrite removed; baseline restored from v62. ===== */
/* ===== v65 private-label alignment patch ===== */
.solution-v33-private-label .solution-hero-v33{
background:linear-gradient(90deg,#fffaf4 0%,#fff5ea 56%,#f8efe6 100%)!important;
}
.solution-v33-private-label .private-logo-v33{
background:#f3f3f3!important;
padding:86px 0 94px!important;
}
.solution-v33-private-label .private-logo-v33 h2{
font-size:27px!important;
font-weight:600!important;
line-height:1.22!important;
margin:0 0 12px!important;
text-align:center!important;
color:#111!important;
}
.solution-v33-private-label .private-logo-v33 .solution-intro-v33{
font-size:16px!important;
line-height:1.6!important;
max-width:560px!important;
margin:0 auto 42px!important;
text-align:center!important;
color:#66748e!important;
}
.solution-v33-private-label .private-logo-row-v33{
grid-template-columns:minmax(0,470px) minmax(0,1fr)!important;
gap:72px!important;
align-items:start!important;
}
.solution-v33-private-label .private-logo-row-v33 img{
display:block!important;
width:100%!important;
max-width:470px!important;
height:auto!important;
border-radius:0!important;
box-shadow:none!important;
}
.solution-v33-private-label .solution-bullet-list-v33{
gap:22px!important;
padding-top:8px!important;
}
.solution-v33-private-label .solution-bullet-list-v33 article{
padding-left:24px!important;
}
.solution-v33-private-label .solution-bullet-list-v33 article::before{
content:"•"!important;
font-size:28px!important;
line-height:1!important;
top:-1px!important;
color:#f59a23!important;
}
.solution-v33-private-label .solution-bullet-list-v33 h3{
font-size:17px!important;
font-weight:600!important;
line-height:1.45!important;
margin:0 0 8px!important;
color:#22314d!important;
}
.solution-v33-private-label .solution-bullet-list-v33 p{
font-size:16px!important;
line-height:1.72!important;
color:#41506a!important;
}
.solution-v33-private-label .private-packaging-v33{
background:#fff4e8!important;
padding:88px 0 92px!important;
}
.solution-v33-private-label .private-packaging-v33 h2,
.solution-v33-private-label .solution-card-section-v33 h2{
font-size:28px!important;
font-weight:600!important;
margin-bottom:40px!important;
}
.solution-v33-private-label .solution-alt-list-v33{
gap:0!important;
}
.solution-v33-private-label .solution-alt-list-v33 article{
grid-template-columns:minmax(0,1fr) minmax(320px,420px)!important;
gap:72px!important;
padding:44px 0!important;
align-items:center!important;
}
.solution-v33-private-label .solution-alt-list-v33 h3{
font-size:21px!important;
font-weight:600!important;
color:#f59a23!important;
margin:0 0 18px!important;
}
.solution-v33-private-label .solution-alt-list-v33 p{
font-size:16px!important;
line-height:1.76!important;
color:#41506a!important;
}
.solution-v33-private-label .solution-alt-list-v33 img{
width:100%!important;
max-width:420px!important;
margin-left:auto!important;
border-radius:12px!important;
background:#fff!important;
}
.solution-v33-private-label .solution-card-section-v33{
background:#f4f4f4!important;
padding:86px 0 94px!important;
}
.solution-v33-private-label .solution-card-grid-v33 article{
background:#f8f8f8!important;
border:1px solid #e9e9e9!important;
border-radius:8px!important;
padding:26px 28px!important;
}
.solution-v33-private-label .solution-card-grid-v33 h3{
font-size:16px!important;
font-weight:600!important;
margin:0 0 12px!important;
color:#111!important;
}
.solution-v33-private-label .solution-card-grid-v33 p{
font-size:14px!important;
line-height:1.8!important;
color:#5c6677!important;
}
.solution-v33-private-label .solution-card-section-v33 .button{
margin-top:8px!important;
}
@media (max-width: 900px){
.solution-v33-private-label .private-logo-row-v33,
.solution-v33-private-label .solution-alt-list-v33 article{
grid-template-columns:1fr!important;
gap:32px!important;
}
.solution-v33-private-label .solution-alt-list-v33 article.is-reverse img{
order:0!important;
}
.solution-v33-private-label .solution-alt-list-v33 img,
.solution-v33-private-label .private-logo-row-v33 img{
max-width:100%!important;
margin:0 auto!important;
}
}
/* ===== v66 Private Label packaging + card typography correction =====
User corrections:
- Card body text must be 16px.
- Flexible packaging options is not an alternating/cross layout.
- Flexible packaging options background is a soft vertical gradient.
- Why choose us over direct factories background is white.
- Why choose cards keep their existing light-gray card background.
*/
/* Private Label common text scale */
body.rjl-page-private-label .solution-v33-private-label p,
body.rjl-page-private-label .solution-v33-private-label li,
.solution-v33-private-label p,
.solution-v33-private-label li{
font-size:16px!important;
line-height:1.72!important;
}
/* Put your logo on stuff: keep target left image + right text rhythm */
body.rjl-page-private-label .private-logo-v33,
.solution-v33-private-label .private-logo-v33{
background:#f3f3f3!important;
}
body.rjl-page-private-label .solution-bullet-list-v33 h3,
.solution-v33-private-label .solution-bullet-list-v33 h3{
font-size:16px!important;
line-height:1.45!important;
font-weight:600!important;
color:#22314d!important;
margin:0 0 8px!important;
}
body.rjl-page-private-label .solution-bullet-list-v33 p,
.solution-v33-private-label .solution-bullet-list-v33 p{
font-size:16px!important;
line-height:1.72!important;
color:#41506a!important;
}
/* Flexible packaging options: target-style gradient section, not cross/alternating layout */
body.rjl-page-private-label .private-packaging-v33,
.solution-v33-private-label .private-packaging-v33{
background:linear-gradient(180deg,
#fff8ef 0%,
#fff1e4 38%,
#ffe9d2 100%
)!important;
padding:88px 0 96px!important;
}
body.rjl-page-private-label .private-packaging-v33 h2,
.solution-v33-private-label .private-packaging-v33 h2{
font-size:27px!important;
line-height:1.32!important;
font-weight:600!important;
color:#111827!important;
text-align:center!important;
margin:0 0 48px!important;
}
/* Force every packaging row to be text-left / image-right */
body.rjl-page-private-label .private-packaging-v33 .solution-alt-list-v33,
.solution-v33-private-label .private-packaging-v33 .solution-alt-list-v33{
display:grid!important;
gap:0!important;
}
body.rjl-page-private-label .private-packaging-v33 .solution-alt-list-v33 article,
.solution-v33-private-label .private-packaging-v33 .solution-alt-list-v33 article{
display:grid!important;
grid-template-columns:minmax(0,430px) minmax(0,420px)!important;
gap:120px!important;
align-items:center!important;
padding:48px 0!important;
border-bottom:1px solid rgba(22,38,66,.16)!important;
}
body.rjl-page-private-label .private-packaging-v33 .solution-alt-list-v33 article:last-child,
.solution-v33-private-label .private-packaging-v33 .solution-alt-list-v33 article:last-child{
border-bottom:0!important;
}
body.rjl-page-private-label .private-packaging-v33 .solution-alt-list-v33 article.is-reverse img,
body.rjl-page-private-label .private-packaging-v33 .solution-alt-list-v33 article img,
.solution-v33-private-label .private-packaging-v33 .solution-alt-list-v33 article.is-reverse img,
.solution-v33-private-label .private-packaging-v33 .solution-alt-list-v33 article img{
order:2!important;
width:100%!important;
max-width:420px!important;
margin:0 0 0 auto!important;
border-radius:12px!important;
background:#fff!important;
box-shadow:none!important;
}
body.rjl-page-private-label .private-packaging-v33 .solution-alt-list-v33 article.is-reverse > div,
body.rjl-page-private-label .private-packaging-v33 .solution-alt-list-v33 article > div,
.solution-v33-private-label .private-packaging-v33 .solution-alt-list-v33 article.is-reverse > div,
.solution-v33-private-label .private-packaging-v33 .solution-alt-list-v33 article > div{
order:1!important;
text-align:left!important;
}
body.rjl-page-private-label .private-packaging-v33 .solution-alt-list-v33 h3,
.solution-v33-private-label .private-packaging-v33 .solution-alt-list-v33 h3{
font-size:18px!important;
line-height:1.45!important;
font-weight:600!important;
color:#ff8a21!important;
margin:0 0 18px!important;
}
body.rjl-page-private-label .private-packaging-v33 .solution-alt-list-v33 p,
.solution-v33-private-label .private-packaging-v33 .solution-alt-list-v33 p{
font-size:16px!important;
line-height:1.76!important;
color:#41506a!important;
margin:0!important;
}
/* Why choose section: white background, card background unchanged/light gray */
body.rjl-page-private-label .solution-card-section-v33,
.solution-v33-private-label .solution-card-section-v33{
background:#fff!important;
padding:88px 0 96px!important;
}
body.rjl-page-private-label .solution-card-section-v33 h2,
.solution-v33-private-label .solution-card-section-v33 h2{
font-size:27px!important;
line-height:1.32!important;
font-weight:600!important;
color:#111827!important;
margin:0 0 40px!important;
}
body.rjl-page-private-label .solution-card-section-v33 .solution-card-grid-v33 article,
.solution-v33-private-label .solution-card-section-v33 .solution-card-grid-v33 article{
background:#f4f4f4!important;
border:0!important;
border-radius:8px!important;
box-shadow:none!important;
padding:26px 28px!important;
}
body.rjl-page-private-label .solution-card-section-v33 .solution-card-grid-v33 h3,
.solution-v33-private-label .solution-card-section-v33 .solution-card-grid-v33 h3{
font-size:16px!important;
line-height:1.45!important;
font-weight:600!important;
color:#111827!important;
margin:0 0 12px!important;
}
body.rjl-page-private-label .solution-card-section-v33 .solution-card-grid-v33 p,
.solution-v33-private-label .solution-card-section-v33 .solution-card-grid-v33 p{
font-size:16px!important;
line-height:1.7!important;
color:#4a5568!important;
margin:0!important;
}
/* Responsive */
@media (max-width:900px){
body.rjl-page-private-label .private-packaging-v33 .solution-alt-list-v33 article,
.solution-v33-private-label .private-packaging-v33 .solution-alt-list-v33 article{
grid-template-columns:1fr!important;
gap:28px!important;
}
body.rjl-page-private-label .private-packaging-v33 .solution-alt-list-v33 article img,
body.rjl-page-private-label .private-packaging-v33 .solution-alt-list-v33 article.is-reverse img,
.solution-v33-private-label .private-packaging-v33 .solution-alt-list-v33 article img,
.solution-v33-private-label .private-packaging-v33 .solution-alt-list-v33 article.is-reverse img{
order:2!important;
margin:0 auto!important;
}
}
/* ===== v67 Product Development title + card hover correction =====
User corrections:
- Product Development page main title: 27px.
- Titles inside development cards: 24px.
- Development cards show a gray dashed border on hover, slightly darker than the card background.
*/
body.rjl-page-product-development .solution-hero-grid-v33 h1,
.solution-v33-product-development .solution-hero-grid-v33 h1{
font-size:27px!important;
line-height:1.32!important;
font-weight:600!important;
color:#111827!important;
}
/* Product Development card itself: keep layout stable, border only appears visually on hover */
body.rjl-page-product-development .development-timeline-v33 article,
.solution-v33-product-development .development-timeline-v33 article{
background:#f2f2f2!important;
border:1px dashed transparent!important;
border-radius:8px!important;
box-sizing:border-box!important;
transition:border-color .22s ease, box-shadow .22s ease, transform .22s ease!important;
}
/* Card inner title */
body.rjl-page-product-development .development-timeline-v33 article h2,
.solution-v33-product-development .development-timeline-v33 article h2{
font-size:24px!important;
line-height:1.32!important;
font-weight:600!important;
color:#111827!important;
margin:0 0 16px!important;
}
/* Hover dashed border: gray and slightly darker than #f2f2f2 card bg */
body.rjl-page-product-development .development-timeline-v33 article:hover,
.solution-v33-product-development .development-timeline-v33 article:hover{
border-color:#cfcfcf!important;
border-style:dashed!important;
box-shadow:0 12px 30px rgba(18,36,64,.10)!important;
transform:translateY(-4px)!important;
}
/* Keep connector dashed timeline line unchanged */
body.rjl-page-product-development .development-timeline-v33 article::after,
.solution-v33-product-development .development-timeline-v33 article::after{
border-left:2px dashed #d9d9d9!important;
}
/* Card body remains readable */
body.rjl-page-product-development .development-timeline-v33 article p,
.solution-v33-product-development .development-timeline-v33 article p{
font-size:16px!important;
line-height:1.7!important;
color:#344056!important;
}
/* ===== v68 Solutions heading scale + Shipping spacing corrections =====
User corrections:
- All Solutions pages first content block / hero title: 27px.
- Other main titles: 24px.
- If a card has a lower-level title, that lower-level title is 18px.
- Shipping Solution / International courier button needs top margin.
- Shipping Solution / Ship to port article spacing is too large and must be reduced.
*/
/* All Solutions hero titles: first block title = 27px */
body.rjl-section-solutions .solution-hero-grid-v33 h1,
body.rjl-page-private-label .solution-hero-grid-v33 h1,
body.rjl-page-product-development .solution-hero-grid-v33 h1,
body.rjl-page-shipping-solution .solution-hero-grid-v33 h1,
body.rjl-page-amazon-fba .solution-hero-grid-v33 h1,
body.rjl-page-quality-control .solution-hero-grid-v33 h1,
body.rjl-page-credit-payment .solution-hero-grid-v33 h1,
body.rjl-page-credit-payment-terms .solution-hero-grid-v33 h1,
body.rjl-page-affiliate-program .solution-hero-grid-v33 h1,
.solution-v33 .solution-hero-grid-v33 h1{
font-size:27px!important;
line-height:1.32!important;
font-weight:600!important;
color:#111827!important;
}
/* All Solutions section / main titles after hero = 24px */
body.rjl-section-solutions .solution-centered-title-v33 > h2,
body.rjl-section-solutions .private-logo-v33 h2,
body.rjl-section-solutions .private-packaging-v33 h2,
body.rjl-section-solutions .solution-card-section-v33 h2,
body.rjl-section-solutions .development-timeline-v33 article h2,
body.rjl-section-solutions .shipping-courier-v33 h2,
body.rjl-section-solutions .shipping-port-v33 h2,
body.rjl-section-solutions .shipping-door-v33 h2,
body.rjl-section-solutions .shipping-consolidation-v33 h2,
body.rjl-section-solutions .quality-guarantee-v33 h2,
body.rjl-section-solutions .inspect-v33 h2,
body.rjl-section-solutions .payment-terms-v33 h2,
body.rjl-section-solutions .credit-steps-v33 h2,
body.rjl-section-solutions .affiliate-benefits-v33 h2,
body.rjl-section-solutions .affiliate-steps-v33 h2,
body.rjl-section-solutions .affiliate-form-v33 h2,
body.rjl-page-private-label .solution-centered-title-v33 > h2,
body.rjl-page-product-development .development-timeline-v33 article h2,
body.rjl-page-shipping-solution .solution-centered-title-v33 > h2,
body.rjl-page-shipping-solution .shipping-consolidation-v33 h2,
body.rjl-page-amazon-fba .amazon-blocks-v33 h2,
body.rjl-page-quality-control .quality-guarantee-v33 h2,
body.rjl-page-quality-control .inspect-v33 h2,
body.rjl-page-credit-payment .payment-terms-v33 h2,
body.rjl-page-credit-payment .credit-steps-v33 h2,
body.rjl-page-affiliate-program .affiliate-benefits-v33 h2,
body.rjl-page-affiliate-program .affiliate-steps-v33 h2,
body.rjl-page-affiliate-program .affiliate-form-v33 h2,
.solution-v33 .solution-centered-title-v33 > h2,
.solution-v33 .private-logo-v33 h2,
.solution-v33 .private-packaging-v33 h2,
.solution-v33 .solution-card-section-v33 h2,
.solution-v33 .development-timeline-v33 article h2,
.solution-v33 .shipping-courier-v33 h2,
.solution-v33 .shipping-port-v33 h2,
.solution-v33 .shipping-door-v33 h2,
.solution-v33 .shipping-consolidation-v33 h2,
.solution-v33 .quality-guarantee-v33 h2,
.solution-v33 .inspect-v33 h2,
.solution-v33 .payment-terms-v33 h2,
.solution-v33 .credit-steps-v33 h2,
.solution-v33 .affiliate-benefits-v33 h2,
.solution-v33 .affiliate-steps-v33 h2,
.solution-v33 .affiliate-form-v33 h2{
font-size:24px!important;
line-height:1.34!important;
font-weight:600!important;
color:#111827!important;
}
/* Lower-level titles inside cards = 18px */
body.rjl-section-solutions .solution-card-grid-v33 article h3,
body.rjl-section-solutions .solution-bullet-list-v33 article h3,
body.rjl-section-solutions .solution-alt-list-v33 article h3,
body.rjl-section-solutions .credit-steps-v33 article h3,
body.rjl-section-solutions .affiliate-steps-v33 article h3,
body.rjl-page-private-label .solution-card-grid-v33 article h3,
body.rjl-page-private-label .solution-bullet-list-v33 article h3,
body.rjl-page-private-label .solution-alt-list-v33 article h3,
body.rjl-page-shipping-solution .solution-card-grid-v33 article h3,
body.rjl-page-shipping-solution .solution-bullet-list-v33 article h3,
body.rjl-page-shipping-solution .solution-alt-list-v33 article h3,
body.rjl-page-credit-payment .credit-steps-v33 article h3,
body.rjl-page-affiliate-program .affiliate-steps-v33 article h3,
.solution-v33 .solution-card-grid-v33 article h3,
.solution-v33 .solution-bullet-list-v33 article h3,
.solution-v33 .solution-alt-list-v33 article h3,
.solution-v33 .credit-steps-v33 article h3,
.solution-v33 .affiliate-steps-v33 article h3{
font-size:18px!important;
line-height:1.42!important;
font-weight:600!important;
}
/* Shipping Solution: International courier button should not touch the content above */
body.rjl-page-shipping-solution .shipping-courier-v33 .button,
.solution-v33-shipping-solution .shipping-courier-v33 .button{
margin-top:34px!important;
display:inline-flex!important;
}
/* Shipping Solution: reduce big vertical gaps inside Ship to port */
body.rjl-page-shipping-solution .shipping-port-v33 .solution-alt-list-v33,
.solution-v33-shipping-solution .shipping-port-v33 .solution-alt-list-v33{
display:grid!important;
gap:22px!important;
max-width:900px!important;
margin-left:auto!important;
margin-right:auto!important;
}
body.rjl-page-shipping-solution .shipping-port-v33 .solution-alt-list-v33 article,
.solution-v33-shipping-solution .shipping-port-v33 .solution-alt-list-v33 article{
grid-template-columns:270px minmax(0,1fr)!important;
gap:32px!important;
align-items:center!important;
padding:0!important;
margin:0!important;
border-bottom:0!important;
}
body.rjl-page-shipping-solution .shipping-port-v33 .solution-alt-list-v33 article img,
.solution-v33-shipping-solution .shipping-port-v33 .solution-alt-list-v33 article img{
width:270px!important;
max-width:270px!important;
height:150px!important;
object-fit:cover!important;
border-radius:0!important;
}
body.rjl-page-shipping-solution .shipping-port-v33 .solution-alt-list-v33 article h3,
.solution-v33-shipping-solution .shipping-port-v33 .solution-alt-list-v33 article h3{
margin:0 0 10px!important;
color:#ff8a21!important;
}
body.rjl-page-shipping-solution .shipping-port-v33 .solution-alt-list-v33 article p,
.solution-v33-shipping-solution .shipping-port-v33 .solution-alt-list-v33 article p{
margin:0!important;
font-size:16px!important;
line-height:1.65!important;
}
/* Keep Shipping door card titles as lower-level 18px */
body.rjl-page-shipping-solution .shipping-door-v33 .solution-card-grid-v33 h3,
.solution-v33-shipping-solution .shipping-door-v33 .solution-card-grid-v33 h3{
font-size:18px!important;
line-height:1.42!important;
}
/* Responsive */
@media (max-width:900px){
body.rjl-page-shipping-solution .shipping-port-v33 .solution-alt-list-v33 article,
.solution-v33-shipping-solution .shipping-port-v33 .solution-alt-list-v33 article{
grid-template-columns:1fr!important;
gap:16px!important;
}
body.rjl-page-shipping-solution .shipping-port-v33 .solution-alt-list-v33 article img,
.solution-v33-shipping-solution .shipping-port-v33 .solution-alt-list-v33 article img{
width:100%!important;
max-width:100%!important;
height:auto!important;
}
}
/* ===== v69 Shipping Solution screenshot alignment rebuild =====
Target screenshot rules:
- Hero: 27px title, compact left copy, right visual, soft cream background.
- Section titles: 24px.
- Card/list second-level titles: 18px.
- Body text: 16px.
- International courier: left visual + right bullets, button has real top spacing.
- Ship to port: purple-gray background, compact vertical article list, button centered.
- Ship to door: white background, two bordered cards, button centered.
- Cargo consolidation: purple-gray background, left visual + right copy, button centered.
*/
body.rjl-page-shipping-solution .solution-v33-shipping-solution,
.solution-v33-shipping-solution{
color:#25324a!important;
}
/* Hero */
body.rjl-page-shipping-solution .solution-hero-v33,
.solution-v33-shipping-solution .solution-hero-v33{
background:
radial-gradient(ellipse at 82% 62%, rgba(255,194,111,.16) 0%, rgba(255,194,111,0) 34%),
repeating-radial-gradient(ellipse at 84% 64%, rgba(238,186,126,.22) 0 1px, transparent 1px 8px),
linear-gradient(90deg,#fffaf4 0%,#fff5ec 54%,#fff0df 100%)!important;
padding:66px 0 76px!important;
}
body.rjl-page-shipping-solution .solution-hero-grid-v33,
.solution-v33-shipping-solution .solution-hero-grid-v33{
width:min(calc(100% - 64px),1140px)!important;
max-width:1140px!important;
display:grid!important;
grid-template-columns:minmax(0,380px) minmax(0,430px)!important;
gap:150px!important;
align-items:center!important;
margin:0 auto!important;
}
body.rjl-page-shipping-solution .solution-hero-grid-v33 h1,
.solution-v33-shipping-solution .solution-hero-grid-v33 h1{
font-size:27px!important;
line-height:1.32!important;
font-weight:600!important;
color:#111827!important;
margin:0 0 20px!important;
}
body.rjl-page-shipping-solution .solution-hero-grid-v33 p,
.solution-v33-shipping-solution .solution-hero-grid-v33 p{
font-size:16px!important;
line-height:1.65!important;
color:#25324a!important;
margin:0 0 28px!important;
}
body.rjl-page-shipping-solution .solution-hero-grid-v33 .button,
.solution-v33-shipping-solution .solution-hero-grid-v33 .button{
min-height:34px!important;
padding:8px 21px!important;
font-size:14px!important;
}
body.rjl-page-shipping-solution .solution-hero-grid-v33 img,
.solution-v33-shipping-solution .solution-hero-grid-v33 img{
width:430px!important;
max-width:100%!important;
height:auto!important;
border-radius:14px!important;
object-fit:contain!important;
}
/* Shared section title/text scale */
body.rjl-page-shipping-solution .solution-centered-title-v33 > h2,
body.rjl-page-shipping-solution .shipping-consolidation-v33 h2,
.solution-v33-shipping-solution .solution-centered-title-v33 > h2,
.solution-v33-shipping-solution .shipping-consolidation-v33 h2{
font-size:24px!important;
line-height:1.35!important;
font-weight:600!important;
color:#4b5563!important;
text-align:center!important;
margin:0 0 24px!important;
}
body.rjl-page-shipping-solution .solution-centered-title-v33 > p,
.solution-v33-shipping-solution .solution-centered-title-v33 > p{
font-size:16px!important;
line-height:1.65!important;
color:#4b5563!important;
max-width:980px!important;
margin:0 auto 54px!important;
}
/* International courier */
body.rjl-page-shipping-solution .shipping-v69-courier,
.solution-v33-shipping-solution .shipping-v69-courier{
background:#fff!important;
padding:76px 0 84px!important;
}
body.rjl-page-shipping-solution .shipping-v69-courier .shipping-courier-row-v33,
.solution-v33-shipping-solution .shipping-v69-courier .shipping-courier-row-v33{
display:grid!important;
grid-template-columns:minmax(0,430px) minmax(0,440px)!important;
gap:72px!important;
align-items:center!important;
max-width:920px!important;
margin:0 auto!important;
}
body.rjl-page-shipping-solution .shipping-v69-courier .shipping-courier-row-v33 img,
.solution-v33-shipping-solution .shipping-v69-courier .shipping-courier-row-v33 img{
width:430px!important;
max-width:100%!important;
height:auto!important;
object-fit:contain!important;
}
body.rjl-page-shipping-solution .shipping-v69-courier .solution-bullet-list-v33,
.solution-v33-shipping-solution .shipping-v69-courier .solution-bullet-list-v33{
display:grid!important;
gap:28px!important;
text-align:left!important;
}
body.rjl-page-shipping-solution .shipping-v69-courier .solution-bullet-list-v33 article,
.solution-v33-shipping-solution .shipping-v69-courier .solution-bullet-list-v33 article{
position:relative!important;
padding-left:22px!important;
}
body.rjl-page-shipping-solution .shipping-v69-courier .solution-bullet-list-v33 article::before,
.solution-v33-shipping-solution .shipping-v69-courier .solution-bullet-list-v33 article::before{
content:""!important;
width:10px!important;
height:10px!important;
border-radius:50%!important;
background:#ff8a21!important;
position:absolute!important;
left:0!important;
top:8px!important;
}
body.rjl-page-shipping-solution .shipping-v69-courier .solution-bullet-list-v33 h3,
.solution-v33-shipping-solution .shipping-v69-courier .solution-bullet-list-v33 h3{
font-size:18px!important;
line-height:1.42!important;
color:#4b5563!important;
font-weight:700!important;
margin:0 0 7px!important;
}
body.rjl-page-shipping-solution .shipping-v69-courier .solution-bullet-list-v33 p,
.solution-v33-shipping-solution .shipping-v69-courier .solution-bullet-list-v33 p{
font-size:16px!important;
line-height:1.65!important;
color:#4b5563!important;
margin:0!important;
}
body.rjl-page-shipping-solution .shipping-v69-courier .button,
.solution-v33-shipping-solution .shipping-v69-courier .button{
margin-top:52px!important;
min-height:34px!important;
padding:8px 22px!important;
font-size:14px!important;
}
/* Ship to port */
body.rjl-page-shipping-solution .shipping-v69-port,
.solution-v33-shipping-solution .shipping-v69-port{
background:#f0f2fb!important;
padding:76px 0 88px!important;
}
body.rjl-page-shipping-solution .shipping-v69-port h2,
.solution-v33-shipping-solution .shipping-v69-port h2{
display:inline-block!important;
background:#f4a11f!important;
color:#111827!important;
font-size:24px!important;
line-height:1.12!important;
font-weight:600!important;
padding:0 4px!important;
margin:0 0 28px!important;
}
body.rjl-page-shipping-solution .shipping-v69-port .solution-centered-title-v33 > p,
.solution-v33-shipping-solution .shipping-v69-port .solution-centered-title-v33 > p{
margin-bottom:42px!important;
max-width:980px!important;
}
body.rjl-page-shipping-solution .shipping-v69-port .solution-alt-list-v33,
.solution-v33-shipping-solution .shipping-v69-port .solution-alt-list-v33{
display:grid!important;
gap:16px!important;
max-width:820px!important;
margin:0 auto 46px!important;
}
body.rjl-page-shipping-solution .shipping-v69-port .solution-alt-list-v33 article,
.solution-v33-shipping-solution .shipping-v69-port .solution-alt-list-v33 article{
display:grid!important;
grid-template-columns:270px minmax(0,1fr)!important;
gap:28px!important;
align-items:center!important;
padding:0!important;
margin:0!important;
border:0!important;
background:transparent!important;
}
body.rjl-page-shipping-solution .shipping-v69-port .solution-alt-list-v33 img,
.solution-v33-shipping-solution .shipping-v69-port .solution-alt-list-v33 img{
width:270px!important;
height:154px!important;
object-fit:cover!important;
border-radius:0!important;
box-shadow:none!important;
}
body.rjl-page-shipping-solution .shipping-v69-port .solution-alt-list-v33 h3,
.solution-v33-shipping-solution .shipping-v69-port .solution-alt-list-v33 h3{
font-size:18px!important;
line-height:1.42!important;
color:#ff8a21!important;
font-weight:600!important;
margin:0 0 10px!important;
}
body.rjl-page-shipping-solution .shipping-v69-port .solution-alt-list-v33 p,
.solution-v33-shipping-solution .shipping-v69-port .solution-alt-list-v33 p{
font-size:16px!important;
line-height:1.65!important;
color:#4b5563!important;
margin:0!important;
}
body.rjl-page-shipping-solution .shipping-v69-port .button,
.solution-v33-shipping-solution .shipping-v69-port .button{
min-height:34px!important;
padding:8px 22px!important;
font-size:14px!important;
}
/* Ship to door */
body.rjl-page-shipping-solution .shipping-v69-door,
.solution-v33-shipping-solution .shipping-v69-door{
background:#fff!important;
padding:88px 0 92px!important;
}
body.rjl-page-shipping-solution .shipping-v69-door .solution-centered-title-v33 > p,
.solution-v33-shipping-solution .shipping-v69-door .solution-centered-title-v33 > p{
max-width:980px!important;
margin-bottom:48px!important;
}
body.rjl-page-shipping-solution .shipping-v69-door .solution-card-grid-v33.two,
.solution-v33-shipping-solution .shipping-v69-door .solution-card-grid-v33.two{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:34px!important;
max-width:820px!important;
margin:0 auto 44px!important;
}
body.rjl-page-shipping-solution .shipping-v69-door .solution-card-grid-v33 article,
.solution-v33-shipping-solution .shipping-v69-door .solution-card-grid-v33 article{
border:2px solid #c8cde6!important;
background:#fff!important;
border-radius:0!important;
padding:42px 36px!important;
box-shadow:none!important;
text-align:center!important;
min-height:220px!important;
}
body.rjl-page-shipping-solution .shipping-v69-door .solution-card-grid-v33 article span,
.solution-v33-shipping-solution .shipping-v69-door .solution-card-grid-v33 article span{
display:block!important;
width:40px!important;
height:40px!important;
margin:0 auto 22px!important;
background:
linear-gradient(#6571cc,#6571cc) center 11px/28px 2px no-repeat,
linear-gradient(#6571cc,#6571cc) center 27px/28px 2px no-repeat,
linear-gradient(#6571cc,#6571cc) 8px center/2px 24px no-repeat,
linear-gradient(#6571cc,#6571cc) 30px center/2px 24px no-repeat;
opacity:.9!important;
}
body.rjl-page-shipping-solution .shipping-v69-door .solution-card-grid-v33 h3,
.solution-v33-shipping-solution .shipping-v69-door .solution-card-grid-v33 h3{
font-size:18px!important;
color:#ff8a21!important;
margin:0 0 14px!important;
}
body.rjl-page-shipping-solution .shipping-v69-door .solution-card-grid-v33 p,
.solution-v33-shipping-solution .shipping-v69-door .solution-card-grid-v33 p{
font-size:16px!important;
line-height:1.65!important;
color:#4b5563!important;
margin:0!important;
text-align:left!important;
}
body.rjl-page-shipping-solution .shipping-v69-door .button,
.solution-v33-shipping-solution .shipping-v69-door .button{
min-height:34px!important;
padding:8px 22px!important;
font-size:14px!important;
}
/* Cargo consolidation */
body.rjl-page-shipping-solution .shipping-v69-consolidation,
.solution-v33-shipping-solution .shipping-v69-consolidation{
background:#f0f2fb!important;
padding:76px 0 82px!important;
text-align:center!important;
}
body.rjl-page-shipping-solution .shipping-v69-consolidation h2,
.solution-v33-shipping-solution .shipping-v69-consolidation h2{
font-size:24px!important;
line-height:1.35!important;
color:#4b5563!important;
margin:0 0 42px!important;
}
body.rjl-page-shipping-solution .shipping-v69-consolidation .shipping-consolidation-row-v33,
.solution-v33-shipping-solution .shipping-v69-consolidation .shipping-consolidation-row-v33{
display:grid!important;
grid-template-columns:300px minmax(0,440px)!important;
gap:56px!important;
align-items:center!important;
max-width:800px!important;
margin:0 auto 36px!important;
text-align:left!important;
}
body.rjl-page-shipping-solution .shipping-v69-consolidation img,
.solution-v33-shipping-solution .shipping-v69-consolidation img{
width:300px!important;
height:auto!important;
object-fit:contain!important;
}
body.rjl-page-shipping-solution .shipping-v69-consolidation p,
.solution-v33-shipping-solution .shipping-v69-consolidation p{
font-size:16px!important;
line-height:1.65!important;
color:#4b5563!important;
margin:0 0 20px!important;
}
body.rjl-page-shipping-solution .shipping-v69-consolidation a:not(.button),
.solution-v33-shipping-solution .shipping-v69-consolidation a:not(.button){
color:#1677e8!important;
font-weight:600!important;
text-decoration:none!important;
}
body.rjl-page-shipping-solution .shipping-v69-consolidation .button,
.solution-v33-shipping-solution .shipping-v69-consolidation .button{
min-height:34px!important;
padding:8px 22px!important;
font-size:14px!important;
}
/* Responsive */
@media (max-width:900px){
body.rjl-page-shipping-solution .solution-hero-grid-v33,
.solution-v33-shipping-solution .solution-hero-grid-v33,
body.rjl-page-shipping-solution .shipping-v69-courier .shipping-courier-row-v33,
.solution-v33-shipping-solution .shipping-v69-courier .shipping-courier-row-v33,
body.rjl-page-shipping-solution .shipping-v69-port .solution-alt-list-v33 article,
.solution-v33-shipping-solution .shipping-v69-port .solution-alt-list-v33 article,
body.rjl-page-shipping-solution .shipping-v69-door .solution-card-grid-v33.two,
.solution-v33-shipping-solution .shipping-v69-door .solution-card-grid-v33.two,
body.rjl-page-shipping-solution .shipping-v69-consolidation .shipping-consolidation-row-v33,
.solution-v33-shipping-solution .shipping-v69-consolidation .shipping-consolidation-row-v33{
grid-template-columns:1fr!important;
gap:28px!important;
}
body.rjl-page-shipping-solution .shipping-v69-port .solution-alt-list-v33 img,
.solution-v33-shipping-solution .shipping-v69-port .solution-alt-list-v33 img,
body.rjl-page-shipping-solution .shipping-v69-consolidation img,
.solution-v33-shipping-solution .shipping-v69-consolidation img{
width:100%!important;
max-width:100%!important;
height:auto!important;
}
}
/* ===== v70 Shipping Solution real screenshot comparison correction =====
Fixes after comparing user actual v69 screenshot against target:
- v69 content was too narrow/small in several sections.
- Hero title wrapped incorrectly.
- Ship to port list was centered and too narrow; target is wider and left-aligned.
- Ship to door cards were too narrow.
- Cargo image crop included button fragment; template now uses clean cargo image.
*/
body.rjl-page-shipping-solution .solution-hero-v33,
.solution-v33-shipping-solution .solution-hero-v33{
padding:70px 0 82px!important;
}
body.rjl-page-shipping-solution .solution-hero-grid-v33,
.solution-v33-shipping-solution .solution-hero-grid-v33{
width:min(calc(100% - 64px),1140px)!important;
max-width:1140px!important;
grid-template-columns:430px 430px!important;
gap:120px!important;
justify-content:center!important;
}
body.rjl-page-shipping-solution .solution-hero-grid-v33 > div,
.solution-v33-shipping-solution .solution-hero-grid-v33 > div{
width:430px!important;
max-width:430px!important;
}
body.rjl-page-shipping-solution .solution-hero-grid-v33 h1,
.solution-v33-shipping-solution .solution-hero-grid-v33 h1{
font-size:27px!important;
line-height:1.28!important;
max-width:430px!important;
white-space:normal!important;
margin-bottom:22px!important;
}
body.rjl-page-shipping-solution .solution-hero-grid-v33 img,
.solution-v33-shipping-solution .solution-hero-grid-v33 img{
width:430px!important;
max-width:430px!important;
}
/* International courier: use more target-like width and keep button visually separated. */
body.rjl-page-shipping-solution .shipping-v69-courier,
.solution-v33-shipping-solution .shipping-v69-courier{
padding:80px 0 88px!important;
}
body.rjl-page-shipping-solution .shipping-v69-courier .shipping-courier-row-v33,
.solution-v33-shipping-solution .shipping-v69-courier .shipping-courier-row-v33{
max-width:980px!important;
grid-template-columns:430px 430px!important;
gap:90px!important;
}
body.rjl-page-shipping-solution .shipping-v69-courier .button,
.solution-v33-shipping-solution .shipping-v69-courier .button{
margin-top:58px!important;
}
/* Ship to port: target has a wider compact list, not a narrow centered text block. */
body.rjl-page-shipping-solution .shipping-v69-port,
.solution-v33-shipping-solution .shipping-v69-port{
padding:82px 0 94px!important;
background:#eef1fb!important;
}
body.rjl-page-shipping-solution .shipping-v69-port .solution-centered-title-v33 > p,
.solution-v33-shipping-solution .shipping-v69-port .solution-centered-title-v33 > p{
margin-bottom:46px!important;
}
body.rjl-page-shipping-solution .shipping-v69-port .solution-alt-list-v33,
.solution-v33-shipping-solution .shipping-v69-port .solution-alt-list-v33{
width:980px!important;
max-width:100%!important;
gap:14px!important;
margin:0 auto 50px!important;
}
body.rjl-page-shipping-solution .shipping-v69-port .solution-alt-list-v33 article,
.solution-v33-shipping-solution .shipping-v69-port .solution-alt-list-v33 article{
grid-template-columns:300px minmax(0,560px)!important;
gap:38px!important;
text-align:left!important;
justify-content:center!important;
}
body.rjl-page-shipping-solution .shipping-v69-port .solution-alt-list-v33 article > div,
.solution-v33-shipping-solution .shipping-v69-port .solution-alt-list-v33 article > div{
text-align:left!important;
align-self:center!important;
}
body.rjl-page-shipping-solution .shipping-v69-port .solution-alt-list-v33 img,
.solution-v33-shipping-solution .shipping-v69-port .solution-alt-list-v33 img{
width:300px!important;
max-width:300px!important;
height:160px!important;
}
body.rjl-page-shipping-solution .shipping-v69-port .solution-alt-list-v33 p,
.solution-v33-shipping-solution .shipping-v69-port .solution-alt-list-v33 p{
max-width:560px!important;
text-align:left!important;
}
/* Ship to door: target cards are wider and sit closer to the 1140 grid. */
body.rjl-page-shipping-solution .shipping-v69-door,
.solution-v33-shipping-solution .shipping-v69-door{
padding:94px 0 96px!important;
}
body.rjl-page-shipping-solution .shipping-v69-door .solution-card-grid-v33.two,
.solution-v33-shipping-solution .shipping-v69-door .solution-card-grid-v33.two{
max-width:980px!important;
width:980px!important;
gap:36px!important;
}
body.rjl-page-shipping-solution .shipping-v69-door .solution-card-grid-v33 article,
.solution-v33-shipping-solution .shipping-v69-door .solution-card-grid-v33 article{
min-height:230px!important;
padding:42px 46px 36px!important;
}
body.rjl-page-shipping-solution .shipping-v69-door .solution-card-grid-v33 p,
.solution-v33-shipping-solution .shipping-v69-door .solution-card-grid-v33 p{
text-align:left!important;
}
/* Cargo consolidation: clean image, target-like spacing. */
body.rjl-page-shipping-solution .shipping-v69-consolidation,
.solution-v33-shipping-solution .shipping-v69-consolidation{
padding:82px 0 88px!important;
background:#eef1fb!important;
}
body.rjl-page-shipping-solution .shipping-v69-consolidation .shipping-consolidation-row-v33,
.solution-v33-shipping-solution .shipping-v69-consolidation .shipping-consolidation-row-v33{
max-width:880px!important;
grid-template-columns:330px minmax(0,440px)!important;
gap:58px!important;
margin-bottom:38px!important;
}
body.rjl-page-shipping-solution .shipping-v69-consolidation img,
.solution-v33-shipping-solution .shipping-v69-consolidation img{
width:330px!important;
max-width:330px!important;
}
body.rjl-page-shipping-solution .shipping-v69-consolidation p,
.solution-v33-shipping-solution .shipping-v69-consolidation p{
text-align:left!important;
}
/* Keep section typography locked */
body.rjl-page-shipping-solution .shipping-v69-courier h2,
body.rjl-page-shipping-solution .shipping-v69-port h2,
body.rjl-page-shipping-solution .shipping-v69-door h2,
body.rjl-page-shipping-solution .shipping-v69-consolidation h2,
.solution-v33-shipping-solution .shipping-v69-courier h2,
.solution-v33-shipping-solution .shipping-v69-port h2,
.solution-v33-shipping-solution .shipping-v69-door h2,
.solution-v33-shipping-solution .shipping-v69-consolidation h2{
font-size:24px!important;
}
body.rjl-page-shipping-solution .shipping-v69-courier h3,
body.rjl-page-shipping-solution .shipping-v69-port h3,
body.rjl-page-shipping-solution .shipping-v69-door h3,
.solution-v33-shipping-solution .shipping-v69-courier h3,
.solution-v33-shipping-solution .shipping-v69-port h3,
.solution-v33-shipping-solution .shipping-v69-door h3{
font-size:18px!important;
}
body.rjl-page-shipping-solution .shipping-v69-courier p,
body.rjl-page-shipping-solution .shipping-v69-port p,
body.rjl-page-shipping-solution .shipping-v69-door p,
body.rjl-page-shipping-solution .shipping-v69-consolidation p,
.solution-v33-shipping-solution .shipping-v69-courier p,
.solution-v33-shipping-solution .shipping-v69-port p,
.solution-v33-shipping-solution .shipping-v69-door p,
.solution-v33-shipping-solution .shipping-v69-consolidation p{
font-size:16px!important;
}
@media (max-width:900px){
body.rjl-page-shipping-solution .solution-hero-grid-v33,
.solution-v33-shipping-solution .solution-hero-grid-v33,
body.rjl-page-shipping-solution .shipping-v69-courier .shipping-courier-row-v33,
.solution-v33-shipping-solution .shipping-v69-courier .shipping-courier-row-v33,
body.rjl-page-shipping-solution .shipping-v69-port .solution-alt-list-v33 article,
.solution-v33-shipping-solution .shipping-v69-port .solution-alt-list-v33 article,
body.rjl-page-shipping-solution .shipping-v69-consolidation .shipping-consolidation-row-v33,
.solution-v33-shipping-solution .shipping-v69-consolidation .shipping-consolidation-row-v33{
grid-template-columns:1fr!important;
gap:28px!important;
}
body.rjl-page-shipping-solution .solution-hero-grid-v33 > div,
.solution-v33-shipping-solution .solution-hero-grid-v33 > div,
body.rjl-page-shipping-solution .solution-hero-grid-v33 img,
.solution-v33-shipping-solution .solution-hero-grid-v33 img,
body.rjl-page-shipping-solution .shipping-v69-door .solution-card-grid-v33.two,
.solution-v33-shipping-solution .shipping-v69-door .solution-card-grid-v33.two,
body.rjl-page-shipping-solution .shipping-v69-port .solution-alt-list-v33,
.solution-v33-shipping-solution .shipping-v69-port .solution-alt-list-v33{
width:100%!important;
max-width:100%!important;
}
}
/* ===== v71 Amazon FBA target text + target assets rebuild =====
User instruction:
- Text follows target Amazon FBA page.
- Visual assets are taken from the target page.
- Only Amazon FBA page is changed.
- Heading system: hero 27px, section titles 24px, lower/card titles 18px, body 16px.
*/
body.rjl-page-amazon-fba .solution-v33-amazon-fba,
.solution-v33-amazon-fba{
color:#172642!important;
}
/* Hero: target asset, target text scale */
body.rjl-page-amazon-fba .solution-hero-v33,
.solution-v33-amazon-fba .solution-hero-v33{
background:
radial-gradient(ellipse at 82% 62%, rgba(255,194,111,.16) 0%, rgba(255,194,111,0) 34%),
repeating-radial-gradient(ellipse at 84% 64%, rgba(238,186,126,.18) 0 1px, transparent 1px 8px),
linear-gradient(90deg,#fffaf4 0%,#fff5ec 54%,#fff0df 100%)!important;
padding:72px 0 82px!important;
}
body.rjl-page-amazon-fba .solution-hero-grid-v33,
.solution-v33-amazon-fba .solution-hero-grid-v33{
width:min(calc(100% - 64px),1140px)!important;
max-width:1140px!important;
display:grid!important;
grid-template-columns:430px 520px!important;
gap:100px!important;
justify-content:center!important;
align-items:center!important;
margin:0 auto!important;
}
body.rjl-page-amazon-fba .solution-hero-grid-v33 h1,
.solution-v33-amazon-fba .solution-hero-grid-v33 h1{
font-size:27px!important;
line-height:1.32!important;
font-weight:600!important;
color:#111827!important;
margin:0 0 20px!important;
}
body.rjl-page-amazon-fba .solution-hero-grid-v33 p,
.solution-v33-amazon-fba .solution-hero-grid-v33 p{
font-size:16px!important;
line-height:1.65!important;
color:#26344d!important;
margin:0 0 28px!important;
}
body.rjl-page-amazon-fba .solution-hero-grid-v33 .button,
.solution-v33-amazon-fba .solution-hero-grid-v33 .button{
min-height:34px!important;
padding:8px 22px!important;
font-size:14px!important;
}
body.rjl-page-amazon-fba .solution-hero-grid-v33 img,
.solution-v33-amazon-fba .solution-hero-grid-v33 img{
width:520px!important;
max-width:100%!important;
height:auto!important;
object-fit:contain!important;
border-radius:0!important;
box-shadow:none!important;
}
/* Hide old amazon generic block if it still appears */
body.rjl-page-amazon-fba .amazon-blocks-v33,
.solution-v33-amazon-fba .amazon-blocks-v33{
display:none!important;
}
/* Shared Amazon FBA section layout */
body.rjl-page-amazon-fba .amazon-v71-block,
.solution-v33-amazon-fba .amazon-v71-block{
padding:78px 0 88px!important;
background:#fff!important;
}
body.rjl-page-amazon-fba .amazon-v71-block:nth-of-type(odd),
.solution-v33-amazon-fba .amazon-v71-block:nth-of-type(odd){
background:#fff8ef!important;
}
body.rjl-page-amazon-fba .amazon-v71-row,
.solution-v33-amazon-fba .amazon-v71-row{
width:min(calc(100% - 64px),1140px)!important;
max-width:1140px!important;
display:grid!important;
grid-template-columns:minmax(0,510px) minmax(0,500px)!important;
gap:84px!important;
align-items:center!important;
margin:0 auto!important;
}
body.rjl-page-amazon-fba .amazon-v71-row.is-reverse .amazon-v71-media,
.solution-v33-amazon-fba .amazon-v71-row.is-reverse .amazon-v71-media{
order:2!important;
}
body.rjl-page-amazon-fba .amazon-v71-row.is-reverse .amazon-v71-copy,
.solution-v33-amazon-fba .amazon-v71-row.is-reverse .amazon-v71-copy{
order:1!important;
}
body.rjl-page-amazon-fba .amazon-v71-media,
.solution-v33-amazon-fba .amazon-v71-media{
text-align:center!important;
}
body.rjl-page-amazon-fba .amazon-v71-media img,
.solution-v33-amazon-fba .amazon-v71-media img{
width:510px!important;
max-width:100%!important;
height:auto!important;
object-fit:contain!important;
display:block!important;
margin:0 auto!important;
box-shadow:none!important;
border-radius:0!important;
}
body.rjl-page-amazon-fba .amazon-v71-copy,
.solution-v33-amazon-fba .amazon-v71-copy{
text-align:left!important;
}
body.rjl-page-amazon-fba .amazon-v71-copy h2,
.solution-v33-amazon-fba .amazon-v71-copy h2{
font-size:24px!important;
line-height:1.35!important;
font-weight:600!important;
color:#111827!important;
margin:0 0 20px!important;
text-align:left!important;
}
body.rjl-page-amazon-fba .amazon-v71-copy p,
body.rjl-page-amazon-fba .amazon-v71-copy li,
.solution-v33-amazon-fba .amazon-v71-copy p,
.solution-v33-amazon-fba .amazon-v71-copy li{
font-size:16px!important;
line-height:1.72!important;
color:#26344d!important;
margin:0 0 18px!important;
}
body.rjl-page-amazon-fba .amazon-v71-copy ul,
.solution-v33-amazon-fba .amazon-v71-copy ul{
margin:18px 0 24px!important;
padding-left:22px!important;
}
body.rjl-page-amazon-fba .amazon-v71-copy li,
.solution-v33-amazon-fba .amazon-v71-copy li{
margin-bottom:10px!important;
}
body.rjl-page-amazon-fba .amazon-v71-link,
.solution-v33-amazon-fba .amazon-v71-link{
color:#ff8a21!important;
font-size:16px!important;
font-weight:600!important;
text-decoration:none!important;
border-bottom:1px solid currentColor!important;
}
body.rjl-page-amazon-fba .amazon-v71-copy .button,
.solution-v33-amazon-fba .amazon-v71-copy .button{
min-height:34px!important;
padding:8px 22px!important;
font-size:14px!important;
background:#ff8a21!important;
border-color:#ff8a21!important;
color:#fff!important;
border-radius:999px!important;
}
/* Target-like alternation background rhythm */
body.rjl-page-amazon-fba .amazon-v71-private,
.solution-v33-amazon-fba .amazon-v71-private{
background:#fff!important;
}
body.rjl-page-amazon-fba .amazon-v71-quality,
.solution-v33-amazon-fba .amazon-v71-quality,
body.rjl-page-amazon-fba .amazon-v71-shipping,
.solution-v33-amazon-fba .amazon-v71-shipping,
body.rjl-page-amazon-fba .amazon-v71-storage,
.solution-v33-amazon-fba .amazon-v71-storage{
background:#f4f6fb!important;
}
body.rjl-page-amazon-fba .amazon-v71-labeling,
.solution-v33-amazon-fba .amazon-v71-labeling,
body.rjl-page-amazon-fba .amazon-v71-photo,
.solution-v33-amazon-fba .amazon-v71-photo,
body.rjl-page-amazon-fba .amazon-v71-supply,
.solution-v33-amazon-fba .amazon-v71-supply{
background:#fff!important;
}
/* CTA */
body.rjl-page-amazon-fba .amazon-v71-cta,
.solution-v33-amazon-fba .amazon-v71-cta{
background:linear-gradient(180deg,#2040cf 0%,#1b2db6 100%)!important;
text-align:center!important;
padding:62px 0 68px!important;
}
body.rjl-page-amazon-fba .amazon-v71-cta h2,
.solution-v33-amazon-fba .amazon-v71-cta h2{
font-size:24px!important;
line-height:1.35!important;
color:#fff!important;
margin:0 0 24px!important;
font-weight:600!important;
}
body.rjl-page-amazon-fba .amazon-v71-cta .button,
.solution-v33-amazon-fba .amazon-v71-cta .button{
background:transparent!important;
border:1px solid #fff!important;
color:#fff!important;
border-radius:999px!important;
min-height:36px!important;
padding:8px 24px!important;
font-size:14px!important;
}
/* Navigation fix: Who We Support must not show in top Our Services dropdown */
.main-nav .sub-menu a[href*="who-we-support"],
.main-nav .sub-menu a[href*="who-we-support/"]{
display:none!important;
}
/* Solutions nav active guard on Amazon FBA */
body.rjl-page-amazon-fba .main-nav > .menu > li.rjl-nav-solutions > a{
color:#ff8a21!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
body.rjl-page-amazon-fba .main-nav > .menu > li.rjl-nav-products > a,
body.rjl-page-amazon-fba .main-nav > .menu > li.rjl-nav-about > a,
body.rjl-page-amazon-fba .main-nav > .menu > li.rjl-nav-services > a,
body.rjl-page-amazon-fba .main-nav > .menu > li.rjl-nav-resources > a{
color:#111827!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
@media (max-width:900px){
body.rjl-page-amazon-fba .solution-hero-grid-v33,
.solution-v33-amazon-fba .solution-hero-grid-v33,
body.rjl-page-amazon-fba .amazon-v71-row,
.solution-v33-amazon-fba .amazon-v71-row{
grid-template-columns:1fr!important;
gap:34px!important;
width:min(calc(100% - 36px),1140px)!important;
}
body.rjl-page-amazon-fba .amazon-v71-row.is-reverse .amazon-v71-media,
body.rjl-page-amazon-fba .amazon-v71-row.is-reverse .amazon-v71-copy,
.solution-v33-amazon-fba .amazon-v71-row.is-reverse .amazon-v71-media,
.solution-v33-amazon-fba .amazon-v71-row.is-reverse .amazon-v71-copy{
order:initial!important;
}
body.rjl-page-amazon-fba .solution-hero-grid-v33 img,
.solution-v33-amazon-fba .solution-hero-grid-v33 img,
body.rjl-page-amazon-fba .amazon-v71-media img,
.solution-v33-amazon-fba .amazon-v71-media img{
width:100%!important;
max-width:520px!important;
}
}
/* ===== v73 Shipping Solution hard-bound target rebuild =====
Reason: v72 only changed defaults/remote URLs, but the live page still showed old output.
This version hard-binds target text + local real target assets in the template.
Target page reference: shipping-and-cargo-consolidation-service.
*/
/* Hide all older shipping solution section styles if their markup remains from caches. */
body.rjl-page-shipping-solution .shipping-courier-v33:not(.shipping-v73-courier),
body.rjl-page-shipping-solution .shipping-port-v33:not(.shipping-v73-port),
body.rjl-page-shipping-solution .shipping-door-v33:not(.shipping-v73-door),
body.rjl-page-shipping-solution .shipping-consolidation-v33:not(.shipping-v73-consolidation),
.solution-v33-shipping-solution .shipping-courier-v33:not(.shipping-v73-courier),
.solution-v33-shipping-solution .shipping-port-v33:not(.shipping-v73-port),
.solution-v33-shipping-solution .shipping-door-v33:not(.shipping-v73-door),
.solution-v33-shipping-solution .shipping-consolidation-v33:not(.shipping-v73-consolidation){
display:none!important;
}
/* Hero: target visual, target width, target soft cream background. */
body.rjl-page-shipping-solution .solution-hero-v33,
.solution-v33-shipping-solution .solution-hero-v33{
background:
radial-gradient(ellipse at 82% 60%, rgba(255,194,111,.16) 0%, rgba(255,194,111,0) 34%),
repeating-radial-gradient(ellipse at 84% 62%, rgba(238,186,126,.18) 0 1px, transparent 1px 8px),
linear-gradient(90deg,#fffaf4 0%,#fff5ec 54%,#fff0df 100%)!important;
padding:72px 0 84px!important;
}
body.rjl-page-shipping-solution .solution-hero-grid-v33,
.solution-v33-shipping-solution .solution-hero-grid-v33{
width:min(calc(100% - 64px),1140px)!important;
max-width:1140px!important;
display:grid!important;
grid-template-columns:390px 520px!important;
gap:112px!important;
align-items:center!important;
justify-content:center!important;
margin:0 auto!important;
}
body.rjl-page-shipping-solution .solution-hero-grid-v33 h1,
.solution-v33-shipping-solution .solution-hero-grid-v33 h1{
font-size:27px!important;
line-height:1.32!important;
font-weight:600!important;
color:#111827!important;
margin:0 0 20px!important;
}
body.rjl-page-shipping-solution .solution-hero-grid-v33 p,
.solution-v33-shipping-solution .solution-hero-grid-v33 p{
font-size:16px!important;
line-height:1.65!important;
color:#26344d!important;
margin:0 0 28px!important;
}
body.rjl-page-shipping-solution .solution-hero-grid-v33 .button,
.solution-v33-shipping-solution .solution-hero-grid-v33 .button,
body.rjl-page-shipping-solution .shipping-v73-button,
.solution-v33-shipping-solution .shipping-v73-button{
background:#ff8a21!important;
border-color:#ff8a21!important;
color:#fff!important;
border-radius:999px!important;
min-height:34px!important;
padding:8px 22px!important;
font-size:14px!important;
font-weight:600!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
text-decoration:none!important;
}
body.rjl-page-shipping-solution .solution-hero-grid-v33 img,
.solution-v33-shipping-solution .solution-hero-grid-v33 img{
width:520px!important;
max-width:520px!important;
height:auto!important;
object-fit:contain!important;
border-radius:0!important;
box-shadow:none!important;
}
/* Shared title rhythm */
body.rjl-page-shipping-solution .shipping-v73-title,
.solution-v33-shipping-solution .shipping-v73-title{
text-align:center!important;
width:min(calc(100% - 64px),1140px)!important;
max-width:1140px!important;
margin:0 auto!important;
}
body.rjl-page-shipping-solution .shipping-v73-title > h2,
body.rjl-page-shipping-solution .shipping-v73-consolidation h2,
.solution-v33-shipping-solution .shipping-v73-title > h2,
.solution-v33-shipping-solution .shipping-v73-consolidation h2{
font-size:24px!important;
line-height:1.35!important;
font-weight:600!important;
color:#4b5563!important;
margin:0 0 24px!important;
text-align:center!important;
}
body.rjl-page-shipping-solution .shipping-v73-title > p,
.solution-v33-shipping-solution .shipping-v73-title > p{
font-size:16px!important;
line-height:1.65!important;
color:#4b5563!important;
max-width:980px!important;
margin:0 auto 54px!important;
}
/* International courier */
body.rjl-page-shipping-solution .shipping-v73-courier,
.solution-v33-shipping-solution .shipping-v73-courier{
background:#fff!important;
padding:80px 0 88px!important;
}
body.rjl-page-shipping-solution .shipping-v73-courier-row,
.solution-v33-shipping-solution .shipping-v73-courier-row{
display:grid!important;
grid-template-columns:430px 440px!important;
gap:84px!important;
align-items:center!important;
justify-content:center!important;
max-width:980px!important;
margin:0 auto!important;
}
body.rjl-page-shipping-solution .shipping-v73-courier-row > img,
.solution-v33-shipping-solution .shipping-v73-courier-row > img{
width:430px!important;
max-width:430px!important;
height:auto!important;
object-fit:contain!important;
}
body.rjl-page-shipping-solution .shipping-v73-bullets,
.solution-v33-shipping-solution .shipping-v73-bullets{
display:grid!important;
gap:28px!important;
text-align:left!important;
}
body.rjl-page-shipping-solution .shipping-v73-bullets article,
.solution-v33-shipping-solution .shipping-v73-bullets article{
position:relative!important;
padding-left:22px!important;
}
body.rjl-page-shipping-solution .shipping-v73-bullets article::before,
.solution-v33-shipping-solution .shipping-v73-bullets article::before{
content:""!important;
width:10px!important;
height:10px!important;
border-radius:50%!important;
background:#ff8a21!important;
position:absolute!important;
left:0!important;
top:8px!important;
}
body.rjl-page-shipping-solution .shipping-v73-bullets h3,
.solution-v33-shipping-solution .shipping-v73-bullets h3{
font-size:18px!important;
line-height:1.42!important;
color:#4b5563!important;
font-weight:700!important;
margin:0 0 7px!important;
}
body.rjl-page-shipping-solution .shipping-v73-bullets p,
.solution-v33-shipping-solution .shipping-v73-bullets p{
font-size:16px!important;
line-height:1.65!important;
color:#4b5563!important;
margin:0!important;
}
body.rjl-page-shipping-solution .shipping-v73-courier .shipping-v73-button,
.solution-v33-shipping-solution .shipping-v73-courier .shipping-v73-button{
margin-top:58px!important;
}
/* Ship to port */
body.rjl-page-shipping-solution .shipping-v73-port,
.solution-v33-shipping-solution .shipping-v73-port{
background:#eef1fb!important;
padding:82px 0 94px!important;
}
body.rjl-page-shipping-solution .shipping-v73-port h2 span,
.solution-v33-shipping-solution .shipping-v73-port h2 span{
display:inline-block!important;
background:#f4a11f!important;
color:#111827!important;
padding:0 4px!important;
}
body.rjl-page-shipping-solution .shipping-v73-port .shipping-v73-title > p,
.solution-v33-shipping-solution .shipping-v73-port .shipping-v73-title > p{
margin-bottom:46px!important;
}
body.rjl-page-shipping-solution .shipping-v73-port-list,
.solution-v33-shipping-solution .shipping-v73-port-list{
display:grid!important;
gap:14px!important;
width:980px!important;
max-width:100%!important;
margin:0 auto 50px!important;
}
body.rjl-page-shipping-solution .shipping-v73-port-list article,
.solution-v33-shipping-solution .shipping-v73-port-list article{
display:grid!important;
grid-template-columns:300px minmax(0,560px)!important;
gap:38px!important;
align-items:center!important;
justify-content:center!important;
text-align:left!important;
margin:0!important;
padding:0!important;
background:transparent!important;
}
body.rjl-page-shipping-solution .shipping-v73-port-list img,
.solution-v33-shipping-solution .shipping-v73-port-list img{
width:300px!important;
max-width:300px!important;
height:160px!important;
object-fit:cover!important;
border-radius:0!important;
box-shadow:none!important;
}
body.rjl-page-shipping-solution .shipping-v73-port-list h3,
.solution-v33-shipping-solution .shipping-v73-port-list h3{
font-size:18px!important;
line-height:1.42!important;
color:#ff8a21!important;
font-weight:600!important;
margin:0 0 10px!important;
}
body.rjl-page-shipping-solution .shipping-v73-port-list p,
.solution-v33-shipping-solution .shipping-v73-port-list p{
font-size:16px!important;
line-height:1.65!important;
color:#4b5563!important;
margin:0!important;
text-align:left!important;
}
/* Ship to door */
body.rjl-page-shipping-solution .shipping-v73-door,
.solution-v33-shipping-solution .shipping-v73-door{
background:#fff!important;
padding:94px 0 96px!important;
}
body.rjl-page-shipping-solution .shipping-v73-door-grid,
.solution-v33-shipping-solution .shipping-v73-door-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:36px!important;
width:980px!important;
max-width:100%!important;
margin:0 auto 44px!important;
}
body.rjl-page-shipping-solution .shipping-v73-door-grid article,
.solution-v33-shipping-solution .shipping-v73-door-grid article{
border:2px solid #c8cde6!important;
background:#fff!important;
border-radius:0!important;
padding:42px 46px 36px!important;
box-shadow:none!important;
text-align:center!important;
min-height:230px!important;
}
body.rjl-page-shipping-solution .shipping-v73-door-grid h3,
.solution-v33-shipping-solution .shipping-v73-door-grid h3{
font-size:18px!important;
line-height:1.42!important;
color:#ff8a21!important;
margin:0 0 14px!important;
}
body.rjl-page-shipping-solution .shipping-v73-door-grid p,
.solution-v33-shipping-solution .shipping-v73-door-grid p{
font-size:16px!important;
line-height:1.65!important;
color:#4b5563!important;
margin:0!important;
text-align:left!important;
}
body.rjl-page-shipping-solution .shipping-v73-icon,
.solution-v33-shipping-solution .shipping-v73-icon{
display:block!important;
width:42px!important;
height:42px!important;
margin:0 auto 22px!important;
border:2px solid #6571cc!important;
border-radius:4px!important;
position:relative!important;
}
body.rjl-page-shipping-solution .shipping-v73-icon.truck::after,
.solution-v33-shipping-solution .shipping-v73-icon.truck::after{
content:""!important;
position:absolute!important;
width:13px!important;
height:13px!important;
border:2px solid #6571cc!important;
border-radius:50%!important;
bottom:-9px!important;
right:3px!important;
background:#fff!important;
}
body.rjl-page-shipping-solution .shipping-v73-icon.box::before,
.solution-v33-shipping-solution .shipping-v73-icon.box::before{
content:""!important;
position:absolute!important;
left:9px!important;
right:9px!important;
top:11px!important;
border-top:2px solid #6571cc!important;
transform:rotate(-28deg)!important;
}
/* Cargo consolidation */
body.rjl-page-shipping-solution .shipping-v73-consolidation,
.solution-v33-shipping-solution .shipping-v73-consolidation{
background:#eef1fb!important;
padding:82px 0 88px!important;
text-align:center!important;
}
body.rjl-page-shipping-solution .shipping-v73-consolidation-row,
.solution-v33-shipping-solution .shipping-v73-consolidation-row{
display:grid!important;
grid-template-columns:330px minmax(0,440px)!important;
gap:58px!important;
align-items:center!important;
max-width:880px!important;
margin:0 auto 38px!important;
text-align:left!important;
}
body.rjl-page-shipping-solution .shipping-v73-consolidation-row img,
.solution-v33-shipping-solution .shipping-v73-consolidation-row img{
width:330px!important;
max-width:330px!important;
height:auto!important;
object-fit:contain!important;
}
body.rjl-page-shipping-solution .shipping-v73-consolidation p,
.solution-v33-shipping-solution .shipping-v73-consolidation p{
font-size:16px!important;
line-height:1.65!important;
color:#4b5563!important;
margin:0 0 20px!important;
text-align:left!important;
}
body.rjl-page-shipping-solution .shipping-v73-consolidation a:not(.button),
.solution-v33-shipping-solution .shipping-v73-consolidation a:not(.button){
color:#1677e8!important;
font-weight:600!important;
text-decoration:none!important;
}
/* Responsive */
@media (max-width:900px){
body.rjl-page-shipping-solution .solution-hero-grid-v33,
.solution-v33-shipping-solution .solution-hero-grid-v33,
body.rjl-page-shipping-solution .shipping-v73-courier-row,
.solution-v33-shipping-solution .shipping-v73-courier-row,
body.rjl-page-shipping-solution .shipping-v73-port-list article,
.solution-v33-shipping-solution .shipping-v73-port-list article,
body.rjl-page-shipping-solution .shipping-v73-door-grid,
.solution-v33-shipping-solution .shipping-v73-door-grid,
body.rjl-page-shipping-solution .shipping-v73-consolidation-row,
.solution-v33-shipping-solution .shipping-v73-consolidation-row{
grid-template-columns:1fr!important;
gap:28px!important;
width:100%!important;
}
body.rjl-page-shipping-solution .solution-hero-grid-v33 img,
.solution-v33-shipping-solution .solution-hero-grid-v33 img,
body.rjl-page-shipping-solution .shipping-v73-courier-row > img,
.solution-v33-shipping-solution .shipping-v73-courier-row > img,
body.rjl-page-shipping-solution .shipping-v73-port-list img,
.solution-v33-shipping-solution .shipping-v73-port-list img,
body.rjl-page-shipping-solution .shipping-v73-consolidation-row img,
.solution-v33-shipping-solution .shipping-v73-consolidation-row img{
width:100%!important;
max-width:520px!important;
height:auto!important;
margin-left:auto!important;
margin-right:auto!important;
}
}
/* ===== v74 Remaining Solutions hard-bound target assets =====
Private Label / Product Development / Quality Control / Credit Payment / Affiliate
are now rendered from template text and target-page real asset URLs.
Shipping remains v73 hard-bound local target assets.
Amazon FBA remains v71 hard-bound target assets.
*/
/* Unified remaining Solutions hero */
body.rjl-page-private-label .solution-hero-grid-v33,
body.rjl-page-product-development .solution-hero-grid-v33,
body.rjl-page-quality-control .solution-hero-grid-v33,
body.rjl-page-credit-payment .solution-hero-grid-v33,
.solution-v33-private-label .solution-hero-grid-v33,
.solution-v33-product-development .solution-hero-grid-v33,
.solution-v33-quality-control .solution-hero-grid-v33,
.solution-v33-credit-payment .solution-hero-grid-v33{
width:min(calc(100% - 64px),1140px)!important;
max-width:1140px!important;
grid-template-columns:430px 520px!important;
gap:100px!important;
justify-content:center!important;
align-items:center!important;
}
body.rjl-page-private-label .solution-hero-grid-v33 h1,
body.rjl-page-product-development .solution-hero-grid-v33 h1,
body.rjl-page-quality-control .solution-hero-grid-v33 h1,
body.rjl-page-credit-payment .solution-hero-grid-v33 h1,
.solution-v33-private-label .solution-hero-grid-v33 h1,
.solution-v33-product-development .solution-hero-grid-v33 h1,
.solution-v33-quality-control .solution-hero-grid-v33 h1,
.solution-v33-credit-payment .solution-hero-grid-v33 h1{
font-size:27px!important;
line-height:1.32!important;
font-weight:600!important;
color:#111827!important;
}
body.rjl-page-private-label .solution-hero-grid-v33 p,
body.rjl-page-product-development .solution-hero-grid-v33 p,
body.rjl-page-quality-control .solution-hero-grid-v33 p,
body.rjl-page-credit-payment .solution-hero-grid-v33 p,
.solution-v33-private-label .solution-hero-grid-v33 p,
.solution-v33-product-development .solution-hero-grid-v33 p,
.solution-v33-quality-control .solution-hero-grid-v33 p,
.solution-v33-credit-payment .solution-hero-grid-v33 p{
font-size:16px!important;
line-height:1.65!important;
}
body.rjl-page-private-label .solution-hero-grid-v33 img,
body.rjl-page-product-development .solution-hero-grid-v33 img,
body.rjl-page-quality-control .solution-hero-grid-v33 img,
body.rjl-page-credit-payment .solution-hero-grid-v33 img,
.solution-v33-private-label .solution-hero-grid-v33 img,
.solution-v33-product-development .solution-hero-grid-v33 img,
.solution-v33-quality-control .solution-hero-grid-v33 img,
.solution-v33-credit-payment .solution-hero-grid-v33 img{
width:520px!important;
max-width:520px!important;
height:auto!important;
object-fit:contain!important;
border-radius:0!important;
box-shadow:none!important;
}
/* Private Label target assets */
body.rjl-page-private-label .private-logo-row-v33,
.solution-v33-private-label .private-logo-row-v33{
max-width:1140px!important;
grid-template-columns:540px minmax(0,420px)!important;
gap:70px!important;
align-items:center!important;
}
body.rjl-page-private-label .private-logo-row-v33 > img,
.solution-v33-private-label .private-logo-row-v33 > img{
width:540px!important;
max-width:540px!important;
height:auto!important;
object-fit:contain!important;
}
body.rjl-page-private-label .private-packaging-v33 .solution-alt-list-v33 article,
.solution-v33-private-label .private-packaging-v33 .solution-alt-list-v33 article{
grid-template-columns:minmax(0,500px) 400px!important;
gap:70px!important;
align-items:center!important;
}
body.rjl-page-private-label .private-packaging-v33 .solution-alt-list-v33 article img,
.solution-v33-private-label .private-packaging-v33 .solution-alt-list-v33 article img{
width:400px!important;
max-width:400px!important;
height:auto!important;
object-fit:cover!important;
border-radius:0!important;
box-shadow:none!important;
}
body.rjl-page-private-label .private-logo-v33 h2,
body.rjl-page-private-label .private-packaging-v33 h2,
body.rjl-page-private-label .solution-card-section-v33 h2,
.solution-v33-private-label .private-logo-v33 h2,
.solution-v33-private-label .private-packaging-v33 h2,
.solution-v33-private-label .solution-card-section-v33 h2{
font-size:24px!important;
}
body.rjl-page-private-label .private-logo-row-v33 h3,
body.rjl-page-private-label .private-packaging-v33 h3,
body.rjl-page-private-label .solution-card-grid-v33 h3,
.solution-v33-private-label .private-logo-row-v33 h3,
.solution-v33-private-label .private-packaging-v33 h3,
.solution-v33-private-label .solution-card-grid-v33 h3{
font-size:18px!important;
}
body.rjl-page-private-label .private-logo-row-v33 p,
body.rjl-page-private-label .private-packaging-v33 p,
body.rjl-page-private-label .solution-card-grid-v33 p,
.solution-v33-private-label .private-logo-row-v33 p,
.solution-v33-private-label .private-packaging-v33 p,
.solution-v33-private-label .solution-card-grid-v33 p{
font-size:16px!important;
line-height:1.65!important;
}
/* Product Development target assets */
body.rjl-page-product-development .development-timeline-v33 .rjl-container,
.solution-v33-product-development .development-timeline-v33 .rjl-container{
max-width:1140px!important;
}
body.rjl-page-product-development .development-timeline-v33 article,
.solution-v33-product-development .development-timeline-v33 article{
grid-template-columns:480px minmax(0,480px)!important;
gap:72px!important;
align-items:center!important;
}
body.rjl-page-product-development .development-timeline-v33 article img,
.solution-v33-product-development .development-timeline-v33 article img{
width:480px!important;
max-width:480px!important;
height:auto!important;
object-fit:cover!important;
border-radius:0!important;
box-shadow:none!important;
}
body.rjl-page-product-development .development-timeline-v33 article h2,
.solution-v33-product-development .development-timeline-v33 article h2{
font-size:24px!important;
}
body.rjl-page-product-development .development-timeline-v33 article p,
.solution-v33-product-development .development-timeline-v33 article p{
font-size:16px!important;
line-height:1.65!important;
}
/* Quality Control target assets */
body.rjl-page-quality-control .quality-guarantee-row-v33,
.solution-v33-quality-control .quality-guarantee-row-v33{
max-width:1140px!important;
grid-template-columns:480px minmax(0,520px)!important;
gap:70px!important;
align-items:center!important;
}
body.rjl-page-quality-control .quality-guarantee-row-v33 > img,
.solution-v33-quality-control .quality-guarantee-row-v33 > img{
width:480px!important;
max-width:480px!important;
height:auto!important;
object-fit:contain!important;
}
body.rjl-page-quality-control .inspect-v33 article,
.solution-v33-quality-control .inspect-v33 article{
max-width:1140px!important;
grid-template-columns:minmax(0,500px) 480px!important;
gap:70px!important;
align-items:center!important;
}
body.rjl-page-quality-control .inspect-v33 article img,
.solution-v33-quality-control .inspect-v33 article img{
width:480px!important;
max-width:480px!important;
height:auto!important;
object-fit:cover!important;
border-radius:0!important;
box-shadow:none!important;
}
body.rjl-page-quality-control .quality-guarantee-v33 h2,
body.rjl-page-quality-control .inspect-v33 h2,
.solution-v33-quality-control .quality-guarantee-v33 h2,
.solution-v33-quality-control .inspect-v33 h2{
font-size:24px!important;
}
body.rjl-page-quality-control .quality-guarantee-v33 h3,
body.rjl-page-quality-control .inspect-v33 h3,
.solution-v33-quality-control .quality-guarantee-v33 h3,
.solution-v33-quality-control .inspect-v33 h3{
font-size:18px!important;
}
body.rjl-page-quality-control .quality-guarantee-v33 p,
body.rjl-page-quality-control .inspect-v33 p,
.solution-v33-quality-control .quality-guarantee-v33 p,
.solution-v33-quality-control .inspect-v33 p{
font-size:16px!important;
line-height:1.65!important;
}
/* Credit Payment target assets */
body.rjl-page-credit-payment .payment-terms-v33 article,
.solution-v33-credit-payment .payment-terms-v33 article{
max-width:1140px!important;
grid-template-columns:480px minmax(0,520px)!important;
gap:70px!important;
align-items:center!important;
}
body.rjl-page-credit-payment .payment-terms-v33 article img,
.solution-v33-credit-payment .payment-terms-v33 article img{
width:480px!important;
max-width:480px!important;
height:auto!important;
object-fit:contain!important;
border-radius:0!important;
box-shadow:none!important;
}
body.rjl-page-credit-payment .payment-terms-v33 h2,
body.rjl-page-credit-payment .credit-steps-v33 h2,
.solution-v33-credit-payment .payment-terms-v33 h2,
.solution-v33-credit-payment .credit-steps-v33 h2{
font-size:24px!important;
}
body.rjl-page-credit-payment .payment-terms-v33 h3,
body.rjl-page-credit-payment .credit-steps-v33 h3,
.solution-v33-credit-payment .payment-terms-v33 h3,
.solution-v33-credit-payment .credit-steps-v33 h3{
font-size:18px!important;
}
body.rjl-page-credit-payment .payment-terms-v33 p,
body.rjl-page-credit-payment .payment-terms-v33 li,
body.rjl-page-credit-payment .credit-steps-v33 p,
.solution-v33-credit-payment .payment-terms-v33 p,
.solution-v33-credit-payment .payment-terms-v33 li,
.solution-v33-credit-payment .credit-steps-v33 p{
font-size:16px!important;
line-height:1.65!important;
}
/* Affiliate target text hard-bound */
body.rjl-page-affiliate-program .affiliate-hero-v33 h1,
.solution-v33-affiliate-program .affiliate-hero-v33 h1{
font-size:27px!important;
}
body.rjl-page-affiliate-program .affiliate-benefits-v33 h2,
body.rjl-page-affiliate-program .affiliate-steps-v33 h2,
body.rjl-page-affiliate-program .affiliate-form-v33 h2,
.solution-v33-affiliate-program .affiliate-benefits-v33 h2,
.solution-v33-affiliate-program .affiliate-steps-v33 h2,
.solution-v33-affiliate-program .affiliate-form-v33 h2{
font-size:24px!important;
}
body.rjl-page-affiliate-program .affiliate-benefits-v33 h3,
body.rjl-page-affiliate-program .affiliate-steps-v33 h3,
.solution-v33-affiliate-program .affiliate-benefits-v33 h3,
.solution-v33-affiliate-program .affiliate-steps-v33 h3{
font-size:18px!important;
}
body.rjl-page-affiliate-program .affiliate-hero-v33 p,
body.rjl-page-affiliate-program .affiliate-benefits-v33 p,
body.rjl-page-affiliate-program .affiliate-steps-v33 p,
.solution-v33-affiliate-program .affiliate-hero-v33 p,
.solution-v33-affiliate-program .affiliate-benefits-v33 p,
.solution-v33-affiliate-program .affiliate-steps-v33 p{
font-size:16px!important;
line-height:1.65!important;
}
@media (max-width:900px){
body.rjl-page-private-label .solution-hero-grid-v33,
body.rjl-page-product-development .solution-hero-grid-v33,
body.rjl-page-quality-control .solution-hero-grid-v33,
body.rjl-page-credit-payment .solution-hero-grid-v33,
body.rjl-page-private-label .private-logo-row-v33,
body.rjl-page-private-label .private-packaging-v33 .solution-alt-list-v33 article,
body.rjl-page-product-development .development-timeline-v33 article,
body.rjl-page-quality-control .quality-guarantee-row-v33,
body.rjl-page-quality-control .inspect-v33 article,
body.rjl-page-credit-payment .payment-terms-v33 article{
grid-template-columns:1fr!important;
gap:30px!important;
}
body.rjl-page-private-label .solution-hero-grid-v33 img,
body.rjl-page-product-development .solution-hero-grid-v33 img,
body.rjl-page-quality-control .solution-hero-grid-v33 img,
body.rjl-page-credit-payment .solution-hero-grid-v33 img,
body.rjl-page-private-label .private-logo-row-v33 > img,
body.rjl-page-private-label .private-packaging-v33 .solution-alt-list-v33 article img,
body.rjl-page-product-development .development-timeline-v33 article img,
body.rjl-page-quality-control .quality-guarantee-row-v33 > img,
body.rjl-page-quality-control .inspect-v33 article img,
body.rjl-page-credit-payment .payment-terms-v33 article img{
width:100%!important;
max-width:520px!important;
margin-left:auto!important;
margin-right:auto!important;
}
}
/* ===== v75 Non-Solutions real/target-derived asset pass =====
Scope: Services, Products, About, Resources, Tutorial, Guide, Pricing, Who We Support.
This avoids relying only on saved/default content by hard-binding verified target-derived visuals where available.
*/
.page-hero .page-hero-grid,
.products-hero .products-hero-grid,
.product-cat-hero-v36 .product-cat-hero-grid-v36{
max-width:1140px!important;
width:min(calc(100% - 64px),1140px)!important;
grid-template-columns:minmax(0,430px) minmax(0,520px)!important;
gap:100px!important;
align-items:center!important;
justify-content:center!important;
}
.page-hero .page-hero-media img,
.products-hero .products-hero-grid img,
.product-cat-hero-v36 .product-cat-hero-grid-v36 img{
width:520px!important;
max-width:520px!important;
height:auto!important;
object-fit:contain!important;
border-radius:0!important;
box-shadow:none!important;
}
.products-solutions-section .products-solution-row img,
.products-report-section img{
max-width:520px!important;
height:auto!important;
object-fit:contain!important;
border-radius:0!important;
box-shadow:none!important;
}
/* Sourcing & Purchasing: keep verified Pro image locked and avoid tiny placeholder visuals. */
.service-v51-sourcing-purchasing .service-v51-plan-row{
max-width:1140px!important;
grid-template-columns:minmax(0,500px) minmax(0,520px)!important;
gap:70px!important;
align-items:center!important;
}
.service-v51-sourcing-purchasing .service-v51-media img{
width:520px!important;
max-width:520px!important;
height:auto!important;
object-fit:contain!important;
border-radius:0!important;
box-shadow:none!important;
}
/* Dropshipping target process photo */
.service-v51-dropshipping .service-v54-process-row img{
width:560px!important;
max-width:560px!important;
height:auto!important;
object-fit:contain!important;
border-radius:0!important;
box-shadow:none!important;
}
/* Photos & Designs / Extra Services already use target-derived local image sets; lock their media scale. */
.service-v51-photos-designs .service-v56-design-hero-row,
.service-v51-photos-designs .service-v56-showcase .rjl-container,
.service-v51-extra-services .service-v61-section{
max-width:1140px!important;
}
.service-v51-photos-designs .service-v56-design-hero-row > img{
width:540px!important;
max-width:540px!important;
height:auto!important;
object-fit:contain!important;
}
.service-v51-photos-designs .service-v56-photo-grid,
.service-v51-photos-designs .service-v56-video-frame,
.service-v51-photos-designs .service-v56-graphic-grid{
width:1140px!important;
max-width:100%!important;
margin-left:auto!important;
margin-right:auto!important;
}
/* About detail already contains local target assets. Keep them large and clean. */
.about-v48 img[src*="v48-aboutus"],
.about-v48 img[src*="v43-founder"],
.about-v48 img[src*="aboutus-"],
.about-v48 img[src*="founder-"]{
object-fit:cover!important;
box-shadow:none!important;
}
/* Resources and tutorial target-derived illustration scale */
.resources-guide-card img,
.products-report-section img,
.chapter-card img{
object-fit:contain!important;
box-shadow:none!important;
}
/* Title/body consistency outside Solutions */
.page-hero h1,
.products-hero h1,
.product-cat-hero-v36 h1,
.service-v51-title h1,
.who-hero-v32 h1,
.sourcing-guide-hero h1,
.tutorial-hero h1{
font-size:27px!important;
line-height:1.32!important;
}
.page-hero h2,
.products-section-title h2,
.products-alibaba-section h2,
.products-report-section h2,
.service-v51 h2,
.about-section h2,
.resources-main h2,
.tutorial-chapters h2,
.sourcing-guide-content h2,
.pricing-section h2,
.who-cards-v32 h2,
.who-process-v32 h2{
font-size:24px!important;
line-height:1.35!important;
}
.products-category-cell strong,
.products-solution-row h3,
.service-v51 h3,
.resources-main h3,
.chapter-card h3,
.sourcing-guide-content h3,
.pricing-card h2,
.who-card-grid-v32 h3,
.who-process-grid-v32 h3{
font-size:18px!important;
line-height:1.42!important;
}
.page-hero p,
.products-hero p,
.products-section-title p,
.products-solution-row p,
.service-v51 p,
.about-section p,
.resources-main p,
.tutorial-hero p,
.chapter-card p,
.sourcing-guide-content p,
.pricing-section p,
.pricing-section li,
.who-hero-v32 p,
.who-card-grid-v32 p,
.who-process-grid-v32 p{
font-size:16px!important;
line-height:1.65!important;
}
@media (max-width:900px){
.page-hero .page-hero-grid,
.products-hero .products-hero-grid,
.product-cat-hero-v36 .product-cat-hero-grid-v36,
.service-v51-sourcing-purchasing .service-v51-plan-row{
grid-template-columns:1fr!important;
gap:30px!important;
width:min(calc(100% - 36px),1140px)!important;
}
.page-hero .page-hero-media img,
.products-hero .products-hero-grid img,
.product-cat-hero-v36 .product-cat-hero-grid-v36 img,
.service-v51-sourcing-purchasing .service-v51-media img,
.service-v51-dropshipping .service-v54-process-row img{
width:100%!important;
max-width:520px!important;
margin-left:auto!important;
margin-right:auto!important;
}
}
/* ===== v76 Exact target-site URL image pass for non-Solutions =====
Fix for user complaint: v75 reused local old/cropped assets.
v76 hard-binds exact https://jingsourcing.com/wp-content/uploads/... URLs in templates.
*/
.page-hero .page-hero-media img[src*="jingsourcing.com/wp-content/uploads"],
.products-hero img[src*="jingsourcing.com/wp-content/uploads"],
.products-solution-row img[src*="jingsourcing.com/wp-content/uploads"],
.product-cat-hero-v36 img[src*="jingsourcing.com/wp-content/uploads"],
.service-v51 img[src*="jingsourcing.com/wp-content/uploads"],
.about-v48 img[src*="jingsourcing.com/wp-content/uploads"]{
object-fit:contain!important;
box-shadow:none!important;
border-radius:0!important;
}
.service-v51-sourcing-purchasing .service-v51-media img[src*="pro-plan-600"],
.service-v51-sourcing-purchasing .service-v51-media img[src*="basic-plan-600"]{
width:600px!important;
max-width:100%!important;
}
.service-v51-dropshipping .service-v54-process-row img[src*="dropshipping-seller"]{
width:560px!important;
max-width:100%!important;
border-radius:0!important;
object-fit:cover!important;
}
.service-v51-photos-designs .service-v56-design-hero-row > img[src*="AdobeStock_69456269611"]{
width:560px!important;
max-width:100%!important;
height:auto!important;
object-fit:cover!important;
}
.products-hero img[src*="01-Our-Products-1"],
.product-cat-hero-v36 img[src*="01-Our-Products-1"]{
width:560px!important;
max-width:100%!important;
}
.products-solution-row img[src*="product03-1"],
.products-solution-row img[src*="product03-2"]{
width:520px!important;
max-width:100%!important;
}
.about-v48 img[src*="jingsourcing-office"],
.about-v48 img[src*="our-warehouse"],
.about-v48 img[src*="our-staff-working-at-warehouse"]{
width:100%!important;
height:auto!important;
object-fit:cover!important;
}
/* ===== v77 Shipping screenshot correction =====
Fixes:
- Shipping Solution belongs to Solutions, not Our Services.
- Ship to port title has no orange background block.
- Ship to door icons are real SVG ![]()
files, not CSS fake icons.
*/
/* Force only Solutions active on Shipping Solution and all Solution detail pages */
body.rjl-section-solutions .main-nav > .menu > li.rjl-nav-services > a,
body.rjl-page-shipping-solution .main-nav > .menu > li.rjl-nav-services > a,
body.rjl-page-private-label .main-nav > .menu > li.rjl-nav-services > a,
body.rjl-page-product-development .main-nav > .menu > li.rjl-nav-services > a,
body.rjl-page-amazon-fba .main-nav > .menu > li.rjl-nav-services > a,
body.rjl-page-quality-control .main-nav > .menu > li.rjl-nav-services > a,
body.rjl-page-credit-payment .main-nav > .menu > li.rjl-nav-services > a,
body.rjl-page-affiliate-program .main-nav > .menu > li.rjl-nav-services > a{
color:#111827!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
outline:0!important;
}
body.rjl-section-solutions .main-nav > .menu > li.rjl-nav-services,
body.rjl-page-shipping-solution .main-nav > .menu > li.rjl-nav-services{
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
body.rjl-section-solutions .main-nav > .menu > li.rjl-nav-solutions > a,
body.rjl-page-shipping-solution .main-nav > .menu > li.rjl-nav-solutions > a{
color:#ff8a21!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
/* Remove the orange block behind the Ship to port heading */
body.rjl-page-shipping-solution .shipping-v73-port h2 span,
.solution-v33-shipping-solution .shipping-v73-port h2 span{
background:transparent!important;
color:#4b5563!important;
padding:0!important;
}
body.rjl-page-shipping-solution .shipping-v73-port h2,
.solution-v33-shipping-solution .shipping-v73-port h2{
background:transparent!important;
color:#4b5563!important;
padding:0!important;
display:block!important;
}
/* Disable old fake CSS-drawn icon shapes completely */
body.rjl-page-shipping-solution .shipping-v73-icon,
.solution-v33-shipping-solution .shipping-v73-icon,
body.rjl-page-shipping-solution .shipping-v73-icon::before,
body.rjl-page-shipping-solution .shipping-v73-icon::after,
.solution-v33-shipping-solution .shipping-v73-icon::before,
.solution-v33-shipping-solution .shipping-v73-icon::after{
display:none!important;
content:none!important;
border:0!important;
background:transparent!important;
}
/* New door icons: actual SVG image files */
body.rjl-page-shipping-solution .shipping-v77-door-icon,
.solution-v33-shipping-solution .shipping-v77-door-icon{
display:block!important;
width:48px!important;
height:48px!important;
object-fit:contain!important;
margin:0 auto 18px!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
border-radius:0!important;
}
/* Door card spacing after replacing fake icon */
body.rjl-page-shipping-solution .shipping-v73-door-grid article,
.solution-v33-shipping-solution .shipping-v73-door-grid article{
padding-top:38px!important;
}
/* ===== v78 Amazon FBA CTA link style correction =====
User feedback: section CTAs on Amazon FBA must match the target page.
The target uses orange text links with a right arrow and an underline,
not pill buttons or plain text links.
*/
body.rjl-page-amazon-fba .amazon-v71-copy .amazon-v71-link,
.solution-v33-amazon-fba .amazon-v71-copy .amazon-v71-link,
body.rjl-page-amazon-fba .amazon-v71-copy .amazon-v78-link,
.solution-v33-amazon-fba .amazon-v71-copy .amazon-v78-link,
body.rjl-page-amazon-fba .amazon-v71-copy .button.amazon-v71-link,
.solution-v33-amazon-fba .amazon-v71-copy .button.amazon-v71-link{
display:inline-flex!important;
align-items:center!important;
gap:12px!important;
padding:0 0 10px!important;
min-height:0!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
color:#ff962a!important;
font-size:18px!important;
line-height:1.25!important;
font-weight:500!important;
text-decoration:none!important;
border-bottom:2px solid #ff962a!important;
}
body.rjl-page-amazon-fba .amazon-v71-copy .amazon-v71-link::after,
.solution-v33-amazon-fba .amazon-v71-copy .amazon-v71-link::after,
body.rjl-page-amazon-fba .amazon-v71-copy .amazon-v78-link::after,
.solution-v33-amazon-fba .amazon-v71-copy .amazon-v78-link::after{
content:"\2192"!important;
display:inline-block!important;
font-size:31px!important;
line-height:1!important;
font-weight:400!important;
transform:translateY(-1px)!important;
}
body.rjl-page-amazon-fba .amazon-v71-copy .amazon-v71-link:hover,
.solution-v33-amazon-fba .amazon-v71-copy .amazon-v71-link:hover,
body.rjl-page-amazon-fba .amazon-v71-copy .amazon-v78-link:hover,
.solution-v33-amazon-fba .amazon-v71-copy .amazon-v78-link:hover{
opacity:.9!important;
}
/* ===== v79 Quality Control target-layout correction =====
User feedback: first post-hero block and inspection section must match the target screenshots.
This rebuilds the Quality Control sections to mirror the target structure:
1) left visual + right text/panel for "Our Quality Guaranteed"
2) centered title + underline + alternating two-row inspection layout.
*/
body.rjl-page-quality-control .quality-guarantee-v79,
.solution-v33-quality-control .quality-guarantee-v79{
background:#ffffff!important;
padding:96px 0 118px!important;
}
body.rjl-page-quality-control .quality-guarantee-wrap-v79,
.solution-v33-quality-control .quality-guarantee-wrap-v79{
max-width:1140px!important;
display:grid!important;
grid-template-columns:284px minmax(0,728px)!important;
gap:20px!important;
align-items:center!important;
}
body.rjl-page-quality-control .quality-guarantee-media-v79 img,
.solution-v33-quality-control .quality-guarantee-media-v79 img{
display:block!important;
width:284px!important;
height:289px!important;
object-fit:cover!important;
max-width:none!important;
border-radius:0!important;
box-shadow:none!important;
}
body.rjl-page-quality-control .quality-guarantee-copy-v79 p,
.solution-v33-quality-control .quality-guarantee-copy-v79 p{
margin:0!important;
font-size:16px!important;
line-height:1.8!important;
color:#1d3150!important;
}
body.rjl-page-quality-control .quality-guarantee-copy-v79 > p,
.solution-v33-quality-control .quality-guarantee-copy-v79 > p{
font-size:17px!important;
line-height:1.7!important;
margin-bottom:22px!important;
}
body.rjl-page-quality-control .quality-guarantee-copy-v79 .hl-orange,
body.rjl-page-quality-control .inspect-v79 .hl-orange,
.solution-v33-quality-control .quality-guarantee-copy-v79 .hl-orange,
.solution-v33-quality-control .inspect-v79 .hl-orange{
color:#ff962a!important;
font-weight:700!important;
}
body.rjl-page-quality-control .inspect-v79 .hl-blue,
.solution-v33-quality-control .inspect-v79 .hl-blue{
color:#496cb8!important;
font-weight:700!important;
}
body.rjl-page-quality-control .quality-guarantee-panel-v79,
.solution-v33-quality-control .quality-guarantee-panel-v79{
background:#f2f2f2!important;
display:grid!important;
grid-template-columns:1fr 1fr!important;
margin-top:18px!important;
}
body.rjl-page-quality-control .quality-guarantee-point-v79,
.solution-v33-quality-control .quality-guarantee-point-v79{
padding:28px 28px 34px 66px!important;
position:relative!important;
min-height:191px!important;
}
body.rjl-page-quality-control .quality-guarantee-point-v79 + .quality-guarantee-point-v79,
.solution-v33-quality-control .quality-guarantee-point-v79 + .quality-guarantee-point-v79{
border-left:2px solid #3049a4!important;
}
body.rjl-page-quality-control .quality-guarantee-icon-v79,
.solution-v33-quality-control .quality-guarantee-icon-v79{
position:absolute!important;
left:20px!important;
top:27px!important;
width:28px!important;
height:28px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
font-size:21px!important;
line-height:1!important;
color:#f59a23!important;
font-weight:700!important;
}
body.rjl-page-quality-control .inspect-v79,
.solution-v33-quality-control .inspect-v79{
background:#edf0fb!important;
padding:88px 0 104px!important;
}
body.rjl-page-quality-control .inspect-wrap-v79,
.solution-v33-quality-control .inspect-wrap-v79{
max-width:1140px!important;
}
body.rjl-page-quality-control .inspect-heading-v79,
.solution-v33-quality-control .inspect-heading-v79{
text-align:center!important;
margin:0 0 64px!important;
}
body.rjl-page-quality-control .inspect-heading-v79 h2,
.solution-v33-quality-control .inspect-heading-v79 h2{
font-size:24px!important;
font-weight:500!important;
line-height:1.35!important;
color:#161616!important;
margin:0!important;
}
body.rjl-page-quality-control .inspect-heading-line-v79,
.solution-v33-quality-control .inspect-heading-line-v79{
display:block!important;
width:195px!important;
height:2px!important;
margin:22px auto 0!important;
background:#ff962a!important;
}
body.rjl-page-quality-control .inspect-item-v79,
.solution-v33-quality-control .inspect-item-v79{
display:grid!important;
grid-template-columns:minmax(0,462px) 385px!important;
justify-content:center!important;
gap:114px!important;
align-items:center!important;
margin:0!important;
}
body.rjl-page-quality-control .inspect-item-v79 + .inspect-item-v79,
.solution-v33-quality-control .inspect-item-v79 + .inspect-item-v79{
margin-top:72px!important;
}
body.rjl-page-quality-control .inspect-item-v79.is-reverse,
.solution-v33-quality-control .inspect-item-v79.is-reverse{
grid-template-columns:385px minmax(0,462px)!important;
}
body.rjl-page-quality-control .inspect-media-v79,
.solution-v33-quality-control .inspect-media-v79{
width:385px!important;
}
body.rjl-page-quality-control .inspect-media-v79 img,
.solution-v33-quality-control .inspect-media-v79 img{
display:block!important;
width:385px!important;
height:auto!important;
max-width:none!important;
border-radius:0!important;
box-shadow:none!important;
object-fit:cover!important;
}
body.rjl-page-quality-control .inspect-copy-v79 h3,
.solution-v33-quality-control .inspect-copy-v79 h3{
font-size:20px!important;
font-weight:500!important;
line-height:1.35!important;
margin:0 0 24px!important;
color:#101010!important;
}
body.rjl-page-quality-control .inspect-copy-v79 p,
.solution-v33-quality-control .inspect-copy-v79 p{
font-size:16px!important;
line-height:1.75!important;
color:#223553!important;
margin:0 0 20px!important;
}
body.rjl-page-quality-control .inspect-copy-v79 .button,
.solution-v33-quality-control .inspect-copy-v79 .button{
margin-top:12px!important;
}
body.rjl-page-quality-control .inspect-item-v79.is-reverse .inspect-media-v79,
.solution-v33-quality-control .inspect-item-v79.is-reverse .inspect-media-v79{
order:1!important;
}
body.rjl-page-quality-control .inspect-item-v79.is-reverse .inspect-copy-v79,
.solution-v33-quality-control .inspect-item-v79.is-reverse .inspect-copy-v79{
order:2!important;
}
@media (max-width: 900px){
body.rjl-page-quality-control .quality-guarantee-wrap-v79,
.solution-v33-quality-control .quality-guarantee-wrap-v79,
body.rjl-page-quality-control .inspect-item-v79,
body.rjl-page-quality-control .inspect-item-v79.is-reverse,
.solution-v33-quality-control .inspect-item-v79,
.solution-v33-quality-control .inspect-item-v79.is-reverse{
grid-template-columns:1fr!important;
gap:28px!important;
}
body.rjl-page-quality-control .quality-guarantee-media-v79 img,
.solution-v33-quality-control .quality-guarantee-media-v79 img,
body.rjl-page-quality-control .inspect-media-v79,
.solution-v33-quality-control .inspect-media-v79,
body.rjl-page-quality-control .inspect-media-v79 img,
.solution-v33-quality-control .inspect-media-v79 img{
width:100%!important;
max-width:520px!important;
height:auto!important;
margin-left:auto!important;
margin-right:auto!important;
}
body.rjl-page-quality-control .quality-guarantee-panel-v79,
.solution-v33-quality-control .quality-guarantee-panel-v79{
grid-template-columns:1fr!important;
}
body.rjl-page-quality-control .quality-guarantee-point-v79 + .quality-guarantee-point-v79,
.solution-v33-quality-control .quality-guarantee-point-v79 + .quality-guarantee-point-v79{
border-left:0!important;
border-top:2px solid #3049a4!important;
}
body.rjl-page-quality-control .inspect-item-v79.is-reverse .inspect-media-v79,
body.rjl-page-quality-control .inspect-item-v79.is-reverse .inspect-copy-v79,
.solution-v33-quality-control .inspect-item-v79.is-reverse .inspect-media-v79,
.solution-v33-quality-control .inspect-item-v79.is-reverse .inspect-copy-v79{
order:initial!important;
}
}
/* ===== v80 Credit Payment Terms target-card refinement =====
User feedback: Payment terms module was built as a normal two-column section.
Target uses centered title + orange underline + left image + right pale lavender information card.
*/
body.rjl-page-credit-payment .payment-v80-terms,
.solution-v33-credit-payment .payment-v80-terms{
background:#fff!important;
padding:108px 0 106px!important;
}
body.rjl-page-credit-payment .payment-v80-container,
.solution-v33-credit-payment .payment-v80-container{
width:min(calc(100% - 64px),1140px)!important;
max-width:1140px!important;
margin:0 auto!important;
}
body.rjl-page-credit-payment .payment-v80-heading,
.solution-v33-credit-payment .payment-v80-heading{
text-align:center!important;
margin:0 0 72px!important;
}
body.rjl-page-credit-payment .payment-v80-heading h2,
.solution-v33-credit-payment .payment-v80-heading h2{
font-size:24px!important;
line-height:1.35!important;
font-weight:500!important;
color:#111827!important;
margin:0!important;
}
body.rjl-page-credit-payment .payment-v80-heading span,
.solution-v33-credit-payment .payment-v80-heading span{
display:block!important;
width:154px!important;
height:2px!important;
background:#ff8a21!important;
margin:24px auto 0!important;
}
body.rjl-page-credit-payment .payment-v80-item,
.solution-v33-credit-payment .payment-v80-item{
width:980px!important;
max-width:100%!important;
margin:0 auto!important;
display:grid!important;
grid-template-columns:440px 520px!important;
gap:0!important;
align-items:center!important;
justify-content:center!important;
}
body.rjl-page-credit-payment .payment-v80-item + .payment-v80-item,
.solution-v33-credit-payment .payment-v80-item + .payment-v80-item{
margin-top:86px!important;
}
body.rjl-page-credit-payment .payment-v80-media,
.solution-v33-credit-payment .payment-v80-media{
position:relative!important;
z-index:2!important;
width:440px!important;
margin-right:-4px!important;
}
body.rjl-page-credit-payment .payment-v80-media img,
.solution-v33-credit-payment .payment-v80-media img{
display:block!important;
width:440px!important;
max-width:440px!important;
height:auto!important;
object-fit:contain!important;
border-radius:0!important;
box-shadow:none!important;
margin:0!important;
}
body.rjl-page-credit-payment .payment-v80-card,
.solution-v33-credit-payment .payment-v80-card{
background:#eef0fb!important;
border-radius:6px!important;
min-height:382px!important;
padding:36px 42px 34px!important;
text-align:left!important;
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
box-shadow:none!important;
}
body.rjl-page-credit-payment .payment-v80-card h3,
.solution-v33-credit-payment .payment-v80-card h3{
font-size:20px!important;
line-height:1.35!important;
font-weight:500!important;
color:#ff8a21!important;
margin:0 0 22px!important;
}
body.rjl-page-credit-payment .payment-v80-card p,
.solution-v33-credit-payment .payment-v80-card p{
font-size:16px!important;
line-height:1.68!important;
color:#1f314d!important;
margin:0 0 24px!important;
}
body.rjl-page-credit-payment .payment-v80-card ul,
.solution-v33-credit-payment .payment-v80-card ul{
list-style:none!important;
padding:0!important;
margin:0 0 24px!important;
display:grid!important;
gap:10px!important;
}
body.rjl-page-credit-payment .payment-v80-card li,
.solution-v33-credit-payment .payment-v80-card li{
position:relative!important;
padding-left:30px!important;
font-size:16px!important;
line-height:1.5!important;
color:#1f314d!important;
margin:0!important;
}
body.rjl-page-credit-payment .payment-v80-card li::before,
.solution-v33-credit-payment .payment-v80-card li::before{
content:"+"!important;
position:absolute!important;
left:0!important;
top:1px!important;
width:17px!important;
height:17px!important;
border:2px solid #ff8a21!important;
border-radius:50%!important;
color:#ff8a21!important;
font-size:15px!important;
font-weight:600!important;
line-height:13px!important;
text-align:center!important;
box-sizing:border-box!important;
}
body.rjl-page-credit-payment .payment-v80-button,
.solution-v33-credit-payment .payment-v80-button{
align-self:flex-start!important;
background:#1478ee!important;
border-color:#1478ee!important;
color:#fff!important;
border-radius:999px!important;
min-height:38px!important;
padding:9px 24px!important;
font-size:14px!important;
font-weight:600!important;
box-shadow:none!important;
text-decoration:none!important;
}
/* keep the old v33 payment styles from affecting this rebuilt block */
body.rjl-page-credit-payment .payment-v80-terms article,
.solution-v33-credit-payment .payment-v80-terms article{
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
@media (max-width:900px){
body.rjl-page-credit-payment .payment-v80-item,
.solution-v33-credit-payment .payment-v80-item{
width:100%!important;
grid-template-columns:1fr!important;
gap:24px!important;
}
body.rjl-page-credit-payment .payment-v80-media,
.solution-v33-credit-payment .payment-v80-media{
width:100%!important;
margin-right:0!important;
}
body.rjl-page-credit-payment .payment-v80-media img,
.solution-v33-credit-payment .payment-v80-media img{
width:100%!important;
max-width:520px!important;
margin:0 auto!important;
}
body.rjl-page-credit-payment .payment-v80-card,
.solution-v33-credit-payment .payment-v80-card{
min-height:0!important;
padding:30px 24px!important;
}
}
/* ===== v81 Import from China Tutorial dynamic Episode Guide cards =====
Episode Guide cards now query live blog posts from category slug: episode-guide.
*/
.tutorial-episode-guide-v81 .chapter-grid{
align-items:stretch!important;
}
.tutorial-episode-guide-v81 .episode-card-v81{
display:grid!important;
grid-template-rows:190px 1fr!important;
height:100%!important;
}
.tutorial-episode-guide-v81 .episode-card-v81 > img{
width:100%!important;
height:190px!important;
object-fit:cover!important;
display:block!important;
}
.tutorial-episode-guide-v81 .episode-card-v81 h3{
font-size:18px!important;
line-height:1.35!important;
margin:0 0 10px!important;
}
.tutorial-episode-guide-v81 .episode-card-v81 p{
font-size:16px!important;
line-height:1.6!important;
margin:0 0 18px!important;
}
.tutorial-episode-guide-v81 .episode-card-v81 span{
margin-top:auto!important;
color:#ff8a21!important;
font-weight:600!important;
}
/* ===== v82 Import Tutorial Episode Guide 4-column layout =====
User request: 每行四个博客就够了.
Keep dynamic Episode Guide query from v81, only change the card grid layout.
*/
.tutorial-episode-guide-v81 .chapter-grid{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:24px!important;
align-items:stretch!important;
}
.tutorial-episode-guide-v81 .episode-card-v81{
grid-template-rows:150px 1fr!important;
min-width:0!important;
}
.tutorial-episode-guide-v81 .episode-card-v81 > img{
height:150px!important;
}
.tutorial-episode-guide-v81 .episode-card-v81 > div{
padding:18px 18px 20px!important;
}
.tutorial-episode-guide-v81 .episode-card-v81 h3{
font-size:17px!important;
line-height:1.35!important;
}
.tutorial-episode-guide-v81 .episode-card-v81 p{
font-size:15px!important;
line-height:1.55!important;
}
@media (max-width:1100px){
.tutorial-episode-guide-v81 .chapter-grid{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
}
@media (max-width:800px){
.tutorial-episode-guide-v81 .chapter-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
}
@media (max-width:520px){
.tutorial-episode-guide-v81 .chapter-grid{
grid-template-columns:1fr!important;
}
}
/* ===== v83 Credit Payment spacing / steps / footer cleanup =====
User notes:
- Payment image and text/card need visible distance.
- Easy steps to work with us should feel more spacious; 01/02/03/04 are icons, not plain text.
- Apply payment terms CTA font colors must be coordinated.
- Remove footer logo and footer description text across the whole site.
*/
/* Credit Payment: add distance between image and right information card */
body.rjl-page-credit-payment .payment-v80-item,
.solution-v33-credit-payment .payment-v80-item{
width:1060px!important;
max-width:100%!important;
grid-template-columns:440px 540px!important;
gap:46px!important;
align-items:center!important;
}
body.rjl-page-credit-payment .payment-v80-media,
.solution-v33-credit-payment .payment-v80-media{
margin-right:0!important;
}
body.rjl-page-credit-payment .payment-v80-card,
.solution-v33-credit-payment .payment-v80-card{
min-height:380px!important;
padding:40px 46px 38px!important;
}
/* Credit Payment: make Easy steps section more premium and spacious */
body.rjl-page-credit-payment .credit-steps-v33,
.solution-v33-credit-payment .credit-steps-v33{
background:#f4f4f4!important;
padding:96px 0 104px!important;
text-align:center!important;
}
body.rjl-page-credit-payment .credit-steps-v33 .rjl-container,
.solution-v33-credit-payment .credit-steps-v33 .rjl-container{
width:min(calc(100% - 64px),1140px)!important;
max-width:1140px!important;
}
body.rjl-page-credit-payment .credit-steps-v33 h2,
.solution-v33-credit-payment .credit-steps-v33 h2{
font-size:26px!important;
line-height:1.35!important;
font-weight:600!important;
color:#111827!important;
margin:0 0 52px!important;
}
body.rjl-page-credit-payment .credit-step-grid-v33,
.solution-v33-credit-payment .credit-step-grid-v33{
position:relative!important;
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:44px!important;
max-width:1040px!important;
margin:0 auto!important;
padding-top:18px!important;
}
body.rjl-page-credit-payment .credit-step-grid-v33::before,
.solution-v33-credit-payment .credit-step-grid-v33::before{
content:""!important;
position:absolute!important;
left:8%!important;
right:8%!important;
top:47px!important;
height:3px!important;
background:#ff8a21!important;
opacity:.22!important;
z-index:0!important;
}
body.rjl-page-credit-payment .credit-step-grid-v33 article,
.solution-v33-credit-payment .credit-step-grid-v33 article{
position:relative!important;
z-index:1!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
padding:0 12px!important;
text-align:center!important;
}
body.rjl-page-credit-payment .credit-step-grid-v33 article span,
.solution-v33-credit-payment .credit-step-grid-v33 article span{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:58px!important;
height:58px!important;
margin:0 auto 22px!important;
background:#ff8a21!important;
color:#fff!important;
border-radius:50%!important;
font-size:20px!important;
line-height:1!important;
font-weight:700!important;
box-shadow:0 10px 24px rgba(255,138,33,.28)!important;
}
body.rjl-page-credit-payment .credit-step-grid-v33 article h3,
.solution-v33-credit-payment .credit-step-grid-v33 article h3{
font-size:20px!important;
line-height:1.35!important;
font-weight:700!important;
color:#111827!important;
margin:0 0 14px!important;
}
body.rjl-page-credit-payment .credit-step-grid-v33 article p,
.solution-v33-credit-payment .credit-step-grid-v33 article p{
font-size:16px!important;
line-height:1.7!important;
color:#1f314d!important;
max-width:220px!important;
margin:0 auto!important;
}
/* Credit Payment: coordinate final CTA text colors */
body.rjl-page-credit-payment .blue-solution-cta-v33,
.solution-v33-credit-payment .blue-solution-cta-v33{
background:linear-gradient(135deg,#10216f 0%,#153abf 100%)!important;
color:#fff!important;
text-align:center!important;
padding:74px 0 80px!important;
}
body.rjl-page-credit-payment .blue-solution-cta-v33 h2,
.solution-v33-credit-payment .blue-solution-cta-v33 h2{
color:#fff!important;
font-size:28px!important;
line-height:1.35!important;
font-weight:600!important;
margin:0 0 16px!important;
}
body.rjl-page-credit-payment .blue-solution-cta-v33 p,
.solution-v33-credit-payment .blue-solution-cta-v33 p{
color:rgba(255,255,255,.88)!important;
font-size:16px!important;
line-height:1.65!important;
margin:0 auto 28px!important;
max-width:640px!important;
}
body.rjl-page-credit-payment .blue-solution-cta-v33 .button,
.solution-v33-credit-payment .blue-solution-cta-v33 .button{
background:#fff!important;
border-color:#fff!important;
color:#1232a5!important;
border-radius:999px!important;
box-shadow:none!important;
}
/* Global footer: logo/description removed from template; rebalance remaining columns */
.site-footer .footer-brand{
display:none!important;
}
.site-footer .footer-grid{
grid-template-columns:repeat(5,minmax(0,1fr))!important;
gap:42px!important;
}
@media (max-width:1180px){
.site-footer .footer-grid{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
}
@media (max-width:760px){
body.rjl-page-credit-payment .credit-step-grid-v33,
.solution-v33-credit-payment .credit-step-grid-v33{
grid-template-columns:1fr!important;
gap:34px!important;
}
body.rjl-page-credit-payment .credit-step-grid-v33::before,
.solution-v33-credit-payment .credit-step-grid-v33::before{
display:none!important;
}
body.rjl-page-credit-payment .payment-v80-item,
.solution-v33-credit-payment .payment-v80-item{
grid-template-columns:1fr!important;
gap:30px!important;
}
.site-footer .footer-grid{
grid-template-columns:1fr!important;
}
}
/* ===== v84 Affiliate steps and global form spacing correction =====
User feedback:
- Affiliate "Start earning as an affiliate" should be vertical steps, not cards.
- Keep generous vertical spacing; don't make it cramped.
- Application form inputs need clear spacing.
- Check and normalize form spacing on other pages too.
*/
/* Affiliate hero/title spacing closer to target */
body.rjl-page-affiliate-program .affiliate-hero-v33,
.solution-v33-affiliate-program .affiliate-hero-v33{
padding:86px 0 76px!important;
text-align:center!important;
background:#fff!important;
}
body.rjl-page-affiliate-program .affiliate-hero-v33 h1,
.solution-v33-affiliate-program .affiliate-hero-v33 h1{
font-size:34px!important;
line-height:1.25!important;
font-weight:500!important;
margin:0 0 18px!important;
}
body.rjl-page-affiliate-program .affiliate-hero-v33 h1::after,
.solution-v33-affiliate-program .affiliate-hero-v33 h1::after{
content:""!important;
display:block!important;
width:200px!important;
height:2px!important;
background:#ff8a21!important;
margin:24px auto 0!important;
}
body.rjl-page-affiliate-program .affiliate-hero-v33 p,
.solution-v33-affiliate-program .affiliate-hero-v33 p{
font-size:18px!important;
line-height:1.65!important;
margin:0 auto 46px!important;
max-width:760px!important;
}
/* Affiliate steps: vertical text layout, not cards */
body.rjl-page-affiliate-program .affiliate-steps-v84,
.solution-v33-affiliate-program .affiliate-steps-v84{
background:#fff!important;
padding:86px 0 98px!important;
text-align:center!important;
}
body.rjl-page-affiliate-program .affiliate-steps-v84 h2,
.solution-v33-affiliate-program .affiliate-steps-v84 h2{
font-size:26px!important;
line-height:1.35!important;
font-weight:500!important;
color:#333!important;
margin:0 0 70px!important;
}
body.rjl-page-affiliate-program .affiliate-step-list-v84,
.solution-v33-affiliate-program .affiliate-step-list-v84{
max-width:860px!important;
margin:0 auto!important;
display:grid!important;
gap:66px!important;
}
body.rjl-page-affiliate-program .affiliate-step-list-v84 article,
.solution-v33-affiliate-program .affiliate-step-list-v84 article{
background:transparent!important;
border:0!important;
box-shadow:none!important;
padding:0!important;
text-align:center!important;
}
body.rjl-page-affiliate-program .affiliate-step-label-v84,
.solution-v33-affiliate-program .affiliate-step-label-v84{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:12px!important;
margin:0 0 24px!important;
color:#1f314d!important;
}
body.rjl-page-affiliate-program .affiliate-step-label-v84 span,
.solution-v33-affiliate-program .affiliate-step-label-v84 span{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:20px!important;
height:20px!important;
background:#ff8a21!important;
color:#fff!important;
border-radius:50%!important;
font-size:24px!important;
line-height:16px!important;
font-weight:700!important;
transform:translateY(-1px)!important;
}
body.rjl-page-affiliate-program .affiliate-step-label-v84 strong,
.solution-v33-affiliate-program .affiliate-step-label-v84 strong{
font-size:22px!important;
line-height:1.35!important;
font-weight:500!important;
color:#1f314d!important;
}
body.rjl-page-affiliate-program .affiliate-step-list-v84 p,
.solution-v33-affiliate-program .affiliate-step-list-v84 p{
font-size:20px!important;
line-height:1.7!important;
color:#1f314d!important;
margin:0!important;
}
body.rjl-page-affiliate-program .affiliate-step-list-v84 p b,
.solution-v33-affiliate-program .affiliate-step-list-v84 p b{
color:#ff8a21!important;
font-weight:700!important;
}
/* Affiliate form section: larger spacing and clean input rhythm */
body.rjl-page-affiliate-program .affiliate-form-v33,
.solution-v33-affiliate-program .affiliate-form-v33{
background:#f4f4f4!important;
padding:86px 0 104px!important;
}
body.rjl-page-affiliate-program .affiliate-form-v33 h2,
.solution-v33-affiliate-program .affiliate-form-v33 h2{
font-size:26px!important;
line-height:1.35!important;
font-weight:500!important;
margin:0 0 34px!important;
text-align:center!important;
color:#333!important;
}
body.rjl-page-affiliate-program .affiliate-form-v33 .rjl-form,
.solution-v33-affiliate-program .affiliate-form-v33 .rjl-form{
max-width:1060px!important;
margin:0 auto!important;
background:#fff!important;
border:1px solid #d8d8d8!important;
border-radius:8px!important;
padding:34px!important;
display:grid!important;
gap:18px!important;
}
body.rjl-page-affiliate-program .affiliate-form-v33 .form-grid,
.solution-v33-affiliate-program .affiliate-form-v33 .form-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:18px!important;
margin:0!important;
}
body.rjl-page-affiliate-program .affiliate-form-v33 input,
body.rjl-page-affiliate-program .affiliate-form-v33 textarea,
.solution-v33-affiliate-program .affiliate-form-v33 input,
.solution-v33-affiliate-program .affiliate-form-v33 textarea{
width:100%!important;
margin:0!important;
min-height:48px!important;
border:1px solid #d8d8d8!important;
border-radius:6px!important;
padding:12px 14px!important;
box-sizing:border-box!important;
font-size:16px!important;
line-height:1.45!important;
background:#fff!important;
}
body.rjl-page-affiliate-program .affiliate-form-v33 textarea,
.solution-v33-affiliate-program .affiliate-form-v33 textarea{
min-height:132px!important;
resize:vertical!important;
}
/* Global form spacing cleanup across the theme */
.rjl-form,
.request-form,
.design-form,
.products-report-form,
.tutorial-bottom-forms form,
.resources-main form,
.contact-main form,
.service-inquiry-form{
display:grid!important;
gap:16px!important;
}
.rjl-form .form-grid,
.request-form .form-grid,
.design-form,
.products-report-form,
.tutorial-bottom-forms form,
.resources-main form{
gap:16px!important;
}
.rjl-form input,
.rjl-form textarea,
.request-form input,
.request-form textarea,
.design-form input,
.design-form textarea,
.products-report-form input,
.tutorial-bottom-forms input,
.resources-main input,
.contact-main input,
.contact-main textarea,
.service-inquiry-form input,
.service-inquiry-form textarea{
box-sizing:border-box!important;
}
.tutorial-bottom-forms form input + input,
.resources-main form input + input{
margin-top:12px!important;
}
.request-form input,
.request-form textarea,
.design-form input,
.design-form textarea,
.products-report-form input,
.tutorial-bottom-forms input,
.resources-main input,
.contact-main input,
.contact-main textarea{
min-height:44px!important;
}
@media (max-width:760px){
body.rjl-page-affiliate-program .affiliate-form-v33 .form-grid,
.solution-v33-affiliate-program .affiliate-form-v33 .form-grid{
grid-template-columns:1fr!important;
}
body.rjl-page-affiliate-program .affiliate-step-list-v84,
.solution-v33-affiliate-program .affiliate-step-list-v84{
gap:48px!important;
}
body.rjl-page-affiliate-program .affiliate-step-list-v84 p,
.solution-v33-affiliate-program .affiliate-step-list-v84 p{
font-size:18px!important;
}
}
/* ===== v85 Sourcing Agent Guide rebuild =====
Goal: make the Sourcing Agent Guide page read like the target article page,
with a long-form article layout, sticky sidebar TOC/CTA, and a Get Started
button linking to the contact page.
*/
body.page-template-sourcing-agent-guide,
body.rjl-page-sourcing-agent-guide{
background:#f7f7f7!important;
}
.sag-page{
background:#f7f7f7!important;
}
.sag-container{
width:min(calc(100% - 64px), 1140px)!important;
margin:0 auto!important;
}
.sag-hero{
padding:56px 0 28px!important;
background:#f7f7f7!important;
}
.sag-hero .sag-container{
display:grid!important;
grid-template-columns:minmax(0, 1fr) 290px!important;
gap:28px!important;
align-items:start!important;
}
.sag-kicker{
display:inline-block!important;
font-size:13px!important;
line-height:1.2!important;
font-weight:700!important;
letter-spacing:.08em!important;
text-transform:uppercase!important;
color:#ff8a21!important;
margin:0 0 14px!important;
}
.sag-hero-copy{
background:#fff!important;
border:1px solid #e5e5e5!important;
border-radius:10px!important;
padding:34px 36px!important;
box-shadow:0 10px 26px rgba(17, 17, 17, .04)!important;
}
.sag-hero h1{
font-size:34px!important;
line-height:1.22!important;
font-weight:700!important;
color:#131313!important;
margin:0 0 18px!important;
max-width:850px!important;
}
.sag-hero p{
font-size:17px!important;
line-height:1.78!important;
color:#344056!important;
margin:0!important;
max-width:none!important;
}
.sag-hero-actions{
margin-top:26px!important;
}
.sag-hero .button,
.sag-sidebar-card .button,
.sag-bottom-cta .button{
background:#ff8a21!important;
color:#fff!important;
border-radius:999px!important;
padding:14px 28px!important;
font-weight:700!important;
text-decoration:none!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
box-shadow:none!important;
border:0!important;
}
.sag-hero .button:hover,
.sag-sidebar-card .button:hover,
.sag-bottom-cta .button:hover{
background:#f07b12!important;
color:#fff!important;
}
.sag-sidebar-card .button-secondary{
background:#fff!important;
color:#ff8a21!important;
border:1px solid #ff8a21!important;
}
.sag-sidebar-card .button-secondary:hover{
background:#fff5eb!important;
color:#ff8a21!important;
}
.sag-sidebar-card{
background:#fff!important;
border:1px solid #e5e5e5!important;
border-radius:10px!important;
padding:22px 22px 24px!important;
box-shadow:0 10px 26px rgba(17, 17, 17, .04)!important;
}
.sag-sidebar-card h3{
font-size:19px!important;
line-height:1.35!important;
font-weight:700!important;
color:#1f314d!important;
margin:0 0 14px!important;
}
.sag-sidebar-card p{
font-size:15px!important;
line-height:1.72!important;
color:#4a566b!important;
margin:0 0 14px!important;
}
.sag-sidebar-card ul{
margin:0 0 18px 18px!important;
padding:0!important;
}
.sag-sidebar-card li{
font-size:14px!important;
line-height:1.72!important;
color:#1f314d!important;
margin:0 0 6px!important;
}
.sag-content{
padding:0 0 90px!important;
background:#f7f7f7!important;
}
.sag-layout{
display:grid!important;
grid-template-columns:290px minmax(0, 1fr)!important;
gap:28px!important;
align-items:start!important;
}
.sag-sidebar{
position:relative!important;
}
.sag-toc{
position:sticky!important;
top:108px!important;
}
.sag-toc h3{
margin-bottom:12px!important;
}
.sag-toc nav{
display:grid!important;
gap:10px!important;
}
.sag-toc a{
font-size:14px!important;
line-height:1.45!important;
color:#33405a!important;
text-decoration:none!important;
padding:8px 0!important;
border-bottom:1px dashed #ebebeb!important;
}
.sag-toc a:hover{
color:#ff8a21!important;
}
.sag-sticky-cta{
margin-top:18px!important;
}
.sag-article{
background:#fff!important;
border:1px solid #e5e5e5!important;
border-radius:10px!important;
padding:36px 42px 44px!important;
box-shadow:0 12px 28px rgba(17, 17, 17, .04)!important;
}
.sag-section{
padding:0 0 44px!important;
margin:0 0 44px!important;
border-bottom:1px solid #ececec!important;
scroll-margin-top:120px!important;
}
.sag-section:last-of-type{
border-bottom:0!important;
margin-bottom:0!important;
padding-bottom:0!important;
}
.sag-section h2{
font-size:30px!important;
line-height:1.28!important;
font-weight:700!important;
color:#111!important;
margin:0 0 20px!important;
}
.sag-section h3{
font-size:21px!important;
line-height:1.4!important;
font-weight:700!important;
color:#1d2635!important;
margin:0 0 10px!important;
}
.sag-section p,
.sag-section li{
font-size:17px!important;
line-height:1.86!important;
color:#2d3748!important;
}
.sag-section p{
margin:0 0 18px!important;
}
.sag-note{
background:#fff8f1!important;
border-left:4px solid #ff8a21!important;
border-radius:8px!important;
padding:18px 18px 18px 20px!important;
font-size:16px!important;
line-height:1.8!important;
color:#2d3748!important;
}
.sag-checklist{
display:grid!important;
gap:16px!important;
margin:22px 0 18px!important;
}
.sag-check-item{
display:grid!important;
grid-template-columns:28px minmax(0, 1fr)!important;
gap:14px!important;
align-items:start!important;
}
.sag-check-icon{
width:28px!important;
height:28px!important;
border-radius:50%!important;
background:#ff8a21!important;
color:#fff!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
font-size:16px!important;
font-weight:700!important;
line-height:1!important;
margin-top:2px!important;
}
.sag-check-item p{
margin:0!important;
}
.sag-card-grid{
display:grid!important;
grid-template-columns:repeat(3, minmax(0, 1fr))!important;
gap:18px!important;
margin-top:10px!important;
}
.sag-mini-card{
background:#fafafa!important;
border:1px solid #ececec!important;
border-radius:10px!important;
padding:22px!important;
}
.sag-mini-card p{
margin:0!important;
font-size:16px!important;
line-height:1.78!important;
}
.sag-fee-table{
margin-top:14px!important;
border:1px solid #ececec!important;
border-radius:10px!important;
overflow:hidden!important;
}
.sag-fee-row{
display:grid!important;
grid-template-columns:220px minmax(0, 1fr)!important;
border-bottom:1px solid #ececec!important;
}
.sag-fee-row:last-child{
border-bottom:0!important;
}
.sag-fee-label{
background:#fff8f1!important;
color:#ff8a21!important;
font-size:16px!important;
line-height:1.6!important;
font-weight:700!important;
padding:18px 20px!important;
}
.sag-fee-desc{
padding:18px 20px!important;
font-size:16px!important;
line-height:1.8!important;
color:#2d3748!important;
}
.sag-small{
font-size:15px!important;
color:#607089!important;
}
.sag-step-list{
display:grid!important;
gap:18px!important;
margin-top:18px!important;
}
.sag-step-row{
display:grid!important;
grid-template-columns:68px minmax(0, 1fr)!important;
gap:16px!important;
align-items:start!important;
padding:20px 0!important;
border-top:1px solid #ececec!important;
}
.sag-step-row:first-child{
border-top:0!important;
padding-top:0!important;
}
.sag-step-no{
width:52px!important;
height:52px!important;
border-radius:50%!important;
background:#fff8f1!important;
border:1px solid #ffd6af!important;
color:#ff8a21!important;
font-size:16px!important;
font-weight:700!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
}
.sag-step-copy p{
margin:0!important;
}
.sag-warning-list{
margin:0!important;
padding:0 0 0 22px!important;
}
.sag-warning-list li{
margin-bottom:10px!important;
}
.sag-faq-list{
display:grid!important;
gap:18px!important;
}
.sag-faq-item{
border:1px solid #ececec!important;
border-radius:10px!important;
padding:20px 22px!important;
background:#fafafa!important;
}
.sag-faq-item p{
margin:0!important;
}
.sag-bottom-cta{
padding-top:16px!important;
}
.sag-bottom-cta-inner{
background:linear-gradient(135deg,#fff8f1 0%,#fff 100%)!important;
border:1px solid #f1dbc3!important;
border-radius:12px!important;
padding:32px 34px!important;
text-align:center!important;
}
.sag-bottom-cta-inner h2{
font-size:28px!important;
line-height:1.3!important;
margin:0 0 14px!important;
}
.sag-bottom-cta-inner p{
max-width:720px!important;
margin:0 auto 22px!important;
}
/* responsive */
@media (max-width: 1100px){
.sag-hero .sag-container,
.sag-layout{
grid-template-columns:1fr!important;
}
.sag-toc{
position:static!important;
}
.sag-sticky-cta{
margin-top:0!important;
}
}
@media (max-width: 780px){
.sag-container{
width:min(calc(100% - 32px), 1140px)!important;
}
.sag-hero{
padding:40px 0 18px!important;
}
.sag-hero-copy,
.sag-sidebar-card,
.sag-article{
padding-left:20px!important;
padding-right:20px!important;
}
.sag-hero h1{
font-size:28px!important;
}
.sag-section h2{
font-size:24px!important;
}
.sag-section p,
.sag-section li{
font-size:16px!important;
}
.sag-card-grid{
grid-template-columns:1fr!important;
}
.sag-fee-row{
grid-template-columns:1fr!important;
}
.sag-step-row{
grid-template-columns:1fr!important;
}
.sag-step-no{
margin-bottom:8px!important;
}
}
/* ===== v86 Import Tutorial target hero colors + real 4-card row =====
User feedback:
- Four columns means the card width/container must be recalculated, not only repeat(4).
- Hero paragraph color must match target: white text on orange background.
*/
body.rjl-page-import-from-china-tutorial .tutorial-hero,
.page-template-import-tutorial .tutorial-hero,
.tutorial-hero{
position:relative!important;
background:
radial-gradient(circle at 6% 18%,rgba(255,255,255,.14) 0 150px,transparent 151px),
radial-gradient(circle at 96% 28%,rgba(255,255,255,.14) 0 185px,transparent 186px),
linear-gradient(100deg,#ff8d1f 0%,#ff9a30 48%,#ffb262 100%)!important;
padding:78px 0 84px!important;
text-align:center!important;
overflow:visible!important;
color:#fff!important;
}
body.rjl-page-import-from-china-tutorial .tutorial-hero h1,
.page-template-import-tutorial .tutorial-hero h1,
.tutorial-hero h1{
color:#000!important;
font-size:30px!important;
line-height:1.28!important;
font-weight:500!important;
margin:0 0 24px!important;
}
body.rjl-page-import-from-china-tutorial .tutorial-hero p,
.page-template-import-tutorial .tutorial-hero p,
.tutorial-hero p{
color:#fff!important;
font-size:16px!important;
line-height:1.72!important;
font-weight:500!important;
max-width:1060px!important;
margin:0 auto!important;
text-align:center!important;
}
body.rjl-page-import-from-china-tutorial .tutorial-arrow,
.page-template-import-tutorial .tutorial-arrow,
.tutorial-arrow{
width:52px!important;
height:52px!important;
bottom:-26px!important;
border:6px solid #fff!important;
background:#ff9229!important;
color:#fff!important;
font-size:30px!important;
line-height:1!important;
}
/* Episode Guide: exact desktop four-column row width */
body.rjl-page-import-from-china-tutorial .tutorial-chapters,
.page-template-import-tutorial .tutorial-chapters,
.tutorial-episode-guide-v81{
background:#fff!important;
padding:92px 0 84px!important;
text-align:center!important;
}
body.rjl-page-import-from-china-tutorial .tutorial-chapters h2,
.page-template-import-tutorial .tutorial-chapters h2,
.tutorial-episode-guide-v81 h2{
font-size:24px!important;
line-height:1.35!important;
font-weight:500!important;
color:#333!important;
margin:0 0 54px!important;
}
body.rjl-page-import-from-china-tutorial .tutorial-episode-guide-v81 .chapter-grid,
.page-template-import-tutorial .tutorial-episode-guide-v81 .chapter-grid,
.tutorial-episode-guide-v81 .chapter-grid{
width:1040px!important;
max-width:calc(100% - 64px)!important;
margin:0 auto!important;
display:grid!important;
grid-template-columns:repeat(4, 1fr)!important;
gap:26px!important;
justify-content:center!important;
align-items:stretch!important;
}
body.rjl-page-import-from-china-tutorial .tutorial-episode-guide-v81 .episode-card-v81,
.page-template-import-tutorial .tutorial-episode-guide-v81 .episode-card-v81,
.tutorial-episode-guide-v81 .episode-card-v81{
width:100%!important;
min-width:0!important;
max-width:none!important;
display:grid!important;
grid-template-rows:166px minmax(172px, auto)!important;
background:#fff!important;
border:1px solid #d8d8d8!important;
border-radius:4px!important;
overflow:hidden!important;
box-shadow:0 10px 26px rgba(0,0,0,.06)!important;
text-align:center!important;
}
body.rjl-page-import-from-china-tutorial .tutorial-episode-guide-v81 .episode-card-v81 > img,
.page-template-import-tutorial .tutorial-episode-guide-v81 .episode-card-v81 > img,
.tutorial-episode-guide-v81 .episode-card-v81 > img{
width:100%!important;
height:166px!important;
object-fit:cover!important;
display:block!important;
border:0!important;
}
body.rjl-page-import-from-china-tutorial .tutorial-episode-guide-v81 .episode-card-v81 > div,
.page-template-import-tutorial .tutorial-episode-guide-v81 .episode-card-v81 > div,
.tutorial-episode-guide-v81 .episode-card-v81 > div{
padding:22px 18px 24px!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
}
body.rjl-page-import-from-china-tutorial .tutorial-episode-guide-v81 .episode-card-v81 h3,
.page-template-import-tutorial .tutorial-episode-guide-v81 .episode-card-v81 h3,
.tutorial-episode-guide-v81 .episode-card-v81 h3{
font-size:20px!important;
line-height:1.32!important;
font-weight:500!important;
color:#333!important;
margin:0 0 16px!important;
}
body.rjl-page-import-from-china-tutorial .tutorial-episode-guide-v81 .episode-card-v81 p,
.page-template-import-tutorial .tutorial-episode-guide-v81 .episode-card-v81 p,
.tutorial-episode-guide-v81 .episode-card-v81 p{
font-size:15px!important;
line-height:1.55!important;
color:#1f314d!important;
margin:0 0 24px!important;
min-height:48px!important;
}
body.rjl-page-import-from-china-tutorial .tutorial-episode-guide-v81 .episode-card-v81 span,
.page-template-import-tutorial .tutorial-episode-guide-v81 .episode-card-v81 span,
.tutorial-episode-guide-v81 .episode-card-v81 span{
margin-top:auto!important;
color:#ff8a21!important;
font-size:13px!important;
line-height:1.2!important;
font-weight:600!important;
}
@media (max-width:1100px){
body.rjl-page-import-from-china-tutorial .tutorial-episode-guide-v81 .chapter-grid,
.page-template-import-tutorial .tutorial-episode-guide-v81 .chapter-grid,
.tutorial-episode-guide-v81 .chapter-grid{
width:min(calc(100% - 48px),780px)!important;
grid-template-columns:repeat(3,1fr)!important;
}
}
@media (max-width:820px){
body.rjl-page-import-from-china-tutorial .tutorial-episode-guide-v81 .chapter-grid,
.page-template-import-tutorial .tutorial-episode-guide-v81 .chapter-grid,
.tutorial-episode-guide-v81 .chapter-grid{
width:min(calc(100% - 36px),520px)!important;
grid-template-columns:repeat(2,1fr)!important;
gap:20px!important;
}
}
@media (max-width:560px){
body.rjl-page-import-from-china-tutorial .tutorial-episode-guide-v81 .chapter-grid,
.page-template-import-tutorial .tutorial-episode-guide-v81 .chapter-grid,
.tutorial-episode-guide-v81 .chapter-grid{
width:min(calc(100% - 32px),260px)!important;
grid-template-columns:1fr!important;
}
}
/* ===== v87 Resources page dynamic topics/categories rebuild =====
User feedback:
- Most Popular Topics is dynamic post data and should show 4 posts.
- Remove Get Jingsourcing's Monthly Report section.
- Explore knowledge in all topics should be blog category links, laid out like target screenshot.
*/
.resources-v87-page{
background:#fff!important;
}
.resources-v87-main{
background:#fff!important;
padding:30px 0 64px!important;
}
.resources-v87-wrap{
width:min(calc(100% - 64px),940px)!important;
max-width:940px!important;
margin:0 auto!important;
}
.resources-v87-main h1{
font-size:24px!important;
line-height:1.35!important;
font-weight:500!important;
color:#ff8a21!important;
text-align:center!important;
margin:0 0 44px!important;
}
.resources-v87-top-grid{
display:grid!important;
grid-template-columns:610px 280px!important;
gap:30px!important;
align-items:start!important;
margin:0 0 48px!important;
}
.resources-v87-guide-card{
background:#4e555c!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
overflow:hidden!important;
padding:16px!important;
display:block!important;
color:#fff!important;
}
.resources-v87-guide-card > img{
display:block!important;
width:100%!important;
height:auto!important;
object-fit:cover!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
margin:0 0 18px!important;
background:#fff!important;
}
.resources-v87-guide-card > div{
padding:0 2px 0!important;
}
.resources-v87-guide-card h2{
font-size:0!important;
height:0!important;
margin:0!important;
overflow:hidden!important;
}
.resources-v87-guide-card h3{
font-size:0!important;
height:0!important;
margin:0!important;
overflow:hidden!important;
}
.resources-v87-guide-card p{
font-size:16px!important;
line-height:1.68!important;
font-weight:600!important;
color:#fff!important;
margin:0 0 22px!important;
}
.resources-v87-guide-card .resource-guide-actions{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:24px!important;
padding:0 36px 10px!important;
}
.resources-v87-guide-card .resource-guide-actions span{
color:#fff!important;
font-size:13px!important;
font-weight:700!important;
}
.resources-v87-guide-card .resource-guide-actions .button{
background:#ff8a21!important;
border-color:#ff8a21!important;
color:#fff!important;
border-radius:999px!important;
padding:9px 22px!important;
font-size:13px!important;
font-weight:700!important;
min-height:32px!important;
box-shadow:none!important;
}
.resources-v87-popular{
background:transparent!important;
border:0!important;
box-shadow:none!important;
padding:0!important;
}
.resources-v87-popular h2{
font-size:16px!important;
line-height:1.35!important;
font-weight:700!important;
color:#111827!important;
margin:8px 0 18px!important;
text-align:left!important;
}
.resources-v87-popular a{
display:block!important;
background:#f2f3fb!important;
border:0!important;
border-radius:3px!important;
padding:18px 18px 17px!important;
margin:0 0 18px!important;
text-decoration:none!important;
box-shadow:none!important;
}
.resources-v87-popular a strong{
display:block!important;
font-size:13px!important;
line-height:1.45!important;
font-weight:600!important;
color:#111827!important;
margin:0 0 9px!important;
}
.resources-v87-popular a span{
display:block!important;
font-size:12px!important;
line-height:1.25!important;
font-weight:700!important;
color:#111827!important;
}
.resources-v87-card-row{
display:grid!important;
grid-template-columns:repeat(3,1fr)!important;
gap:16px!important;
margin:0!important;
}
.resources-v87-subscribe,
.resources-v87-outline{
min-height:248px!important;
border-radius:0!important;
box-shadow:none!important;
}
.resources-v87-subscribe{
background:#ff9628!important;
padding:24px 22px!important;
color:#fff!important;
}
.resources-v87-subscribe h2{
color:#fff!important;
font-size:21px!important;
line-height:1.35!important;
font-weight:700!important;
text-align:center!important;
margin:0 0 18px!important;
}
.resources-v87-subscribe p{
color:#fff!important;
font-size:14px!important;
line-height:1.65!important;
margin:0 0 22px!important;
}
.resources-v87-subscribe form{
display:grid!important;
gap:10px!important;
margin:0!important;
}
.resources-v87-name-row{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:8px!important;
}
.resources-v87-subscribe input{
width:100%!important;
height:32px!important;
border:0!important;
border-radius:3px!important;
padding:8px 10px!important;
font-size:12px!important;
box-sizing:border-box!important;
background:#fff!important;
}
.resources-v87-subscribe button{
height:33px!important;
border:0!important;
border-radius:3px!important;
background:#fff!important;
color:#ff8a21!important;
font-size:12px!important;
font-weight:700!important;
cursor:pointer!important;
}
.resources-v87-outline{
background:#f3f4fb!important;
border:1px solid #1e2a3d!important;
padding:24px 26px!important;
display:flex!important;
flex-direction:column!important;
}
.resources-v87-outline h2{
font-size:20px!important;
line-height:1.35!important;
font-weight:700!important;
color:#111827!important;
margin:0 0 20px!important;
text-align:center!important;
}
.resources-v87-outline p{
font-size:14px!important;
line-height:1.7!important;
color:#111827!important;
margin:0!important;
}
.resources-v87-outline a{
margin-top:auto!important;
align-self:flex-end!important;
color:#ff8a21!important;
font-size:12px!important;
font-weight:600!important;
text-decoration:none!important;
}
.resources-v87-topics{
background:#fff!important;
padding:54px 0 74px!important;
text-align:center!important;
}
.resources-v87-topics h2{
font-size:20px!important;
line-height:1.35!important;
font-weight:700!important;
color:#111827!important;
margin:0 0 22px!important;
}
.resources-v87-topics > .resources-v87-wrap > p{
max-width:620px!important;
margin:0 auto 38px!important;
font-size:14px!important;
line-height:1.7!important;
color:#4b5563!important;
}
.resources-v87-topic-grid{
width:800px!important;
max-width:100%!important;
margin:0 auto!important;
display:grid!important;
grid-template-columns:repeat(3,1fr)!important;
gap:18px 22px!important;
}
.resources-v87-topic-grid a{
position:relative!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
min-height:48px!important;
background:#f4f4f4!important;
border:0!important;
border-left:4px solid var(--topic-color,#ff8a21)!important;
border-radius:3px!important;
text-decoration:none!important;
padding:0 28px 0 18px!important;
color:#111827!important;
box-shadow:none!important;
}
.resources-v87-topic-grid a span{
font-size:12px!important;
line-height:1.35!important;
font-weight:700!important;
color:#111827!important;
text-align:center!important;
}
.resources-v87-topic-grid a::after{
content:"›"!important;
position:absolute!important;
right:16px!important;
top:50%!important;
transform:translateY(-52%)!important;
font-size:18px!important;
line-height:1!important;
color:#111827!important;
font-weight:700!important;
}
.resources-v87-topic-grid img{
display:none!important;
}
@media (max-width:980px){
.resources-v87-wrap{
width:min(calc(100% - 36px),940px)!important;
}
.resources-v87-top-grid{
grid-template-columns:1fr!important;
}
.resources-v87-popular{
max-width:610px!important;
margin:0 auto!important;
width:100%!important;
}
.resources-v87-card-row,
.resources-v87-topic-grid{
grid-template-columns:1fr!important;
width:min(100%,610px)!important;
}
}
/* ===== v88 Blog detail layout rebuild =====
User request: all blog detail pages should follow the uploaded target layout.
Structure: narrow article column + right quote CTA card.
Get Started button links to Contact page in single.php.
*/
.single-v88-page{
background:#fff!important;
}
.single-v88-post{
padding:46px 0 0!important;
background:#fff!important;
}
.single-v88-wrap{
width:min(calc(100% - 64px),940px)!important;
max-width:940px!important;
margin:0 auto!important;
display:grid!important;
grid-template-columns:minmax(0,640px) 220px!important;
gap:54px!important;
align-items:start!important;
}
.single-v88-main{
min-width:0!important;
}
.single-v88-header{
margin:0 0 22px!important;
}
.single-v88-cat{
display:inline-block!important;
color:#ff8a21!important;
font-size:13px!important;
line-height:1.35!important;
font-weight:700!important;
text-decoration:none!important;
margin:0 0 8px!important;
}
.single-v88-header h1{
font-size:30px!important;
line-height:1.26!important;
font-weight:700!important;
color:#111827!important;
letter-spacing:0!important;
margin:0 0 14px!important;
max-width:640px!important;
}
.single-v88-meta{
display:flex!important;
flex-wrap:wrap!important;
gap:8px 16px!important;
color:#7a8496!important;
font-size:12px!important;
line-height:1.45!important;
margin:0!important;
}
.single-v88-meta span{
position:relative!important;
}
.single-v88-meta span + span::before{
content:""!important;
position:absolute!important;
left:-9px!important;
top:50%!important;
width:3px!important;
height:3px!important;
border-radius:50%!important;
background:#c0c5cf!important;
transform:translateY(-50%)!important;
}
.single-v88-featured{
margin:0 0 26px!important;
}
.single-v88-featured img{
display:block!important;
width:100%!important;
height:auto!important;
border-radius:4px!important;
box-shadow:none!important;
}
.single-v88-content{
font-size:15px!important;
line-height:1.82!important;
color:#263142!important;
padding-bottom:30px!important;
}
.single-v88-content > *:first-child{
margin-top:0!important;
}
.single-v88-content p{
font-size:15px!important;
line-height:1.82!important;
color:#263142!important;
margin:0 0 18px!important;
}
.single-v88-content ul,
.single-v88-content ol{
margin:0 0 22px 22px!important;
padding:0!important;
}
.single-v88-content li{
font-size:15px!important;
line-height:1.82!important;
color:#263142!important;
margin:0 0 8px!important;
}
.single-v88-content li::marker{
color:#ff8a21!important;
}
.single-v88-content h2{
font-size:22px!important;
line-height:1.35!important;
font-weight:600!important;
color:#111827!important;
margin:42px 0 16px!important;
}
.single-v88-content h3{
font-size:18px!important;
line-height:1.42!important;
font-weight:600!important;
color:#111827!important;
margin:30px 0 12px!important;
}
.single-v88-content h4{
font-size:16px!important;
line-height:1.45!important;
font-weight:700!important;
color:#ff8a21!important;
margin:24px 0 10px!important;
}
.single-v88-content a{
color:#1c70d8!important;
text-decoration:none!important;
}
.single-v88-content a:hover{
text-decoration:underline!important;
}
.single-v88-content strong{
font-weight:700!important;
color:#111827!important;
}
.single-v88-content blockquote{
margin:24px 0!important;
border-left:4px solid #ff8a21!important;
background:#fff7ef!important;
padding:16px 20px!important;
border-radius:0 4px 4px 0!important;
}
.single-v88-content blockquote p{
margin:0!important;
}
.single-v88-content img{
max-width:100%!important;
height:auto!important;
border-radius:4px!important;
box-shadow:none!important;
}
.single-v88-content figure{
margin:26px 0!important;
}
.single-v88-content figcaption{
font-size:12px!important;
line-height:1.55!important;
color:#7a8496!important;
text-align:center!important;
margin-top:8px!important;
}
.single-v88-content table{
width:100%!important;
border-collapse:collapse!important;
margin:24px 0!important;
font-size:13px!important;
line-height:1.55!important;
background:#fff!important;
}
.single-v88-content th,
.single-v88-content td{
border:1px solid #e1e5eb!important;
padding:10px 12px!important;
vertical-align:top!important;
}
.single-v88-content th{
background:#f5f7fb!important;
font-weight:700!important;
color:#111827!important;
}
.single-v88-content .wp-block-image,
.single-v88-content .wp-block-table,
.single-v88-content .wp-block-quote{
margin-top:24px!important;
margin-bottom:24px!important;
}
.single-v88-tags{
margin:30px 0 0!important;
padding:14px 16px!important;
background:#f6f7fb!important;
border-radius:4px!important;
font-size:13px!important;
color:#4b5563!important;
}
.single-v88-tags span{
font-weight:700!important;
color:#111827!important;
margin-right:8px!important;
}
.single-v88-tags a{
display:inline-block!important;
color:#1c70d8!important;
text-decoration:none!important;
margin:4px 6px 4px 0!important;
}
.single-v88-sidebar{
position:relative!important;
}
.single-v88-quote-card{
position:sticky!important;
top:105px!important;
background:#fff!important;
border:1px solid #e5e5e5!important;
border-radius:4px!important;
padding:22px 20px!important;
box-shadow:0 8px 24px rgba(17,17,17,.04)!important;
}
.single-v88-quote-card h2{
font-size:17px!important;
line-height:1.35!important;
font-weight:700!important;
color:#111827!important;
margin:0 0 14px!important;
}
.single-v88-quote-card p{
font-size:13px!important;
line-height:1.65!important;
color:#4b5563!important;
margin:0 0 18px!important;
}
.single-v88-quote-card .button{
background:#ff8a21!important;
color:#fff!important;
border:0!important;
border-radius:999px!important;
min-height:34px!important;
padding:8px 20px!important;
font-size:13px!important;
font-weight:700!important;
text-decoration:none!important;
box-shadow:none!important;
}
.single-v88-post-nav{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:24px!important;
border-top:1px solid #e5e7eb!important;
border-bottom:1px solid #e5e7eb!important;
margin:42px 0 0!important;
padding:20px 0!important;
}
.single-v88-post-nav > div{
min-width:0!important;
}
.single-v88-post-nav .single-v88-next{
text-align:right!important;
border-left:1px solid #e5e7eb!important;
padding-left:22px!important;
}
.single-v88-post-nav .single-v88-prev{
padding-right:22px!important;
}
.single-v88-post-nav span{
display:block!important;
font-size:11px!important;
line-height:1.3!important;
text-transform:uppercase!important;
letter-spacing:.05em!important;
color:#9aa3b2!important;
margin:0 0 6px!important;
}
.single-v88-post-nav a{
font-size:13px!important;
line-height:1.45!important;
color:#1f314d!important;
text-decoration:none!important;
font-weight:600!important;
}
.single-v88-post-nav a:hover{
color:#ff8a21!important;
}
.single-v88-comments-section{
background:#fff!important;
padding:44px 0 76px!important;
}
.single-v88-comments-wrap{
width:min(calc(100% - 64px),940px)!important;
max-width:940px!important;
margin:0 auto!important;
}
.single-v88-comments{
width:640px!important;
max-width:100%!important;
}
.single-v88-comments .comments-title,
.single-v88-comments .comment-reply-title{
font-size:18px!important;
line-height:1.35!important;
font-weight:600!important;
color:#111827!important;
margin:0 0 18px!important;
}
.single-v88-comments .comment-notes{
font-size:13px!important;
line-height:1.6!important;
color:#7a8496!important;
margin:0 0 12px!important;
}
.single-v88-comments .comment-list{
margin:0 0 32px!important;
padding:0!important;
list-style:none!important;
}
.single-v88-comments .comment{
margin:0 0 22px!important;
padding:18px!important;
background:#f7f8fb!important;
border-radius:6px!important;
}
.single-v88-comments .comment-meta{
font-size:13px!important;
color:#7a8496!important;
margin:0 0 8px!important;
}
.single-v88-comments .comment-content p{
font-size:14px!important;
line-height:1.7!important;
margin:0 0 10px!important;
}
.single-v88-comments .comment-form{
display:grid!important;
gap:12px!important;
}
.single-v88-comments .comment-form p{
margin:0!important;
}
.single-v88-comments .comment-form label{
display:block!important;
font-size:12px!important;
line-height:1.4!important;
color:#4b5563!important;
margin:0 0 6px!important;
}
.single-v88-comments input[type="text"],
.single-v88-comments input[type="email"],
.single-v88-comments input[type="url"],
.single-v88-comments textarea{
width:100%!important;
box-sizing:border-box!important;
border:1px solid #d8dce5!important;
border-radius:3px!important;
background:#fff!important;
min-height:38px!important;
padding:9px 10px!important;
font-size:14px!important;
line-height:1.45!important;
}
.single-v88-comments textarea{
min-height:145px!important;
resize:vertical!important;
}
.single-v88-comments .comment-form-author,
.single-v88-comments .comment-form-email,
.single-v88-comments .comment-form-url{
display:inline-block!important;
width:calc((100% - 16px) / 3)!important;
vertical-align:top!important;
margin-right:8px!important;
}
.single-v88-comments .comment-form-url{
margin-right:0!important;
}
.single-v88-comments .form-submit{
margin-top:6px!important;
}
.single-v88-comments .submit{
background:#ff8a21!important;
color:#fff!important;
border:0!important;
border-radius:999px!important;
min-height:34px!important;
padding:8px 20px!important;
font-size:13px!important;
font-weight:700!important;
cursor:pointer!important;
}
.related-posts-section{
display:none!important;
}
.single-resource-hero,
.single-featured-resource,
.blog-layout,
.post-toc,
.single-resource-content{
/* old single template selectors are intentionally neutralized by v88 replacement */
}
@media (max-width:900px){
.single-v88-wrap{
width:min(calc(100% - 36px),640px)!important;
grid-template-columns:1fr!important;
gap:28px!important;
}
.single-v88-sidebar{
order:-1!important;
}
.single-v88-quote-card{
position:static!important;
}
.single-v88-comments-wrap{
width:min(calc(100% - 36px),640px)!important;
}
.single-v88-comments .comment-form-author,
.single-v88-comments .comment-form-email,
.single-v88-comments .comment-form-url{
display:block!important;
width:100%!important;
margin-right:0!important;
}
}
@media (max-width:560px){
.single-v88-post{
padding-top:34px!important;
}
.single-v88-header h1{
font-size:25px!important;
}
.single-v88-post-nav{
grid-template-columns:1fr!important;
}
.single-v88-post-nav .single-v88-next{
text-align:left!important;
border-left:0!important;
border-top:1px solid #e5e7eb!important;
padding-left:0!important;
padding-top:16px!important;
}
}
/* ===== v90 Our Blog page layout correction =====
The provided screenshot belongs to Our Blog (/blog/), not Resources.
This styles home.php (page_for_posts) with:
- guide card + dynamic Most Popular Topics (4 posts)
- no monthly report block
- blog category topic buttons
*/
.blog-v90-page{
background:#fff!important;
}
.blog-v90-main{
background:#fff!important;
padding:30px 0 64px!important;
}
.blog-v90-wrap{
width:min(calc(100% - 64px),940px)!important;
max-width:940px!important;
margin:0 auto!important;
}
.blog-v90-main h1{
font-size:24px!important;
line-height:1.35!important;
font-weight:500!important;
color:#ff8a21!important;
text-align:center!important;
margin:0 0 44px!important;
}
.blog-v90-top-grid{
display:grid!important;
grid-template-columns:610px 280px!important;
gap:30px!important;
align-items:start!important;
margin:0 0 48px!important;
}
.blog-v90-guide-card{
background:#4e555c!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
overflow:hidden!important;
padding:16px!important;
display:block!important;
color:#fff!important;
}
.blog-v90-guide-card > img{
display:block!important;
width:100%!important;
height:auto!important;
object-fit:cover!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
margin:0 0 18px!important;
background:#fff!important;
}
.blog-v90-guide-card > div{
padding:0 2px!important;
}
.blog-v90-guide-card p{
font-size:16px!important;
line-height:1.68!important;
font-weight:600!important;
color:#fff!important;
margin:0 0 22px!important;
}
.blog-v90-guide-actions{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:24px!important;
padding:0 36px 10px!important;
}
.blog-v90-guide-actions span{
color:#fff!important;
font-size:13px!important;
font-weight:700!important;
}
.blog-v90-guide-actions .button{
background:#ff8a21!important;
border-color:#ff8a21!important;
color:#fff!important;
border-radius:999px!important;
padding:9px 22px!important;
font-size:13px!important;
font-weight:700!important;
min-height:32px!important;
box-shadow:none!important;
text-decoration:none!important;
}
.blog-v90-popular{
background:transparent!important;
border:0!important;
box-shadow:none!important;
padding:0!important;
}
.blog-v90-popular h2{
font-size:16px!important;
line-height:1.35!important;
font-weight:700!important;
color:#111827!important;
margin:8px 0 18px!important;
text-align:left!important;
}
.blog-v90-popular a{
display:block!important;
background:#f2f3fb!important;
border:0!important;
border-radius:3px!important;
padding:18px 18px 17px!important;
margin:0 0 18px!important;
text-decoration:none!important;
box-shadow:none!important;
}
.blog-v90-popular a strong{
display:block!important;
font-size:13px!important;
line-height:1.45!important;
font-weight:600!important;
color:#111827!important;
margin:0 0 9px!important;
}
.blog-v90-popular a span{
display:block!important;
font-size:12px!important;
line-height:1.25!important;
font-weight:700!important;
color:#111827!important;
}
.blog-v90-card-row{
display:grid!important;
grid-template-columns:repeat(3,1fr)!important;
gap:16px!important;
margin:0!important;
}
.blog-v90-subscribe,
.blog-v90-outline{
min-height:248px!important;
border-radius:0!important;
box-shadow:none!important;
}
.blog-v90-subscribe{
background:#ff9628!important;
padding:24px 22px!important;
color:#fff!important;
}
.blog-v90-subscribe h2{
color:#fff!important;
font-size:21px!important;
line-height:1.35!important;
font-weight:700!important;
text-align:center!important;
margin:0 0 18px!important;
}
.blog-v90-subscribe p{
color:#fff!important;
font-size:14px!important;
line-height:1.65!important;
margin:0 0 22px!important;
}
.blog-v90-subscribe form{
display:grid!important;
gap:10px!important;
margin:0!important;
}
.blog-v90-name-row{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:8px!important;
}
.blog-v90-subscribe input{
width:100%!important;
height:32px!important;
border:0!important;
border-radius:3px!important;
padding:8px 10px!important;
font-size:12px!important;
box-sizing:border-box!important;
background:#fff!important;
}
.blog-v90-subscribe button{
height:33px!important;
border:0!important;
border-radius:3px!important;
background:#fff!important;
color:#ff8a21!important;
font-size:12px!important;
font-weight:700!important;
cursor:pointer!important;
}
.blog-v90-outline{
background:#f3f4fb!important;
border:1px solid #1e2a3d!important;
padding:24px 26px!important;
display:flex!important;
flex-direction:column!important;
}
.blog-v90-outline h2{
font-size:20px!important;
line-height:1.35!important;
font-weight:700!important;
color:#111827!important;
margin:0 0 20px!important;
text-align:center!important;
}
.blog-v90-outline p{
font-size:14px!important;
line-height:1.7!important;
color:#111827!important;
margin:0 0 16px!important;
}
.blog-v90-outline a{
margin-top:auto!important;
align-self:flex-end!important;
color:#ff8a21!important;
font-size:12px!important;
font-weight:600!important;
text-decoration:none!important;
}
.blog-v90-topics{
background:#fff!important;
padding:54px 0 74px!important;
text-align:center!important;
}
.blog-v90-topics h2{
font-size:20px!important;
line-height:1.35!important;
font-weight:700!important;
color:#111827!important;
margin:0 0 22px!important;
}
.blog-v90-topics > .blog-v90-wrap > p{
max-width:620px!important;
margin:0 auto 38px!important;
font-size:14px!important;
line-height:1.7!important;
color:#4b5563!important;
}
.blog-v90-topic-grid{
width:800px!important;
max-width:100%!important;
margin:0 auto!important;
display:grid!important;
grid-template-columns:repeat(3,1fr)!important;
gap:18px 22px!important;
}
.blog-v90-topic-grid a{
position:relative!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
min-height:48px!important;
background:#f4f4f4!important;
border:0!important;
border-left:4px solid var(--topic-color,#ff8a21)!important;
border-radius:3px!important;
text-decoration:none!important;
padding:0 28px 0 18px!important;
color:#111827!important;
box-shadow:none!important;
}
.blog-v90-topic-grid a span{
font-size:12px!important;
line-height:1.35!important;
font-weight:700!important;
color:#111827!important;
text-align:center!important;
}
.blog-v90-topic-grid a::after{
content:"›"!important;
position:absolute!important;
right:16px!important;
top:50%!important;
transform:translateY(-52%)!important;
font-size:18px!important;
line-height:1!important;
color:#111827!important;
font-weight:700!important;
}
@media (max-width:980px){
.blog-v90-wrap{
width:min(calc(100% - 36px),940px)!important;
}
.blog-v90-top-grid{
grid-template-columns:1fr!important;
}
.blog-v90-popular{
max-width:610px!important;
margin:0 auto!important;
width:100%!important;
}
.blog-v90-card-row,
.blog-v90-topic-grid{
grid-template-columns:1fr!important;
width:min(100%,610px)!important;
}
}
/* ===== v91 Import from China Tutorial 1140px content width =====
User request: Import from China Tutorial 页面内容宽度最大要 1140px.
Override all previous 940/1040/1060 width limits on this page.
*/
body.rjl-page-import-from-china-tutorial .tutorial-wrap,
.page-template-import-tutorial .tutorial-wrap,
body.rjl-page-import-from-china-tutorial .tutorial-hero .container,
.page-template-import-tutorial .tutorial-hero .container,
body.rjl-page-import-from-china-tutorial .tutorial-chapters .container,
.page-template-import-tutorial .tutorial-chapters .container,
body.rjl-page-import-from-china-tutorial .tutorial-bottom-forms .container,
.page-template-import-tutorial .tutorial-bottom-forms .container{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
}
body.rjl-page-import-from-china-tutorial .tutorial-hero p,
.page-template-import-tutorial .tutorial-hero p,
.tutorial-hero p{
max-width:1140px!important;
}
body.rjl-page-import-from-china-tutorial .tutorial-episode-guide-v81 .chapter-grid,
.page-template-import-tutorial .tutorial-episode-guide-v81 .chapter-grid,
.tutorial-episode-guide-v81 .chapter-grid{
width:1140px!important;
max-width:100%!important;
margin-left:auto!important;
margin-right:auto!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:28px!important;
}
body.rjl-page-import-from-china-tutorial .tutorial-form-grid,
.page-template-import-tutorial .tutorial-form-grid{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
}
@media (max-width:1100px){
body.rjl-page-import-from-china-tutorial .tutorial-episode-guide-v81 .chapter-grid,
.page-template-import-tutorial .tutorial-episode-guide-v81 .chapter-grid,
.tutorial-episode-guide-v81 .chapter-grid{
width:min(calc(100% - 56px),1140px)!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
}
@media (max-width:820px){
body.rjl-page-import-from-china-tutorial .tutorial-wrap,
.page-template-import-tutorial .tutorial-wrap,
body.rjl-page-import-from-china-tutorial .tutorial-form-grid,
.page-template-import-tutorial .tutorial-form-grid{
width:min(calc(100% - 36px),1140px)!important;
}
body.rjl-page-import-from-china-tutorial .tutorial-episode-guide-v81 .chapter-grid,
.page-template-import-tutorial .tutorial-episode-guide-v81 .chapter-grid,
.tutorial-episode-guide-v81 .chapter-grid{
width:min(calc(100% - 36px),1140px)!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:20px!important;
}
}
@media (max-width:560px){
body.rjl-page-import-from-china-tutorial .tutorial-episode-guide-v81 .chapter-grid,
.page-template-import-tutorial .tutorial-episode-guide-v81 .chapter-grid,
.tutorial-episode-guide-v81 .chapter-grid{
grid-template-columns:1fr!important;
}
}
/* ===== v92 Blog single 1140px layout + non-sticky CTA + comment form fix =====
User feedback:
- Blog detail content width is not reasonable; use 1140px page content width.
- Right CTA card must not be fixed/sticky while scrolling.
- Blog comment form has layout/submission field issues; rebuild field rhythm.
*/
.single-v88-post{
padding:54px 0 0!important;
}
.single-v88-wrap{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
display:grid!important;
grid-template-columns:minmax(0,780px) 260px!important;
gap:100px!important;
align-items:start!important;
}
.single-v88-main{
width:100%!important;
max-width:780px!important;
}
.single-v88-header h1{
max-width:780px!important;
font-size:32px!important;
line-height:1.26!important;
}
.single-v88-content{
max-width:780px!important;
}
.single-v88-content p,
.single-v88-content li{
font-size:16px!important;
line-height:1.82!important;
}
.single-v88-content h2{
font-size:24px!important;
line-height:1.35!important;
margin-top:44px!important;
}
.single-v88-content h3{
font-size:20px!important;
line-height:1.4!important;
}
.single-v88-featured{
display:none!important;
}
/* The right quote card should sit in the column, not stick/fix in the viewport. */
.single-v88-quote-card{
position:static!important;
top:auto!important;
width:260px!important;
max-width:260px!important;
padding:26px 24px!important;
}
.single-v88-quote-card h2{
font-size:24px!important;
line-height:1.25!important;
}
.single-v88-quote-card p{
font-size:15px!important;
line-height:1.7!important;
}
.single-v88-quote-card .button{
min-height:40px!important;
padding:10px 22px!important;
font-size:14px!important;
}
/* Comments align with the article column inside the same 1140px page rhythm. */
.single-v88-comments-wrap{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
}
.single-v88-comments{
width:780px!important;
max-width:780px!important;
}
.single-v88-comments .comment-reply-title{
font-size:20px!important;
margin-bottom:12px!important;
}
.single-v88-comments .comment-notes,
.single-v88-comments .logged-in-as{
font-size:13px!important;
line-height:1.6!important;
color:#6b7280!important;
margin:0 0 14px!important;
}
.single-v88-comments .single-v92-comment-form{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:14px!important;
align-items:start!important;
}
.single-v88-comments .single-v92-comment-form p{
margin:0!important;
}
.single-v88-comments .single-v92-comment-form .comment-notes,
.single-v88-comments .single-v92-comment-form .logged-in-as,
.single-v88-comments .single-v92-comment-form .comment-form-comment,
.single-v88-comments .single-v92-comment-form .comment-form-cookies-consent,
.single-v88-comments .single-v92-comment-form .form-submit{
grid-column:1 / -1!important;
}
.single-v88-comments .comment-form-author,
.single-v88-comments .comment-form-email,
.single-v88-comments .comment-form-url{
display:block!important;
width:100%!important;
margin:0!important;
}
.single-v88-comments .single-v92-comment-form label{
display:block!important;
font-size:12px!important;
line-height:1.4!important;
color:#4b5563!important;
margin:0 0 6px!important;
}
.single-v88-comments .single-v92-comment-form input[type="text"],
.single-v88-comments .single-v92-comment-form input[type="email"],
.single-v88-comments .single-v92-comment-form input[type="url"],
.single-v88-comments .single-v92-comment-form textarea{
display:block!important;
width:100%!important;
box-sizing:border-box!important;
border:1px solid #d8dce5!important;
border-radius:3px!important;
background:#fff!important;
min-height:40px!important;
padding:10px 12px!important;
font-size:14px!important;
line-height:1.45!important;
color:#1f314d!important;
}
.single-v88-comments .single-v92-comment-form textarea{
min-height:160px!important;
resize:vertical!important;
}
.single-v88-comments .comment-form-cookies-consent{
display:flex!important;
align-items:flex-start!important;
gap:8px!important;
font-size:13px!important;
color:#4b5563!important;
line-height:1.55!important;
}
.single-v88-comments .comment-form-cookies-consent input{
width:auto!important;
min-height:0!important;
margin-top:3px!important;
}
.single-v88-comments .form-submit{
margin-top:4px!important;
}
.single-v88-comments .submit{
background:#ff8a21!important;
color:#fff!important;
border:0!important;
border-radius:999px!important;
min-height:36px!important;
padding:8px 22px!important;
font-size:13px!important;
font-weight:700!important;
cursor:pointer!important;
}
@media (max-width:1050px){
.single-v88-wrap{
width:min(calc(100% - 56px),780px)!important;
grid-template-columns:1fr!important;
gap:34px!important;
}
.single-v88-sidebar{
order:initial!important;
}
.single-v88-quote-card{
width:100%!important;
max-width:100%!important;
}
.single-v88-comments-wrap{
width:min(calc(100% - 56px),780px)!important;
}
.single-v88-comments{
width:100%!important;
max-width:100%!important;
}
}
@media (max-width:680px){
.single-v88-wrap,
.single-v88-comments-wrap{
width:min(calc(100% - 36px),780px)!important;
}
.single-v88-comments .single-v92-comment-form{
grid-template-columns:1fr!important;
}
.single-v88-header h1{
font-size:26px!important;
}
}
/* ===== v93 Our Blog/Resources 1140px + dynamic category topic layout =====
User feedback:
- This page still used 940px/800px widths; all main content must be 1140px.
- Explore knowledge in all topics must be dynamic blog categories, not fixed names.
*/
.blog-v90-wrap{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
}
.blog-v90-main{
padding:46px 0 76px!important;
}
.blog-v90-main h1{
font-size:34px!important;
line-height:1.28!important;
color:#111827!important;
margin:0 0 54px!important;
}
.blog-v90-top-grid{
width:1140px!important;
max-width:100%!important;
grid-template-columns:760px 320px!important;
gap:60px!important;
margin-left:auto!important;
margin-right:auto!important;
margin-bottom:56px!important;
align-items:start!important;
}
.blog-v90-guide-card{
width:760px!important;
max-width:100%!important;
padding:16px!important;
}
.blog-v90-guide-card > img{
width:100%!important;
height:auto!important;
}
.blog-v90-guide-card p{
font-size:17px!important;
line-height:1.7!important;
}
.blog-v90-popular{
width:320px!important;
max-width:320px!important;
}
.blog-v90-popular h2{
font-size:28px!important;
line-height:1.2!important;
margin:12px 0 26px!important;
}
.blog-v90-popular a{
padding:20px 22px!important;
margin-bottom:20px!important;
}
.blog-v90-popular a strong{
font-size:14px!important;
line-height:1.5!important;
}
.blog-v90-card-row{
width:1140px!important;
max-width:100%!important;
margin-left:auto!important;
margin-right:auto!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:20px!important;
}
.blog-v90-subscribe,
.blog-v90-outline{
min-height:282px!important;
}
.blog-v90-topics{
padding:78px 0 90px!important;
}
.blog-v90-topics .blog-v90-wrap{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
}
.blog-v90-topics h2{
font-size:30px!important;
line-height:1.3!important;
margin-bottom:24px!important;
}
.blog-v90-topics > .blog-v90-wrap > p{
max-width:760px!important;
font-size:15px!important;
line-height:1.75!important;
margin-bottom:44px!important;
}
.blog-v90-topic-grid{
width:840px!important;
max-width:100%!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:18px 24px!important;
}
.blog-v90-topic-grid a{
min-height:56px!important;
}
.blog-v90-topic-grid a span{
font-size:13px!important;
}
/* Keep the old v90 mobile overrides from shrinking desktop widths too early. */
@media (max-width:1180px){
.blog-v90-wrap,
.blog-v90-topics .blog-v90-wrap{
width:min(calc(100% - 56px),1140px)!important;
}
.blog-v90-top-grid{
width:100%!important;
grid-template-columns:minmax(0,1fr) 320px!important;
gap:36px!important;
}
.blog-v90-guide-card{
width:100%!important;
}
.blog-v90-card-row{
width:100%!important;
}
}
@media (max-width:980px){
.blog-v90-top-grid{
grid-template-columns:1fr!important;
}
.blog-v90-popular{
width:100%!important;
max-width:100%!important;
}
.blog-v90-card-row,
.blog-v90-topic-grid{
grid-template-columns:1fr!important;
width:100%!important;
}
}
@media (max-width:680px){
.blog-v90-wrap,
.blog-v90-topics .blog-v90-wrap{
width:min(calc(100% - 36px),1140px)!important;
}
}
/* ===== v94 Blog single right CTA sticky correction =====
User correction:
The right "Get Your Free Quote" card should stay inside the viewport while scrolling.
v92 incorrectly forced it to position: static; this restores sticky behavior.
*/
.single-v88-wrap{
align-items:start!important;
}
.single-v88-sidebar{
align-self:start!important;
position:relative!important;
min-height:1px!important;
}
.single-v88-quote-card{
position:sticky!important;
top:118px!important;
z-index:5!important;
width:260px!important;
max-width:260px!important;
align-self:start!important;
}
/* Admin bar visible while logged in: keep the sticky card below the top admin bar/header area. */
.admin-bar .single-v88-quote-card{
top:150px!important;
}
/* On tablet/mobile there is no right rail, so sticky should be disabled. */
@media (max-width:1050px){
.single-v88-quote-card{
position:static!important;
top:auto!important;
width:100%!important;
max-width:100%!important;
}
}
/* ===== v95 Category/archive resources layout rebuild =====
User screenshot: category page should match target resources list layout.
1140px page width, two-column post cards on the left, quote CTA card on the right.
*/
.archive-v95-page{
background:#fff!important;
}
.archive-v95-section{
background:#fff!important;
padding:42px 0 88px!important;
}
.archive-v95-wrap{
width:min(calc(100% - 80px),1140px)!important;
max-width:1140px!important;
margin-left:auto!important;
margin-right:auto!important;
}
.archive-v95-header{
text-align:left!important;
margin:0 0 26px!important;
}
.archive-v95-header h1{
font-size:30px!important;
line-height:1.35!important;
font-weight:600!important;
color:#111827!important;
margin:0!important;
}
.archive-v95-header p{
max-width:760px!important;
font-size:15px!important;
line-height:1.7!important;
color:#4b5563!important;
margin:12px 0 0!important;
}
.archive-v95-layout{
display:grid!important;
grid-template-columns:minmax(0,800px) 260px!important;
gap:80px!important;
align-items:start!important;
width:1140px!important;
max-width:100%!important;
margin:0 auto!important;
}
.archive-v95-posts{
min-width:0!important;
}
.archive-v95-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:34px 28px!important;
}
.archive-v95-card{
background:#fff!important;
border:1px solid #e5e7eb!important;
border-radius:0!important;
overflow:hidden!important;
box-shadow:0 5px 18px rgba(17,17,17,.12)!important;
display:flex!important;
flex-direction:column!important;
min-height:0!important;
}
.archive-v95-thumb{
display:block!important;
width:100%!important;
height:220px!important;
overflow:hidden!important;
background:#f3f4f6!important;
text-decoration:none!important;
}
.archive-v95-thumb img{
display:block!important;
width:100%!important;
height:100%!important;
object-fit:cover!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
}
.archive-v95-card-body{
padding:24px 28px 20px!important;
background:#fff!important;
min-height:148px!important;
display:flex!important;
flex-direction:column!important;
}
.archive-v95-card-body h2{
font-size:17px!important;
line-height:1.42!important;
font-weight:700!important;
color:#111827!important;
margin:0 0 20px!important;
}
.archive-v95-card-body h2 a{
color:#111827!important;
text-decoration:none!important;
}
.archive-v95-card-body h2 a:hover{
color:#ff8a21!important;
}
.archive-v95-read-more{
margin-top:auto!important;
display:inline-block!important;
align-self:flex-start!important;
font-size:12px!important;
line-height:1.25!important;
font-weight:700!important;
color:#ff8a21!important;
text-decoration:none!important;
text-transform:uppercase!important;
}
.archive-v95-card-meta{
border-top:1px solid #e5e7eb!important;
background:#fff!important;
padding:14px 28px!important;
display:flex!important;
gap:14px!important;
flex-wrap:wrap!important;
font-size:12px!important;
line-height:1.3!important;
color:#9aa3b2!important;
margin-top:auto!important;
}
.archive-v95-card-meta span + span{
position:relative!important;
padding-left:10px!important;
}
.archive-v95-card-meta span + span::before{
content:"•"!important;
position:absolute!important;
left:0!important;
top:0!important;
color:#c2c7d0!important;
}
.archive-v95-sidebar{
align-self:start!important;
position:relative!important;
}
.archive-v95-quote-card{
position:sticky!important;
top:118px!important;
background:#fff!important;
border:1px solid #d9dde5!important;
border-radius:3px!important;
padding:28px 24px!important;
box-shadow:0 8px 22px rgba(17,17,17,.06)!important;
width:260px!important;
max-width:260px!important;
}
.admin-bar .archive-v95-quote-card{
top:150px!important;
}
.archive-v95-quote-card h2{
font-size:18px!important;
line-height:1.35!important;
font-weight:700!important;
color:#1f314d!important;
margin:0 0 18px!important;
}
.archive-v95-quote-card p{
font-size:14px!important;
line-height:1.7!important;
color:#4b5563!important;
margin:0 0 22px!important;
}
.archive-v95-quote-card .button{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
min-height:42px!important;
border-radius:999px!important;
background:#ff8a21!important;
color:#fff!important;
border:0!important;
box-shadow:none!important;
text-decoration:none!important;
font-size:14px!important;
font-weight:700!important;
padding:10px 18px!important;
}
.archive-v95-pagination{
margin:42px 0 0!important;
text-align:center!important;
}
.archive-v95-pagination .nav-links{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:14px!important;
}
.archive-v95-pagination a,
.archive-v95-pagination span{
font-size:13px!important;
line-height:1.4!important;
color:#1f314d!important;
text-decoration:none!important;
padding:3px 4px!important;
border:0!important;
background:transparent!important;
}
.archive-v95-pagination .current,
.archive-v95-pagination a:hover{
color:#ff8a21!important;
}
.blog-index-hero,
.blog-list-section{
/* v95 archive.php no longer uses these wrappers, but keep old styles from affecting fallback pages. */
}
@media (max-width:1180px){
.archive-v95-wrap{
width:min(calc(100% - 56px),1140px)!important;
}
.archive-v95-layout{
width:100%!important;
grid-template-columns:minmax(0,1fr) 260px!important;
gap:44px!important;
}
}
@media (max-width:980px){
.archive-v95-layout{
grid-template-columns:1fr!important;
}
.archive-v95-quote-card{
position:static!important;
top:auto!important;
width:100%!important;
max-width:100%!important;
}
}
@media (max-width:720px){
.archive-v95-wrap{
width:min(calc(100% - 36px),1140px)!important;
}
.archive-v95-grid{
grid-template-columns:1fr!important;
}
.archive-v95-thumb{
height:210px!important;
}
.archive-v95-header h1{
font-size:26px!important;
}
}
/* ===== v96 Archive CTA matches blog single CTA card =====
User request: 分类页右侧卡片要和博客详情页右侧卡片一样.
Override v95 archive-specific CTA styling to reuse the blog detail card visual.
*/
.archive-v95-sidebar{
align-self:start!important;
position:relative!important;
}
.archive-v95-quote-card.single-v88-quote-card,
.single-v88-quote-card.archive-v95-quote-card{
position:sticky!important;
top:118px!important;
z-index:5!important;
width:260px!important;
max-width:260px!important;
background:#fff!important;
border:1px solid #e5e5e5!important;
border-radius:4px!important;
padding:26px 24px!important;
box-shadow:0 8px 24px rgba(17,17,17,.04)!important;
align-self:start!important;
}
.admin-bar .archive-v95-quote-card.single-v88-quote-card,
.admin-bar .single-v88-quote-card.archive-v95-quote-card{
top:150px!important;
}
.archive-v95-quote-card.single-v88-quote-card h2,
.single-v88-quote-card.archive-v95-quote-card h2{
font-size:24px!important;
line-height:1.25!important;
font-weight:700!important;
color:#111827!important;
margin:0 0 14px!important;
}
.archive-v95-quote-card.single-v88-quote-card p,
.single-v88-quote-card.archive-v95-quote-card p{
font-size:15px!important;
line-height:1.7!important;
color:#4b5563!important;
margin:0 0 18px!important;
}
.archive-v95-quote-card.single-v88-quote-card .button,
.single-v88-quote-card.archive-v95-quote-card .button{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:auto!important;
min-height:40px!important;
background:#ff8a21!important;
color:#fff!important;
border:0!important;
border-radius:999px!important;
padding:10px 22px!important;
font-size:14px!important;
font-weight:700!important;
text-decoration:none!important;
box-shadow:none!important;
}
@media (max-width:980px){
.archive-v95-quote-card.single-v88-quote-card,
.single-v88-quote-card.archive-v95-quote-card{
position:static!important;
top:auto!important;
width:100%!important;
max-width:100%!important;
}
}
/* ===== v10.18.1 fix: Extra Service images were hidden by older background-image:none overrides. =====
Keep the v10.18 layout, but let the inline --bg-image URL display again.
*/
body.rjl-page-extra-services .service-v61-photo-bg,
body.rjl-page-extra-service .service-v61-photo-bg,
body.rjl-page-extra-services .service-v61-packaging-card:first-child .service-v61-packaging-bg,
body.rjl-page-extra-service .service-v61-packaging-card:first-child .service-v61-packaging-bg,
body.rjl-page-extra-services .service-v61-packaging-card:nth-child(2) .service-v61-packaging-bg,
body.rjl-page-extra-service .service-v61-packaging-card:nth-child(2) .service-v61-packaging-bg,
body.rjl-page-extra-services .service-v61-quality-card:nth-child(1) .service-v61-quality-bg,
body.rjl-page-extra-service .service-v61-quality-card:nth-child(1) .service-v61-quality-bg,
body.rjl-page-extra-services .service-v61-quality-card:nth-child(2) .service-v61-quality-bg,
body.rjl-page-extra-service .service-v61-quality-card:nth-child(2) .service-v61-quality-bg,
body.rjl-page-extra-services .service-v61-quality-card:nth-child(3) .service-v61-quality-bg,
body.rjl-page-extra-service .service-v61-quality-card:nth-child(3) .service-v61-quality-bg,
body.rjl-page-extra-services .service-v61-warehouse-bg,
body.rjl-page-extra-service .service-v61-warehouse-bg{
background-image:var(--bg-image)!important;
background-repeat:no-repeat!important;
background-position:center center!important;
background-color:#fff!important;
opacity:1!important;
visibility:visible!important;
}
body.rjl-page-extra-services .service-v61-packaging-bg,
body.rjl-page-extra-service .service-v61-packaging-bg{
background-size:contain!important;
}
body.rjl-page-extra-services .service-v61-photo-bg,
body.rjl-page-extra-service .service-v61-photo-bg,
body.rjl-page-extra-services .service-v61-quality-bg,
body.rjl-page-extra-service .service-v61-quality-bg,
body.rjl-page-extra-services .service-v61-warehouse-bg,
body.rjl-page-extra-service .service-v61-warehouse-bg{
background-size:cover!important;
}
/* ===== v10.18.2 homepage cleanup + final CTA text color =====
Remove the old import-guide download block from the homepage and keep the bottom CTA text readable.
*/
.home .ebook-section,
body.home .ebook-section,
.front-page .ebook-section,
body.rjl-page-home .ebook-section{
display:none!important;
}
.final-cta h1,
.final-cta h2,
.final-cta h3,
.final-cta p,
.final-cta span,
.final-cta div{
color:#fff!important;
}
.final-cta p{
color:rgba(255,255,255,.92)!important;
font-size:16px!important;
line-height:1.72!important;
font-weight:500!important;
}
/* ===== v10.18.3 Forminator submission fix + layout guard ===== */
.rjl-forminator-form-wrap{
width:100%!important;
}
.rjl-forminator-form-wrap .forminator-ui{
margin:0!important;
}
.rjl-forminator-form-wrap .forminator-response-message{
margin-top:12px!important;
}
.rjl-forminator-form-wrap .forminator-button-submit{
cursor:pointer!important;
}
/* ===== v10.18.4 Forminator integration warning for admins only ===== */
.rjl-forminator-admin-warning{
padding:16px 18px!important;
border:1px solid #ff8a21!important;
background:#fff7ed!important;
color:#7c2d12!important;
border-radius:8px!important;
font-size:14px!important;
line-height:1.6!important;
}
/* ===== v10.18.5 Forminator success UX ===== */
.rjl-forminator-form-wrap.rjl-forminator-submitted{
background:#fff!important;
border:1px solid #dbeafe!important;
border-radius:14px!important;
box-shadow:0 18px 45px rgba(15,23,42,.08)!important;
padding:28px!important;
}
.rjl-forminator-form-wrap.rjl-forminator-submitted form,
.rjl-forminator-form-wrap.rjl-forminator-submitted .forminator-ui,
.rjl-forminator-form-wrap.rjl-forminator-submitted .forminator-row,
.rjl-forminator-form-wrap.rjl-forminator-submitted .forminator-button,
.rjl-forminator-form-wrap.rjl-forminator-submitted .forminator-button-submit,
.rjl-forminator-form-wrap.rjl-forminator-submitted .forminator-pagination-footer,
.rjl-forminator-form-wrap.rjl-forminator-submitted .forminator-pagination-steps,
.rjl-forminator-form-wrap.rjl-forminator-submitted .forminator-label,
.rjl-forminator-form-wrap.rjl-forminator-submitted .forminator-field,
.rjl-forminator-form-wrap.rjl-forminator-submitted .forminator-checkbox,
.rjl-forminator-form-wrap.rjl-forminator-submitted .forminator-radio{
display:none!important;
}
.rjl-forminator-form-wrap .rjl-forminator-success-panel{
display:none;
}
.rjl-forminator-form-wrap.rjl-forminator-submitted .rjl-forminator-success-panel{
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
text-align:center!important;
min-height:180px!important;
padding:34px 26px!important;
background:linear-gradient(135deg,#f0fdf4 0%,#ffffff 100%)!important;
border:1px solid #bbf7d0!important;
border-radius:12px!important;
color:#14532d!important;
}
.rjl-forminator-form-wrap.rjl-forminator-submitted .rjl-forminator-success-panel::before{
content:"✓";
width:56px!important;
height:56px!important;
border-radius:50%!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
background:#16a34a!important;
color:#fff!important;
font-size:30px!important;
font-weight:800!important;
line-height:1!important;
margin:0 0 18px!important;
}
.rjl-forminator-form-wrap.rjl-forminator-submitted .rjl-forminator-success-panel strong{
display:block!important;
color:#14532d!important;
font-size:24px!important;
line-height:1.3!important;
font-weight:800!important;
margin:0 0 10px!important;
}
.rjl-forminator-form-wrap.rjl-forminator-submitted .rjl-forminator-success-panel span{
display:block!important;
max-width:620px!important;
color:#166534!important;
font-size:16px!important;
line-height:1.7!important;
margin:0 auto!important;
}
@media (max-width:640px){
.rjl-forminator-form-wrap.rjl-forminator-submitted{
padding:18px!important;
}
.rjl-forminator-form-wrap.rjl-forminator-submitted .rjl-forminator-success-panel{
min-height:150px!important;
padding:28px 18px!important;
}
.rjl-forminator-form-wrap.rjl-forminator-submitted .rjl-forminator-success-panel strong{
font-size:21px!important;
}
}
/* ===== v10.18.6 Blog Subscribe Forminator layout correction =====
Fix the orange Subscribe card: first/last name in one row, email/button in one row,
and make the submit button look like an actual button instead of plain text.
*/
.blog-v90-subscribe,
.resource-subscribe-card{
background:#ff821c!important;
color:#111827!important;
}
.blog-v90-subscribe h2,
.resource-subscribe-card h2{
color:#111827!important;
}
.blog-v90-subscribe p,
.resource-subscribe-card p{
color:#111827!important;
}
.blog-v90-subscribe .rjl-forminator-form-wrap,
.resource-subscribe-card .rjl-forminator-form-wrap{
background:transparent!important;
border:0!important;
box-shadow:none!important;
padding:0!important;
margin:34px 0 0!important;
}
.blog-v90-subscribe .forminator-ui,
.resource-subscribe-card .forminator-ui,
.blog-v90-subscribe .forminator-custom-form,
.resource-subscribe-card .forminator-custom-form{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:28px 20px!important;
align-items:center!important;
}
.blog-v90-subscribe .forminator-row,
.resource-subscribe-card .forminator-row,
.blog-v90-subscribe .forminator-row-last,
.resource-subscribe-card .forminator-row-last,
.blog-v90-subscribe .forminator-col,
.resource-subscribe-card .forminator-col{
display:contents!important;
margin:0!important;
padding:0!important;
width:auto!important;
max-width:none!important;
}
.blog-v90-subscribe .forminator-field,
.resource-subscribe-card .forminator-field{
margin:0!important;
padding:0!important;
}
.blog-v90-subscribe .forminator-label,
.resource-subscribe-card .forminator-label,
.blog-v90-subscribe .forminator-description,
.resource-subscribe-card .forminator-description{
display:none!important;
}
.blog-v90-subscribe input,
.resource-subscribe-card input,
.blog-v90-subscribe .forminator-input,
.resource-subscribe-card .forminator-input{
width:100%!important;
height:54px!important;
min-height:54px!important;
border:0!important;
border-radius:7px!important;
background:#fff!important;
box-shadow:none!important;
padding:0 16px!important;
font-size:16px!important;
line-height:54px!important;
font-weight:400!important;
color:#111827!important;
outline:none!important;
}
.blog-v90-subscribe input::placeholder,
.resource-subscribe-card input::placeholder,
.blog-v90-subscribe .forminator-input::placeholder,
.resource-subscribe-card .forminator-input::placeholder{
color:#8997a7!important;
opacity:1!important;
}
.blog-v90-subscribe .forminator-button-submit,
.resource-subscribe-card .forminator-button-submit,
.blog-v90-subscribe button[type="submit"],
.resource-subscribe-card button[type="submit"]{
width:100%!important;
height:54px!important;
min-height:54px!important;
border:0!important;
border-radius:7px!important;
background:#fff!important;
color:#ff821c!important;
box-shadow:none!important;
padding:0 18px!important;
font-size:16px!important;
line-height:54px!important;
font-weight:800!important;
text-align:center!important;
cursor:pointer!important;
transition:transform .18s ease, box-shadow .18s ease!important;
}
.blog-v90-subscribe .forminator-button-submit:hover,
.resource-subscribe-card .forminator-button-submit:hover,
.blog-v90-subscribe button[type="submit"]:hover,
.resource-subscribe-card button[type="submit"]:hover{
transform:translateY(-1px)!important;
box-shadow:0 10px 22px rgba(0,0,0,.12)!important;
background:#fff!important;
color:#ff821c!important;
}
.blog-v90-subscribe .forminator-response-message,
.resource-subscribe-card .forminator-response-message{
grid-column:1 / -1!important;
margin:0!important;
}
.blog-v90-subscribe .rjl-forminator-submitted,
.resource-subscribe-card .rjl-forminator-submitted{
background:transparent!important;
border:0!important;
box-shadow:none!important;
padding:0!important;
}
.blog-v90-subscribe .rjl-forminator-submitted .rjl-forminator-success-panel,
.resource-subscribe-card .rjl-forminator-submitted .rjl-forminator-success-panel{
min-height:150px!important;
background:#fff!important;
border:0!important;
border-radius:10px!important;
}
@media (max-width:640px){
.blog-v90-subscribe .forminator-ui,
.resource-subscribe-card .forminator-ui,
.blog-v90-subscribe .forminator-custom-form,
.resource-subscribe-card .forminator-custom-form{
grid-template-columns:1fr!important;
gap:18px!important;
}
}
/* ===== v10.18.7 Subscribe Forminator layout: email full row, submit full row =====
Keep First Name / Last Name on the first row, then put Email and Submit on their own rows.
*/
.blog-v90-subscribe .forminator-ui,
.resource-subscribe-card .forminator-ui,
.blog-v90-subscribe .forminator-custom-form,
.resource-subscribe-card .forminator-custom-form{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:28px 20px!important;
align-items:center!important;
}
/* First/last name row may continue to use display:contents so the two fields share one row. */
.blog-v90-subscribe .forminator-row:has(input[type="email"]),
.resource-subscribe-card .forminator-row:has(input[type="email"]),
.blog-v90-subscribe .forminator-row:has(.forminator-input[type="email"]),
.resource-subscribe-card .forminator-row:has(.forminator-input[type="email"]),
.blog-v90-subscribe .forminator-row-last,
.resource-subscribe-card .forminator-row-last{
display:block!important;
grid-column:1 / -1!important;
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0!important;
}
.blog-v90-subscribe .forminator-row:has(input[type="email"]) .forminator-col,
.resource-subscribe-card .forminator-row:has(input[type="email"]) .forminator-col,
.blog-v90-subscribe .forminator-row:has(.forminator-input[type="email"]) .forminator-col,
.resource-subscribe-card .forminator-row:has(.forminator-input[type="email"]) .forminator-col,
.blog-v90-subscribe .forminator-row-last .forminator-col,
.resource-subscribe-card .forminator-row-last .forminator-col,
.blog-v90-subscribe .forminator-row-last .forminator-field,
.resource-subscribe-card .forminator-row-last .forminator-field{
display:block!important;
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0!important;
}
.blog-v90-subscribe .forminator-field:has(input[type="email"]),
.resource-subscribe-card .forminator-field:has(input[type="email"]),
.blog-v90-subscribe .forminator-field:has(.forminator-input[type="email"]),
.resource-subscribe-card .forminator-field:has(.forminator-input[type="email"]){
grid-column:1 / -1!important;
width:100%!important;
}
.blog-v90-subscribe input[type="email"],
.resource-subscribe-card input[type="email"],
.blog-v90-subscribe .forminator-input[type="email"],
.resource-subscribe-card .forminator-input[type="email"],
.blog-v90-subscribe .forminator-button-submit,
.resource-subscribe-card .forminator-button-submit,
.blog-v90-subscribe button[type="submit"],
.resource-subscribe-card button[type="submit"]{
grid-column:1 / -1!important;
width:100%!important;
max-width:none!important;
}
/* When Forminator outputs the submit button without a field wrapper, make it span the whole row too. */
.blog-v90-subscribe .forminator-row-last > *,
.resource-subscribe-card .forminator-row-last > *{
width:100%!important;
max-width:none!important;
}
@media (max-width:640px){
.blog-v90-subscribe .forminator-ui,
.resource-subscribe-card .forminator-ui,
.blog-v90-subscribe .forminator-custom-form,
.resource-subscribe-card .forminator-custom-form{
grid-template-columns:1fr!important;
gap:18px!important;
}
}
/* ===== v10.18.8 persistent Forminator success panel =====
Stronger than the older v10.18.5 selectors: hide every direct child in the
form wrapper except the theme success panel, so Forminator cannot redraw the form
underneath after briefly showing its own success message.
*/
.rjl-forminator-form-wrap.rjl-forminator-submitted{
background:#fff!important;
border:1px solid #dbeafe!important;
border-radius:14px!important;
box-shadow:0 18px 45px rgba(15,23,42,.08)!important;
padding:28px!important;
}
.rjl-forminator-form-wrap.rjl-forminator-submitted > *:not(.rjl-forminator-success-panel){
display:none!important;
visibility:hidden!important;
pointer-events:none!important;
height:0!important;
min-height:0!important;
overflow:hidden!important;
margin:0!important;
padding:0!important;
}
.rjl-forminator-form-wrap .rjl-forminator-success-panel{
display:none;
}
.rjl-forminator-form-wrap.rjl-forminator-submitted > .rjl-forminator-success-panel{
display:flex!important;
visibility:visible!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
text-align:center!important;
min-height:180px!important;
height:auto!important;
padding:34px 26px!important;
background:linear-gradient(135deg,#f0fdf4 0%,#ffffff 100%)!important;
border:1px solid #bbf7d0!important;
border-radius:12px!important;
color:#14532d!important;
margin:0!important;
pointer-events:auto!important;
}
.rjl-forminator-form-wrap.rjl-forminator-submitted > .rjl-forminator-success-panel::before{
content:"✓";
width:56px!important;
height:56px!important;
border-radius:50%!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
background:#16a34a!important;
color:#fff!important;
font-size:30px!important;
font-weight:800!important;
line-height:1!important;
margin:0 0 18px!important;
}
.rjl-forminator-form-wrap.rjl-forminator-submitted > .rjl-forminator-success-panel strong{
display:block!important;
color:#14532d!important;
font-size:24px!important;
line-height:1.3!important;
font-weight:800!important;
margin:0 0 10px!important;
}
.rjl-forminator-form-wrap.rjl-forminator-submitted > .rjl-forminator-success-panel span{
display:block!important;
max-width:620px!important;
color:#166534!important;
font-size:16px!important;
line-height:1.7!important;
margin:0 auto!important;
}
.blog-v90-subscribe .rjl-forminator-form-wrap.rjl-forminator-submitted,
.resource-subscribe-card .rjl-forminator-form-wrap.rjl-forminator-submitted,
.resources-v87-subscribe .rjl-forminator-form-wrap.rjl-forminator-submitted{
background:transparent!important;
border:0!important;
box-shadow:none!important;
padding:0!important;
}
.blog-v90-subscribe .rjl-forminator-form-wrap.rjl-forminator-submitted > .rjl-forminator-success-panel,
.resource-subscribe-card .rjl-forminator-form-wrap.rjl-forminator-submitted > .rjl-forminator-success-panel,
.resources-v87-subscribe .rjl-forminator-form-wrap.rjl-forminator-submitted > .rjl-forminator-success-panel{
min-height:170px!important;
background:#fff!important;
border:0!important;
}
@media (max-width:640px){
.rjl-forminator-form-wrap.rjl-forminator-submitted{
padding:18px!important;
}
.rjl-forminator-form-wrap.rjl-forminator-submitted > .rjl-forminator-success-panel{
min-height:150px!important;
padding:28px 18px!important;
}
.rjl-forminator-form-wrap.rjl-forminator-submitted > .rjl-forminator-success-panel strong{
font-size:21px!important;
}
}
/* ===== v10.18.9 Resources: remove monthly report and use dynamic blog categories ===== */
body.rjl-page-blog .monthly-report-band,
body.rjl-page-resources .monthly-report-band,
.page-template-resources .monthly-report-band,
.monthly-report-band{
display:none!important;
}
.resource-topics-section{
background:#fff!important;
padding:70px 0 76px!important;
text-align:center!important;
}
.resource-topics-section h2{
font-size:28px!important;
line-height:1.32!important;
font-weight:700!important;
color:#111827!important;
margin:0 0 16px!important;
}
.resource-topics-section > .container > p{
max-width:720px!important;
margin:0 auto 34px!important;
color:#1f314d!important;
font-size:16px!important;
line-height:1.7!important;
}
.resource-topic-grid.resource-topic-grid-dynamic,
.resource-topic-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:18px 24px!important;
width:min(100%,960px)!important;
max-width:960px!important;
margin:0 auto!important;
}
.resource-topic-grid.resource-topic-grid-dynamic a,
.resource-topic-grid a{
display:flex!important;
align-items:center!important;
justify-content:center!important;
min-height:58px!important;
padding:16px 18px!important;
background:#f4f4f4!important;
border:1px solid #e4e4e4!important;
border-radius:3px!important;
border-left:4px solid var(--topic-color,#ff8a21)!important;
box-shadow:none!important;
text-decoration:none!important;
color:#0f172a!important;
font-size:14px!important;
font-weight:700!important;
line-height:1.35!important;
text-align:center!important;
}
.resource-topic-grid.resource-topic-grid-dynamic a img,
.resource-topic-grid a img{
display:none!important;
}
.resource-topic-grid.resource-topic-grid-dynamic a:hover,
.resource-topic-grid a:hover{
background:#fff!important;
border-color:#ffd0a3!important;
color:#ff8a21!important;
transform:translateY(-1px)!important;
}
@media (max-width:900px){
.resource-topic-grid.resource-topic-grid-dynamic,
.resource-topic-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
width:min(calc(100% - 32px),640px)!important;
}
}
@media (max-width:560px){
.resource-topic-grid.resource-topic-grid-dynamic,
.resource-topic-grid{
grid-template-columns:1fr!important;
}
}