/* Hosting siparişi, hosting önerisi ve alan adı + hosting birleşik sepeti - 2026-11-09 */
.hz-card{max-width:780px;margin:0 auto;padding:34px;border-radius:22px;background:#fff;border:1px solid rgba(32,45,97,.1);box-shadow:0 20px 56px rgba(32,45,97,.09);display:grid;gap:22px}
.hz-card h2{margin:0;font-size:clamp(24px,3vw,30px);color:#202d61;letter-spacing:-.02em;line-height:1.15}
.hz-card .hz-sub{margin:-12px 0 0;color:#5b6478;font-size:15px}
.hz-field{display:grid;gap:9px}.hz-field[hidden]{display:none}
.hz-label{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#4b5570}
.hz-packs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.hz-pack{position:relative;display:block;cursor:pointer}
.hz-pack input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer;margin:0}
.hz-pack .box{display:grid;gap:3px;height:100%;padding:18px 16px 15px;border:2px solid #dde2ee;border-radius:14px;background:#fff;transition:border-color .2s,box-shadow .2s,background .2s}
.hz-pack:hover .box{border-color:#b9c2da}
.hz-pack input:checked + .box{border-color:#f27345;background:linear-gradient(180deg,#fff8f5,#fff);box-shadow:0 10px 26px rgba(242,115,69,.16)}
.hz-pack input:focus-visible + .box{outline:3px solid rgba(20,127,167,.35);outline-offset:2px}
.hz-pack b{font-size:18px;color:#202d61}
.hz-pack small{color:#697287;font-size:13px;line-height:1.45}
.hz-pack .pr{margin-top:8px;font-size:27px;font-weight:800;color:#202d61;letter-spacing:-.03em;line-height:1}
.hz-pack .pr span{font-size:12px;font-weight:600;color:#697287;margin-left:4px;letter-spacing:0}
.hz-pack .tag{position:absolute;top:-10px;right:12px;padding:3px 10px;border-radius:99px;background:linear-gradient(135deg,#f27345,#e65762);color:#fff;font-size:11px;font-weight:800;letter-spacing:.03em}
.hz-input{position:relative}
.hz-input svg{position:absolute;left:16px;top:50%;translate:0 -50%;width:20px;height:20px;color:#8a93aa;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.hz-input input{width:100%;height:56px;padding:0 16px 0 46px;border:1.5px solid #d6dbe8;border-radius:13px;font:inherit;font-size:16px;color:#17234d;background:#fbfcfe;outline:0;transition:border-color .2s,box-shadow .2s,background .2s}
.hz-input input::placeholder{color:#9aa3b8}
.hz-input input:focus{border-color:#147fa7;background:#fff;box-shadow:0 0 0 4px rgba(20,127,167,.14)}
.hz-hint{margin:0;color:#697287;font-size:13.5px;line-height:1.6}
.hz-hint a{color:#147fa7;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.hz-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:58px;border:0;border-radius:14px;cursor:pointer;font:inherit;font-size:17px;font-weight:800;color:#fff;background:linear-gradient(135deg,#f27345,#e65762);box-shadow:0 14px 30px rgba(224,86,77,.28);transition:transform .15s,box-shadow .2s}
.hz-submit:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(224,86,77,.36)}
.hz-perks{display:flex;flex-wrap:wrap;gap:6px 20px;margin:0;padding:0;list-style:none;color:#4b5570;font-size:13.5px}
.hz-perks li::before{content:"\2713";color:#147fa7;font-weight:800;margin-right:7px}
.hz-note{margin:0;color:#697287;font-size:13px;line-height:1.6}
.hz-or{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:14px 16px;border-radius:13px;background:#f3f9fc;border:1px dashed rgba(20,127,167,.35);color:#33425f;font-size:14px}
.hz-or a{font-weight:800;color:#147fa7}
/* sepet: hosting önerisi */
.hz-offer{margin-top:18px;padding:22px;border-radius:18px;background:linear-gradient(135deg,#f3f9fc,#f7f3fb);border:1px solid rgba(20,127,167,.22)}
.hz-offer h3{margin:0 0 4px;font-size:20px;color:#202d61;letter-spacing:-.01em}
.hz-offer > p{margin:0 0 16px;color:#4b5570;font-size:14.5px;line-height:1.6}
.hz-offer .hz-pack .box{padding:15px 14px 13px}.hz-offer .hz-pack .pr{font-size:23px}
.hz-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:16px}
.hz-add{min-height:50px;padding:0 24px;border:0;border-radius:12px;font:inherit;font-weight:800;color:#fff;background:linear-gradient(135deg,#202d61,#543378);cursor:pointer;box-shadow:0 10px 24px rgba(32,45,97,.2);transition:transform .15s}
.hz-add:hover{transform:translateY(-2px)}
.hz-skip{color:#697287;font-size:13.5px}
.hz-bundle-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:99px;background:#e9f7ef;color:#1b7a46;font-size:12.5px;font-weight:800}
/* alan adı sonuçları */
.hz-both{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:12px;border:1.5px solid #147fa7;background:#fff;color:#147fa7;font:inherit;font-weight:800;font-size:14px;cursor:pointer;transition:background .2s,color .2s}
.hz-both:hover{background:#147fa7;color:#fff}
.hz-row-actions{display:flex;gap:8px;flex-wrap:wrap}
.hz-suggest{margin-top:18px;padding:18px 20px;border-radius:16px;background:linear-gradient(135deg,#f3f9fc,#f7f3fb);border:1px solid rgba(20,127,167,.22);color:#33425f;font-size:14.5px;line-height:1.6}
.hz-suggest b{color:#202d61}
.hz-suggest a{color:#147fa7;font-weight:800;text-decoration:underline;text-underline-offset:3px}
@media (max-width:760px){.hz-packs{grid-template-columns:1fr}.hz-card{padding:22px 18px}}