/* PPN Market Next Generation v2.1 | The same design language across ALL market screens.
   Safely scoped to .mk-unified; preserves handlers and order/payment business logic. */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800&display=swap');
.mk-unified {
  --mk-primary: #087f88; --mk-primary-light: #0f9ba1; --mk-primary-dark:#075c69;
  --mk-accent:#f6b85f; --mk-secondary:#123650; --mk-border:#dfebef;
  --mk-shadow-sm:0 3px 13px rgba(18,54,80,.045);
  --mk-shadow-md:0 16px 46px rgba(18,54,80,.09);
  --mk-bg:#f4f8fa; --mk-text:#173447;
  color:var(--mk-text); background:#f4f8fa;
  font-family:'Noto Sans Thai',Tahoma,Arial,sans-serif;
  -webkit-font-smoothing:antialiased; min-height:100vh;
}
.mk-unified *{box-sizing:border-box}
.mk-unified :focus-visible {outline:3px solid #efb45e;outline-offset:3px}
.mk-unified a {text-decoration:none}
.mk-unified .mk-topbar.mk-unified-header {height:76px;min-height:76px;padding:9px max(20px,calc((100vw - 1220px)/2));background:rgba(255,255,255,.97);border-bottom:1px solid #dfeaf0;box-shadow:0 4px 25px rgba(18,54,80,.035);display:flex;align-items:center;gap:18px;position:relative;z-index:110}
.mk-unified-header .mk-topbar-brand{display:flex;align-items:center;flex-shrink:0;gap:11px;color:#16394e}
.mk-unified-header .mk-topbar-brand img{width:43px;height:43px;object-fit:contain;border-radius:13px;background:#fff;box-shadow:0 3px 15px rgba(0,0,0,.06)}
.mk-unified-header .mk-wordmark{display:grid;gap:2px;line-height:1.1}
.mk-unified-header .mk-wordmark strong{font:800 18px 'Outfit','Noto Sans Thai',sans-serif;letter-spacing:-.4px;white-space:nowrap}
.mk-unified-header .mk-wordmark strong span{color:#078b91}
/* Override legacy 90px brand clipping on small screens. */
.mk-unified-header .mk-wordmark,.mk-unified-header .mk-wordmark span{max-width:none;overflow:visible;text-overflow:clip}
.mk-unified-header .mk-wordmark strong span{white-space:nowrap}
.mk-unified-header .mk-wordmark small{font:700 9px 'Outfit',sans-serif;letter-spacing:1.65px;color:#879ca9;white-space:nowrap}
.mk-unified-header .mk-topbar-nav{margin-left:auto;display:flex;align-items:center;gap:3px;min-width:0}
.mk-unified-header .mk-topbar-nav a{color:#486578;padding:10px 11px;white-space:nowrap;font-size:12.5px;font-weight:700;border-radius:10px}
.mk-unified-header .mk-topbar-nav a:hover,.mk-unified-header .mk-topbar-nav a.active,.mk-unified-header .mk-topbar-nav a[aria-current=page]{color:#087d86;background:#eaf5f5}
.mk-unified-header #topRight{display:flex;align-items:center;gap:7px;flex-shrink:0}
.mk-unified-header #topRight .mk-btn{border-radius:11px;padding:10px 13px;font-size:12px}
.mk-unified-header .mk-nav-toggle{display:none;align-items:center;justify-content:center;flex:none;width:42px;height:42px;cursor:pointer;border:1px solid #dce9ec;background:#fff;color:#17384e;border-radius:11px;font-size:24px}
.mk-mobile-nav{display:none;padding:12px 20px;background:#fff;border-bottom:1px solid #e1ebf0;box-shadow:0 15px 28px rgba(12,45,64,.09)}
.mk-mobile-nav[hidden]{display:none!important}
.mk-mobile-nav a{display:block;color:#1d4458;font-size:14px;font-weight:650;padding:13px 12px;border-bottom:1px solid #f0f4f5;border-radius:8px}
.mk-mobile-nav a:last-child{border-bottom:0}
.mk-mobile-nav a.active,.mk-mobile-nav a[aria-current=page]{background:#eaf7f6;color:#077b83}
.mk-unified .mk-btn,.mk-unified button:not(.mk-nav-toggle){font-family:inherit;transition:background-color .17s,border-color .17s,box-shadow .17s}
.mk-unified .mk-btn-primary{background:#087f88!important;border-color:#087f88!important;color:#fff!important;box-shadow:none!important}
.mk-unified .mk-btn-primary:hover{background:#086974!important;border-color:#086974!important}
.mk-unified .mk-btn-outline,.mk-unified .mk-btn-ghost{color:#126c75;border-color:#bed6dc;background:#fff}
.mk-unified .mk-btn-outline:hover,.mk-unified .mk-btn-ghost:hover{background:#eff9f8}
.mk-unified .mk-input,.mk-unified .mk-select,.mk-unified .mk-textarea,.mk-unified input:not([type=checkbox]):not([type=radio]):not([type=file]),.mk-unified select,.mk-unified textarea{font:500 14px 'Noto Sans Thai',Tahoma,sans-serif;min-height:44px;border-radius:11px;border-color:#d8e4e9;color:#16364a;background:#fff;max-width:100%}
.mk-unified .mk-input:focus,.mk-unified .mk-select:focus,.mk-unified .mk-textarea:focus,.mk-unified input:focus,.mk-unified textarea:focus,.mk-unified select:focus{border-color:#15a0a1;box-shadow:0 0 0 3px rgba(9,147,151,.11)}
.mk-unified .mk-label{font-size:13px;font-weight:700;color:#254a5e;margin-bottom:7px}
.mk-unified input[type=checkbox],.mk-unified input[type=radio]{accent-color:#087f88}
.mk-unified .mk-modal-overlay.active{z-index:2000;background:rgba(13,37,54,.7);backdrop-filter:blur(5px);padding:16px}
.mk-unified .mk-modal{border:1px solid #dde9ef;border-radius:22px;box-shadow:0 24px 75px rgba(7,32,47,.2);max-height:min(92vh,940px);overflow-y:auto;background:#fff}
.mk-unified .mk-modal-header{position:sticky;top:0;z-index:2;background:#fff;border-bottom:1px solid #e8edf0;padding-bottom:16px;align-items:center}
.mk-unified .mk-modal-header h3{color:#11394d;font-size:19px}
.mk-unified .mk-upload-zone{border-radius:14px;border:1.5px dashed #91bfc3;background:#f4fbfb;color:#376d75;min-height:105px}
.mk-unified .mk-upload-zone:hover{background:#ebf8f7;border-color:#0d969a}
.mk-unified .mk-badge{border-radius:50px;padding:3px 10px}
.mk-unified .mk-footer{background:#122f45;color:#d4e6ed;border-top:0;margin-top:50px}
.mk-unified .mk-footer .mk-footer-inner{max-width:1220px}
.mk-unified .mk-footer .mk-footer-brand>div>div:first-child{color:#fff!important}
.mk-unified .mk-footer .mk-footer-col a,.mk-unified .mk-footer .mk-footer-col span{color:#d4e6ed!important}
.mk-unified .mk-footer .mk-footer-title{color:#fff}
.mk-unified .mk-footer .mk-footer-bottom{color:#b4ccd4;border-top-color:#2a5163}
/* Shared page intro, breadcrumbs, sectional surfaces */
.mk-unified .mk-page-intro{background:radial-gradient(circle at 84% 18%,#194c62 0,#113448 50%,#0d293b 100%);color:#fff;padding:29px 22px 33px;position:relative;overflow:hidden}
.mk-unified .mk-page-intro:before{content:'';position:absolute;right:-62px;top:-170px;width:410px;height:410px;border:65px solid rgba(115,217,205,.07);border-radius:50%;pointer-events:none}
.mk-unified .mk-page-intro-inner{position:relative;max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.mk-unified .mk-crumb{color:#c0d9df;font-size:11px;font-weight:600;display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:8px}
.mk-unified .mk-crumb a{color:#bbe5de}.mk-unified .mk-crumb span{color:#8cadb7}
.mk-unified .mk-page-intro h1,.mk-unified .mk-page-intro .mk-page-intro-title{font-size:clamp(22px,3vw,31px);font-weight:800;line-height:1.4;margin:0 0 5px;color:#fff}
.mk-unified .mk-page-intro p{font-size:12.5px;color:#d0e2e6;line-height:1.8;margin:0;max-width:730px}
.mk-unified .mk-page-intro .mk-intro-aside{display:flex;gap:8px;align-items:center;flex-shrink:0}
.mk-unified .mk-intro-aside a{padding:10px 16px;border-radius:10px;background:#fff;color:#153b4f;font-size:12px;font-weight:750;white-space:nowrap}
.mk-unified .mk-intro-aside a:hover{background:#eaf5f5}
.mk-unified .mk-intro-aside a.mk-intro-soft{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.26)}
.mk-unified .mk-container{max-width:1220px}
.mk-unified .mk-card,.mk-unified .track-card,.mk-unified .pay-card,.mk-unified .doc-card,.mk-unified .product-list-item,.mk-unified .mk-shop-card{background:#fff;border:1px solid #e1ebef;border-radius:18px;box-shadow:0 6px 24px rgba(14,52,70,.035)}
.mk-unified .mk-empty{border:1px dashed #d5e4e8;background:#fff;border-radius:16px;padding:32px 16px}
.mk-unified .mk-tabs{background:#fff;border:1px solid #e4edf0;border-radius:14px;padding:5px;gap:5px;box-shadow:0 3px 16px rgba(14,52,70,.035)}
.mk-unified .mk-tab{border-radius:10px;font-weight:650;font-size:13px;white-space:nowrap;color:#50697a}
.mk-unified .mk-tab.active{background:#e6f5f4;color:#076c78;border-color:transparent}
.mk-unified .mk-receipt{border-radius:20px;border:1px solid #e1ecf0;box-shadow:0 12px 37px rgba(19,56,75,.08)}
/* Open shop: retain signup, referral handling and enrollment conditions */
.mk-unified .os-hero{background:radial-gradient(circle at 86% 0,#276473,#133b51 52%,#0d2c42);padding:62px 20px 64px}
.mk-unified .os-hero::after{height:0;display:none}
.mk-unified .os-hero::before{opacity:.3}
.mk-unified .os-hero h1{color:#fff;text-shadow:none;letter-spacing:-.35px;line-height:1.35}
.mk-unified .os-hero p{color:#d4e9ef;font-weight:400}
.mk-unified .os-hero-badge{font-size:12px;background:rgba(122,218,207,.12);border-color:rgba(167,240,226,.3);color:#bceae1}
.mk-unified .os-btn-hero.primary{background:#fff;color:#116774;box-shadow:0 9px 29px rgba(0,0,0,.13)}
.mk-unified .os-btn-hero.outline{border:1px solid rgba(255,255,255,.35);color:#fff}
.mk-unified .os-benefit{border:1px solid #e3edef;border-radius:18px;box-shadow:0 5px 18px rgba(15,51,67,.04);text-align:left}
.mk-unified .os-benefit:hover{box-shadow:0 14px 27px rgba(11,89,106,.08)}
.mk-unified .os-benefit h3,.mk-unified .os-section h2,.mk-unified .os-step-body h3{color:#193c50}
.mk-unified .os-stat-num{color:#067f88}
.mk-unified .os-stats{background:#e8f5f4}
.mk-unified .os-step-num.s1,.mk-unified .os-step-num.s2,.mk-unified .os-step-num.s3{background:#128d94}
.mk-unified .os-steps::before{background:#b5dedf}
.mk-unified .os-compare-card.ppn{background:#114458;box-shadow:0 12px 24px rgba(16,62,83,.16)}
.mk-unified .os-cta{background:#124257}
.mk-unified .os-section{max-width:1090px;padding-block:44px}
/* Track: easier search, timeline and identity of status */
.mk-unified .track-page{max-width:950px;margin:24px auto 60px;padding:0 18px;min-height:35vh}
.mk-unified .track-card{overflow:hidden;margin-bottom:16px}
.mk-unified .track-header{background:#f3f8fa;border-bottom:1px solid #e3edf1}
.mk-unified .track-header h2{font-size:16px;color:#193c50}
.mk-unified .track-card .search-card{padding:40px 26px}
.mk-unified .track-card .search-card h2{font-size:22px;font-weight:800;color:#183c51}
.mk-unified .search-form{max-width:430px}
.mk-unified .mk-search-tab{border-radius:10px 10px 0 0}
.mk-unified .timeline::before{background:#d6e8ec}
/* Payments: QR should be clearly visible, status not claimed before verified */
.mk-unified .pay-page{max-width:620px;padding:25px 18px;min-height:30vh}
.mk-unified .pay-card{overflow:hidden;border-radius:21px}
.mk-unified .pay-header{background:linear-gradient(130deg,#123b52,#087b86);padding:25px}
.mk-unified .pay-body{padding:27px 24px}
.mk-unified .pay-header h2{color:#fff}
.mk-unified .qr-wrap{width:min(250px,100%);height:auto;aspect-ratio:1;border:1px solid #dce8ed;border-radius:18px;padding:10px}
.mk-unified .pay-amount{color:#087d86;font-family:'Outfit','Noto Sans Thai',sans-serif}
.mk-unified .pay-copy-btn{border-color:#0b8990;color:#087b83;background:#fff}
.mk-unified .pay-copy-btn:hover{background:#087e87;color:#fff}
.mk-unified .pay-note{background:#f1f8f8;border:1px solid #d5ecec;border-radius:12px;color:#456879;padding:14px;margin:18px 0;line-height:1.8}
.mk-unified .pay-status{background:#fff;border-radius:12px;padding:12px}
.mk-unified .pay-expired,.mk-unified .pay-success{padding:40px 25px}
/* Seller dashboard, shop registration and all modals */
.mk-unified .myshop-wrap{max-width:1180px;padding:24px 20px 50px}
.mk-unified .myshop-wrap .mk-stats{gap:12px}
.mk-unified .myshop-wrap .mk-ref-card{border:1px solid #dfe9ed;border-radius:16px;box-shadow:0 6px 20px rgba(12,52,69,.045)}
.mk-unified #tab-shop>section,.mk-unified #shopForm,.mk-unified #tab-wallet>div,.mk-unified #tab-products>div:not(#productList),.mk-unified #tab-orders>div:not(#shopOrderList){border:1px solid #e2edf0;border-radius:17px;box-shadow:0 6px 24px rgba(16,52,71,.035)}
.mk-unified #sellerAgreementPanel{background:#fff}
.mk-unified #sellerAgreementPanel h3{color:#173c51!important}
.mk-unified #shopForm{max-width:100%;padding:25px 28px!important}
.mk-unified #shopForm h3{color:#173c51}
.mk-unified .product-list-item{padding:16px 18px;margin-bottom:12px;gap:15px;transition:border-color .15s,box-shadow .15s}
.mk-unified .product-list-item:hover{border-color:#badbdd;box-shadow:0 8px 26px rgba(17,74,90,.07)}
.mk-unified .product-list-img{width:80px;height:80px;border-radius:13px;object-fit:cover;background:#eef4f5}
.mk-unified .product-list-info{min-width:0}
.mk-unified .product-list-name{font-size:15px;font-weight:750;color:#173b4f;line-height:1.55}
.mk-unified .product-list-meta{font-size:12px;line-height:1.75;color:#647d8c;margin-top:5px}
.mk-unified .product-list-actions{align-items:center;flex-wrap:wrap}
.mk-unified .product-list-actions .mk-btn{border-radius:9px;padding:8px 10px}
.mk-unified .mk-seller-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 15px;padding:13px;background:#fff;border:1px solid #e4edf0;border-radius:14px}
.mk-unified .mk-seller-tools input{flex:1;min-width:160px}
.mk-unified .mk-seller-tools select{width:auto;max-width:235px}
.mk-unified .mk-modal .mk-form-group{margin-bottom:16px}
.mk-unified .mk-modal .mk-grid-3{gap:12px}
.mk-unified .mk-editor-section-header{border-left:4px solid #0d9499;background:#eff8f8;color:#245368;border-radius:0 9px 9px 0;padding:10px 13px;margin:6px 0 17px;font-size:13px;font-weight:800}
.mk-unified .mk-editor-section-header small{display:block;font-size:11px;font-weight:500;color:#698591;line-height:1.65}
.mk-unified #pMarketTypeHint{background:#edf7f7!important;border:1px solid #cce6e7!important;color:#245e69!important;border-radius:12px!important;font-size:12px!important;line-height:1.85}
.mk-unified #calcPreviewBox{background:#ecf7f3!important;border:1px solid #c5e5d8!important;color:#17694e!important}
.mk-unified #variantChoiceWrap>label{background:#f3f8fa!important;border-color:#dbe9ef!important}
.mk-unified #variantEditor{background:#f7fafb!important;border:1px solid #dfebef}
.mk-unified #productModal .mk-modal{max-width:790px!important}
.mk-unified #productModal .mk-modal-header{margin-bottom:20px}
.mk-unified #productModal .mk-modal-header h3{margin:0}
.mk-unified .mk-step-pill{display:inline-flex;align-items:center;gap:6px;background:#e8f5f3;border-radius:99px;padding:6px 12px;font-weight:800;color:#0a757b;font-size:11px;margin-bottom:10px}
.mk-unified #tab-wallet .mk-btn-block,.mk-unified #tab-shop .mk-btn-block{border-radius:12px;min-height:48px}
/* Legal articles and receipts */
.mk-unified .doc-page{max-width:990px;margin:28px auto 54px;padding:0 18px}
.mk-unified .doc-card{padding:clamp(22px,4vw,42px);box-shadow:0 8px 34px rgba(16,51,68,.05)}
.mk-unified .doc-card h1{color:#173d51;font-size:clamp(20px,3vw,27px)}
.mk-unified .doc-card h2,.mk-unified .faq-cat{color:#146d78}
.mk-unified .doc-card p,.mk-unified .doc-card li{color:#4a6374;line-height:1.9}
.mk-unified .faq-item{border-bottom-color:#e7eef1}
.mk-unified .faq-q{color:#1d465a;padding:4px 0}
.mk-unified .faq-a{color:#536d7e}
/* Information notice in checkout and track */
.mk-unified .mk-info-strip{max-width:900px;margin:18px auto 0;display:flex;gap:11px;align-items:flex-start;padding:12px 16px;background:#eaf5f4;border:1px solid #cfe7e5;border-radius:12px;color:#265e6b;font-size:12px;line-height:1.7}
.mk-unified .mk-info-strip b{color:#12566a}
.mk-unified .mk-info-strip .mk-info-icon{font-size:19px;line-height:1.2}
@media(max-width:1120px){
 .mk-unified-header .mk-topbar-nav a{padding:9px 7px;font-size:11px}
 .mk-unified-header .mk-topbar-brand img{width:39px;height:39px}
 .mk-unified-header .mk-wordmark strong{font-size:16px}
 .mk-unified-header .mk-wordmark small{font-size:8px}
}
@media(max-width:920px){
 .mk-unified .mk-topbar.mk-unified-header{padding:8px 16px;height:67px;min-height:67px;gap:10px}
 .mk-unified-header .mk-topbar-nav{display:none!important}
 .mk-unified-header .mk-nav-toggle{display:flex;margin-left:0}
 .mk-unified-header #topRight{margin-left:auto}
 .mk-mobile-nav:not([hidden]){display:block}
 .mk-unified .mk-page-intro-inner{flex-direction:column;align-items:flex-start}
}
@media(max-width:620px){
 .mk-unified .mk-topbar.mk-unified-header{padding:8px 12px}
 .mk-unified-header .mk-topbar-brand img{width:36px;height:36px;border-radius:10px}
 .mk-unified-header .mk-wordmark strong{font-size:15px}
 .mk-unified-header .mk-wordmark small{letter-spacing:1px;font-size:7px}
 .mk-unified-header #topRight a:not(.mk-btn-primary),.mk-unified-header #topRight #mkNotifBell{display:none!important}
 .mk-unified-header #topRight .mk-btn{padding:9px 11px;font-size:11px}
 .mk-unified .mk-page-intro{padding:22px 17px 24px}
 .mk-unified .mk-page-intro h1,.mk-unified .mk-page-intro .mk-page-intro-title{font-size:22px}
 .mk-unified .mk-page-intro p{font-size:12px}
 .mk-unified .mk-intro-aside a{padding:8px 12px}
 .mk-unified .myshop-wrap{padding:15px 12px 30px}
 .mk-unified #shopForm{padding:18px!important}
 .mk-unified .mk-tabs{overflow:auto;flex-wrap:nowrap}
 .mk-unified .mk-tab{min-width:89px;justify-content:center;font-size:12px;padding:10px 7px}
 .mk-unified .product-list-item{align-items:flex-start;display:grid;grid-template-columns:64px 1fr;gap:12px;padding:13px}
 .mk-unified .product-list-img{width:64px;height:64px}
 .mk-unified .product-list-actions{grid-column:2;justify-content:flex-start}
 .mk-unified .product-list-meta{font-size:11px}
 .mk-unified .mk-seller-tools input,.mk-unified .mk-seller-tools select{flex:1 1 100%;width:100%;max-width:none}
 .mk-unified .track-page{padding:0 12px;margin-top:16px}
 .mk-unified .track-card .search-card{padding:25px 16px}
 .mk-unified .pay-page{padding:15px 12px}
 .mk-unified .pay-body{padding:20px 15px}
 .mk-unified .os-hero{padding:50px 17px}
 .mk-unified .os-section{padding:30px 15px}
 .mk-unified .os-compare-card.ppn{transform:none}
 .mk-unified .os-btn-hero{padding:12px 22px;font-size:13px}
 .mk-unified .doc-page{padding:0 12px;margin-top:16px}
 .mk-unified .doc-card{padding:20px 18px}
 .mk-unified .mk-modal{border-radius:17px;padding:17px!important}
 .mk-unified .mk-grid-2,.mk-unified .mk-grid-3{grid-template-columns:1fr}
 .mk-unified .mk-info-strip{margin:12px 12px 0}
}
@media print{
 .mk-unified .mk-topbar,.mk-unified .mk-mobile-nav,.mk-unified .mk-page-intro,.mk-unified .mk-footer,.mk-unified .mk-info-strip{display:none!important}
 .mk-unified .mk-receipt{box-shadow:none;border:1px solid #ddd}
 .mk-unified{background:white!important}
}
@media(prefers-reduced-motion:reduce){.mk-unified *{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Seller onboarding and product editor extensions */
.mk-unified .mk-seller-journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:20px}
.mk-unified .mk-seller-journey>div{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #dfebed;border-radius:13px;padding:14px 12px;font-size:11px;font-weight:700;line-height:1.6;color:#365b6b;min-height:67px}
.mk-unified .mk-seller-journey strong{height:29px;width:29px;display:grid;place-items:center;background:#e8f6f4;color:#087980;border-radius:9px;flex:none;font:800 13px 'Outfit',sans-serif}
.mk-unified .mk-seller-count{color:#678393;font-size:12px;margin:0 0 12px;padding-left:3px}
.mk-unified .mk-form-help{display:block;color:#6d8594;font-size:11px;line-height:1.65;margin-top:5px}
.mk-unified .mk-hero{background:radial-gradient(circle at 80% -10%,#236477 0,#153e56 54%,#112f43 100%);color:#fff}
.mk-unified .mk-hero h1{color:#fff;font-size:clamp(24px,3vw,34px)}
.mk-unified .mk-hero p{color:#d4e7ed}
.mk-unified .mk-hero .mk-hero-inner{max-width:1160px}
.mk-unified .mk-hero .mk-search-wrap{border-radius:14px;background:#fff}
.mk-unified .mk-section{max-width:1190px}
.mk-unified .mk-shop-card{transition:transform .17s,box-shadow .17s}
.mk-unified .mk-shop-card:hover{transform:translateY(-2px);box-shadow:var(--mk-shadow-md)}
.mk-unified .mk-detail-wrap{max-width:1160px;margin-inline:auto}
.mk-unified .mk-detail-info{color:#19394b}
@media(max-width:840px){.mk-unified .mk-seller-journey{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.mk-unified .mk-seller-journey{grid-template-columns:1fr 1fr;gap:6px}.mk-unified .mk-seller-journey>div{font-size:10px;padding:10px 8px;gap:6px}.mk-unified .mk-seller-journey strong{height:25px;width:25px}}

@media(max-width:350px){
 .mk-unified .mk-topbar.mk-unified-header{gap:6px;padding-inline:8px}
 .mk-unified-header .mk-topbar-brand{gap:7px}
 .mk-unified-header .mk-topbar-brand img{width:31px;height:31px}
 .mk-unified-header .mk-wordmark strong{font-size:13px}
 .mk-unified-header .mk-wordmark small{display:none}
 .mk-unified-header #topRight .mk-btn{padding:7px 8px;font-size:10px}
 .mk-unified-header .mk-nav-toggle{width:38px;height:38px}
}