:root{--navy:#092d4f;--teal:#087f83;--gold:#d9ad56}html{scroll-behavior:smooth}body{background:#f5f7fa;color:var(--navy);font-family:system-ui,-apple-system,sans-serif;margin:0;padding-bottom:85px}body>header{display:none}#market-home{max-width:1200px;margin:auto}#market-home *{box-sizing:border-box}#market-home a{text-decoration:none;color:inherit}.market-top{display:flex;justify-content:space-between;padding:9px 24px;font-size:12px;color:#53747c}.market-header{display:flex;align-items:center;gap:22px;padding:18px 24px;background:white;position:relative;z-index:10}.market-header img{width:125px;height:58px;object-fit:contain}.market-header form{display:flex;align-items:center;background:#f8fafb;border:1px solid #dfe5ec;border-radius:50px;flex:1;padding:4px 8px 4px 16px}.market-header input{border:0;background:none;width:100%;outline:none;padding:9px;font-size:15px}.market-header button{border-radius:50%;padding:8px 15px;background:var(--teal);color:white;border:0;margin:0}.market-account{font-size:13px;white-space:nowrap}#market-browse{padding:20px 24px}.market-hero{display:grid;grid-template-columns:1fr 45%;min-height:330px;border-radius:22px;overflow:hidden;background:var(--navy);color:white}.market-hero>div{padding:38px}.market-hero small{letter-spacing:3px;color:#e3bf78}.market-hero h1{font-size:46px;line-height:1.2;margin:15px 0}.market-hero em{font-style:normal;color:#e9c878}.market-hero p{font-size:15px;line-height:1.6}.market-hero img{width:100%;height:100%;max-height:380px;object-fit:cover;object-position:top}.gold-button{display:inline-block;background:linear-gradient(100deg,#d9aa4c,#ffe4a1);color:var(--navy)!important;border-radius:28px;padding:12px 25px;font-weight:700}.market-categories{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:25px 0}.market-categories button{background:none;color:var(--navy);padding:0;border:0;font-size:13px}.market-categories span{display:flex;margin:0 auto 10px;width:65px;height:65px;border-radius:24px;align-items:center;justify-content:center;font-size:33px}.market-tabs{display:flex;gap:10px;margin:20px 0}.market-tabs button{background:white;color:var(--navy);border:0;border-radius:30px;padding:10px 30px;margin:0}.market-tabs .selected{background:var(--navy);color:white}.market-benefits{display:grid;grid-template-columns:1fr 1fr;gap:15px}.market-benefits a{display:flex;align-items:center;gap:15px;background:linear-gradient(110deg,#fff3d8,#f7e6bb);border-radius:16px;padding:20px}.market-benefits a+ a{background:linear-gradient(110deg,#e0f7f7,#cee9f4)}.market-benefits span{font-size:30px}.market-benefits p{margin:5px 0;font-size:12px}.market-section-title{display:flex;align-items:center;justify-content:space-between;margin:30px 0 15px}.market-section-title h2{font-size:23px;margin:0}.market-section-title button{background:none;color:var(--teal);border:0;padding:8px}.market-split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.market-split:has(>section[hidden]){grid-template-columns:1fr}.market-column{background:#eaf3ef;border-radius:20px;padding:15px;margin:0}.market-column+section{background:#edf0f8}.market-column header{display:flex;position:static;background:none;padding:0 0 16px;align-items:center;justify-content:space-between;gap:8px}.market-column small{font-size:10px;letter-spacing:1px;color:var(--teal)}.market-column h2{margin:4px 0 0;font-size:24px}.market-column header span{font-size:11px}.market-column select{max-width:130px;border:1px solid #d8e0e5;border-radius:12px;padding:9px;font-size:12px;background:white;color:var(--navy)}.market-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.market-product{background:white;border-radius:15px;overflow:hidden;min-width:0}.market-photo{width:100%;aspect-ratio:1;object-fit:cover;display:block}.market-product-copy{padding:12px}.market-product h3{font-size:14px;margin:8px 0;line-height:1.5}.market-product p{font-size:11px;color:#65727d;margin:5px 0}.market-product strong{font-size:19px;display:block;margin:9px 0;color:var(--teal)}.market-product button{width:100%;padding:9px 5px;border:0;border-radius:20px;background:#eecb7e;color:var(--navy);font-size:12px;margin:0}.market-product button:disabled{background:#eee;color:#78818c}.market-empty{grid-column:1/-1;text-align:center;background:#ffffffaa;border:1px dashed #c8d6d7;border-radius:14px;min-height:200px;padding:65px 12px;font-size:15px;line-height:1.8}.market-more{padding:30px;background:white;border-radius:20px;margin:28px 0}.market-more h2{font-size:23px;margin:0}.market-more p{font-size:14px}.market-more a{display:inline-block;border:1px solid #d7e2e2;padding:12px 18px;border-radius:25px;font-size:13px;margin:5px}.market-status{font-size:12px;color:#657480;line-height:1.6}.market-bottom{display:flex;justify-content:space-around;position:fixed;bottom:10px;left:50%;transform:translateX(-50%);width:min(650px,96%);border-radius:30px;background:#ffffffed;box-shadow:0 3px 30px #0b294822;backdrop-filter:blur(12px);padding:9px 5px;z-index:40}.market-bottom a{display:flex;flex-direction:column;text-align:center;text-decoration:none;color:var(--navy);font-size:24px;min-width:55px}.market-bottom span{font-size:11px}.market-bottom a:hover{color:var(--teal)}body>main{max-width:1152px;margin:15px auto;padding:0 20px}main>section{display:none!important}main>section.market-active:not([hidden]){display:block!important}main>.hero,main>.intro,main>footer{display:none}body:not(.market-detail)>main{display:none}#message{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);z-index:50;max-width:90vw;background:#e8f9f4;padding:14px;border-radius:14px;box-shadow:0 4px 25px #1232}section{scroll-margin-top:20px}button,a,input,select{touch-action:manipulation}[hidden]{display:none!important}@media(max-width:600px){.market-top{padding:7px 14px;font-size:10px}.market-header{padding:10px 12px;gap:10px}.market-header img{width:84px;height:46px}.market-header input{font-size:12px;padding:7px 0}.market-header form{padding-left:10px;min-width:0}.market-header button{padding:7px 10px}.market-account{display:none}#market-browse{padding:10px 12px}.market-hero{min-height:240px;grid-template-columns:55% 45%;border-radius:17px}.market-hero>div{padding:23px 17px}.market-hero small{font-size:9px;letter-spacing:1px}.market-hero h1{font-size:28px;margin:12px 0}.market-hero p{font-size:11px}.gold-button{padding:9px 15px;font-size:12px}.market-hero img{max-height:290px}.market-categories{gap:5px;margin:20px 0}.market-categories button{font-size:9px}.market-categories span{width:45px;height:45px;border-radius:17px;font-size:25px}.market-tabs button{padding:8px 23px;font-size:12px}.market-benefits{gap:9px}.market-benefits a{padding:12px 9px;gap:7px}.market-benefits b{font-size:11px}.market-benefits p{font-size:9px}.market-benefits span{font-size:22px}.market-section-title h2{font-size:20px}.market-split{gap:10px}.market-column{padding:9px;border-radius:15px}.market-column header{display:block;min-height:100px}.market-column h2{font-size:18px}.market-column header select{margin-top:9px;padding:6px;font-size:11px}.market-column header span{display:block;margin-top:13px;font-size:10px}.market-grid{grid-template-columns:1fr}.market-product h3{font-size:12px}.market-product-copy{padding:9px}.market-product strong{font-size:17px}.market-product button{font-size:10px}.market-empty{font-size:12px;min-height:220px;padding:55px 7px}.market-more{padding:20px}.market-more h2{font-size:19px}}

.foreigner-welcome{display:none!important}main>section.market-active{scroll-margin-top:20px}.market-column{min-width:0}.market-hero>div{min-width:0}

/* HERO OTOP CI: navy, teal, gold and warm ivory throughout. */
body{background:#f8f7f2}.market-top{color:#087f83}.market-header{border-bottom:2px solid #d9ad56}.market-categories span{background:#e5f0ec!important;color:#087f83;border:1px solid #c9a45155}.market-categories button:nth-child(even) span{background:#092d4f!important;color:#e9c878}.market-tabs button{border:1px solid #d9ad5666;background:#fffdf7}.market-tabs .selected{border-color:#092d4f}.market-benefits a{background:linear-gradient(110deg,#fff4d9,#eacb83);border:1px solid #d9ad5680}.market-benefits a+a{background:linear-gradient(110deg,#087f83,#075b64);color:#fff9e9!important;border-color:#d9ad56}.market-column{background:#e8f1eb;border:1px solid #c5a25766}.market-column+section{background:#e9edf1;border-color:#092d4f44}.market-section-art{display:block;width:100%;height:auto;aspect-ratio:3/2;border-radius:13px;margin:0 0 14px;object-fit:contain;background:#092d4f}.market-bottom{border:1px solid #d9ad5680;background:#fffdf4f5}.market-bottom a{color:#092d4f}.market-more{border-top:3px solid #d9ad56}.market-more a{border-color:#d9ad56;color:#087f83!important}.market-empty{min-height:100px;padding:25px 12px}.market-column header small{letter-spacing:.5px}@media(max-width:600px){.market-section-art{border-radius:9px;margin-bottom:9px}.market-empty{min-height:100px;padding:20px 8px}}

/* Blue-led HERO OTOP and merchant readiness learning. */
body{background:#edf3fc}.market-header{background:#fff;border-bottom-color:#caa24f}.market-top{background:#0d2d57;color:#fff;padding-top:10px;padding-bottom:10px}.market-hero{background:linear-gradient(115deg,#09294e,#164d89)}.market-column{background:#e0ecfb;border-color:#a7c2e6}.market-column+section{background:#d4e4f8;border-color:#94b5dd}.market-benefits a+a{background:linear-gradient(110deg,#153c72,#235e9c)}.market-categories span{background:#e0ebf9!important;color:#123c71}.market-categories button:nth-child(even) span{background:#123c71!important;color:#e9c878}.market-more{background:#fff}.ready-entry{display:block!important;padding:16px;margin-top:14px;background:#123c71;color:#fff!important;border-radius:12px;border:1px solid #caa24f}.ready-entry b,.ready-entry span{display:block}.ready-entry span{font-size:12px;line-height:1.6;margin-top:6px}.ready-page{background:#fff;border-radius:20px;padding:28px!important;line-height:1.8}.ready-hero{padding:35px;border-radius:16px;background:linear-gradient(120deg,#0d2d57,#215c9b);color:white}.ready-hero h1{font-size:38px;line-height:1.4;margin:12px 0;color:white}.ready-hero small{color:#edc875;letter-spacing:2px}.ready-note{padding:18px 22px;background:#fff5dc;border-left:4px solid #caa24f;margin:22px 0;border-radius:12px}.ready-note p{margin-bottom:0}.ready-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.ready-steps article{padding:20px;border:1px solid #c4d6ef;background:#eff5ff;border-radius:14px}.ready-steps b{color:#123c71}.ready-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.ready-actions a,.ready-stars>a{border-radius:24px;background:#163c75;color:white;display:inline-block;padding:10px 18px;text-decoration:none}.ready-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ready-checks label{display:flex;gap:10px;align-items:flex-start;background:#f0f5fc;padding:14px;border-radius:10px}.ready-checks input{width:20px;height:20px;flex-shrink:0}.ready-guides{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ready-guides details{background:#eef4fd;border:1px solid #c4d6ef;border-radius:12px;padding:16px}.ready-guides summary{cursor:pointer;font-weight:700}.ready-guides img{width:100%;height:auto;display:block;margin-top:15px}.ready-stars{padding:22px;border:1px solid #caa24f;border-radius:16px;margin:25px 0;background:#fffaf0}#ready-registration{padding:22px;background:#f0f5ff;border:1px solid #b9cee9;border-radius:16px;scroll-margin-top:20px}#readiness-result{padding:12px;overflow-wrap:anywhere}#readiness-history{overflow-wrap:anywhere}.ready-page h2{font-size:24px;color:#123c71}.ready-page input,.ready-page select,.ready-page textarea{max-width:100%}@media(max-width:650px){.ready-page{padding:15px!important}.ready-hero{padding:23px}.ready-hero h1{font-size:30px}.ready-steps,.ready-checks,.ready-guides{grid-template-columns:1fr}.ready-page h2{font-size:21px}#ready-registration{padding:16px}}
