/* 1688BUY shopping design: white space, black type and red pill actions.
   Reference: NP Shopping public homepage; all brand and service content is 1688BUY. */
:root{--ink:#151515;--green:#171717;--muted:#666;--line:#e8e8e8;--cream:#f7f7f7;--orange:#cf3325}
body{font-size:16px;background:#fff;color:var(--ink)}.container{width:min(1200px,calc(100% - 80px))}
h1,h2,h3{text-wrap:balance}h1{font-size:clamp(38px,4.3vw,62px);line-height:1.23;letter-spacing:-2px;font-weight:800}h2{font-size:38px;letter-spacing:-1.2px;line-height:1.25}h3{letter-spacing:-.3px}p{line-height:1.8}
.header{background:#fff;border-bottom:1px solid #f3f3f3}.header-inner{height:78px;gap:24px}.header .container{width:min(1440px,calc(100% - 48px))}.brand-icon{background:var(--orange);width:36px;height:38px;border-radius:9px}.brand b{font-size:23px;color:var(--orange);letter-spacing:-1px}.brand small{display:none}.desktop-nav{font-size:13px;gap:22px;font-weight:600}.desktop-nav a{padding:10px 0;white-space:nowrap}.desktop-nav .active{color:var(--orange)}.header-actions{gap:20px}.languages{font-size:11px;gap:1px}.languages a{padding:8px 5px;color:#656565}.languages a[aria-current]{color:#111;text-decoration:none;background:#f2f2f2;border-radius:5px}.header-contact{font-size:12px;background:var(--orange);color:white;border-radius:50px;padding:12px 21px}.menu-toggle{color:var(--ink)}
.eyebrow{font-size:11px;letter-spacing:1.5px;color:var(--orange)}.hero{display:block;padding-top:62px;padding-bottom:46px;text-align:center}.hero-copy{max-width:1140px;margin:auto}.hero .eyebrow{display:none}.hero h1{position:relative;display:inline-block}.hero-spark{position:absolute;right:-40px;top:-18px;font-size:35px;font-weight:400;transform:rotate(13deg)}.hero-copy>p{font-size:15px;line-height:1.7;max-width:740px;margin:25px auto 0;color:#656565}.hero-marketplaces{display:flex;justify-content:center;align-items:center;gap:62px;margin:34px auto 0}.hero-marketplaces a{display:flex;align-items:center;gap:10px;transition:color .2s}.hero-marketplaces a:hover{color:var(--orange)}.hero-marketplaces b{font-size:29px;font-weight:800;letter-spacing:-1px}.hero-marketplaces small{font-size:12px;font-weight:600}.hero-buttons{justify-content:center;gap:24px;margin-top:30px}.button{border-radius:50px;font-size:14px;font-weight:650;padding:14px 28px;min-height:50px;box-shadow:none;transition:background .2s}.button:hover{transform:none;background:#b82a1e}.hero .button{min-width:190px}.hero .button:not(.secondary){box-shadow:0 0 0 4px #fff,0 0 0 5px #f3d8d4,0 0 0 9px #fcf6f5}.secondary{background:#fff;color:#111;border-color:#222}.secondary:hover{background:#f3f3f3}.dark{background:#141414}.dark:hover{background:#333}.text-link{font-size:14px;font-weight:650}.hero-note{font-size:12px}
.shopping-banner{display:grid;grid-template-columns:1fr 1fr;min-height:310px;background:#f6e9dc;border-radius:16px;overflow:hidden}.shopping-banner-copy{padding:42px 48px;align-self:center}.shopping-banner .eyebrow{display:block;color:#785e4c;font-size:10px}.shopping-banner h2{font-size:37px;max-width:450px;letter-spacing:-1.3px}.shopping-banner-image{min-height:310px}.shopping-banner-image img{width:100%;height:100%;object-fit:cover;display:block}.destination-chips{display:flex;align-items:center;gap:12px;margin:22px 0;font-size:12px}.destination-chips>span:not(:nth-child(2)){display:inline-flex;gap:7px;align-items:center;padding:7px 11px;background:#fff9;border-radius:30px}.destination-dot{width:7px;height:7px;border-radius:50%;background:var(--orange)}.shopping-banner .text-link{font-size:13px;text-decoration:underline;text-underline-offset:5px}
.steps-section{background:#fff;padding:94px 0 75px}.steps-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:center}.steps-section h2{white-space:pre-line}.steps-grid{display:flex;flex-direction:column;gap:0;margin-top:28px}.step{display:grid;grid-template-columns:42px 1fr;gap:0 18px;padding:17px 0;border-bottom:1px solid #ededed}.step-number{grid-row:1/3;margin:0;background:#fff;border-color:#e0e0e0;color:#171717;font-size:16px;letter-spacing:0;font-weight:500}.step h3{font-size:16px;margin:0 0 5px}.step p{font-size:13px;line-height:1.75;color:#666}.steps-section .button{margin-top:27px}.journey-card{padding:32px;background:#f8f4f1;border-radius:18px;overflow:hidden}.journey-art{height:215px;position:relative;display:grid;place-items:center;isolation:isolate}.journey-orbit{position:absolute;width:230px;height:150px;border:2px dashed #cfae98;border-radius:50%;transform:rotate(-22deg);z-index:-1}.journey-parcel{display:grid;place-items:center;width:126px;height:126px;border-radius:22px;background:#dcab7c;color:#6c4129;font-size:118px;line-height:1;transform:rotate(-12deg);box-shadow:10px 15px 0 #c4875633}.journey-stamp{position:absolute;right:6px;top:10px;border:1px solid #d5bca9;padding:14px 13px;line-height:1.4;font-size:12px;text-align:center;background:#fffaf5;transform:rotate(10deg);border-radius:8px;color:#a94d35}.journey-card h3{font-size:25px;margin-bottom:12px}.journey-card p{font-size:14px;color:#777}.journey-card .eyebrow{margin-top:20px;margin-bottom:12px}.journey-note{margin-top:24px;border-top:1px solid #e4d9d0;padding-top:19px;font-size:12px;display:flex;gap:10px;color:#555}.journey-note>span{color:var(--orange)}
.benefits{gap:30px;padding:29px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.benefits h3{font-size:15px}.benefits p{font-size:13px;max-width:none}.benefit-icon{background:#fff2f0;color:var(--orange);border-radius:50%;width:46px;height:46px}.section{padding-block:76px}.section-heading{margin-bottom:32px}.store-grid{gap:20px}.store-card{border:1px solid #e7e7e7;border-radius:14px;padding:28px;background:#fff;transition:box-shadow .2s}.store-card:hover{transform:none;border-color:#ddd;box-shadow:0 8px 24px #00000009}.store-top{margin-bottom:25px}.store-logo{font-size:39px}.store-card h3{font-size:15px}.store-card p{font-size:13px;min-height:65px}.store-visit{font-size:12px}.bn-portal{padding-bottom:70px}.bn-portal-intro{font-size:15px}.bn-portal-grid{gap:20px}.bn-path-card,.bn-path-card:nth-child(2),.bn-path-card:nth-child(3){background:#f8f8f8;border:0;border-radius:16px;padding:28px}.bn-path-card:hover{transform:none;background:#f4f4f4}.bn-path-top{color:var(--orange)}.bn-path-number{font-size:13px}.bn-path-card h3{font-size:23px}.bn-path-card p{font-size:14px;color:#666}.bn-path-card strong{font-size:13px}.quote-banner{background:#fff0ed;border:0;border-radius:16px;padding:44px 48px;margin-top:8px}.quote-banner h2{font-size:34px}.quote-banner p{font-size:14px;color:#735a55}.quote-banner .dark{background:var(--orange)}
.trust-section{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;padding-top:80px;padding-bottom:15px}.trust-heading>p{font-size:14px;color:var(--muted);margin:22px 0}.trust-items article{display:flex;gap:22px;padding:25px 0;border-bottom:1px solid var(--line)}.trust-items article:first-child{padding-top:7px}.trust-items h3{font-size:19px;margin-bottom:9px}.trust-items p{font-size:14px;color:var(--muted)}.trust-number{color:var(--orange);font-size:13px;font-weight:750;padding-top:4px}.operator-mark{display:flex;gap:12px;align-items:center;margin-top:28px}.operator-icon{display:grid;place-items:center;width:42px;height:42px;background:#111;color:white;font-size:25px;border-radius:9px;font-weight:800}.operator-mark strong{display:block;font-size:12px;letter-spacing:1px}.operator-mark small{font-size:11px;color:#666}.guide-card,.guide-card:nth-child(2),.guide-card:nth-child(3){background:#f7f7f7;border-radius:14px;padding:28px}.guide-card h3{font-size:22px}.guide-card p{font-size:14px}.guide-label{font-size:10px;color:#666}.guide-num{color:#00000010}.blog-grid{gap:24px}.blog-grid .guide-card{background:white;border:1px solid var(--line)}.faq-section{padding-top:0;gap:70px}summary{font-size:15px;padding:24px 0}details p{font-size:14px;line-height:1.85}.contact-banner{background:#f7f7f7;color:#111;padding:56px 0}.contact-banner .eyebrow{color:var(--orange)}.contact-banner p{color:#666;font-size:14px}.contact-banner .white{background:var(--orange);color:#fff}.contact-banner .white:hover{background:#b82a1e}.contact-banner .outline{color:#111;border-color:#222}.contact-banner .outline:hover{background:#eee}.qr-link{color:#666;font-size:12px}.footer{background:#fff;color:#111;padding-top:52px}.footer p,.footer-grid>div>a:not(.brand){font-size:12px;color:#666}.footer h3{font-size:14px}.footer-bottom{font-size:11px;border-color:#e8e8e8}.footer .disclaimer{font-size:10px;line-height:1.8}.floating-contact{background:var(--orange);border-radius:50px;box-shadow:0 4px 16px #aa302520}.floating-contact>span{font-size:12px}
/* Interior pages retain the same neutral palette, scale and rounded controls. */
.page-title{font-size:46px;line-height:1.2}.lead{font-size:16px}.ex-page{padding-top:54px}.ex-store-description,.ex-step-list p,.ex-info-sections p,.ex-question .ex-answer p,.ex-checklist li{font-size:14px}.ex-chip,.ex-text-link,.ex-resource-list a,.bn-support-links a{font-size:13px}.ex-chip{border-radius:24px}.ex-category,.ex-tags li,.ex-official,.ex-count{font-size:11px}.ex-filter-controls,.bn-form-block{background:#f8f8f8;border:1px solid #eee;border-radius:16px}.ex-check-panel,.ex-catalog-banner,.quote-aside,.quote-result{background:#f6f6f6}.ex-checklist li{color:#666}.ex-help-contact{background:#fff0ed}.bn-hint,.quote-aside p{font-size:14px}.bn-product-row label,.bn-field-grid label{font-size:13px}.bn-field-grid input,.bn-product-row input,.bn-field-grid select,.bn-field-grid textarea{font-size:15px}.bn-quote-page .quote-aside{top:104px}.prose p{color:#666;font-size:16px}.ex-question .ex-question-copy{font-size:15px}.ex-question-copy small{font-size:11px}.contact-card{background:#fafafa}.contact-card h2{font-size:28px}.ex-step-number{background:#fff4f2;border-color:#f0d4cf}.ex-panel-symbol{color:var(--orange);border-color:#d8d8d8}.small-chip{background:#f0f0f0}
@media(max-width:1180px){.container{width:calc(100% - 64px)}.desktop-nav{gap:15px;font-size:12px}.header-inner{gap:18px}.brand b{font-size:21px}.header-actions{gap:12px}.header-contact{display:none}.hero h1{font-size:48px}.hero-spark{right:-27px;font-size:25px}.shopping-banner-copy{padding:32px}.shopping-banner h2{font-size:33px}.steps-layout{gap:45px}.trust-section{gap:50px}}
@media(max-width:960px){.header-inner{height:70px}.header-contact{display:inline-flex}.hero{padding-top:52px}.hero h1{font-size:43px}.hero-marketplaces{gap:32px}.hero-marketplaces b{font-size:26px}.hero-marketplaces small{font-size:11px}.shopping-banner h2{font-size:30px}.shopping-banner-copy{padding:28px}.shopping-banner-image{min-height:300px}.steps-layout{grid-template-columns:1.3fr 1fr;gap:30px}.steps-section h2{font-size:30px}.journey-card{padding:23px}.journey-card h3{font-size:22px}.journey-orbit{width:190px}.store-grid{grid-template-columns:repeat(2,1fr)}.bn-path-card{padding:23px}.bn-path-card h3{font-size:20px}.benefits{gap:20px}.benefits article{display:block}.benefit-icon{margin-bottom:12px}.benefits h3{font-size:14px}}
@media(max-width:640px){.container{width:calc(100% - 40px)}.header .container{width:calc(100% - 32px)}.header-inner{height:68px;gap:10px}.brand b{font-size:20px}.brand-icon{width:31px;height:33px;font-size:24px}.header-contact{display:none}.header-actions{gap:8px}.languages{font-size:10px}.languages a{padding:7px 4px}.menu-toggle{padding:6px;font-size:23px}.hero{padding-top:37px;padding-bottom:36px}.hero h1{font-size:35px;line-height:1.22;letter-spacing:-1.35px}.hero-spark{display:none}.hero-copy>p{font-size:14px;line-height:1.75;margin-top:22px}.hero-marketplaces{gap:22px;margin-top:25px}.hero-marketplaces a{flex-direction:column;gap:0}.hero-marketplaces b{font-size:25px}.hero-marketplaces small{font-size:9px}.hero-buttons{gap:13px;margin-top:27px;flex-wrap:wrap}.hero .button{min-width:0;font-size:12px;padding:13px 19px;min-height:47px}.button{font-size:13px}.shopping-banner{grid-template-columns:1fr;border-radius:14px}.shopping-banner-copy{padding:28px}.shopping-banner h2{font-size:30px}.shopping-banner .eyebrow{font-size:9px}.destination-chips{gap:8px;font-size:11px;margin:19px 0}.destination-chips>span:not(:nth-child(2)){padding:6px 9px}.shopping-banner-image{height:215px;min-height:0}.shopping-banner-image img{object-position:center 52%}.steps-section{padding:49px 0 42px}.steps-layout{grid-template-columns:1fr;gap:30px}.steps-section h2{font-size:29px}.steps-grid{margin-top:21px}.step{grid-template-columns:36px 1fr;gap:0 14px;padding:17px 0}.step-number{width:35px;height:35px;line-height:33px;font-size:14px}.step h3{font-size:16px}.step p{font-size:13px}.journey-card{padding:25px}.journey-art{height:165px}.journey-orbit{width:220px;height:120px}.journey-parcel{width:105px;height:105px;font-size:95px}.journey-card h3{font-size:25px}.journey-card .eyebrow{margin-top:13px}.benefits{grid-template-columns:1fr;padding:26px 0;gap:24px}.benefits article{display:flex;align-items:center;gap:15px}.benefit-icon{margin:0;flex:0 0 43px;height:43px}.benefits h3{font-size:14px}.benefits p{font-size:12px}.section{padding-block:47px}h2{font-size:29px;letter-spacing:-.8px}.section-heading .text-link{font-size:11px;max-width:100px}.store-grid{gap:12px}.store-card{padding:21px 16px}.store-logo{font-size:31px}.store-card h3{font-size:14px}.store-card p{font-size:12px;min-height:65px}.store-visit{font-size:10px}.bn-portal{padding-bottom:45px}.bn-portal-intro{font-size:14px}.bn-portal-grid{gap:14px}.bn-path-card,.bn-path-card:nth-child(2),.bn-path-card:nth-child(3){padding:25px}.bn-path-card h3{font-size:22px}.bn-path-card p{font-size:14px}.quote-banner{margin-top:0;padding:28px}.quote-banner h2{font-size:29px}.trust-section{grid-template-columns:1fr;padding-top:49px;gap:30px}.trust-items article{gap:17px;padding:23px 0}.trust-items h3{font-size:18px}.guide-card{padding:25px}.guide-card p{font-size:14px}.faq-section{padding-top:0;gap:23px}.contact-banner{padding:40px 0}.contact-banner h2{font-size:29px}.contact-buttons .button{padding:14px 18px}.footer-grid{gap:30px 22px}.footer p,.footer-grid>div>a:not(.brand){font-size:12px}.footer-bottom{font-size:10px}.page-title{font-size:36px}.ex-store-description,.ex-step-list p,.ex-info-sections p,.ex-question .ex-answer p{font-size:14px}.bn-field-grid input,.bn-product-row input,.bn-field-grid select,.bn-field-grid textarea{font-size:16px}.ex-chip{font-size:12px}.bn-quote-page .quote-aside{position:static}.ex-question .ex-question-copy{font-size:14px}.contact-grid{grid-template-columns:1fr}.contact-card{padding:25px}.contact-card img{max-height:400px}.contact-card .button{font-size:13px;padding:15px 22px}}
@media(max-width:380px){.container{width:calc(100% - 32px)}.header-inner .brand b{font-size:18px}.hero h1{font-size:31px}.hero-marketplaces{gap:22px}.hero .button{font-size:11px;padding:13px 16px}.shopping-banner-copy{padding:23px}.shopping-banner h2{font-size:27px}}