Real Stone Realstone Viktoria Akıllı Granit Evye + Aksesuar Set Antrasit

/* Özelleştirilmiş değişken isimleri - vic öneki ile */ :root{ --vic-accent: #c81b1b; /* kırmızı vurgu */ --vic-muted: #666; --vic-bg: #fafafa; --vic-card: #ffffff; --vic-radius: 10px; --vic-max-width: 980px; --vic-shadow: 0 6px 24px rgba(15,15,15,0.08); font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } body{ margin:0; background:linear-gradient(180deg,#fbfbfb 0%, #f6f6f8 100%); color:#222; line-height:1.55; } .vic-wrap{ max-width:var(--vic-max-width); margin:36px auto; padding:28px; } .vic-card{ background:var(--vic-card); border-radius:var(--vic-radius); box-shadow:var(--vic-shadow); padding:28px; overflow:hidden; } .vic-header{display:flex;gap:20px;align-items:center;margin-bottom:18px;} .vic-logo{ width:88px;height:88px;border-radius:12px; background:linear-gradient(135deg,var(--vic-accent),#8b0000); display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:18px; box-shadow:0 6px 18px rgba(200,27,27,0.18); } .vic-h1{margin:0;font-size:22px;letter-spacing:0.2px} .vic-sub{color:var(--vic-muted);font-size:13px;margin-top:6px} .vic-badge{background:var(--vic-accent);color:white;padding:6px 10px;border-radius:999px;font-weight:600;font-size:13px;margin-left:auto} .vic-hero{ display:grid; grid-template-columns: 1fr 360px; gap:22px; margin-top:18px; } .vic-desc{padding-right:8px} .vic-high{ color:var(--vic-accent); font-weight:700; } .vic-features{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0} .vic-feature{ flex:1 1 220px;background:#fff6f6;border:1px solid rgba(200,27,27,0.06); padding:12px;border-radius:8px;font-weight:600;color:var(--vic-muted) } ul.vic-specs{padding-left:18px;margin:8px 0} .vic-specs li{margin:6px 0} .vic-controls{ background:#fff;border-radius:8px;padding:12px;border:1px solid #eee;margin-top:12px; } .vic-links{display:flex;flex-direction:column;gap:10px;margin-top:14px} .vic-btn{ display:inline-block;padding:12px 16px;border-radius:8px;text-decoration:none;font-weight:700; box-shadow:0 8px 20px rgba(0,0,0,0.06); } .vic-btn-primary{background:var(--vic-accent);color:white} .vic-btn-outline{border:1px solid var(--vic-accent);color:var(--vic-accent);background:transparent} .vic-tech{ margin-top:18px;border-top:1px dashed #eee;padding-top:16px;color:var(--vic-muted); display:flex;gap:18px;flex-wrap:wrap;align-items:center; } .vic-video{ width:100%; height:100%; border-radius:8px; overflow:hidden; background:#000; } .vic-video iframe{width:100%;height:100%;min-height:220px;border:0} .vic-grid{ display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px; } .vic-note{background:#fff8f8;padding:12px;border-radius:8px;border:1px solid rgba(200,27,27,0.06);color:var(--vic-muted)} .vic-footer{margin-top:18px;padding-top:14px;border-top:1px solid #f0f0f0;color:var(--vic-muted);font-size:13px} @media(max-width:880px){ .vic-hero{grid-template-columns:1fr} .vic-grid{grid-template-columns:1fr} }