@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#171817;--muted:#777974;--line:#e6e7e2;--paper:#fafbf8;--soft:#f2f3ef;--font:'DM Sans',Arial,sans-serif;--heading:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);font-family:var(--font);font-size:14px;background:#fff}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #999;outline-offset:4px}button{border:0;background:none}button:disabled{cursor:default}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.preview-note{font-size:10px;letter-spacing:.03em;text-align:center;background:#f0f1ed;color:#6d7068;padding:7px}.preview-note span{margin:0 8px}.header{height:94px;margin:0 5.5%;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:70px}.brand{display:block;flex-shrink:0;width:164px;height:43px;background:url('assets/logo.png') no-repeat;background-size:214px 107px;background-position:-26px -30px}.header nav{display:flex;align-items:center;gap:29px}.nav-link{font-size:13px;font-weight:500;padding:10px 0;color:#777}.nav-link.active{color:var(--ink)}.header-right{margin-left:auto;display:flex;align-items:center;gap:29px}.language{font-size:13px}.saved-nav{display:flex;gap:8px;align-items:center;font-size:12px}.saved-nav svg{width:17px}.saved-nav>span:last-child{font-size:10px;background:#efefeb;padding:4px 7px;border-radius:5px}.hero{text-align:center;padding:75px 24px 47px;position:relative}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;line-height:1.8}.hero>.eyebrow{display:flex;align-items:center;justify-content:center;gap:9px}.pulse{width:6px;height:6px;border-radius:50%;background:#1f211c;box-shadow:0 0 0 4px #f0f1ed}.hero h1{font-size:clamp(48px,5.7vw,83px);line-height:1.1;letter-spacing:-4.8px;font-weight:650;margin-top:24px}.hero h1 span{color:#898c84}.hero-description{color:#7d8078;font-size:15px;line-height:1.8;margin:24px 0 29px}.search-wrap{max-width:805px;margin:auto}.intent-tabs{display:flex;justify-content:center;gap:6px;margin-bottom:18px}.intent-tabs button{border-radius:30px;padding:10px 18px;display:flex;gap:8px;align-items:center;font-size:12px;color:#7b7d77}.intent-tabs button svg{width:16px;height:16px}.intent-tabs button.selected{color:#fff;background:var(--ink)}.search-form{display:flex;align-items:center;padding:8px 8px 8px 22px;border:1px solid #d7d9d0;border-radius:14px;box-shadow:0 8px 30px #17181708;transition:box-shadow .2s,border-color .2s;background:#fff}.search-form:focus-within{box-shadow:0 8px 35px #17181710;border-color:#81857a}.search-symbol{color:#55594d}.search-symbol svg{width:23px;height:23px}#query{min-width:0;flex:1;border:0;outline:none;background:transparent;font-size:15px;padding:15px 14px;color:var(--ink)}#query::placeholder{color:#8c8f87}.country-field{display:flex;align-items:center;gap:8px;border-left:1px solid var(--line);padding:0 12px 0 18px}.country-field svg{width:17px;height:17px;color:#767a70}select{border:0;background:transparent;color:var(--ink);cursor:pointer;outline-offset:4px}.country-field select{max-width:135px;font-size:12px;padding:10px 0}.search-submit{background:var(--ink);color:#fff;border-radius:9px;padding:17px 21px;display:flex;align-items:center;gap:20px;font-weight:500;font-size:13px;transition:background .2s}.search-submit:hover{background:#3b4034}.search-submit svg{width:17px;height:17px}.suggestions{margin-top:16px;display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.suggestions>span{color:#96998f;font-size:11px;margin-right:4px}.suggestions button{font-size:11px;border:1px solid #e5e7df;border-radius:6px;padding:6px 9px;color:#606459;transition:background .2s}.suggestions button:hover{background:#eff1ea}.suggestions button span{margin-left:8px;color:#8a9080}.hero-footnote{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:28px;color:#9a9e92;font-size:10px}.hero-footnote svg{width:12px;height:12px}.dot{margin:0 8px}.discovery,.how{padding:45px 0 50px;margin:0 5.5%;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:29px}.section-heading .eyebrow{font-size:9px;color:#979b8d;letter-spacing:1.7px}.section-heading h2{font-size:29px;font-weight:550;line-height:1.3;letter-spacing:-1px;margin-top:8px}.section-heading>p{text-align:right;color:#8a8e82;line-height:1.8;font-size:12px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-tile{text-align:left;padding:0}.product-photo{width:100%;aspect-ratio:1.23;background-image:url('assets/products.png');background-size:200% 200%;border-radius:9px;position:relative;transition:transform .4s}.photo-0{background-position:0 0}.photo-1{background-position:100% 0}.photo-2{background-position:0 100%}.photo-3{background-position:100% 100%}.product-tile:hover .product-photo{transform:translateY(-4px)}.tile-arrow{position:absolute;top:13px;right:13px;width:26px;height:26px;border-radius:50%;background:#ffffffba;display:grid;place-items:center;font-size:16px;opacity:0;transition:opacity .2s}.product-tile:hover .tile-arrow{opacity:1}.tile-title{padding:17px 0 0}.tile-title h3{font-size:13px;font-weight:550;letter-spacing:-.25px}.tile-title>span{display:block;color:#909487;font-size:11px;margin-top:7px}.how{padding-top:39px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-top:12px}.steps article{position:relative;padding-left:42px;border-right:1px solid var(--line)}.steps article:last-child{border:0}.step-number{position:absolute;left:0;top:2px;font-size:10px;color:#a7aa9e}.steps h3{font-size:15px;font-weight:550;margin-bottom:10px}.steps p{font-size:12px;color:#8b8f81;line-height:1.8}footer{margin:15px 5.5% 0;border-top:1px solid var(--line);padding:28px 0;display:flex;align-items:center;gap:20px}footer .brand{width:118px;height:32px;background-size:154px 77px;background-position:-19px -22px}footer>span{font-size:10px;color:#989b92}footer>span:last-child{margin-left:auto}.footer-demo{color:#afb1a8}.hero.compact{padding:38px 24px 29px;background:var(--paper);border-bottom:1px solid var(--line)}.hero.compact>.eyebrow,.hero.compact>h1,.hero.compact>.hero-description,.hero.compact>.hero-footnote{display:none}.hero.compact .search-wrap{max-width:1000px}.hero.compact .intent-tabs{justify-content:flex-start;margin-bottom:14px}.hero.compact .suggestions{justify-content:flex-start}.results-section{padding:39px 0 50px;margin:0 5.5%}.results-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding-bottom:29px}.results-top .eyebrow{font-size:9px;color:#979c8d}.results-top h2{font-size:31px;letter-spacing:-1.1px;font-weight:550;margin:7px 0}.results-top p{color:#92968b;font-size:12px}.sort-label{font-size:11px;white-space:nowrap;color:#92968b;display:flex;align-items:center;gap:9px}.sort-label select{font-size:12px;padding:10px 10px;border:1px solid var(--line);border-radius:7px}.result-layout{display:grid;grid-template-columns:195px minmax(0,1fr);gap:32px}.filter-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:22px}.filter-title h3{font-size:12px;font-weight:650}.filter-title button{font-size:10px;color:#94998b;text-decoration:underline}fieldset{border:0;border-top:1px solid var(--line);padding:20px 0 22px;margin:0;display:flex;flex-direction:column;gap:13px}legend{float:left;width:100%;padding:0 0 17px;font-size:11px;font-weight:600}fieldset label{font-size:11px;color:#737967;display:flex;align-items:center;gap:9px}input[type=checkbox]{appearance:none;width:14px;height:14px;border:1px solid #ccd0c3;border-radius:3px;margin:0;cursor:pointer;display:grid;place-content:center}input[type=checkbox]:checked{background:var(--ink);border-color:var(--ink)}input[type=checkbox]:checked:after{content:'✓';font-size:11px;color:#fff}.filter-help{background:#f6f7f2;padding:15px;border-radius:8px;color:#969d88;font-size:10px;line-height:1.7}.filter-help svg{width:15px;height:15px;margin-bottom:6px}.result-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;align-content:start}.result-card{border:1px solid #e4e7de;border-radius:12px;overflow:hidden;background:white;animation:reveal .35s ease both}.card-image{height:185px;position:relative;background:#f3f4ef;overflow:hidden}.card-image .product-photo{height:100%;aspect-ratio:auto;border-radius:0;background-size:200% 240%;transition:transform .5s}.card-image:hover .product-photo{transform:scale(1.03)}.card-image .photo-0{background-position:0 8%}.card-image .photo-1{background-position:100% 8%}.card-image .photo-2{background-position:0 92%}.card-image .photo-3{background-position:100% 92%}.card-type{position:absolute;left:14px;top:13px;background:#ffffffeb;padding:5px 8px;border-radius:5px;font-size:9px;color:#6d7562}.bookmark{position:absolute;right:13px;top:12px;background:#ffffffdf;border-radius:50%;width:31px;height:31px;display:grid;place-items:center}.bookmark svg{width:15px;height:15px}.bookmark.is-saved svg{fill:var(--ink)}.card-body{padding:19px}.card-country{color:#959b89;font-size:10px;display:flex;gap:5px;align-items:center}.card-country svg{width:12px;height:12px}.card-body h3{font-size:17px;letter-spacing:-.45px;font-weight:600;margin:9px 0 6px}.company-name{color:#7b826d;font-size:11px;margin-bottom:13px}.card-description{font-size:11px;color:#8e9582;line-height:1.65;min-height:36px}.card-tags{display:flex;gap:6px;margin:14px 0 17px;flex-wrap:wrap}.card-tags span{font-size:9px;color:#828b72;background:#f4f5f0;border-radius:4px;padding:5px 7px}.card-bottom{border-top:1px solid var(--line);padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.contact-status{font-size:9px;color:#8e9780;display:flex;gap:5px;align-items:center}.contact-status svg{width:12px;height:12px}.contact-button{font-size:10px;color:white;background:var(--ink);padding:10px 11px;border-radius:6px;display:flex;gap:9px;align-items:center}.contact-button:hover{background:#3b4034}.contact-button svg{width:13px;height:13px}.empty{grid-column:1/-1;border:1px dashed #d8ddd0;text-align:center;border-radius:12px;padding:70px 20px;color:#7f8772}.empty svg{width:34px;height:34px}.empty h3{font-size:18px;margin:18px 0 10px}.empty p{font-size:12px;line-height:1.8}.empty button{margin-top:20px;background:var(--ink);color:white;padding:12px 18px;border-radius:7px;font-size:12px}.results-section+.how{margin-top:0}dialog{border:1px solid var(--line);padding:26px;border-radius:18px;width:490px;max-width:calc(100vw - 30px);box-shadow:0 30px 100px #0002;color:var(--ink)}dialog::backdrop{background:#14181060;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.dialog-top .eyebrow{font-size:9px;color:#939b86}.icon-button{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#f2f4ec}.icon-button svg{width:17px;height:17px}.dialog-heading h2{font-size:27px;font-weight:600;letter-spacing:-1px}.dialog-heading p{font-size:12px;color:#8e9780;margin:9px 0 25px}.contact-row{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding:17px 0}.contact-row>span:first-child{width:35px;height:35px;background:#f4f6ef;border-radius:9px;display:grid;place-items:center;color:#7e8a6c}.contact-row svg{width:17px;height:17px}.contact-row div{flex:1;min-width:0}.contact-row small{display:block;color:#969e89;font-size:9px;margin-bottom:5px}.contact-value{font-size:13px;overflow-wrap:anywhere}.copy-button{font-size:10px;background:#f2f4ec;padding:8px 10px;border-radius:6px}.no-contact{color:#a2a995;font-size:11px}.dialog-note{font-size:10px;color:#909a80;line-height:1.7;background:#f4f6ef;padding:13px;border-radius:8px;margin-top:13px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);padding:13px 22px;background:#24281f;color:#fff;border-radius:10px;box-shadow:0 5px 30px #0002;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:100}.toast.visible{opacity:1;transform:translate(-50%,0)}@keyframes reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1450px){.header,.discovery,.how,.results-section,footer{max-width:1290px;margin-left:auto;margin-right:auto}.hero{padding-top:90px}}@media(max-width:1000px){.header{gap:35px}.header nav{gap:18px}.header-right{gap:15px}.product-grid{gap:12px}.tile-title h3{font-size:11px}.result-layout{grid-template-columns:165px minmax(0,1fr);gap:22px}.card-body{padding:14px}.card-body h3{font-size:15px}.contact-status{font-size:8px}.contact-button{padding:9px;font-size:9px}.card-image{height:160px}.hero h1{letter-spacing:-3px}}@media(max-width:760px){.preview-note{font-size:9px}.header{height:76px;margin:0 6%;gap:15px}.header .brand{width:134px;height:36px;background-size:175px 87.5px;background-position:-21px -24px}.header nav,.language{display:none}.saved-nav{font-size:11px}.header-right{margin-left:auto}.hero{padding:55px 6% 35px}.hero>.eyebrow{font-size:8px;letter-spacing:1.3px}.hero h1{font-size:53px;letter-spacing:-3px}.hero-description{font-size:12px;line-height:1.9;margin-top:20px}.search-form{padding:7px 7px 7px 14px;flex-wrap:wrap}.search-symbol{display:none}#query{padding:14px 4px;font-size:13px;flex-basis:calc(100% - 96px)}.country-field{order:3;border-left:0;border-top:1px solid var(--line);width:100%;padding:3px 5px 0;margin-top:6px;gap:6px}.country-field select{font-size:11px;max-width:100%;flex:1}.search-submit{padding:14px;gap:9px;font-size:12px}.suggestions{gap:6px}.suggestions>span{display:none}.suggestions button{font-size:10px}.hero-footnote{font-size:9px;gap:4px}.hero-footnote .dot{margin:0 4px}.discovery,.how{margin:0 6%;padding-top:29px;padding-bottom:34px}.section-heading{margin-bottom:22px}.section-heading h2{font-size:25px}.section-heading .eyebrow{font-size:7px;letter-spacing:1px}.section-heading>p{display:none}.product-grid{grid-template-columns:repeat(2,1fr);gap:23px 13px}.product-photo{aspect-ratio:1.12}.tile-title{padding-top:12px}.tile-title h3{font-size:11px}.tile-title>span{font-size:9px}.tile-arrow{opacity:1;width:22px;height:22px;top:9px;right:9px}.steps{grid-template-columns:1fr;gap:25px;padding-top:2px}.steps article{border-right:0;padding-bottom:24px;border-bottom:1px solid var(--line)}.steps article:last-child{padding-bottom:0}.steps h3{font-size:14px}.steps p{font-size:11px}footer{margin:0 6%;padding:23px 0;gap:10px;flex-wrap:wrap}footer>span:nth-child(2){display:none}footer>span:last-child{font-size:8px}.footer-demo{display:none}.hero.compact{padding:23px 6%}.hero.compact .suggestions{justify-content:center}.results-section{margin:0 6%;padding-top:27px}.results-top{padding-bottom:20px;align-items:flex-start}.results-top h2{font-size:24px}.results-top p{font-size:10px}.sort-label{font-size:0}.sort-label select{font-size:10px;padding:8px 3px}.result-layout{display:block}.filters{display:flex;gap:13px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:22px;padding:12px 0;overflow-x:auto}.filter-title,.filters fieldset,.filter-help{display:none}.filters::before{content:'Toptan ticaret · Canlı web sonuçları';font-size:10px;color:#969e88}.result-cards{gap:13px}.card-image{height:145px}.card-body{padding:12px}.card-body h3{font-size:13px}.card-country{font-size:9px}.company-name{font-size:9px;min-height:24px;margin-bottom:8px}.card-description{font-size:10px;min-height:48px}.card-tags{margin:10px 0}.card-tags span{font-size:8px;padding:4px 5px}.card-bottom{flex-direction:column;align-items:flex-start;gap:12px}.contact-button{width:100%;justify-content:space-between;font-size:10px}.contact-status{font-size:8px}.dialog-heading h2{font-size:24px}dialog{padding:22px}.contact-value{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.mobile-filter-toggle{display:none}.hero-description{color:#73786a}.card-country,.company-name{color:#737d65}.card-description{color:#747f66}.card-tags span{color:#6e795f}.results-top p{color:#76816a}.tile-title>span{color:#7a846c}.steps p{color:#768069}.contact-status{color:#738061}.hero h1 span{color:#7b8073}@media(max-width:760px){.results-top{flex-wrap:wrap;gap:13px}.results-top>div:first-child{flex:1 0 100%}.mobile-filter-toggle{display:flex;gap:20px;font-size:11px;align-items:center;border:1px solid var(--line);border-radius:7px;padding:9px 12px}.sort-label{margin-left:auto}.filters.is-open{display:grid;grid-template-columns:1fr 1fr;overflow:visible}.filters.is-open:before{display:none}.filters.is-open fieldset{display:flex;border-top:0;margin:0;padding:10px}.filters.is-open .filter-title{display:flex;grid-column:1/-1;padding-bottom:12px}.filters.is-open .filter-help{display:block}.filters.is-open legend{padding-bottom:13px}}@media(max-width:480px){.result-cards{grid-template-columns:1fr}.card-image{height:210px}.card-body{padding:19px}.card-body h3{font-size:18px}.company-name{font-size:12px;min-height:0}.card-country{font-size:10px}.card-description{font-size:12px;min-height:0}.card-tags{margin:14px 0}.card-tags span{font-size:9px}.card-bottom{flex-direction:row;align-items:center}.contact-status{font-size:10px}.contact-button{width:auto;font-size:11px;padding:11px}.hero h1{font-size:49px}.section-heading h2{font-size:24px}}
.how{background:#000;color:#fff;max-width:none;margin:0;padding:52px max(5.5%,calc((100% - 1290px)/2));border:0}
.how .section-heading,.how .steps{max-width:1290px;margin-left:auto;margin-right:auto}
.how .section-heading .eyebrow,.how .section-heading>p{color:#b5b5b5}
.how .section-heading h2,.how .steps h3{color:#fff}
.how .steps p{color:#cecece}
.how .step-number{color:#969696}
.how .steps article{border-color:#343434}
footer{max-width:none;margin:0;padding:28px max(5.5%,calc((100% - 1290px)/2));background:#000;color:#fff;border-top:1px solid #343434}
footer .brand{filter:invert(1)}
footer>span,footer .footer-demo{color:#aaa}
@media(max-width:760px){.how{margin:0;padding:34px 6%}.how .steps article{border-color:#343434}footer{margin:0;padding:23px 6%}}
/* Live search */
.preview-note{background:#f3f3f3;color:#666}.card-description{color:#666}.card-country,.company-name,.contact-status{color:#777}.company-name span{font-size:10px;color:#999}.card-body h3 a:hover{text-decoration:underline;text-underline-offset:4px}.live-image{background:#f7f7f7}.live-image img{position:relative;width:100%;height:100%;object-fit:contain;padding:15px;background:#fff}.company-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:linear-gradient(135deg,#f7f7f7,#ededed)}.company-fallback>span{font-family:var(--heading);font-size:52px;letter-spacing:-3px;color:#b5b5b5;font-weight:600}.company-fallback small{font-size:10px;color:#999}.card-type{color:#444;box-shadow:0 1px 8px #00000008}.card-tags span{color:#707070;background:#f5f5f5}.source-link{display:block;font-size:10px;color:#888;margin-top:14px}.source-link:hover,.contact-source:hover{text-decoration:underline}.search-progress{grid-column:1/-1;display:flex;gap:15px;align-items:center;border:1px solid #e6e6e6;border-radius:12px;padding:22px;background:#fafafa}.search-progress strong{font-family:var(--heading);font-size:14px;font-weight:600}.search-progress p{font-size:12px;color:#888;line-height:1.7;margin-top:6px}.mini-spinner{display:inline-block;flex-shrink:0;width:17px;height:17px;border:1.5px solid #bbb;border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite}.search-submit:disabled{opacity:.65}.skeleton-card{border:1px solid #eee;border-radius:12px;overflow:hidden;padding-bottom:25px}.skeleton-card div{height:185px;background:#f3f3f3}.skeleton-card span{display:block;height:12px;border-radius:5px;margin:20px 20px 0;background:#eee;animation:shimmer 1.5s ease-in-out infinite alternate}.skeleton-card span:last-child{width:45%}.contact-row>div{min-width:0;flex:1}.contact-value{overflow-wrap:anywhere}.contact-source{display:block;font-size:10px;color:#999;margin-top:6px}.contact-missing{border-top:1px solid var(--line);padding:18px 0;font-size:12px;color:#999}.external-contact{display:block;padding:13px 16px;background:#f4f4f4;border-radius:8px;margin-top:10px;font-size:12px}.dialog-note{line-height:1.8}#resultsDescription{max-width:730px;line-height:1.7}.filter-help{background:#f7f7f7;color:#888}dialog{max-height:85vh;overflow:auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{opacity:.45}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}
