:root{--fv-acc:#0b6f82;--fv-hot:#e8505b;--fv-ink:#1b2430;--fv-mut:#5f6b78;--fv-line:#e6eaee;--fv-bg:#f6f8fa}
.fv-top{background:#10242c;color:#dfe9ec;font:500 12.5px/1.3 system-ui,"Segoe UI",Arial,sans-serif}
.fv-top .fv-in{max-width:1240px;margin:0 auto;padding:7px 16px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}
.fv-help{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.fv-help span{opacity:.7;text-transform:uppercase;letter-spacing:.06em;font-size:11px}
.fv-top a{color:#fff;text-decoration:none}.fv-top a:hover{text-decoration:underline}.fv-ship b{color:#ffd43b}
@media(max-width:600px){.fv-top .fv-in{justify-content:center;text-align:center}}
.fv-home{max-width:1240px;margin:0 auto;padding:16px;color:var(--fv-ink);font-family:inherit}
.fv-home *{box-sizing:border-box}
.fv-home h2,.fv-home h3{margin:0;line-height:1.2}
.fv-cta{display:inline-block;background:#fff;color:var(--fv-ink)!important;padding:12px 22px;border-radius:99px;font-weight:700;text-decoration:none;border:0;cursor:pointer;font-size:15px;transition:transform .15s,box-shadow .15s}
.fv-cta:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.2)}
.fv-find .fv-cta{background:var(--fv-acc);color:#fff!important}
/* afiş */
.fv-hero{position:relative;border-radius:18px;overflow:hidden;min-height:320px;background:#0b6f82}
.fv-sl{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:32px 56px;color:#fff;opacity:0;visibility:hidden;transition:opacity .5s}
.fv-sl.on{opacity:1;visibility:visible;position:relative}
.fv-sl-in{max-width:520px}
.fv-sl h2{font-size:clamp(26px,4vw,44px);font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.18)}
.fv-sl p{margin:12px 0 22px;font-size:clamp(15px,1.6vw,18px);opacity:.96}
.fv-art{width:min(300px,34vw);height:auto;flex:0 0 auto;filter:drop-shadow(0 10px 18px rgba(0,0,0,.25))}
.fv-dots{position:absolute;left:0;right:0;bottom:12px;display:flex;gap:8px;justify-content:center}
.fv-dots button{width:10px;height:10px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.5);cursor:pointer}
.fv-dots button.on{background:#fff;width:26px;border-radius:99px}
@media(max-width:700px){.fv-sl{padding:28px 22px 44px;flex-direction:column;align-items:flex-start;justify-content:center}.fv-art{display:none}.fv-hero{min-height:270px}}
/* kategori şeridi */
.fv-cats{display:flex;gap:6px;overflow-x:auto;padding:18px 2px 6px;scrollbar-width:thin}
.fv-cats a{flex:0 0 auto;width:96px;display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:var(--fv-ink);font-weight:600;font-size:13px;text-align:center}
.fv-cats i{width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--c) 14%,#fff);transition:transform .15s}
.fv-cats a:hover i{transform:scale(1.08)}
.fv-cats svg{width:34px;height:34px;fill:none;stroke:var(--c);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* hediye bulucu */
.fv-find{margin:18px 0;padding:20px 22px;border-radius:16px;background:var(--fv-bg);border:1px solid var(--fv-line);display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.fv-find h2{font-size:21px;flex:1 1 220px}
.fv-find-f{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;flex:2 1 460px}
.fv-find label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:600;color:var(--fv-mut);flex:1 1 150px}
.fv-find select{padding:11px 10px;border:1px solid var(--fv-line);border-radius:10px;background:#fff;font:inherit;color:var(--fv-ink)}
/* ürün bloğu */
.fv-sec{margin:34px 0}
.fv-hd{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px;gap:12px}
.fv-hd h2{font-size:clamp(20px,2.4vw,26px);font-weight:800}
.fv-hd a{color:var(--fv-acc);font-weight:700;text-decoration:none;white-space:nowrap}
.fv-gr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media(max-width:900px){.fv-gr{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.fv-gr{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
.fv-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--fv-line);border-radius:14px;overflow:hidden;transition:box-shadow .2s,transform .2s}
.fv-card:hover{box-shadow:0 10px 26px rgba(16,36,44,.12);transform:translateY(-3px)}
.fv-img{position:relative;display:block;aspect-ratio:1;background:var(--fv-bg);overflow:hidden}
.fv-img img{width:100%;height:100%;object-fit:cover;display:block}
.fv-bd{position:absolute;left:8px;top:8px;background:var(--fv-hot);color:#fff;font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:99px}
.fv-tg{position:absolute;left:8px;bottom:8px;background:rgba(11,111,130,.94);color:#fff;font-size:11px;font-weight:700;padding:3px 9px;border-radius:99px}
.fv-nm{font-size:14px;font-weight:600;padding:10px 12px 0;min-height:3.4em}
.fv-nm a{color:inherit;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fv-rt{padding:4px 12px 0;font-size:12px;color:var(--fv-mut)}
.fv-st{color:#f5a623;letter-spacing:1px}.fv-st0{color:#d5dbe1}
.fv-pr{padding:6px 12px 0;font-weight:800;font-size:16px}
.fv-pr del{color:var(--fv-mut);font-weight:500;font-size:13px;margin-right:6px}.fv-pr ins{text-decoration:none}
.fv-bt{margin:10px 12px 12px;text-align:center;padding:10px;border-radius:10px;background:var(--fv-acc);color:#fff!important;font-weight:700;text-decoration:none}
.fv-bt:hover{filter:brightness(1.1)}
/* afiş şeritleri */
.fv-bn{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:34px 0;padding:28px 34px;border-radius:18px;color:#fff;text-decoration:none}
.fv-bn h3{font-size:clamp(20px,3vw,30px);font-weight:800}.fv-bn p{margin:6px 0 0;opacity:.95}
.fv-bn .fv-cta{pointer-events:none}
/* nasıl çalışır / güven / seo */
.fv-how{margin:40px 0}.fv-how h2{font-size:clamp(20px,2.4vw,26px);margin-bottom:16px;font-weight:800}
.fv-how ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:700px){.fv-how ol{grid-template-columns:1fr}}
.fv-how li{display:flex;gap:14px;align-items:center;padding:16px;border-radius:14px;background:var(--fv-bg);border:1px solid var(--fv-line)}
.fv-how b{flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:var(--fv-acc);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px}
.fv-how strong{display:block}.fv-how span{color:var(--fv-mut);font-size:13.5px}
.fv-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px;border-radius:16px;background:#10242c;color:#fff;margin:34px 0}
@media(max-width:800px){.fv-trust{grid-template-columns:repeat(2,1fr)}}
.fv-trust div{display:flex;flex-direction:column;gap:2px}.fv-trust b{font-size:15px;color:#ffd43b}.fv-trust span{font-size:12.5px;opacity:.85}
.fv-seo{margin:30px 0 10px;color:var(--fv-mut);font-size:14px;line-height:1.6;max-width:900px}.fv-seo h2{font-size:19px;color:var(--fv-ink);margin-bottom:8px}
.fv-tg-loop{position:absolute;left:8px;bottom:8px;z-index:2}
@media(prefers-reduced-motion:reduce){.fv-sl,.fv-card,.fv-cta,.fv-cats i{transition:none}}