/* Youthful B2B refresh: bright surfaces, strong type and useful navigation. */
.gateway-page{background:#fcfbf8}.gateway-page main{max-width:1450px;padding-inline:40px}.landing-topline{background:#e91589;color:#fff;border-radius:0;font-weight:600;padding:10px 22px}.landing-nav{position:sticky;top:0;z-index:30;background:#fcfbf8f5;backdrop-filter:blur(18px);border-bottom:1px solid #eee7eb;height:93px;padding:10px 0}.landing-nav-signin{border-radius:30px;padding:14px 25px}.landing-nav-links{font-size:13px;gap:28px}.landing-nav :is(button,a){transition:background .15s,transform .15s}.landing-nav .language-picker{border-radius:30px;background:#eeedf5;padding:4px}.landing-nav .language-picker :is(button,a){border-radius:22px}.premium-entry{margin-top:22px;border:0;box-shadow:none;background:transparent;gap:22px;grid-template-columns:minmax(0,1.7fr) minmax(320px,.9fr);overflow:visible}.landing-visual{border-radius:28px;background:#f7d8e9;overflow:hidden;position:relative}.landing-visual>img{height:315px;object-position:72% 38%;border-radius:26px 26px 0 0}.landing-hero-copy{background:#f7d8e9;padding:30px 35px 34px;color:#152340;position:relative}.landing-hero-copy:after{content:'↗';position:absolute;inset-inline-end:28px;bottom:30px;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#deee9a;color:#14213d;font:36px Arial;transform:rotate(-10deg)}.landing-hero-copy .eyebrow{color:#892251;font-size:10px;letter-spacing:1.5px}.landing-hero-copy h1{font-size:clamp(42px,4.1vw,62px);font-weight:850;letter-spacing:-2.2px;line-height:1.02;max-width:600px;margin:18px 0}.landing-hero-copy h1 em{color:#c01072}.landing-hero-copy p{color:#584c62;font-size:13px;max-width:440px;padding-inline-end:45px;line-height:1.8}.landing-explore{color:#14213d;background:#fff9;padding:10px 18px;border-radius:22px;font-weight:700}.landing-explore span{color:#b3156c}.premium-entry .gateway-entry{background:#fff;border:1px solid #e8e5ec;border-radius:28px;padding:35px;box-shadow:0 12px 30px #18203b04}.landing-entry-icon{background:#e4f1ac;color:#14233e;border-radius:50%;width:49px;height:49px;margin-bottom:23px;transform:rotate(-8deg)}.premium-entry .gateway-entry h2{font-size:31px;font-weight:750;letter-spacing:-.7px}.gateway-page .primary{border-radius:30px;background:#e01886;border-color:#e01886;padding:14px 23px;font-weight:700}.gateway-page .primary:hover{background:#bc0e6b;border-color:#bc0e6b}.gateway-submit{box-shadow:0 6px 0 #f6d8e9}.gateway-register{border-radius:30px;border-color:#d6cfdf;color:#26334e;background:white;font-weight:650}.gateway-register:hover{background:#f8eaf2}.gateway-entry select{border-radius:13px;background:#f8f7fb}.entry-payment-note{font-size:11px;color:#71677a}.landing-search-row{border:0;background:#eeedf8;padding:24px 28px;margin-top:24px;border-radius:20px}.landing-search-row p b{font-size:17px;letter-spacing:-.3px}.landing-search-row p span{font-size:12px;color:#777086}.landing-search-row form{background:white;border:0;border-radius:30px;width:52%;padding:6px}.landing-search-row :is(button,a).primary{width:44px;height:44px;padding:0;border-radius:50%}.landing-section{margin:57px 0;scroll-margin-top:110px}.landing-section h2,.landing-service h2,.landing-join h2{font-weight:800;font-size:34px;letter-spacing:-1px}.landing-section-heading .eyebrow{letter-spacing:1.4px;font-weight:700;font-size:10px}.landing-text-link{font-size:12px;font-weight:700}.landing-category-grid{gap:19px}.landing-category{border:0;border-radius:23px;padding:22px 22px 19px;background:#eee7fb;box-shadow:0 6px 0 #e5dcf1}.landing-category.category-1{background:#e4f2e9;box-shadow:0 6px 0 #d7e8db}.landing-category.category-2{background:#fbe4cc;box-shadow:0 6px 0 #f2d6b7}.landing-category.category-3{background:#f9ddea;box-shadow:0 6px 0 #efd0df}.landing-category:hover{transform:translateY(-5px)}.landing-category-title{font-size:18px;font-weight:750;margin-top:17px}.landing-category-title i{background:white;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:20px Arial;color:#132443}.landing-category-number{font-size:11px;color:#776c83}.real-product-photo{display:block;object-fit:contain;max-width:100%;background:white;border-radius:12px}.landing-category>.real-product-photo{width:100%;height:180px;margin:10px 0 0;padding:12px}.landing-brand-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.landing-brands{padding:30px 0;gap:32px;margin-top:12px}.landing-brands h2{font-size:19px;font-weight:750}.landing-brands p{font-size:10px}.sample-brand{background:white;border:1px solid #e9e5ed;border-radius:18px;height:76px;opacity:1}.sample-brand.current-brand-0 strong{font:500 31px Arial;letter-spacing:3px}.sample-brand.current-brand-1 strong{font:900 28px Arial;letter-spacing:-1px;font-style:italic}.sample-brand.current-brand-2 strong{font:800 18px Arial;letter-spacing:-.7px}.sample-brand:hover{border-color:#d12888;transform:translateY(-2px)}.landing-featured-offer{background:#e8e1f5;border-radius:25px;min-height:350px}.landing-offer-copy{padding:37px 0 20px;padding-inline-start:34px}.landing-offer-copy h3{font-size:36px;letter-spacing:-1.2px;font-weight:800;max-width:340px}.landing-offer-copy p{font-size:13px;max-width:320px}.landing-offer-art{padding:26px}.landing-offer-art>.real-product-photo{width:100%;height:255px;padding:15px;background:white;transform:rotate(-6deg);box-shadow:0 18px 30px #42315710}.landing-bonus{border-radius:24px;transform:rotate(9deg);width:88px;height:88px;background:#e3f49d;color:#172742;font:850 32px Arial;box-shadow:4px 5px 0 #c1ce88;z-index:2;top:25px;inset-inline-end:20px}.landing-members{background:#ed1887;border-radius:25px;padding:30px;color:white}.landing-members>span{color:white}.landing-members h3{font-weight:800;font-size:29px}.landing-members p{color:#fff0f8}.landing-members .primary{background:#fff;color:#bb0e67;border-color:#fff}.landing-members .landing-text-link{color:white}.landing-slider-controls :is(button,a){width:42px;height:42px;border:0}.landing-service{border-radius:27px;background:#172240;padding:42px}.landing-service h2{font-size:35px}.landing-service-steps article{border-color:#3c4762}.landing-service-steps article>div>span{color:#bec5d5}.landing-service-steps svg{background:#e1f199;color:#16243e;border-radius:15px;width:48px;height:48px;padding:10px;stroke-width:1.8px}.landing-service-steps h3{font-size:19px;font-weight:750}.landing-product-grid{gap:20px}.landing-product{border:1px solid #e7e1eb;border-radius:22px;background:white;transition:transform .2s,box-shadow .2s}.landing-product:hover{transform:translateY(-4px);box-shadow:0 12px 25px #19243d08}.landing-product-image{padding:21px 14px 0;background:#fff}.landing-product-image>.real-product-photo{width:100%;height:200px;padding:8px}.landing-product-image>span{background:#eef3d8;border-radius:16px;color:#465329;padding:6px 11px;font-weight:650}.landing-product-info{padding:20px}.landing-product h3{font-size:15px;font-weight:700;line-height:1.5;min-height:45px}.landing-product-info :is(button,a){font-size:11px;font-weight:600}.landing-product-info :is(button,a) i{background:#e51b87;color:white;width:34px;height:34px;border-radius:50%;font-size:23px}.landing-join{border:0;background:#e4f0a8;border-radius:27px;padding:40px 44px}.landing-join h2{font-size:37px;max-width:640px}.landing-join p{color:#4e5a35}.landing-join-actions :is(button,a):not(.primary){border:0;border-radius:30px;background:#fff9;color:#344227}.landing-faq details{border-radius:16px;background:white;padding:13px 20px;margin-bottom:10px;border:1px solid #eae4ed}.landing-faq h2{font-weight:800;font-size:29px}.landing-faq summary{min-height:40px;align-content:center}.landing-bottom>:is(button,a){border-radius:24px}.landing-menu-button{display:none}.quick-navigation{min-width:260px;padding:12px}.quick-navigation h2{margin:10px 0 20px;font-size:28px}.quick-navigation>button{width:100%;display:flex;align-items:center;gap:14px;border:0;background:#f7f5fa;margin:7px 0;padding:14px;text-align:start;border-radius:12px;min-height:50px;font-size:14px}.quick-navigation>button span{margin-inline-start:auto;color:#c71a7d}.quick-navigation>button svg{width:21px;height:21px;color:#b01870}.quick-navigation hr{border:0;border-top:1px solid #eae3ed;margin:22px 0 14px}.quick-navigation>small{font-size:10px;color:#90859a}.product-editor{max-width:930px}.product-editor>h2{font-size:28px;margin:12px 0}.product-editor-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:28px}.product-editor h3{font-size:16px;margin:24px 0 17px}.product-editor aside{background:#f7f4fa;padding:0 22px 22px;border-radius:17px}.product-publish{display:flex;gap:9px;align-items:center;font-size:13px}.product-publish input{width:auto}.product-form-error{color:#a80f53;font-size:12px;line-height:1.7}.product-editor .field small{font-size:10px;color:#817488;margin-top:8px}.manager-product{display:flex;gap:12px;align-items:center}.manager-product>.real-product-photo,.manager-product>svg{width:58px;height:58px;flex-shrink:0;background:#fff}.manager-product b{font-size:13px}.manager-tip{margin-bottom:20px;font-size:13px}.manager-import-link{border:1px solid #dfd6e5;padding:11px 18px;background:white;border-radius:12px;font-size:12px}.product .art>.real-product-photo{width:100%;height:100%;padding:24px}.products.list .art>.real-product-photo{padding:8px}.thumb>.real-product-photo{width:100%;height:100%}.store-slide-art>.real-product-photo{width:90%;height:250px;padding:10px;transform:rotate(-5deg)}.modal-product .art>.real-product-photo{width:100%;max-height:380px}.thai-ui .landing-hero-copy h1{font-size:46px;line-height:1.25}.thai-ui .landing-section h2{font-size:29px;line-height:1.45}.thai-ui .landing-offer-copy h3{font-size:29px;line-height:1.35}
@media(min-width:821px){body>header{position:sticky;top:0;z-index:40}}
@media(max-width:1100px){.gateway-page main{padding-inline:26px}.premium-entry{gap:17px;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr)}.premium-entry .gateway-entry{padding:27px}.landing-hero-copy{padding:29px}.landing-hero-copy h1{font-size:46px}.landing-category-title{font-size:15px}.landing-category>.real-product-photo{height:150px}.landing-offer-copy h3{font-size:30px}.landing-members h3{font-size:26px}.landing-product-info{padding:15px}.landing-nav-links{gap:17px}.landing-product-image>.real-product-photo{height:175px}}
@media(max-width:820px){.gateway-page main{padding-inline:17px}.landing-topline{font-size:9px}.landing-nav{height:79px;min-height:79px;display:grid;direction:ltr;grid-template-columns:auto 1fr 45px;gap:12px;padding:8px 0}.landing-nav>a{grid-column:1}.landing-nav>.controls{grid-column:2;justify-self:end}.landing-nav .language-picker :is(button,a){padding:6px 8px;min-height:40px}.landing-menu-button{display:grid!important;place-items:center;grid-column:3;width:44px;height:44px;border:1px solid #e8d8e5;border-radius:50%;background:white;color:#192340;padding:10px;order:3}.landing-menu-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.premium-entry{margin-top:14px;grid-template-columns:1fr;gap:17px}.landing-visual{border-radius:24px}.landing-visual>img{height:300px}.landing-hero-copy{padding:27px}.landing-hero-copy h1{font-size:47px;line-height:1.08}.landing-hero-copy p{max-width:520px}.premium-entry .gateway-entry{border-radius:23px;padding:29px}.premium-entry .gateway-entry h2{font-size:29px}.landing-search-row{padding:22px;border-radius:20px;gap:16px;margin-top:18px}.landing-search-row form{width:100%}.landing-section{margin:40px 0;scroll-margin-top:96px}.landing-section h2{font-size:29px}.landing-section-heading{margin-bottom:20px}.landing-category-grid{gap:17px}.landing-category{border-radius:20px;padding:18px}.landing-category>.real-product-photo{height:165px}.landing-category-title{font-size:16px}.landing-category-title i{width:30px;height:30px}.landing-brands{padding:26px 0}.landing-brands>div:first-child{width:auto}.landing-brand-strip{gap:10px}.sample-brand{height:70px;border-radius:16px}.sample-brand.current-brand-0 strong{font-size:27px}.sample-brand.current-brand-1 strong{font-size:23px}.sample-brand.current-brand-2 strong{font-size:15px}.landing-featured-offer{min-height:320px;border-radius:23px}.landing-offer-art{padding:20px}.landing-offer-art>.real-product-photo{height:220px}.landing-offer-copy{padding-top:29px;padding-inline-start:27px}.landing-offer-copy h3{font-size:32px}.landing-service{padding:30px;border-radius:24px}.landing-service h2{font-size:29px}.landing-product-grid{gap:15px}.landing-product{border-radius:20px}.landing-product-image>.real-product-photo{height:190px}.landing-product h3{font-size:14px}.landing-join{padding:30px;border-radius:24px}.landing-join h2{font-size:32px}.product-editor-grid{grid-template-columns:1fr;gap:12px}.product-editor aside{padding:0 17px 20px}.manager-product{align-items:start}.manager-product>.real-product-photo,.manager-product>svg{width:47px;height:47px}body>header #mobile-menu-button{position:absolute;right:14px;left:auto;margin:0;background:#fff1;border:1px solid #ffffff30;border-radius:50%;width:43px;height:43px}body>header{position:sticky!important;top:0;z-index:40;padding-right:69px!important}.store-slide-art>.real-product-photo{height:180px}.thai-ui .landing-hero-copy h1{font-size:38px}.thai-ui .landing-section h2{font-size:26px}}
@media(max-width:460px){.gateway-page main{padding-inline:12px}.landing-nav{gap:7px;grid-template-columns:99px 1fr 42px;height:74px;min-height:74px}.landing-nav .landing-wordmark{width:99px;grid-template-columns:auto 34px;column-gap:5px}.landing-nav .landing-wordmark strong{font-size:31px}.landing-nav .landing-wordmark i{height:29px}.landing-nav .landing-wordmark small{font-size:6px;letter-spacing:3.8px}.landing-nav .language-picker{padding:3px;gap:0}.landing-nav .language-picker :is(button,a){font-size:9px;padding:5px 7px}.landing-menu-button{width:42px;height:42px;padding:10px}.landing-visual>img{height:228px;object-position:74% 38%}.landing-hero-copy{padding:24px 23px 28px}.landing-hero-copy h1{font-size:40px;letter-spacing:-1.6px}.landing-hero-copy .eyebrow{font-size:8px}.landing-hero-copy p{font-size:12px;padding-inline-end:17px}.landing-hero-copy:after{width:47px;height:47px;font-size:28px;bottom:23px;inset-inline-end:22px}.landing-explore{font-size:11px;padding:10px 14px}.premium-entry .gateway-entry{padding:25px 23px}.premium-entry .gateway-entry h2{font-size:28px}.landing-search-row{padding:20px 16px}.landing-search-row p b{font-size:17px}.landing-search-row p span{font-size:11px}.landing-section h2{font-size:26px}.landing-section-heading .eyebrow{font-size:9px}.landing-category{padding:14px 12px}.landing-category>.real-product-photo{height:133px;padding:8px}.landing-category-title{font-size:13px;margin-top:12px}.landing-category-title i{width:27px;height:27px;font-size:18px}.landing-brands h2{font-size:21px}.landing-brand-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sample-brand{height:65px}.sample-brand.current-brand-0 strong{font-size:23px;letter-spacing:1.5px}.sample-brand.current-brand-1 strong{font-size:18px}.sample-brand.current-brand-2 strong{font-size:11px;letter-spacing:-.3px}.landing-featured-offer{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);min-height:310px}.landing-offer-copy{padding-inline-start:21px}.landing-offer-copy h3{font-size:27px}.landing-offer-copy p{font-size:11px}.landing-offer-copy .primary{font-size:11px;padding:12px 16px}.landing-offer-art{padding:10px}.landing-offer-art>.real-product-photo{height:175px;width:100%;transform:rotate(-4deg)}.landing-bonus{width:63px;height:63px;font-size:24px;border-radius:19px;top:24px;inset-inline-end:12px}.landing-product-grid{gap:12px}.landing-product-image{padding:29px 9px 0}.landing-product-image>.real-product-photo{height:142px;padding:3px}.landing-product-info{padding:14px}.landing-product h3{font-size:12px;min-height:37px;line-height:1.5}.landing-product-info :is(button,a){font-size:10px;gap:5px}.landing-product-info :is(button,a) i{width:29px;height:29px;flex-shrink:0}.landing-product-image>span{font-size:8px;padding:5px 8px}.landing-service{padding:29px 23px}.landing-service h2{font-size:27px}.landing-service-steps svg{width:36px;height:36px;border-radius:11px;padding:8px}.landing-service-steps article{padding-inline-start:54px}.landing-service-steps h3{font-size:18px}.landing-join{padding:27px 23px}.landing-join h2{font-size:29px}.landing-faq h2{font-size:26px}.landing-faq summary{font-size:12px}.thai-ui .landing-hero-copy h1{font-size:34px}.thai-ui .landing-offer-copy h3{font-size:24px}.thai-ui .landing-category-title{font-size:12px}}
@media(prefers-reduced-motion:reduce){.landing-nav :is(button,a),.landing-category,.landing-product{transition:none}.landing-category:hover,.landing-product:hover,.sample-brand:hover{transform:none}}
.product-image-empty{height:100%;min-height:100px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#9b90a2;background:#f8f5fa}.product-image-empty svg{width:40px;height:40px}.product-image-empty small{font-size:10px}.manager-product .product-image-empty{width:58px;height:58px;min-height:58px;flex-shrink:0}.manager-product .product-image-empty small{display:none}
