/* 4YOU7 Marketplace v2.2 — AI, live search, parts catalog, landing page, commission */

/* ---------- Header search: camera + live dropdown ---------- */
.search.fy7-live{overflow:visible;position:relative;min-width:0}
.search.fy7-live input[type=search]{width:100%}
.search.fy7-live>select{border-start-start-radius:12px;border-end-start-radius:12px}
.search.fy7-live>button[type=submit]{border-start-end-radius:11px;border-end-end-radius:11px}
.fy7-ai-cam{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--navy);padding:0 10px;flex:none;transition:.15s}
.fy7-ai-cam:hover{color:var(--orange-d)}
.fy7-ai-cam.in-header{background:#fff;border-inline-start:1px solid var(--line);color:var(--orange-d);padding:0 12px}
.fy7-ai-cam.in-header svg{width:24px;height:24px}
.fy7-ai-cam.in-hero,.fy7-ai-cam.in-lp{width:44px;height:44px;border-radius:12px;background:var(--orange-l);color:var(--orange-d)}
.fy7-ai-cam.btn{width:auto;height:auto;color:#fff;background:var(--orange);padding:11px 18px}
.fy7-ai-cam.btn::after{content:attr(title);font-weight:800}
.fy7-live-box{position:absolute;top:calc(100% + 6px);inset-inline:0;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-2);z-index:80;padding:6px;max-height:70vh;overflow:auto}
.fy7-live-item,.fy7-live-cat{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:10px}
.fy7-live-item:hover,.fy7-live-cat:hover,.fy7-live-ai:hover,.fy7-live-smart:hover{background:var(--bg)}
.fy7-live-item img{width:44px;height:44px;object-fit:contain;border-radius:8px;background:var(--bg);flex:none}
.fy7-live-item span{display:flex;flex-direction:column;min-width:0}
.fy7-live-item b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fy7-live-item small{color:var(--orange-d);font-weight:800}
.fy7-live-cat{font-weight:700;color:var(--navy)}
.fy7-live-ai,.fy7-live-smart{display:block;width:100%;text-align:start;border:0;background:linear-gradient(90deg,#fff7ef,#f1f5ff);border-radius:10px;padding:10px;font-weight:800;color:var(--navy);cursor:pointer;margin-top:4px}

/* ---------- Floating assistant ---------- */
.fy7-ai-fab{position:fixed;bottom:22px;inset-inline-end:22px;z-index:60;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:12px 18px;background:linear-gradient(135deg,var(--navy),#2b4f8f);color:#fff;font-weight:800;box-shadow:0 12px 30px rgba(15,31,58,.35);cursor:pointer;font-family:inherit}
.fy7-ai-fab:hover{transform:translateY(-2px)}
.fy7-ai-spark{font-size:18px;animation:fy7pulse 2.4s infinite}
@keyframes fy7pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.25)}}
.fy7-chat-open .fy7-ai-fab{display:none}
.fy7-ai-chat{position:fixed;bottom:20px;inset-inline-end:20px;z-index:70;width:min(400px,calc(100vw - 24px));height:min(640px,calc(100vh - 40px));background:#fff;border-radius:22px;box-shadow:0 30px 80px rgba(15,31,58,.35);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line)}
.fy7-ai-chat[hidden]{display:none}
.fy7-ai-chat>header{display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(135deg,var(--navy),#2b4f8f);color:#fff}
.fy7-ai-chat>header div{flex:1;display:flex;flex-direction:column;line-height:1.3}
.fy7-ai-chat>header small{opacity:.8;font-size:12px}
.fy7-ai-chat>header button{border:0;background:rgba(255,255,255,.12);color:#fff;border-radius:10px;width:34px;height:34px;cursor:pointer;font-size:17px;display:grid;place-items:center}
.fy7-ai-avatar{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.15);display:grid;place-items:center;font-size:18px}
.fy7-ai-log{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:#f7f9fc}
.fy7-ai-msg{max-width:88%;padding:10px 12px;border-radius:16px;font-size:14.5px;line-height:1.6;word-wrap:break-word}
.fy7-ai-msg.is-assistant{background:#fff;border:1px solid var(--line);align-self:flex-start;border-start-start-radius:4px}
.fy7-ai-msg.is-user{background:var(--orange);color:#fff;align-self:flex-end;border-start-end-radius:4px}
.fy7-ai-msg>img{max-width:160px;border-radius:10px;display:block;margin-bottom:6px}
.fy7-ai-more{display:inline-block;margin-top:6px;font-weight:800;color:var(--blue);font-size:13px}
.fy7-ai-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 8px;background:#f7f9fc}
.fy7-ai-chips:empty{display:none}
.fy7-ai-chips button{border:1px solid #ffd2a8;background:var(--orange-l);color:var(--orange-d);border-radius:999px;padding:6px 11px;font-weight:700;font-size:13px;cursor:pointer;font-family:inherit}
.fy7-ai-form{display:flex;align-items:flex-end;gap:6px;padding:10px;border-top:1px solid var(--line);background:#fff}
.fy7-ai-form textarea{flex:1;resize:none;border:1px solid var(--line);border-radius:14px;padding:10px 12px;font-size:15px;max-height:120px;outline:0}
.fy7-ai-form textarea:focus{border-color:var(--orange)}
.fy7-ai-attach{width:42px;height:42px;border-radius:12px;background:var(--bg);display:grid;place-items:center;cursor:pointer;font-size:19px;flex:none}
.fy7-ai-send{width:42px;height:42px;border-radius:12px;border:0;background:var(--orange);color:#fff;font-size:17px;cursor:pointer;flex:none}
.rtl .fy7-ai-send{transform:scaleX(-1)}
.fy7-ai-thumb{position:relative;flex:none}
.fy7-ai-thumb img{width:42px;height:42px;object-fit:cover;border-radius:10px}
.fy7-ai-thumb button{position:absolute;top:-6px;inset-inline-end:-6px;width:20px;height:20px;border-radius:50%;border:0;background:var(--red);color:#fff;font-size:12px;cursor:pointer;line-height:1}
.fy7-ai-chat>footer{display:flex;flex-direction:column;gap:2px;padding:6px 12px 10px;background:#fff;font-size:12px}
.fy7-ai-chat>footer a{color:#128c4b;font-weight:800;display:inline-flex;align-items:center;gap:5px}
.fy7-ai-chat>footer small{color:var(--muted);font-size:11px}

/* Loading dots */
.fy7-ai-loading{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:center}
.fy7-ai-loading span{width:8px;height:8px;border-radius:50%;background:var(--orange);animation:fy7dot 1.2s infinite}
.fy7-ai-loading span:nth-child(2){animation-delay:.15s}.fy7-ai-loading span:nth-child(3){animation-delay:.3s}
.fy7-ai-loading p{flex-basis:100%;text-align:center;color:var(--muted);margin:10px 0 0}
@keyframes fy7dot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}

/* Product mini cards (chat + modal) */
.fy7-ai-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-top:8px}
.fy7-ai-cards.is-small{grid-template-columns:1fr 1fr;gap:6px}
.fy7-ai-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px;display:flex;flex-direction:column;gap:4px;color:var(--text)}
.fy7-ai-card>a{display:flex;flex-direction:column;gap:6px;color:inherit}
.fy7-ai-card img{width:100%;aspect-ratio:1;object-fit:contain;background:var(--bg);border-radius:10px}
.fy7-ai-card b{font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fy7-ai-card small{color:var(--muted);font-size:11.5px}
.fy7-ai-card-meta{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;font-size:13px}
.fy7-ai-card .price{color:var(--orange-d);font-weight:900}
.fy7-ai-card del{color:var(--muted);font-weight:400;font-size:11px}
.fy7-ai-card .rate{color:#b7791f;font-weight:800}
.fy7-ai-card .tag{background:#fff3cd;color:#8a5a00;border-radius:6px;padding:0 6px;font-size:11px;font-weight:800}
.fy7-ai-card .tag.is-out{background:#fde2e1;color:var(--red)}
.fy7-ai-add{min-height:34px;padding:6px 10px;font-size:13px;margin-top:auto}
.fy7-ai-cards.is-small .fy7-ai-card{padding:6px}
.fy7-ai-cards.is-small b{font-size:12px}

/* Modal */
.fy7-ai-modal{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px}
.fy7-ai-modal[hidden]{display:none}
.fy7-ai-modal-bg{position:absolute;inset:0;background:rgba(10,20,40,.55)}
.fy7-ai-modal-panel{position:relative;z-index:1;background:#fff;border-radius:22px;width:min(920px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--shadow-2)}
.fy7-ai-modal-panel>header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line)}
.fy7-ai-modal-panel>header b{color:var(--navy);font-size:17px}
.fy7-ai-modal-panel>header button{border:0;background:var(--bg);border-radius:10px;width:38px;height:38px;cursor:pointer;display:grid;place-items:center}
.fy7-ai-modal-body{padding:18px;overflow:auto}
.fy7-ai-preview{display:block;max-height:180px;max-width:100%;margin:0 auto 12px;border-radius:14px;box-shadow:var(--shadow)}
.fy7-ai-summary{background:linear-gradient(90deg,#fff7ef,#f1f5ff);border-radius:12px;padding:10px 14px;font-weight:800;color:var(--navy)}
.fy7-ai-empty{text-align:center;padding:18px;color:var(--muted)}
.fy7-ai-center{text-align:center;margin-top:14px}
.fy7-noscroll{overflow:hidden}
.fy7-ai-autosearch{margin-top:14px}

/* Seller: AI writer + commission */
.fy7-ai-writer{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px;border:1px dashed #ffd2a8;border-radius:14px;background:#fffaf5;margin-bottom:12px}
.fy7-ai-writer small{color:var(--muted);flex:1;min-width:200px}
.fy7-ai-write-status{flex-basis:100%;font-weight:700;color:var(--green);font-size:13px}
.fy7-comm-preview{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;padding:10px;border-radius:14px;background:#f0f7f3;border:1px solid #cfe9da}
.fy7-comm-preview>div{background:#fff;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column}
.fy7-comm-preview small{color:var(--muted);font-size:12px}
.fy7-comm-preview b{font-size:17px}
.fy7-comm-preview .total b{color:var(--green)}
.fy7-comm-preview p{grid-column:1/-1;margin:0}
.fy7-comm-box{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin-bottom:14px;border-color:#cfe9da;background:#f6fbf8}
.fy7-comm-box>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px}
.fy7-comm-box b{font-size:30px;color:var(--navy)}
.fy7-comm-box em{font-style:normal;background:#e3f3ea;color:#0a7d32;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:800}
.fy7-comm-box p{flex-basis:100%;margin:0}
.fy7-comm-cats{margin:6px 0 0;padding-inline-start:18px}
.fy7-stat.is-good b{color:var(--green)}
.fy7-stat.is-hi{border-color:var(--orange);background:var(--orange-l)}

/* ---------- Auto parts catalog ---------- */
.nav-parts{font-weight:800}
.fy7-catalog{display:grid;gap:8px}
.fy7-cat-hero{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center;padding:34px;border-radius:26px;background:radial-gradient(circle at 10% 10%,#ffe3c7 0,transparent 35%),linear-gradient(135deg,#0f1f3a,#1d3d70);color:#fff}
.fy7-cat-hero small{letter-spacing:.12em;font-weight:900;color:var(--yellow);font-size:12px}
.fy7-cat-hero h1{font-size:clamp(28px,4vw,46px);margin:6px 0 10px;color:#fff;line-height:1.15}
.fy7-cat-hero p{opacity:.88;font-size:17px;margin:0}
.fy7-garage{display:grid;gap:12px;color:var(--text)}
.fy7-garage>b{font-size:17px;color:var(--navy)}
.fy7-garage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.fy7-garage label{display:flex;flex-direction:column;gap:4px;font-weight:700;font-size:13px}
.fy7-garage select,.fy7-cat-quick input{width:100%;min-height:46px;border:1px solid var(--line);border-radius:12px;padding:8px 10px;background:#fff}
.fy7-garage .fy7-check{flex-direction:row;align-items:center;gap:6px}
.fy7-garage-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;background:#eef6ff;border:1px solid #cfe1fb;border-radius:14px;padding:10px 14px;margin:6px 0 12px}
.fy7-garage-bar a{font-weight:800;color:var(--blue)}
.fy7-cat-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.fy7-cat-quick .card{display:flex;flex-direction:column;gap:8px}
.fy7-cat-quick p{margin:0;color:var(--muted);font-size:14px}
.fy7-row{display:flex;gap:8px}
.fy7-part-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.fy7-part-cat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:16px 10px;transition:.15s}
.fy7-part-cat:hover{transform:translateY(-3px);border-color:var(--orange)}
.fy7-part-cat .ico{font-size:34px;width:64px;height:64px;border-radius:18px;background:var(--orange-l);display:grid;place-items:center}
.fy7-part-cat img{width:64px;height:64px;object-fit:contain}
.fy7-part-cat small{color:var(--muted)}
.fy7-make-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;align-items:start}
.fy7-make{padding:0}
.fy7-make summary{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;list-style:none}
.fy7-make summary::-webkit-details-marker{display:none}
.fy7-make summary small{margin-inline-start:auto;color:var(--muted)}
.fy7-make-logo{width:38px;height:38px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:900}
.fy7-make>div{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 14px}
.fy7-make>div a{background:var(--bg);border-radius:8px;padding:4px 10px;font-size:13px;font-weight:700}
.fy7-make>div a:first-child{background:var(--orange-l);color:var(--orange-d)}
.fy7-cat-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.fy7-cat-trust .card{display:flex;flex-direction:column;gap:4px}
.fy7-cat-trust span{color:var(--muted);font-size:14px}
.fy7-fit{border-radius:12px;padding:10px 14px;margin:10px 0;font-weight:800;font-size:14px}
.fy7-fit.is-yes{background:#e7f6ee;color:#0a7d32}
.fy7-fit.is-no{background:#fff4e5;color:#8a4b00}
.fy7-fit.is-no a{color:var(--blue);margin-inline-start:6px}
.fy7-fit.is-ask{background:#eef6ff}
.fy7-fit.is-ask a{color:var(--blue)}

/* ---------- Landing page ---------- */
.fy7-lp{padding-bottom:30px}
.lp-hero{background:radial-gradient(circle at 85% 15%,#ffe3c7 0,transparent 38%),radial-gradient(circle at 5% 90%,#dbe8ff 0,transparent 40%),linear-gradient(135deg,#fff,#f2f6ff);padding:46px 0 38px}
.lp-hero-in{display:grid;grid-template-columns:1.25fr .75fr;gap:34px;align-items:center}
.lp-pill{display:inline-block;background:#fff;border:1px solid #ffd2a8;color:var(--orange-d);font-weight:800;border-radius:999px;padding:6px 14px;font-size:13px}
.lp-hero h1{font-size:clamp(32px,5vw,60px);line-height:1.1;margin:14px 0;color:var(--navy)}
.lp-hero h1 span{color:var(--orange);display:block}
.lp-hero p{font-size:18px;color:#3a4458;max-width:620px}
.lp-search{display:flex;align-items:center;gap:8px;background:#fff;border:2px solid var(--orange);border-radius:18px;padding:7px;padding-inline-start:14px;box-shadow:0 14px 40px rgba(255,122,0,.18);max-width:680px}
.lp-search input{flex:1;border:0;outline:0;font-size:16px;min-width:0;padding:10px 4px}
.lp-search .btn{min-height:48px;padding-inline:20px}
.lp-chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.lp-chips a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}
.lp-points{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-wrap:wrap;gap:8px 18px;font-weight:800;color:var(--navy);font-size:14px}
.lp-points li{display:flex;align-items:center;gap:6px}
.lp-phone{background:#fff;border-radius:28px;padding:18px;box-shadow:var(--shadow-2);display:grid;gap:10px;border:8px solid var(--navy);transform:rotate(1.5deg)}
.rtl .lp-phone{transform:rotate(-1.5deg)}
.lp-bubble{padding:10px 12px;border-radius:14px;font-size:14px;font-weight:700}
.lp-bubble.is-user{background:var(--orange);color:#fff;justify-self:end}
.lp-bubble.is-ai{background:var(--bg)}
.lp-mini{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:8px 10px}
.lp-mini span{font-size:22px}.lp-mini b{flex:1;font-size:14px}.lp-mini em{font-style:normal;color:#b7791f;font-weight:800}
.lp-phone small{text-align:center;color:var(--muted);font-size:11px}
.lp-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:-18px;position:relative}
.lp-trust div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow);font-weight:800;color:var(--navy);font-size:14px}
.lp-trust b{font-size:22px}
.lp-parts{display:grid;grid-template-columns:1fr 1.5fr;gap:24px;align-items:center;background:linear-gradient(135deg,var(--navy),#1d3d70);color:#fff;border-radius:26px;padding:30px}
.lp-parts small{letter-spacing:.12em;font-weight:900;color:var(--yellow);font-size:12px}
.lp-parts h2{color:#fff;font-size:clamp(22px,3vw,32px);margin:6px 0}
.lp-parts p{opacity:.85}
.lp-parts .fy7-garage{background:#fff;border-radius:18px;padding:16px}
.lp-link{color:var(--yellow);font-weight:800}
.lp-parts .fy7-garage-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
.lp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.lp-steps>div{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow)}
.lp-steps b{width:40px;height:40px;border-radius:12px;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:18px}
.lp-steps h3{margin:12px 0 6px;color:var(--navy)}
.lp-steps p{margin:0;color:var(--muted)}
.lp-pay{text-align:center}
.lp-pay h2{color:var(--navy)}
.lp-faq details{margin-bottom:8px;padding:0}
.lp-faq summary{padding:14px 16px;font-weight:800;cursor:pointer;color:var(--navy)}
.lp-faq details p{margin:0;padding:0 16px 16px;color:#3a4458}

.hero-copy,.lp-hero-copy{min-width:0}
.hero-search{max-width:100%}
/* Fix (v2.2): closed country/currency panel caused sideways scrolling on phones */
.fy7-locale:not([open]) .fy7-locale-panel{display:none}
html,body{overflow-x:clip}

/* ---------- Responsive ---------- */
@media (max-width:900px){
	.fy7-ai-fab{bottom:calc(76px + env(safe-area-inset-bottom));inset-inline-end:14px;padding:12px}
	.fy7-ai-fab-txt{display:none}
	.fy7-ai-chat{inset:auto 0 0 0;width:100%;height:calc(100vh - 60px);border-radius:22px 22px 0 0}

	.fy7-cat-hero,.lp-hero-in,.lp-parts{grid-template-columns:1fr;padding:22px}
	.lp-hero{padding:26px 0}
	.lp-hero-card{display:none}
	.fy7-cat-quick,.lp-steps{grid-template-columns:1fr}
	.fy7-cat-trust,.lp-trust{grid-template-columns:1fr 1fr}
	.lp-trust{margin-top:12px}
}
@media (max-width:600px){
	.topbar .fy7-locale-panel{position:fixed;top:44px;inset-inline:8px;width:auto}
	.fy7-garage-grid{grid-template-columns:1fr 1fr}
	.fy7-garage-grid label:last-child{grid-column:1/-1}
	.lp-search{flex-wrap:wrap;padding-inline-start:10px}
	.lp-search input{flex-basis:calc(100% - 90px)}
	.lp-search .btn{flex:1}
	.fy7-comm-preview{grid-template-columns:1fr}
	.fy7-ai-cards{grid-template-columns:1fr 1fr}
}