Otomatik Kelepçeli Musluk Bağlantısı

.gs-hose-accessory-page{–gsa-green:#128a45;–gsa-blue:#0876a4;–gsa-dark:#10251a;–gsa-muted:#5d7167;–gsa-line:#d9e9e0;–gsa-soft:#f3faf7;font-family:inherit;color:var(–gsa-dark);max-width:1120px;margin:0 auto}
.gs-hose-accessory-page *{box-sizing:border-box}
.gs-hose-hero{background:linear-gradient(135deg,#f4faf7,#fff);border:1px solid var(–gsa-line);border-radius:10px;padding:26px;display:grid;grid-template-columns:1.35fr .65fr;gap:20px;align-items:center}
.gs-hose-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(–gsa-blue);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:0}
.gs-hose-hero h2{font-size:30px;line-height:1.18;margin:10px 0 12px;color:var(–gsa-dark)}
.gs-hose-hero p{font-size:16px;line-height:1.72;margin:0;color:var(–gsa-muted)}
.gs-hose-chipgrid{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.gs-hose-chipgrid span{border:1px solid var(–gsa-line);background:#fff;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700;color:var(–gsa-dark)}
.gs-hose-panel{background:#fff;border:1px solid var(–gsa-line);border-radius:10px;padding:18px}
.gs-hose-panel strong{display:block;font-size:18px;margin-bottom:8px}
.gs-hose-panel ul{margin:0;padding-left:18px;color:var(–gsa-muted);line-height:1.7}
.gs-hose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}
.gs-hose-grid article{border:1px solid var(–gsa-line);background:#fff;border-radius:10px;padding:18px;min-height:132px}
.gs-hose-grid span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:999px;background:var(–gsa-green);color:#fff;font-weight:800;margin-bottom:10px}
.gs-hose-grid p{margin:0;color:var(–gsa-muted);line-height:1.6}
.gs-hose-section{border:1px solid var(–gsa-line);border-radius:10px;padding:22px;margin-top:16px;background:#fff}
.gs-hose-section h3{font-size:22px;line-height:1.25;margin:0 0 12px;color:var(–gsa-dark)}
.gs-hose-section p{color:var(–gsa-muted);line-height:1.72;margin:0 0 12px}
.gs-hose-use{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.gs-hose-use ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.gs-hose-use li{border:1px solid var(–gsa-line);border-radius:8px;padding:11px 12px;background:var(–gsa-soft);font-weight:700;color:var(–gsa-dark)}
.gs-hose-table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:8px}
.gs-hose-table th,.gs-hose-table td{border:1px solid var(–gsa-line);padding:12px;text-align:left;vertical-align:top}
.gs-hose-table th{width:30%;background:var(–gsa-soft);color:var(–gsa-dark)}
.gs-hose-faq details{border:1px solid var(–gsa-line);border-radius:8px;padding:12px 14px;margin-top:8px;background:#fff}
.gs-hose-faq summary{cursor:pointer;font-weight:800;color:var(–gsa-dark)}
.gs-hose-cta{margin-top:18px;background:#123f2a;color:#fff;border-radius:10px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.gs-hose-cta p{margin:0;color:#e6f4ec;line-height:1.55}
.gs-hose-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:8px;background:#25d366;color:#fff!important;font-weight:800;text-decoration:none;white-space:nowrap}
@media(max-width:768px){.gs-hose-accessory-page{max-width:100%;overflow:hidden}.gs-hose-hero{grid-template-columns:1fr;padding:18px;border-radius:8px}.gs-hose-hero h2{font-size:22px}.gs-hose-hero p{font-size:14px}.gs-hose-grid{grid-template-columns:1fr}.gs-hose-use{grid-template-columns:1fr}.gs-hose-section{padding:16px}.gs-hose-table,.gs-hose-table tbody,.gs-hose-table tr,.gs-hose-table th,.gs-hose-table td{display:block;width:100%}.gs-hose-table tr{border:1px solid var(–gsa-line);border-radius:8px;margin-bottom:10px;overflow:hidden}.gs-hose-table th,.gs-hose-table td{border:0}.gs-hose-table th{border-bottom:1px solid var(–gsa-line)}.gs-hose-cta{display:block}.gs-hose-cta a{width:100%;margin-top:14px;white-space:normal;text-align:center}}